@nova-design-system/nova-webcomponents 3.0.0-beta.41 → 3.0.0-beta.42

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

@@ -0,0 +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: JSON.stringify([\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: JSON.stringify([\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: JSON.stringify([\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: JSON.stringify([\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: '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"]}