diff --git a/api-generator/components/inputotp.js b/api-generator/components/inputotp.js new file mode 100644 index 000000000..6c74db25d --- /dev/null +++ b/api-generator/components/inputotp.js @@ -0,0 +1,80 @@ +const InputOtpProps = [ + { + name: 'modelValue', + type: 'boolean', + default: 'null', + description: 'Specifies whether a inputOtp should be checked or not.' + }, + { + name: 'trueValue', + type: 'any', + default: 'null', + description: 'Value in checked state.' + }, + { + name: 'falseValue', + type: 'any', + default: 'null', + description: 'Value in unchecked state.' + }, + { + name: 'inputId', + type: 'string', + default: 'null', + description: 'Identifier of the underlying input element.' + }, + { + name: 'inputStyle', + type: 'object', + default: 'null', + description: 'Inline style of the input field.' + }, + { + name: 'inputClass', + type: 'string | object', + default: 'null', + description: 'Style class of the input field.' + }, + { + name: 'inputProps', + type: 'object', + default: 'null', + description: 'Used to pass all properties of the HTMLInputElement to the focusable input element inside the component.' + }, + { + name: 'pt', + type: 'any', + default: 'null', + description: 'Used to pass attributes to DOM elements inside the component.' + }, + { + name: 'unstyled', + type: 'boolean', + default: 'false', + description: 'When enabled, it removes component related styles in the core.' + } +]; + +const InputOtpEvents = [ + { + name: 'click', + description: 'Callback to invoke on click.' + }, + { + name: 'change', + description: 'Callback to invoke on value change.' + }, + { + name: 'input', + description: 'Callback to invoke on value change.' + } +]; + +module.exports = { + inputotp: { + name: 'InputOtp', + description: 'InputOtp is used to enter one time passwords.', + props: InputOtpProps, + events: InputOtpEvents + } +}; diff --git a/assets/menu/menu.json b/assets/menu/menu.json index ce32aa7a0..f0dc6cc2e 100644 --- a/assets/menu/menu.json +++ b/assets/menu/menu.json @@ -115,6 +115,11 @@ "name": "InputNumber", "to": "/inputnumber" }, + { + "name": "InputOtp", + "to": "/inputotp", + "badge": "NEW" + }, { "name": "InputSwitch", "to": "/inputswitch" diff --git a/components/doc/codeeditor/services.js b/components/doc/codeeditor/services.js index 768889f96..c245d8f8c 100644 --- a/components/doc/codeeditor/services.js +++ b/components/doc/codeeditor/services.js @@ -9726,7 +9726,7 @@ const services = { { key: '7-1', data: { - name: 'primeng.png', + name: 'primevue.png', size: '30kb', type: 'Picture' } diff --git a/components/doc/codeeditor/templates.js b/components/doc/codeeditor/templates.js index 6baa7dec7..1441d3356 100644 --- a/components/doc/codeeditor/templates.js +++ b/components/doc/codeeditor/templates.js @@ -193,10 +193,11 @@ import InlineMessage from 'primevue/inlinemessage'; import Inplace from 'primevue/inplace'; import InputGroup from 'primevue/inputgroup'; import InputGroupAddon from 'primevue/inputgroupaddon'; -import InputSwitch from 'primevue/inputswitch'; -import InputText from 'primevue/inputtext'; import InputMask from 'primevue/inputmask'; import InputNumber from 'primevue/inputnumber'; +import InputOtp from 'primevue/inputotp'; +import InputSwitch from 'primevue/inputswitch'; +import InputText from 'primevue/inputtext'; import Knob from 'primevue/knob'; import Listbox from 'primevue/listbox'; import MegaMenu from 'primevue/megamenu'; @@ -313,6 +314,7 @@ app.component('InputGroupAddon', InputGroupAddon); app.component('InputIcon', InputIcon); app.component('InputMask', InputMask); app.component('InputNumber', InputNumber); +app.component('InputOtp', InputOtp); app.component('InputSwitch', InputSwitch); app.component('InputText', InputText); app.component('Knob', Knob); diff --git a/components/lib/avatargroup/AvatarGroup.d.ts b/components/lib/avatargroup/AvatarGroup.d.ts index 70b4fd8f0..978fdead4 100644 --- a/components/lib/avatargroup/AvatarGroup.d.ts +++ b/components/lib/avatargroup/AvatarGroup.d.ts @@ -2,7 +2,7 @@ * * A set of Avatars can be displayed together using the AvatarGroup component. * - * [Live Demo](https://www.primevue.org/accordion/) + * [Live Demo](https://www.primevue.org/avatar/) * * @module avatargroup * @@ -12,7 +12,33 @@ import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; -export declare type AvatarGroupPassThroughOptionType = AvatarGroupPassThroughAttributes | null | undefined; +export declare type AvatarGroupPassThroughOptionType = AvatarGroupPassThroughAttributes | ((options: AvatarGroupPassThroughMethodOptions) => AvatarGroupPassThroughAttributes | string) | string | null | undefined; + +/** + * Custom passthrough(pt) option method. + */ +export interface AvatarGroupPassThroughMethodOptions { + /** + * Defines instance. + */ + instance: any; + /** + * Defines valid properties. + */ + props: AvatarGroupProps; + /** + * Defines valid attributes. + */ + attrs: any; + /** + * Defines parent options. + */ + parent: any; + /** + * Defines passthrough(pt) options in global config. + */ + global: object | undefined; +} /** * Custom passthrough attributes for each DOM elements @@ -78,7 +104,7 @@ export interface AvatarGroupEmits {} * * _A set of Avatars can be displayed together using the AvatarGroup component._ * - * [Live Demo](https://www.primevue.org/avatargroup/) + * [Live Demo](https://www.primevue.org/avatar/) * --- --- * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png) * diff --git a/components/lib/calendar/Calendar.vue b/components/lib/calendar/Calendar.vue index ae06dd71b..9f459c24a 100755 --- a/components/lib/calendar/Calendar.vue +++ b/components/lib/calendar/Calendar.vue @@ -205,7 +205,9 @@ context: { date, today: date.today, - otherMonth: date.otherMonth + otherMonth: date.otherMonth, + selected: isSelected(date), + disabled: !date.selectable } }) " @@ -225,6 +227,8 @@ ptm('dayLabel', { context: { date, + today: date.today, + otherMonth: date.otherMonth, selected: isSelected(date), disabled: !date.selectable } diff --git a/components/lib/card/Card.d.ts b/components/lib/card/Card.d.ts index f757ab3b5..b64552c9d 100755 --- a/components/lib/card/Card.d.ts +++ b/components/lib/card/Card.d.ts @@ -12,7 +12,29 @@ import { ComponentHooks } from '../basecomponent'; import { PassThroughOptions } from '../passthrough'; import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; -export declare type CardPassThroughOptionType = CardPassThroughAttributes | null | undefined; +export declare type CardPassThroughOptionType = CardPassThroughAttributes | ((options: CardPassThroughMethodOptions) => CardPassThroughAttributes | string) | string | null | undefined; + +/** + * Custom passthrough(pt) option method. + */ +export interface CardPassThroughMethodOptions { + /** + * Defines instance. + */ + instance: any; + /** + * Defines valid properties. + */ + props: CardProps; + /** + * Defines valid attributes. + */ + attrs: any; + /** + * Defines passthrough(pt) options in global config. + */ + global: object | undefined; +} /** * Custom passthrough(pt) options. diff --git a/components/lib/colorpicker/ColorPicker.vue b/components/lib/colorpicker/ColorPicker.vue index 3a4fcebdd..2d0156627 100755 --- a/components/lib/colorpicker/ColorPicker.vue +++ b/components/lib/colorpicker/ColorPicker.vue @@ -4,7 +4,7 @@
-
+
diff --git a/components/lib/datatable/BaseDataTable.vue b/components/lib/datatable/BaseDataTable.vue index 8bdf78646..bc565808f 100644 --- a/components/lib/datatable/BaseDataTable.vue +++ b/components/lib/datatable/BaseDataTable.vue @@ -211,11 +211,11 @@ export default { default: null }, rowClass: { - type: null, + type: [String, Object], default: null }, rowStyle: { - type: null, + type: Object, default: null }, scrollable: { @@ -263,11 +263,11 @@ export default { default: null }, tableClass: { - type: String, + type: [String, Object], default: null }, tableProps: { - type: null, + type: Object, default: null }, filterInputProps: { diff --git a/components/lib/datatable/DataTable.d.ts b/components/lib/datatable/DataTable.d.ts index 6c4e36b43..f26a35833 100755 --- a/components/lib/datatable/DataTable.d.ts +++ b/components/lib/datatable/DataTable.d.ts @@ -1117,11 +1117,11 @@ export interface DataTableProps { /** * Inline style of the table element. */ - tableStyle?: any; + tableStyle?: object | undefined; /** * Style class of the table element. */ - tableClass?: any; + tableClass?: string | object | undefined; /** * Used to pass all properties of the TableHTMLAttributes to table element inside the component. */ diff --git a/components/lib/fileupload/FileUpload.vue b/components/lib/fileupload/FileUpload.vue index 1f64095e4..b41489311 100755 --- a/components/lib/fileupload/FileUpload.vue +++ b/components/lib/fileupload/FileUpload.vue @@ -27,9 +27,11 @@
- - {{ msg }} - +
diff --git a/components/lib/galleria/GalleriaThumbnails.vue b/components/lib/galleria/GalleriaThumbnails.vue index cd545db52..31be59673 100755 --- a/components/lib/galleria/GalleriaThumbnails.vue +++ b/components/lib/galleria/GalleriaThumbnails.vue @@ -15,7 +15,16 @@
-
+
+import BaseComponent from 'primevue/basecomponent'; +import InputOtpStyle from 'primevue/inputotp/style'; + +export default { + name: 'BaseInputOtp', + extends: BaseComponent, + props: { + modelValue: { + type: null, + default: false + }, + invalid: { + type: Boolean, + default: false + }, + disabled: { + type: Boolean, + default: false + }, + readonly: { + type: Boolean, + default: false + }, + variant: { + type: String, + default: null + }, + tabindex: { + type: Number, + default: null + }, + length: { + type: Number, + default: 4 + }, + mask: { + type: Boolean, + default: false + }, + integerOnly: { + type: Boolean, + default: false + } + }, + style: InputOtpStyle, + provide() { + return { + $parentInstance: this + }; + } +}; + diff --git a/components/lib/inputotp/InputOtp.d.ts b/components/lib/inputotp/InputOtp.d.ts new file mode 100755 index 000000000..892c9bcbd --- /dev/null +++ b/components/lib/inputotp/InputOtp.d.ts @@ -0,0 +1,275 @@ +/** + * + * InputOtp is used to enter one time passwords. + * + * [Live Demo](https://www.primevue.org/inputotp/) + * + * @module inputotp + * + */ +import { VNode } from 'vue'; +import { ComponentHooks } from '../basecomponent/BaseComponent'; +import { InputTextPassThroughOptions } from '../inputtext'; +import { PassThroughOptions } from '../passthrough'; +import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers'; + +export declare type InputOtpPassThroughOptionType = InputOtpPassThroughAttributes | ((options: InputOtpPassThroughMethodOptions) => InputOtpPassThroughAttributes | string) | string | null | undefined; + +/** + * Custom passthrough(pt) option method. + */ +export interface InputOtpPassThroughMethodOptions { + /** + * Defines instance. + */ + instance: any; + /** + * Defines valid properties. + */ + props: InputOtpProps; + /** + * Defines current inline state. + */ + state: InputOtpState; + /** + * Defines valid attributes. + */ + attrs: any; + /** + * Defines passthrough(pt) options in global config. + */ + global: object | undefined; +} + +/** + * Custom shared passthrough(pt) option method. + */ +export interface InputOtpSharedPassThroughMethodOptions { + /** + * Defines valid properties. + */ + props: InputOtpProps; + /** + * Defines current inline state. + */ + state: InputOtpState; +} + +/** + * Custom passthrough(pt) options. + * @see {@link InputOtpProps.pt} + */ +export interface InputOtpPassThroughOptions { + /** + * Used to pass attributes to the root's DOM element. + */ + root?: InputOtpPassThroughOptionType; + /** + * Used to pass attributes to the InputText component. + * @see {@link InputTextPassThroughOptions} + */ + input?: InputTextPassThroughOptions; + /** + * Used to manage all lifecycle hooks. + * @see {@link BaseComponent.ComponentHooks} + */ + hooks?: ComponentHooks; +} + +/** + * Custom passthrough attributes for each DOM elements + */ +export interface InputOtpPassThroughAttributes { + [key: string]: any; +} + +/** + * Defines current inline state in InputOtp component. + */ +export interface InputOtpState { + /** + * Array of input tokens + */ + tokens: string[] | number[]; +} + +/** + * InputOtp attr options + */ +export interface InputOtpTemplateAttrsOptions { + /** + * Input token value + */ + value: string; +} + +/** + * InputOtp templating events + */ +export interface InputOtpTemplateEvents { + /** + * Input event + * @param {Event} event - Browser event + */ + input: (event: Event) => void; + /** + * Keydown event + * @param {Event} event - Browser event + */ + keydown: (event: Event) => void; + /** + * Focus event + * @param {Event} event - Browser event + */ + focus: (event: Event) => void; + /** + * Blur event + * @param {Event} event - Browser event + */ + blur: (event: Event) => void; + /** + * Paste event + * @param {Event} event - Browser event + */ + paste: (event: Event) => void; +} + +/** + * Defines valid properties in InputOtp component. + */ +export interface InputOtpProps { + /** + * Specifies whether a inputotp should be checked or not. + * @defaultValue false + */ + modelValue?: boolean | string | undefined; + /** + * When present, it specifies that the component should have invalid state style. + * @defaultValue false + */ + invalid?: boolean | undefined; + /** + * When present, it specifies that the component should be disabled. + * @defaultValue false + */ + disabled?: boolean | undefined; + /** + * When present, it specifies that an input field is read-only. + * @defaultValue false + */ + readonly?: boolean | undefined; + /** + * Specifies the input variant of the component. + * @defaultValue outlined + */ + variant?: 'outlined' | 'filled' | undefined; + /** + * Index of the element in tabbing order. + */ + tabindex?: number | undefined; + /** + * Number of characters to initiate. + * @defaultValue 4 + */ + length?: number | undefined; + /** + * Mask pattern. + * @defaultValue false + */ + mask?: boolean | undefined; + /** + * When present, it specifies that an input field is integer-only. + * @defaultValue false + */ + integerOnly?: boolean | undefined; + /** + * Used to pass attributes to DOM elements inside the component. + * @type {InputOtpPassThroughOptions} + */ + pt?: PassThrough; + /** + * Used to configure passthrough(pt) options of the component. + * @type {PassThroughOptions} + */ + ptOptions?: PassThroughOptions; + /** + * When enabled, it removes component related styles in the core. + * @defaultValue false + */ + unstyled?: boolean; +} + +/** + * + */ +export interface InputOtpSlots { + /** + * Default content slot. + */ + default(scope: { + /** + * Events of the component + * @param {number} index - Index of the input field + * @return {InputOtpTemplateEvents} + */ + events: (index: number) => InputOtpTemplateEvents; + /** + * Attributes of the component + * @param {number} index - Index of the input field + * @return {InputOtpTemplateAttrsOptions} + */ + attrs: (index: number) => InputOtpTemplateAttrsOptions; + /** + * Index of the input field + */ + index: number; + }): VNode[]; +} + +/** + * Defines valid emits in InputOtp component. + */ +export interface InputOtpEmits { + /** + * Emitted when the value changes. + * @param {boolean} value - New value. + */ + 'update:modelValue'(value: boolean): void; + /** + * Callback to invoke on value change. + * @param {Event} event - Browser event. + */ + change(event: Event): void; + /** + * Callback to invoke when the component receives focus. + * @param {Event} event - Browser event. + */ + focus(event: Event): void; + /** + * Callback to invoke when the component loses focus. + * @param {Event} event - Browser event. + */ + blur(event: Event): void; +} + +/** + * **PrimeVue - InputOtp** + * + * _InputOtp is used to enter one time passwords._ + * + * [Live Demo](https://www.primevue.org/inputotp/) + * --- --- + * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png) + * + * @group Component + * + */ +declare class InputOtp extends ClassComponent {} + +declare module '@vue/runtime-core' { + interface GlobalComponents { + InputOtp: GlobalComponentConstructor; + } +} + +export default InputOtp; diff --git a/components/lib/inputotp/InputOtp.vue b/components/lib/inputotp/InputOtp.vue new file mode 100755 index 000000000..7a390d6df --- /dev/null +++ b/components/lib/inputotp/InputOtp.vue @@ -0,0 +1,201 @@ + + + diff --git a/components/lib/inputotp/package.json b/components/lib/inputotp/package.json new file mode 100644 index 000000000..39b0a1db3 --- /dev/null +++ b/components/lib/inputotp/package.json @@ -0,0 +1,9 @@ +{ + "main": "./inputotp.cjs.js", + "module": "./inputotp.esm.js", + "unpkg": "./inputotp.min.js", + "types": "./inputotp.d.ts", + "browser": { + "./sfc": "./inputotp.vue" + } +} diff --git a/components/lib/inputotp/style/InputOtpStyle.d.ts b/components/lib/inputotp/style/InputOtpStyle.d.ts new file mode 100644 index 000000000..c52582775 --- /dev/null +++ b/components/lib/inputotp/style/InputOtpStyle.d.ts @@ -0,0 +1,3 @@ +import { BaseStyle } from '../../base/style/BaseStyle'; + +export interface InputOtpStyle extends BaseStyle {} diff --git a/components/lib/inputotp/style/InputOtpStyle.js b/components/lib/inputotp/style/InputOtpStyle.js new file mode 100644 index 000000000..89b47d4fe --- /dev/null +++ b/components/lib/inputotp/style/InputOtpStyle.js @@ -0,0 +1,11 @@ +import BaseStyle from 'primevue/base/style'; + +const classes = { + root: 'p-inputotp p-component', + input: 'p-inputotp-input' +}; + +export default BaseStyle.extend({ + name: 'inputotp', + classes +}); diff --git a/components/lib/inputotp/style/package.json b/components/lib/inputotp/style/package.json new file mode 100644 index 000000000..47e678339 --- /dev/null +++ b/components/lib/inputotp/style/package.json @@ -0,0 +1,6 @@ +{ + "main": "./inputotpstyle.cjs.js", + "module": "./inputotpstyle.esm.js", + "unpkg": "./inputotpstyle.min.js", + "types": "./inputotpstyle.d.ts" +} diff --git a/components/lib/inputswitch/InputSwitch.d.ts b/components/lib/inputswitch/InputSwitch.d.ts index b0f1b64fc..c6791e150 100755 --- a/components/lib/inputswitch/InputSwitch.d.ts +++ b/components/lib/inputswitch/InputSwitch.d.ts @@ -25,10 +25,6 @@ export interface InputSwitchPassThroughMethodOptions { * Defines valid properties. */ props: InputSwitchProps; - /** - * Defines current inline state. - */ - state: InputSwitchState; /** * Defines current options. */ @@ -78,13 +74,6 @@ export interface InputSwitchPassThroughAttributes { [key: string]: any; } -/** - * Defines current inline state in InputSwitch component. - */ -export interface InputSwitchState { - [key: string]: any; -} - /** * Defines valid properties in InputSwitch component. */ diff --git a/components/lib/listbox/Listbox.vue b/components/lib/listbox/Listbox.vue index 5f6ea7447..97b62dc2a 100755 --- a/components/lib/listbox/Listbox.vue +++ b/components/lib/listbox/Listbox.vue @@ -500,8 +500,6 @@ export default { if (this.multiple && event.shiftKey) this.onOptionSelectRange(event, this.focusedOptionIndex); else this.onOptionSelect(event, this.visibleOptions[this.focusedOptionIndex]); } - - event.preventDefault(); }, onSpaceKey(event) { this.onEnterKey(event); diff --git a/components/lib/metergroup/MeterGroup.vue b/components/lib/metergroup/MeterGroup.vue index 3d8336340..4c1491d49 100644 --- a/components/lib/metergroup/MeterGroup.vue +++ b/components/lib/metergroup/MeterGroup.vue @@ -7,7 +7,7 @@
diff --git a/components/lib/splitter/Splitter.vue b/components/lib/splitter/Splitter.vue index 98e7c1a6c..a62031f4a 100644 --- a/components/lib/splitter/Splitter.vue +++ b/components/lib/splitter/Splitter.vue @@ -1,5 +1,5 @@ @@ -138,8 +140,10 @@ const responsiveOptions = ref([ } }; }, - mounted() { - PhotoService.getImages().then((data) => (this.images = data)); + methods: { + loadDemoData() { + PhotoService.getImages().then((data) => (this.images = data)); + } } }; diff --git a/doc/galleria/ThumbnailDoc.vue b/doc/galleria/ThumbnailDoc.vue index 6a3aacd11..cb3c879e6 100644 --- a/doc/galleria/ThumbnailDoc.vue +++ b/doc/galleria/ThumbnailDoc.vue @@ -2,24 +2,26 @@

Thumbnails represent a smaller version of the actual content.

 -
-
-
- - -
-
- - - - -
+
+ + + + +
+ @@ -213,8 +215,10 @@ onMounted(() => { } }; }, - mounted() { - PhotoService.getImages().then((data) => (this.images = data)); + methods: { + loadDemoData() { + PhotoService.getImages().then((data) => (this.images = data)); + } } }; diff --git a/doc/galleria/fullscreen/CustomContentDoc.vue b/doc/galleria/fullscreen/CustomContentDoc.vue index c620758ad..f1a895e14 100644 --- a/doc/galleria/fullscreen/CustomContentDoc.vue +++ b/doc/galleria/fullscreen/CustomContentDoc.vue @@ -2,33 +2,35 @@

Using activeIndex, Galleria is displayed with a specific initial image.

 -
- - - - + +
+ + + + -
-
- +
+
+ +
-
+ @@ -191,10 +193,10 @@ const imageClick = (index) => { } }; }, - mounted() { - PhotoService.getImages().then((data) => (this.images = data)); - }, methods: { + loadDemoData() { + PhotoService.getImages().then((data) => (this.images = data)); + }, imageClick(index) { this.activeIndex = index; this.displayCustom = true; diff --git a/doc/galleria/fullscreen/WithThumbnailsDoc.vue b/doc/galleria/fullscreen/WithThumbnailsDoc.vue index 1f392833a..4eba2a7a8 100644 --- a/doc/galleria/fullscreen/WithThumbnailsDoc.vue +++ b/doc/galleria/fullscreen/WithThumbnailsDoc.vue @@ -2,18 +2,20 @@

Full screen mode is enabled by adding fullScreen property and and visibility is controlled with a binding to visible property.

 -
- - - - + +
+ + + + -
+
+ @@ -165,8 +167,10 @@ onMounted(() => { } }; }, - mounted() { - PhotoService.getImages().then((data) => (this.images = data)); + methods: { + loadDemoData() { + PhotoService.getImages().then((data) => (this.images = data)); + } } }; diff --git a/doc/galleria/fullscreen/WithoutThumbnailsDoc.vue b/doc/galleria/fullscreen/WithoutThumbnailsDoc.vue index 30e1591d2..b35e6ac20 100644 --- a/doc/galleria/fullscreen/WithoutThumbnailsDoc.vue +++ b/doc/galleria/fullscreen/WithoutThumbnailsDoc.vue @@ -2,18 +2,20 @@

Thumbnails can also be hidden in full screen mode.

 -
- - - - + +
+ + + + -
+
+ @@ -165,8 +167,10 @@ onMounted(() => { } }; }, - mounted() { - PhotoService.getImages().then((data) => (this.images = data)); + methods: { + loadDemoData() { + PhotoService.getImages().then((data) => (this.images = data)); + } } }; diff --git a/doc/galleria/indicator/ClickEventDoc.vue b/doc/galleria/indicator/ClickEventDoc.vue index a007298de..d39f13167 100644 --- a/doc/galleria/indicator/ClickEventDoc.vue +++ b/doc/galleria/indicator/ClickEventDoc.vue @@ -2,13 +2,15 @@

Indicators are displayed at the bottom by enabling showIndicators property and interacted with the click event by default.

 -
- - - -
+ +
+ + + +
+ @@ -91,8 +93,10 @@ const images = ref(); } }; }, - mounted() { - PhotoService.getImages().then((data) => (this.images = data)); + methods: { + loadDemoData() { + PhotoService.getImages().then((data) => (this.images = data)); + } } }; diff --git a/doc/galleria/indicator/HoverEventDoc.vue b/doc/galleria/indicator/HoverEventDoc.vue index 2053ae6af..a06a66617 100644 --- a/doc/galleria/indicator/HoverEventDoc.vue +++ b/doc/galleria/indicator/HoverEventDoc.vue @@ -2,13 +2,15 @@

