@nova-design-system/nova-webcomponents 3.23.0 → 3.24.0

package/dist/collection/components/nv-fielddate/nv-fielddate.docs.js

@@ -51,17 +51,284 @@ const formatStories = formats.map(format => ({
 }));
 const NvFielddateDocs = {
     component: 'nv-fielddate',
-    subcomponents: ['nv-badge', 'nv-button', 'nv-iconbutton', 'nv-calendar'],
+    subcomponents: [
+        'nv-badge',
+        'nv-button',
+        'nv-iconbutton',
+        'nv-calendar',
+        'nv-icon',
+    ],
     badge: 'beta',
     stories: [
+        // Default
         {
             name: 'Default',
             args: {
+                label: 'Date',
                 dateFormat: 'DD/MM/YYYY',
+            },
+            template: h("nv-fielddate", { "data-storybook-args": true }),
+        },
+        // inputId
+        {
+            name: nameof(x => x.inputId),
+            args: {
+                label: 'Label',
+                inputId: 'custom-date-id',
+            },
+            template: h("nv-fielddate", { "data-storybook-args": true }),
+        },
+        // label
+        {
+            name: nameof(x => x.label),
+            args: {
+                label: 'Date Label',
+            },
+            template: h("nv-fielddate", { "data-storybook-args": true }),
+        },
+        // description
+        {
+            name: nameof(x => x.description),
+            args: {
+                label: 'Date',
+                description: 'Select a date',
+            },
+            template: h("nv-fielddate", { "data-storybook-args": true }),
+        },
+        // placeholder
+        {
+            name: nameof(x => x.placeholder),
+            args: {
+                label: 'Date',
+                placeholder: 'DD/MM/YYYY',
+            },
+            template: h("nv-fielddate", { "data-storybook-args": true }),
+        },
+        // name
+        {
+            name: nameof(x => x.name),
+            args: {
+                label: 'Date',
+                name: 'date-field',
+            },
+            template: h("nv-fielddate", { "data-storybook-args": true }),
+        },
+        // disabled
+        {
+            name: nameof(x => x.disabled),
+            args: {
+                label: 'Disabled Date',
+                disabled: true,
+            },
+            template: h("nv-fielddate", { "data-storybook-args": true }),
+        },
+        // readonly
+        {
+            name: nameof(x => x.readonly),
+            args: {
+                label: 'Readonly Date',
+                readonly: true,
+                value: dayjs().format('DD/MM/YYYY'),
+            },
+            template: h("nv-fielddate", { "data-storybook-args": true }),
+        },
+        // required
+        {
+            name: nameof(x => x.required),
+            args: {
+                label: 'Required Date',
+                required: true,
+            },
+            template: h("nv-fielddate", { "data-storybook-args": true }),
+        },
+        // ariaRequiredAttr
+        {
+            name: nameof(x => x.ariaRequiredAttr),
+            args: {
+                label: 'Aria Required Date',
+                ariaRequiredAttr: true,
+            },
+            template: h("nv-fielddate", { "data-storybook-args": true }),
+        },
+        // error
+        {
+            name: nameof(x => x.error),
+            args: {
+                label: 'Date Error',
+                error: true,
+            },
+            template: h("nv-fielddate", { "data-storybook-args": true }),
+        },
+        // errorDescription
+        {
+            name: nameof(x => x.errorDescription),
+            args: {
+                label: 'Date',
+                error: true,
+                errorDescription: 'Please select a valid date',
+            },
+            template: h("nv-fielddate", { "data-storybook-args": true }),
+        },
+        // success
+        {
+            name: nameof(x => x.success),
+            args: {
+                label: 'Date Success',
+                success: true,
+            },
+            template: h("nv-fielddate", { "data-storybook-args": true }),
+        },
+        // autofocus
+        {
+            name: nameof(x => x.autofocus),
+            args: {
+                label: 'Autofocus Date',
                 autofocus: true,
             },
             template: h("nv-fielddate", { "data-storybook-args": true }),
         },
+        // value
+        {
+            name: nameof(x => x.value),
+            args: {
+                label: 'Date with Value',
+                value: dayjs().format('DD/MM/YYYY'),
+                dateFormat: 'DD/MM/YYYY',
+            },
+            template: h("nv-fielddate", { "data-storybook-args": true }),
+        },
+        // firstDayOfWeek
+        {
+            name: nameof(x => x.firstDayOfWeek),
+            args: {
+                label: 'First Day of Week (Monday)',
+                firstDayOfWeek: 1,
+            },
+            template: h("nv-fielddate", { "data-storybook-args": true }),
+        },
+        // numberOfCalendars
+        {
+            name: nameof(x => x.numberOfCalendars),
+            args: {
+                label: 'Multiple Calendars',
+                numberOfCalendars: 2,
+            },
+            template: h("nv-fielddate", { "data-storybook-args": true }),
+        },
+        // min
+        {
+            name: nameof(x => x.min),
+            args: {
+                label: 'Date with Min',
+                min: dayjs().format('YYYY-MM-DD'),
+                dateFormat: 'YYYY-MM-DD',
+            },
+            template: h("nv-fielddate", { "data-storybook-args": true }),
+        },
+        // max
+        {
+            name: nameof(x => x.max),
+            args: {
+                label: 'Date with Max',
+                max: dayjs().add(30, 'days').format('YYYY-MM-DD'),
+                dateFormat: 'YYYY-MM-DD',
+            },
+            template: h("nv-fielddate", { "data-storybook-args": true }),
+        },
+        // locale
+        {
+            name: nameof(x => x.locale),
+            args: {
+                label: 'Date (French)',
+                locale: 'fr-BE',
+            },
+            template: h("nv-fielddate", { "data-storybook-args": true }),
+        },
+        // dateFormat
+        {
+            name: nameof(x => x.dateFormat),
+            args: {
+                label: 'Date Format',
+                dateFormat: 'YYYY-MM-DD',
+            },
+            template: h("nv-fielddate", { "data-storybook-args": true }),
+        },
+        // shortcutsPlacement
+        {
+            name: nameof(x => x.shortcutsPlacement),
+            args: {
+                label: 'Shortcuts Right',
+                shortcutsPlacement: 'right',
+                showActions: true,
+                shortcuts: [
+                    {
+                        label: 'Today',
+                        singleValue: dayjs().format('DD/MM/YYYY'),
+                    },
+                ],
+            },
+            template: h("nv-fielddate", { "data-storybook-args": true }),
+        },
+        // showActions
+        {
+            name: nameof(x => x.showActions),
+            args: {
+                label: 'Date with Actions',
+                showActions: true,
+            },
+            template: h("nv-fielddate", { "data-storybook-args": true }),
+        },
+        // shortcuts
+        {
+            name: nameof(x => x.shortcuts),
+            args: {
+                label: 'Date with Shortcuts',
+                showActions: true,
+                shortcuts: [
+                    {
+                        label: 'Today',
+                        singleValue: dayjs().format('DD/MM/YYYY'),
+                    },
+                    {
+                        label: 'Yesterday',
+                        singleValue: dayjs().subtract(1, 'day').format('DD/MM/YYYY'),
+                    },
+                ],
+            },
+            template: h("nv-fielddate", { "data-storybook-args": true }),
+        },
+        // showWeekNumbers
+        {
+            name: nameof(x => x.showWeekNumbers),
+            args: {
+                label: 'Date with Week Numbers',
+                showWeekNumbers: true,
+            },
+            template: h("nv-fielddate", { "data-storybook-args": true }),
+        },
+        // disabledDates
+        {
+            name: nameof(x => x.disabledDates),
+            args: {
+                label: 'Date with Disabled Dates',
+                dateFormat: 'DD/MM/YYYY',
+                disabledDates: [
+                    dayjs().add(1, 'day').format('DD/MM/YYYY'),
+                    dayjs().add(3, 'day').format('DD/MM/YYYY'),
+                ],
+            },
+            template: h("nv-fielddate", { "data-storybook-args": true }),
+        },
+        // fluid
+        {
+            name: nameof(x => x.fluid),
+            args: {
+                label: 'Fluid Date',
+                fluid: true,
+            },
+            template: h("nv-fielddate", { "data-storybook-args": true }),
+        },
+        // WithCalendarOptions
         {
             name: 'WithCalendarOptions',
             args: {
@@ -86,6 +353,7 @@ const NvFielddateDocs = {
             },
             template: h("nv-fielddate", { "data-storybook-args": true }),
         },
+        // WithShortcutsBottom
         {
             name: 'WithShortcutsBottom',
             args: {
@@ -111,6 +379,7 @@ const NvFielddateDocs = {
             },
             template: h("nv-fielddate", { "data-storybook-args": true }),
         },
+        // WithShortcutsRight
         {
             name: 'WithShortcutsRight',
             args: {
@@ -132,6 +401,7 @@ const NvFielddateDocs = {
             },
             template: h("nv-fielddate", { "data-storybook-args": true }),
         },
+        // WithDisabledDates
         {
             name: 'WithDisabledDates',
             args: {
@@ -146,6 +416,7 @@ const NvFielddateDocs = {
             },
             template: h("nv-fielddate", { "data-storybook-args": true }),
         },
+        // MultipleCalendars
         {
             name: 'MultipleCalendars',
             args: {
@@ -157,6 +428,7 @@ const NvFielddateDocs = {
             },
             template: h("nv-fielddate", { "data-storybook-args": true }),
         },
+        // WithInitialValue
         {
             name: 'WithInitialValue',
             args: {
@@ -167,6 +439,7 @@ const NvFielddateDocs = {
             },
             template: h("nv-fielddate", { "data-storybook-args": true }),
         },
+        // WithMinMax
         {
             name: 'WithMinMax',
             args: {
@@ -178,6 +451,7 @@ const NvFielddateDocs = {
             },
             template: h("nv-fielddate", { "data-storybook-args": true }),
         },
+        // CulturalVariants
         {
             name: 'CulturalVariants',
             args: {
@@ -187,154 +461,71 @@ const NvFielddateDocs = {
             },
             template: (h("div", { class: "flex flex-wrap gap-4" }, h("nv-fielddate", { label: "Date (en-BE)", locale: "en-BE", dateFormat: "YYYY-MM-DD", "data-storybook-args": true }), h("nv-fielddate", { label: "Date (fr-BE)", locale: "fr-BE", dateFormat: "DD/MM/YYYY", "data-storybook-args": true }), h("nv-fielddate", { label: "Date (de-DE)", locale: "de-DE", dateFormat: "DD.MM.YYYY", "data-storybook-args": true }))),
         },
+        // SlotDefault
         {
-            name: nameof(x => x.label),
-            args: {
-                label: 'Textfield Label',
-            },
-            template: h("nv-fielddate", { "data-storybook-args": true }),
-        },
-        {
-            name: nameof(x => x.description),
-            args: {
-                label: 'Textfield Description',
-                description: 'Description will show here',
-            },
-            template: h("nv-fielddate", { "data-storybook-args": true }),
-        },
-        {
-            name: nameof(x => x.placeholder),
-            args: {
-                label: 'Textfield Placeholder',
-                placeholder: 'Type something...',
-            },
-            template: h("nv-fielddate", { "data-storybook-args": true }),
-        },
-        {
-            name: nameof(x => x.name),
+            name: 'SlotDefault',
+            description: 'Child content of the component.',
             args: {
-                label: 'Textfield Name',
-                name: 'name',
+                label: 'Date with Default Slot',
             },
-            template: h("nv-fielddate", { "data-storybook-args": true }),
-        },
-        {
-            name: nameof(x => x.value),
-            args: {
-                label: 'Textfield Value',
-            },
-            template: h("nv-fielddate", { "data-storybook-args": true }),
-        },
-        {
-            name: nameof(x => x.disabled),
-            args: {
-                label: 'Textfield Disabled',
-                disabled: true,
-            },
-            template: h("nv-fielddate", { "data-storybook-args": true }),
-        },
-        {
-            name: nameof(x => x.readonly),
-            args: {
-                label: 'Textfield Readonly',
-                readonly: true,
-            },
-            template: h("nv-fielddate", { "data-storybook-args": true }),
-        },
-        {
-            name: nameof(x => x.required),
-            args: {
-                label: 'Textfield Required',
-                required: true,
-            },
-            template: h("nv-fielddate", { "data-storybook-args": true }),
-        },
-        {
-            name: nameof(x => x.error),
-            args: {
-                label: 'Textfield Error',
-                error: true,
-            },
-            template: h("nv-fielddate", { "data-storybook-args": true }),
-        },
-        {
-            name: nameof(x => x.errorDescription),
-            args: {
-                label: 'Textfield Error Description',
-                description: 'Make sure to be valid.',
-                error: true,
-                errorDescription: 'This input has an error.',
-            },
-            template: h("nv-fielddate", { "data-storybook-args": true }),
-        },
-        {
-            name: nameof(x => x.success),
-            args: {
-                label: 'Textfield Success',
-                success: true,
-            },
-            template: h("nv-fielddate", { "data-storybook-args": true }),
-        },
-        {
-            name: nameof(x => x.fluid),
-            args: {
-                label: 'Fluid',
-                fluid: true,
-            },
-            template: h("nv-fielddate", { "data-storybook-args": true }),
+            template: (h("nv-fielddate", { "data-storybook-args": true }, h("span", null, "Custom content in default slot"))),
         },
+        // SlotLeadingInput
         {
-            name: 'leadingInputSlot',
+            name: 'SlotLeadingInput',
             description: 'Content to be placed before the input text, within the input container.',
             args: {
                 label: 'Leading Input',
             },
-            template: (h("nv-fielddate", { "data-storybook-args": true }, h("nv-badge", { slot: "leading-input", label: "test", dismissible: true }))),
+            template: (h("nv-fielddate", { "data-storybook-args": true }, h("nv-icon", { slot: "leading-input", name: "calendar" }))),
         },
+        // SlotLabel
         {
-            name: 'labelSlot',
+            name: 'SlotLabel',
             description: 'Content to be placed as the label, will override the label prop.',
             args: {
                 label: 'Original Label',
             },
-            template: (h("nv-fielddate", { "data-storybook-args": true }, h("span", { slot: "label" }, "Label Slot"))),
+            template: (h("nv-fielddate", { "data-storybook-args": true }, h("span", { slot: "label" }, "Custom Label"))),
         },
+        // SlotDescription
         {
-            name: 'descriptionSlot',
+            name: 'SlotDescription',
             description: 'Content to be placed as the description, will override the description prop.',
             args: {
-                label: 'Description Slot',
+                label: 'Date',
                 description: 'Original description',
             },
             template: (h("nv-fielddate", { "data-storybook-args": true }, h("span", { slot: "description" }, "Custom Description"))),
         },
+        // SlotErrorDescription
         {
-            name: 'errorDescriptionSlot',
+            name: 'SlotErrorDescription',
             description: 'Content to be placed as the error description, will override the errorDescription prop.',
             args: {
-                label: 'Error Description Slot',
+                label: 'Date',
                 errorDescription: 'Original error description',
                 error: true,
             },
             template: (h("nv-fielddate", { "data-storybook-args": true }, h("span", { slot: "error-description" }, "Custom Error Description"))),
         },
+        // SlotBeforeInput
         {
-            name: 'beforeInputSlot',
+            name: 'SlotBeforeInput',
             description: 'Content to be placed before the input text, outside the input container.',
             args: {
-                label: 'Before Input Slot',
-                description: 'Description will show here',
+                label: 'Date',
             },
-            template: (h("nv-fielddate", { "data-storybook-args": true }, h("nv-button", { slot: "before-input" }, "Before Input Slot"))),
+            template: (h("nv-fielddate", { "data-storybook-args": true }, h("nv-button", { slot: "before-input" }, "Before"))),
         },
+        // SlotAfterInput
         {
-            name: 'afterInputSlot',
+            name: 'SlotAfterInput',
             description: 'Content to be placed after the input text, outside the input container.',
             args: {
-                label: 'After Input Slot',
-                description: 'Description will show here',
+                label: 'Date',
             },
-            template: (h("nv-fielddate", { "data-storybook-args": true }, h("nv-button", { slot: "after-input" }, "After Input Slot"))),
+            template: (h("nv-fielddate", { "data-storybook-args": true }, h("nv-button", { slot: "after-input" }, "After"))),
         },
         ...formatStories,
     ],

package/dist/collection/components/nv-fielddate/nv-fielddate.docs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nv-fielddate.docs.js","sourceRoot":"","sources":["../../../../src/components/nv-fielddate/nv-fielddate.docs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport type { NovaDocs } from '../../nova-docs';\nimport { Components } from '../../components';\nimport { nameof } from '../../utils/class.utils';\nimport dayjs from 'dayjs';\n\nconst toKebabCase = (str: string): string =>\n  str\n    .toLowerCase()\n    .replace(/[^a-z0-9]+/g, '')\n    .replace(/^-+|-+$/g, '');\n\nconst formats = [\n  {\n    name: 'ISO 8601',\n    dateFormat: 'YYYY-MM-DD[T]HH:mm:ss[Z]',\n    value: '2025-03-15T00:00:00Z',\n  },\n  {\n    name: 'YYYY-MM-DD',\n    dateFormat: 'YYYY-MM-DD',\n    value: '2025-03-15',\n  },\n  {\n    name: 'DD/MM/YYYY',\n    dateFormat: 'DD/MM/YYYY',\n    value: '15/03/2025',\n  },\n  {\n    name: 'MM/DD/YYYY',\n    dateFormat: 'MM/DD/YYYY',\n    value: '03/15/2025',\n  },\n  {\n    name: 'Compact YYYYMMDD',\n    dateFormat: 'YYYYMMDD',\n    value: '20250315',\n  },\n  {\n    name: 'German DD.MM.YYYY',\n    dateFormat: 'DD.MM.YYYY',\n    value: '15.03.2025',\n  },\n];\n\nconst formatStories = formats.map(format => ({\n  name: `Format${toKebabCase(format.name)}`,\n  args: {\n    label: `Date (${format.name})`,\n    description: `Using format: ${format.dateFormat}`,\n    placeholder: format.value,\n    dateFormat: format.dateFormat,\n    locale: format.name === 'German DD.MM.YYYY' ? 'de-DE' : 'en-US',\n    value: format.value,\n  },\n  template: <nv-fielddate data-storybook-args></nv-fielddate>,\n}));\n\nconst NvFielddateDocs: NovaDocs<Components.NvFielddate> = {\n  component: 'nv-fielddate',\n  subcomponents: ['nv-badge', 'nv-button', 'nv-iconbutton', 'nv-calendar'],\n  badge: 'beta',\n  stories: [\n    {\n      name: 'Default',\n      args: {\n        dateFormat: 'DD/MM/YYYY',\n        autofocus: true,\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    {\n      name: 'WithCalendarOptions',\n      args: {\n        label: 'Date with Calendar Options',\n        description: 'Calendar with additional options',\n        dateFormat: 'DD/MM/YYYY',\n        firstDayOfWeek: 1,\n        numberOfCalendars: 1,\n        showWeekNumbers: true,\n        showActions: true,\n        shortcuts: [\n          {\n            label: 'Today',\n            singleValue: dayjs().format('DD/MM/YYYY'),\n          },\n          {\n            label: 'Last week',\n            singleValue: dayjs().subtract(7, 'days').format('DD/MM/YYYY'),\n          },\n        ],\n        shortcutsPlacement: 'bottom',\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    {\n      name: 'WithShortcutsBottom',\n      args: {\n        label: 'Date with Bottom Shortcuts',\n        description: 'Calendar with shortcuts at the bottom',\n        dateFormat: 'DD/MM/YYYY',\n        showActions: true,\n        shortcuts: [\n          {\n            label: 'Today',\n            singleValue: dayjs().format('DD/MM/YYYY'),\n          },\n          {\n            label: 'Yesterday',\n            singleValue: dayjs().subtract(1, 'day').format('DD/MM/YYYY'),\n          },\n          {\n            label: 'Last Week',\n            singleValue: dayjs().subtract(7, 'days').format('DD/MM/YYYY'),\n          },\n        ],\n        shortcutsPlacement: 'bottom',\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    {\n      name: 'WithShortcutsRight',\n      args: {\n        label: 'Date with Right Shortcuts',\n        description: 'Calendar with shortcuts on the right',\n        dateFormat: 'DD/MM/YYYY',\n        showActions: true,\n        shortcuts: [\n          {\n            label: 'Start of Month',\n            singleValue: dayjs().startOf('month').format('DD/MM/YYYY'),\n          },\n          {\n            label: 'End of Month',\n            singleValue: dayjs().endOf('month').format('DD/MM/YYYY'),\n          },\n        ],\n        shortcutsPlacement: 'right',\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    {\n      name: 'WithDisabledDates',\n      args: {\n        label: 'Date with Disabled Dates',\n        description: 'Calendar with specific dates disabled',\n        dateFormat: 'DD/MM/YYYY',\n        disabledDates: [\n          dayjs().add(1, 'day').format('DD/MM/YYYY'),\n          dayjs().add(3, 'day').format('DD/MM/YYYY'),\n          dayjs().add(5, 'day').format('DD/MM/YYYY'),\n        ],\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    {\n      name: 'MultipleCalendars',\n      args: {\n        label: 'Multiple Calendars',\n        description: 'Display multiple calendars side by side',\n        dateFormat: 'DD/MM/YYYY',\n        numberOfCalendars: 3,\n        showWeekNumbers: true,\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    {\n      name: 'WithInitialValue',\n      args: {\n        label: 'Pre-selected Date',\n        description: 'Calendar with an initial value',\n        dateFormat: 'DD/MM/YYYY',\n        value: dayjs().format('DD/MM/YYYY'),\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    {\n      name: 'WithMinMax',\n      args: {\n        label: 'Date with Min/Max',\n        description: 'Select a date within range',\n        dateFormat: 'YYYY-MM-DD',\n        min: '2025-02-05',\n        max: '2025-02-20',\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    {\n      name: 'CulturalVariants',\n      args: {\n        numberOfCalendars: 1,\n        firstDayOfWeek: 1,\n        showWeekNumbers: true,\n      },\n      template: (\n        <div class=\"flex flex-wrap gap-4\">\n          <nv-fielddate\n            label=\"Date (en-BE)\"\n            locale=\"en-BE\"\n            dateFormat=\"YYYY-MM-DD\"\n            data-storybook-args\n          />\n          <nv-fielddate\n            label=\"Date (fr-BE)\"\n            locale=\"fr-BE\"\n            dateFormat=\"DD/MM/YYYY\"\n            data-storybook-args\n          />\n          <nv-fielddate\n            label=\"Date (de-DE)\"\n            locale=\"de-DE\"\n            dateFormat=\"DD.MM.YYYY\"\n            data-storybook-args\n          />\n        </div>\n      ),\n    },\n    {\n      name: nameof<Components.NvFieldtext>(x => x.label),\n      args: {\n        label: 'Textfield Label',\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    {\n      name: nameof<Components.NvFieldtext>(x => x.description),\n      args: {\n        label: 'Textfield Description',\n        description: 'Description will show here',\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    {\n      name: nameof<Components.NvFieldtext>(x => x.placeholder),\n      args: {\n        label: 'Textfield Placeholder',\n        placeholder: 'Type something...',\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    {\n      name: nameof<Components.NvFieldtext>(x => x.name),\n      args: {\n        label: 'Textfield Name',\n        name: 'name',\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    {\n      name: nameof<Components.NvFieldtext>(x => x.value),\n      args: {\n        label: 'Textfield Value',\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n\n    {\n      name: nameof<Components.NvFieldtext>(x => x.disabled),\n      args: {\n        label: 'Textfield Disabled',\n        disabled: true,\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    {\n      name: nameof<Components.NvFieldtext>(x => x.readonly),\n      args: {\n        label: 'Textfield Readonly',\n        readonly: true,\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    {\n      name: nameof<Components.NvFieldtext>(x => x.required),\n      args: {\n        label: 'Textfield Required',\n        required: true,\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    {\n      name: nameof<Components.NvFieldtext>(x => x.error),\n      args: {\n        label: 'Textfield Error',\n        error: true,\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    {\n      name: nameof<Components.NvFieldtext>(x => x.errorDescription),\n      args: {\n        label: 'Textfield Error Description',\n        description: 'Make sure to be valid.',\n        error: true,\n        errorDescription: 'This input has an error.',\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    {\n      name: nameof<Components.NvFieldtext>(x => x.success),\n      args: {\n        label: 'Textfield Success',\n        success: true,\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    {\n      name: nameof<Components.NvFielddate>(x => x.fluid),\n      args: {\n        label: 'Fluid',\n        fluid: true,\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    {\n      name: 'leadingInputSlot',\n      description:\n        'Content to be placed before the input text, within the input container.',\n      args: {\n        label: 'Leading Input',\n      },\n      template: (\n        <nv-fielddate data-storybook-args>\n          <nv-badge slot=\"leading-input\" label=\"test\" dismissible></nv-badge>\n        </nv-fielddate>\n      ),\n    },\n    {\n      name: 'labelSlot',\n      description:\n        'Content to be placed as the label, will override the label prop.',\n      args: {\n        label: 'Original Label',\n      },\n      template: (\n        <nv-fielddate data-storybook-args>\n          <span slot=\"label\">Label Slot</span>\n        </nv-fielddate>\n      ),\n    },\n    {\n      name: 'descriptionSlot',\n      description:\n        'Content to be placed as the description, will override the description prop.',\n      args: {\n        label: 'Description Slot',\n        description: 'Original description',\n      },\n      template: (\n        <nv-fielddate data-storybook-args>\n          <span slot=\"description\">Custom Description</span>\n        </nv-fielddate>\n      ),\n    },\n    {\n      name: 'errorDescriptionSlot',\n      description:\n        'Content to be placed as the error description, will override the errorDescription prop.',\n      args: {\n        label: 'Error Description Slot',\n        errorDescription: 'Original error description',\n        error: true,\n      },\n      template: (\n        <nv-fielddate data-storybook-args>\n          <span slot=\"error-description\">Custom Error Description</span>\n        </nv-fielddate>\n      ),\n    },\n    {\n      name: 'beforeInputSlot',\n      description:\n        'Content to be placed before the input text, outside the input container.',\n      args: {\n        label: 'Before Input Slot',\n        description: 'Description will show here',\n      },\n      template: (\n        <nv-fielddate data-storybook-args>\n          <nv-button slot=\"before-input\">Before Input Slot</nv-button>\n        </nv-fielddate>\n      ),\n    },\n    {\n      name: 'afterInputSlot',\n      description:\n        'Content to be placed after the input text, outside the input container.',\n      args: {\n        label: 'After Input Slot',\n        description: 'Description will show here',\n      },\n      template: (\n        <nv-fielddate data-storybook-args>\n          <nv-button slot=\"after-input\">After Input Slot</nv-button>\n        </nv-fielddate>\n      ),\n    },\n\n    ...formatStories,\n  ],\n};\n\nexport default NvFielddateDocs;\n"]}
+{"version":3,"file":"nv-fielddate.docs.js","sourceRoot":"","sources":["../../../../src/components/nv-fielddate/nv-fielddate.docs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAGlC,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,GAAG,CAAC,GAAW,EAAU,EAAE,CAC1C,GAAG;KACA,WAAW,EAAE;KACb,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC;KAC1B,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;AAE7B,MAAM,OAAO,GAAG;IACd;QACE,IAAI,EAAE,UAAU;QAChB,UAAU,EAAE,0BAA0B;QACtC,KAAK,EAAE,sBAAsB;KAC9B;IACD;QACE,IAAI,EAAE,YAAY;QAClB,UAAU,EAAE,YAAY;QACxB,KAAK,EAAE,YAAY;KACpB;IACD;QACE,IAAI,EAAE,YAAY;QAClB,UAAU,EAAE,YAAY;QACxB,KAAK,EAAE,YAAY;KACpB;IACD;QACE,IAAI,EAAE,YAAY;QAClB,UAAU,EAAE,YAAY;QACxB,KAAK,EAAE,YAAY;KACpB;IACD;QACE,IAAI,EAAE,kBAAkB;QACxB,UAAU,EAAE,UAAU;QACtB,KAAK,EAAE,UAAU;KAClB;IACD;QACE,IAAI,EAAE,mBAAmB;QACzB,UAAU,EAAE,YAAY;QACxB,KAAK,EAAE,YAAY;KACpB;CACF,CAAC;AAEF,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAC3C,IAAI,EAAE,SAAS,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;IACzC,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS,MAAM,CAAC,IAAI,GAAG;QAC9B,WAAW,EAAE,iBAAiB,MAAM,CAAC,UAAU,EAAE;QACjD,WAAW,EAAE,MAAM,CAAC,KAAK;QACzB,UAAU,EAAE,MAAM,CAAC,UAAU;QAC7B,MAAM,EAAE,MAAM,CAAC,IAAI,KAAK,mBAAmB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;QAC/D,KAAK,EAAE,MAAM,CAAC,KAAK;KACpB;IACD,QAAQ,EAAE,kDAAiD;CAC5D,CAAC,CAAC,CAAC;AAEJ,MAAM,eAAe,GAAqC;IACxD,SAAS,EAAE,cAAc;IACzB,aAAa,EAAE;QACb,UAAU;QACV,WAAW;QACX,eAAe;QACf,aAAa;QACb,SAAS;KACV;IACD,KAAK,EAAE,MAAM;IACb,OAAO,EAAE;QACP,UAAU;QACV;YACE,IAAI,EAAE,SAAS;YACf,IAAI,EAAE;gBACJ,KAAK,EAAE,MAAM;gBACb,UAAU,EAAE,YAAY;aACzB;YACD,QAAQ,EAAE,kDAAiD;SAC5D;QACD,UAAU;QACV;YACE,IAAI,EAAE,MAAM,CAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;YACpD,IAAI,EAAE;gBACJ,KAAK,EAAE,OAAO;gBACd,OAAO,EAAE,gBAAgB;aAC1B;YACD,QAAQ,EAAE,kDAAiD;SAC5D;QACD,QAAQ;QACR;YACE,IAAI,EAAE,MAAM,CAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;YAClD,IAAI,EAAE;gBACJ,KAAK,EAAE,YAAY;aACpB;YACD,QAAQ,EAAE,kDAAiD;SAC5D;QACD,cAAc;QACd;YACE,IAAI,EAAE,MAAM,CAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC;YACxD,IAAI,EAAE;gBACJ,KAAK,EAAE,MAAM;gBACb,WAAW,EAAE,eAAe;aAC7B;YACD,QAAQ,EAAE,kDAAiD;SAC5D;QACD,cAAc;QACd;YACE,IAAI,EAAE,MAAM,CAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC;YACxD,IAAI,EAAE;gBACJ,KAAK,EAAE,MAAM;gBACb,WAAW,EAAE,YAAY;aAC1B;YACD,QAAQ,EAAE,kDAAiD;SAC5D;QACD,OAAO;QACP;YACE,IAAI,EAAE,MAAM,CAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;YACjD,IAAI,EAAE;gBACJ,KAAK,EAAE,MAAM;gBACb,IAAI,EAAE,YAAY;aACnB;YACD,QAAQ,EAAE,kDAAiD;SAC5D;QACD,WAAW;QACX;YACE,IAAI,EAAE,MAAM,CAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;YACrD,IAAI,EAAE;gBACJ,KAAK,EAAE,eAAe;gBACtB,QAAQ,EAAE,IAAI;aACf;YACD,QAAQ,EAAE,kDAAiD;SAC5D;QACD,WAAW;QACX;YACE,IAAI,EAAE,MAAM,CAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;YACrD,IAAI,EAAE;gBACJ,KAAK,EAAE,eAAe;gBACtB,QAAQ,EAAE,IAAI;gBACd,KAAK,EAAE,KAAK,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC;aACpC;YACD,QAAQ,EAAE,kDAAiD;SAC5D;QACD,WAAW;QACX;YACE,IAAI,EAAE,MAAM,CAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;YACrD,IAAI,EAAE;gBACJ,KAAK,EAAE,eAAe;gBACtB,QAAQ,EAAE,IAAI;aACf;YACD,QAAQ,EAAE,kDAAiD;SAC5D;QACD,mBAAmB;QACnB;YACE,IAAI,EAAE,MAAM,CAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC;YAC7D,IAAI,EAAE;gBACJ,KAAK,EAAE,oBAAoB;gBAC3B,gBAAgB,EAAE,IAAI;aACvB;YACD,QAAQ,EAAE,kDAAiD;SAC5D;QACD,QAAQ;QACR;YACE,IAAI,EAAE,MAAM,CAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;YAClD,IAAI,EAAE;gBACJ,KAAK,EAAE,YAAY;gBACnB,KAAK,EAAE,IAAI;aACZ;YACD,QAAQ,EAAE,kDAAiD;SAC5D;QACD,mBAAmB;QACnB;YACE,IAAI,EAAE,MAAM,CAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC;YAC7D,IAAI,EAAE;gBACJ,KAAK,EAAE,MAAM;gBACb,KAAK,EAAE,IAAI;gBACX,gBAAgB,EAAE,4BAA4B;aAC/C;YACD,QAAQ,EAAE,kDAAiD;SAC5D;QACD,UAAU;QACV;YACE,IAAI,EAAE,MAAM,CAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;YACpD,IAAI,EAAE;gBACJ,KAAK,EAAE,cAAc;gBACrB,OAAO,EAAE,IAAI;aACd;YACD,QAAQ,EAAE,kDAAiD;SAC5D;QACD,YAAY;QACZ;YACE,IAAI,EAAE,MAAM,CAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;YACtD,IAAI,EAAE;gBACJ,KAAK,EAAE,gBAAgB;gBACvB,SAAS,EAAE,IAAI;aAChB;YACD,QAAQ,EAAE,kDAAiD;SAC5D;QACD,QAAQ;QACR;YACE,IAAI,EAAE,MAAM,CAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;YAClD,IAAI,EAAE;gBACJ,KAAK,EAAE,iBAAiB;gBACxB,KAAK,EAAE,KAAK,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC;gBACnC,UAAU,EAAE,YAAY;aACzB;YACD,QAAQ,EAAE,kDAAiD;SAC5D;QACD,iBAAiB;QACjB;YACE,IAAI,EAAE,MAAM,CAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC;YAC3D,IAAI,EAAE;gBACJ,KAAK,EAAE,4BAA4B;gBACnC,cAAc,EAAE,CAAC;aAClB;YACD,QAAQ,EAAE,kDAAiD;SAC5D;QACD,oBAAoB;QACpB;YACE,IAAI,EAAE,MAAM,CAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC;YAC9D,IAAI,EAAE;gBACJ,KAAK,EAAE,oBAAoB;gBAC3B,iBAAiB,EAAE,CAAC;aACrB;YACD,QAAQ,EAAE,kDAAiD;SAC5D;QACD,MAAM;QACN;YACE,IAAI,EAAE,MAAM,CAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;YAChD,IAAI,EAAE;gBACJ,KAAK,EAAE,eAAe;gBACtB,GAAG,EAAE,KAAK,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC;gBACjC,UAAU,EAAE,YAAY;aACzB;YACD,QAAQ,EAAE,kDAAiD;SAC5D;QACD,MAAM;QACN;YACE,IAAI,EAAE,MAAM,CAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;YAChD,IAAI,EAAE;gBACJ,KAAK,EAAE,eAAe;gBACtB,GAAG,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;gBACjD,UAAU,EAAE,YAAY;aACzB;YACD,QAAQ,EAAE,kDAAiD;SAC5D;QACD,SAAS;QACT;YACE,IAAI,EAAE,MAAM,CAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC;YACnD,IAAI,EAAE;gBACJ,KAAK,EAAE,eAAe;gBACtB,MAAM,EAAE,OAAO;aAChB;YACD,QAAQ,EAAE,kDAAiD;SAC5D;QACD,aAAa;QACb;YACE,IAAI,EAAE,MAAM,CAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC;YACvD,IAAI,EAAE;gBACJ,KAAK,EAAE,aAAa;gBACpB,UAAU,EAAE,YAAY;aACzB;YACD,QAAQ,EAAE,kDAAiD;SAC5D;QACD,qBAAqB;QACrB;YACE,IAAI,EAAE,MAAM,CAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC;YAC/D,IAAI,EAAE;gBACJ,KAAK,EAAE,iBAAiB;gBACxB,kBAAkB,EAAE,OAAO;gBAC3B,WAAW,EAAE,IAAI;gBACjB,SAAS,EAAE;oBACT;wBACE,KAAK,EAAE,OAAO;wBACd,WAAW,EAAE,KAAK,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC;qBAC1C;iBACF;aACF;YACD,QAAQ,EAAE,kDAAiD;SAC5D;QACD,cAAc;QACd;YACE,IAAI,EAAE,MAAM,CAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC;YACxD,IAAI,EAAE;gBACJ,KAAK,EAAE,mBAAmB;gBAC1B,WAAW,EAAE,IAAI;aAClB;YACD,QAAQ,EAAE,kDAAiD;SAC5D;QACD,YAAY;QACZ;YACE,IAAI,EAAE,MAAM,CAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;YACtD,IAAI,EAAE;gBACJ,KAAK,EAAE,qBAAqB;gBAC5B,WAAW,EAAE,IAAI;gBACjB,SAAS,EAAE;oBACT;wBACE,KAAK,EAAE,OAAO;wBACd,WAAW,EAAE,KAAK,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC;qBAC1C;oBACD;wBACE,KAAK,EAAE,WAAW;wBAClB,WAAW,EAAE,KAAK,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;qBAC7D;iBACF;aACF;YACD,QAAQ,EAAE,kDAAiD;SAC5D;QACD,kBAAkB;QAClB;YACE,IAAI,EAAE,MAAM,CAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC;YAC5D,IAAI,EAAE;gBACJ,KAAK,EAAE,wBAAwB;gBAC/B,eAAe,EAAE,IAAI;aACtB;YACD,QAAQ,EAAE,kDAAiD;SAC5D;QACD,gBAAgB;QAChB;YACE,IAAI,EAAE,MAAM,CAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC;YAC1D,IAAI,EAAE;gBACJ,KAAK,EAAE,0BAA0B;gBACjC,UAAU,EAAE,YAAY;gBACxB,aAAa,EAAE;oBACb,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;oBAC1C,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;iBAC3C;aACF;YACD,QAAQ,EAAE,kDAAiD;SAC5D;QACD,QAAQ;QACR;YACE,IAAI,EAAE,MAAM,CAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;YAClD,IAAI,EAAE;gBACJ,KAAK,EAAE,YAAY;gBACnB,KAAK,EAAE,IAAI;aACZ;YACD,QAAQ,EAAE,kDAAiD;SAC5D;QACD,sBAAsB;QACtB;YACE,IAAI,EAAE,qBAAqB;YAC3B,IAAI,EAAE;gBACJ,KAAK,EAAE,4BAA4B;gBACnC,WAAW,EAAE,kCAAkC;gBAC/C,UAAU,EAAE,YAAY;gBACxB,cAAc,EAAE,CAAC;gBACjB,iBAAiB,EAAE,CAAC;gBACpB,eAAe,EAAE,IAAI;gBACrB,WAAW,EAAE,IAAI;gBACjB,SAAS,EAAE;oBACT;wBACE,KAAK,EAAE,OAAO;wBACd,WAAW,EAAE,KAAK,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC;qBAC1C;oBACD;wBACE,KAAK,EAAE,WAAW;wBAClB,WAAW,EAAE,KAAK,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;qBAC9D;iBACF;gBACD,kBAAkB,EAAE,QAAQ;aAC7B;YACD,QAAQ,EAAE,kDAAiD;SAC5D;QACD,sBAAsB;QACtB;YACE,IAAI,EAAE,qBAAqB;YAC3B,IAAI,EAAE;gBACJ,KAAK,EAAE,4BAA4B;gBACnC,WAAW,EAAE,uCAAuC;gBACpD,UAAU,EAAE,YAAY;gBACxB,WAAW,EAAE,IAAI;gBACjB,SAAS,EAAE;oBACT;wBACE,KAAK,EAAE,OAAO;wBACd,WAAW,EAAE,KAAK,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC;qBAC1C;oBACD;wBACE,KAAK,EAAE,WAAW;wBAClB,WAAW,EAAE,KAAK,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;qBAC7D;oBACD;wBACE,KAAK,EAAE,WAAW;wBAClB,WAAW,EAAE,KAAK,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;qBAC9D;iBACF;gBACD,kBAAkB,EAAE,QAAQ;aAC7B;YACD,QAAQ,EAAE,kDAAiD;SAC5D;QACD,qBAAqB;QACrB;YACE,IAAI,EAAE,oBAAoB;YAC1B,IAAI,EAAE;gBACJ,KAAK,EAAE,2BAA2B;gBAClC,WAAW,EAAE,sCAAsC;gBACnD,UAAU,EAAE,YAAY;gBACxB,WAAW,EAAE,IAAI;gBACjB,SAAS,EAAE;oBACT;wBACE,KAAK,EAAE,gBAAgB;wBACvB,WAAW,EAAE,KAAK,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;qBAC3D;oBACD;wBACE,KAAK,EAAE,cAAc;wBACrB,WAAW,EAAE,KAAK,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;qBACzD;iBACF;gBACD,kBAAkB,EAAE,OAAO;aAC5B;YACD,QAAQ,EAAE,kDAAiD;SAC5D;QACD,oBAAoB;QACpB;YACE,IAAI,EAAE,mBAAmB;YACzB,IAAI,EAAE;gBACJ,KAAK,EAAE,0BAA0B;gBACjC,WAAW,EAAE,uCAAuC;gBACpD,UAAU,EAAE,YAAY;gBACxB,aAAa,EAAE;oBACb,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;oBAC1C,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;oBAC1C,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;iBAC3C;aACF;YACD,QAAQ,EAAE,kDAAiD;SAC5D;QACD,oBAAoB;QACpB;YACE,IAAI,EAAE,mBAAmB;YACzB,IAAI,EAAE;gBACJ,KAAK,EAAE,oBAAoB;gBAC3B,WAAW,EAAE,yCAAyC;gBACtD,UAAU,EAAE,YAAY;gBACxB,iBAAiB,EAAE,CAAC;gBACpB,eAAe,EAAE,IAAI;aACtB;YACD,QAAQ,EAAE,kDAAiD;SAC5D;QACD,mBAAmB;QACnB;YACE,IAAI,EAAE,kBAAkB;YACxB,IAAI,EAAE;gBACJ,KAAK,EAAE,mBAAmB;gBAC1B,WAAW,EAAE,gCAAgC;gBAC7C,UAAU,EAAE,YAAY;gBACxB,KAAK,EAAE,KAAK,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC;aACpC;YACD,QAAQ,EAAE,kDAAiD;SAC5D;QACD,aAAa;QACb;YACE,IAAI,EAAE,YAAY;YAClB,IAAI,EAAE;gBACJ,KAAK,EAAE,mBAAmB;gBAC1B,WAAW,EAAE,4BAA4B;gBACzC,UAAU,EAAE,YAAY;gBACxB,GAAG,EAAE,YAAY;gBACjB,GAAG,EAAE,YAAY;aAClB;YACD,QAAQ,EAAE,kDAAiD;SAC5D;QACD,mBAAmB;QACnB;YACE,IAAI,EAAE,kBAAkB;YACxB,IAAI,EAAE;gBACJ,iBAAiB,EAAE,CAAC;gBACpB,cAAc,EAAE,CAAC;gBACjB,eAAe,EAAE,IAAI;aACtB;YACD,QAAQ,EAAE,CACR,WAAK,KAAK,EAAC,sBAAsB;gBAC/B,oBACE,KAAK,EAAC,cAAc,EACpB,MAAM,EAAC,OAAO,EACd,UAAU,EAAC,YAAY,gCAEvB;gBACF,oBACE,KAAK,EAAC,cAAc,EACpB,MAAM,EAAC,OAAO,EACd,UAAU,EAAC,YAAY,gCAEvB;gBACF,oBACE,KAAK,EAAC,cAAc,EACpB,MAAM,EAAC,OAAO,EACd,UAAU,EAAC,YAAY,gCAEvB,CACE,CACP;SACF;QACD,cAAc;QACd;YACE,IAAI,EAAE,aAAa;YACnB,WAAW,EAAE,iCAAiC;YAC9C,IAAI,EAAE;gBACJ,KAAK,EAAE,wBAAwB;aAChC;YACD,QAAQ,EAAE,CACR;gBACE,iDAA2C,CAC9B,CAChB;SACF;QACD,mBAAmB;QACnB;YACE,IAAI,EAAE,kBAAkB;YACxB,WAAW,EACT,yEAAyE;YAC3E,IAAI,EAAE;gBACJ,KAAK,EAAE,eAAe;aACvB;YACD,QAAQ,EAAE,CACR;gBACE,eAAS,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,UAAU,GAAW,CAC3C,CAChB;SACF;QACD,YAAY;QACZ;YACE,IAAI,EAAE,WAAW;YACjB,WAAW,EACT,kEAAkE;YACpE,IAAI,EAAE;gBACJ,KAAK,EAAE,gBAAgB;aACxB;YACD,QAAQ,EAAE,CACR;gBACE,YAAM,IAAI,EAAC,OAAO,mBAAoB,CACzB,CAChB;SACF;QACD,kBAAkB;QAClB;YACE,IAAI,EAAE,iBAAiB;YACvB,WAAW,EACT,8EAA8E;YAChF,IAAI,EAAE;gBACJ,KAAK,EAAE,MAAM;gBACb,WAAW,EAAE,sBAAsB;aACpC;YACD,QAAQ,EAAE,CACR;gBACE,YAAM,IAAI,EAAC,aAAa,yBAA0B,CACrC,CAChB;SACF;QACD,uBAAuB;QACvB;YACE,IAAI,EAAE,sBAAsB;YAC5B,WAAW,EACT,yFAAyF;YAC3F,IAAI,EAAE;gBACJ,KAAK,EAAE,MAAM;gBACb,gBAAgB,EAAE,4BAA4B;gBAC9C,KAAK,EAAE,IAAI;aACZ;YACD,QAAQ,EAAE,CACR;gBACE,YAAM,IAAI,EAAC,mBAAmB,+BAAgC,CACjD,CAChB;SACF;QACD,kBAAkB;QAClB;YACE,IAAI,EAAE,iBAAiB;YACvB,WAAW,EACT,0EAA0E;YAC5E,IAAI,EAAE;gBACJ,KAAK,EAAE,MAAM;aACd;YACD,QAAQ,EAAE,CACR;gBACE,iBAAW,IAAI,EAAC,cAAc,aAAmB,CACpC,CAChB;SACF;QACD,iBAAiB;QACjB;YACE,IAAI,EAAE,gBAAgB;YACtB,WAAW,EACT,yEAAyE;YAC3E,IAAI,EAAE;gBACJ,KAAK,EAAE,MAAM;aACd;YACD,QAAQ,EAAE,CACR;gBACE,iBAAW,IAAI,EAAC,aAAa,YAAkB,CAClC,CAChB;SACF;QAED,GAAG,aAAa;KACjB;CACF,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import { h } from '@stencil/core';\nimport type { NovaDocs } from '../../nova-docs';\nimport { Components } from '../../components';\nimport { nameof } from '../../utils/class.utils';\nimport dayjs from 'dayjs';\n\nconst toKebabCase = (str: string): string =>\n  str\n    .toLowerCase()\n    .replace(/[^a-z0-9]+/g, '')\n    .replace(/^-+|-+$/g, '');\n\nconst formats = [\n  {\n    name: 'ISO 8601',\n    dateFormat: 'YYYY-MM-DD[T]HH:mm:ss[Z]',\n    value: '2025-03-15T00:00:00Z',\n  },\n  {\n    name: 'YYYY-MM-DD',\n    dateFormat: 'YYYY-MM-DD',\n    value: '2025-03-15',\n  },\n  {\n    name: 'DD/MM/YYYY',\n    dateFormat: 'DD/MM/YYYY',\n    value: '15/03/2025',\n  },\n  {\n    name: 'MM/DD/YYYY',\n    dateFormat: 'MM/DD/YYYY',\n    value: '03/15/2025',\n  },\n  {\n    name: 'Compact YYYYMMDD',\n    dateFormat: 'YYYYMMDD',\n    value: '20250315',\n  },\n  {\n    name: 'German DD.MM.YYYY',\n    dateFormat: 'DD.MM.YYYY',\n    value: '15.03.2025',\n  },\n];\n\nconst formatStories = formats.map(format => ({\n  name: `Format${toKebabCase(format.name)}`,\n  args: {\n    label: `Date (${format.name})`,\n    description: `Using format: ${format.dateFormat}`,\n    placeholder: format.value,\n    dateFormat: format.dateFormat,\n    locale: format.name === 'German DD.MM.YYYY' ? 'de-DE' : 'en-US',\n    value: format.value,\n  },\n  template: <nv-fielddate data-storybook-args></nv-fielddate>,\n}));\n\nconst NvFielddateDocs: NovaDocs<Components.NvFielddate> = {\n  component: 'nv-fielddate',\n  subcomponents: [\n    'nv-badge',\n    'nv-button',\n    'nv-iconbutton',\n    'nv-calendar',\n    'nv-icon',\n  ],\n  badge: 'beta',\n  stories: [\n    // Default\n    {\n      name: 'Default',\n      args: {\n        label: 'Date',\n        dateFormat: 'DD/MM/YYYY',\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    // inputId\n    {\n      name: nameof<Components.NvFielddate>(x => x.inputId),\n      args: {\n        label: 'Label',\n        inputId: 'custom-date-id',\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    // label\n    {\n      name: nameof<Components.NvFielddate>(x => x.label),\n      args: {\n        label: 'Date Label',\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    // description\n    {\n      name: nameof<Components.NvFielddate>(x => x.description),\n      args: {\n        label: 'Date',\n        description: 'Select a date',\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    // placeholder\n    {\n      name: nameof<Components.NvFielddate>(x => x.placeholder),\n      args: {\n        label: 'Date',\n        placeholder: 'DD/MM/YYYY',\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    // name\n    {\n      name: nameof<Components.NvFielddate>(x => x.name),\n      args: {\n        label: 'Date',\n        name: 'date-field',\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    // disabled\n    {\n      name: nameof<Components.NvFielddate>(x => x.disabled),\n      args: {\n        label: 'Disabled Date',\n        disabled: true,\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    // readonly\n    {\n      name: nameof<Components.NvFielddate>(x => x.readonly),\n      args: {\n        label: 'Readonly Date',\n        readonly: true,\n        value: dayjs().format('DD/MM/YYYY'),\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    // required\n    {\n      name: nameof<Components.NvFielddate>(x => x.required),\n      args: {\n        label: 'Required Date',\n        required: true,\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    // ariaRequiredAttr\n    {\n      name: nameof<Components.NvFielddate>(x => x.ariaRequiredAttr),\n      args: {\n        label: 'Aria Required Date',\n        ariaRequiredAttr: true,\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    // error\n    {\n      name: nameof<Components.NvFielddate>(x => x.error),\n      args: {\n        label: 'Date Error',\n        error: true,\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    // errorDescription\n    {\n      name: nameof<Components.NvFielddate>(x => x.errorDescription),\n      args: {\n        label: 'Date',\n        error: true,\n        errorDescription: 'Please select a valid date',\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    // success\n    {\n      name: nameof<Components.NvFielddate>(x => x.success),\n      args: {\n        label: 'Date Success',\n        success: true,\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    // autofocus\n    {\n      name: nameof<Components.NvFielddate>(x => x.autofocus),\n      args: {\n        label: 'Autofocus Date',\n        autofocus: true,\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    // value\n    {\n      name: nameof<Components.NvFielddate>(x => x.value),\n      args: {\n        label: 'Date with Value',\n        value: dayjs().format('DD/MM/YYYY'),\n        dateFormat: 'DD/MM/YYYY',\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    // firstDayOfWeek\n    {\n      name: nameof<Components.NvFielddate>(x => x.firstDayOfWeek),\n      args: {\n        label: 'First Day of Week (Monday)',\n        firstDayOfWeek: 1,\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    // numberOfCalendars\n    {\n      name: nameof<Components.NvFielddate>(x => x.numberOfCalendars),\n      args: {\n        label: 'Multiple Calendars',\n        numberOfCalendars: 2,\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    // min\n    {\n      name: nameof<Components.NvFielddate>(x => x.min),\n      args: {\n        label: 'Date with Min',\n        min: dayjs().format('YYYY-MM-DD'),\n        dateFormat: 'YYYY-MM-DD',\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    // max\n    {\n      name: nameof<Components.NvFielddate>(x => x.max),\n      args: {\n        label: 'Date with Max',\n        max: dayjs().add(30, 'days').format('YYYY-MM-DD'),\n        dateFormat: 'YYYY-MM-DD',\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    // locale\n    {\n      name: nameof<Components.NvFielddate>(x => x.locale),\n      args: {\n        label: 'Date (French)',\n        locale: 'fr-BE',\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    // dateFormat\n    {\n      name: nameof<Components.NvFielddate>(x => x.dateFormat),\n      args: {\n        label: 'Date Format',\n        dateFormat: 'YYYY-MM-DD',\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    // shortcutsPlacement\n    {\n      name: nameof<Components.NvFielddate>(x => x.shortcutsPlacement),\n      args: {\n        label: 'Shortcuts Right',\n        shortcutsPlacement: 'right',\n        showActions: true,\n        shortcuts: [\n          {\n            label: 'Today',\n            singleValue: dayjs().format('DD/MM/YYYY'),\n          },\n        ],\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    // showActions\n    {\n      name: nameof<Components.NvFielddate>(x => x.showActions),\n      args: {\n        label: 'Date with Actions',\n        showActions: true,\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    // shortcuts\n    {\n      name: nameof<Components.NvFielddate>(x => x.shortcuts),\n      args: {\n        label: 'Date with Shortcuts',\n        showActions: true,\n        shortcuts: [\n          {\n            label: 'Today',\n            singleValue: dayjs().format('DD/MM/YYYY'),\n          },\n          {\n            label: 'Yesterday',\n            singleValue: dayjs().subtract(1, 'day').format('DD/MM/YYYY'),\n          },\n        ],\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    // showWeekNumbers\n    {\n      name: nameof<Components.NvFielddate>(x => x.showWeekNumbers),\n      args: {\n        label: 'Date with Week Numbers',\n        showWeekNumbers: true,\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    // disabledDates\n    {\n      name: nameof<Components.NvFielddate>(x => x.disabledDates),\n      args: {\n        label: 'Date with Disabled Dates',\n        dateFormat: 'DD/MM/YYYY',\n        disabledDates: [\n          dayjs().add(1, 'day').format('DD/MM/YYYY'),\n          dayjs().add(3, 'day').format('DD/MM/YYYY'),\n        ],\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    // fluid\n    {\n      name: nameof<Components.NvFielddate>(x => x.fluid),\n      args: {\n        label: 'Fluid Date',\n        fluid: true,\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    // WithCalendarOptions\n    {\n      name: 'WithCalendarOptions',\n      args: {\n        label: 'Date with Calendar Options',\n        description: 'Calendar with additional options',\n        dateFormat: 'DD/MM/YYYY',\n        firstDayOfWeek: 1,\n        numberOfCalendars: 1,\n        showWeekNumbers: true,\n        showActions: true,\n        shortcuts: [\n          {\n            label: 'Today',\n            singleValue: dayjs().format('DD/MM/YYYY'),\n          },\n          {\n            label: 'Last week',\n            singleValue: dayjs().subtract(7, 'days').format('DD/MM/YYYY'),\n          },\n        ],\n        shortcutsPlacement: 'bottom',\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    // WithShortcutsBottom\n    {\n      name: 'WithShortcutsBottom',\n      args: {\n        label: 'Date with Bottom Shortcuts',\n        description: 'Calendar with shortcuts at the bottom',\n        dateFormat: 'DD/MM/YYYY',\n        showActions: true,\n        shortcuts: [\n          {\n            label: 'Today',\n            singleValue: dayjs().format('DD/MM/YYYY'),\n          },\n          {\n            label: 'Yesterday',\n            singleValue: dayjs().subtract(1, 'day').format('DD/MM/YYYY'),\n          },\n          {\n            label: 'Last Week',\n            singleValue: dayjs().subtract(7, 'days').format('DD/MM/YYYY'),\n          },\n        ],\n        shortcutsPlacement: 'bottom',\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    // WithShortcutsRight\n    {\n      name: 'WithShortcutsRight',\n      args: {\n        label: 'Date with Right Shortcuts',\n        description: 'Calendar with shortcuts on the right',\n        dateFormat: 'DD/MM/YYYY',\n        showActions: true,\n        shortcuts: [\n          {\n            label: 'Start of Month',\n            singleValue: dayjs().startOf('month').format('DD/MM/YYYY'),\n          },\n          {\n            label: 'End of Month',\n            singleValue: dayjs().endOf('month').format('DD/MM/YYYY'),\n          },\n        ],\n        shortcutsPlacement: 'right',\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    // WithDisabledDates\n    {\n      name: 'WithDisabledDates',\n      args: {\n        label: 'Date with Disabled Dates',\n        description: 'Calendar with specific dates disabled',\n        dateFormat: 'DD/MM/YYYY',\n        disabledDates: [\n          dayjs().add(1, 'day').format('DD/MM/YYYY'),\n          dayjs().add(3, 'day').format('DD/MM/YYYY'),\n          dayjs().add(5, 'day').format('DD/MM/YYYY'),\n        ],\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    // MultipleCalendars\n    {\n      name: 'MultipleCalendars',\n      args: {\n        label: 'Multiple Calendars',\n        description: 'Display multiple calendars side by side',\n        dateFormat: 'DD/MM/YYYY',\n        numberOfCalendars: 3,\n        showWeekNumbers: true,\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    // WithInitialValue\n    {\n      name: 'WithInitialValue',\n      args: {\n        label: 'Pre-selected Date',\n        description: 'Calendar with an initial value',\n        dateFormat: 'DD/MM/YYYY',\n        value: dayjs().format('DD/MM/YYYY'),\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    // WithMinMax\n    {\n      name: 'WithMinMax',\n      args: {\n        label: 'Date with Min/Max',\n        description: 'Select a date within range',\n        dateFormat: 'YYYY-MM-DD',\n        min: '2025-02-05',\n        max: '2025-02-20',\n      },\n      template: <nv-fielddate data-storybook-args></nv-fielddate>,\n    },\n    // CulturalVariants\n    {\n      name: 'CulturalVariants',\n      args: {\n        numberOfCalendars: 1,\n        firstDayOfWeek: 1,\n        showWeekNumbers: true,\n      },\n      template: (\n        <div class=\"flex flex-wrap gap-4\">\n          <nv-fielddate\n            label=\"Date (en-BE)\"\n            locale=\"en-BE\"\n            dateFormat=\"YYYY-MM-DD\"\n            data-storybook-args\n          />\n          <nv-fielddate\n            label=\"Date (fr-BE)\"\n            locale=\"fr-BE\"\n            dateFormat=\"DD/MM/YYYY\"\n            data-storybook-args\n          />\n          <nv-fielddate\n            label=\"Date (de-DE)\"\n            locale=\"de-DE\"\n            dateFormat=\"DD.MM.YYYY\"\n            data-storybook-args\n          />\n        </div>\n      ),\n    },\n    // SlotDefault\n    {\n      name: 'SlotDefault',\n      description: 'Child content of the component.',\n      args: {\n        label: 'Date with Default Slot',\n      },\n      template: (\n        <nv-fielddate data-storybook-args>\n          <span>Custom content in default slot</span>\n        </nv-fielddate>\n      ),\n    },\n    // SlotLeadingInput\n    {\n      name: 'SlotLeadingInput',\n      description:\n        'Content to be placed before the input text, within the input container.',\n      args: {\n        label: 'Leading Input',\n      },\n      template: (\n        <nv-fielddate data-storybook-args>\n          <nv-icon slot=\"leading-input\" name=\"calendar\"></nv-icon>\n        </nv-fielddate>\n      ),\n    },\n    // SlotLabel\n    {\n      name: 'SlotLabel',\n      description:\n        'Content to be placed as the label, will override the label prop.',\n      args: {\n        label: 'Original Label',\n      },\n      template: (\n        <nv-fielddate data-storybook-args>\n          <span slot=\"label\">Custom Label</span>\n        </nv-fielddate>\n      ),\n    },\n    // SlotDescription\n    {\n      name: 'SlotDescription',\n      description:\n        'Content to be placed as the description, will override the description prop.',\n      args: {\n        label: 'Date',\n        description: 'Original description',\n      },\n      template: (\n        <nv-fielddate data-storybook-args>\n          <span slot=\"description\">Custom Description</span>\n        </nv-fielddate>\n      ),\n    },\n    // SlotErrorDescription\n    {\n      name: 'SlotErrorDescription',\n      description:\n        'Content to be placed as the error description, will override the errorDescription prop.',\n      args: {\n        label: 'Date',\n        errorDescription: 'Original error description',\n        error: true,\n      },\n      template: (\n        <nv-fielddate data-storybook-args>\n          <span slot=\"error-description\">Custom Error Description</span>\n        </nv-fielddate>\n      ),\n    },\n    // SlotBeforeInput\n    {\n      name: 'SlotBeforeInput',\n      description:\n        'Content to be placed before the input text, outside the input container.',\n      args: {\n        label: 'Date',\n      },\n      template: (\n        <nv-fielddate data-storybook-args>\n          <nv-button slot=\"before-input\">Before</nv-button>\n        </nv-fielddate>\n      ),\n    },\n    // SlotAfterInput\n    {\n      name: 'SlotAfterInput',\n      description:\n        'Content to be placed after the input text, outside the input container.',\n      args: {\n        label: 'Date',\n      },\n      template: (\n        <nv-fielddate data-storybook-args>\n          <nv-button slot=\"after-input\">After</nv-button>\n        </nv-fielddate>\n      ),\n    },\n\n    ...formatStories,\n  ],\n};\n\nexport default NvFielddateDocs;\n"]}