Form compoennts docs updates

primefaces · Nov 7, 2024 · 324ec95 · 324ec95
1 parent 6b094b7
commit 324ec95
Show file tree

Hide file tree

Showing 23 changed files with 254 additions and 8 deletions.
diff --git a/pages/autocomplete/index.vue b/pages/autocomplete/index.vue
@@ -18,12 +18,14 @@ import DropdownDoc from '@/doc/autocomplete/DropdownDoc.vue';
 import FilledDoc from '@/doc/autocomplete/FilledDoc.vue';
 import FloatLabelDoc from '@/doc/autocomplete/FloatLabelDoc.vue';
 import ForceSelectionDoc from '@/doc/autocomplete/ForceSelectionDoc.vue';
+import FormsDoc from '@/doc/autocomplete/FormsDoc.vue';
 import GroupDoc from '@/doc/autocomplete/GroupDoc.vue';
 import IftaLabelDoc from '@/doc/autocomplete/IftaLabelDoc.vue';
 import ImportDoc from '@/doc/autocomplete/ImportDoc.vue';
 import InvalidDoc from '@/doc/autocomplete/InvalidDoc.vue';
 import MultipleDoc from '@/doc/autocomplete/MultipleDoc.vue';
 import ObjectsDoc from '@/doc/autocomplete/ObjectsDoc.vue';
+import SizesDoc from '@/doc/autocomplete/SizesDoc.vue';
 import TemplateDoc from '@/doc/autocomplete/TemplateDoc.vue';
 import VirtualScrollDoc from '@/doc/autocomplete/VirtualScrollDoc.vue';
 
@@ -51,6 +53,11 @@ export default {
                     label: 'Objects',
                     component: ObjectsDoc
                 },