Indicators can be activated on hover instead of click if changeItemOnIndicatorHover is added.

 -
- - - -
+ +
+ + + +
+ @@ -91,8 +93,10 @@ const images = ref(); } }; }, - mounted() { - PhotoService.getImages().then((data) => (this.images = data)); + methods: { + loadDemoData() { + PhotoService.getImages().then((data) => (this.images = data)); + } } }; diff --git a/doc/galleria/indicator/PositionDoc.vue b/doc/galleria/indicator/PositionDoc.vue index 710241c62..84ee10607 100644 --- a/doc/galleria/indicator/PositionDoc.vue +++ b/doc/galleria/indicator/PositionDoc.vue @@ -2,23 +2,25 @@

Indicators can be placed at four different sides using the indicatorsPosition property. In addition, enabling showIndicatorsOnItem moves the indicators inside the image section.

 -
-
-
- - + +
+
+
+ + +
+
+ + +
+ + +
-
- - -
- - - -
+ @@ -181,8 +183,10 @@ const positionOptions = ref([ } }; }, - mounted() { - PhotoService.getImages().then((data) => (this.images = data)); + methods: { + loadDemoData() { + PhotoService.getImages().then((data) => (this.images = data)); + } } }; diff --git a/doc/galleria/indicator/TemplateDoc.vue b/doc/galleria/indicator/TemplateDoc.vue index 8346a4b70..2c2935d0d 100644 --- a/doc/galleria/indicator/TemplateDoc.vue +++ b/doc/galleria/indicator/TemplateDoc.vue @@ -2,16 +2,18 @@

