@nldd/design-system 0.8.69 → 0.8.70
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +29536 -0
- package/dist/components/actions/button/button.d.ts +2 -0
- package/dist/components/actions/button/button.d.ts.map +1 -1
- package/dist/components/actions/button/button.js +2 -0
- package/dist/components/actions/button/button.js.map +1 -1
- package/dist/components/actions/button/button.styles.d.ts.map +1 -1
- package/dist/components/actions/button/button.styles.js +1 -0
- package/dist/components/actions/button/button.styles.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.d.ts +2 -0
- package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.js +2 -0
- package/dist/components/actions/icon-button/icon-button.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.styles.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.styles.js +1 -0
- package/dist/components/actions/icon-button/icon-button.styles.js.map +1 -1
- package/dist/components/actions/menu/menu.styles.d.ts.map +1 -1
- package/dist/components/actions/menu/menu.styles.js +1 -0
- package/dist/components/actions/menu/menu.styles.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.d.ts +4 -0
- package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
- package/dist/components/actions/toolbar/toolbar.js +4 -0
- package/dist/components/actions/toolbar/toolbar.js.map +1 -1
- package/dist/components/components.js +85 -82
- package/dist/components/content/avatar/avatar.styles.d.ts.map +1 -1
- package/dist/components/content/avatar/avatar.styles.js +2 -1
- package/dist/components/content/avatar/avatar.styles.js.map +1 -1
- package/dist/components/content/code-viewer/code-viewer.d.ts.map +1 -1
- package/dist/components/content/code-viewer/code-viewer.js +2 -0
- package/dist/components/content/code-viewer/code-viewer.js.map +1 -1
- package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
- package/dist/components/content/icon/icon-aliases.js +19 -2
- package/dist/components/content/icon/icon-aliases.js.map +1 -1
- package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
- package/dist/components/content/icon/icon-registry.js +34 -5
- package/dist/components/content/icon/icon-registry.js.map +1 -1
- package/dist/components/content/image/image.d.ts +2 -0
- package/dist/components/content/image/image.d.ts.map +1 -1
- package/dist/components/content/image/image.js +2 -0
- package/dist/components/content/image/image.js.map +1 -1
- package/dist/components/content/image/lqip-encoder-element.d.ts.map +1 -1
- package/dist/components/content/image/lqip-encoder-element.js +1 -0
- package/dist/components/content/image/lqip-encoder-element.js.map +1 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.d.ts +4 -0
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.d.ts.map +1 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.js +4 -0
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
- package/dist/components/content/token/token.styles.d.ts.map +1 -1
- package/dist/components/content/token/token.styles.js +1 -0
- package/dist/components/content/token/token.styles.js.map +1 -1
- package/dist/components/{index-BfOpap4b.js → index-BP0XMTYa.js} +1 -1
- package/dist/components/{index-CXC-Objp.js → index-Bh_hMHn8.js} +1 -1
- package/dist/components/{index-VwuVCCal.js → index-BuLJAwiB.js} +7750 -5496
- package/dist/components/{index-CfvgUB5p.js → index-CTUlN5qN.js} +1 -1
- package/dist/components/{index-DZo3DrGQ.js → index-DS-RnHMu.js} +1 -1
- package/dist/components/{index-Bf4pa5Bp.js → index-Dgxr-sEe.js} +1 -1
- package/dist/components/{index-DB-i084x.js → index-sa60dMt-.js} +1 -1
- package/dist/components/index.d.ts +3 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +3 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.styles.d.ts.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.styles.js +1 -0
- package/dist/components/inputs/checkbox/checkbox.styles.js.map +1 -1
- package/dist/components/inputs/date-field/date-field.d.ts +226 -0
- package/dist/components/inputs/date-field/date-field.d.ts.map +1 -0
- package/dist/components/inputs/date-field/date-field.i18n.d.ts +11 -0
- package/dist/components/inputs/date-field/date-field.i18n.d.ts.map +1 -0
- package/dist/components/inputs/date-field/date-field.i18n.js +17 -0
- package/dist/components/inputs/date-field/date-field.i18n.js.map +1 -0
- package/dist/components/inputs/date-field/date-field.js +589 -0
- package/dist/components/inputs/date-field/date-field.js.map +1 -0
- package/dist/components/inputs/date-field/date-field.styles.d.ts +2 -0
- package/dist/components/inputs/date-field/date-field.styles.d.ts.map +1 -0
- package/dist/components/inputs/date-field/date-field.styles.js +246 -0
- package/dist/components/inputs/date-field/date-field.styles.js.map +1 -0
- package/dist/components/inputs/date-field/date-field.template.d.ts +17 -0
- package/dist/components/inputs/date-field/date-field.template.d.ts.map +1 -0
- package/dist/components/inputs/date-field/date-field.template.js +141 -0
- package/dist/components/inputs/date-field/date-field.template.js.map +1 -0
- package/dist/components/inputs/date-picker/date-picker.d.ts +268 -0
- package/dist/components/inputs/date-picker/date-picker.d.ts.map +1 -0
- package/dist/components/inputs/date-picker/date-picker.i18n.d.ts +64 -0
- package/dist/components/inputs/date-picker/date-picker.i18n.d.ts.map +1 -0
- package/dist/components/inputs/date-picker/date-picker.i18n.js +81 -0
- package/dist/components/inputs/date-picker/date-picker.i18n.js.map +1 -0
- package/dist/components/inputs/date-picker/date-picker.js +748 -0
- package/dist/components/inputs/date-picker/date-picker.js.map +1 -0
- package/dist/components/inputs/date-picker/date-picker.styles.d.ts +2 -0
- package/dist/components/inputs/date-picker/date-picker.styles.d.ts.map +1 -0
- package/dist/components/inputs/date-picker/date-picker.styles.js +353 -0
- package/dist/components/inputs/date-picker/date-picker.styles.js.map +1 -0
- package/dist/components/inputs/date-picker/date-picker.template.d.ts +8 -0
- package/dist/components/inputs/date-picker/date-picker.template.d.ts.map +1 -0
- package/dist/components/inputs/date-picker/date-picker.template.js +223 -0
- package/dist/components/inputs/date-picker/date-picker.template.js.map +1 -0
- package/dist/components/inputs/dropdown/dropdown.styles.d.ts.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.styles.js +1 -0
- package/dist/components/inputs/dropdown/dropdown.styles.js.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts +1 -0
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js +1 -0
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js.map +1 -1
- package/dist/components/inputs/password-field/password-field.d.ts +1 -0
- package/dist/components/inputs/password-field/password-field.d.ts.map +1 -1
- package/dist/components/inputs/password-field/password-field.js +1 -0
- package/dist/components/inputs/password-field/password-field.js.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.d.ts +3 -0
- package/dist/components/inputs/radio-button/radio-button.d.ts.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.js +3 -0
- package/dist/components/inputs/radio-button/radio-button.js.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.styles.d.ts.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.styles.js +1 -0
- package/dist/components/inputs/radio-button/radio-button.styles.js.map +1 -1
- package/dist/components/inputs/radio-button-field/radio-button-field.d.ts +2 -0
- package/dist/components/inputs/radio-button-field/radio-button-field.d.ts.map +1 -1
- package/dist/components/inputs/radio-button-field/radio-button-field.js +2 -0
- package/dist/components/inputs/radio-button-field/radio-button-field.js.map +1 -1
- package/dist/components/inputs/radio-button-group/radio-button-group.d.ts +1 -0
- package/dist/components/inputs/radio-button-group/radio-button-group.d.ts.map +1 -1
- package/dist/components/inputs/radio-button-group/radio-button-group.js +1 -0
- package/dist/components/inputs/radio-button-group/radio-button-group.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.d.ts +10 -1
- package/dist/components/inputs/segmented-control/segmented-control.d.ts.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.js +11 -2
- package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.styles.d.ts.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.styles.js +1 -0
- package/dist/components/inputs/segmented-control/segmented-control.styles.js.map +1 -1
- package/dist/components/inputs/stepper/stepper.d.ts +1 -0
- package/dist/components/inputs/stepper/stepper.d.ts.map +1 -1
- package/dist/components/inputs/stepper/stepper.js +1 -0
- package/dist/components/inputs/stepper/stepper.js.map +1 -1
- package/dist/components/inputs/stepper/stepper.styles.d.ts.map +1 -1
- package/dist/components/inputs/stepper/stepper.styles.js +1 -0
- package/dist/components/inputs/stepper/stepper.styles.js.map +1 -1
- package/dist/components/inputs/switch/switch.d.ts +2 -0
- package/dist/components/inputs/switch/switch.d.ts.map +1 -1
- package/dist/components/inputs/switch/switch.js +2 -0
- package/dist/components/inputs/switch/switch.js.map +1 -1
- package/dist/components/inputs/switch/switch.styles.d.ts.map +1 -1
- package/dist/components/inputs/switch/switch.styles.js +1 -0
- package/dist/components/inputs/switch/switch.styles.js.map +1 -1
- package/dist/components/inputs/text-field/text-field.d.ts +1 -0
- package/dist/components/inputs/text-field/text-field.d.ts.map +1 -1
- package/dist/components/inputs/text-field/text-field.js +1 -0
- package/dist/components/inputs/text-field/text-field.js.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.styles.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.styles.js +1 -0
- package/dist/components/inputs/toggle-button/toggle-button.styles.js.map +1 -1
- package/dist/components/layout/container/container.d.ts +26 -3
- package/dist/components/layout/container/container.d.ts.map +1 -1
- package/dist/components/layout/container/container.js +26 -3
- package/dist/components/layout/container/container.js.map +1 -1
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.d.ts +2 -2
- package/dist/components/layout/page-sections/sidebar-section/sidebar-section.js +2 -2
- package/dist/components/layout/popover/popover.d.ts +17 -0
- package/dist/components/layout/popover/popover.d.ts.map +1 -1
- package/dist/components/layout/popover/popover.js +82 -5
- package/dist/components/layout/popover/popover.js.map +1 -1
- package/dist/components/layout/sheet/sheet.d.ts +12 -0
- package/dist/components/layout/sheet/sheet.d.ts.map +1 -1
- package/dist/components/layout/sheet/sheet.js +25 -2
- package/dist/components/layout/sheet/sheet.js.map +1 -1
- package/dist/components/layout/sheet/sheet.styles.d.ts.map +1 -1
- package/dist/components/layout/sheet/sheet.styles.js +6 -1
- package/dist/components/layout/sheet/sheet.styles.js.map +1 -1
- package/dist/components/layout/sheet/sheet.template.d.ts.map +1 -1
- package/dist/components/layout/sheet/sheet.template.js +1 -0
- package/dist/components/layout/sheet/sheet.template.js.map +1 -1
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.d.ts +1 -0
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.d.ts.map +1 -1
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.js +5 -0
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.js.map +1 -1
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.d.ts.map +1 -1
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.js +27 -0
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.js.map +1 -1
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.d.ts +2 -0
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.d.ts.map +1 -1
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.js +3 -0
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.js.map +1 -1
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.d.ts.map +1 -1
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.js +24 -0
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.js.map +1 -1
- package/dist/components/layout/window/window.d.ts +9 -0
- package/dist/components/layout/window/window.d.ts.map +1 -1
- package/dist/components/layout/window/window.js +19 -0
- package/dist/components/layout/window/window.js.map +1 -1
- package/dist/components/layout/window/window.styles.d.ts.map +1 -1
- package/dist/components/layout/window/window.styles.js +5 -1
- package/dist/components/layout/window/window.styles.js.map +1 -1
- package/dist/components/layout/window/window.template.d.ts.map +1 -1
- package/dist/components/layout/window/window.template.js +1 -0
- package/dist/components/layout/window/window.template.js.map +1 -1
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.d.ts +1 -0
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.d.ts.map +1 -1
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.js +1 -0
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.js.map +1 -1
- package/dist/components/lists-and-tables/list/list.d.ts +14 -0
- package/dist/components/lists-and-tables/list/list.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list/list.js +14 -0
- package/dist/components/lists-and-tables/list/list.js.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.d.ts +10 -0
- package/dist/components/lists-and-tables/list-item/list-item.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.js +10 -0
- package/dist/components/lists-and-tables/list-item/list-item.js.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js +1 -0
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js.map +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.styles.js +1 -0
- package/dist/components/navigation/menu-bar/menu-bar.styles.js.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts +1 -0
- package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.js +1 -0
- package/dist/components/navigation/menu-bar-item/menu-bar-item.js.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js +1 -0
- package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js.map +1 -1
- package/dist/components/navigation/pagination/pagination.d.ts +1 -0
- package/dist/components/navigation/pagination/pagination.d.ts.map +1 -1
- package/dist/components/navigation/pagination/pagination.js +1 -0
- package/dist/components/navigation/pagination/pagination.js.map +1 -1
- package/dist/components/navigation/pagination/pagination.styles.d.ts.map +1 -1
- package/dist/components/navigation/pagination/pagination.styles.js +1 -0
- package/dist/components/navigation/pagination/pagination.styles.js.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.d.ts +2 -0
- package/dist/components/navigation/tab-bar/tab-bar.d.ts.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.js +2 -0
- package/dist/components/navigation/tab-bar/tab-bar.js.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.styles.js +1 -0
- package/dist/components/navigation/tab-bar/tab-bar.styles.js.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts +22 -0
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js +22 -0
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js.map +1 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.d.ts +10 -0
- package/dist/components/navigation/top-title-bar/top-title-bar.d.ts.map +1 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.js +27 -2
- package/dist/components/navigation/top-title-bar/top-title-bar.js.map +1 -1
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.d.ts.map +1 -1
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.js +2 -0
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.js.map +1 -1
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.styles.js +16 -0
- package/dist/components/status-and-feedback/just-in-time-education/just-in-time-education.styles.js.map +1 -1
- package/dist/types/vue.d.ts +3277 -0
- package/dist/utilities/resolve-date-bound.d.ts +21 -0
- package/dist/utilities/resolve-date-bound.d.ts.map +1 -0
- package/dist/utilities/resolve-date-bound.js +75 -0
- package/dist/utilities/resolve-date-bound.js.map +1 -0
- package/package.json +31 -7
|
@@ -0,0 +1,589 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* NLDD Design System Datumveld Component (Lit + TypeScript)
|
|
3
|
+
*
|
|
4
|
+
* Een tekstveld voor een datum, met een optionele kalender in een popover.
|
|
5
|
+
* De waarde is altijd ISO (jjjj-mm-dd); op het scherm staat de Nederlandse
|
|
6
|
+
* notatie (dd-mm-jjjj). Er wordt niet gemaskerd tijdens het typen: invoer wordt
|
|
7
|
+
* royaal geaccepteerd en pas bij het verlaten van het veld genormaliseerd.
|
|
8
|
+
*
|
|
9
|
+
* Foutmeldingen horen bij nldd-form-field, niet hier. Dit veld reflecteert
|
|
10
|
+
* alleen `invalid` / `valid`, net als nldd-text-field.
|
|
11
|
+
*
|
|
12
|
+
* @element nldd-date-field
|
|
13
|
+
*
|
|
14
|
+
* @attr {string} value - De datum als ISO (jjjj-mm-dd). Met `range` een ISO 8601-interval: `jjjj-mm-dd/jjjj-mm-dd`. Leeg wanneer er geen geldige datum staat.
|
|
15
|
+
* @attr {boolean} range - Kies een periode: twee invoervelden en een kalender in bereikmodus.
|
|
16
|
+
* @attr {string} min - Vroegst toegestane datum als ISO (jjjj-mm-dd).
|
|
17
|
+
* @attr {string} max - Laatst toegestane datum als ISO (jjjj-mm-dd).
|
|
18
|
+
* @attr {boolean} no-picker - Verbergt de kalenderknop. Standaard staat die knop er wel.
|
|
19
|
+
* @attr {string} placeholder - Placeholdertekst. Zet hier geen formaat in; gebruik daarvoor de supporting-label van nldd-form-field.
|
|
20
|
+
* @attr {string} input-id - Zet het id op de interne input. Wordt automatisch gezet door nldd-form-field.
|
|
21
|
+
* @attr {string} size - 'md' (standaard) | 'sm'. Wordt automatisch gezet door nldd-form-field.
|
|
22
|
+
* @attr {boolean} invalid - Markeert het veld als ongeldig.
|
|
23
|
+
* @attr {boolean} valid - Markeert het veld als geldig.
|
|
24
|
+
* @attr {boolean} disabled - Uitgeschakelde staat.
|
|
25
|
+
* @attr {boolean} readonly - Alleen-lezen staat.
|
|
26
|
+
* @attr {boolean} required - Verplichte staat.
|
|
27
|
+
* @attr {string} name - Naam voor formulierverzending.
|
|
28
|
+
* @attr {string} autocomplete - Autocomplete-hint, bijvoorbeeld 'bday'.
|
|
29
|
+
* @attr {string} accessible-label - Toegankelijk label voor de interne input. Wordt automatisch gezet door nldd-form-field.
|
|
30
|
+
* @attr {string} error-message-ids - Ids voor aria-describedby. Wordt automatisch gezet door nldd-form-field.
|
|
31
|
+
* @attr {string} width - Breedte. Standaard precies breed genoeg voor een datum plus de iconen; 'full' vult de container, of geef een eigen CSS-lengte.
|
|
32
|
+
* @attr {object} translations - Vertalingen; niet opgegeven sleutels vallen terug op het Nederlands.
|
|
33
|
+
*
|
|
34
|
+
* @slot picker - Een eigen nldd-date-picker, in plaats van de standaardkalender. Het veld blijft `value`, `min`, `max` en `range` zetten; gebruik de slot voor wat alleen een kalender weet: `week-numbers`, `first-day-of-week`, `is-date-unavailable` en eigen vertalingen.
|
|
35
|
+
*
|
|
36
|
+
* @fires input - Bij elke wijziging. detail: { value } met de ISO-datum, of '' zolang er geen geldige datum staat.
|
|
37
|
+
* @fires change - Wanneer de waarde is vastgelegd. detail: { value } met de ISO-datum, of ''.
|
|
38
|
+
*/
|
|
39
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
40
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
41
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
42
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
43
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
44
|
+
};
|
|
45
|
+
import { LitElement } from 'lit';
|
|
46
|
+
import { customElement, property, state } from 'lit/decorators.js';
|
|
47
|
+
import { reflectNonDefault } from '../../../utilities/reflect-non-default.js';
|
|
48
|
+
import { toIso, resolveDateBound } from '../../../utilities/resolve-date-bound.js';
|
|
49
|
+
import { dateFieldStyles } from './date-field.styles.js';
|
|
50
|
+
import { dateFieldTemplate, PICKER_POPOVER_WIDTH } from './date-field.template.js';
|
|
51
|
+
import { nlddDateFieldTranslations } from './date-field.i18n.js';
|
|
52
|
+
import './../../actions/icon-button/icon-button.js';
|
|
53
|
+
import './../../content/icon/icon.js';
|
|
54
|
+
/**
|
|
55
|
+
* Read a typed date generously. Deliberately not a mask: reformatting per
|
|
56
|
+
* keystroke moves the caret, breaks backspace mid-value and confuses screen
|
|
57
|
+
* readers, so we accept what people type and normalize once on commit.
|
|
58
|
+
* Accepts 12-3-2026, 12/03/2026, 12.03.2026, 12032026 and ISO jjjj-mm-dd.
|
|
59
|
+
*/
|
|
60
|
+
function parseDate(raw) {
|
|
61
|
+
const trimmed = raw.trim();
|
|
62
|
+
if (trimmed === '')
|
|
63
|
+
return null;
|
|
64
|
+
// A leading four-digit group can only be a year, so ISO is checked first.
|
|
65
|
+
const iso = /^(\d{4})[-/.](\d{1,2})[-/.](\d{1,2})$/.exec(trimmed);
|
|
66
|
+
if (iso)
|
|
67
|
+
return toIso(Number(iso[1]), Number(iso[2]), Number(iso[3]));
|
|
68
|
+
const dutch = /^(\d{1,2})[-/.](\d{1,2})[-/.](\d{4})$/.exec(trimmed);
|
|
69
|
+
if (dutch)
|
|
70
|
+
return toIso(Number(dutch[3]), Number(dutch[2]), Number(dutch[1]));
|
|
71
|
+
const bare = /^(\d{2})(\d{2})(\d{4})$/.exec(trimmed);
|
|
72
|
+
if (bare)
|
|
73
|
+
return toIso(Number(bare[3]), Number(bare[2]), Number(bare[1]));
|
|
74
|
+
return null;
|
|
75
|
+
}
|
|
76
|
+
/** ISO 8601 writes an interval as start/end, so the value needs no invention. */
|
|
77
|
+
const RANGE_SEPARATOR = '/';
|
|
78
|
+
/** ISO to the Dutch notation shown on screen. */
|
|
79
|
+
function formatDisplay(iso) {
|
|
80
|
+
const match = /^(\d{4})-(\d{2})-(\d{2})$/.exec(iso);
|
|
81
|
+
if (!match)
|
|
82
|
+
return '';
|
|
83
|
+
return `${match[3]}-${match[2]}-${match[1]}`;
|
|
84
|
+
}
|
|
85
|
+
let NLDDDateField = class NLDDDateField extends LitElement {
|
|
86
|
+
constructor() {
|
|
87
|
+
super(...arguments);
|
|
88
|
+
this._internals = this.attachInternals();
|
|
89
|
+
this._initialValue = '';
|
|
90
|
+
this.size = 'md';
|
|
91
|
+
this.value = '';
|
|
92
|
+
this.range = false;
|
|
93
|
+
this.min = '';
|
|
94
|
+
this.max = '';
|
|
95
|
+
this.noPicker = false;
|
|
96
|
+
this.inputId = '';
|
|
97
|
+
this.placeholder = '';
|
|
98
|
+
this.invalid = false;
|
|
99
|
+
this.valid = false;
|
|
100
|
+
this.disabled = false;
|
|
101
|
+
this.readonly = false;
|
|
102
|
+
this.required = false;
|
|
103
|
+
this.name = '';
|
|
104
|
+
this.autocomplete = '';
|
|
105
|
+
/** Toegankelijk label voor de interne input. Wordt automatisch gezet door nldd-form-field. */
|
|
106
|
+
this.accessibleLabel = '';
|
|
107
|
+
this.errorMessageIds = '';
|
|
108
|
+
/** Optionele vaste breedte. Zonder waarde vult het veld zijn container. */
|
|
109
|
+
this.width = '';
|
|
110
|
+
/** Overschrijf een of meer vertaalsleutels. Niet opgegeven sleutels vallen terug op het Nederlands. */
|
|
111
|
+
this.translations = {};
|
|
112
|
+
/** What the user sees and types. Kept apart from `value`, which stays ISO. */
|
|
113
|
+
this._display = '';
|
|
114
|
+
/** The same, for the end of a period. */
|
|
115
|
+
this._displayEnd = '';
|
|
116
|
+
/**
|
|
117
|
+
* Whether a consumer put their own calendar in the slot. Kept as state rather
|
|
118
|
+
* than read during render: the built-in calendar has to disappear the moment
|
|
119
|
+
* one is slotted, or both would be in the popover at once.
|
|
120
|
+
*/
|
|
121
|
+
this._hasSlottedPicker = false;
|
|
122
|
+
// — Picker ———————————————————————————————————————————————————————————————
|
|
123
|
+
/**
|
|
124
|
+
* The calendar is nldd-date-picker in a popover, not the browser's own. The
|
|
125
|
+
* native showPicker() has no closing counterpart and fires no open or close
|
|
126
|
+
* events, and Safari ties dismissal to the input itself - which has to be
|
|
127
|
+
* invisible for the button beside it to be the only control. There it could
|
|
128
|
+
* not be closed at all.
|
|
129
|
+
*/
|
|
130
|
+
this._pickerOpen = false;
|
|
131
|
+
/**
|
|
132
|
+
* Where focus should land once the popover has closed. Set by whatever closes
|
|
133
|
+
* it, read on the close toggle. The popover restores focus to the pre-open
|
|
134
|
+
* element itself - and Safari, which does not focus a button on click, restores
|
|
135
|
+
* to the text input rather than the calendar button - so leaving it to the
|
|
136
|
+
* popover lands focus in the wrong place. We take over, but only after its
|
|
137
|
+
* restoration has run, or ours would be the one overwritten.
|
|
138
|
+
*/
|
|
139
|
+
this._focusOnClose = null;
|
|
140
|
+
/**
|
|
141
|
+
* The popover width, bound in the template. A reactive @state, not a direct
|
|
142
|
+
* mutation of the popover: lit dirty-checks its own binding, so setting
|
|
143
|
+
* popover.width from the outside was never undone on a later render, and a
|
|
144
|
+
* popover once widened for a slotted picker stayed wide after that picker
|
|
145
|
+
* was gone. Owning the value here lets lit reset it.
|
|
146
|
+
*/
|
|
147
|
+
this._pickerPopoverWidth = PICKER_POPOVER_WIDTH;
|
|
148
|
+
}
|
|
149
|
+
/**
|
|
150
|
+
* The two ends of `value` while range is on. `value` stays the single source
|
|
151
|
+
* of truth - one shape in markup, as a property and in form data - and these
|
|
152
|
+
* are only the halves it is composed from.
|
|
153
|
+
*/
|
|
154
|
+
get _startValue() {
|
|
155
|
+
return this.range ? (this.value.split(RANGE_SEPARATOR)[0] ?? '') : this.value;
|
|
156
|
+
}
|
|
157
|
+
get _endValue() {
|
|
158
|
+
return this.range ? (this.value.split(RANGE_SEPARATOR)[1] ?? '') : '';
|
|
159
|
+
}
|
|
160
|
+
_setRange(start, end) {
|
|
161
|
+
this.value = start === '' && end === '' ? '' : `${start}${RANGE_SEPARATOR}${end}`;
|
|
162
|
+
}
|
|
163
|
+
/**
|
|
164
|
+
* Put the earlier date first when both ends are filled. Typing a period
|
|
165
|
+
* backwards ("van 2027 t/m 2026") otherwise stays backwards, while the calendar
|
|
166
|
+
* always sorts a dragged range - so the two input methods disagreed. Returns
|
|
167
|
+
* whether it swapped, so the caller emits change only when something moved.
|
|
168
|
+
*/
|
|
169
|
+
_sortRange() {
|
|
170
|
+
if (!this.range)
|
|
171
|
+
return false;
|
|
172
|
+
const start = this._startValue;
|
|
173
|
+
const end = this._endValue;
|
|
174
|
+
if (!start || !end || start <= end)
|
|
175
|
+
return false;
|
|
176
|
+
this._setRange(end, start);
|
|
177
|
+
return true;
|
|
178
|
+
}
|
|
179
|
+
/**
|
|
180
|
+
* Sort on leaving the whole field, not per change: swapping mid-edit would move
|
|
181
|
+
* a value you just typed in one input into the other.
|
|
182
|
+
*
|
|
183
|
+
* relatedTarget stays inside the shadow tree while focus moves between the two
|
|
184
|
+
* inputs or to the calendar button, so only null or an element outside the
|
|
185
|
+
* field means focus truly left.
|
|
186
|
+
*/
|
|
187
|
+
_handleFieldBlur(e) {
|
|
188
|
+
const next = e.relatedTarget;
|
|
189
|
+
if (next && this.shadowRoot?.contains(next))
|
|
190
|
+
return;
|
|
191
|
+
if (this._sortRange())
|
|
192
|
+
this._emit('change');
|
|
193
|
+
}
|
|
194
|
+
/**
|
|
195
|
+
* A typed date the calendar would refuse must not commit either. min/max are
|
|
196
|
+
* forwarded to the calendar, which blocks out-of-range days, but typed input
|
|
197
|
+
* bypassed that check, so a value the picker cannot produce slipped through.
|
|
198
|
+
* The bounds may be relative (today, today+3m), so they are resolved first.
|
|
199
|
+
* ISO strings compare lexically, so `<` / `>` are the date order.
|
|
200
|
+
*/
|
|
201
|
+
_withinBounds(iso) {
|
|
202
|
+
const min = this.min ? resolveDateBound(this.min) : '';
|
|
203
|
+
const max = this.max ? resolveDateBound(this.max) : '';
|
|
204
|
+
if (min && iso < min)
|
|
205
|
+
return false;
|
|
206
|
+
if (max && iso > max)
|
|
207
|
+
return false;
|
|
208
|
+
return true;
|
|
209
|
+
}
|
|
210
|
+
/** The parsed date, or '' when it is unparseable or out of bounds. Both cases
|
|
211
|
+
* leave the raw text standing so the user can see and fix what they wrote. */
|
|
212
|
+
_commit(parsed) {
|
|
213
|
+
return parsed && this._withinBounds(parsed) ? parsed : '';
|
|
214
|
+
}
|
|
215
|
+
get _slottedPicker() {
|
|
216
|
+
const slot = this.shadowRoot?.querySelector('slot[name="picker"]');
|
|
217
|
+
const found = slot?.assignedElements({ flatten: true })
|
|
218
|
+
.find((el) => el.localName === 'nldd-date-picker');
|
|
219
|
+
return found ?? null;
|
|
220
|
+
}
|
|
221
|
+
_handlePickerSlotChange() {
|
|
222
|
+
this._hasSlottedPicker = this._slottedPicker !== null;
|
|
223
|
+
}
|
|
224
|
+
/**
|
|
225
|
+
* The field owns what a form owns - the value, the bounds, whether this is a
|
|
226
|
+
* period - and writes those onto a slotted calendar every render, so a
|
|
227
|
+
* consumer cannot set them to something the field would disagree with. What
|
|
228
|
+
* only a calendar knows (week numbers, first day of the week, which dates are
|
|
229
|
+
* unavailable, its own translations) is left untouched: that is the point of
|
|
230
|
+
* slotting one.
|
|
231
|
+
*/
|
|
232
|
+
_syncSlottedPicker() {
|
|
233
|
+
const picker = this._slottedPicker;
|
|
234
|
+
if (!picker)
|
|
235
|
+
return;
|
|
236
|
+
picker.range = this.range;
|
|
237
|
+
picker.min = this.min;
|
|
238
|
+
picker.max = this.max;
|
|
239
|
+
if (this.range) {
|
|
240
|
+
picker.start = this._startValue;
|
|
241
|
+
picker.end = this._endValue;
|
|
242
|
+
}
|
|
243
|
+
else {
|
|
244
|
+
picker.value = this.value;
|
|
245
|
+
}
|
|
246
|
+
// nldd-popover reads this to pick its focus target inside the overlay.
|
|
247
|
+
picker.toggleAttribute('autofocus', true);
|
|
248
|
+
}
|
|
249
|
+
firstUpdated() {
|
|
250
|
+
this._initialValue = this.value;
|
|
251
|
+
this._handlePickerSlotChange();
|
|
252
|
+
}
|
|
253
|
+
willUpdate(changed) {
|
|
254
|
+
// Reformat only when `value` moved on its own (set by a consumer, a form
|
|
255
|
+
// reset, the picker). While typing, the parse of `_display` already equals
|
|
256
|
+
// `value`, so the text is left exactly as entered.
|
|
257
|
+
if (!changed.has('value') && !changed.has('range'))
|
|
258
|
+
return;
|
|
259
|
+
if (changed.has('range')) {
|
|
260
|
+
// value keeps one shape per mode. Entering range mode with a bare date
|
|
261
|
+
// makes it the interval's start; leaving it collapses to that start.
|
|
262
|
+
if (this.range && this.value && !this.value.includes(RANGE_SEPARATOR)) {
|
|
263
|
+
this.value = `${this.value}${RANGE_SEPARATOR}`;
|
|
264
|
+
}
|
|
265
|
+
else if (!this.range && this.value.includes(RANGE_SEPARATOR)) {
|
|
266
|
+
this.value = this.value.split(RANGE_SEPARATOR)[0] ?? '';
|
|
267
|
+
}
|
|
268
|
+
}
|
|
269
|
+
if ((parseDate(this._display) ?? '') !== this._startValue) {
|
|
270
|
+
this._display = this._startValue === '' ? '' : formatDisplay(this._startValue);
|
|
271
|
+
}
|
|
272
|
+
if ((parseDate(this._displayEnd) ?? '') !== this._endValue) {
|
|
273
|
+
this._displayEnd = this._endValue === '' ? '' : formatDisplay(this._endValue);
|
|
274
|
+
}
|
|
275
|
+
}
|
|
276
|
+
updated(changed) {
|
|
277
|
+
if (changed.has('width')) {
|
|
278
|
+
const w = this.width;
|
|
279
|
+
// Unlike a text field, the default here is an intrinsic width that fits a
|
|
280
|
+
// date plus its icons - so 'full' has to say 100% explicitly instead of
|
|
281
|
+
// falling back to that default.
|
|
282
|
+
if (w === 'full') {
|
|
283
|
+
this.style.setProperty('--_width', '100%');
|
|
284
|
+
}
|
|
285
|
+
else if (w && CSS.supports('width', w)) {
|
|
286
|
+
this.style.setProperty('--_width', w);
|
|
287
|
+
}
|
|
288
|
+
else {
|
|
289
|
+
this.style.removeProperty('--_width');
|
|
290
|
+
}
|
|
291
|
+
}
|
|
292
|
+
if (changed.has('value')) {
|
|
293
|
+
this._internals.setFormValue(this.value);
|
|
294
|
+
}
|
|
295
|
+
// The popover resolves a string anchor with document.getElementById, which
|
|
296
|
+
// cannot see into a shadow root, so the trigger is handed over directly.
|
|
297
|
+
const popover = this._popover;
|
|
298
|
+
const trigger = this._pickerTrigger;
|
|
299
|
+
if (popover && trigger && popover.anchorElement !== trigger) {
|
|
300
|
+
popover.anchorElement = trigger;
|
|
301
|
+
}
|
|
302
|
+
this._syncSlottedPicker();
|
|
303
|
+
}
|
|
304
|
+
formResetCallback() {
|
|
305
|
+
this.value = this._initialValue;
|
|
306
|
+
}
|
|
307
|
+
formDisabledCallback(disabled) {
|
|
308
|
+
this.disabled = disabled;
|
|
309
|
+
}
|
|
310
|
+
formStateRestoreCallback(state) {
|
|
311
|
+
if (typeof state === 'string')
|
|
312
|
+
this.value = state;
|
|
313
|
+
}
|
|
314
|
+
// — i18n —————————————————————————————————————————————————————————————————
|
|
315
|
+
_t(key) {
|
|
316
|
+
return this.translations[key] ?? nlddDateFieldTranslations[key];
|
|
317
|
+
}
|
|
318
|
+
/**
|
|
319
|
+
* The field's accessible name, with a fallback so the input is never nameless.
|
|
320
|
+
* nldd-form-field sets accessible-label to the field's label, so this fallback
|
|
321
|
+
* only fires standalone, where there is otherwise no name at all (WCAG 4.1.2).
|
|
322
|
+
*/
|
|
323
|
+
get _fieldLabel() {
|
|
324
|
+
return this.accessibleLabel
|
|
325
|
+
|| this._t(this.range ? 'components.date-field.default-range-label' : 'components.date-field.default-label');
|
|
326
|
+
}
|
|
327
|
+
get _pickerTrigger() {
|
|
328
|
+
return this.shadowRoot?.querySelector('.date-field__picker-button nldd-icon-button') ?? null;
|
|
329
|
+
}
|
|
330
|
+
get _popover() {
|
|
331
|
+
return this.shadowRoot?.querySelector('nldd-popover') ?? null;
|
|
332
|
+
}
|
|
333
|
+
/**
|
|
334
|
+
* One name for the dialog, used both as its accessible name and as the sheet's
|
|
335
|
+
* visible title. The field's own label says more than "Datum kiezen" ever
|
|
336
|
+
* could - a sheet headed "Geboortedatum" tells you what you are answering.
|
|
337
|
+
*/
|
|
338
|
+
get _pickerLabel() {
|
|
339
|
+
return this.accessibleLabel || this._t('components.date-field.to-pick-date-action');
|
|
340
|
+
}
|
|
341
|
+
_handlePickerClick() {
|
|
342
|
+
if (this._pickerOpen)
|
|
343
|
+
this._popover?.hide();
|
|
344
|
+
else
|
|
345
|
+
this._popover?.show();
|
|
346
|
+
}
|
|
347
|
+
/**
|
|
348
|
+
* Move focus to where the close intent asked for, with the caret at the end of
|
|
349
|
+
* the end field for a period so an edit continues where the choice was made.
|
|
350
|
+
* Run on a microtask after the close toggle: the popover (and Safari, which does
|
|
351
|
+
* not focus a button on click) restores focus during that event, so only running
|
|
352
|
+
* after its synchronous work wins. A microtask rather than a frame - it beats the
|
|
353
|
+
* same restoration but is not throttled while the tab is unfocused.
|
|
354
|
+
*/
|
|
355
|
+
_applyCloseFocus() {
|
|
356
|
+
const intent = this._focusOnClose;
|
|
357
|
+
this._focusOnClose = null;
|
|
358
|
+
if (intent === 'trigger') {
|
|
359
|
+
this._pickerTrigger?.focus();
|
|
360
|
+
return;
|
|
361
|
+
}
|
|
362
|
+
if (intent === 'end') {
|
|
363
|
+
const end = this.shadowRoot?.querySelectorAll('.date-field__input')[1];
|
|
364
|
+
if (!end)
|
|
365
|
+
return;
|
|
366
|
+
end.focus();
|
|
367
|
+
const caret = end.value.length;
|
|
368
|
+
end.setSelectionRange(caret, caret);
|
|
369
|
+
}
|
|
370
|
+
}
|
|
371
|
+
_handlePickerDismiss(e) {
|
|
372
|
+
e.stopPropagation();
|
|
373
|
+
// Same as after a choice: put focus back on the calendar button. Without it
|
|
374
|
+
// Cancel, Escape and an outside click leave focus on the text input, which
|
|
375
|
+
// is inconsistent with the change path.
|
|
376
|
+
this._focusOnClose = 'trigger';
|
|
377
|
+
this._popover?.hide();
|
|
378
|
+
}
|
|
379
|
+
_handlePopoverToggle(e) {
|
|
380
|
+
this._pickerOpen = e.newState === 'open';
|
|
381
|
+
if (!this._pickerOpen) {
|
|
382
|
+
// The popover restores focus to the pre-open element during this same
|
|
383
|
+
// event; take it from there on the next microtask, after that restoration
|
|
384
|
+
// has run, so the caret ends where the intent asked.
|
|
385
|
+
queueMicrotask(() => this._applyCloseFocus());
|
|
386
|
+
return;
|
|
387
|
+
}
|
|
388
|
+
// Clicking the button blurs an input within the shadow tree, so the field
|
|
389
|
+
// blur never sorts a backwards period. Sort here too, so the calendar opens
|
|
390
|
+
// on the range the way it will be stored.
|
|
391
|
+
if (this._sortRange())
|
|
392
|
+
this._emit('change');
|
|
393
|
+
this._fitPopoverToSlottedPicker();
|
|
394
|
+
}
|
|
395
|
+
/**
|
|
396
|
+
* The popover pins both its inline edges, so it cannot size to its own
|
|
397
|
+
* content: `auto` and `max-content` both collapse it to zero width. The
|
|
398
|
+
* built-in calendar has a known width, but a slotted one need not - week
|
|
399
|
+
* numbers add a whole column - so that one is measured once it is on screen.
|
|
400
|
+
* Falls back to the built-in width when there is no slotted picker, so it
|
|
401
|
+
* never stays stuck at a stale measured value.
|
|
402
|
+
*/
|
|
403
|
+
_fitPopoverToSlottedPicker() {
|
|
404
|
+
const picker = this._slottedPicker;
|
|
405
|
+
if (!picker) {
|
|
406
|
+
this._pickerPopoverWidth = PICKER_POPOVER_WIDTH;
|
|
407
|
+
return;
|
|
408
|
+
}
|
|
409
|
+
const width = picker.getBoundingClientRect().width;
|
|
410
|
+
if (width > 0)
|
|
411
|
+
this._pickerPopoverWidth = `calc(${Math.ceil(width)}px + var(--primitives-space-16) * 2)`;
|
|
412
|
+
}
|
|
413
|
+
/**
|
|
414
|
+
* The picker speaks ISO already, so there is nothing to convert. A finished
|
|
415
|
+
* period lands the caret at the end of the end field - you just settled the
|
|
416
|
+
* second date, so that is where an edit continues - while a single date is final
|
|
417
|
+
* in one click and returns to the calendar button.
|
|
418
|
+
*/
|
|
419
|
+
_handlePickerChange(e) {
|
|
420
|
+
e.stopPropagation();
|
|
421
|
+
const detail = e.detail;
|
|
422
|
+
if (this.range) {
|
|
423
|
+
if (typeof detail?.start !== 'string' || typeof detail?.end !== 'string')
|
|
424
|
+
return;
|
|
425
|
+
this._setRange(detail.start, detail.end);
|
|
426
|
+
this._focusOnClose = 'end';
|
|
427
|
+
}
|
|
428
|
+
else {
|
|
429
|
+
if (typeof detail?.value !== 'string')
|
|
430
|
+
return;
|
|
431
|
+
this.value = detail.value;
|
|
432
|
+
this._focusOnClose = 'trigger';
|
|
433
|
+
}
|
|
434
|
+
this._popover?.hide();
|
|
435
|
+
this._emit('change');
|
|
436
|
+
}
|
|
437
|
+
// — Actions ——————————————————————————————————————————————————————————————
|
|
438
|
+
/**
|
|
439
|
+
* Backspace on an empty end field steps back to the end of the start field, so
|
|
440
|
+
* a whole period can be cleared in one run of backspaces instead of reaching for
|
|
441
|
+
* the mouse to move between the two inputs.
|
|
442
|
+
*/
|
|
443
|
+
_handleInputKeydown(e, end) {
|
|
444
|
+
if (!this.range || !end || e.key !== 'Backspace')
|
|
445
|
+
return;
|
|
446
|
+
const input = e.target;
|
|
447
|
+
if (input.value !== '')
|
|
448
|
+
return;
|
|
449
|
+
const start = this.shadowRoot?.querySelector('.date-field__input');
|
|
450
|
+
if (!start)
|
|
451
|
+
return;
|
|
452
|
+
e.preventDefault();
|
|
453
|
+
start.focus();
|
|
454
|
+
const caret = start.value.length;
|
|
455
|
+
start.setSelectionRange(caret, caret);
|
|
456
|
+
}
|
|
457
|
+
_handleInput(e, end = false) {
|
|
458
|
+
e.stopPropagation();
|
|
459
|
+
const text = e.target.value;
|
|
460
|
+
// `value` holds a real, in-range date or nothing at all, never a half-typed
|
|
461
|
+
// string and never a date the calendar would refuse.
|
|
462
|
+
const parsed = this._commit(parseDate(text));
|
|
463
|
+
if (end)
|
|
464
|
+
this._displayEnd = text;
|
|
465
|
+
else
|
|
466
|
+
this._display = text;
|
|
467
|
+
if (this.range)
|
|
468
|
+
this._setRange(end ? this._startValue : parsed, end ? parsed : this._endValue);
|
|
469
|
+
else
|
|
470
|
+
this.value = parsed;
|
|
471
|
+
this._emit('input');
|
|
472
|
+
}
|
|
473
|
+
_handleChange(e, end = false) {
|
|
474
|
+
e.stopPropagation();
|
|
475
|
+
const text = e.target.value;
|
|
476
|
+
const committed = this._commit(parseDate(text));
|
|
477
|
+
// Normalize on commit: 12/3/2026 settles as 12-03-2026. Text that is
|
|
478
|
+
// unparseable or out of bounds is left standing so the user can fix it.
|
|
479
|
+
const shown = committed ? formatDisplay(committed) : text;
|
|
480
|
+
if (end)
|
|
481
|
+
this._displayEnd = shown;
|
|
482
|
+
else
|
|
483
|
+
this._display = shown;
|
|
484
|
+
if (this.range)
|
|
485
|
+
this._setRange(end ? this._startValue : committed, end ? committed : this._endValue);
|
|
486
|
+
else
|
|
487
|
+
this.value = committed;
|
|
488
|
+
this._emit('change');
|
|
489
|
+
}
|
|
490
|
+
_emit(type) {
|
|
491
|
+
this.dispatchEvent(new CustomEvent(type, {
|
|
492
|
+
detail: { value: this.value },
|
|
493
|
+
bubbles: true,
|
|
494
|
+
composed: true,
|
|
495
|
+
}));
|
|
496
|
+
}
|
|
497
|
+
get _displayValue() {
|
|
498
|
+
return this._display;
|
|
499
|
+
}
|
|
500
|
+
get _displayEndValue() {
|
|
501
|
+
return this._displayEnd;
|
|
502
|
+
}
|
|
503
|
+
render() {
|
|
504
|
+
return dateFieldTemplate(this);
|
|
505
|
+
}
|
|
506
|
+
};
|
|
507
|
+
NLDDDateField.formAssociated = true;
|
|
508
|
+
NLDDDateField.shadowRootOptions = {
|
|
509
|
+
...LitElement.shadowRootOptions,
|
|
510
|
+
delegatesFocus: true,
|
|
511
|
+
};
|
|
512
|
+
NLDDDateField.styles = dateFieldStyles;
|
|
513
|
+
__decorate([
|
|
514
|
+
property({ reflect: true, converter: reflectNonDefault('md') })
|
|
515
|
+
], NLDDDateField.prototype, "size", void 0);
|
|
516
|
+
__decorate([
|
|
517
|
+
property({ type: String })
|
|
518
|
+
], NLDDDateField.prototype, "value", void 0);
|
|
519
|
+
__decorate([
|
|
520
|
+
property({ type: Boolean, reflect: true })
|
|
521
|
+
], NLDDDateField.prototype, "range", void 0);
|
|
522
|
+
__decorate([
|
|
523
|
+
property({ type: String })
|
|
524
|
+
], NLDDDateField.prototype, "min", void 0);
|
|
525
|
+
__decorate([
|
|
526
|
+
property({ type: String })
|
|
527
|
+
], NLDDDateField.prototype, "max", void 0);
|
|
528
|
+
__decorate([
|
|
529
|
+
property({ type: Boolean, reflect: true, attribute: 'no-picker' })
|
|
530
|
+
], NLDDDateField.prototype, "noPicker", void 0);
|
|
531
|
+
__decorate([
|
|
532
|
+
property({ type: String, attribute: 'input-id' })
|
|
533
|
+
], NLDDDateField.prototype, "inputId", void 0);
|
|
534
|
+
__decorate([
|
|
535
|
+
property({ reflect: true, converter: reflectNonDefault('') })
|
|
536
|
+
], NLDDDateField.prototype, "placeholder", void 0);
|
|
537
|
+
__decorate([
|
|
538
|
+
property({ type: Boolean, reflect: true })
|
|
539
|
+
], NLDDDateField.prototype, "invalid", void 0);
|
|
540
|
+
__decorate([
|
|
541
|
+
property({ type: Boolean, reflect: true })
|
|
542
|
+
], NLDDDateField.prototype, "valid", void 0);
|
|
543
|
+
__decorate([
|
|
544
|
+
property({ type: Boolean, reflect: true })
|
|
545
|
+
], NLDDDateField.prototype, "disabled", void 0);
|
|
546
|
+
__decorate([
|
|
547
|
+
property({ type: Boolean, reflect: true })
|
|
548
|
+
], NLDDDateField.prototype, "readonly", void 0);
|
|
549
|
+
__decorate([
|
|
550
|
+
property({ type: Boolean, reflect: true })
|
|
551
|
+
], NLDDDateField.prototype, "required", void 0);
|
|
552
|
+
__decorate([
|
|
553
|
+
property({ type: String, reflect: true })
|
|
554
|
+
], NLDDDateField.prototype, "name", void 0);
|
|
555
|
+
__decorate([
|
|
556
|
+
property({ type: String })
|
|
557
|
+
], NLDDDateField.prototype, "autocomplete", void 0);
|
|
558
|
+
__decorate([
|
|
559
|
+
property({ type: String, attribute: 'accessible-label' })
|
|
560
|
+
], NLDDDateField.prototype, "accessibleLabel", void 0);
|
|
561
|
+
__decorate([
|
|
562
|
+
property({ type: String, attribute: 'error-message-ids' })
|
|
563
|
+
], NLDDDateField.prototype, "errorMessageIds", void 0);
|
|
564
|
+
__decorate([
|
|
565
|
+
property({ type: String, reflect: true })
|
|
566
|
+
], NLDDDateField.prototype, "width", void 0);
|
|
567
|
+
__decorate([
|
|
568
|
+
property({ type: Object })
|
|
569
|
+
], NLDDDateField.prototype, "translations", void 0);
|
|
570
|
+
__decorate([
|
|
571
|
+
state()
|
|
572
|
+
], NLDDDateField.prototype, "_display", void 0);
|
|
573
|
+
__decorate([
|
|
574
|
+
state()
|
|
575
|
+
], NLDDDateField.prototype, "_displayEnd", void 0);
|
|
576
|
+
__decorate([
|
|
577
|
+
state()
|
|
578
|
+
], NLDDDateField.prototype, "_hasSlottedPicker", void 0);
|
|
579
|
+
__decorate([
|
|
580
|
+
state()
|
|
581
|
+
], NLDDDateField.prototype, "_pickerOpen", void 0);
|
|
582
|
+
__decorate([
|
|
583
|
+
state()
|
|
584
|
+
], NLDDDateField.prototype, "_pickerPopoverWidth", void 0);
|
|
585
|
+
NLDDDateField = __decorate([
|
|
586
|
+
customElement('nldd-date-field')
|
|
587
|
+
], NLDDDateField);
|
|
588
|
+
export { NLDDDateField };
|
|
589
|
+
//# sourceMappingURL=date-field.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-field.js","sourceRoot":"","sources":["../../../../src/components/inputs/date-field/date-field.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/date-field/date-field.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,yBAgP3B,CAAC"}
|