+                {
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
+                },
                 {
                     id: 'template',
                     label: 'Template',
@@ -86,6 +93,11 @@ export default {
                     label: 'Ifta Label',
                     component: IftaLabelDoc
                 },
+                {
+                    id: 'sizes',
+                    label: 'Sizes',
+                    component: SizesDoc
+                },
                 {
                     id: 'multiple',
                     label: 'Multiple',

diff --git a/pages/cascadeselect/index.vue b/pages/cascadeselect/index.vue
@@ -13,13 +13,16 @@
 <script>
 import AccessibilityDoc from '@/doc/cascadeselect/AccessibilityDoc.vue';
 import BasicDoc from '@/doc/cascadeselect/BasicDoc.vue';
+import ClearIconDoc from '@/doc/cascadeselect/ClearIconDoc.vue';
 import DisabledDoc from '@/doc/cascadeselect/DisabledDoc.vue';
 import FilledDoc from '@/doc/cascadeselect/FilledDoc.vue';
 import FloatLabelDoc from '@/doc/cascadeselect/FloatLabelDoc.vue';
+import FormsDoc from '@/doc/cascadeselect/FormsDoc.vue';
 import IftaLabelDoc from '@/doc/cascadeselect/IftaLabelDoc.vue';
 import ImportDoc from '@/doc/cascadeselect/ImportDoc.vue';
 import InvalidDoc from '@/doc/cascadeselect/InvalidDoc.vue';
 import LoadingStateDoc from '@/doc/cascadeselect/LoadingStateDoc.vue';
+import SizesDoc from '@/doc/cascadeselect/SizesDoc.vue';
 import TemplateDoc from '@/doc/cascadeselect/TemplateDoc.vue';
 
 export default {
@@ -36,6 +39,11 @@ export default {
                     label: 'Basic',
                     component: BasicDoc
                 },
+                {
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
+                },
                 {
                     id: 'template',
                     label: 'Template',
@@ -46,6 +54,11 @@ export default {
                     label: 'Loading State',
                     component: LoadingStateDoc
                 },
+                {
+                    id: 'clearicon',
+                    label: 'Clear Icon',
+                    component: ClearIconDoc
+                },
                 {
                     id: 'filled',
                     label: 'Filled',
@@ -61,6 +74,11 @@ export default {
                     label: 'Ifta Label',
                     component: IftaLabelDoc
                 },
+                {
+                    id: 'sizes',
+                    label: 'Sizes',
+                    component: SizesDoc
+                },
                 {
                     id: 'invalid',
                     label: 'Invalid',

diff --git a/pages/checkbox/index.vue b/pages/checkbox/index.vue
@@ -8,10 +8,12 @@ import BasicDoc from '@/doc/checkbox/BasicDoc.vue';
 import DisabledDoc from '@/doc/checkbox/DisabledDoc.vue';
 import DynamicDoc from '@/doc/checkbox/DynamicDoc.vue';
 import FilledDoc from '@/doc/checkbox/FilledDoc.vue';
+import FormsDoc from '@/doc/checkbox/FormsDoc.vue';
 import GroupDoc from '@/doc/checkbox/GroupDoc.vue';
 import ImportDoc from '@/doc/checkbox/ImportDoc.vue';
 import IndeterminateDoc from '@/doc/checkbox/IndeterminateDoc.vue';
 import InvalidDoc from '@/doc/checkbox/InvalidDoc.vue';
+import SizesDoc from '@/doc/checkbox/SizesDoc.vue';
 
 export default {
     data() {
@@ -27,26 +29,36 @@ export default {
                     label: 'Basic',
                     component: BasicDoc
                 },
-                {
-                    id: 'indeterminate',
-                    label: 'Indeterminate',
-                    component: IndeterminateDoc
-                },
                 {
                     id: 'group',
                     label: 'Group',
                     component: GroupDoc
                 },
+                {
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
+                },
                 {
                     id: 'dynamic',
                     label: 'Dynamic',
                     component: DynamicDoc
                 },
+                {
+                    id: 'indeterminate',
+                    label: 'Indeterminate',
+                    component: IndeterminateDoc
+                },
                 {
                     id: 'filled',
                     label: 'Filled',
                     component: FilledDoc
                 },
+                {
+                    id: 'sizes',
+                    label: 'Sizes',
+                    component: SizesDoc
+                },
                 {
                     id: 'invalid',
                     label: 'Invalid',

diff --git a/pages/colorpicker/index.vue b/pages/colorpicker/index.vue
@@ -7,6 +7,7 @@ import AccessibilityDoc from '@/doc/colorpicker/AccessibilityDoc.vue';
 import BasicDoc from '@/doc/colorpicker/BasicDoc.vue';
 import DisabledDoc from '@/doc/colorpicker/DisabledDoc.vue';
 import FormatDoc from '@/doc/colorpicker/FormatDoc.vue';
+import FormsDoc from '@/doc/colorpicker/FormsDoc.vue';
 import ImportDoc from '@/doc/colorpicker/ImportDoc.vue';
 import InlineDoc from '@/doc/colorpicker/InlineDoc.vue';
 
@@ -24,6 +25,11 @@ export default {
                     label: 'Basic',
                     component: BasicDoc
                 },
+                {
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
+                },
                 {
                     id: 'inline',
                     label: 'Inline',

diff --git a/pages/datepicker/index.vue b/pages/datepicker/index.vue
@@ -11,6 +11,7 @@ import DisabledDoc from '@/doc/datepicker/DisabledDoc.vue';
 import FilledDoc from '@/doc/datepicker/FilledDoc.vue';
 import FloatLabelDoc from '@/doc/datepicker/FloatLabelDoc.vue';
 import FormatDoc from '@/doc/datepicker/FormatDoc.vue';
+import FormsDoc from '@/doc/datepicker/FormsDoc.vue';
 import IconDoc from '@/doc/datepicker/IconDoc.vue';
 import IftaLabelDoc from '@/doc/datepicker/IftaLabelDoc.vue';
 import ImportDoc from '@/doc/datepicker/ImportDoc.vue';
@@ -22,6 +23,7 @@ import MonthPickerDoc from '@/doc/datepicker/MonthPickerDoc.vue';
 import MultipleDoc from '@/doc/datepicker/MultipleDoc.vue';
 import MultipleMonthsDoc from '@/doc/datepicker/MultipleMonthsDoc.vue';
 import RangeDoc from '@/doc/datepicker/RangeDoc.vue';
+import SizesDoc from '@/doc/datepicker/SizesDoc.vue';
 import TimeDoc from '@/doc/datepicker/TimeDoc.vue';
 import YearPickerDoc from '@/doc/datepicker/YearPickerDoc.vue';
 
@@ -39,6 +41,11 @@ export default {
                     label: 'Basic',
                     component: BasicDoc
                 },
+                {
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
+                },
                 {
                     id: 'format',
                     label: 'Format',
@@ -119,6 +126,11 @@ export default {
                     label: 'Ifta Label',
                     component: IftaLabelDoc
                 },
+                {
+                    id: 'sizes',
+                    label: 'Sizes',
+                    component: SizesDoc
+                },
                 {
                     id: 'invalid',
                     label: 'Invalid',

diff --git a/pages/iconfield/index.vue b/pages/iconfield/index.vue
@@ -8,6 +8,7 @@ import BasicDoc from '@/doc/iconfield/BasicDoc.vue';
 import FloatLabelDoc from '@/doc/iconfield/FloatLabelDoc.vue';
 import IftaLabelDoc from '@/doc/iconfield/IftaLabelDoc.vue';
 import ImportDoc from '@/doc/iconfield/ImportDoc.vue';
+import SizesDoc from '@/doc/iconfield/SizesDoc.vue';
 import TemplateDoc from '@/doc/iconfield/TemplateDoc.vue';
 
 export default {
@@ -39,6 +40,11 @@ export default {
                     label: 'Ifta Label',
                     component: IftaLabelDoc
                 },
+                {
+                    id: 'sizes',
+                    label: 'Sizes',
+                    component: SizesDoc
+                },
                 {
                     id: 'accessibility',
                     label: 'Accessibility',

diff --git a/pages/inputmask/index.vue b/pages/inputmask/index.vue
@@ -16,11 +16,13 @@ import BasicDoc from '@/doc/inputmask/BasicDoc.vue';
 import DisabledDoc from '@/doc/inputmask/DisabledDoc.vue';
 import FilledDoc from '@/doc/inputmask/FilledDoc.vue';
 import FloatLabelDoc from '@/doc/inputmask/FloatLabelDoc.vue';
+import FormsDoc from '@/doc/inputmask/FormsDoc.vue';
 import IftaLabelDoc from '@/doc/inputmask/IftaLabelDoc.vue';
 import ImportDoc from '@/doc/inputmask/ImportDoc.vue';
 import InvalidDoc from '@/doc/inputmask/InvalidDoc.vue';
 import MaskDoc from '@/doc/inputmask/MaskDoc.vue';
 import OptionalDoc from '@/doc/inputmask/OptionalDoc.vue';
+import SizesDoc from '@/doc/inputmask/SizesDoc.vue';
 import SlotCharDoc from '@/doc/inputmask/SlotCharDoc.vue';
 
 export default {
@@ -37,6 +39,11 @@ export default {
                     label: 'Basic',
                     component: BasicDoc
                 },
+                {
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
+                },
                 {
                     id: 'mask',
                     label: 'Mask',
@@ -67,6 +74,11 @@ export default {
                     label: 'Ifta Label',
                     component: IftaLabelDoc
                 },
+                {
+                    id: 'sizes',
+                    label: 'Sizes',
+                    component: SizesDoc
+                },
                 {
                     id: 'invalid',
                     label: 'Invalid',

diff --git a/pages/inputnumber/index.vue b/pages/inputnumber/index.vue
@@ -9,12 +9,14 @@ import CurrencyDoc from '@/doc/inputnumber/CurrencyDoc.vue';
 import DisabledDoc from '@/doc/inputnumber/DisabledDoc.vue';
 import FilledDoc from '@/doc/inputnumber/FilledDoc.vue';
 import FloatLabelDoc from '@/doc/inputnumber/FloatLabelDoc.vue';
+import FormsDoc from '@/doc/inputnumber/FormsDoc.vue';
 import IftaLabelDoc from '@/doc/inputnumber/IftaLabelDoc.vue';
 import ImportDoc from '@/doc/inputnumber/ImportDoc.vue';
 import InvalidDoc from '@/doc/inputnumber/InvalidDoc.vue';
 import LocaleDoc from '@/doc/inputnumber/LocaleDoc.vue';
 import NumeralsDoc from '@/doc/inputnumber/NumeralsDoc.vue';
 import PrefixSuffixDoc from '@/doc/inputnumber/PrefixSuffixDoc.vue';
+import SizesDoc from '@/doc/inputnumber/SizesDoc.vue';
 import VerticalDoc from '@/doc/inputnumber/VerticalDoc.vue';
 
 export default {
@@ -31,6 +33,11 @@ export default {
                     label: 'Numerals',
                     component: NumeralsDoc
                 },
+                {
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
+                },
                 {
                     id: 'locale',
                     label: 'Locale',
@@ -71,6 +78,11 @@ export default {
                     label: 'Ifta Label',
                     component: IftaLabelDoc
                 },
+                {
+                    id: 'sizes',
+                    label: 'Sizes',
+                    component: SizesDoc
+                },
                 {
                     id: 'invalid',
                     label: 'Invalid',

diff --git a/pages/inputotp/index.vue b/pages/inputotp/index.vue
@@ -6,10 +6,12 @@
 import AccessibilityDoc from '@/doc/inputotp/AccessibilityDoc.vue';
 import BasicDoc from '@/doc/inputotp/BasicDoc.vue';
 import FilledDoc from '@/doc/inputotp/FilledDoc.vue';
+import FormsDoc from '@/doc/inputotp/FormsDoc.vue';
 import ImportDoc from '@/doc/inputotp/ImportDoc.vue';
 import IntegerOnlyDoc from '@/doc/inputotp/IntegerOnlyDoc.vue';
 import MaskDoc from '@/doc/inputotp/MaskDoc.vue';
 import SampleDoc from '@/doc/inputotp/SampleDoc.vue';
+import SizesDoc from '@/doc/inputotp/SizesDoc.vue';
 import TemplateDoc from '@/doc/inputotp/TemplateDoc.vue';
 
 export default {
@@ -26,6 +28,11 @@ export default {
                     label: 'Basic',
                     component: BasicDoc
                 },
+                {
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
+                },
                 {
                     id: 'mask',
                     label: 'Mask',
@@ -41,6 +48,11 @@ export default {
                     label: 'Filled',
                     component: FilledDoc
                 },
+                {
+                    id: 'sizes',
+                    label: 'Sizes',
+                    component: SizesDoc
+                },
                 {
                     id: 'template',
                     label: 'Template',

diff --git a/pages/inputtext/index.vue b/pages/inputtext/index.vue
@@ -8,6 +8,7 @@ import BasicDoc from '@/doc/inputtext/BasicDoc.vue';
 import DisabledDoc from '@/doc/inputtext/DisabledDoc.vue';
 import FilledDoc from '@/doc/inputtext/FilledDoc.vue';
 import FloatLabelDoc from '@/doc/inputtext/FloatLabelDoc.vue';
+import FormsDoc from '@/doc/inputtext/FormsDoc.vue';
 import HelpTextDoc from '@/doc/inputtext/HelpTextDoc.vue';
 import IftaLabelDoc from '@/doc/inputtext/IftaLabelDoc.vue';
 import ImportDoc from '@/doc/inputtext/ImportDoc.vue';
@@ -28,6 +29,11 @@ export default {
                     label: 'Basic',
                     component: BasicDoc
                 },
+                {
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
+                },
                 {
                     id: 'filled',
                     label: 'Filled',

diff --git a/pages/knob/index.vue b/pages/knob/index.vue
@@ -7,6 +7,7 @@ import AccessibilityDoc from '@/doc/knob/AccessibilityDoc.vue';
 import BasicDoc from '@/doc/knob/BasicDoc.vue';
 import ColorDoc from '@/doc/knob/ColorDoc.vue';
 import DisabledDoc from '@/doc/knob/DisabledDoc.vue';
+import FormsDoc from '@/doc/knob/FormsDoc.vue';
 import ImportDoc from '@/doc/knob/ImportDoc.vue';
 import MinMaxDoc from '@/doc/knob/MinMaxDoc.vue';
 import ReactiveDoc from '@/doc/knob/ReactiveDoc.vue';
@@ -30,6 +31,11 @@ export default {
                     label: 'Basic',
                     component: BasicDoc
                 },
+                {
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
+                },
                 {
                     id: 'minmax',
                     label: 'Min/Max',