Indicator content can be customized with the indicator property that takes an index as a parameter and expects content.

 -
- - - - -
+ +
+ + + + +
+ @@ -103,8 +105,10 @@ const images = ref(); } }; }, - mounted() { - PhotoService.getImages().then((data) => (this.images = data)); + methods: { + loadDemoData() { + PhotoService.getImages().then((data) => (this.images = data)); + } } }; diff --git a/doc/galleria/navigator/HoverDoc.vue b/doc/galleria/navigator/HoverDoc.vue index e9079c099..32abd1b91 100644 --- a/doc/galleria/navigator/HoverDoc.vue +++ b/doc/galleria/navigator/HoverDoc.vue @@ -2,16 +2,18 @@

Navigators are displayed on hover only if showItemNavigatorsOnHover is enabled.

 -
- - - - -
+ +
+ + + + +
+ @@ -130,8 +132,10 @@ const responsiveOptions = ref([ } }; }, - mounted() { - PhotoService.getImages().then((data) => (this.images = data)); + methods: { + loadDemoData() { + PhotoService.getImages().then((data) => (this.images = data)); + } } }; diff --git a/doc/galleria/navigator/IndicatorsDoc.vue b/doc/galleria/navigator/IndicatorsDoc.vue index c1d1f6cfc..c8ebf0fbe 100644 --- a/doc/galleria/navigator/IndicatorsDoc.vue +++ b/doc/galleria/navigator/IndicatorsDoc.vue @@ -2,16 +2,28 @@

Navigators and Indicators can be combined as well.

 -
- - - - -
+ +
+ + + + +
+ @@ -145,8 +157,10 @@ const responsiveOptions = ref([ } }; }, - mounted() { - PhotoService.getImages().then((data) => (this.images = data)); + methods: { + loadDemoData() { + PhotoService.getImages().then((data) => (this.images = data)); + } } }; diff --git a/doc/galleria/navigator/ItemThumbnailsDoc.vue b/doc/galleria/navigator/ItemThumbnailsDoc.vue index 193c40da4..4b3647af7 100644 --- a/doc/galleria/navigator/ItemThumbnailsDoc.vue +++ b/doc/galleria/navigator/ItemThumbnailsDoc.vue @@ -2,16 +2,18 @@

Add showItemNavigators to display navigator elements and the left and right side.

 -
- - - - -
+ +
+ + + + +
+ @@ -133,8 +135,10 @@ const responsiveOptions = ref([ } }; }, - mounted() { - PhotoService.getImages().then((data) => (this.images = data)); + methods: { + loadDemoData() { + PhotoService.getImages().then((data) => (this.images = data)); + } } }; diff --git a/doc/galleria/navigator/ItemWithoutThumbnailsDoc.vue b/doc/galleria/navigator/ItemWithoutThumbnailsDoc.vue index 3a2f07348..00aa0106e 100644 --- a/doc/galleria/navigator/ItemWithoutThumbnailsDoc.vue +++ b/doc/galleria/navigator/ItemWithoutThumbnailsDoc.vue @@ -2,16 +2,18 @@

Simple example with indicators only.

 -
