@nova-design-system/nova-webcomponents 3.0.0 → 3.1.0

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

@@ -89,7 +89,7 @@ const getLastQuarter = () => {
             .format('DD/MM/YYYY'),
     };
 };
-const getDateRangeShortcuts = () => JSON.stringify([
+const getDateRangeShortcuts = () => [
     {
         label: 'Last 7 Days',
         rangeValue: {
@@ -100,10 +100,7 @@ const getDateRangeShortcuts = () => JSON.stringify([
     {
         label: 'Last Month',
         rangeValue: {
-            start: dayjs()
-                .subtract(1, 'month')
-                .startOf('month')
-                .format('YYYY-MM-DD'),
+            start: dayjs().subtract(1, 'month').startOf('month').format('YYYY-MM-DD'),
             end: dayjs().subtract(1, 'month').endOf('month').format('YYYY-MM-DD'),
         },
     },
@@ -121,7 +118,7 @@ const getDateRangeShortcuts = () => JSON.stringify([
             end: dayjs().add(1, 'year').endOf('year').format('YYYY-MM-DD'),
         },
     },
-]);
+];
 const NvFielddaterangeDocs = {
     component: 'nv-fielddaterange',
     subcomponents: ['nv-button', 'nv-iconbutton', 'nv-calendar'],
@@ -132,7 +129,7 @@ const NvFielddaterangeDocs = {
             args: {
                 startPlaceholder: 'Start date',
                 endPlaceholder: 'End date',
-                disabledDates: '[]',
+                disabledDates: [],
                 showWeekNumbers: true,
                 showActions: true,
                 dateFormat: 'YYYY-MM-DD',
@@ -152,7 +149,7 @@ const NvFielddaterangeDocs = {
                 numberOfCalendars: 2,
                 showWeekNumbers: true,
                 showActions: true,
-                shortcuts: JSON.stringify([
+                shortcuts: [
                     {
                         label: 'This Week',
                         rangeValue: {
@@ -173,7 +170,7 @@ const NvFielddaterangeDocs = {
                                 .format('DD/MM/YYYY'),
                         },
                     },
-                ]),
+                ],
                 shortcutsPlacement: 'bottom',
             },
             template: h("nv-fielddaterange", { "data-storybook-args": true }),
@@ -185,7 +182,7 @@ const NvFielddaterangeDocs = {
                 description: 'Calendar with shortcuts at the bottom',
                 dateFormat: 'DD/MM/YYYY',
                 showActions: true,
-                shortcuts: JSON.stringify([
+                shortcuts: [
                     {
                         label: 'This Month',
                         rangeValue: {
@@ -206,7 +203,7 @@ const NvFielddaterangeDocs = {
                                 .format('DD/MM/YYYY'),
                         },
                     },
-                ]),
+                ],
                 shortcutsPlacement: 'bottom',
             },
             template: h("nv-fielddaterange", { "data-storybook-args": true }),
@@ -218,7 +215,7 @@ const NvFielddaterangeDocs = {
                 description: 'Calendar with shortcuts on the right',
                 dateFormat: 'DD/MM/YYYY',
                 showActions: true,
-                shortcuts: JSON.stringify([
+                shortcuts: [
                     {
                         label: 'This Quarter',
                         rangeValue: getThisQuarter(),
@@ -227,7 +224,7 @@ const NvFielddaterangeDocs = {
                         label: 'Last Quarter',
                         rangeValue: getLastQuarter(),
                     },
-                ]),
+                ],
                 shortcutsPlacement: 'right',
             },
             template: h("nv-fielddaterange", { "data-storybook-args": true }),
@@ -238,11 +235,11 @@ const NvFielddaterangeDocs = {
                 label: 'Date Range with Disabled Dates',
                 description: 'Calendar with specific dates disabled',
                 dateFormat: 'DD/MM/YYYY',
-                disabledDates: JSON.stringify([
+                disabledDates: [
                     dayjs().add(1, 'day').format('DD/MM/YYYY'),
                     dayjs().add(3, 'day').format('DD/MM/YYYY'),
                     dayjs().add(5, 'day').format('DD/MM/YYYY'),
-                ]),
+                ],
             },
             template: h("nv-fielddaterange", { "data-storybook-args": true }),
         },

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

@@ -1 +1 @@
-{"version":3,"file":"nv-fielddaterange.docs.js","sourceRoot":"","sources":["../../../src/components/nv-fielddaterange/nv-fielddaterange.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 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: {\n      start: '2025-03-15T00:00:00Z',\n      end: '2025-03-20T00:00:00Z',\n    },\n  },\n  {\n    name: 'YYYY-MM-DD',\n    dateFormat: 'YYYY-MM-DD',\n    value: {\n      start: '2025-03-15',\n      end: '2025-03-20',\n    },\n  },\n  {\n    name: 'DD/MM/YYYY',\n    dateFormat: 'DD/MM/YYYY',\n    value: {\n      start: '15/03/2025',\n      end: '20/03/2025',\n    },\n  },\n  {\n    name: 'MM/DD/YYYY',\n    dateFormat: 'MM/DD/YYYY',\n    value: {\n      start: '03/15/2025',\n      end: '03/20/2025',\n    },\n  },\n  {\n    name: 'Compact YYYYMMDD',\n    dateFormat: 'YYYYMMDD',\n    value: {\n      start: '20250315',\n      end: '20250320',\n    },\n  },\n  {\n    name: 'German DD.MM.YYYY',\n    dateFormat: 'DD.MM.YYYY',\n    value: {\n      start: '15.03.2025',\n      end: '20.03.2025',\n    },\n  },\n];\n\nconst formatStories = formats.map(format => ({\n  name: `Format${toKebabCase(format.name)}`,\n  args: {\n    label: `Date Range (${format.name})`,\n    description: `Using format: ${format.dateFormat}`,\n    startPlaceholder: format.value.start,\n    endPlaceholder: format.value.end,\n    dateFormat: format.dateFormat,\n    locale: format.name === 'German DD.MM.YYYY' ? 'de-DE' : 'en-US',\n    value: JSON.stringify(format.value),\n  },\n  template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n}));\n\nconst getThisQuarter = () => {\n  const currentMonth = dayjs().month();\n  const startMonth = currentMonth - (currentMonth % 3);\n  return {\n    start: dayjs().month(startMonth).startOf('month').format('DD/MM/YYYY'),\n    end: dayjs()\n      .month(startMonth + 2)\n      .endOf('month')\n      .format('DD/MM/YYYY'),\n  };\n};\n\nconst getLastQuarter = () => {\n  const currentMonth = dayjs().month();\n  const startMonth = currentMonth - (currentMonth % 3) - 3;\n  return {\n    start: dayjs().month(startMonth).startOf('month').format('DD/MM/YYYY'),\n    end: dayjs()\n      .month(startMonth + 2)\n      .endOf('month')\n      .format('DD/MM/YYYY'),\n  };\n};\n\nconst getDateRangeShortcuts = () =>\n  JSON.stringify([\n    {\n      label: 'Last 7 Days',\n      rangeValue: {\n        start: dayjs().subtract(7, 'days').format('YYYY-MM-DD'),\n        end: dayjs().format('YYYY-MM-DD'),\n      },\n    },\n    {\n      label: 'Last Month',\n      rangeValue: {\n        start: dayjs()\n          .subtract(1, 'month')\n          .startOf('month')\n          .format('YYYY-MM-DD'),\n        end: dayjs().subtract(1, 'month').endOf('month').format('YYYY-MM-DD'),\n      },\n    },\n    {\n      label: 'Next Month',\n      rangeValue: {\n        start: dayjs().add(1, 'month').startOf('month').format('YYYY-MM-DD'),\n        end: dayjs().add(1, 'month').endOf('month').format('YYYY-MM-DD'),\n      },\n    },\n    {\n      label: 'Next Year',\n      rangeValue: {\n        start: dayjs().add(1, 'year').startOf('year').format('YYYY-MM-DD'),\n        end: dayjs().add(1, 'year').endOf('year').format('YYYY-MM-DD'),\n      },\n    },\n  ]);\n\nconst NvFielddaterangeDocs: NovaDocs<Components.NvFielddaterange> = {\n  component: 'nv-fielddaterange',\n  subcomponents: ['nv-button', 'nv-iconbutton', 'nv-calendar'],\n  badge: 'beta',\n  stories: [\n    {\n      name: 'Default',\n      args: {\n        startPlaceholder: 'Start date',\n        endPlaceholder: 'End date',\n        disabledDates: '[]',\n        showWeekNumbers: true,\n        showActions: true,\n        dateFormat: 'YYYY-MM-DD',\n        shortcuts: getDateRangeShortcuts(),\n        shortcutsPlacement: 'bottom',\n        locale: 'en-BE',\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    {\n      name: 'WithCalendarOptions',\n      args: {\n        label: 'Date Range with Calendar Options',\n        description: 'Calendar with additional options',\n        dateFormat: 'DD/MM/YYYY',\n        firstDayOfWeek: 1,\n        numberOfCalendars: 2,\n        showWeekNumbers: true,\n        showActions: true,\n        shortcuts: JSON.stringify([\n          {\n            label: 'This Week',\n            rangeValue: {\n              start: dayjs().startOf('week').format('DD/MM/YYYY'),\n              end: dayjs().endOf('week').format('DD/MM/YYYY'),\n            },\n          },\n          {\n            label: 'Last Week',\n            rangeValue: {\n              start: dayjs()\n                .subtract(1, 'week')\n                .startOf('week')\n                .format('DD/MM/YYYY'),\n              end: dayjs()\n                .subtract(1, 'week')\n                .endOf('week')\n                .format('DD/MM/YYYY'),\n            },\n          },\n        ]),\n        shortcutsPlacement: 'bottom',\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    {\n      name: 'WithShortcutsBottom',\n      args: {\n        label: 'Date Range 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: 'This Month',\n            rangeValue: {\n              start: dayjs().startOf('month').format('DD/MM/YYYY'),\n              end: dayjs().endOf('month').format('DD/MM/YYYY'),\n            },\n          },\n          {\n            label: 'Last Month',\n            rangeValue: {\n              start: dayjs()\n                .subtract(1, 'month')\n                .startOf('month')\n                .format('DD/MM/YYYY'),\n              end: dayjs()\n                .subtract(1, 'month')\n                .endOf('month')\n                .format('DD/MM/YYYY'),\n            },\n          },\n        ]),\n        shortcutsPlacement: 'bottom',\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    {\n      name: 'WithShortcutsRight',\n      args: {\n        label: 'Date Range 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: 'This Quarter',\n            rangeValue: getThisQuarter(),\n          },\n          {\n            label: 'Last Quarter',\n            rangeValue: getLastQuarter(),\n          },\n        ]),\n        shortcutsPlacement: 'right',\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    {\n      name: 'WithDisabledDates',\n      args: {\n        label: 'Date Range 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-fielddaterange data-storybook-args></nv-fielddaterange>,\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-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    {\n      name: 'WithMinMax',\n      args: {\n        label: 'Date Range with Min/Max',\n        description: 'Select dates within range',\n        dateFormat: 'YYYY-MM-DD',\n        min: '2025-02-05',\n        max: '2025-02-20',\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    {\n      name: 'CulturalVariants',\n      args: {\n        numberOfCalendars: 2,\n        firstDayOfWeek: 1,\n        showWeekNumbers: true,\n      },\n      template: (\n        <div class=\"flex flex-wrap gap-4\">\n          <nv-fielddaterange\n            label=\"Date Range (en-BE)\"\n            locale=\"en-BE\"\n            dateFormat=\"YYYY-MM-DD\"\n            data-storybook-args\n          />\n          <nv-fielddaterange\n            label=\"Date Range (fr-BE)\"\n            locale=\"fr-BE\"\n            dateFormat=\"DD/MM/YYYY\"\n            data-storybook-args\n          />\n          <nv-fielddaterange\n            label=\"Date Range (de-DE)\"\n            locale=\"de-DE\"\n            dateFormat=\"DD.MM.YYYY\"\n            data-storybook-args\n          />\n        </div>\n      ),\n    },\n    ...formatStories,\n  ],\n};\n\nexport default NvFielddaterangeDocs;\n"]}
+{"version":3,"file":"nv-fielddaterange.docs.js","sourceRoot":"","sources":["../../../src/components/nv-fielddaterange/nv-fielddaterange.docs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAGlC,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;YACL,KAAK,EAAE,sBAAsB;YAC7B,GAAG,EAAE,sBAAsB;SAC5B;KACF;IACD;QACE,IAAI,EAAE,YAAY;QAClB,UAAU,EAAE,YAAY;QACxB,KAAK,EAAE;YACL,KAAK,EAAE,YAAY;YACnB,GAAG,EAAE,YAAY;SAClB;KACF;IACD;QACE,IAAI,EAAE,YAAY;QAClB,UAAU,EAAE,YAAY;QACxB,KAAK,EAAE;YACL,KAAK,EAAE,YAAY;YACnB,GAAG,EAAE,YAAY;SAClB;KACF;IACD;QACE,IAAI,EAAE,YAAY;QAClB,UAAU,EAAE,YAAY;QACxB,KAAK,EAAE;YACL,KAAK,EAAE,YAAY;YACnB,GAAG,EAAE,YAAY;SAClB;KACF;IACD;QACE,IAAI,EAAE,kBAAkB;QACxB,UAAU,EAAE,UAAU;QACtB,KAAK,EAAE;YACL,KAAK,EAAE,UAAU;YACjB,GAAG,EAAE,UAAU;SAChB;KACF;IACD;QACE,IAAI,EAAE,mBAAmB;QACzB,UAAU,EAAE,YAAY;QACxB,KAAK,EAAE;YACL,KAAK,EAAE,YAAY;YACnB,GAAG,EAAE,YAAY;SAClB;KACF;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,eAAe,MAAM,CAAC,IAAI,GAAG;QACpC,WAAW,EAAE,iBAAiB,MAAM,CAAC,UAAU,EAAE;QACjD,gBAAgB,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK;QACpC,cAAc,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG;QAChC,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,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC;KACpC;IACD,QAAQ,EAAE,uDAA2D;CACtE,CAAC,CAAC,CAAC;AAEJ,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,MAAM,YAAY,GAAG,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC;IACrC,MAAM,UAAU,GAAG,YAAY,GAAG,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;IACrD,OAAO;QACL,KAAK,EAAE,KAAK,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;QACtE,GAAG,EAAE,KAAK,EAAE;aACT,KAAK,CAAC,UAAU,GAAG,CAAC,CAAC;aACrB,KAAK,CAAC,OAAO,CAAC;aACd,MAAM,CAAC,YAAY,CAAC;KACxB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,MAAM,YAAY,GAAG,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC;IACrC,MAAM,UAAU,GAAG,YAAY,GAAG,CAAC,YAAY,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;IACzD,OAAO;QACL,KAAK,EAAE,KAAK,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;QACtE,GAAG,EAAE,KAAK,EAAE;aACT,KAAK,CAAC,UAAU,GAAG,CAAC,CAAC;aACrB,KAAK,CAAC,OAAO,CAAC;aACd,MAAM,CAAC,YAAY,CAAC;KACxB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC;IAClC;QACE,KAAK,EAAE,aAAa;QACpB,UAAU,EAAE;YACV,KAAK,EAAE,KAAK,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;YACvD,GAAG,EAAE,KAAK,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC;SAClC;KACF;IACD;QACE,KAAK,EAAE,YAAY;QACnB,UAAU,EAAE;YACV,KAAK,EAAE,KAAK,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;YACzE,GAAG,EAAE,KAAK,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;SACtE;KACF;IACD;QACE,KAAK,EAAE,YAAY;QACnB,UAAU,EAAE;YACV,KAAK,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;YACpE,GAAG,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;SACjE;KACF;IACD;QACE,KAAK,EAAE,WAAW;QAClB,UAAU,EAAE;YACV,KAAK,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;YAClE,GAAG,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;SAC/D;KACF;CACF,CAAC;AAEF,MAAM,oBAAoB,GAA0C;IAClE,SAAS,EAAE,mBAAmB;IAC9B,aAAa,EAAE,CAAC,WAAW,EAAE,eAAe,EAAE,aAAa,CAAC;IAC5D,KAAK,EAAE,MAAM;IACb,OAAO,EAAE;QACP;YACE,IAAI,EAAE,SAAS;YACf,IAAI,EAAE;gBACJ,gBAAgB,EAAE,YAAY;gBAC9B,cAAc,EAAE,UAAU;gBAC1B,aAAa,EAAE,EAAE;gBACjB,eAAe,EAAE,IAAI;gBACrB,WAAW,EAAE,IAAI;gBACjB,UAAU,EAAE,YAAY;gBACxB,SAAS,EAAE,qBAAqB,EAAE;gBAClC,kBAAkB,EAAE,QAAQ;gBAC5B,MAAM,EAAE,OAAO;aAChB;YACD,QAAQ,EAAE,uDAA2D;SACtE;QACD;YACE,IAAI,EAAE,qBAAqB;YAC3B,IAAI,EAAE;gBACJ,KAAK,EAAE,kCAAkC;gBACzC,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,WAAW;wBAClB,UAAU,EAAE;4BACV,KAAK,EAAE,KAAK,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;4BACnD,GAAG,EAAE,KAAK,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;yBAChD;qBACF;oBACD;wBACE,KAAK,EAAE,WAAW;wBAClB,UAAU,EAAE;4BACV,KAAK,EAAE,KAAK,EAAE;iCACX,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;iCACnB,OAAO,CAAC,MAAM,CAAC;iCACf,MAAM,CAAC,YAAY,CAAC;4BACvB,GAAG,EAAE,KAAK,EAAE;iCACT,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;iCACnB,KAAK,CAAC,MAAM,CAAC;iCACb,MAAM,CAAC,YAAY,CAAC;yBACxB;qBACF;iBACF;gBACD,kBAAkB,EAAE,QAAQ;aAC7B;YACD,QAAQ,EAAE,uDAA2D;SACtE;QACD;YACE,IAAI,EAAE,qBAAqB;YAC3B,IAAI,EAAE;gBACJ,KAAK,EAAE,kCAAkC;gBACzC,WAAW,EAAE,uCAAuC;gBACpD,UAAU,EAAE,YAAY;gBACxB,WAAW,EAAE,IAAI;gBACjB,SAAS,EAAE;oBACT;wBACE,KAAK,EAAE,YAAY;wBACnB,UAAU,EAAE;4BACV,KAAK,EAAE,KAAK,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;4BACpD,GAAG,EAAE,KAAK,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;yBACjD;qBACF;oBACD;wBACE,KAAK,EAAE,YAAY;wBACnB,UAAU,EAAE;4BACV,KAAK,EAAE,KAAK,EAAE;iCACX,QAAQ,CAAC,CAAC,EAAE,OAAO,CAAC;iCACpB,OAAO,CAAC,OAAO,CAAC;iCAChB,MAAM,CAAC,YAAY,CAAC;4BACvB,GAAG,EAAE,KAAK,EAAE;iCACT,QAAQ,CAAC,CAAC,EAAE,OAAO,CAAC;iCACpB,KAAK,CAAC,OAAO,CAAC;iCACd,MAAM,CAAC,YAAY,CAAC;yBACxB;qBACF;iBACF;gBACD,kBAAkB,EAAE,QAAQ;aAC7B;YACD,QAAQ,EAAE,uDAA2D;SACtE;QACD;YACE,IAAI,EAAE,oBAAoB;YAC1B,IAAI,EAAE;gBACJ,KAAK,EAAE,iCAAiC;gBACxC,WAAW,EAAE,sCAAsC;gBACnD,UAAU,EAAE,YAAY;gBACxB,WAAW,EAAE,IAAI;gBACjB,SAAS,EAAE;oBACT;wBACE,KAAK,EAAE,cAAc;wBACrB,UAAU,EAAE,cAAc,EAAE;qBAC7B;oBACD;wBACE,KAAK,EAAE,cAAc;wBACrB,UAAU,EAAE,cAAc,EAAE;qBAC7B;iBACF;gBACD,kBAAkB,EAAE,OAAO;aAC5B;YACD,QAAQ,EAAE,uDAA2D;SACtE;QACD;YACE,IAAI,EAAE,mBAAmB;YACzB,IAAI,EAAE;gBACJ,KAAK,EAAE,gCAAgC;gBACvC,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,uDAA2D;SACtE;QACD;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,uDAA2D;SACtE;QACD;YACE,IAAI,EAAE,YAAY;YAClB,IAAI,EAAE;gBACJ,KAAK,EAAE,yBAAyB;gBAChC,WAAW,EAAE,2BAA2B;gBACxC,UAAU,EAAE,YAAY;gBACxB,GAAG,EAAE,YAAY;gBACjB,GAAG,EAAE,YAAY;aAClB;YACD,QAAQ,EAAE,uDAA2D;SACtE;QACD;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,yBACE,KAAK,EAAC,oBAAoB,EAC1B,MAAM,EAAC,OAAO,EACd,UAAU,EAAC,YAAY,gCAEvB;gBACF,yBACE,KAAK,EAAC,oBAAoB,EAC1B,MAAM,EAAC,OAAO,EACd,UAAU,EAAC,YAAY,gCAEvB;gBACF,yBACE,KAAK,EAAC,oBAAoB,EAC1B,MAAM,EAAC,OAAO,EACd,UAAU,EAAC,YAAY,gCAEvB,CACE,CACP;SACF;QACD,GAAG,aAAa;KACjB;CACF,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["import { h } from '@stencil/core';\nimport type { NovaDocs } from '../../nova-docs';\nimport { Components } from '../../components';\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: {\n      start: '2025-03-15T00:00:00Z',\n      end: '2025-03-20T00:00:00Z',\n    },\n  },\n  {\n    name: 'YYYY-MM-DD',\n    dateFormat: 'YYYY-MM-DD',\n    value: {\n      start: '2025-03-15',\n      end: '2025-03-20',\n    },\n  },\n  {\n    name: 'DD/MM/YYYY',\n    dateFormat: 'DD/MM/YYYY',\n    value: {\n      start: '15/03/2025',\n      end: '20/03/2025',\n    },\n  },\n  {\n    name: 'MM/DD/YYYY',\n    dateFormat: 'MM/DD/YYYY',\n    value: {\n      start: '03/15/2025',\n      end: '03/20/2025',\n    },\n  },\n  {\n    name: 'Compact YYYYMMDD',\n    dateFormat: 'YYYYMMDD',\n    value: {\n      start: '20250315',\n      end: '20250320',\n    },\n  },\n  {\n    name: 'German DD.MM.YYYY',\n    dateFormat: 'DD.MM.YYYY',\n    value: {\n      start: '15.03.2025',\n      end: '20.03.2025',\n    },\n  },\n];\n\nconst formatStories = formats.map(format => ({\n  name: `Format${toKebabCase(format.name)}`,\n  args: {\n    label: `Date Range (${format.name})`,\n    description: `Using format: ${format.dateFormat}`,\n    startPlaceholder: format.value.start,\n    endPlaceholder: format.value.end,\n    dateFormat: format.dateFormat,\n    locale: format.name === 'German DD.MM.YYYY' ? 'de-DE' : 'en-US',\n    value: JSON.stringify(format.value),\n  },\n  template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n}));\n\nconst getThisQuarter = () => {\n  const currentMonth = dayjs().month();\n  const startMonth = currentMonth - (currentMonth % 3);\n  return {\n    start: dayjs().month(startMonth).startOf('month').format('DD/MM/YYYY'),\n    end: dayjs()\n      .month(startMonth + 2)\n      .endOf('month')\n      .format('DD/MM/YYYY'),\n  };\n};\n\nconst getLastQuarter = () => {\n  const currentMonth = dayjs().month();\n  const startMonth = currentMonth - (currentMonth % 3) - 3;\n  return {\n    start: dayjs().month(startMonth).startOf('month').format('DD/MM/YYYY'),\n    end: dayjs()\n      .month(startMonth + 2)\n      .endOf('month')\n      .format('DD/MM/YYYY'),\n  };\n};\n\nconst getDateRangeShortcuts = () => [\n  {\n    label: 'Last 7 Days',\n    rangeValue: {\n      start: dayjs().subtract(7, 'days').format('YYYY-MM-DD'),\n      end: dayjs().format('YYYY-MM-DD'),\n    },\n  },\n  {\n    label: 'Last Month',\n    rangeValue: {\n      start: dayjs().subtract(1, 'month').startOf('month').format('YYYY-MM-DD'),\n      end: dayjs().subtract(1, 'month').endOf('month').format('YYYY-MM-DD'),\n    },\n  },\n  {\n    label: 'Next Month',\n    rangeValue: {\n      start: dayjs().add(1, 'month').startOf('month').format('YYYY-MM-DD'),\n      end: dayjs().add(1, 'month').endOf('month').format('YYYY-MM-DD'),\n    },\n  },\n  {\n    label: 'Next Year',\n    rangeValue: {\n      start: dayjs().add(1, 'year').startOf('year').format('YYYY-MM-DD'),\n      end: dayjs().add(1, 'year').endOf('year').format('YYYY-MM-DD'),\n    },\n  },\n];\n\nconst NvFielddaterangeDocs: NovaDocs<Components.NvFielddaterange> = {\n  component: 'nv-fielddaterange',\n  subcomponents: ['nv-button', 'nv-iconbutton', 'nv-calendar'],\n  badge: 'beta',\n  stories: [\n    {\n      name: 'Default',\n      args: {\n        startPlaceholder: 'Start date',\n        endPlaceholder: 'End date',\n        disabledDates: [],\n        showWeekNumbers: true,\n        showActions: true,\n        dateFormat: 'YYYY-MM-DD',\n        shortcuts: getDateRangeShortcuts(),\n        shortcutsPlacement: 'bottom',\n        locale: 'en-BE',\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    {\n      name: 'WithCalendarOptions',\n      args: {\n        label: 'Date Range with Calendar Options',\n        description: 'Calendar with additional options',\n        dateFormat: 'DD/MM/YYYY',\n        firstDayOfWeek: 1,\n        numberOfCalendars: 2,\n        showWeekNumbers: true,\n        showActions: true,\n        shortcuts: [\n          {\n            label: 'This Week',\n            rangeValue: {\n              start: dayjs().startOf('week').format('DD/MM/YYYY'),\n              end: dayjs().endOf('week').format('DD/MM/YYYY'),\n            },\n          },\n          {\n            label: 'Last Week',\n            rangeValue: {\n              start: dayjs()\n                .subtract(1, 'week')\n                .startOf('week')\n                .format('DD/MM/YYYY'),\n              end: dayjs()\n                .subtract(1, 'week')\n                .endOf('week')\n                .format('DD/MM/YYYY'),\n            },\n          },\n        ],\n        shortcutsPlacement: 'bottom',\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    {\n      name: 'WithShortcutsBottom',\n      args: {\n        label: 'Date Range with Bottom Shortcuts',\n        description: 'Calendar with shortcuts at the bottom',\n        dateFormat: 'DD/MM/YYYY',\n        showActions: true,\n        shortcuts: [\n          {\n            label: 'This Month',\n            rangeValue: {\n              start: dayjs().startOf('month').format('DD/MM/YYYY'),\n              end: dayjs().endOf('month').format('DD/MM/YYYY'),\n            },\n          },\n          {\n            label: 'Last Month',\n            rangeValue: {\n              start: dayjs()\n                .subtract(1, 'month')\n                .startOf('month')\n                .format('DD/MM/YYYY'),\n              end: dayjs()\n                .subtract(1, 'month')\n                .endOf('month')\n                .format('DD/MM/YYYY'),\n            },\n          },\n        ],\n        shortcutsPlacement: 'bottom',\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    {\n      name: 'WithShortcutsRight',\n      args: {\n        label: 'Date Range with Right Shortcuts',\n        description: 'Calendar with shortcuts on the right',\n        dateFormat: 'DD/MM/YYYY',\n        showActions: true,\n        shortcuts: [\n          {\n            label: 'This Quarter',\n            rangeValue: getThisQuarter(),\n          },\n          {\n            label: 'Last Quarter',\n            rangeValue: getLastQuarter(),\n          },\n        ],\n        shortcutsPlacement: 'right',\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    {\n      name: 'WithDisabledDates',\n      args: {\n        label: 'Date Range 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-fielddaterange data-storybook-args></nv-fielddaterange>,\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-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    {\n      name: 'WithMinMax',\n      args: {\n        label: 'Date Range with Min/Max',\n        description: 'Select dates within range',\n        dateFormat: 'YYYY-MM-DD',\n        min: '2025-02-05',\n        max: '2025-02-20',\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    {\n      name: 'CulturalVariants',\n      args: {\n        numberOfCalendars: 2,\n        firstDayOfWeek: 1,\n        showWeekNumbers: true,\n      },\n      template: (\n        <div class=\"flex flex-wrap gap-4\">\n          <nv-fielddaterange\n            label=\"Date Range (en-BE)\"\n            locale=\"en-BE\"\n            dateFormat=\"YYYY-MM-DD\"\n            data-storybook-args\n          />\n          <nv-fielddaterange\n            label=\"Date Range (fr-BE)\"\n            locale=\"fr-BE\"\n            dateFormat=\"DD/MM/YYYY\"\n            data-storybook-args\n          />\n          <nv-fielddaterange\n            label=\"Date Range (de-DE)\"\n            locale=\"de-DE\"\n            dateFormat=\"DD.MM.YYYY\"\n            data-storybook-args\n          />\n        </div>\n      ),\n    },\n    ...formatStories,\n  ],\n};\n\nexport default NvFielddaterangeDocs;\n"]}

package/dist/collection/components/nv-fielddaterange/nv-fielddaterange.js

@@ -48,7 +48,7 @@ export class NvFielddaterange {
         /**
          * Autofocus the start input when the component is mounted.
          */
-        this.shouldAutoFocus = false;
+        this.autofocus = false;
         /**
          * The initial value of the date range (in string format).
          */
@@ -102,24 +102,9 @@ export class NvFielddaterange {
          */
         this.showActions = false;
         /**
-         * Custom actions to display in the footer
-         * JSON array of objects with the following properties:
-         * - label: string
-         * - onClick: function
-         * @default '[]'
+         * Allows the field to stretch and fill the entire width of its container.
          */
-        this.shortcuts = '[]';
-        /**
-         * Show week numbers
-         * @default true
-         */
-        // eslint-disable-next-line @stencil-community/ban-default-true
-        this.showWeekNumbers = true;
-        /**
-         * Disabled dates ISO string array
-         * @default '[]'
-         */
-        this.disabledDates = '[]';
+        this.fluid = false;
         /**
          * Closes the popover when a click is detected outside the component.
          * @param {MouseEvent} event - The mouse event
@@ -141,6 +126,7 @@ export class NvFielddaterange {
             const input = event.target;
             this.startValue = input.value;
             this.dateRangeChange.emit({ start: input.value, end: this.endValue });
+            this.updateCalendarValue();
         };
         /**
          * Handles the input event on the end input element.
@@ -154,6 +140,7 @@ export class NvFielddaterange {
             const input = event.target;
             this.endValue = input.value;
             this.dateRangeChange.emit({ start: this.startValue, end: input.value });
+            this.updateCalendarValue();
         };
         /**
          * Handles focus events on the input elements.
@@ -187,11 +174,10 @@ export class NvFielddaterange {
      * @returns {string} The converted format for Inputmask
      */
     convertToInputmaskFormat(format) {
-        // Si le format n'est pas spécifié, utiliser le format par défaut YYYY-MM-DD
+        // If the format is not specified, use the default format YYYY-MM-DD
         if (!format) {
             return 'dd/mm/yyyy';
         }
-        // Conversion des formats
         const formatMap = {
             'YYYY-MM-DD': 'yyyy-mm-dd',
             'DD/MM/YYYY': 'dd/mm/yyyy',
@@ -201,6 +187,18 @@ export class NvFielddaterange {
         };
         return formatMap[format] || 'dd/mm/yyyy';
     }
+    /**
+     * Update the calendar's rangeValue property
+     */
+    updateCalendarValue() {
+        const calendar = this.el.querySelector('nv-calendar');
+        if (calendar && this.startValue && this.endValue) {
+            calendar.rangeValue = {
+                start: this.startValue,
+                end: this.endValue,
+            };
+        }
+    }
     //#endregion METHODS
     /****************************************************************************/
     //#region LIFECYCLE
@@ -334,15 +332,15 @@ export class NvFielddaterange {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (h(Host, { key: '965223047219ae767b07ccecb0a00580ea39c232' }, ((this.label && this.label.length > 0) ||
-            this.el.querySelector('[slot="label"]')) && (h("label", { key: '096d6a34148da30d61686024b5891e7e15cd92e2', htmlFor: this.startInputId }, h("slot", { key: 'ee6e84ef1927ad809e7dddb2f4ad5ef7380d0bca', name: "label" }, this.label))), h("nv-popover", { key: '1a0549e85ab73157b379fcbcee014a7d85be9752', ref: el => (this.popoverElement = el), id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, h("div", { key: 'd9fc4c8f379e3c1884867c87bcaa67b2da1c64ae', slot: "trigger", class: "input-wrapper" }, h("slot", { key: '4189696f3e877c19d4c24b09377b2ab0ce9aa437', name: "before-input" }), h("div", { key: '98025c8fc29121c736deb3042e961ef0eb1442fe', class: "input-container" }, h("slot", { key: '897481f836e33fd70a7c3b083a4e9b3db87637f2', name: "leading-input" }), h("div", { key: '788df58693fafaf8c78645b81d1b09a828138ccf', class: "range-inputs" }, h("input", { key: '7966b844668ca4cb02ac34886b62ee24cb7b1399', id: this.startInputId, type: "text", placeholder: this.startPlaceholder, name: this.startName, disabled: this.disabled, readOnly: this.readonly, required: this.required, autofocus: this.shouldAutoFocus, value: this.startValue, onInput: this.handleStartInput, onFocus: this.handleFocus }), h("svg", { key: '67c0b68f0fb32ce122f9d4e5b1240440f3b649d0', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "icon icon-tabler icons-tabler-outline icon-tabler-arrows-move-horizontal" }, h("path", { key: 'eb68f32a768c1c48b51a45ddba3f85357b8045e6', stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), h("path", { key: 'b8ccaf592dc2d36719a8418800a736b06d1c1775', d: "M18 9l3 3l-3 3" }), h("path", { key: 'c4b8d8e8ffad9a339abcde63a9a0feb2ddc771d3', d: "M15 12h6" }), h("path", { key: '7a28c7086d7085163ff8d885acd7434b4e5ea69a', d: "M6 9l-3 3l3 3" }), h("path", { key: '39917978c25b13a270f0852818b31868f2034832', d: "M3 12h6" })), h("input", { key: 'aaad42e407d1fe8e31a7e7c153e2d4cd35d8d2df', id: this.endInputId, type: "text", placeholder: this.endPlaceholder, name: this.endName, disabled: this.disabled, readOnly: this.readonly, required: this.required, value: this.endValue, onInput: this.handleEndInput, onFocus: this.handleFocus })), h("nv-iconbutton", { key: '04701e7bdf80a869f8a5f519141ac99c0077c20b', class: "toggle-calendar-icon", name: "calendar", size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', "aria-pressed": this.open.toString(), onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), h("slot", { key: 'cf1a48dcd20b4e363a746c9f26ecae8085e8ebbd', name: "after-input" })), h("div", { key: 'a36a223b6d5edd30bb9a4590d059caede5412b6a', slot: "content" }, h("nv-calendar", { key: '1ff22f214d648c4bb35455cf477529251c436e2d', dateFormat: this.dateFormat, rangeValue: this.startValue && this.endValue
-                ? JSON.stringify({
+        return (h(Host, { key: '9a86c3e67127ffdbfd67bf3d1ed7231ff1953c20' }, ((this.label && this.label.length > 0) ||
+            this.el.querySelector('[slot="label"]')) && (h("label", { key: '2e289da417fe9056d7a411382d8cf7413a2584f7', htmlFor: this.startInputId }, h("slot", { key: 'dded9fc8dc9ee2bc37547daf4d72c51ff6fa05b4', name: "label" }, this.label))), h("nv-popover", { key: 'a683217e7c21aa85091656f6e88834a6f1ba9d2b', ref: el => (this.popoverElement = el), id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, h("div", { key: '659a3bdc6f008c3b38cdbac18727a2c44d81ca30', slot: "trigger", class: "input-wrapper" }, h("slot", { key: '127890f146a8c959fb48b86e05991984c1d48cdb', name: "before-input" }), h("div", { key: '244b4809da40407e2fe6b80b51236277deb92233', class: "input-container" }, h("slot", { key: '7098d56dc45d7aa20995c412910463485559bc60', name: "leading-input" }), h("div", { key: 'dae09fc6e139301d1de4378fbee3e3e98b17ee56', class: "range-inputs" }, h("input", { key: '5fd4543e2ce1fbd157d80a8ad1e9ddba2d907b84', id: this.startInputId, type: "text", placeholder: this.startPlaceholder, name: this.startName, disabled: this.disabled, readOnly: this.readonly, required: this.required, autofocus: this.autofocus, value: this.startValue, onInput: this.handleStartInput, onFocus: this.handleFocus, "data-scope": "date-range" }), h("svg", { key: '1e8bd37b3cb4a7755ab79603baf359f1710a133e', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "icon icon-tabler icons-tabler-outline icon-tabler-arrows-move-horizontal" }, h("path", { key: 'a2d7c5e4ecd18264625b7a23bee25f079e74bd68', stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), h("path", { key: '3aae4cbe301f41b5f4baddf97763c6e25990d8f0', d: "M18 9l3 3l-3 3" }), h("path", { key: 'e7d2051a2cfb213943284b1344ab2410367a94cf', d: "M15 12h6" }), h("path", { key: '5a010518ec9fa67a9cd57fddfde943e0b1e1bc87', d: "M6 9l-3 3l3 3" }), h("path", { key: 'd306b27327ffb3d3e2f56183eff389c5dfab9a74', d: "M3 12h6" })), h("input", { key: '21db190063ebbba0952d0a505ed50b30f5990022', id: this.endInputId, type: "text", placeholder: this.endPlaceholder, name: this.endName, disabled: this.disabled, readOnly: this.readonly, required: this.required, value: this.endValue, onInput: this.handleEndInput, onFocus: this.handleFocus, "data-scope": "date-range" })), this.error && (h("nv-icon", { key: '9e13cae015f7514fffc1f300417c9b2ce8821834', name: "alert-circle", class: "validation", size: "md" })), this.success && (h("nv-icon", { key: '437d6a83af2b88feb9aac140bf5fd24d40fd4737', name: "circle-check", class: "validation", size: "md" })), h("nv-iconbutton", { key: '1e601ef8c2fd9017bc2ae7b2a5aee16bcb3f8484', class: "toggle-calendar-icon", name: "calendar", size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', "aria-pressed": this.open.toString(), onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), h("slot", { key: '03f8321ba62c537d6f0ed57a787d637deebc13ad', name: "after-input" })), h("div", { key: '02f20014c5ea3220f89e1789330b4b75f14a929e', slot: "content" }, h("nv-calendar", { key: '94d69454bdb2d86252ac809bd6d3bbfa38ff5059', dateFormat: this.dateFormat, rangeValue: this.startValue && this.endValue
+                ? {
                     start: this.startValue,
                     end: this.endValue,
-                })
-                : '', firstDayOfWeek: this.firstDayOfWeek, numberOfCalendars: this.numberOfCalendars, min: this.min, max: this.max, locale: this.locale, shortcutsPlacement: this.shortcutsPlacement, showActions: this.showActions, shortcuts: this.shortcuts, showWeekNumbers: this.showWeekNumbers, disabledDates: this.disabledDates, selectionType: "range" }))), ((this.description && this.description.length > 0) ||
-            this.el.querySelector('[slot="description"]')) && (h("div", { key: '780f82060de810eb394285f4799511d2223312a3', class: "description" }, h("slot", { key: '326cbf626387738b9997f3b4d452c50ea2b3d5b2', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: '6043f611a60f14976b8572e975621fac57b18f89', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (h("slot", { name: "error-description" })) : (this.errorDescription))), h("slot", { key: '129fe5bcd6c5bd9449242dc6b4f0e1c90ae31082' })));
+                }
+                : null, firstDayOfWeek: this.firstDayOfWeek, numberOfCalendars: this.numberOfCalendars, min: this.min, max: this.max, locale: this.locale, shortcutsPlacement: this.shortcutsPlacement, showActions: this.showActions, shortcuts: this.shortcuts, showWeekNumbers: this.showWeekNumbers, disabledDates: this.disabledDates, selectionType: "range" }))), ((this.description && this.description.length > 0) ||
+            this.el.querySelector('[slot="description"]')) && (h("div", { key: 'af16ac5b05633198fcd91f4ad1513b981ceca4db', class: "description" }, h("slot", { key: 'affaa713de178e9d8e8d4e9b210166a9502f5685', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: '5dfb1d255607efdb7290ffaace2ce18eedf1f123', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (h("slot", { name: "error-description" })) : (this.errorDescription))), h("slot", { key: '89a4cef668960f0e205916142b6cb192e18cab4c' })));
     }
     static get is() { return "nv-fielddaterange"; }
     static get originalStyleUrls() {
@@ -630,7 +628,7 @@ export class NvFielddaterange {
                 "reflect": true,
                 "defaultValue": "false"
             },
-            "shouldAutoFocus": {
+            "autofocus": {
                 "type": "boolean",
                 "mutable": false,
                 "complexType": {
@@ -646,7 +644,7 @@ export class NvFielddaterange {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "should-auto-focus",
+                "attribute": "autofocus",
                 "reflect": true,
                 "defaultValue": "false"
             },
@@ -849,27 +847,26 @@ export class NvFielddaterange {
                 "defaultValue": "false"
             },
             "shortcuts": {
-                "type": "string",
+                "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
+                    "original": "HTMLNvCalendarElement['shortcuts']",
+                    "resolved": "{ label: string; singleValue?: string; rangeValue?: { start: string; end: string; }; }[]",
+                    "references": {
+                        "HTMLNvCalendarElement": {
+                            "location": "global",
+                            "id": "global::HTMLNvCalendarElement"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": false,
                 "docs": {
-                    "tags": [{
-                            "name": "default",
-                            "text": "'[]'"
-                        }],
-                    "text": "Custom actions to display in the footer\nJSON array of objects with the following properties:\n- label: string\n- onClick: function"
+                    "tags": [],
+                    "text": "Custom actions to display in the footer"
                 },
                 "getter": false,
-                "setter": false,
-                "attribute": "shortcuts",
-                "reflect": true,
-                "defaultValue": "'[]'"
+                "setter": false
             },
             "showWeekNumbers": {
                 "type": "boolean",
@@ -882,40 +879,55 @@ export class NvFielddaterange {
                 "required": false,
                 "optional": false,
                 "docs": {
-                    "tags": [{
-                            "name": "default",
-                            "text": "true"
-                        }],
+                    "tags": [],
                     "text": "Show week numbers"
                 },
                 "getter": false,
                 "setter": false,
                 "attribute": "show-week-numbers",
-                "reflect": true,
-                "defaultValue": "true"
+                "reflect": true
             },
             "disabledDates": {
-                "type": "string",
+                "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
+                    "original": "Array<string>",
+                    "resolved": "string[]",
+                    "references": {
+                        "Array": {
+                            "location": "global",
+                            "id": "global::Array"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": false,
                 "docs": {
-                    "tags": [{
-                            "name": "default",
-                            "text": "'[]'"
-                        }],
+                    "tags": [],
                     "text": "Disabled dates ISO string array"
                 },
                 "getter": false,
+                "setter": false
+            },
+            "fluid": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Allows the field to stretch and fill the entire width of its container."
+                },
+                "getter": false,
                 "setter": false,
-                "attribute": "disabled-dates",
+                "attribute": "fluid",
                 "reflect": true,
-                "defaultValue": "'[]'"
+                "defaultValue": "false"
             }
         };
     }
@@ -938,13 +950,12 @@ export class NvFielddaterange {
                     "text": "Emits an event when the date range changes."
                 },
                 "complexType": {
-                    "original": "DateRange",
-                    "resolved": "DateRange",
+                    "original": "HTMLNvCalendarElementEventMap['rangeDateChange']",
+                    "resolved": "{ start: string; end: string; }",
                     "references": {
-                        "DateRange": {
-                            "location": "import",
-                            "path": "../../interfaces/dateRange",
-                            "id": "src/interfaces/dateRange.tsx::DateRange"
+                        "HTMLNvCalendarElementEventMap": {
+                            "location": "global",
+                            "id": "global::HTMLNvCalendarElementEventMap"
                         }
                     }
                 }

package/dist/collection/components/nv-fielddaterange/nv-fielddaterange.js.map

@@ -1 +1 @@
-{"version":3,"file":"nv-fielddaterange.js","sourceRoot":"","sources":["../../../src/components/nv-fielddaterange/nv-fielddaterange.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  h,\n  Prop,\n  State,\n  Element,\n  Event,\n  EventEmitter,\n  Listen,\n  Host,\n  Watch,\n} from '@stencil/core';\nimport Inputmask from 'inputmask';\nimport { v4 as uuidv4 } from 'uuid';\nimport { DateRange } from '../../interfaces/dateRange';\n\n/**\n * @slot default - Child content of the component.\n * @slot leading-input - Content to be placed before the input text, within the input container.\n * @slot before-input - Content to be placed before the input text, outside the input container.\n * @slot after-input - Content to be placed after the input text, outside the input container.\n * @slot label - Content to be placed as the label, will override the label prop.\n * @slot description - Content to be placed as the description, will override the description prop.\n * @slot error-description - Content to be placed as the error description, will override the errorDescription prop.\n */\n@Component({\n  tag: 'nv-fielddaterange',\n  styleUrl: 'styles/nv-fielddaterange.scss',\n  shadow: false,\n})\nexport class NvFielddaterange {\n  @Element() el!: HTMLNvFielddaterangeElement;\n  private popoverElement!: HTMLNvPopoverElement;\n  private popoverId: string = uuidv4();\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Sets the ID for the start input element and the for attribute of the associated\n   * label. If no ID is provided, a random one will be automatically generated.\n   */\n  @Prop({ reflect: true })\n  readonly startInputId: string = uuidv4();\n\n  /**\n   * Sets the ID for the end input element and the for attribute of the associated\n   * label. If no ID is provided, a random one will be automatically generated.\n   */\n  @Prop({ reflect: true })\n  readonly endInputId: string = uuidv4();\n\n  /**\n   * Text displayed as label. A slot label can override this prop.\n   */\n  @Prop({ reflect: true })\n  readonly label: string;\n\n  /**\n   * Description displayed below the input. A slot description can override this prop.\n   */\n  @Prop({ reflect: true })\n  readonly description: string;\n\n  /**\n   * Placeholder for the start input field.\n   */\n  @Prop({ reflect: true })\n  readonly startPlaceholder: string;\n\n  /**\n   * Placeholder for the end input field.\n   */\n  @Prop({ reflect: true })\n  readonly endPlaceholder: string;\n\n  /**\n   * Name attribute for the start input.\n   */\n  @Prop({ reflect: true })\n  readonly startName: string;\n\n  /**\n   * Name attribute for the end input.\n   */\n  @Prop({ reflect: true })\n  readonly endName: string;\n\n  /**\n   * Disables both input fields.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Sets both input fields as read-only.\n   */\n  @Prop({ reflect: true })\n  readonly readonly: boolean = false;\n\n  /**\n   * Marks both input fields as required.\n   */\n  @Prop({ reflect: true })\n  readonly required: boolean = false;\n\n  /**\n   * Indicates an error state.\n   */\n  @Prop({ reflect: true })\n  readonly error: boolean = false;\n\n  /**\n   * Error description. A slot error-description can override this prop.\n   */\n  @Prop({ reflect: true })\n  readonly errorDescription?: string;\n\n  /**\n   * Indicates a success state.\n   */\n  @Prop({ reflect: true })\n  readonly success: boolean = false;\n\n  /**\n   * Autofocus the start input when the component is mounted.\n   */\n  @Prop({ reflect: true })\n  readonly shouldAutoFocus: boolean = false;\n\n  /**\n   * The initial value of the date range (in string format).\n   */\n  @Prop({ reflect: true })\n  readonly value: string = '';\n\n  /**\n   * The current value of the start date in string format.\n   */\n  @State()\n  startValue: string = '';\n\n  /**\n   * The current value of the end date in string format.\n   */\n  @State()\n  endValue: string = '';\n\n  /**\n   * Controls the opening of the popover.\n   */\n  @State()\n  open: boolean = false;\n\n  /**\n   * First day of the week 0 = Sunday, 1 = Monday, etc.\n   * @default 1\n   */\n  @Prop({ reflect: true })\n  readonly firstDayOfWeek: number = 1;\n\n  /**\n   * Number of calendars to display\n   * @default 2\n   */\n  @Prop({ reflect: true })\n  readonly numberOfCalendars: number = 2;\n\n  /**\n   * Minimum date for selection ISO string format, ex: 2025-01-01\n   */\n  @Prop({ reflect: true })\n  readonly min?: string = '';\n\n  /**\n   * Maximum date for selection ISO string format, ex: 2025-12-31\n   */\n  @Prop({ reflect: true })\n  readonly max?: string = '';\n\n  /** Locale for date formatting\n   * @default 'en-BE'\n   */\n  @Prop({ reflect: true })\n  readonly locale: string = 'en-BE';\n\n  /** Date format ex: YYYY-MM-DD, DD-MM-YYYY, etc.\n   * @default 'YYYY-MM-DD'\n   */\n  @Prop({ reflect: true })\n  readonly dateFormat: string = 'YYYY-MM-DD';\n\n  /**\n   * Footer placement\n   * @default 'bottom'\n   */\n  @Prop({ reflect: true })\n  readonly shortcutsPlacement: 'bottom' | 'left' | 'right' = 'bottom';\n\n  /**\n   * Show action buttons\n   * @default false\n   */\n  @Prop({ reflect: true })\n  readonly showActions: boolean = false;\n\n  /**\n   * Custom actions to display in the footer\n   * JSON array of objects with the following properties:\n   * - label: string\n   * - onClick: function\n   * @default '[]'\n   */\n  @Prop({ reflect: true })\n  readonly shortcuts: string = '[]';\n\n  /**\n   * Show week numbers\n   * @default true\n   */\n  // eslint-disable-next-line @stencil-community/ban-default-true\n  @Prop({ reflect: true })\n  readonly showWeekNumbers: boolean = true;\n\n  /**\n   * Disabled dates ISO string array\n   * @default '[]'\n   */\n  @Prop({ reflect: true })\n  readonly disabledDates: string = '[]';\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Converts the nv-calendar date format to the format expected by Inputmask.\n   * @param {string} format - The date format to convert\n   * @returns {string} The converted format for Inputmask\n   */\n  private convertToInputmaskFormat(format: string): string {\n    // Si le format n'est pas spécifié, utiliser le format par défaut YYYY-MM-DD\n    if (!format) {\n      return 'dd/mm/yyyy';\n    }\n\n    // Conversion des formats\n    const formatMap = {\n      'YYYY-MM-DD': 'yyyy-mm-dd',\n      'DD/MM/YYYY': 'dd/mm/yyyy',\n      'MM/DD/YYYY': 'mm/dd/yyyy',\n      'DD.MM.YYYY': 'dd.mm.yyyy',\n      'YYYYMMDD': 'yyyymmdd',\n    };\n\n    return formatMap[format] || 'dd/mm/yyyy';\n  }\n\n  /**\n   * Closes the popover when a click is detected outside the component.\n   * @param {MouseEvent} event - The mouse event\n   */\n  private handleClickOutside = (event: MouseEvent) => {\n    if (this.open && this.el && !this.el.contains(event.target as Node)) {\n      this.open = false;\n    }\n  };\n\n  /**\n   * Handles the input event on the start input element.\n   * @param {Event} event - The input event\n   */\n  private handleStartInput = (event: Event) => {\n    if (this.readonly || this.disabled) {\n      event.preventDefault();\n      return;\n    }\n    const input = event.target as HTMLInputElement;\n    this.startValue = input.value;\n    this.dateRangeChange.emit({ start: input.value, end: this.endValue });\n  };\n\n  /**\n   * Handles the input event on the end input element.\n   * @param {Event} event - The input event\n   */\n  private handleEndInput = (event: Event) => {\n    if (this.readonly || this.disabled) {\n      event.preventDefault();\n      return;\n    }\n    const input = event.target as HTMLInputElement;\n    this.endValue = input.value;\n    this.dateRangeChange.emit({ start: this.startValue, end: input.value });\n  };\n\n  /**\n   * Handles focus events on the input elements.\n   * @param {FocusEvent} event - The focus event\n   */\n  private handleFocus = (event: FocusEvent) => {\n    if (this.readonly || this.disabled) {\n      event.preventDefault();\n      (event.target as HTMLElement).blur();\n      return;\n    }\n\n    // Open the popover when an input is focused\n    this.open = true;\n  };\n\n  /**\n   * Toggles the opening/closing of the popover.\n   */\n  private toggleCalendar = () => {\n    if (this.readonly || this.disabled) {\n      return;\n    }\n    this.open = !this.open;\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  connectedCallback() {\n    document.addEventListener('click', this.handleClickOutside);\n  }\n\n  componentWillLoad() {\n    if (this.value) {\n      try {\n        const range = JSON.parse(this.value) as DateRange;\n        this.startValue = range.start || '';\n        this.endValue = range.end || '';\n      } catch (error) {\n        console.error('Invalid JSON for value:');\n        console.error(error);\n      }\n    }\n  }\n\n  componentDidLoad() {\n    const inputs = this.el.querySelectorAll('.input-wrapper input');\n    inputs.forEach((input: HTMLInputElement) => {\n      const inputMask = new Inputmask({\n        alias: 'datetime',\n        inputFormat: this.convertToInputmaskFormat(this.dateFormat),\n        placeholder: '_',\n        clearIncomplete: false,\n        showMaskOnHover: false,\n        showMaskOnFocus: false,\n        clearMaskOnLostFocus: false,\n        insertMode: true,\n        rightAlign: false,\n        oncomplete: function (e) {\n          const input = e.target as HTMLInputElement;\n          const event = new CustomEvent('input', { bubbles: true });\n          input.dispatchEvent(event);\n        },\n      });\n      inputMask.mask(input);\n\n      // Set the value after applying the mask\n      if (input.name === this.startName && this.startValue) {\n        requestAnimationFrame(() => {\n          input.value = this.startValue;\n          const event = new CustomEvent('input', { bubbles: true });\n          input.dispatchEvent(event);\n        });\n      } else if (input.name === this.endName && this.endValue) {\n        requestAnimationFrame(() => {\n          input.value = this.endValue;\n          const event = new CustomEvent('input', { bubbles: true });\n          input.dispatchEvent(event);\n        });\n      }\n    });\n  }\n\n  componentDidRender() {\n    const inputs = this.el.querySelectorAll('.input-wrapper input');\n    inputs.forEach((input: HTMLInputElement) => {\n      const value =\n        input.name === this.startName\n          ? this.startValue\n          : this.endName\n          ? this.endValue\n          : '';\n      if (value) {\n        // Make sure the value is defined both as a property and attribute\n        requestAnimationFrame(() => {\n          input.value = value;\n          input.setAttribute('value', value);\n        });\n      }\n    });\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this.handleClickOutside);\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emits an event when the date range changes.\n   */\n  @Event()\n  dateRangeChange: EventEmitter<DateRange>;\n\n  /**\n   * Handles the range date selection event from nv-calendar.\n   * @param {CustomEvent<DateRange>} event - The custom event\n   */\n  @Listen('rangeDateChange')\n  handleRangeDateChange(event: CustomEvent<DateRange>) {\n    const { start, end } = event.detail || {};\n\n    // Check that both dates are defined\n    if (start && end) {\n      this.startValue = start;\n      this.endValue = end;\n      this.dateRangeChange.emit({\n        start: this.startValue,\n        end: this.endValue,\n      });\n\n      if (!this.showActions) {\n        this.open = false;\n      }\n    }\n  }\n\n  @Listen('closePopover')\n  handleClosePopover() {\n    this.open = false;\n  }\n\n  @Listen('applyDateRange')\n  handleApplyDateRange() {\n    this.open = false;\n  }\n\n  /**\n   * Handles keyboard events.\n   * @param {KeyboardEvent} event - The keyboard event\n   */\n  @Listen('keydown', { passive: false })\n  handleKeyDown(event: KeyboardEvent) {\n    if (!this.open) {\n      if (event.key === 'ArrowDown') {\n        this.open = true;\n        event.preventDefault();\n        return;\n      }\n      return;\n    }\n\n    if (!this.popoverElement) {\n      console.warn('nv-fielddaterange -> Popover element is not defined');\n      return;\n    }\n  }\n\n  @Watch('value')\n  handleValueChange(newValue: string) {\n    try {\n      const range = JSON.parse(newValue) as DateRange;\n      this.startValue = range.start || '';\n      this.endValue = range.end || '';\n    } catch (error) {\n      console.error('Invalid JSON for value:', error);\n    }\n  }\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        {((this.label && this.label.length > 0) ||\n          this.el.querySelector('[slot=\"label\"]')) && (\n          <label htmlFor={this.startInputId}>\n            <slot name=\"label\">{this.label}</slot>\n          </label>\n        )}\n\n        <nv-popover\n          ref={el => (this.popoverElement = el as HTMLNvPopoverElement)}\n          id={this.popoverId}\n          triggerMode=\"controlled\"\n          placement=\"bottom-start\"\n          open={this.open}\n        >\n          <div slot=\"trigger\" class=\"input-wrapper\">\n            <slot name=\"before-input\"></slot>\n\n            <div class=\"input-container\">\n              <slot name=\"leading-input\"></slot>\n\n              <div class=\"range-inputs\">\n                <input\n                  id={this.startInputId}\n                  type=\"text\"\n                  placeholder={this.startPlaceholder}\n                  name={this.startName}\n                  disabled={this.disabled}\n                  readOnly={this.readonly}\n                  required={this.required}\n                  autofocus={this.shouldAutoFocus}\n                  value={this.startValue}\n                  onInput={this.handleStartInput}\n                  onFocus={this.handleFocus}\n                />\n\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  width=\"24\"\n                  height=\"24\"\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"2\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  class=\"icon icon-tabler icons-tabler-outline icon-tabler-arrows-move-horizontal\"\n                >\n                  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n                  <path d=\"M18 9l3 3l-3 3\" />\n                  <path d=\"M15 12h6\" />\n                  <path d=\"M6 9l-3 3l3 3\" />\n                  <path d=\"M3 12h6\" />\n                </svg>\n\n                <input\n                  id={this.endInputId}\n                  type=\"text\"\n                  placeholder={this.endPlaceholder}\n                  name={this.endName}\n                  disabled={this.disabled}\n                  readOnly={this.readonly}\n                  required={this.required}\n                  value={this.endValue}\n                  onInput={this.handleEndInput}\n                  onFocus={this.handleFocus}\n                />\n              </div>\n\n              <nv-iconbutton\n                class=\"toggle-calendar-icon\"\n                name=\"calendar\"\n                size=\"md\"\n                emphasis=\"lower\"\n                aria-label={this.open ? 'Hide calendar' : 'Show calendar'}\n                aria-pressed={this.open.toString()}\n                onClick={this.toggleCalendar}\n                tabIndex={this.disabled ? -1 : 0}\n              />\n            </div>\n\n            <slot name=\"after-input\"></slot>\n          </div>\n\n          <div slot=\"content\">\n            <nv-calendar\n              dateFormat={this.dateFormat}\n              rangeValue={\n                this.startValue && this.endValue\n                  ? JSON.stringify({\n                      start: this.startValue,\n                      end: this.endValue,\n                    })\n                  : ''\n              }\n              firstDayOfWeek={this.firstDayOfWeek}\n              numberOfCalendars={this.numberOfCalendars}\n              min={this.min}\n              max={this.max}\n              locale={this.locale}\n              shortcutsPlacement={this.shortcutsPlacement}\n              showActions={this.showActions}\n              shortcuts={this.shortcuts}\n              showWeekNumbers={this.showWeekNumbers}\n              disabledDates={this.disabledDates}\n              selectionType=\"range\"\n            ></nv-calendar>\n          </div>\n        </nv-popover>\n\n        {((this.description && this.description.length > 0) ||\n          this.el.querySelector('[slot=\"description\"]')) && (\n          <div class=\"description\">\n            <slot name=\"description\">{this.description}</slot>\n          </div>\n        )}\n\n        {(this.errorDescription ||\n          this.el.querySelector('[slot=\"error-description\"]')) && (\n          <div hidden={!this.error} class=\"error-description\">\n            {this.el.querySelector('[slot=\"error-description\"]') ? (\n              <slot name=\"error-description\"></slot>\n            ) : (\n              this.errorDescription\n            )}\n          </div>\n        )}\n\n        <slot></slot>\n      </Host>\n    );\n  }\n  //#endregion RENDER\n}\n"]}
+{"version":3,"file":"nv-fielddaterange.js","sourceRoot":"","sources":["../../../src/components/nv-fielddaterange/nv-fielddaterange.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  h,\n  Prop,\n  State,\n  Element,\n  Event,\n  EventEmitter,\n  Listen,\n  Host,\n  Watch,\n} from '@stencil/core';\nimport Inputmask from 'inputmask';\nimport { v4 as uuidv4 } from 'uuid';\n\n/**\n * @slot default - Child content of the component.\n * @slot leading-input - Content to be placed before the input text, within the input container.\n * @slot before-input - Content to be placed before the input text, outside the input container.\n * @slot after-input - Content to be placed after the input text, outside the input container.\n * @slot label - Content to be placed as the label, will override the label prop.\n * @slot description - Content to be placed as the description, will override the description prop.\n * @slot error-description - Content to be placed as the error description, will override the errorDescription prop.\n */\n@Component({\n  tag: 'nv-fielddaterange',\n  styleUrl: 'styles/nv-fielddaterange.scss',\n  shadow: false,\n})\nexport class NvFielddaterange {\n  @Element() el!: HTMLNvFielddaterangeElement;\n  private popoverElement!: HTMLNvPopoverElement;\n  private popoverId: string = uuidv4();\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Sets the ID for the start input element and the for attribute of the associated\n   * label. If no ID is provided, a random one will be automatically generated.\n   */\n  @Prop({ reflect: true })\n  readonly startInputId: string = uuidv4();\n\n  /**\n   * Sets the ID for the end input element and the for attribute of the associated\n   * label. If no ID is provided, a random one will be automatically generated.\n   */\n  @Prop({ reflect: true })\n  readonly endInputId: string = uuidv4();\n\n  /**\n   * Text displayed as label. A slot label can override this prop.\n   */\n  @Prop({ reflect: true })\n  readonly label: string;\n\n  /**\n   * Description displayed below the input. A slot description can override this prop.\n   */\n  @Prop({ reflect: true })\n  readonly description: string;\n\n  /**\n   * Placeholder for the start input field.\n   */\n  @Prop({ reflect: true })\n  readonly startPlaceholder: string;\n\n  /**\n   * Placeholder for the end input field.\n   */\n  @Prop({ reflect: true })\n  readonly endPlaceholder: string;\n\n  /**\n   * Name attribute for the start input.\n   */\n  @Prop({ reflect: true })\n  readonly startName: string;\n\n  /**\n   * Name attribute for the end input.\n   */\n  @Prop({ reflect: true })\n  readonly endName: string;\n\n  /**\n   * Disables both input fields.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Sets both input fields as read-only.\n   */\n  @Prop({ reflect: true })\n  readonly readonly: boolean = false;\n\n  /**\n   * Marks both input fields as required.\n   */\n  @Prop({ reflect: true })\n  readonly required: boolean = false;\n\n  /**\n   * Indicates an error state.\n   */\n  @Prop({ reflect: true })\n  readonly error: boolean = false;\n\n  /**\n   * Error description. A slot error-description can override this prop.\n   */\n  @Prop({ reflect: true })\n  readonly errorDescription?: string;\n\n  /**\n   * Indicates a success state.\n   */\n  @Prop({ reflect: true })\n  readonly success: boolean = false;\n\n  /**\n   * Autofocus the start input when the component is mounted.\n   */\n  @Prop({ reflect: true })\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  readonly autofocus: boolean = false;\n\n  /**\n   * The initial value of the date range (in string format).\n   */\n  @Prop({ reflect: true })\n  readonly value: string = '';\n\n  /**\n   * The current value of the start date in string format.\n   */\n  @State()\n  startValue: string = '';\n\n  /**\n   * The current value of the end date in string format.\n   */\n  @State()\n  endValue: string = '';\n\n  /**\n   * Controls the opening of the popover.\n   */\n  @State()\n  open: boolean = false;\n\n  /**\n   * First day of the week 0 = Sunday, 1 = Monday, etc.\n   * @default 1\n   */\n  @Prop({ reflect: true })\n  readonly firstDayOfWeek: number = 1;\n\n  /**\n   * Number of calendars to display\n   * @default 2\n   */\n  @Prop({ reflect: true })\n  readonly numberOfCalendars: number = 2;\n\n  /**\n   * Minimum date for selection ISO string format, ex: 2025-01-01\n   */\n  @Prop({ reflect: true })\n  readonly min?: string = '';\n\n  /**\n   * Maximum date for selection ISO string format, ex: 2025-12-31\n   */\n  @Prop({ reflect: true })\n  readonly max?: string = '';\n\n  /** Locale for date formatting\n   * @default 'en-BE'\n   */\n  @Prop({ reflect: true })\n  readonly locale: string = 'en-BE';\n\n  /** Date format ex: YYYY-MM-DD, DD-MM-YYYY, etc.\n   * @default 'YYYY-MM-DD'\n   */\n  @Prop({ reflect: true })\n  readonly dateFormat: string = 'YYYY-MM-DD';\n\n  /**\n   * Footer placement\n   * @default 'bottom'\n   */\n  @Prop({ reflect: true })\n  readonly shortcutsPlacement: 'bottom' | 'left' | 'right' = 'bottom';\n\n  /**\n   * Show action buttons\n   * @default false\n   */\n  @Prop({ reflect: true })\n  readonly showActions: boolean = false;\n\n  /**\n   * Custom actions to display in the footer\n   */\n  @Prop({ reflect: true })\n  readonly shortcuts: HTMLNvCalendarElement['shortcuts'];\n\n  /**\n   * Show week numbers\n   */\n  @Prop({ reflect: true })\n  readonly showWeekNumbers: boolean;\n\n  /**\n   * Disabled dates ISO string array\n   */\n  @Prop({ reflect: true })\n  readonly disabledDates: Array<string>;\n\n  /**\n   * Allows the field to stretch and fill the entire width of its container.\n   */\n  @Prop({ reflect: true })\n  readonly fluid: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Converts the nv-calendar date format to the format expected by Inputmask.\n   * @param {string} format - The date format to convert\n   * @returns {string} The converted format for Inputmask\n   */\n  private convertToInputmaskFormat(format: string): string {\n    // If the format is not specified, use the default format YYYY-MM-DD\n    if (!format) {\n      return 'dd/mm/yyyy';\n    }\n\n    const formatMap = {\n      'YYYY-MM-DD': 'yyyy-mm-dd',\n      'DD/MM/YYYY': 'dd/mm/yyyy',\n      'MM/DD/YYYY': 'mm/dd/yyyy',\n      'DD.MM.YYYY': 'dd.mm.yyyy',\n      'YYYYMMDD': 'yyyymmdd',\n    };\n\n    return formatMap[format] || 'dd/mm/yyyy';\n  }\n\n  /**\n   * Closes the popover when a click is detected outside the component.\n   * @param {MouseEvent} event - The mouse event\n   */\n  private handleClickOutside = (event: MouseEvent) => {\n    if (this.open && this.el && !this.el.contains(event.target as Node)) {\n      this.open = false;\n    }\n  };\n\n  /**\n   * Handles the input event on the start input element.\n   * @param {Event} event - The input event\n   */\n  private handleStartInput = (event: Event) => {\n    if (this.readonly || this.disabled) {\n      event.preventDefault();\n      return;\n    }\n    const input = event.target as HTMLInputElement;\n    this.startValue = input.value;\n    this.dateRangeChange.emit({ start: input.value, end: this.endValue });\n    this.updateCalendarValue();\n  };\n\n  /**\n   * Handles the input event on the end input element.\n   * @param {Event} event - The input event\n   */\n  private handleEndInput = (event: Event) => {\n    if (this.readonly || this.disabled) {\n      event.preventDefault();\n      return;\n    }\n    const input = event.target as HTMLInputElement;\n    this.endValue = input.value;\n    this.dateRangeChange.emit({ start: this.startValue, end: input.value });\n    this.updateCalendarValue();\n  };\n\n  /**\n   * Update the calendar's rangeValue property\n   */\n  private updateCalendarValue() {\n    const calendar = this.el.querySelector(\n      'nv-calendar',\n    ) as HTMLNvCalendarElement;\n    if (calendar && this.startValue && this.endValue) {\n      calendar.rangeValue = {\n        start: this.startValue,\n        end: this.endValue,\n      };\n    }\n  }\n\n  /**\n   * Handles focus events on the input elements.\n   * @param {FocusEvent} event - The focus event\n   */\n  private handleFocus = (event: FocusEvent) => {\n    if (this.readonly || this.disabled) {\n      event.preventDefault();\n      (event.target as HTMLElement).blur();\n      return;\n    }\n\n    // Open the popover when an input is focused\n    this.open = true;\n  };\n\n  /**\n   * Toggles the opening/closing of the popover.\n   */\n  private toggleCalendar = () => {\n    if (this.readonly || this.disabled) {\n      return;\n    }\n    this.open = !this.open;\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  connectedCallback() {\n    document.addEventListener('click', this.handleClickOutside);\n  }\n\n  componentWillLoad() {\n    if (this.value) {\n      try {\n        const range = JSON.parse(\n          this.value,\n        ) as HTMLNvCalendarElement['rangeValue'];\n        this.startValue = range.start || '';\n        this.endValue = range.end || '';\n      } catch (error) {\n        console.error('Invalid JSON for value:');\n        console.error(error);\n      }\n    }\n  }\n\n  componentDidLoad() {\n    const inputs = this.el.querySelectorAll('.input-wrapper input');\n    inputs.forEach((input: HTMLInputElement) => {\n      const inputMask = new Inputmask({\n        alias: 'datetime',\n        inputFormat: this.convertToInputmaskFormat(this.dateFormat),\n        placeholder: '_',\n        clearIncomplete: false,\n        showMaskOnHover: false,\n        showMaskOnFocus: false,\n        clearMaskOnLostFocus: false,\n        insertMode: true,\n        rightAlign: false,\n        oncomplete: function (e) {\n          const input = e.target as HTMLInputElement;\n          const event = new CustomEvent('input', { bubbles: true });\n          input.dispatchEvent(event);\n        },\n      });\n      inputMask.mask(input);\n\n      // Set the value after applying the mask\n      if (input.name === this.startName && this.startValue) {\n        requestAnimationFrame(() => {\n          input.value = this.startValue;\n          const event = new CustomEvent('input', { bubbles: true });\n          input.dispatchEvent(event);\n        });\n      } else if (input.name === this.endName && this.endValue) {\n        requestAnimationFrame(() => {\n          input.value = this.endValue;\n          const event = new CustomEvent('input', { bubbles: true });\n          input.dispatchEvent(event);\n        });\n      }\n    });\n  }\n\n  componentDidRender() {\n    const inputs = this.el.querySelectorAll('.input-wrapper input');\n    inputs.forEach((input: HTMLInputElement) => {\n      const value =\n        input.name === this.startName\n          ? this.startValue\n          : this.endName\n          ? this.endValue\n          : '';\n      if (value) {\n        // Make sure the value is defined both as a property and attribute\n        requestAnimationFrame(() => {\n          input.value = value;\n          input.setAttribute('value', value);\n        });\n      }\n    });\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this.handleClickOutside);\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emits an event when the date range changes.\n   */\n  @Event()\n  dateRangeChange: EventEmitter<\n    HTMLNvCalendarElementEventMap['rangeDateChange']\n  >;\n\n  /**\n   * Handles the range date selection event from nv-calendar.\n   * @param {CustomEvent<DateRange>} event - The custom event\n   */\n  @Listen('rangeDateChange')\n  handleRangeDateChange(\n    event: CustomEvent<HTMLNvCalendarElementEventMap['rangeDateChange']>,\n  ) {\n    const { start, end } = event.detail || {};\n\n    // Check that both dates are defined\n    if (start && end) {\n      this.startValue = start;\n      this.endValue = end;\n      this.dateRangeChange.emit({\n        start: this.startValue,\n        end: this.endValue,\n      });\n\n      if (!this.showActions) {\n        this.open = false;\n      }\n    }\n  }\n\n  @Listen('closePopover')\n  handleClosePopover() {\n    this.open = false;\n  }\n\n  @Listen('applyDateRange')\n  handleApplyDateRange() {\n    this.open = false;\n  }\n\n  /**\n   * Handles keyboard events.\n   * @param {KeyboardEvent} event - The keyboard event\n   */\n  @Listen('keydown', { passive: false })\n  handleKeyDown(event: KeyboardEvent) {\n    if (!this.open) {\n      if (event.key === 'ArrowDown') {\n        this.open = true;\n        event.preventDefault();\n        return;\n      }\n      return;\n    }\n\n    if (!this.popoverElement) {\n      console.warn('nv-fielddaterange -> Popover element is not defined');\n      return;\n    }\n  }\n\n  @Watch('value')\n  handleValueChange(newValue: string) {\n    try {\n      const range = JSON.parse(newValue) as HTMLNvCalendarElement['rangeValue'];\n      this.startValue = range.start || '';\n      this.endValue = range.end || '';\n    } catch (error) {\n      console.error('Invalid JSON for value:', error);\n    }\n  }\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        {((this.label && this.label.length > 0) ||\n          this.el.querySelector('[slot=\"label\"]')) && (\n          <label htmlFor={this.startInputId}>\n            <slot name=\"label\">{this.label}</slot>\n          </label>\n        )}\n\n        <nv-popover\n          ref={el => (this.popoverElement = el as HTMLNvPopoverElement)}\n          id={this.popoverId}\n          triggerMode=\"controlled\"\n          placement=\"bottom-start\"\n          open={this.open}\n        >\n          <div slot=\"trigger\" class=\"input-wrapper\">\n            <slot name=\"before-input\"></slot>\n\n            <div class=\"input-container\">\n              <slot name=\"leading-input\"></slot>\n\n              <div class=\"range-inputs\">\n                <input\n                  id={this.startInputId}\n                  type=\"text\"\n                  placeholder={this.startPlaceholder}\n                  name={this.startName}\n                  disabled={this.disabled}\n                  readOnly={this.readonly}\n                  required={this.required}\n                  autofocus={this.autofocus}\n                  value={this.startValue}\n                  onInput={this.handleStartInput}\n                  onFocus={this.handleFocus}\n                  data-scope=\"date-range\"\n                />\n\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  width=\"24\"\n                  height=\"24\"\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"2\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  class=\"icon icon-tabler icons-tabler-outline icon-tabler-arrows-move-horizontal\"\n                >\n                  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n                  <path d=\"M18 9l3 3l-3 3\" />\n                  <path d=\"M15 12h6\" />\n                  <path d=\"M6 9l-3 3l3 3\" />\n                  <path d=\"M3 12h6\" />\n                </svg>\n\n                <input\n                  id={this.endInputId}\n                  type=\"text\"\n                  placeholder={this.endPlaceholder}\n                  name={this.endName}\n                  disabled={this.disabled}\n                  readOnly={this.readonly}\n                  required={this.required}\n                  value={this.endValue}\n                  onInput={this.handleEndInput}\n                  onFocus={this.handleFocus}\n                  data-scope=\"date-range\"\n                />\n              </div>\n\n              {this.error && (\n                <nv-icon name=\"alert-circle\" class=\"validation\" size=\"md\" />\n              )}\n              {this.success && (\n                <nv-icon name=\"circle-check\" class=\"validation\" size=\"md\" />\n              )}\n\n              <nv-iconbutton\n                class=\"toggle-calendar-icon\"\n                name=\"calendar\"\n                size=\"md\"\n                emphasis=\"lower\"\n                aria-label={this.open ? 'Hide calendar' : 'Show calendar'}\n                aria-pressed={this.open.toString()}\n                onClick={this.toggleCalendar}\n                tabIndex={this.disabled ? -1 : 0}\n              />\n            </div>\n\n            <slot name=\"after-input\"></slot>\n          </div>\n\n          <div slot=\"content\">\n            <nv-calendar\n              dateFormat={this.dateFormat}\n              rangeValue={\n                this.startValue && this.endValue\n                  ? {\n                      start: this.startValue,\n                      end: this.endValue,\n                    }\n                  : null\n              }\n              firstDayOfWeek={this.firstDayOfWeek}\n              numberOfCalendars={this.numberOfCalendars}\n              min={this.min}\n              max={this.max}\n              locale={this.locale}\n              shortcutsPlacement={this.shortcutsPlacement}\n              showActions={this.showActions}\n              shortcuts={this.shortcuts}\n              showWeekNumbers={this.showWeekNumbers}\n              disabledDates={this.disabledDates}\n              selectionType=\"range\"\n            ></nv-calendar>\n          </div>\n        </nv-popover>\n\n        {((this.description && this.description.length > 0) ||\n          this.el.querySelector('[slot=\"description\"]')) && (\n          <div class=\"description\">\n            <slot name=\"description\">{this.description}</slot>\n          </div>\n        )}\n\n        {(this.errorDescription ||\n          this.el.querySelector('[slot=\"error-description\"]')) && (\n          <div hidden={!this.error} class=\"error-description\">\n            {this.el.querySelector('[slot=\"error-description\"]') ? (\n              <slot name=\"error-description\"></slot>\n            ) : (\n              this.errorDescription\n            )}\n          </div>\n        )}\n\n        <slot></slot>\n      </Host>\n    );\n  }\n  //#endregion RENDER\n}\n"]}