- - - - -
+ +
+ + + + +
+ @@ -145,8 +147,10 @@ const responsiveOptions = ref([ } }; }, - mounted() { - PhotoService.getImages().then((data) => (this.images = data)); + methods: { + loadDemoData() { + PhotoService.getImages().then((data) => (this.images = data)); + } } }; diff --git a/doc/galleria/pt/PTDoc.vue b/doc/galleria/pt/PTDoc.vue deleted file mode 100644 index d927f166b..000000000 --- a/doc/galleria/pt/PTDoc.vue +++ /dev/null @@ -1,163 +0,0 @@ - - - diff --git a/doc/galleria/pt/index.vue b/doc/galleria/pt/index.vue index 489a2f1af..c9ceb35fb 100644 --- a/doc/galleria/pt/index.vue +++ b/doc/galleria/pt/index.vue @@ -11,7 +11,6 @@ diff --git a/doc/image/pt/index.vue b/doc/image/pt/index.vue index 29cac5db5..da6ddf4f1 100644 --- a/doc/image/pt/index.vue +++ b/doc/image/pt/index.vue @@ -11,7 +11,6 @@ diff --git a/doc/inlinemessage/pt/index.vue b/doc/inlinemessage/pt/index.vue index 108635cb1..3c6edfe4f 100644 --- a/doc/inlinemessage/pt/index.vue +++ b/doc/inlinemessage/pt/index.vue @@ -11,7 +11,6 @@ diff --git a/doc/inplace/pt/index.vue b/doc/inplace/pt/index.vue index 9430ec46d..d14b97ea9 100644 --- a/doc/inplace/pt/index.vue +++ b/doc/inplace/pt/index.vue @@ -11,7 +11,6 @@ diff --git a/doc/inputmask/pt/index.vue b/doc/inputmask/pt/index.vue index 97e853d2a..cd115f883 100644 --- a/doc/inputmask/pt/index.vue +++ b/doc/inputmask/pt/index.vue @@ -11,7 +11,6 @@ diff --git a/doc/inputnumber/pt/index.vue b/doc/inputnumber/pt/index.vue index aa8973fed..91111efe1 100644 --- a/doc/inputnumber/pt/index.vue +++ b/doc/inputnumber/pt/index.vue @@ -11,7 +11,6 @@ diff --git a/doc/rating/pt/PTDoc.vue b/doc/inputotp/IntegerOnlyDoc.vue similarity index 55% rename from doc/rating/pt/PTDoc.vue rename to doc/inputotp/IntegerOnlyDoc.vue index aa71f489a..55a525e79 100644 --- a/doc/rating/pt/PTDoc.vue +++ b/doc/inputotp/IntegerOnlyDoc.vue @@ -1,12 +1,9 @@ @@ -18,22 +15,12 @@ export default { value: null, code: { basic: ` - + `, options: ` @@ -50,12 +37,7 @@ export default { composition: ` diff --git a/doc/inputtext/pt/PTDoc.vue b/doc/inputotp/MaskDoc.vue similarity index 50% rename from doc/inputtext/pt/PTDoc.vue rename to doc/inputotp/MaskDoc.vue index 81fac3215..153ad36b4 100644 --- a/doc/inputtext/pt/PTDoc.vue +++ b/doc/inputotp/MaskDoc.vue @@ -1,13 +1,9 @@ @@ -19,24 +15,12 @@ export default { value: null, code: { basic: ` - + `, options: ` @@ -47,20 +31,13 @@ export default { value: null } } -} +}; <\/script> - `, composition: ` @@ -69,7 +46,7 @@ import { ref } from 'vue'; const value = ref(null); <\/script> - ` +` } }; } diff --git a/doc/inputotp/SampleDoc.vue b/doc/inputotp/SampleDoc.vue new file mode 100644 index 000000000..e021bf824 --- /dev/null +++ b/doc/inputotp/SampleDoc.vue @@ -0,0 +1,228 @@ + + + + + diff --git a/doc/inputotp/TemplateDoc.vue b/doc/inputotp/TemplateDoc.vue new file mode 100644 index 000000000..2d201686d --- /dev/null +++ b/doc/inputotp/TemplateDoc.vue @@ -0,0 +1,124 @@ + + + + + diff --git a/doc/inputotp/pt/PTImage.vue b/doc/inputotp/pt/PTImage.vue new file mode 100644 index 000000000..9ac50d6b4 --- /dev/null +++ b/doc/inputotp/pt/PTImage.vue @@ -0,0 +1,8 @@ + diff --git a/doc/inputotp/pt/index.vue b/doc/inputotp/pt/index.vue new file mode 100644 index 000000000..797c4ac77 --- /dev/null +++ b/doc/inputotp/pt/index.vue @@ -0,0 +1,35 @@ + + + diff --git a/doc/inputotp/theming/StyledDoc.vue b/doc/inputotp/theming/StyledDoc.vue new file mode 100644 index 000000000..25be573db --- /dev/null +++ b/doc/inputotp/theming/StyledDoc.vue @@ -0,0 +1,25 @@ + diff --git a/doc/inputotp/theming/TailwindDoc.vue b/doc/inputotp/theming/TailwindDoc.vue new file mode 100644 index 000000000..fe4aadc26 --- /dev/null +++ b/doc/inputotp/theming/TailwindDoc.vue @@ -0,0 +1,6 @@ + diff --git a/doc/inputotp/theming/index.vue b/doc/inputotp/theming/index.vue new file mode 100644 index 000000000..b9c44bb04 --- /dev/null +++ b/doc/inputotp/theming/index.vue @@ -0,0 +1,40 @@ + + + diff --git a/doc/inputswitch/pt/PTDoc.vue b/doc/inputswitch/pt/PTDoc.vue deleted file mode 100644 index 24a84809e..000000000 --- a/doc/inputswitch/pt/PTDoc.vue +++ /dev/null @@ -1,80 +0,0 @@ - - - diff --git a/doc/inputswitch/pt/index.vue b/doc/inputswitch/pt/index.vue index 65d839ad0..584d9a293 100644 --- a/doc/inputswitch/pt/index.vue +++ b/doc/inputswitch/pt/index.vue @@ -11,7 +11,6 @@ diff --git a/doc/knob/pt/index.vue b/doc/knob/pt/index.vue index 50477735f..e21667a61 100644 --- a/doc/knob/pt/index.vue +++ b/doc/knob/pt/index.vue @@ -11,7 +11,6 @@ diff --git a/doc/listbox/pt/index.vue b/doc/listbox/pt/index.vue index a345882da..de1beb154 100644 --- a/doc/listbox/pt/index.vue +++ b/doc/listbox/pt/index.vue @@ -11,7 +11,6 @@ diff --git a/doc/megamenu/pt/index.vue b/doc/megamenu/pt/index.vue index 9ce90cb18..895c40638 100644 --- a/doc/megamenu/pt/index.vue +++ b/doc/megamenu/pt/index.vue @@ -11,7 +11,6 @@ diff --git a/doc/menu/pt/index.vue b/doc/menu/pt/index.vue index 9c1bf63c9..8fafa419b 100644 --- a/doc/menu/pt/index.vue +++ b/doc/menu/pt/index.vue @@ -11,7 +11,6 @@ diff --git a/doc/menubar/pt/index.vue b/doc/menubar/pt/index.vue index 7bd315444..6176280b6 100644 --- a/doc/menubar/pt/index.vue +++ b/doc/menubar/pt/index.vue @@ -11,7 +11,6 @@ diff --git a/doc/message/pt/index.vue b/doc/message/pt/index.vue index ed31eb743..a22ff9ecc 100644 --- a/doc/message/pt/index.vue +++ b/doc/message/pt/index.vue @@ -11,7 +11,6 @@ diff --git a/doc/multiselect/pt/index.vue b/doc/multiselect/pt/index.vue index 2ddac9271..c4f6bd142 100644 --- a/doc/multiselect/pt/index.vue +++ b/doc/multiselect/pt/index.vue @@ -11,7 +11,6 @@ diff --git a/doc/orderlist/pt/index.vue b/doc/orderlist/pt/index.vue index 57e52ebfe..a657128bf 100644 --- a/doc/orderlist/pt/index.vue +++ b/doc/orderlist/pt/index.vue @@ -11,7 +11,6 @@ diff --git a/doc/organizationchart/pt/index.vue b/doc/organizationchart/pt/index.vue index 97d76909c..93162e6b3 100644 --- a/doc/organizationchart/pt/index.vue +++ b/doc/organizationchart/pt/index.vue @@ -11,7 +11,6 @@ diff --git a/doc/overlaypanel/pt/index.vue b/doc/overlaypanel/pt/index.vue index da9a6389d..ac2aedfa7 100644 --- a/doc/overlaypanel/pt/index.vue +++ b/doc/overlaypanel/pt/index.vue @@ -11,7 +11,6 @@ diff --git a/doc/paginator/pt/index.vue b/doc/paginator/pt/index.vue index 290fb27fb..284d9d3ec 100644 --- a/doc/paginator/pt/index.vue +++ b/doc/paginator/pt/index.vue @@ -11,7 +11,6 @@ diff --git a/doc/panel/pt/index.vue b/doc/panel/pt/index.vue index 58366e149..81b853aaa 100644 --- a/doc/panel/pt/index.vue +++ b/doc/panel/pt/index.vue @@ -11,7 +11,6 @@ diff --git a/doc/panelmenu/pt/index.vue b/doc/panelmenu/pt/index.vue index f89a29949..381ff4ed7 100644 --- a/doc/panelmenu/pt/index.vue +++ b/doc/panelmenu/pt/index.vue @@ -11,7 +11,6 @@ diff --git a/doc/picklist/pt/index.vue b/doc/picklist/pt/index.vue index 7a048e8c0..157a24314 100644 --- a/doc/picklist/pt/index.vue +++ b/doc/picklist/pt/index.vue @@ -11,7 +11,6 @@ diff --git a/doc/progressbar/pt/index.vue b/doc/progressbar/pt/index.vue index 3acb4d6ce..896382c54 100644 --- a/doc/progressbar/pt/index.vue +++ b/doc/progressbar/pt/index.vue @@ -11,7 +11,6 @@ diff --git a/doc/progressspinner/pt/index.vue b/doc/progressspinner/pt/index.vue index 70e2b897e..3d5d7b23f 100644 --- a/doc/progressspinner/pt/index.vue +++ b/doc/progressspinner/pt/index.vue @@ -11,7 +11,6 @@ diff --git a/doc/radiobutton/pt/index.vue b/doc/radiobutton/pt/index.vue index 7ae715972..c88388e1e 100644 --- a/doc/radiobutton/pt/index.vue +++ b/doc/radiobutton/pt/index.vue @@ -11,7 +11,6 @@ diff --git a/doc/ripple/pt/index.vue b/doc/ripple/pt/index.vue index b78b713be..606a606ad 100644 --- a/doc/ripple/pt/index.vue +++ b/doc/ripple/pt/index.vue @@ -11,7 +11,6 @@ diff --git a/doc/scrollpanel/pt/index.vue b/doc/scrollpanel/pt/index.vue index 7964242ca..76eb2aa26 100644 --- a/doc/scrollpanel/pt/index.vue +++ b/doc/scrollpanel/pt/index.vue @@ -11,7 +11,6 @@ diff --git a/doc/scrolltop/pt/index.vue b/doc/scrolltop/pt/index.vue index ceb706801..c9a413df7 100644 --- a/doc/scrolltop/pt/index.vue +++ b/doc/scrolltop/pt/index.vue @@ -11,7 +11,6 @@ diff --git a/doc/selectbutton/pt/index.vue b/doc/selectbutton/pt/index.vue index c52069d25..ab39cb9a4 100644 --- a/doc/selectbutton/pt/index.vue +++ b/doc/selectbutton/pt/index.vue @@ -11,7 +11,6 @@ diff --git a/doc/sidebar/pt/index.vue b/doc/sidebar/pt/index.vue index 326142c7a..7485585fc 100644 --- a/doc/sidebar/pt/index.vue +++ b/doc/sidebar/pt/index.vue @@ -11,7 +11,6 @@ diff --git a/doc/skeleton/pt/index.vue b/doc/skeleton/pt/index.vue index 07c7f51d7..ea296e2a3 100644 --- a/doc/skeleton/pt/index.vue +++ b/doc/skeleton/pt/index.vue @@ -11,7 +11,6 @@ diff --git a/doc/slider/pt/index.vue b/doc/slider/pt/index.vue index b70472fae..62eb80b84 100644 --- a/doc/slider/pt/index.vue +++ b/doc/slider/pt/index.vue @@ -11,7 +11,6 @@ diff --git a/doc/speeddial/pt/index.vue b/doc/speeddial/pt/index.vue index eb4273654..6414ad4a3 100644 --- a/doc/speeddial/pt/index.vue +++ b/doc/speeddial/pt/index.vue @@ -11,7 +11,6 @@ diff --git a/doc/splitbutton/pt/index.vue b/doc/splitbutton/pt/index.vue index 35b9a21bd..adaba446b 100644 --- a/doc/splitbutton/pt/index.vue +++ b/doc/splitbutton/pt/index.vue @@ -11,7 +11,6 @@ diff --git a/doc/splitter/pt/index.vue b/doc/splitter/pt/index.vue index 17f7ba902..33e5c8177 100644 --- a/doc/splitter/pt/index.vue +++ b/doc/splitter/pt/index.vue @@ -11,7 +11,6 @@ + + diff --git a/doc/stepper/LinearDoc.vue b/doc/stepper/LinearDoc.vue new file mode 100644 index 000000000..dedbff99d --- /dev/null +++ b/doc/stepper/LinearDoc.vue @@ -0,0 +1,183 @@ + + + + + diff --git a/doc/stepper/TemplateDoc.vue b/doc/stepper/TemplateDoc.vue index 2fda2b679..b0d98cd6b 100644 --- a/doc/stepper/TemplateDoc.vue +++ b/doc/stepper/TemplateDoc.vue @@ -1,720 +1,429 @@ @@ -147,7 +149,7 @@ export default { -
+
diff --git a/doc/treetable/SizeDoc.vue b/doc/treetable/SizeDoc.vue index 23ab49d85..33f23c7af 100644 --- a/doc/treetable/SizeDoc.vue +++ b/doc/treetable/SizeDoc.vue @@ -2,16 +2,18 @@

In addition to a regular table, alternatives with alternative sizes are available.

 -
-
- + +
+
+ +
+ + + + +
- - - - - -
+ @@ -127,8 +129,10 @@ const sizeOptions = ref([ } }; }, - mounted() { - NodeService.getTreeTableNodes().then((data) => (this.nodes = data)); + methods: { + loadDemoData() { + NodeService.getTreeTableNodes().then((data) => (this.nodes = data)); + } } }; diff --git a/doc/treetable/TemplateDoc.vue b/doc/treetable/TemplateDoc.vue index 6cafefdc3..d19c9c78c 100644 --- a/doc/treetable/TemplateDoc.vue +++ b/doc/treetable/TemplateDoc.vue @@ -2,29 +2,31 @@

Custom content at header and footer slots are supported via templating.

 -
- - - - - - - @@ -170,8 +172,10 @@ const nodes = ref(); } }; }, - mounted() { - NodeService.getTreeTableNodes().then((data) => (this.nodes = data)); + methods: { + loadDemoData() { + NodeService.getTreeTableNodes().then((data) => (this.nodes = data)); + } } }; diff --git a/doc/treetable/paginator/PaginatorBasicDoc.vue b/doc/treetable/paginator/PaginatorBasicDoc.vue index 7a4b270b2..439e0ac90 100644 --- a/doc/treetable/paginator/PaginatorBasicDoc.vue +++ b/doc/treetable/paginator/PaginatorBasicDoc.vue @@ -2,13 +2,15 @@

Pagination is enabled by adding paginator property and defining rows per page.

 -
- - - - - -
+ +
+ + + + + +
+ @@ -115,39 +117,42 @@ for (let i = 0; i < 50; i++) { } nodes.value = files; - + <\/script> ` } }; }, - mounted() { - let files = []; + mounted() {}, + methods: { + loadDemoData() { + let files = []; - for (let i = 0; i < 50; i++) { - let node = { - key: i, - data: { - name: 'Item ' + i, - size: Math.floor(Math.random() * 1000) + 1 + 'kb', - type: 'Type ' + i - }, - children: [ - { - key: i + ' - 0', - data: { - name: 'Item ' + i + ' - 0', - size: Math.floor(Math.random() * 1000) + 1 + 'kb', - type: 'Type ' + i + for (let i = 0; i < 50; i++) { + let node = { + key: i, + data: { + name: 'Item ' + i, + size: Math.floor(Math.random() * 1000) + 1 + 'kb', + type: 'Type ' + i + }, + children: [ + { + key: i + ' - 0', + data: { + name: 'Item ' + i + ' - 0', + size: Math.floor(Math.random() * 1000) + 1 + 'kb', + type: 'Type ' + i + } } - } - ] - }; + ] + }; - files.push(node); + files.push(node); + } + + this.nodes = files; } - - this.nodes = files; } }; diff --git a/doc/treetable/paginator/PaginatorTemplateDoc.vue b/doc/treetable/paginator/PaginatorTemplateDoc.vue index 8c7a59a9e..1894acabc 100644 --- a/doc/treetable/paginator/PaginatorTemplateDoc.vue +++ b/doc/treetable/paginator/PaginatorTemplateDoc.vue @@ -5,26 +5,28 @@ Paginator component for more information about the advanced customization options.

-
- - - - - - - -
+ +
+ + + + + + + +
+ @@ -155,39 +157,41 @@ for (let i = 0; i < 50; i++) { } nodes.value = files; - + <\/script> ` } }; }, - mounted() { - let files = []; + methods: { + loadDemoData() { + let files = []; - for (let i = 0; i < 50; i++) { - let node = { - key: i, - data: { - name: 'Item ' + i, - size: Math.floor(Math.random() * 1000) + 1 + 'kb', - type: 'Type ' + i - }, - children: [ - { - key: i + ' - 0', - data: { - name: 'Item ' + i + ' - 0', - size: Math.floor(Math.random() * 1000) + 1 + 'kb', - type: 'Type ' + i + for (let i = 0; i < 50; i++) { + let node = { + key: i, + data: { + name: 'Item ' + i, + size: Math.floor(Math.random() * 1000) + 1 + 'kb', + type: 'Type ' + i + }, + children: [ + { + key: i + ' - 0', + data: { + name: 'Item ' + i + ' - 0', + size: Math.floor(Math.random() * 1000) + 1 + 'kb', + type: 'Type ' + i + } } - } - ] - }; + ] + }; - files.push(node); + files.push(node); + } + + this.nodes = files; } - - this.nodes = files; } }; diff --git a/doc/treetable/pt/PTDoc.vue b/doc/treetable/pt/PTDoc.vue deleted file mode 100644 index b9394bb6a..000000000 --- a/doc/treetable/pt/PTDoc.vue +++ /dev/null @@ -1,199 +0,0 @@ - - - diff --git a/doc/treetable/pt/index.vue b/doc/treetable/pt/index.vue index 27336526d..a7f19f064 100644 --- a/doc/treetable/pt/index.vue +++ b/doc/treetable/pt/index.vue @@ -11,7 +11,6 @@ diff --git a/doc/treetable/resize/FitModeDoc.vue b/doc/treetable/resize/FitModeDoc.vue index 9f1359e2d..6dd545529 100644 --- a/doc/treetable/resize/FitModeDoc.vue +++ b/doc/treetable/resize/FitModeDoc.vue @@ -5,13 +5,15 @@ that does not change the overall table width.

-
- - - - - -
+ +
+ + + + + +
+ @@ -109,8 +111,10 @@ const nodes = ref(); } }; }, - mounted() { - NodeService.getTreeTableNodes().then((data) => (this.nodes = data)); + methods: { + loadDemoData() { + NodeService.getTreeTableNodes().then((data) => (this.nodes = data)); + } } }; diff --git a/doc/treetable/scroll/FlexibleScrollDoc.vue b/doc/treetable/scroll/FlexibleScrollDoc.vue index f6660a2a8..568df653f 100644 --- a/doc/treetable/scroll/FlexibleScrollDoc.vue +++ b/doc/treetable/scroll/FlexibleScrollDoc.vue @@ -5,20 +5,22 @@ adjusts itself according to the size changes.

-
-
+ + + + + + + + +
+ @@ -110,8 +112,10 @@ const dialogVisible = ref(false); } }; }, - mounted() { - NodeService.getTreeTableNodes().then((data) => (this.nodes = data)); + methods: { + loadDemoData() { + NodeService.getTreeTableNodes().then((data) => (this.nodes = data)); + } } }; diff --git a/doc/treetable/scroll/FrozenColumnsDoc.vue b/doc/treetable/scroll/FrozenColumnsDoc.vue index c66c24ddc..d559ff15e 100644 --- a/doc/treetable/scroll/FrozenColumnsDoc.vue +++ b/doc/treetable/scroll/FrozenColumnsDoc.vue @@ -2,16 +2,18 @@

A column can be fixed during horizontal scrolling by enabling the frozen property on a Column. The location is defined with the alignFrozen that can be left or right.

 -
- - - - - - - - -
+ +
+ + + + + + + + +
+ @@ -118,8 +120,10 @@ const nodes = ref(); } }; }, - mounted() { - NodeService.getTreeTableNodes().then((data) => (this.nodes = data)); + methods: { + loadDemoData() { + NodeService.getTreeTableNodes().then((data) => (this.nodes = data)); + } } }; diff --git a/doc/treetable/scroll/HorizontalScrollDoc.vue b/doc/treetable/scroll/HorizontalScrollDoc.vue index 5c6cd2e07..cdbd431fb 100644 --- a/doc/treetable/scroll/HorizontalScrollDoc.vue +++ b/doc/treetable/scroll/HorizontalScrollDoc.vue @@ -2,16 +2,18 @@

Horizontal scrolling is enabled when the total width of columns exceeds table width.

 -
- - - - - - - - -
+ +
+ + + + + + + + +
+ @@ -118,8 +120,10 @@ const nodes = ref(); } }; }, - mounted() { - NodeService.getTreeTableNodes().then((data) => (this.nodes = data)); + methods: { + loadDemoData() { + NodeService.getTreeTableNodes().then((data) => (this.nodes = data)); + } } }; diff --git a/doc/treetable/scroll/VerticalScrollDoc.vue b/doc/treetable/scroll/VerticalScrollDoc.vue index 6e496ac22..361af26ff 100644 --- a/doc/treetable/scroll/VerticalScrollDoc.vue +++ b/doc/treetable/scroll/VerticalScrollDoc.vue @@ -2,13 +2,15 @@

Adding scrollable property along with a scrollHeight for the data viewport enables vertical scrolling with fixed headers.

 -
- - - - - -
+ +
+ + + + + +
+ @@ -106,8 +108,10 @@ const nodes = ref(); } }; }, - mounted() { - NodeService.getTreeTableNodes().then((data) => (this.nodes = data)); + methods: { + loadDemoData() { + NodeService.getTreeTableNodes().then((data) => (this.nodes = data)); + } } }; diff --git a/doc/treetable/selection/CheckboxRowSelectionDoc.vue b/doc/treetable/selection/CheckboxRowSelectionDoc.vue index 49fcf3042..3bdd2e77e 100644 --- a/doc/treetable/selection/CheckboxRowSelectionDoc.vue +++ b/doc/treetable/selection/CheckboxRowSelectionDoc.vue @@ -6,13 +6,15 @@

-
- - - - - -
+ +
+ + + + + +
+ @@ -123,8 +125,10 @@ const selectedKey = ref(); } }; }, - mounted() { - NodeService.getTreeTableNodes().then((data) => (this.nodes = data)); + methods: { + loadDemoData() { + NodeService.getTreeTableNodes().then((data) => (this.nodes = data)); + } } }; diff --git a/doc/treetable/selection/MultipleRowsSelectionDoc.vue b/doc/treetable/selection/MultipleRowsSelectionDoc.vue index 5fbc9b89c..611e27a4f 100644 --- a/doc/treetable/selection/MultipleRowsSelectionDoc.vue +++ b/doc/treetable/selection/MultipleRowsSelectionDoc.vue @@ -6,17 +6,19 @@

In multiple selection mode, value binding should be a key-value pair where key is the node key and value is a boolean to indicate selection.

-
-
- - + +
+
+ + +
+ + + + +
- - - - - -
+ @@ -130,8 +132,10 @@ const metaKey = ref(true); } }; }, - mounted() { - NodeService.getTreeTableNodes().then((data) => (this.nodes = data)); + methods: { + loadDemoData() { + NodeService.getTreeTableNodes().then((data) => (this.nodes = data)); + } } }; diff --git a/doc/treetable/selection/RowSelectionEventsDoc.vue b/doc/treetable/selection/RowSelectionEventsDoc.vue index 550d056a6..031defc30 100644 --- a/doc/treetable/selection/RowSelectionEventsDoc.vue +++ b/doc/treetable/selection/RowSelectionEventsDoc.vue @@ -2,13 +2,15 @@

TreeTable provides nodeSelect and nodeUnselect events to listen selection events.

 -
- - - - - -
+ +
+ + + + + +
+ @@ -130,10 +132,10 @@ const onNodeUnselect = (node) => { } }; }, - mounted() { - NodeService.getTreeTableNodes().then((data) => (this.nodes = data)); - }, methods: { + loadDemoData() { + NodeService.getTreeTableNodes().then((data) => (this.nodes = data)); + }, onNodeSelect(node) { this.$toast.add({ severity: 'success', summary: 'Node Selected', detail: node.data.name, life: 3000 }); }, diff --git a/doc/treetable/selection/SingleRowSelectionDoc.vue b/doc/treetable/selection/SingleRowSelectionDoc.vue index ef72f1b5f..d5abe1c95 100644 --- a/doc/treetable/selection/SingleRowSelectionDoc.vue +++ b/doc/treetable/selection/SingleRowSelectionDoc.vue @@ -6,17 +6,19 @@ setting it to false.

-
-
- - + +
+
+ + +
+ + + + +
- - - - - -
+ @@ -130,8 +132,10 @@ const metaKey = ref(true); } }; }, - mounted() { - NodeService.getTreeTableNodes().then((data) => (this.nodes = data)); + methods: { + loadDemoData() { + NodeService.getTreeTableNodes().then((data) => (this.nodes = data)); + } } }; diff --git a/doc/treetable/sort/MultipleColumnsDoc.vue b/doc/treetable/sort/MultipleColumnsDoc.vue index c91a5a2ca..9d3855bcd 100644 --- a/doc/treetable/sort/MultipleColumnsDoc.vue +++ b/doc/treetable/sort/MultipleColumnsDoc.vue @@ -2,13 +2,15 @@

Multiple columns can be sorted by defining sortMode as multiple. This mode requires metaKey (e.g. ⌘) to be pressed when clicking a header.

 -
- - - - - -
+ +
+ + + + + +
+ @@ -106,8 +108,10 @@ const nodes = ref(); } }; }, - mounted() { - NodeService.getTreeTableNodes().then((data) => (this.nodes = data)); + methods: { + loadDemoData() { + NodeService.getTreeTableNodes().then((data) => (this.nodes = data)); + } } }; diff --git a/doc/treetable/sort/RemovableSortDoc.vue b/doc/treetable/sort/RemovableSortDoc.vue index 322adeaac..70d5846ec 100644 --- a/doc/treetable/sort/RemovableSortDoc.vue +++ b/doc/treetable/sort/RemovableSortDoc.vue @@ -2,13 +2,15 @@

When removableSort is present, the third click removes the sorting from the column.

 -
- - - - - -
+ +
+ + + + + +
+ @@ -106,8 +108,10 @@ const nodes = ref(); } }; }, - mounted() { - NodeService.getTreeTableNodes().then((data) => (this.nodes = data)); + methods: { + loadDemoData() { + NodeService.getTreeTableNodes().then((data) => (this.nodes = data)); + } } }; diff --git a/doc/treetable/sort/SingleColumnDoc.vue b/doc/treetable/sort/SingleColumnDoc.vue index cb38a164b..3278b0075 100644 --- a/doc/treetable/sort/SingleColumnDoc.vue +++ b/doc/treetable/sort/SingleColumnDoc.vue @@ -2,13 +2,15 @@

Sorting on a column is enabled by adding the sortable property.

 -
- - - - - -
+ +
+ + + + + +
+ @@ -106,8 +108,10 @@ const nodes = ref(); } }; }, - mounted() { - NodeService.getTreeTableNodes().then((data) => (this.nodes = data)); + methods: { + loadDemoData() { + NodeService.getTreeTableNodes().then((data) => (this.nodes = data)); + } } }; diff --git a/doc/tristatecheckbox/pt/PTDoc.vue b/doc/tristatecheckbox/pt/PTDoc.vue deleted file mode 100644 index 7ba213eaa..000000000 --- a/doc/tristatecheckbox/pt/PTDoc.vue +++ /dev/null @@ -1,83 +0,0 @@ - - - diff --git a/doc/tristatecheckbox/pt/index.vue b/doc/tristatecheckbox/pt/index.vue index 597bf4d49..c57485885 100644 --- a/doc/tristatecheckbox/pt/index.vue +++ b/doc/tristatecheckbox/pt/index.vue @@ -11,7 +11,6 @@ diff --git a/doc/virtualscroller/pt/index.vue b/doc/virtualscroller/pt/index.vue index d8d8676e7..7b403f1f1 100644 --- a/doc/virtualscroller/pt/index.vue +++ b/doc/virtualscroller/pt/index.vue @@ -11,7 +11,6 @@ diff --git a/pages/stepper/index.vue b/pages/stepper/index.vue index fbc38280b..e4f856aa8 100644 --- a/pages/stepper/index.vue +++ b/pages/stepper/index.vue @@ -2,7 +2,7 @@ .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } .p-inputtext { box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); @@ -11791,6 +11808,9 @@ border-radius: 6px; } + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } .p-stepper .p-stepper-header.p-highlight .p-stepper-number { background: #18181b; color: #fbbf24; diff --git a/public/themes/aura-dark-blue/theme.css b/public/themes/aura-dark-blue/theme.css index 56ee81de2..9e925cef9 100644 --- a/public/themes/aura-dark-blue/theme.css +++ b/public/themes/aura-dark-blue/theme.css @@ -1732,6 +1732,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6403,12 +6414,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } @@ -11292,6 +11303,12 @@ left: 1.25rem; transform: none; } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } .p-inputtext { box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); @@ -11791,6 +11808,9 @@ border-radius: 6px; } + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } .p-stepper .p-stepper-header.p-highlight .p-stepper-number { background: #18181b; color: #60a5fa; diff --git a/public/themes/aura-dark-cyan/theme.css b/public/themes/aura-dark-cyan/theme.css index d0285c7c5..02e2231c0 100644 --- a/public/themes/aura-dark-cyan/theme.css +++ b/public/themes/aura-dark-cyan/theme.css @@ -1732,6 +1732,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6403,12 +6414,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } @@ -11292,6 +11303,12 @@ left: 1.25rem; transform: none; } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } .p-inputtext { box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); @@ -11791,6 +11808,9 @@ border-radius: 6px; } + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } .p-stepper .p-stepper-header.p-highlight .p-stepper-number { background: #18181b; color: #22d3ee; diff --git a/public/themes/aura-dark-green/theme.css b/public/themes/aura-dark-green/theme.css index 64b323e35..b6fd391c8 100644 --- a/public/themes/aura-dark-green/theme.css +++ b/public/themes/aura-dark-green/theme.css @@ -1732,6 +1732,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6403,12 +6414,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } @@ -11292,6 +11303,12 @@ left: 1.25rem; transform: none; } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } .p-inputtext { box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); @@ -11791,6 +11808,9 @@ border-radius: 6px; } + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } .p-stepper .p-stepper-header.p-highlight .p-stepper-number { background: #18181b; color: #34d399; diff --git a/public/themes/aura-dark-indigo/theme.css b/public/themes/aura-dark-indigo/theme.css index c7c0f0d58..42892e700 100644 --- a/public/themes/aura-dark-indigo/theme.css +++ b/public/themes/aura-dark-indigo/theme.css @@ -1732,6 +1732,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6403,12 +6414,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } @@ -11292,6 +11303,12 @@ left: 1.25rem; transform: none; } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } .p-inputtext { box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); @@ -11791,6 +11808,9 @@ border-radius: 6px; } + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } .p-stepper .p-stepper-header.p-highlight .p-stepper-number { background: #18181b; color: #818cf8; diff --git a/public/themes/aura-dark-lime/theme.css b/public/themes/aura-dark-lime/theme.css index fb2ae1ff1..3df7cdc87 100644 --- a/public/themes/aura-dark-lime/theme.css +++ b/public/themes/aura-dark-lime/theme.css @@ -1732,6 +1732,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6403,12 +6414,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } @@ -11292,6 +11303,12 @@ left: 1.25rem; transform: none; } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } .p-inputtext { box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); @@ -11791,6 +11808,9 @@ border-radius: 6px; } + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } .p-stepper .p-stepper-header.p-highlight .p-stepper-number { background: #18181b; color: #a3e635; diff --git a/public/themes/aura-dark-noir/theme.css b/public/themes/aura-dark-noir/theme.css index 6f256b83a..63015b3ea 100644 --- a/public/themes/aura-dark-noir/theme.css +++ b/public/themes/aura-dark-noir/theme.css @@ -1732,6 +1732,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6403,12 +6414,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } @@ -11292,6 +11303,12 @@ left: 1.25rem; transform: none; } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } .p-inputtext { box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); @@ -11791,6 +11808,9 @@ border-radius: 6px; } + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } .p-stepper .p-stepper-header.p-highlight .p-stepper-number { background: #18181b; color: #fafafa; diff --git a/public/themes/aura-dark-pink/theme.css b/public/themes/aura-dark-pink/theme.css index ae61ade53..df4b5fbe5 100644 --- a/public/themes/aura-dark-pink/theme.css +++ b/public/themes/aura-dark-pink/theme.css @@ -1732,6 +1732,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6403,12 +6414,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } @@ -11292,6 +11303,12 @@ left: 1.25rem; transform: none; } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } .p-inputtext { box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); @@ -11791,6 +11808,9 @@ border-radius: 6px; } + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } .p-stepper .p-stepper-header.p-highlight .p-stepper-number { background: #18181b; color: #f472b6; diff --git a/public/themes/aura-dark-purple/theme.css b/public/themes/aura-dark-purple/theme.css index 4128071a0..9e0c4daba 100644 --- a/public/themes/aura-dark-purple/theme.css +++ b/public/themes/aura-dark-purple/theme.css @@ -1732,6 +1732,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6403,12 +6414,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } @@ -11292,6 +11303,12 @@ left: 1.25rem; transform: none; } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } .p-inputtext { box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); @@ -11791,6 +11808,9 @@ border-radius: 6px; } + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } .p-stepper .p-stepper-header.p-highlight .p-stepper-number { background: #18181b; color: #a78bfa; diff --git a/public/themes/aura-dark-teal/theme.css b/public/themes/aura-dark-teal/theme.css index f4cc47ec3..ce1c3f1c5 100644 --- a/public/themes/aura-dark-teal/theme.css +++ b/public/themes/aura-dark-teal/theme.css @@ -1732,6 +1732,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6403,12 +6414,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } @@ -11292,6 +11303,12 @@ left: 1.25rem; transform: none; } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #fca5a5; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #18181b; + } .p-inputtext { box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); @@ -11791,6 +11808,9 @@ border-radius: 6px; } + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } .p-stepper .p-stepper-header.p-highlight .p-stepper-number { background: #18181b; color: #2dd4bf; diff --git a/public/themes/aura-light-amber/theme.css b/public/themes/aura-light-amber/theme.css index 98fac38f9..2a25b10c0 100644 --- a/public/themes/aura-light-amber/theme.css +++ b/public/themes/aura-light-amber/theme.css @@ -1734,6 +1734,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6405,12 +6416,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } @@ -11293,6 +11304,12 @@ left: 1.25rem; transform: none; } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } .p-inputtext { box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); @@ -11789,6 +11806,9 @@ border-radius: 6px; } + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } .p-stepper .p-stepper-header.p-highlight .p-stepper-number { background: #ffffff; color: #f59e0b; diff --git a/public/themes/aura-light-blue/theme.css b/public/themes/aura-light-blue/theme.css index f6a61de35..1c2463f99 100644 --- a/public/themes/aura-light-blue/theme.css +++ b/public/themes/aura-light-blue/theme.css @@ -1734,6 +1734,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6405,12 +6416,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } @@ -11293,6 +11304,12 @@ left: 1.25rem; transform: none; } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } .p-inputtext { box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); @@ -11789,6 +11806,9 @@ border-radius: 6px; } + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } .p-stepper .p-stepper-header.p-highlight .p-stepper-number { background: #ffffff; color: #3B82F6; diff --git a/public/themes/aura-light-cyan/theme.css b/public/themes/aura-light-cyan/theme.css index 4044bb260..68e9ce855 100644 --- a/public/themes/aura-light-cyan/theme.css +++ b/public/themes/aura-light-cyan/theme.css @@ -1734,6 +1734,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6405,12 +6416,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } @@ -11293,6 +11304,12 @@ left: 1.25rem; transform: none; } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } .p-inputtext { box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); @@ -11789,6 +11806,9 @@ border-radius: 6px; } + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } .p-stepper .p-stepper-header.p-highlight .p-stepper-number { background: #ffffff; color: #06b6d4; diff --git a/public/themes/aura-light-green/theme.css b/public/themes/aura-light-green/theme.css index c5b582b39..1f3e32da1 100644 --- a/public/themes/aura-light-green/theme.css +++ b/public/themes/aura-light-green/theme.css @@ -1734,6 +1734,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6405,12 +6416,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } @@ -11293,6 +11304,12 @@ left: 1.25rem; transform: none; } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } .p-inputtext { box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); @@ -11789,6 +11806,9 @@ border-radius: 6px; } + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } .p-stepper .p-stepper-header.p-highlight .p-stepper-number { background: #ffffff; color: #10b981; diff --git a/public/themes/aura-light-indigo/theme.css b/public/themes/aura-light-indigo/theme.css index d31a6b733..56deed7de 100644 --- a/public/themes/aura-light-indigo/theme.css +++ b/public/themes/aura-light-indigo/theme.css @@ -1734,6 +1734,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6405,12 +6416,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } @@ -11293,6 +11304,12 @@ left: 1.25rem; transform: none; } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } .p-inputtext { box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); @@ -11789,6 +11806,9 @@ border-radius: 6px; } + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } .p-stepper .p-stepper-header.p-highlight .p-stepper-number { background: #ffffff; color: #6366F1; diff --git a/public/themes/aura-light-lime/theme.css b/public/themes/aura-light-lime/theme.css index fc6d32518..5dca643a5 100644 --- a/public/themes/aura-light-lime/theme.css +++ b/public/themes/aura-light-lime/theme.css @@ -1734,6 +1734,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6405,12 +6416,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } @@ -11293,6 +11304,12 @@ left: 1.25rem; transform: none; } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } .p-inputtext { box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); @@ -11789,6 +11806,9 @@ border-radius: 6px; } + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } .p-stepper .p-stepper-header.p-highlight .p-stepper-number { background: #ffffff; color: #84cc16; diff --git a/public/themes/aura-light-noir/theme.css b/public/themes/aura-light-noir/theme.css index c3c161669..b89da65bc 100644 --- a/public/themes/aura-light-noir/theme.css +++ b/public/themes/aura-light-noir/theme.css @@ -1738,6 +1738,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6413,12 +6424,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } @@ -11301,6 +11312,12 @@ left: 1.25rem; transform: none; } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } .p-inputtext { box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); @@ -11797,6 +11814,9 @@ border-radius: 6px; } + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } .p-stepper .p-stepper-header.p-highlight .p-stepper-number { background: #ffffff; color: #020617; diff --git a/public/themes/aura-light-pink/theme.css b/public/themes/aura-light-pink/theme.css index 54a1abb91..5fefcea80 100644 --- a/public/themes/aura-light-pink/theme.css +++ b/public/themes/aura-light-pink/theme.css @@ -1734,6 +1734,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6405,12 +6416,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } @@ -11293,6 +11304,12 @@ left: 1.25rem; transform: none; } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } .p-inputtext { box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); @@ -11789,6 +11806,9 @@ border-radius: 6px; } + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } .p-stepper .p-stepper-header.p-highlight .p-stepper-number { background: #ffffff; color: #ec4899; diff --git a/public/themes/aura-light-purple/theme.css b/public/themes/aura-light-purple/theme.css index 52287861f..4ca9f3d5f 100644 --- a/public/themes/aura-light-purple/theme.css +++ b/public/themes/aura-light-purple/theme.css @@ -1734,6 +1734,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6405,12 +6416,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } @@ -11293,6 +11304,12 @@ left: 1.25rem; transform: none; } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } .p-inputtext { box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); @@ -11789,6 +11806,9 @@ border-radius: 6px; } + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } .p-stepper .p-stepper-header.p-highlight .p-stepper-number { background: #ffffff; color: #8B5CF6; diff --git a/public/themes/aura-light-teal/theme.css b/public/themes/aura-light-teal/theme.css index acfcfd9dd..e536f67b2 100644 --- a/public/themes/aura-light-teal/theme.css +++ b/public/themes/aura-light-teal/theme.css @@ -1734,6 +1734,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6405,12 +6416,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } @@ -11293,6 +11304,12 @@ left: 1.25rem; transform: none; } + .p-inputswitch.p-invalid > .p-inputswitch-slider { + background: #f87171; + } + .p-inputswitch.p-invalid > .p-inputswitch-slider:before { + background: #ffffff; + } .p-inputtext { box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05); @@ -11789,6 +11806,9 @@ border-radius: 6px; } + .p-stepper .p-stepper-header .p-stepper-number { + box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); + } .p-stepper .p-stepper-header.p-highlight .p-stepper-number { background: #ffffff; color: #14b8a6; diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css index 77f13cca3..bc9ea3f17 100644 --- a/public/themes/bootstrap4-dark-blue/theme.css +++ b/public/themes/bootstrap4-dark-blue/theme.css @@ -1717,6 +1717,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6396,12 +6407,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css index 55542173f..4824e6ba8 100644 --- a/public/themes/bootstrap4-dark-purple/theme.css +++ b/public/themes/bootstrap4-dark-purple/theme.css @@ -1717,6 +1717,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6396,12 +6407,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css index 4d39d258d..79ff17a40 100644 --- a/public/themes/bootstrap4-light-blue/theme.css +++ b/public/themes/bootstrap4-light-blue/theme.css @@ -1717,6 +1717,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6396,12 +6407,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css index 8dbff984a..a8c135d9d 100644 --- a/public/themes/bootstrap4-light-purple/theme.css +++ b/public/themes/bootstrap4-light-purple/theme.css @@ -1717,6 +1717,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6396,12 +6407,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/fluent-light/theme.css b/public/themes/fluent-light/theme.css index 7098a7485..25d5e9798 100644 --- a/public/themes/fluent-light/theme.css +++ b/public/themes/fluent-light/theme.css @@ -1713,6 +1713,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6307,12 +6318,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/lara-dark-amber/theme.css b/public/themes/lara-dark-amber/theme.css index d0e242cc1..ae61b1003 100644 --- a/public/themes/lara-dark-amber/theme.css +++ b/public/themes/lara-dark-amber/theme.css @@ -1732,6 +1732,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6378,12 +6389,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/lara-dark-blue/theme.css b/public/themes/lara-dark-blue/theme.css index 464dda183..6971ec8eb 100644 --- a/public/themes/lara-dark-blue/theme.css +++ b/public/themes/lara-dark-blue/theme.css @@ -1732,6 +1732,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6378,12 +6389,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/lara-dark-cyan/theme.css b/public/themes/lara-dark-cyan/theme.css index 0f6ab07a9..9a76c1572 100644 --- a/public/themes/lara-dark-cyan/theme.css +++ b/public/themes/lara-dark-cyan/theme.css @@ -1732,6 +1732,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6378,12 +6389,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/lara-dark-green/theme.css b/public/themes/lara-dark-green/theme.css index 6bf9473d4..a15eac126 100644 --- a/public/themes/lara-dark-green/theme.css +++ b/public/themes/lara-dark-green/theme.css @@ -1732,6 +1732,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6378,12 +6389,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/lara-dark-indigo/theme.css b/public/themes/lara-dark-indigo/theme.css index e37fe994e..4efb41778 100644 --- a/public/themes/lara-dark-indigo/theme.css +++ b/public/themes/lara-dark-indigo/theme.css @@ -1732,6 +1732,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6378,12 +6389,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/lara-dark-pink/theme.css b/public/themes/lara-dark-pink/theme.css index bfd998a71..6c9698607 100644 --- a/public/themes/lara-dark-pink/theme.css +++ b/public/themes/lara-dark-pink/theme.css @@ -1732,6 +1732,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6378,12 +6389,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/lara-dark-purple/theme.css b/public/themes/lara-dark-purple/theme.css index 1e289879b..a6d3b4ac4 100644 --- a/public/themes/lara-dark-purple/theme.css +++ b/public/themes/lara-dark-purple/theme.css @@ -1732,6 +1732,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6378,12 +6389,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/lara-dark-teal/theme.css b/public/themes/lara-dark-teal/theme.css index 5ba62b277..8d412eb01 100644 --- a/public/themes/lara-dark-teal/theme.css +++ b/public/themes/lara-dark-teal/theme.css @@ -1732,6 +1732,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6378,12 +6389,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/lara-light-amber/theme.css b/public/themes/lara-light-amber/theme.css index cf760f0ec..1b63ab011 100644 --- a/public/themes/lara-light-amber/theme.css +++ b/public/themes/lara-light-amber/theme.css @@ -1732,6 +1732,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6378,12 +6389,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/lara-light-blue/theme.css b/public/themes/lara-light-blue/theme.css index 02545b094..260b91ea5 100644 --- a/public/themes/lara-light-blue/theme.css +++ b/public/themes/lara-light-blue/theme.css @@ -1732,6 +1732,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6378,12 +6389,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/lara-light-cyan/theme.css b/public/themes/lara-light-cyan/theme.css index e95df6d25..401171b41 100644 --- a/public/themes/lara-light-cyan/theme.css +++ b/public/themes/lara-light-cyan/theme.css @@ -1732,6 +1732,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6378,12 +6389,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/lara-light-green/theme.css b/public/themes/lara-light-green/theme.css index b91df0851..3a7ff7804 100644 --- a/public/themes/lara-light-green/theme.css +++ b/public/themes/lara-light-green/theme.css @@ -1732,6 +1732,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6378,12 +6389,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/lara-light-indigo/theme.css b/public/themes/lara-light-indigo/theme.css index a82a3c4f3..c04048804 100644 --- a/public/themes/lara-light-indigo/theme.css +++ b/public/themes/lara-light-indigo/theme.css @@ -1732,6 +1732,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6378,12 +6389,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/lara-light-pink/theme.css b/public/themes/lara-light-pink/theme.css index 66bd0d898..4dbed3607 100644 --- a/public/themes/lara-light-pink/theme.css +++ b/public/themes/lara-light-pink/theme.css @@ -1732,6 +1732,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6378,12 +6389,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/lara-light-purple/theme.css b/public/themes/lara-light-purple/theme.css index 818f410f1..eb8a548d3 100644 --- a/public/themes/lara-light-purple/theme.css +++ b/public/themes/lara-light-purple/theme.css @@ -1732,6 +1732,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6378,12 +6389,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/lara-light-teal/theme.css b/public/themes/lara-light-teal/theme.css index eed37f36c..4cd5361fb 100644 --- a/public/themes/lara-light-teal/theme.css +++ b/public/themes/lara-light-teal/theme.css @@ -1732,6 +1732,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6378,12 +6389,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css index ba7b91553..09a5349b6 100644 --- a/public/themes/luna-amber/theme.css +++ b/public/themes/luna-amber/theme.css @@ -1717,6 +1717,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 1.858rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6322,12 +6333,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css index 05cdd482f..b8b7088e1 100644 --- a/public/themes/luna-blue/theme.css +++ b/public/themes/luna-blue/theme.css @@ -1717,6 +1717,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 1.858rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6322,12 +6333,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css index 2761da1c7..841121837 100644 --- a/public/themes/luna-green/theme.css +++ b/public/themes/luna-green/theme.css @@ -1717,6 +1717,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 1.858rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6322,12 +6333,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css index 1ddfc548f..2ae6354ae 100644 --- a/public/themes/luna-pink/theme.css +++ b/public/themes/luna-pink/theme.css @@ -1717,6 +1717,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 1.858rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6322,12 +6333,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css index 5124493ef..30bdb79c8 100644 --- a/public/themes/md-dark-deeppurple/theme.css +++ b/public/themes/md-dark-deeppurple/theme.css @@ -1738,6 +1738,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 3rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6409,12 +6420,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css index 5560d8f53..d6b368c5e 100644 --- a/public/themes/md-dark-indigo/theme.css +++ b/public/themes/md-dark-indigo/theme.css @@ -1738,6 +1738,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 3rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6409,12 +6420,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css index 6c70accdb..bc3cd1599 100644 --- a/public/themes/md-light-deeppurple/theme.css +++ b/public/themes/md-light-deeppurple/theme.css @@ -1737,6 +1737,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 3rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6408,12 +6419,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css index ca526d014..84436237c 100644 --- a/public/themes/md-light-indigo/theme.css +++ b/public/themes/md-light-indigo/theme.css @@ -1737,6 +1737,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 3rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6408,12 +6419,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css index abe6ee4de..1fceb2c42 100644 --- a/public/themes/mdc-dark-deeppurple/theme.css +++ b/public/themes/mdc-dark-deeppurple/theme.css @@ -1738,6 +1738,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6409,12 +6420,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css index ad3604c8e..d604ba8a1 100644 --- a/public/themes/mdc-dark-indigo/theme.css +++ b/public/themes/mdc-dark-indigo/theme.css @@ -1738,6 +1738,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6409,12 +6420,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css index e3552a3f7..e54eb882e 100644 --- a/public/themes/mdc-light-deeppurple/theme.css +++ b/public/themes/mdc-light-deeppurple/theme.css @@ -1737,6 +1737,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6408,12 +6419,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css index 905c96bdf..f276a2532 100644 --- a/public/themes/mdc-light-indigo/theme.css +++ b/public/themes/mdc-light-indigo/theme.css @@ -1737,6 +1737,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6408,12 +6419,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/mira/theme.css b/public/themes/mira/theme.css index 4d9059fb1..a1c6571e1 100644 --- a/public/themes/mira/theme.css +++ b/public/themes/mira/theme.css @@ -1741,6 +1741,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6363,12 +6374,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/nano/theme.css b/public/themes/nano/theme.css index 17e502672..cd2e33434 100644 --- a/public/themes/nano/theme.css +++ b/public/themes/nano/theme.css @@ -1713,6 +1713,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 1.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6335,12 +6346,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css index 4348fcd44..617717826 100644 --- a/public/themes/nova-accent/theme.css +++ b/public/themes/nova-accent/theme.css @@ -1713,6 +1713,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 1.858rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6310,12 +6321,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css index 3a9a53245..d9f887b37 100644 --- a/public/themes/nova-alt/theme.css +++ b/public/themes/nova-alt/theme.css @@ -1717,6 +1717,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 1.858rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6322,12 +6333,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css index 2f04026a1..c31fd3fae 100644 --- a/public/themes/nova-vue/theme.css +++ b/public/themes/nova-vue/theme.css @@ -1717,6 +1717,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 1.858rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6322,12 +6333,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css index c610d36b9..2d122c672 100644 --- a/public/themes/nova/theme.css +++ b/public/themes/nova/theme.css @@ -1717,6 +1717,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 1.858rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6322,12 +6333,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css index b273330df..6265f0868 100644 --- a/public/themes/rhea/theme.css +++ b/public/themes/rhea/theme.css @@ -1713,6 +1713,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 1.858rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6310,12 +6321,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css index 1b4fd7e75..dde35f753 100644 --- a/public/themes/saga-blue/theme.css +++ b/public/themes/saga-blue/theme.css @@ -1713,6 +1713,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6335,12 +6346,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css index b26a83834..304253c1d 100644 --- a/public/themes/saga-green/theme.css +++ b/public/themes/saga-green/theme.css @@ -1713,6 +1713,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6335,12 +6346,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css index 942b932f5..736bf49ce 100644 --- a/public/themes/saga-orange/theme.css +++ b/public/themes/saga-orange/theme.css @@ -1713,6 +1713,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6335,12 +6346,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css index ad0a89395..f3f357bc4 100644 --- a/public/themes/saga-purple/theme.css +++ b/public/themes/saga-purple/theme.css @@ -1713,6 +1713,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6335,12 +6346,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/soho-dark/theme.css b/public/themes/soho-dark/theme.css index 20652694a..13719c15d 100644 --- a/public/themes/soho-dark/theme.css +++ b/public/themes/soho-dark/theme.css @@ -1737,6 +1737,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6383,12 +6394,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/soho-light/theme.css b/public/themes/soho-light/theme.css index a3b8cc530..55e1ba567 100644 --- a/public/themes/soho-light/theme.css +++ b/public/themes/soho-light/theme.css @@ -1737,6 +1737,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6383,12 +6394,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/tailwind-light/theme.css b/public/themes/tailwind-light/theme.css index 91dfad062..d81372210 100644 --- a/public/themes/tailwind-light/theme.css +++ b/public/themes/tailwind-light/theme.css @@ -1748,6 +1748,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6370,12 +6381,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css index 3d4675d5e..435a42566 100644 --- a/public/themes/vela-blue/theme.css +++ b/public/themes/vela-blue/theme.css @@ -1713,6 +1713,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6335,12 +6346,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css index 54b2d6ff8..598a55ab5 100644 --- a/public/themes/vela-green/theme.css +++ b/public/themes/vela-green/theme.css @@ -1713,6 +1713,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6335,12 +6346,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css index b969b8792..2c79f2770 100644 --- a/public/themes/vela-orange/theme.css +++ b/public/themes/vela-orange/theme.css @@ -1713,6 +1713,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6335,12 +6346,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css index 66e645473..3b9c3cb00 100644 --- a/public/themes/vela-purple/theme.css +++ b/public/themes/vela-purple/theme.css @@ -1713,6 +1713,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6335,12 +6346,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/viva-dark/theme.css b/public/themes/viva-dark/theme.css index 54f7ef562..0f7e5c47c 100644 --- a/public/themes/viva-dark/theme.css +++ b/public/themes/viva-dark/theme.css @@ -1745,6 +1745,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6416,12 +6427,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/public/themes/viva-light/theme.css b/public/themes/viva-light/theme.css index 4baf569ea..be1fc9660 100644 --- a/public/themes/viva-light/theme.css +++ b/public/themes/viva-light/theme.css @@ -1745,6 +1745,17 @@ margin-top: -0.5rem; } + .p-inputotp { + display: flex; + align-items: center; + gap: 0.5rem; + } + + .p-inputotp-input { + text-align: center; + width: 2.5rem; + } + .p-inputgroup { display: flex; align-items: stretch; @@ -6416,12 +6427,12 @@ flex: initial; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content { + width: 100%; padding-left: 1rem; } .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator { flex: 0 0 auto; width: 2px; - min-height: 28px; height: auto; margin-inline-start: calc(1.75rem + 2px); } diff --git a/rollup.config.js b/rollup.config.js index 38ddd8895..27fa6a2fd 100644 --- a/rollup.config.js +++ b/rollup.config.js @@ -117,6 +117,7 @@ const CORE_STYLE_DEPENDENCIES = { 'primevue/inputgroupaddon/style': 'primevue.inputgroupaddon.style', 'primevue/inputmask/style': 'primevue.inputmask.style', 'primevue/inputnumber/style': 'primevue.inputnumber.style', + 'primevue/inputotp/style': 'primevue.inputotp.style', 'primevue/inputswitch/style': 'primevue.inputswitch.style', 'primevue/inputtext/style': 'primevue.inputtext.style', 'primevue/knob/style': 'primevue.knob.style', diff --git a/service/NodeService.js b/service/NodeService.js index d6877ccad..e10b0809e 100755 --- a/service/NodeService.js +++ b/service/NodeService.js @@ -377,7 +377,7 @@ export const NodeService = { { key: '7-1', data: { - name: 'primeng.png', + name: 'primevue.png', size: '30kb', type: 'Picture' }