@postnord/pn-marketweb-components 4.1.1 → 4.2.0
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/cjs/loader.cjs.js +1 -1
- package/cjs/pn-chat-message_2.cjs.entry.js +5 -5
- package/cjs/pn-chat-message_2.cjs.entry.js.map +1 -1
- package/cjs/pn-chat.cjs.entry.js +18 -6
- package/cjs/pn-chat.cjs.entry.js.map +1 -1
- package/cjs/pn-dropdown-choice-adds-row.cjs.entry.js +17 -3
- package/cjs/pn-dropdown-choice-adds-row.cjs.entry.js.map +1 -1
- package/cjs/pn-market-web-components.cjs.js +1 -1
- package/collection/components/input/pn-dropdown-choice-adds-row/pn-dropdown-choice-adds-row.js +53 -3
- package/collection/components/input/pn-dropdown-choice-adds-row/pn-dropdown-choice-adds-row.js.map +1 -1
- package/collection/components/input/pn-dropdown-choice-adds-row/pn-dropdown-choice-adds-row.stories.js +4 -0
- package/collection/components/widgets/pn-chat/pn-chat-message/pn-chat-message.css +27 -10
- package/collection/components/widgets/pn-chat/pn-chat-message/pn-chat-message.js +3 -3
- package/collection/components/widgets/pn-chat/pn-chat-message/pn-chat-message.js.map +1 -1
- package/collection/components/widgets/pn-chat/pn-chat-stories-constants.js +18 -0
- package/collection/components/widgets/pn-chat/pn-chat-stories-constants.js.map +1 -1
- package/collection/components/widgets/pn-chat/pn-chat.css +24 -13
- package/collection/components/widgets/pn-chat/pn-chat.js +17 -5
- package/collection/components/widgets/pn-chat/pn-chat.js.map +1 -1
- package/collection/components/widgets/pn-chat/pn-chat.stories.js +43 -0
- package/collection/components/widgets/pn-chat/pn-chat.stories.js.map +1 -1
- package/components/pn-chat-message2.js +5 -5
- package/components/pn-chat-message2.js.map +1 -1
- package/components/pn-chat.js +18 -6
- package/components/pn-chat.js.map +1 -1
- package/components/pn-dropdown-choice-adds-row.js +19 -3
- package/components/pn-dropdown-choice-adds-row.js.map +1 -1
- package/esm/loader.js +1 -1
- package/esm/pn-chat-message_2.entry.js +5 -5
- package/esm/pn-chat-message_2.entry.js.map +1 -1
- package/esm/pn-chat.entry.js +18 -6
- package/esm/pn-chat.entry.js.map +1 -1
- package/esm/pn-dropdown-choice-adds-row.entry.js +17 -3
- package/esm/pn-dropdown-choice-adds-row.entry.js.map +1 -1
- package/esm/pn-market-web-components.js +1 -1
- package/package.json +14 -17
- package/pn-market-web-components/p-4a8ef165.entry.js +2 -0
- package/pn-market-web-components/p-4a8ef165.entry.js.map +1 -0
- package/pn-market-web-components/p-62ce6700.entry.js +2 -0
- package/pn-market-web-components/p-62ce6700.entry.js.map +1 -0
- package/pn-market-web-components/p-6f6ed930.entry.js +2 -0
- package/pn-market-web-components/p-6f6ed930.entry.js.map +1 -0
- package/pn-market-web-components/pn-market-web-components.esm.js +1 -1
- package/pn-market-web-components/pn-market-web-components.esm.js.map +1 -1
- package/types/components/input/pn-dropdown-choice-adds-row/pn-dropdown-choice-adds-row.d.ts +2 -0
- package/types/components/widgets/pn-chat/pn-chat-stories-constants.d.ts +18 -0
- package/types/components/widgets/pn-chat/pn-chat.stories.d.ts +1 -0
- package/types/components.d.ts +4 -0
- package/umd/modules/@postnord/web-components/cjs/{index-BNXSyZmU.js → index-CNdVg5VI.js} +1 -1
- package/umd/modules/@postnord/web-components/cjs/{index-CAMqnx70.js → index-CfUQZtlH.js} +245 -1884
- package/umd/modules/@postnord/web-components/cjs/index.cjs.js +8 -5
- package/umd/modules/@postnord/web-components/cjs/loader.cjs.js +2 -2
- package/umd/modules/@postnord/web-components/cjs/pn-accordion-row.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-accordion.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-action-menu.cjs.entry.js +2 -2
- package/umd/modules/@postnord/web-components/cjs/pn-button-dropdown.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-button_2.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-card.cjs.entry.js +2 -2
- package/umd/modules/@postnord/web-components/cjs/pn-checkbox.cjs.entry.js +2 -2
- package/umd/modules/@postnord/web-components/cjs/pn-choice-chip.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-counter.cjs.entry.js +13 -15
- package/umd/modules/@postnord/web-components/cjs/pn-date-picker.cjs.entry.js +12 -6
- package/umd/modules/@postnord/web-components/cjs/pn-fieldset.cjs.entry.js +2 -2
- package/umd/modules/@postnord/web-components/cjs/pn-file-upload.cjs.entry.js +2 -2
- package/umd/modules/@postnord/web-components/cjs/pn-footer.cjs.entry.js +2 -2
- package/umd/modules/@postnord/web-components/cjs/pn-header.cjs.entry.js +2 -2
- package/umd/modules/@postnord/web-components/cjs/pn-icon_2.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-illustration.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-input.cjs.entry.js +33 -16
- package/umd/modules/@postnord/web-components/cjs/pn-modal.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-multiselect.cjs.entry.js +16 -5
- package/umd/modules/@postnord/web-components/cjs/pn-ocr-search.cjs.entry.js +2 -2
- package/umd/modules/@postnord/web-components/cjs/pn-page-nav-dropdown-item.cjs.entry.js +2 -2
- package/umd/modules/@postnord/web-components/cjs/pn-page-nav-item.cjs.entry.js +2 -2
- package/umd/modules/@postnord/web-components/cjs/pn-page-nav.cjs.entry.js +2 -2
- package/umd/modules/@postnord/web-components/cjs/pn-pagination.cjs.entry.js +2 -2
- package/umd/modules/@postnord/web-components/cjs/pn-progress-bar.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-progress-indicator-step.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-progress-indicator.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-progress-stepper.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-radio-button.cjs.entry.js +3 -3
- package/umd/modules/@postnord/web-components/cjs/pn-range.cjs.entry.js +3 -3
- package/umd/modules/@postnord/web-components/cjs/pn-read-only-button.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-search-field.cjs.entry.js +2 -2
- package/umd/modules/@postnord/web-components/cjs/pn-segment.cjs.entry.js +2 -2
- package/umd/modules/@postnord/web-components/cjs/pn-segmented-control.cjs.entry.js +2 -2
- package/umd/modules/@postnord/web-components/cjs/pn-select.cjs.entry.js +10 -3
- package/umd/modules/@postnord/web-components/cjs/pn-tab.cjs.entry.js +2 -2
- package/umd/modules/@postnord/web-components/cjs/pn-table.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-tablist.cjs.entry.js +2 -2
- package/umd/modules/@postnord/web-components/cjs/pn-text-link.cjs.entry.js +2 -2
- package/umd/modules/@postnord/web-components/cjs/pn-textarea.cjs.entry.js +19 -9
- package/umd/modules/@postnord/web-components/cjs/pn-tile.cjs.entry.js +2 -2
- package/umd/modules/@postnord/web-components/cjs/pn-toast.cjs.entry.js +2 -2
- package/umd/modules/@postnord/web-components/cjs/pn-toggle-switch.cjs.entry.js +3 -3
- package/umd/modules/@postnord/web-components/cjs/pn-tooltip.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-wizard.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-zipcode-search.cjs.entry.js +2 -2
- package/umd/modules/@postnord/web-components/cjs/postnord-web-components.cjs.js +3 -3
- package/umd/modules/@postnord/web-components/collection/collection-manifest.json +1 -1
- package/umd/modules/@postnord/web-components/collection/components/input/pn-counter/pn-counter.css +69 -27
- package/umd/modules/@postnord/web-components/collection/components/input/pn-counter/pn-counter.js +34 -13
- package/umd/modules/@postnord/web-components/collection/components/input/pn-date-picker/pn-date-picker.css +38 -1
- package/umd/modules/@postnord/web-components/collection/components/input/pn-date-picker/pn-date-picker.js +32 -3
- package/umd/modules/@postnord/web-components/collection/components/input/pn-fieldset/pn-fieldset.js +1 -1
- package/umd/modules/@postnord/web-components/collection/components/input/pn-file-upload/pn-file-upload.js +1 -1
- package/umd/modules/@postnord/web-components/collection/components/input/pn-input/pn-input.css +48 -9
- package/umd/modules/@postnord/web-components/collection/components/input/pn-input/pn-input.js +55 -15
- package/umd/modules/@postnord/web-components/collection/components/input/pn-multiselect/pn-multiselect.css +63 -22
- package/umd/modules/@postnord/web-components/collection/components/input/pn-multiselect/pn-multiselect.js +36 -2
- package/umd/modules/@postnord/web-components/collection/components/input/pn-radio-button/pn-radio-button.js +1 -1
- package/umd/modules/@postnord/web-components/collection/components/input/pn-range/pn-range.css +1 -1
- package/umd/modules/@postnord/web-components/collection/components/input/pn-range/pn-range.js +1 -1
- package/umd/modules/@postnord/web-components/collection/components/input/pn-search-field/pn-search-field.js +1 -1
- package/umd/modules/@postnord/web-components/collection/components/input/pn-segmented-control/pn-segmented-control.js +1 -1
- package/umd/modules/@postnord/web-components/collection/components/input/pn-segmented-control/segment/pn-segment.js +1 -1
- package/umd/modules/@postnord/web-components/collection/components/input/pn-select/pn-select.css +53 -14
- package/umd/modules/@postnord/web-components/collection/components/input/pn-select/pn-select.js +31 -1
- package/umd/modules/@postnord/web-components/collection/components/input/pn-textarea/pn-textarea.css +54 -5
- package/umd/modules/@postnord/web-components/collection/components/input/pn-textarea/pn-textarea.js +45 -13
- package/umd/modules/@postnord/web-components/collection/components/input/pn-toggle-switch/pn-toggle-switch.css +1 -1
- package/umd/modules/@postnord/web-components/collection/components/input/pn-toggle-switch/pn-toggle-switch.js +1 -1
- package/umd/modules/@postnord/web-components/collection/components/layout/pn-header/pn-header.js +1 -1
- package/umd/modules/@postnord/web-components/collection/components/navigation/pn-card/pn-card.js +1 -1
- package/umd/modules/@postnord/web-components/collection/components/navigation/pn-footer/pn-footer.js +1 -1
- package/umd/modules/@postnord/web-components/collection/components/navigation/pn-page-nav/dropdown-item/pn-page-nav-dropdown-item.js +1 -1
- package/umd/modules/@postnord/web-components/collection/components/navigation/pn-page-nav/item/pn-page-nav-item.js +1 -1
- package/umd/modules/@postnord/web-components/collection/components/navigation/pn-page-nav/menu/pn-page-nav.js +1 -1
- package/umd/modules/@postnord/web-components/collection/components/navigation/pn-pagination/pn-pagination.js +1 -1
- package/umd/modules/@postnord/web-components/collection/components/navigation/pn-tablist/pn-tablist.js +1 -1
- package/umd/modules/@postnord/web-components/collection/components/navigation/pn-tablist/tab/pn-tab.js +1 -1
- package/umd/modules/@postnord/web-components/collection/components/navigation/pn-text-link/pn-text-link.js +1 -1
- package/umd/modules/@postnord/web-components/collection/components/navigation/pn-tile/pn-tile.js +1 -1
- package/umd/modules/@postnord/web-components/collection/components/web-components/pn-ocr-search/pn-ocr-search.js +1 -1
- package/umd/modules/@postnord/web-components/collection/components/web-components/pn-zipcode-search/pn-zipcode-search.js +1 -1
- package/umd/modules/@postnord/web-components/components/helpers.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-card.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-counter.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-date-picker.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-fieldset.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-file-upload.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-footer.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-header.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-input2.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-multiselect.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-ocr-search.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-page-nav-dropdown-item.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-page-nav-item.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-page-nav.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-pagination.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-radio-button.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-range.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-search-field2.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-segment.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-segmented-control.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-select2.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-tab.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-tablist.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-text-link2.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-textarea.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-tile.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-toggle-switch.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-zipcode-search.js +1 -1
- package/umd/modules/@postnord/web-components/esm/{index-DWsprozV.js → index-CAEP792y.js} +245 -1884
- package/umd/modules/@postnord/web-components/esm/{index-BhpZuCL7.js → index-CosyroON.js} +1 -1
- package/umd/modules/@postnord/web-components/esm/index.js +9 -6
- package/umd/modules/@postnord/web-components/esm/loader.js +3 -3
- package/umd/modules/@postnord/web-components/esm/pn-accordion-row.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-accordion.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-action-menu.entry.js +2 -2
- package/umd/modules/@postnord/web-components/esm/pn-button-dropdown.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-button_2.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-card.entry.js +2 -2
- package/umd/modules/@postnord/web-components/esm/pn-checkbox.entry.js +2 -2
- package/umd/modules/@postnord/web-components/esm/pn-choice-chip.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-counter.entry.js +13 -15
- package/umd/modules/@postnord/web-components/esm/pn-date-picker.entry.js +12 -6
- package/umd/modules/@postnord/web-components/esm/pn-fieldset.entry.js +2 -2
- package/umd/modules/@postnord/web-components/esm/pn-file-upload.entry.js +2 -2
- package/umd/modules/@postnord/web-components/esm/pn-footer.entry.js +2 -2
- package/umd/modules/@postnord/web-components/esm/pn-header.entry.js +2 -2
- package/umd/modules/@postnord/web-components/esm/pn-icon_2.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-illustration.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-input.entry.js +33 -16
- package/umd/modules/@postnord/web-components/esm/pn-modal.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-multiselect.entry.js +16 -5
- package/umd/modules/@postnord/web-components/esm/pn-ocr-search.entry.js +2 -2
- package/umd/modules/@postnord/web-components/esm/pn-page-nav-dropdown-item.entry.js +2 -2
- package/umd/modules/@postnord/web-components/esm/pn-page-nav-item.entry.js +2 -2
- package/umd/modules/@postnord/web-components/esm/pn-page-nav.entry.js +2 -2
- package/umd/modules/@postnord/web-components/esm/pn-pagination.entry.js +2 -2
- package/umd/modules/@postnord/web-components/esm/pn-progress-bar.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-progress-indicator-step.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-progress-indicator.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-progress-stepper.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-radio-button.entry.js +3 -3
- package/umd/modules/@postnord/web-components/esm/pn-range.entry.js +3 -3
- package/umd/modules/@postnord/web-components/esm/pn-read-only-button.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-search-field.entry.js +2 -2
- package/umd/modules/@postnord/web-components/esm/pn-segment.entry.js +2 -2
- package/umd/modules/@postnord/web-components/esm/pn-segmented-control.entry.js +2 -2
- package/umd/modules/@postnord/web-components/esm/pn-select.entry.js +10 -3
- package/umd/modules/@postnord/web-components/esm/pn-tab.entry.js +2 -2
- package/umd/modules/@postnord/web-components/esm/pn-table.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-tablist.entry.js +2 -2
- package/umd/modules/@postnord/web-components/esm/pn-text-link.entry.js +2 -2
- package/umd/modules/@postnord/web-components/esm/pn-textarea.entry.js +19 -9
- package/umd/modules/@postnord/web-components/esm/pn-tile.entry.js +2 -2
- package/umd/modules/@postnord/web-components/esm/pn-toast.entry.js +2 -2
- package/umd/modules/@postnord/web-components/esm/pn-toggle-switch.entry.js +3 -3
- package/umd/modules/@postnord/web-components/esm/pn-tooltip.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-wizard.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-zipcode-search.entry.js +2 -2
- package/umd/modules/@postnord/web-components/esm/postnord-web-components.js +4 -4
- package/umd/modules/@postnord/web-components/hydrate/index.js +3597 -3562
- package/umd/modules/@postnord/web-components/hydrate/index.mjs +3597 -3562
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/cli/index.cjs +1 -18
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/cli/index.js +1 -18
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/cli/package.json +1 -1
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/compiler/package.json +1 -1
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/compiler/stencil.js +70 -12
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/dev-server/client/index.js +1 -1
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/dev-server/client/package.json +1 -1
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/dev-server/connector.html +2 -2
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/dev-server/index.js +1 -1
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/dev-server/package.json +1 -1
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/dev-server/server-process.js +2 -19
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/internal/app-data/package.json +1 -1
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/internal/app-globals/package.json +1 -1
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/internal/client/index.js +214 -1832
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/internal/client/package.json +1 -1
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/internal/client/patch-browser.js +1 -1
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/internal/client/shadow-css.js +3 -3
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/internal/hydrate/index.js +5172 -5086
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/internal/hydrate/package.json +1 -1
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/internal/hydrate/runner.js +234 -263
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/internal/package.json +1 -1
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/internal/stencil-public-compiler.d.ts +10 -0
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/internal/testing/index.js +113 -74
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/internal/testing/jsx-dev-runtime.d.ts +2 -0
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/internal/testing/jsx-dev-runtime.js +8 -0
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/internal/testing/jsx-runtime.d.ts +2 -0
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/internal/testing/jsx-runtime.js +9 -0
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/internal/testing/package.json +1 -1
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/mock-doc/index.cjs +13 -25
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/mock-doc/index.d.ts +4 -3
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/mock-doc/index.js +13 -25
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/mock-doc/package.json +1 -1
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/package.json +13 -2
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/screenshot/index.js +1 -18
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/screenshot/package.json +1 -1
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/screenshot/pixel-match.js +1 -1
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/sys/node/index.js +34 -34
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/sys/node/package.json +1 -1
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/sys/node/worker.js +1 -1
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/testing/index.js +19 -1
- package/umd/modules/@postnord/web-components/node_modules/@stencil/core/testing/package.json +1 -1
- package/umd/modules/@postnord/web-components/package.json +19 -19
- package/umd/modules/@postnord/web-components/postnord-web-components/index.esm.js +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-215a8bab.entry.js → p-01ac1c67.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-0dd15cc3.entry.js +5 -0
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-f94947bd.entry.js → p-0e94a4dd.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-511bdc31.entry.js → p-0ed2ee53.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-e545c35d.entry.js → p-109ba1fc.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-153311c8.entry.js +5 -0
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-9d3890d0.entry.js → p-1a3c49ba.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-c9b8ed0a.entry.js → p-2610f8ab.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-267c323e.entry.js +5 -0
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-dfa861a7.entry.js → p-2a364778.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-5cbd90c0.entry.js → p-2a682ff9.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-b54f1a65.entry.js → p-2cce8a9f.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-44a6fe18.entry.js → p-2f4ad4a4.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-c867fce9.entry.js → p-306ec758.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-1d7b9fe8.entry.js → p-38e44ed0.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-66b77e7e.entry.js → p-3c96cb61.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-7ec29574.entry.js → p-3d2cac86.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-499ce292.entry.js → p-3d459401.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-795f8d58.entry.js → p-3deb5a9e.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-41c09d4d.entry.js +5 -0
- package/umd/modules/@postnord/web-components/postnord-web-components/p-484dfaa4.entry.js +5 -0
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-61af0540.entry.js → p-50116c0d.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-b8b5201d.entry.js → p-502b8430.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-96871fc2.entry.js → p-5b7c1333.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-3bc56c7f.entry.js → p-67f55491.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-cc1291a6.entry.js → p-838c17b9.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-e221d65e.entry.js → p-849d48c6.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-584c2057.entry.js → p-89aaa3c8.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-2becf18d.entry.js → p-8b2b6f5d.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-93db2b9e.entry.js +5 -0
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-99d7a33d.entry.js → p-97ffc4b3.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-0j4cY0b7.js → p-BlM_xfdt.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-CAEP792y.js +6 -0
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-26233654.entry.js → p-b0710b87.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-b3c4e3e8.entry.js +5 -0
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-e5d0281b.entry.js → p-b8c4423b.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-ba59528f.entry.js +5 -0
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-92aa5cfa.entry.js → p-c0ae367c.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-ddc430a5.entry.js → p-c4c4c75b.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-c843ae5e.entry.js +5 -0
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-323e7706.entry.js → p-d1e27524.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-190d83cf.entry.js → p-d214e930.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-66fdb323.entry.js → p-d7091312.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-8f732dd9.entry.js → p-db2b7e5d.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-e3fb693e.entry.js +5 -0
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-10cb744b.entry.js → p-e83de0b1.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-bde90f4f.entry.js → p-ea50ecd2.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-1c376e6a.entry.js → p-edc28eee.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/postnord-web-components.esm.js +1 -1
- package/umd/modules/@postnord/web-components/types/components/input/pn-counter/pn-counter.d.ts +27 -26
- package/umd/modules/@postnord/web-components/types/components/input/pn-input/pn-input.d.ts +9 -0
- package/umd/modules/@postnord/web-components/types/components/input/pn-select/pn-select.d.ts +3 -0
- package/umd/modules/@postnord/web-components/types/components/input/pn-textarea/pn-textarea.d.ts +10 -8
- package/umd/modules/@postnord/web-components/types/components.d.ts +72 -0
- package/umd/modules/@postnord/web-components/vscode-data.json +24 -0
- package/umd/pn-marketweb-init.js +1 -1
- package/umd/pn-marketweb-salesforce.js +1 -1
- package/vscode-data.json +8 -0
- package/collection/components/data-visualization/pn-stats-info/pn-stats-info-data/animationHelper.test.js +0 -95
- package/collection/components/data-visualization/pn-stats-info/pn-stats-info-data/animationHelper.test.js.map +0 -1
- package/pn-market-web-components/p-22a8fd6e.entry.js +0 -2
- package/pn-market-web-components/p-22a8fd6e.entry.js.map +0 -1
- package/pn-market-web-components/p-8afc2d30.entry.js +0 -2
- package/pn-market-web-components/p-8afc2d30.entry.js.map +0 -1
- package/pn-market-web-components/p-f97e58b8.entry.js +0 -2
- package/pn-market-web-components/p-f97e58b8.entry.js.map +0 -1
- package/types/components/data-visualization/pn-stats-info/pn-stats-info-data/animationHelper.test.d.ts +0 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-1bd12040.entry.js +0 -5
- package/umd/modules/@postnord/web-components/postnord-web-components/p-5a36a4ce.entry.js +0 -5
- package/umd/modules/@postnord/web-components/postnord-web-components/p-5ca4200c.entry.js +0 -5
- package/umd/modules/@postnord/web-components/postnord-web-components/p-8751c301.entry.js +0 -5
- package/umd/modules/@postnord/web-components/postnord-web-components/p-DWsprozV.js +0 -6
- package/umd/modules/@postnord/web-components/postnord-web-components/p-a6363f85.entry.js +0 -5
- package/umd/modules/@postnord/web-components/postnord-web-components/p-b46922c6.entry.js +0 -5
- package/umd/modules/@postnord/web-components/postnord-web-components/p-de3ae08d.entry.js +0 -5
- package/umd/modules/@postnord/web-components/postnord-web-components/p-e6c7e352.entry.js +0 -5
- package/umd/modules/@postnord/web-components/postnord-web-components/p-ee6a305b.entry.js +0 -5
- package/umd/modules/@postnord/web-components/postnord-web-components/p-f667cb91.entry.js +0 -5
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
Stencil Node System Worker v4.41.
|
|
2
|
+
Stencil Node System Worker v4.41.3 | MIT Licensed | https://stenciljs.com
|
|
3
3
|
*/
|
|
4
4
|
"use strict";var f=Object.create;var d=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var g=(n,t,r,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of E(t))!R.call(n,e)&&e!==r&&d(n,e,{get:()=>t[e],enumerable:!(s=p(t,e))||s.enumerable});return n};var c=(n,t,r)=>(r=n!=null?f(y(n)):{},g(t||!n||!n.__esModule?d(r,"default",{value:n,enumerable:!0}):r,n));var l=c(require("../../compiler/stencil.js")),m=c(require("../../sys/node/index.js"));var a=(n,t)=>{let r=e=>{e&&e.code==="ERR_IPC_CHANNEL_CLOSED"&&n.exit(0)},s=(e,o)=>{let i={stencilId:e,stencilRtnValue:null,stencilRtnError:"Error"};typeof o=="string"?i.stencilRtnError+=": "+o:o&&(o.stack?i.stencilRtnError+=": "+o.stack:o.message&&(i.stencilRtnError+=":"+o.message)),n.send(i,r)};n.on("message",async e=>{if(e&&typeof e.stencilId=="number")try{let o={stencilId:e.stencilId,stencilRtnValue:await t(e),stencilRtnError:null};n.send(o,r)}catch(o){s(e.stencilId,o)}}),n.on("unhandledRejection",e=>{s(-1,e)})};var k=m.createNodeSys({process}),M=l.createWorkerMessageHandler(k);a(process,M);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
Stencil Testing v4.41.
|
|
2
|
+
Stencil Testing v4.41.3 | MIT Licensed | https://stenciljs.com
|
|
3
3
|
*/
|
|
4
4
|
"use strict";
|
|
5
5
|
|
|
@@ -4159,6 +4159,12 @@ var jestPreprocessor = {
|
|
|
4159
4159
|
if (tsCompilerOptions.paths) {
|
|
4160
4160
|
opts.paths = tsCompilerOptions.paths;
|
|
4161
4161
|
}
|
|
4162
|
+
if (tsCompilerOptions.jsx !== void 0) {
|
|
4163
|
+
opts.jsx = tsCompilerOptions.jsx;
|
|
4164
|
+
}
|
|
4165
|
+
if (tsCompilerOptions.jsxImportSource) {
|
|
4166
|
+
opts.jsxImportSource = "@stencil/core/internal/testing";
|
|
4167
|
+
}
|
|
4162
4168
|
}
|
|
4163
4169
|
const results = transpile(sourceText, opts);
|
|
4164
4170
|
const hasErrors = results.diagnostics.some((diagnostic) => diagnostic.level === "error");
|
|
@@ -5474,6 +5480,12 @@ var jestPreprocessor2 = {
|
|
|
5474
5480
|
if (tsCompilerOptions.paths) {
|
|
5475
5481
|
opts.paths = tsCompilerOptions.paths;
|
|
5476
5482
|
}
|
|
5483
|
+
if (tsCompilerOptions.jsx !== void 0) {
|
|
5484
|
+
opts.jsx = tsCompilerOptions.jsx;
|
|
5485
|
+
}
|
|
5486
|
+
if (tsCompilerOptions.jsxImportSource) {
|
|
5487
|
+
opts.jsxImportSource = "@stencil/core/internal/testing";
|
|
5488
|
+
}
|
|
5477
5489
|
}
|
|
5478
5490
|
const results = transpile(sourceText, opts);
|
|
5479
5491
|
const hasErrors = results.diagnostics.some((diagnostic) => diagnostic.level === "error");
|
|
@@ -6511,6 +6523,12 @@ var jestPreprocessor3 = {
|
|
|
6511
6523
|
if (tsCompilerOptions.paths) {
|
|
6512
6524
|
opts.paths = tsCompilerOptions.paths;
|
|
6513
6525
|
}
|
|
6526
|
+
if (tsCompilerOptions.jsx !== void 0) {
|
|
6527
|
+
opts.jsx = tsCompilerOptions.jsx;
|
|
6528
|
+
}
|
|
6529
|
+
if (tsCompilerOptions.jsxImportSource) {
|
|
6530
|
+
opts.jsxImportSource = "@stencil/core/internal/testing";
|
|
6531
|
+
}
|
|
6514
6532
|
}
|
|
6515
6533
|
const results = transpile(sourceText, opts);
|
|
6516
6534
|
const hasErrors = results.diagnostics.some((diagnostic) => diagnostic.level === "error");
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@postnord/web-components",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.21.2",
|
|
4
4
|
"description": "PostNord Web Components",
|
|
5
5
|
"main": "index.cjs.js",
|
|
6
6
|
"module": "components/index.js",
|
|
@@ -22,31 +22,31 @@
|
|
|
22
22
|
"bom": "cyclonedx-bom -o bom.xml --include-dev"
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@stencil/core": "4.41.
|
|
25
|
+
"@stencil/core": "4.41.3"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
|
-
"@babel/core": "^7.
|
|
28
|
+
"@babel/core": "^7.29.0",
|
|
29
29
|
"@cyclonedx/bom": "^3.10.6",
|
|
30
30
|
"@stencil/sass": "3.2.3",
|
|
31
|
-
"@storybook/addon-a11y": "^10.
|
|
32
|
-
"@storybook/addon-designs": "^11.1.
|
|
33
|
-
"@storybook/addon-docs": "^10.
|
|
34
|
-
"@storybook/builder-vite": "^10.
|
|
35
|
-
"@storybook/cli": "^10.
|
|
36
|
-
"@storybook/web-components-vite": "^10.
|
|
31
|
+
"@storybook/addon-a11y": "^10.2.6",
|
|
32
|
+
"@storybook/addon-designs": "^11.1.1",
|
|
33
|
+
"@storybook/addon-docs": "^10.2.6",
|
|
34
|
+
"@storybook/builder-vite": "^10.2.6",
|
|
35
|
+
"@storybook/cli": "^10.2.6",
|
|
36
|
+
"@storybook/web-components-vite": "^10.2.6",
|
|
37
37
|
"api-now": "^0.5.4",
|
|
38
|
-
"dayjs": "1.11.
|
|
39
|
-
"osls": "^3.
|
|
40
|
-
"plop": "^4.0.
|
|
38
|
+
"dayjs": "1.11.19",
|
|
39
|
+
"osls": "^3.62.1",
|
|
40
|
+
"plop": "^4.0.5",
|
|
41
41
|
"pn-design-assets": "3.0.1",
|
|
42
|
-
"prettier": "3.
|
|
43
|
-
"sass": "^1.
|
|
42
|
+
"prettier": "3.8.1",
|
|
43
|
+
"sass": "^1.97.3",
|
|
44
44
|
"serverless-plugin-scripts": "^1.0.2",
|
|
45
|
-
"storybook": "^10.
|
|
46
|
-
"typescript": "^5.
|
|
47
|
-
"uuid": "^
|
|
48
|
-
"vite": "^7.1
|
|
49
|
-
"vite-tsconfig-paths": "^
|
|
45
|
+
"storybook": "^10.2.6",
|
|
46
|
+
"typescript": "^5.9.3",
|
|
47
|
+
"uuid": "^13.0.0",
|
|
48
|
+
"vite": "^7.3.1",
|
|
49
|
+
"vite-tsconfig-paths": "^6.0.5",
|
|
50
50
|
"wireit": "^0.14.12"
|
|
51
51
|
},
|
|
52
52
|
"license": "MIT",
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* By PostNord.
|
|
4
4
|
*/
|
|
5
|
-
import{t as n}from"./p-
|
|
5
|
+
import{t as n}from"./p-CAEP792y.js";export{d as setTagTransformer}from"./p-CAEP792y.js";const t=[];for(let n=0;n<256;++n)t.push((n+256).toString(16).slice(1));let o;const e=new Uint8Array(16);var r={randomUUID:"undefined"!=typeof crypto&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};const u="SE",c="DK",i="FI",p="NO",s="sv",f="en",a="da",m="fi",w="no",y=[u,"DK","FI","NO"],h=[s,f,a,m,w],l={SE:[s,f],DK:[a,f],FI:[m,s,f],NO:[w,f]},g={KB:1024,MB:1048576,GB:1048576,TB:1073741824},b=function(n){const t=/(\d+\.?\d*)\s?([a-zA-Z]{2})?$/;if(t.test(n)){const o=n.match(t),e=(o[2]||"").toLocaleUpperCase(),r=parseInt(o[1]);return e&&g[e]?r*g[e]:r}return 0};function x(){return window.innerWidth/16<55}function E(){const{matches:n}=window.matchMedia("(prefers-reduced-motion: reduce)");return n}const v=()=>r.randomUUID?r.randomUUID():function(n){const r=(n=n||{}).random??n.rng?.()??function(){if(!o){if("undefined"==typeof crypto||!crypto.getRandomValues)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");o=crypto.getRandomValues.bind(crypto)}return o(e)}();if(r.length<16)throw new Error("Random bytes length must be >= 16");return r[6]=15&r[6]|64,r[8]=63&r[8]|128,function(n,o=0){return(t[n[o+0]]+t[n[o+1]]+t[n[o+2]]+t[n[o+3]]+"-"+t[n[o+4]]+t[n[o+5]]+"-"+t[n[o+6]]+t[n[o+7]]+"-"+t[n[o+8]]+t[n[o+9]]+"-"+t[n[o+10]]+t[n[o+11]]+t[n[o+12]]+t[n[o+13]]+t[n[o+14]]+t[n[o+15]]).toLowerCase()}(r)}(undefined);function I(){return document?.querySelector("pn-topbar")?.offsetHeight||0}function A(){return x()&&document?.querySelector("pn-side-menu")?.offsetHeight||0}function B(){return x()?0:document?.querySelector("pn-side-menu")?.offsetWidth||0}function D(){const n=I()+A();return n>window.scrollY?n-window.scrollY:0}async function K(n){const t=()=>window.pnTopbar;function o(o){const e=o||t();return n.market=e.market,n.language=e.language,e.hasLoaded&&(t().onChangeMarket=t=>n.market=t,t().onChangeLanguage=t=>n.language=t),e}return await new Promise((e=>document.querySelector("pn-topbar")?t()?.hasLoaded?e(o()):void window.addEventListener("topbarLoaded",(()=>e(o()))):e(o({hasLoaded:!1,market:n.market||u,language:n.language||f}))))}const T=(t,o,e)=>{if(E())return;const{left:r,top:u,width:c,height:i}=o.getBoundingClientRect(),{clientX:d=0,clientY:p=0}=t||{},s=c>i?c:i,f=document.createElement(n("div"));f.classList.add("pn-ripple"),f.style.height=2*s+"px",f.style.width=2*s+"px",f.style.left=d>0?d-r+"px":"50%",f.style.top=p>0?p-u+"px":"50%",e?o.querySelector(e).appendChild(f):o.appendChild(f),setTimeout((()=>f.remove()),400)};export{c as DK,i as FI,p as NO,u as SE,K as awaitTopbar,a as da,f as en,m as fi,b as getBytesFromHumanReadableFileSize,A as getMenuHeight,B as getMenuWidth,I as getTopbarHeight,D as getTotalHeightOffset,x as isSmallScreen,h as languages,l as marketMap,y as markets,w as no,E as reduceMotion,T as ripple,s as sv,v as uuidv4}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* By PostNord.
|
|
4
4
|
*/
|
|
5
|
-
import{t,r as n,g as o,h as i,a as e}from"./p-
|
|
5
|
+
import{t,r as n,g as o,h as i,a as e}from"./p-CAEP792y.js";import{uuidv4 as d}from"./index.esm.js";const r=class{constructor(t){n(this,t)}id=`pn-button-${d()}`;focusableElements;container;dropdownButtonId=`${this.id}-dropdown`;dropdownContentId=`${this.id}-content`;get hostElement(){return o(this)}right=!1;top=!1;label;icon;appearance="";variant="";small=!1;tooltip;open=!1;openHandler(){this.toggleDropdown(),this.open?(document.addEventListener("click",this.globalHandler),document.addEventListener("keyup",this.globalHandler)):(document.removeEventListener("click",this.globalHandler),document.removeEventListener("keyup",this.globalHandler))}componentDidLoad(){this.open&&this.openHandler()}getRect(t){return t.getBoundingClientRect()}globalHandler=t=>{this.hostElement.contains(t.target)&&"Escape"!==t?.key||(this.open=!1)};toggleDropdown(){this.right=this.hostElement.offsetLeft>window.innerWidth/2,requestAnimationFrame((()=>{this.open&&(this.container.style.transition="none",this.container.style.transform="none");const t=this.getRect(this.container),n=this.getRect(this.hostElement),o=n.top>t.height+.025*window.innerWidth;this.top=o&&n.top+n.height+t.height>window.innerHeight-.025*window.innerWidth;let i=0;(t.right>window.innerWidth||t.x<0)&&(i=t.x+t.width+.025*window.innerWidth-window.innerWidth),this.container.style.transform="",requestAnimationFrame((()=>{this.container.style.transition="",this.container.style.transform=this.open?`scale(1) translateX(-${i}px)`:"",requestAnimationFrame((()=>{this.hostElement.querySelector(".pn-button-dropdown").dataset.open=`${this.open}`}))}))}))}toggle=()=>{this.open=!this.open};render(){return i(e,{key:"0b6deb752a9f01bea9571627205b5cd3efbc1c66"},i("div",{key:"c7833d539d682a980bb7cc529f17d9942ffd7eb2",class:"pn-button-dropdown"},i("pn-button",{key:"42d252b99f98b0c3f51795c894e899c6489839c2",label:this.label,buttonId:this.dropdownButtonId,class:"pn-button-dropdown-label",appearance:this.appearance,variant:this.variant,small:this.small,icon:this.icon,iconOnly:!!this.tooltip&&!!this.icon&&!this.label,ariacontrols:this.dropdownContentId,ariahaspopup:"true",ariaexpanded:this.open.toString(),tooltip:this.tooltip,tooltipUp:!this.top,onPnClick:this.toggle}),i("div",{key:"dd494c992ef2b51f31ed5c48d87fb3044ed40009",ref:t=>this.container=t,id:this.dropdownContentId,class:"pn-button-dropdown-container",role:"region","aria-labelledby":this.dropdownButtonId,"data-right":this.right,"data-top":this.top},i("div",{key:"e217ae843fa641335ce0714272f68f9a080afe7d",class:"pn-button-dropdown-content"},i("slot",{key:"f52ad763a52e9ee17d9a95a1e3a959d61fae2fe1"})))))}static get watchers(){return{open:[{openHandler:0}]}}};r.style=`${t("pn-button-dropdown")}{display:inline-block;position:relative}${t("pn-button-dropdown")} .pn-button-dropdown-container{z-index:10;position:absolute;top:130%;left:0;background-color:#ffffff;border-radius:1em;box-shadow:0 0.125em 1em rgba(0, 0, 0, 0.2);overflow-y:auto;max-width:95vw;max-width:min(95vw, 40em);max-height:80vh;transform:scale(0);transform-origin:top left;transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-button-dropdown")} .pn-button-dropdown-container{transition-duration:0s;transition-delay:0s}}${t("pn-button-dropdown")} .pn-button-dropdown-container{transition-delay:0.2s}${t("pn-button-dropdown")} .pn-button-dropdown-container[data-right]{left:unset;right:0;transform-origin:top right}${t("pn-button-dropdown")} .pn-button-dropdown-container[data-top]{top:unset;bottom:130%;transform-origin:bottom left}${t("pn-button-dropdown")} .pn-button-dropdown-content{position:relative;padding:1em;opacity:0;width:max-content;max-width:100%;visibility:hidden;transition-property:opacity, visibility;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-button-dropdown")} .pn-button-dropdown-content{transition-duration:0s;transition-delay:0s}}${t("pn-button-dropdown")} .pn-button-dropdown-content{transition-delay:0s, 0.2s}${t("pn-button-dropdown")} .pn-button-dropdown[data-open=true] .pn-button-dropdown-container{transition-delay:0s}${t("pn-button-dropdown")} .pn-button-dropdown[data-open=true] .pn-button-dropdown-content{opacity:1;visibility:visible}`;export{r as pn_button_dropdown}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Stencil
|
|
3
|
+
* By PostNord.
|
|
4
|
+
*/
|
|
5
|
+
import{t as e,r as t,g as n,h as o,a as i}from"./p-CAEP792y.js";import{uuidv4 as g}from"./index.esm.js";const l=class{constructor(e){t(this,e)}id=`pn-toggle-${g()}`;idHelper=`${this.id}-helper`;get hostElement(){return n(this)}label;helpertext;checked=!1;toggleid=this.id;name=null;value=null;small=!1;large=!1;disabled=!1;loading=!1;handleHelperId(){this.id!==this.toggleid&&(this.idHelper=`${this.toggleid}-helper`)}componentWillLoad(){this.handleHelperId()}hasHelpertextProp(){return!!this.helpertext}hasHelpertextSlot(){return!!this.hostElement.querySelector('[slot="helpertext"]')}showHelpertext(){return this.hasHelpertextProp()||this.hasHelpertextSlot()}describedBy(){return this.showHelpertext()?this.idHelper:null}render(){return o(i,{key:"b88bbc2385be79dd584ecee5e53dc89832de49c3"},o("div",{key:"4a413f2b2acf8551dc2852ba0d3a45f4cbf17a4d",class:"pn-toggle"},this.label&&o("div",{key:"944a36f2018335a283092c909af2f37846850eb8",class:"pn-toggle-content"},o("label",{key:"2536eaf65117b1c70d1ec31f17faa41f2a6fced4",htmlFor:this.toggleid,class:"pn-toggle-label"},o("span",{key:"eae8a38d31f6bc05faa9d56c08517f9302be9a3e"},this.label)),o("p",{key:"6173ba384459c406eb98fe4318e080b6cd36031a",id:this.idHelper,class:"pn-toggle-helper",hidden:!this.showHelpertext()},this.hasHelpertextProp()&&o("span",{key:"d4a52d7786e7a63ca3f201c3ad7cb8793e377c12"},this.helpertext),o("slot",{key:"06406382d523b70b8acb094a82794652a4481528",name:"helpertext"}))),o("div",{key:"4676dd88652c903f94d3f887e97841e00bbe09e2",class:"pn-toggle-button","data-small":this.small,"data-large":this.large,"data-loading":this.loading},o("input",{key:"d2656b2f8ff8e74bd4d4c2f1c4791e984ec3e50b",id:this.toggleid,class:"pn-toggle-element",type:"checkbox",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,"aria-describedby":this.describedBy()}),o("div",{key:"93caefd228460120aae22ba48e6c93d6df676fcf",class:"pn-toggle-bg"}),o("div",{key:"03299104835602d126960ad67ab51f94d27cf3c5",class:"pn-toggle-circle"},o("svg",{key:"5f61f589797b3ca97a66cd42deab3065543679d2",class:"pn-toggle-check",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},o("polyline",{key:"d974e5cc198d19cf17e42e0b35097f87d11404a0",points:"4,12 9,17 20,6","stroke-width":"3"})),o("pn-spinner",{key:"6f5c5fb05e0c9fd95b16d45833f50167af22e358",size:1.125})))))}static get watchers(){return{toggleid:[{handleHelperId:0}]}}};l.style=`${e("pn-toggle-switch")}{display:inline-block;position:relative}${e("pn-toggle-switch")} .pn-toggle{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1em}${e("pn-toggle-switch")} .pn-toggle-label{cursor:pointer;display:flex;justify-content:space-between;align-items:flex-end;font-weight:500;color:#2d2013;margin:0;gap:0.5em;-webkit-tap-highlight-color:transparent;transition-property:color, transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-toggle-switch")} .pn-toggle-label{transition-duration:0s;transition-delay:0s}}${e("pn-toggle-switch")} .pn-toggle-label>span{font-size:1em}${e("pn-toggle-switch")} .pn-toggle-helper{color:#5e554a;font-size:0.875em;font-weight:400;margin:0.25em 0 0 0;display:flex;flex-direction:column;gap:0.25em}${e("pn-toggle-switch")} .pn-toggle-content{flex:1 0}${e("pn-toggle-switch")} .pn-toggle-button{position:relative;font-size:1em;width:3.625em;height:2em;padding:0.1875em;transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-toggle-switch")} .pn-toggle-button{transition-duration:0s;transition-delay:0s}}${e("pn-toggle-switch")} .pn-toggle-button{-webkit-tap-highlight-color:transparent}${e("pn-toggle-switch")} .pn-toggle-button[data-small]{width:2.625em;height:1.5em}${e("pn-toggle-switch")} .pn-toggle-button[data-small] .pn-toggle-circle{width:1.125em;height:1.125em}${e("pn-toggle-switch")} .pn-toggle-button[data-small][data-loading]>.pn-toggle-bg{width:1.5em}${e("pn-toggle-switch")} .pn-toggle-button[data-large]{width:4.625em;height:2.5em}${e("pn-toggle-switch")} .pn-toggle-button[data-large] .pn-toggle-circle{width:2.125em;height:2.125em}${e("pn-toggle-switch")} .pn-toggle-button[data-large][data-loading]>.pn-toggle-bg{width:2.5em}${e("pn-toggle-switch")} .pn-toggle-button[data-loading] .pn-toggle-bg{width:2em}${e("pn-toggle-switch")} .pn-toggle-button[data-loading] .pn-toggle-circle,${e("pn-toggle-switch")} .pn-toggle-button[data-loading] .pn-toggle-element:checked~.pn-toggle-circle{transform:translateX(50%)}${e("pn-toggle-switch")} .pn-toggle-button[data-loading] .pn-toggle-element:checked~.pn-toggle-circle .pn-toggle-check{opacity:0}${e("pn-toggle-switch")} .pn-toggle-button[data-loading] .pn-toggle-element:checked~.pn-toggle-circle .pn-toggle-check polyline{stroke-dashoffset:23;transition-delay:0s}${e("pn-toggle-switch")} .pn-toggle-button[data-loading] ${e("pn-spinner")}{opacity:1}${e("pn-toggle-switch")} .pn-toggle-bg{position:absolute;top:0;left:50%;width:100%;height:100%;z-index:0;border-radius:2em;background-color:#969087;transform:translateX(-50%);outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:width, background-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-toggle-switch")} .pn-toggle-bg{transition-duration:0s;transition-delay:0s}}${e("pn-toggle-switch")} .pn-toggle-circle{position:relative;z-index:1;width:1.625em;height:1.625em;background-color:#ffffff;box-shadow:0 0.25em 0.5em rgba(0, 0, 0, 0.1);border-radius:50%;padding:0.25em;transition-property:transform, background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-toggle-switch")} .pn-toggle-circle{transition-duration:0s;transition-delay:0s}}${e("pn-toggle-switch")} .pn-toggle-circle{transform:translateX(0%)}${e("pn-toggle-switch")} .pn-toggle-element{position:absolute;z-index:3;top:0;left:0;cursor:pointer;width:100%;height:100%;opacity:0;margin:0;}${e("pn-toggle-switch")} .pn-toggle-element:focus-visible+.pn-toggle-bg{outline-color:#005d92}${e("pn-toggle-switch")} .pn-toggle-element:hover+.pn-toggle-bg{background-color:#5e554a}${e("pn-toggle-switch")} .pn-toggle-element:hover:checked+.pn-toggle-bg{background-color:#0d234b}${e("pn-toggle-switch")} .pn-toggle-element:hover:checked~.pn-toggle-circle .pn-toggle-check polyline{stroke:#0d234b}${e("pn-toggle-switch")} .pn-toggle-element:checked~.pn-toggle-bg{background-color:#005d92}${e("pn-toggle-switch")} .pn-toggle-element:checked~.pn-toggle-circle{transform:translateX(100%)}${e("pn-toggle-switch")} .pn-toggle-element:checked~.pn-toggle-circle .pn-toggle-check{opacity:1}${e("pn-toggle-switch")} .pn-toggle-element:checked~.pn-toggle-circle .pn-toggle-check polyline{transition-delay:0.2s, 0s;stroke-dashoffset:0}${e("pn-toggle-switch")} .pn-toggle-element:disabled{cursor:not-allowed}${e("pn-toggle-switch")} .pn-toggle-element:disabled+.pn-toggle-bg{background-color:#d3cecb;box-shadow:none}${e("pn-toggle-switch")} .pn-toggle-element:disabled~.pn-toggle-circle{background-color:#f3f2f2}${e("pn-toggle-switch")} .pn-toggle-element:disabled~.pn-toggle-circle .pn-toggle-check polyline{stroke:#969087}${e("pn-toggle-switch")} .pn-toggle-element:disabled~.pn-toggle-circle ${e("pn-spinner")} .pn-spinner-circle{stroke:#969087}${e("pn-toggle-switch")} .pn-toggle-element:disabled~.pn-toggle-circle ${e("pn-spinner")} .pn-spinner-dot{fill:#969087}${e("pn-toggle-switch")} .pn-toggle-element:disabled:hover+.pn-toggle-bg,${e("pn-toggle-switch")} .pn-toggle-element:disabled:hover:checked+.pn-toggle-bg{background-color:#d3cecb}${e("pn-toggle-switch")} .pn-toggle-element:disabled:hover~.pn-toggle-circle .pn-toggle-check polyline,${e("pn-toggle-switch")} .pn-toggle-element:disabled:hover:checked~.pn-toggle-circle .pn-toggle-check polyline{stroke:#969087}${e("pn-toggle-switch")} .pn-toggle-check{position:absolute;left:50%;top:50%;height:1.5em;width:1.5em;padding:0.25em;transform:translate(-50%, -50%);opacity:0;transition-property:opacity;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-toggle-switch")} .pn-toggle-check{transition-duration:0s;transition-delay:0s}}${e("pn-toggle-switch")} .pn-toggle-check polyline{stroke:#005d92;stroke-linecap:round;stroke-dasharray:23;stroke-dashoffset:23;transition-property:stroke-dashoffset, stroke;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-toggle-switch")} .pn-toggle-check polyline{transition-duration:0s;transition-delay:0s}}${e("pn-toggle-switch")} .pn-toggle ${e("pn-spinner")}{opacity:0;transition-property:opacity;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-toggle-switch")} .pn-toggle ${e("pn-spinner")}{transition-duration:0s;transition-delay:0s}}${e("pn-toggle-switch")} .pn-toggle ${e("pn-spinner")} .pn-spinner-circle{transition-property:stroke;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-toggle-switch")} .pn-toggle ${e("pn-spinner")} .pn-spinner-circle{transition-duration:0s;transition-delay:0s}}${e("pn-toggle-switch")} .pn-toggle ${e("pn-spinner")} .pn-spinner-dot{transition-property:fill;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-toggle-switch")} .pn-toggle ${e("pn-spinner")} .pn-spinner-dot{transition-duration:0s;transition-delay:0s}}`;export{l as pn_toggle_switch}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* By PostNord.
|
|
4
4
|
*/
|
|
5
|
-
import{r as s,c as e,g as t,t as r,h as i}from"./p-
|
|
5
|
+
import{r as s,c as e,g as t,t as r,h as i}from"./p-CAEP792y.js";const a=class{constructor(t){s(this,t),this.progresschange=e(this,"progresschange")}get hostElement(){return t(this)}activeStep=0;progresschange;setActiveStepHandler({detail:s}){this.activeStep=s,this.progresschange.emit(this.activeStep)}componentWillLoad(){this.passPropsToChildren()}componentDidUpdate(){this.passPropsToChildren()}passPropsToChildren(){Array.from(this.hostElement.querySelectorAll(`${r("pn-progress-indicator-step")}`)).forEach(((s,e)=>{s.activeStep=this.activeStep,s.index=e}))}render(){return i("div",{key:"1108f70edf525c6e7e0e45d34a6d58e69c5b9ab2",class:"pn-progress-indicator"},i("slot",{key:"c4035cf9fadb46f4e573c0225bebb2f8f7187da6"}))}};a.style=".pn-progress-indicator{display:flex;padding:2.8em 1em 0}";export{a as pn_progress_indicator}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* By PostNord.
|
|
4
4
|
*/
|
|
5
|
-
import{t,r as i,c as e,g as r,h as a,a as n}from"./p-DWsprozV.js";import{uuidv4 as s,reduceMotion as o,awaitTopbar as d,en as h,isSmallScreen as p}from"./index.esm.js";import{a as l}from"./p-D_UyW-KH.js";import{c}from"./p-BvuWkoyY.js";const f={NEXT:{sv:"Nästa",en:"Next",da:"Næste",fi:"Seuraava",no:"Neste"},PREV:{sv:"Föregående",en:"Previous",da:"Forrige",fi:"Edellinen",no:"Forrige"},FINISH:{sv:"Slutför",en:"Finish",da:"Afslut",fi:"Valmis",no:"Fullfør"},CANCEL:{sv:"Avbryt",en:"Cancel",da:"Annuller",fi:"Peruuta",no:"Avbryt"}},w=class{constructor(t){i(this,t),this.wizardStep=e(this,"wizardStep"),this.wizardHighlightClick=e(this,"wizardHighlightClick"),this.wizardClose=e(this,"wizardClose")}id=`pn-wizard-${s()}`;wizardIdLabel;wizardIdHelpertext;wizardElement;wizardContent;wizardArrow;timeoutRerender;get hostElement(){return r(this)}label="";helpertext="";language=null;pnId=this.id;step=-1;steps=[];progress="";scrollBlock="center";displayOverflow=!1;hideBack=!1;hideNext=!1;hideFinish=!1;labelBack="";labelNext="";labelFinish="";wizardStep;wizardHighlightClick;wizardClose;handleStepChange(t,i){if(-1===i&&(this.highlightElement(),this.positionModal()),-1===t){const t=i===this.steps.length;this.wizardClose.emit({step:t?i-1:i,finished:t})}if(!this.isActive())return this.wizardElement?.close(),void setTimeout((()=>this.handleDisplayOverflow()),o()?0:400);this.wizardElement.open||(this.handleDisplayOverflow(),this.wizardElement?.showModal()),this.wizardStep.emit({step:t,next:t>(i??-1),prev:t<(i??-1)})}handleIdChange(){this.wizardIdLabel=`${this.pnId||this.id}-label`,this.wizardIdHelpertext=`${this.pnId||this.id}-helpertext`}handleOverflow(){this.isActive()&&(clearTimeout(this.timeoutRerender),this.timeoutRerender=setTimeout((()=>{this.highlightElement(),this.positionModal()}),250))}async componentWillLoad(){this.handleIdChange(),null===this.language&&await d(this.hostElement)}componentDidRender(){this.runStepLogic()}getRect(t){return t.getBoundingClientRect()}translate(t){return f?.[t]?.[this.language||h]||t}handleDisplayOverflow(){if(this.displayOverflow)return;const t=document.body,i=innerWidth-document.documentElement.clientWidth;this.isActive()?(t.style.setProperty("overflow","hidden"),t.style.marginRight=`${i}px`):(t.style.removeProperty("overflow"),t.style.removeProperty("margin-right"))}isActive(t=this.step){return t>=0&&t<this.steps.length}isOpen(){return this.isActive()&&this.wizardElement?.open}isClosed(t=this.step){return-1===t}isFirstStep(){return 0===this.step}isLastStep(t=this.step){return 1===this.steps.length||t===this.steps.length-1}isProgressDots(){return"dots"===this.progress}isProgressText(){return"text"===this.progress}renderProgress(){return 7>=this.steps.length&&(this.isProgressDots()||this.isProgressText())}showBackButton(){return!(this.hideBack||this.isClosed()||this.isFirstStep())}showNextButton(){return!this.hideNext&&(!this.isLastStep()||this.showFinishButton())}showFinishButton(){return!this.hideFinish&&this.isLastStep()}runStepLogic(){this.isOpen()&&requestAnimationFrame((()=>{this.highlightElement(),this.positionModal(),this.scrollToElement()}))}nextStep(){this.step=this.step+1}prevStep(){this.step=this.step-1}endWizard(){this.step=-1}getNextLabel(){const t=this.labelFinish||"FINISH",i=this.labelNext||"NEXT",e=this.isLastStep()?t:i;return this.translate(e)}getHighlightTarget(){return document.querySelector(this.steps[this.step])}getHighlightRect(){const t=this.getHighlightTarget();if(!t)return;const i=this.getRect(t),e=parseFloat(getComputedStyle(t).margin)||0;return{top:i.top+window.scrollY-e,left:i.left+window.scrollX-e,width:i.width+2*e,height:i.height+2*e,radius:parseFloat(getComputedStyle(t).borderRadius)||4}}scrollToElement(){const t=this.getHighlightTarget();t&&t.scrollIntoView({behavior:"smooth",block:this.scrollBlock})}highlightElement(){this.getHighlightTarget()&&this.setHighlightVars(this.getHighlightRect())}positionModal(){if(!this.getHighlightTarget())return;const t=16,{top:i,left:e,width:r,height:a}=this.getHighlightRect(),{width:n,height:s}=this.getRect(this.wizardContent),o=e+r/2;let d=0,h=0;const{scrollY:l,scrollX:c,innerWidth:f,innerHeight:w}=window,u=f-document.documentElement.clientWidth,b=i+a+t+s<l+w,g=i-t-s>l,m=e-t-n>c,z=e+r+t+n<c+f,x=m||z;let y=8,v=8;y=b?i+a+t:i-s-t,v=c+f-n-u-8;let $=0,k="top";b||g?(d=o-n/2,h=b?i+a+t:i-s-t,k=b?"top":"bottom",$=o-d):x?(d=z?e+r+t:e-n-t,h=i+a/2-s/2,y=i+a/2,k=z?"left":"right",$=s/2):!(b||g||m||z)&&(d=o-n/2,h=i+a-s/2,y=w-s-8,k="top",$=o-d),d=Math.max(c+u||8,Math.min(d,v)),h=Math.max(8,Math.min(h,y)),this.setModalVars({top:h,left:d}),p()&&(k="top"),$="top"===k||"bottom"===k?o-d:i+a/2-h,$=Math.max(32,Math.min($-8,(x?s:n)-32)),this.setArrowVars(k,$)}setHighlightVars({top:t,left:i,width:e,height:r,radius:a}){this.hostElement.style.setProperty("--pn-spotlight-x",`${Math.round(i)}px`),this.hostElement.style.setProperty("--pn-spotlight-y",`${Math.round(t)}px`),this.hostElement.style.setProperty("--pn-spotlight-width",`${Math.round(e)}px`),this.hostElement.style.setProperty("--pn-spotlight-height",`${Math.round(r)}px`),this.hostElement.style.setProperty("--pn-spotlight-radius",`${Math.round(a)}px`)}setModalVars({top:t,left:i}){this.hostElement.style.setProperty("--pn-wizard-content-x",`${Math.round(i)}px`),this.hostElement.style.setProperty("--pn-wizard-content-y",`${Math.round(t)}px`)}setArrowVars(t,i){this.wizardArrow.setAttribute("data-arrow",t),this.hostElement.style.setProperty("--pn-arrow-offset",`${Math.round(i)}px`)}render(){return a(n,{key:"08f0d484f684188c7283535da328d6bd681b74d5"},a("dialog",{key:"56810278e58795390973a9ebbe0bd797b731b1f8",id:this.pnId,"aria-labelledby":this.label?this.wizardIdLabel:null,"aria-describedby":this.helpertext?this.wizardIdHelpertext:null,class:"pn-wizard",ref:t=>this.wizardElement=t,onCancel:()=>this.endWizard(),onClose:()=>this.endWizard()},a("div",{key:"824bbd673177648865e9328ee5aa51e157aa7347",class:"pn-wizard-overlay"},a("div",{key:"a2236247ba49e18de2a4aa2666fa1e07e6aaa1c4",class:"pn-wizard-highlight",onClick:t=>this.wizardHighlightClick.emit(t)})),a("div",{key:"77d5f6e74c49b2a92a8c9c8f9207594bec0545c7",class:"pn-wizard-content",ref:t=>this.wizardContent=t},a("pn-button",{key:"28fdec2fa470ff03b916325d0085a7bd4cd8f504",class:"pn-wizard-cancel",arialabel:this.translate("CANCEL"),icon:c,iconOnly:!0,small:!0,appearance:"light",variant:"borderless",onPnClick:()=>this.endWizard()}),a("div",{key:"ff7e6051e041c008c639e392896e885e4dcb0364",class:"pn-wizard-text"},this.label&&a("h2",{key:"9b8098099707558b66f1b422dc6ada70084d9829",class:"pn-wizard-label",id:this.wizardIdLabel},this.label),this.helpertext&&a("p",{key:"4db3b8ab391daf06f5731be43c9c116acd934b1f",class:"pn-wizard-helpertext",id:this.wizardIdHelpertext},this.helpertext),a("slot",{key:"5f72315df3102a605d2d4a220cfebfa216101f8c"}),this.renderProgress()&&a("pn-progress-stepper",{key:"becee14c8d2ad3fe3a9d902dd080f4df760e227e",class:!this.isProgressDots()&&"pn-wizard-sr-only",totalSteps:this.steps.length,currentStep:this.step>0?this.step+1:1,dots:!0})),a("div",{key:"264270d944373b1570a09a330bef6c6e8ad07e4d",class:"pn-wizard-arrow",ref:t=>this.wizardArrow=t}),a("div",{key:"1420663b8cc3996eb67f640d3a7f981f1fafff82",class:"pn-wizard-controls"},this.isProgressText()&&a("span",{key:"99cd61e352d16b15129239c8c1932a1e8ff3d675",class:"pn-wizard-indicator","aria-hidden":"true"},this.step+1,"/",this.steps.length),a("slot",{key:"f48e48097089a24ed48726046e5bb9b8a36ca1ec",name:"buttons"}),this.showBackButton()&&a("pn-button",{key:"9504536c3602f6280d30aa6f95043d2a66c2ac98",label:this.labelBack||this.translate("PREV"),small:!0,appearance:"light",variant:"outlined",onPnClick:()=>this.prevStep()}),this.showNextButton()&&a("pn-button",{key:"c5997f60733d2f220138fbf3caf24f44271d63f3",label:this.getNextLabel(),small:!0,icon:l,onPnClick:()=>this.nextStep()})))))}static get watchers(){return{step:[{handleStepChange:0}],pnId:[{handleIdChange:0}]}}};w.style=`${t("pn-wizard")} .pn-wizard{z-index:10000;position:absolute;top:0;border:none;margin:0;padding:0;background-color:transparent;outline:none;overflow:unset;height:100%;width:100%;max-width:unset;max-height:unset;display:none;opacity:0;transition-property:display, opacity;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-wizard")} .pn-wizard{transition-duration:0s;transition-delay:0s}}${t("pn-wizard")} .pn-wizard{transition-behavior:allow-discrete}${t("pn-wizard")} .pn-wizard[open]{display:block;opacity:1}@starting-style{${t("pn-wizard")} .pn-wizard[open]{display:block;opacity:0}}${t("pn-wizard")} .pn-wizard::backdrop{background-color:transparent}${t("pn-wizard")} .pn-wizard-sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);margin:-1px;white-space:nowrap}${t("pn-wizard")} .pn-wizard-overlay{z-index:0}${t("pn-wizard")} .pn-wizard-highlight{position:absolute;left:0;top:0;width:var(--pn-spotlight-width, 0%);height:var(--pn-spotlight-height, 0%);border-radius:var(--pn-spotlight-radius, 0.25em);box-shadow:0 0 0 9999px rgba(0, 0, 0, 0.55);z-index:0;transform:translate(var(--pn-spotlight-x, 0%), var(--pn-spotlight-y, 0%));transition-property:transform, width, height, border-radius;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-wizard")} .pn-wizard-highlight{transition-duration:0s;transition-delay:0s}}${t("pn-wizard")} .pn-wizard-content{position:absolute;z-index:1;background:#ffffff;border-radius:2em;max-width:20em;box-shadow:0 0 0.5em rgba(0, 0, 0, 0.3);left:0;top:0;transform:translate(var(--pn-wizard-content-x), var(--pn-wizard-content-y));transition-property:transform;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-wizard")} .pn-wizard-content{transition-duration:0s;transition-delay:0s}}@media (max-width: 55em){${t("pn-wizard")} .pn-wizard-content{position:fixed;top:unset;bottom:0;left:0.5em;border-radius:2em 2em 0 0;width:calc(100vw - 1em);max-width:unset;transform:none}}${t("pn-wizard")} .pn-wizard-cancel{position:absolute;top:1em;right:1em;z-index:10}${t("pn-wizard")} .pn-wizard-text{padding:3em 1em 1em;text-align:center;display:flex;flex-direction:column;flex-wrap:nowrap;gap:clamp(0.5em, 5vw, 1em)}${t("pn-wizard")} .pn-wizard-label{margin:0;font-size:clamp(1.25em, 5vw, 1.5em);font-weight:700;color:#2d2013}${t("pn-wizard")} .pn-wizard-helpertext{margin:0;font-size:clamp(0.875em, 5vw, 1em);font-weight:400;color:#5e554a}${t("pn-wizard")} .pn-wizard-controls{border-top:0.0625em solid #d3cecb;padding:1em;display:flex;justify-content:end;gap:0.5em;flex-wrap:wrap}${t("pn-wizard")} .pn-wizard-indicator{margin-right:auto;align-self:center;font-size:1em;color:#5e554a;padding:0 0.625em}${t("pn-wizard")} .pn-wizard-arrow{position:absolute;width:0;height:0;border:0.5em solid transparent;top:0;right:0;bottom:0;left:0;transition-property:top, right, bottom, left, border-color;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-wizard")} .pn-wizard-arrow{transition-duration:0s;transition-delay:0s}}${t("pn-wizard")} .pn-wizard-arrow[data-arrow=bottom]{top:100%;bottom:-1em;left:var(--pn-arrow-offset);border-top-color:#ffffff}${t("pn-wizard")} .pn-wizard-arrow[data-arrow=top]{top:-1em;left:var(--pn-arrow-offset);border-bottom-color:#ffffff}${t("pn-wizard")} .pn-wizard-arrow[data-arrow=right]{right:-1em;left:100%;top:var(--pn-arrow-offset);border-left-color:#ffffff}${t("pn-wizard")} .pn-wizard-arrow[data-arrow=left]{left:-1em;top:var(--pn-arrow-offset);border-right-color:#ffffff}${t("pn-wizard")} .pn-wizard-arrow[data-arrow=none]{display:none}`;export{w as pn_wizard}
|
|
5
|
+
import{t,r as i,c as e,g as r,h as a,a as n}from"./p-CAEP792y.js";import{uuidv4 as s,reduceMotion as o,awaitTopbar as d,en as h,isSmallScreen as p}from"./index.esm.js";import{a as l}from"./p-D_UyW-KH.js";import{c}from"./p-BvuWkoyY.js";const f={NEXT:{sv:"Nästa",en:"Next",da:"Næste",fi:"Seuraava",no:"Neste"},PREV:{sv:"Föregående",en:"Previous",da:"Forrige",fi:"Edellinen",no:"Forrige"},FINISH:{sv:"Slutför",en:"Finish",da:"Afslut",fi:"Valmis",no:"Fullfør"},CANCEL:{sv:"Avbryt",en:"Cancel",da:"Annuller",fi:"Peruuta",no:"Avbryt"}},w=class{constructor(t){i(this,t),this.wizardStep=e(this,"wizardStep"),this.wizardHighlightClick=e(this,"wizardHighlightClick"),this.wizardClose=e(this,"wizardClose")}id=`pn-wizard-${s()}`;wizardIdLabel;wizardIdHelpertext;wizardElement;wizardContent;wizardArrow;timeoutRerender;get hostElement(){return r(this)}label="";helpertext="";language=null;pnId=this.id;step=-1;steps=[];progress="";scrollBlock="center";displayOverflow=!1;hideBack=!1;hideNext=!1;hideFinish=!1;labelBack="";labelNext="";labelFinish="";wizardStep;wizardHighlightClick;wizardClose;handleStepChange(t,i){if(-1===i&&(this.highlightElement(),this.positionModal()),-1===t){const t=i===this.steps.length;this.wizardClose.emit({step:t?i-1:i,finished:t})}if(!this.isActive())return this.wizardElement?.close(),void setTimeout((()=>this.handleDisplayOverflow()),o()?0:400);this.wizardElement.open||(this.handleDisplayOverflow(),this.wizardElement?.showModal()),this.wizardStep.emit({step:t,next:t>(i??-1),prev:t<(i??-1)})}handleIdChange(){this.wizardIdLabel=`${this.pnId||this.id}-label`,this.wizardIdHelpertext=`${this.pnId||this.id}-helpertext`}handleOverflow(){this.isActive()&&(clearTimeout(this.timeoutRerender),this.timeoutRerender=setTimeout((()=>{this.highlightElement(),this.positionModal()}),250))}async componentWillLoad(){this.handleIdChange(),null===this.language&&await d(this.hostElement)}componentDidRender(){this.runStepLogic()}getRect(t){return t.getBoundingClientRect()}translate(t){return f?.[t]?.[this.language||h]||t}handleDisplayOverflow(){if(this.displayOverflow)return;const t=document.body,i=innerWidth-document.documentElement.clientWidth;this.isActive()?(t.style.setProperty("overflow","hidden"),t.style.marginRight=`${i}px`):(t.style.removeProperty("overflow"),t.style.removeProperty("margin-right"))}isActive(t=this.step){return t>=0&&t<this.steps.length}isOpen(){return this.isActive()&&this.wizardElement?.open}isClosed(t=this.step){return-1===t}isFirstStep(){return 0===this.step}isLastStep(t=this.step){return 1===this.steps.length||t===this.steps.length-1}isProgressDots(){return"dots"===this.progress}isProgressText(){return"text"===this.progress}renderProgress(){return 7>=this.steps.length&&(this.isProgressDots()||this.isProgressText())}showBackButton(){return!(this.hideBack||this.isClosed()||this.isFirstStep())}showNextButton(){return!this.hideNext&&(!this.isLastStep()||this.showFinishButton())}showFinishButton(){return!this.hideFinish&&this.isLastStep()}runStepLogic(){this.isOpen()&&requestAnimationFrame((()=>{this.highlightElement(),this.positionModal(),this.scrollToElement()}))}nextStep(){this.step=this.step+1}prevStep(){this.step=this.step-1}endWizard(){this.step=-1}getNextLabel(){const t=this.labelFinish||"FINISH",i=this.labelNext||"NEXT",e=this.isLastStep()?t:i;return this.translate(e)}getHighlightTarget(){return document.querySelector(this.steps[this.step])}getHighlightRect(){const t=this.getHighlightTarget();if(!t)return;const i=this.getRect(t),e=parseFloat(getComputedStyle(t).margin)||0;return{top:i.top+window.scrollY-e,left:i.left+window.scrollX-e,width:i.width+2*e,height:i.height+2*e,radius:parseFloat(getComputedStyle(t).borderRadius)||4}}scrollToElement(){const t=this.getHighlightTarget();t&&t.scrollIntoView({behavior:"smooth",block:this.scrollBlock})}highlightElement(){this.getHighlightTarget()&&this.setHighlightVars(this.getHighlightRect())}positionModal(){if(!this.getHighlightTarget())return;const t=16,{top:i,left:e,width:r,height:a}=this.getHighlightRect(),{width:n,height:s}=this.getRect(this.wizardContent),o=e+r/2;let d=0,h=0;const{scrollY:l,scrollX:c,innerWidth:f,innerHeight:w}=window,u=f-document.documentElement.clientWidth,b=i+a+t+s<l+w,g=i-t-s>l,m=e-t-n>c,z=e+r+t+n<c+f,y=m||z;let x=8,v=8;x=b?i+a+t:i-s-t,v=c+f-n-u-8;let $=0,k="top";b||g?(d=o-n/2,h=b?i+a+t:i-s-t,k=b?"top":"bottom",$=o-d):y?(d=z?e+r+t:e-n-t,h=i+a/2-s/2,x=i+a/2,k=z?"left":"right",$=s/2):!(b||g||m||z)&&(d=o-n/2,h=i+a-s/2,x=w-s-8,k="top",$=o-d),d=Math.max(c+u||8,Math.min(d,v)),h=Math.max(8,Math.min(h,x)),this.setModalVars({top:h,left:d}),p()&&(k="top"),$="top"===k||"bottom"===k?o-d:i+a/2-h,$=Math.max(32,Math.min($-8,(y?s:n)-32)),this.setArrowVars(k,$)}setHighlightVars({top:t,left:i,width:e,height:r,radius:a}){this.hostElement.style.setProperty("--pn-spotlight-x",`${Math.round(i)}px`),this.hostElement.style.setProperty("--pn-spotlight-y",`${Math.round(t)}px`),this.hostElement.style.setProperty("--pn-spotlight-width",`${Math.round(e)}px`),this.hostElement.style.setProperty("--pn-spotlight-height",`${Math.round(r)}px`),this.hostElement.style.setProperty("--pn-spotlight-radius",`${Math.round(a)}px`)}setModalVars({top:t,left:i}){this.hostElement.style.setProperty("--pn-wizard-content-x",`${Math.round(i)}px`),this.hostElement.style.setProperty("--pn-wizard-content-y",`${Math.round(t)}px`)}setArrowVars(t,i){this.wizardArrow.setAttribute("data-arrow",t),this.hostElement.style.setProperty("--pn-arrow-offset",`${Math.round(i)}px`)}render(){return a(n,{key:"08f0d484f684188c7283535da328d6bd681b74d5"},a("dialog",{key:"56810278e58795390973a9ebbe0bd797b731b1f8",id:this.pnId,"aria-labelledby":this.label?this.wizardIdLabel:null,"aria-describedby":this.helpertext?this.wizardIdHelpertext:null,class:"pn-wizard",ref:t=>this.wizardElement=t,onCancel:()=>this.endWizard(),onClose:()=>this.endWizard()},a("div",{key:"824bbd673177648865e9328ee5aa51e157aa7347",class:"pn-wizard-overlay"},a("div",{key:"a2236247ba49e18de2a4aa2666fa1e07e6aaa1c4",class:"pn-wizard-highlight",onClick:t=>this.wizardHighlightClick.emit(t)})),a("div",{key:"77d5f6e74c49b2a92a8c9c8f9207594bec0545c7",class:"pn-wizard-content",ref:t=>this.wizardContent=t},a("pn-button",{key:"28fdec2fa470ff03b916325d0085a7bd4cd8f504",class:"pn-wizard-cancel",arialabel:this.translate("CANCEL"),icon:c,iconOnly:!0,small:!0,appearance:"light",variant:"borderless",onPnClick:()=>this.endWizard()}),a("div",{key:"ff7e6051e041c008c639e392896e885e4dcb0364",class:"pn-wizard-text"},this.label&&a("h2",{key:"9b8098099707558b66f1b422dc6ada70084d9829",class:"pn-wizard-label",id:this.wizardIdLabel},this.label),this.helpertext&&a("p",{key:"4db3b8ab391daf06f5731be43c9c116acd934b1f",class:"pn-wizard-helpertext",id:this.wizardIdHelpertext},this.helpertext),a("slot",{key:"5f72315df3102a605d2d4a220cfebfa216101f8c"}),this.renderProgress()&&a("pn-progress-stepper",{key:"becee14c8d2ad3fe3a9d902dd080f4df760e227e",class:!this.isProgressDots()&&"pn-wizard-sr-only",totalSteps:this.steps.length,currentStep:this.step>0?this.step+1:1,dots:!0})),a("div",{key:"264270d944373b1570a09a330bef6c6e8ad07e4d",class:"pn-wizard-arrow",ref:t=>this.wizardArrow=t}),a("div",{key:"1420663b8cc3996eb67f640d3a7f981f1fafff82",class:"pn-wizard-controls"},this.isProgressText()&&a("span",{key:"99cd61e352d16b15129239c8c1932a1e8ff3d675",class:"pn-wizard-indicator","aria-hidden":"true"},this.step+1,"/",this.steps.length),a("slot",{key:"f48e48097089a24ed48726046e5bb9b8a36ca1ec",name:"buttons"}),this.showBackButton()&&a("pn-button",{key:"9504536c3602f6280d30aa6f95043d2a66c2ac98",label:this.labelBack||this.translate("PREV"),small:!0,appearance:"light",variant:"outlined",onPnClick:()=>this.prevStep()}),this.showNextButton()&&a("pn-button",{key:"c5997f60733d2f220138fbf3caf24f44271d63f3",label:this.getNextLabel(),small:!0,icon:l,onPnClick:()=>this.nextStep()})))))}static get watchers(){return{step:[{handleStepChange:0}],pnId:[{handleIdChange:0}]}}};w.style=`${t("pn-wizard")} .pn-wizard{z-index:10000;position:absolute;top:0;border:none;margin:0;padding:0;background-color:transparent;outline:none;overflow:unset;height:100%;width:100%;max-width:unset;max-height:unset;display:none;opacity:0;transition-property:display, opacity;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-wizard")} .pn-wizard{transition-duration:0s;transition-delay:0s}}${t("pn-wizard")} .pn-wizard{transition-behavior:allow-discrete}${t("pn-wizard")} .pn-wizard[open]{display:block;opacity:1}@starting-style{${t("pn-wizard")} .pn-wizard[open]{display:block;opacity:0}}${t("pn-wizard")} .pn-wizard::backdrop{background-color:transparent}${t("pn-wizard")} .pn-wizard-sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);margin:-1px;white-space:nowrap}${t("pn-wizard")} .pn-wizard-overlay{z-index:0}${t("pn-wizard")} .pn-wizard-highlight{position:absolute;left:0;top:0;width:var(--pn-spotlight-width, 0%);height:var(--pn-spotlight-height, 0%);border-radius:var(--pn-spotlight-radius, 0.25em);box-shadow:0 0 0 9999px rgba(0, 0, 0, 0.55);z-index:0;transform:translate(var(--pn-spotlight-x, 0%), var(--pn-spotlight-y, 0%));transition-property:transform, width, height, border-radius;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-wizard")} .pn-wizard-highlight{transition-duration:0s;transition-delay:0s}}${t("pn-wizard")} .pn-wizard-content{position:absolute;z-index:1;background:#ffffff;border-radius:2em;max-width:20em;box-shadow:0 0 0.5em rgba(0, 0, 0, 0.3);left:0;top:0;transform:translate(var(--pn-wizard-content-x), var(--pn-wizard-content-y));transition-property:transform;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-wizard")} .pn-wizard-content{transition-duration:0s;transition-delay:0s}}@media (max-width: 55em){${t("pn-wizard")} .pn-wizard-content{position:fixed;top:unset;bottom:0;left:0.5em;border-radius:2em 2em 0 0;width:calc(100vw - 1em);max-width:unset;transform:none}}${t("pn-wizard")} .pn-wizard-cancel{position:absolute;top:1em;right:1em;z-index:10}${t("pn-wizard")} .pn-wizard-text{padding:3em 1em 1em;text-align:center;display:flex;flex-direction:column;flex-wrap:nowrap;gap:clamp(0.5em, 5vw, 1em)}${t("pn-wizard")} .pn-wizard-label{margin:0;font-size:clamp(1.25em, 5vw, 1.5em);font-weight:700;color:#2d2013}${t("pn-wizard")} .pn-wizard-helpertext{margin:0;font-size:clamp(0.875em, 5vw, 1em);font-weight:400;color:#5e554a}${t("pn-wizard")} .pn-wizard-controls{border-top:0.0625em solid #d3cecb;padding:1em;display:flex;justify-content:end;gap:0.5em;flex-wrap:wrap}${t("pn-wizard")} .pn-wizard-indicator{margin-right:auto;align-self:center;font-size:1em;color:#5e554a;padding:0 0.625em}${t("pn-wizard")} .pn-wizard-arrow{position:absolute;width:0;height:0;border:0.5em solid transparent;top:0;right:0;bottom:0;left:0;transition-property:top, right, bottom, left, border-color;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-wizard")} .pn-wizard-arrow{transition-duration:0s;transition-delay:0s}}${t("pn-wizard")} .pn-wizard-arrow[data-arrow=bottom]{top:100%;bottom:-1em;left:var(--pn-arrow-offset);border-top-color:#ffffff}${t("pn-wizard")} .pn-wizard-arrow[data-arrow=top]{top:-1em;left:var(--pn-arrow-offset);border-bottom-color:#ffffff}${t("pn-wizard")} .pn-wizard-arrow[data-arrow=right]{right:-1em;left:100%;top:var(--pn-arrow-offset);border-left-color:#ffffff}${t("pn-wizard")} .pn-wizard-arrow[data-arrow=left]{left:-1em;top:var(--pn-arrow-offset);border-right-color:#ffffff}${t("pn-wizard")} .pn-wizard-arrow[data-arrow=none]{display:none}`;export{w as pn_wizard}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* By PostNord.
|
|
4
4
|
*/
|
|
5
|
-
import{t as s,r as e,c as t,g as i,h as a,a as r}from"./p-
|
|
5
|
+
import{t as s,r as e,c as t,g as i,h as a,a as r}from"./p-CAEP792y.js";import{uuidv4 as h,awaitTopbar as n,sv as o}from"./index.esm.js";const l={CLOSEST_DELIVERY_DATE:{en:"Closest delivery date:",sv:"Nästa utdelningsdag:"},NEXT_DELIVERY_DATE:{en:"Next delivery date:",sv:"Kommande utdelningsdag:"},ZIP_CODE:{en:"Zip code:",sv:"Postnummer:"},VALIDATION_ERROR_MESSAGE:{en:"Zip code not valid",sv:"Postnumret är inte giltigt"},SERVER_ERROR_MESSAGE:{en:"Could not find zip code",sv:"Kan inte hitta postnumret"},PLACEHOLDER_TEXT:{en:"Search for a zip code",sv:"Sök på ett postnummer"},SEARCH:{en:"Search",sv:"Sök"}},c=class{constructor(s){e(this,s),this.searchsuccessful=t(this,"searchsuccessful")}searchId=`pn-zipcode-${h()}`;get hostElement(){return i(this)}validZipCode;loading=!1;showResult=!1;zipCodeSearchResult={delivery:"",upcoming:"",city:"",postalCode:""};error=!1;errorMessage;language=null;value;searchsuccessful;async componentWillLoad(){null===this.language&&await n(this.hostElement),this.value&&this.handleSearch(this.value)}translation(s){return l[s][this.language||o]}handleSearch(s){this.value=s,this.validateZipCode(),this.error?this.errorMessage="VALIDATION_ERROR_MESSAGE":this.zipCodeSearch()}async zipCodeSearch(){this.loading=!0,await fetch(`https://portal.postnord.com/api/sendoutarrival/closest?postalCode=${this.validZipCode}`).then((s=>s.json())).then((s=>{this.showResult=!0,this.zipCodeSearchResult=s,this.searchsuccessful.emit(!0)})).catch((()=>{this.error=!0,this.errorMessage="SERVER_ERROR_MESSAGE",this.searchsuccessful.emit(!1)})).finally((()=>{this.loading=!1}))}validateZipCode(){const s=this.value?this.value.replace(/[ -]/gi,""):"",e=/^\d{5}$/.test(s);this.error=!e,e&&(this.validZipCode=s)}renderSearchResult(){if(!this.loading&&!this.error&&this.showResult)return a("output",{class:"pn-search-results",htmlFor:this.searchId},a("p",{class:"text-row"},a("span",null,this.translation("CLOSEST_DELIVERY_DATE")),a("h3",{class:"delivery-date"},this.zipCodeSearchResult.delivery)),a("p",{class:"text-row"},a("span",null,this.translation("NEXT_DELIVERY_DATE")),a("h3",{class:"delivery-date"},this.zipCodeSearchResult.upcoming)),a("p",{class:"text-row"},a("span",null,this.translation("ZIP_CODE")),a("h3",null,this.zipCodeSearchResult.postalCode,", ",this.zipCodeSearchResult.city||"N/A")))}renderErrorMessage(){if(this.error&&!this.loading)return a("p",{class:"pn-error-text",role:"alert"},a("small",null,this.translation(this.errorMessage)))}render(){return a(r,{key:"b9314bbca808c725bc074d1dc9e58223bb551468"},a("pn-search-field",{key:"4c7eaf8c96aa36e17c546371345c7aac6a0c5ee7",label:this.translation("PLACEHOLDER_TEXT"),value:this.value,searchid:this.searchId,loading:this.loading,button:"icon",buttonLabel:this.translation("SEARCH"),placeholder:this.translation("PLACEHOLDER_TEXT"),onSearch:s=>this.handleSearch(s.detail)}),this.renderSearchResult(),this.renderErrorMessage())}};c.style=`${s("pn-zipcode-search")}{display:block;color:#5e554a}${s("pn-zipcode-search")} .pn-search-results{display:flex;flex-direction:column;gap:1em;padding:0 0.75em}${s("pn-zipcode-search")} .pn-search-results span{color:#5e554a}${s("pn-zipcode-search")} .pn-search-results h3{color:#2d2013}${s("pn-zipcode-search")} .pn-error-text{color:#a70707;padding:0 0.75em}${s("pn-zipcode-search")}>${s("pn-search-field")}{width:100%;margin-bottom:1em}`;export{c as pn_zipcode_search}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Stencil
|
|
3
|
+
* By PostNord.
|
|
4
|
+
*/
|
|
5
|
+
import{t,M as e,r as i,c as n,g as a,h as r,a as s}from"./p-CAEP792y.js";import{uuidv4 as d,getTotalHeightOffset as o,getMenuWidth as c,awaitTopbar as p,en as h}from"./index.esm.js";import{a as l}from"./p-BlM_xfdt.js";import{a as u}from"./p-CQaMdITw.js";import{a as f}from"./p-D_UyW-KH.js";const k={CALENDAR_NAVIGATION:{en:"Calendar",sv:"Kalender",da:"Kalender",fi:"Kalenteri",no:"Kalender"},NEXT_YEAR:{en:"Scroll forward",sv:"Bläddra framåt",da:"Rul frem",fi:"Vieritä eteenpäin",no:"Rull fremover"},PREVIOUS_YEAR:{en:"Scroll backwards",sv:"Bläddra bakåt",da:"Rul baglæns",fi:"Vieritä taaksepäin",no:"Bla bakover"},NEXT_DATE:{en:"Next month",sv:"Nästa månad",da:"Næste måned",fi:"Ensi kuussa",no:"Neste måned"},PREVIOUS_DATE:{en:"Previous month",sv:"Föregående månad",da:"Forrige måned",fi:"Edellinen kuukausi",no:"Forrige måned"},SELECT_YEAR:{en:"Choose year",sv:"Välj år",da:"Vælg år",fi:"Valitse vuosi",no:"Velg år"},SELECT_MONTH:{en:"Choose month",sv:"Välj månad",da:"Vælg måned",fi:"Valitse kuukausi",no:"Velg måned"},SELECT_DATE:{en:"Choose date",sv:"Välj datum",da:"Vælg dato",fi:"Valitse päivämäärä",no:"Velg dato"},SELECTED_DATE:{en:"selected date is {date}.",sv:"valt datum är {date}.",da:"den valgte dato er {date}.",fi:"valittu päivämäärä on {date}.",no:"valgt dato er {date}."},SELECTED_START_DATE:{en:"selected start date is {date}.",sv:"valt startdatum är {date}.",da:"den valgte startdato er {date}.",fi:"valittu aloituspäivä on {date}.",no:"valgt startdato er {date}."},SELECTED_END_DATE:{en:"selected end date is {date}.",sv:"valt slutdatum är {date}.",da:"den valgte slutdato er {date}.",fi:"valittu lopetuspäivä on {date}.",no:"valgt sluttdato er {date}."},WEEK_NAME:{en:"Week",sv:"Vecka",da:"Uge",fi:"Viikko",no:"Uke"},GO_CALENDAR:{en:"Calendar view",sv:"Kalendervyn",da:"Kalendervisning",fi:"Kalenterinäkymä",no:"Kalendervisning"}};function m(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var b,g={exports:{}};function _(){return b||(b=1,g.exports=function(){var t=6e4,e=36e5,i="millisecond",n="second",a="minute",r="hour",s="day",d="week",o="month",c="quarter",p="year",h="date",l="Invalid Date",u=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,f=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,k={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],i=t%100;return"["+t+(e[(i-20)%10]||e[i]||e[0])+"]"}},m=function(t,e,i){var n=String(t);return!n||n.length>=e?t:""+Array(e+1-n.length).join(i)+t},b={s:m,z:function(t){var e=-t.utcOffset(),i=Math.abs(e),n=Math.floor(i/60),a=i%60;return(e<=0?"+":"-")+m(n,2,"0")+":"+m(a,2,"0")},m:function t(e,i){if(e.date()<i.date())return-t(i,e);var n=12*(i.year()-e.year())+(i.month()-e.month()),a=e.clone().add(n,o),r=i-a<0,s=e.clone().add(n+(r?-1:1),o);return+(-(n+(i-a)/(r?a-s:s-a))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return{M:o,y:p,w:d,d:s,D:h,h:r,m:a,s:n,ms:i,Q:c}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",_={};_[g]=k;var y="$isDayjsObject",v=function(t){return t instanceof Y||!(!t||!t[y])},w=function t(e,i,n){var a;if(!e)return g;if("string"==typeof e){var r=e.toLowerCase();_[r]&&(a=r),i&&(_[r]=i,a=r);var s=e.split("-");if(!a&&s.length>1)return t(s[0])}else{var d=e.name;_[d]=e,a=d}return!n&&a&&(g=a),a||!n&&g},M=function(t,e){if(v(t))return t.clone();var i="object"==typeof e?e:{};return i.date=t,i.args=arguments,new Y(i)},$=b;$.l=w,$.i=v,$.w=function(t,e){return M(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var Y=function(){function k(t){this.$L=w(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[y]=!0}var m=k.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,i=t.utc;if(null===e)return new Date(NaN);if($.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var n=e.match(u);if(n){var a=n[2]-1||0,r=(n[7]||"0").substring(0,3);return i?new Date(Date.UTC(n[1],a,n[3]||1,n[4]||0,n[5]||0,n[6]||0,r)):new Date(n[1],a,n[3]||1,n[4]||0,n[5]||0,n[6]||0,r)}}return new Date(e)}(t),this.init()},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},m.$utils=function(){return $},m.isValid=function(){return!(this.$d.toString()===l)},m.isSame=function(t,e){var i=M(t);return this.startOf(e)<=i&&i<=this.endOf(e)},m.isAfter=function(t,e){return M(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<M(t)},m.$g=function(t,e,i){return $.u(t)?this[e]:this.set(i,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var i=this,c=!!$.u(e)||e,l=$.p(t),u=function(t,e){var n=$.w(i.$u?Date.UTC(i.$y,e,t):new Date(i.$y,e,t),i);return c?n:n.endOf(s)},f=function(t,e){return $.w(i.toDate()[t].apply(i.toDate("s"),(c?[0,0,0,0]:[23,59,59,999]).slice(e)),i)},k=this.$W,m=this.$M,b=this.$D,g="set"+(this.$u?"UTC":"");switch(l){case p:return c?u(1,0):u(31,11);case o:return c?u(1,m):u(0,m+1);case d:var _=this.$locale().weekStart||0,y=(k<_?k+7:k)-_;return u(c?b-y:b+(6-y),m);case s:case h:return f(g+"Hours",0);case r:return f(g+"Minutes",1);case a:return f(g+"Seconds",2);case n:return f(g+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var d,c=$.p(t),l="set"+(this.$u?"UTC":""),u=(d={},d[s]=l+"Date",d[h]=l+"Date",d[o]=l+"Month",d[p]=l+"FullYear",d[r]=l+"Hours",d[a]=l+"Minutes",d[n]=l+"Seconds",d[i]=l+"Milliseconds",d)[c],f=c===s?this.$D+(e-this.$W):e;if(c===o||c===p){var k=this.clone().set(h,1);k.$d[u](f),k.init(),this.$d=k.set(h,Math.min(this.$D,k.daysInMonth())).$d}else u&&this.$d[u](f);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[$.p(t)]()},m.add=function(i,c){var h,l=this;i=Number(i);var u=$.p(c),f=function(t){var e=M(l);return $.w(e.date(e.date()+Math.round(t*i)),l)};if(u===o)return this.set(o,this.$M+i);if(u===p)return this.set(p,this.$y+i);if(u===s)return f(1);if(u===d)return f(7);var k=(h={},h[a]=t,h[r]=e,h[n]=1e3,h)[u]||1,m=this.$d.getTime()+i*k;return $.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,i=this.$locale();if(!this.isValid())return i.invalidDate||l;var n=t||"YYYY-MM-DDTHH:mm:ssZ",a=$.z(this),r=this.$H,s=this.$m,d=this.$M,o=i.weekdays,c=i.months,p=function(t,i,a,r){return t&&(t[i]||t(e,n))||a[i].slice(0,r)},h=function(t){return $.s(r%12||12,t,"0")},u=i.meridiem||function(t,e,i){var n=t<12?"AM":"PM";return i?n.toLowerCase():n};return n.replace(f,(function(t,n){return n||function(t){switch(t){case"YY":return String(e.$y).slice(-2);case"YYYY":return $.s(e.$y,4,"0");case"M":return d+1;case"MM":return $.s(d+1,2,"0");case"MMM":return p(i.monthsShort,d,c,3);case"MMMM":return p(c,d);case"D":return e.$D;case"DD":return $.s(e.$D,2,"0");case"d":return String(e.$W);case"dd":return p(i.weekdaysMin,e.$W,o,2);case"ddd":return p(i.weekdaysShort,e.$W,o,3);case"dddd":return o[e.$W];case"H":return String(r);case"HH":return $.s(r,2,"0");case"h":return h(1);case"hh":return h(2);case"a":return u(r,s,!0);case"A":return u(r,s,!1);case"m":return String(s);case"mm":return $.s(s,2,"0");case"s":return String(e.$s);case"ss":return $.s(e.$s,2,"0");case"SSS":return $.s(e.$ms,3,"0");case"Z":return a}return null}(t)||a.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(i,h,l){var u,f=this,k=$.p(h),m=M(i),b=(m.utcOffset()-this.utcOffset())*t,g=this-m,_=function(){return $.m(f,m)};switch(k){case p:u=_()/12;break;case o:u=_();break;case c:u=_()/3;break;case d:u=(g-b)/6048e5;break;case s:u=(g-b)/864e5;break;case r:u=g/e;break;case a:u=g/t;break;case n:u=g/1e3;break;default:u=g}return l?u:$.a(u)},m.daysInMonth=function(){return this.endOf(o).$D},m.$locale=function(){return _[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var i=this.clone(),n=w(t,e,!0);return n&&(i.$L=n),i},m.clone=function(){return $.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},k}(),D=Y.prototype;return M.prototype=D,[["$ms",i],["$s",n],["$m",a],["$H",r],["$W",s],["$M",o],["$y",p],["$D",h]].forEach((function(t){D[t[1]]=function(e){return this.$g(e,t[0],t[1])}})),M.extend=function(t,e){return t.$i||(t(e,Y,M),t.$i=!0),M},M.locale=w,M.isDayjs=v,M.unix=function(t){return M(1e3*t)},M.en=_[g],M.Ls=_,M.p={},M}()),g.exports}var y,v,w,M,$,Y,D,x,L,S,E=m(_()),H={exports:{}},T=m(y?H.exports:(y=1,H.exports=(v="week",w="year",function(t,e,i){var n=e.prototype;n.week=function(t){if(void 0===t&&(t=null),null!==t)return this.add(7*(t-this.week()),"day");var e=this.$locale().yearStart||1;if(11===this.month()&&this.date()>25){var n=i(this).startOf(w).add(1,w).date(e),a=i(this).endOf(v);if(n.isBefore(a))return 1}var r=i(this).startOf(w).date(e).startOf(v).subtract(1,"millisecond"),s=this.diff(r,v,!0);return s<0?i(this).startOf("week").week():Math.ceil(s)},n.weeks=function(t){return void 0===t&&(t=null),this.week(t)}}))),A={exports:{}},V=(M||(M=1,A.exports=function(){var t={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},e=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,i=/\d/,n=/\d\d/,a=/\d\d?/,r=/\d*[^-_:/,()\s\d]+/,s={},d=function(t){return(t=+t)+(t>68?1900:2e3)},o=function(t){return function(e){this[t]=+e}},c=[/[+-]\d\d:?(\d\d)?|Z/,function(t){(this.zone||(this.zone={})).offset=function(t){if(!t)return 0;if("Z"===t)return 0;var e=t.match(/([+-]|\d\d)/g),i=60*e[1]+(+e[2]||0);return 0===i?0:"+"===e[0]?-i:i}(t)}],p=function(t){var e=s[t];return e&&(e.indexOf?e:e.s.concat(e.f))},h=function(t,e){var i,n=s.meridiem;if(n){for(var a=1;a<=24;a+=1)if(t.indexOf(n(a,0,e))>-1){i=a>12;break}}else i=t===(e?"pm":"PM");return i},l={A:[r,function(t){this.afternoon=h(t,!1)}],a:[r,function(t){this.afternoon=h(t,!0)}],Q:[i,function(t){this.month=3*(t-1)+1}],S:[i,function(t){this.milliseconds=100*+t}],SS:[n,function(t){this.milliseconds=10*+t}],SSS:[/\d{3}/,function(t){this.milliseconds=+t}],s:[a,o("seconds")],ss:[a,o("seconds")],m:[a,o("minutes")],mm:[a,o("minutes")],H:[a,o("hours")],h:[a,o("hours")],HH:[a,o("hours")],hh:[a,o("hours")],D:[a,o("day")],DD:[n,o("day")],Do:[r,function(t){var e=s.ordinal,i=t.match(/\d+/);if(this.day=i[0],e)for(var n=1;n<=31;n+=1)e(n).replace(/\[|\]/g,"")===t&&(this.day=n)}],w:[a,o("week")],ww:[n,o("week")],M:[a,o("month")],MM:[n,o("month")],MMM:[r,function(t){var e=p("months"),i=(p("monthsShort")||e.map((function(t){return t.slice(0,3)}))).indexOf(t)+1;if(i<1)throw new Error;this.month=i%12||i}],MMMM:[r,function(t){var e=p("months").indexOf(t)+1;if(e<1)throw new Error;this.month=e%12||e}],Y:[/[+-]?\d+/,o("year")],YY:[n,function(t){this.year=d(t)}],YYYY:[/\d{4}/,o("year")],Z:c,ZZ:c};function u(i){var n;n=s&&s.formats;for(var a=(i=i.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(e,i,a){var r=a&&a.toUpperCase();return i||n[a]||t[a]||n[r].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(t,e,i){return e||i.slice(1)}))}))).match(e),r=a.length,d=0;d<r;d+=1){var o=a[d],c=l[o],p=c&&c[1];a[d]=p?{regex:c&&c[0],parser:p}:o.replace(/^\[|\]$/g,"")}return function(t){for(var e={},i=0,n=0;i<r;i+=1){var s=a[i];if("string"==typeof s)n+=s.length;else{var d=s.regex,o=s.parser,c=t.slice(n),p=d.exec(c)[0];o.call(e,p),t=t.replace(p,"")}}return function(t){var e=t.afternoon;if(void 0!==e){var i=t.hours;e?i<12&&(t.hours+=12):12===i&&(t.hours=0),delete t.afternoon}}(e),e}}return function(t,e,i){i.p.customParseFormat=!0,t&&t.parseTwoDigitYear&&(d=t.parseTwoDigitYear);var n=e.prototype,a=n.parse;n.parse=function(t){var e=t.date,n=t.utc,r=t.args;this.$u=n;var d=r[1];if("string"==typeof d){var o=!0===r[2],c=!0===r[3],p=o||c,h=r[2];c&&(h=r[2]),s=this.$locale(),!o&&h&&(s=i.Ls[h]),this.$d=function(t,e,i,n){try{if(["x","X"].indexOf(e)>-1)return new Date(("X"===e?1e3:1)*t);var a=u(e)(t),r=a.year,s=a.month,d=a.day,o=a.hours,c=a.minutes,p=a.seconds,h=a.milliseconds,l=a.zone,f=a.week,k=new Date,m=d||(r||s?1:k.getDate()),b=r||k.getFullYear(),g=0;r&&!s||(g=s>0?s-1:k.getMonth());var _,y=o||0,v=c||0,w=p||0,M=h||0;return l?new Date(Date.UTC(b,g,m,y,v,w,M+60*l.offset*1e3)):i?new Date(Date.UTC(b,g,m,y,v,w,M)):(_=new Date(b,g,m,y,v,w,M),f&&(_=n(_).week(f).toDate()),_)}catch(t){return new Date("")}}(e,d,n,i),this.init(),h&&!0!==h&&(this.$L=this.locale(h).$L),p&&e!=this.format(d)&&(this.$d=new Date("")),s={}}else if(d instanceof Array)for(var l=d.length,f=1;f<=l;f+=1){r[1]=d[f-1];var k=i.apply(this,r);if(k.isValid()){this.$d=k.$d,this.$L=k.$L,this.init();break}f===l&&(this.$d=new Date(""))}else a.call(this,t)}}}()),A.exports),j=m(V),C={exports:{}},N=($||($=1,C.exports=function(t,e){e.prototype.isSameOrBefore=function(t,e){return this.isSame(t,e)||this.isBefore(t,e)}}),C.exports),z=m(N),R={exports:{}},F=(Y||(Y=1,R.exports=function(t,e){e.prototype.isSameOrAfter=function(t,e){return this.isSame(t,e)||this.isAfter(t,e)}}),R.exports),P=m(F),I={exports:{}},O=(D||(D=1,I.exports=function(t,e){e.prototype.toObject=function(){return{years:this.$y,months:this.$M,date:this.$D,hours:this.$H,minutes:this.$m,seconds:this.$s,milliseconds:this.$ms}}}),I.exports),U=m(O);x||(x=1,L=function(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}(_()),S={name:"sv",weekdays:"söndag_måndag_tisdag_onsdag_torsdag_fredag_lördag".split("_"),weekdaysShort:"sön_mån_tis_ons_tor_fre_lör".split("_"),weekdaysMin:"sö_må_ti_on_to_fr_lö".split("_"),months:"januari_februari_mars_april_maj_juni_juli_augusti_september_oktober_november_december".split("_"),monthsShort:"jan_feb_mar_apr_maj_jun_jul_aug_sep_okt_nov_dec".split("_"),weekStart:1,yearStart:4,ordinal:function(t){var e=t%10;return"["+t+(1===e||2===e?"a":"e")+"]"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY-MM-DD",LL:"D MMMM YYYY",LLL:"D MMMM YYYY [kl.] HH:mm",LLLL:"dddd D MMMM YYYY [kl.] HH:mm",lll:"D MMM YYYY HH:mm",llll:"ddd D MMM YYYY HH:mm"},relativeTime:{future:"om %s",past:"för %s sedan",s:"några sekunder",m:"en minut",mm:"%d minuter",h:"en timme",hh:"%d timmar",d:"en dag",dd:"%d dagar",M:"en månad",MM:"%d månader",y:"ett år",yy:"%d år"}},L.default.locale(S,null,!0));var K;K||(K=1,"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),"January_February_March_April_May_June_July_August_September_October_November_December".split("_"));var Z;Z||(Z=1,function(){var t=function(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}(_()),e={name:"da",weekdays:"søndag_mandag_tirsdag_onsdag_torsdag_fredag_lørdag".split("_"),weekdaysShort:"søn._man._tirs._ons._tors._fre._lør.".split("_"),weekdaysMin:"sø._ma._ti._on._to._fr._lø.".split("_"),months:"januar_februar_marts_april_maj_juni_juli_august_september_oktober_november_december".split("_"),monthsShort:"jan._feb._mar._apr._maj_juni_juli_aug._sept._okt._nov._dec.".split("_"),weekStart:1,yearStart:4,ordinal:function(t){return t+"."},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY HH:mm",LLLL:"dddd [d.] D. MMMM YYYY [kl.] HH:mm"},relativeTime:{future:"om %s",past:"%s siden",s:"få sekunder",m:"et minut",mm:"%d minutter",h:"en time",hh:"%d timer",d:"en dag",dd:"%d dage",M:"en måned",MM:"%d måneder",y:"et år",yy:"%d år"}};t.default.locale(e,null,!0)}());var B;B||(B=1,function(){var t=function(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}(_());function e(t,e,i,n){var a={s:"muutama sekunti",m:"minuutti",mm:"%d minuuttia",h:"tunti",hh:"%d tuntia",d:"päivä",dd:"%d päivää",M:"kuukausi",MM:"%d kuukautta",y:"vuosi",yy:"%d vuotta",numbers:"nolla_yksi_kaksi_kolme_neljä_viisi_kuusi_seitsemän_kahdeksan_yhdeksän".split("_")},r={s:"muutaman sekunnin",m:"minuutin",mm:"%d minuutin",h:"tunnin",hh:"%d tunnin",d:"päivän",dd:"%d päivän",M:"kuukauden",MM:"%d kuukauden",y:"vuoden",yy:"%d vuoden",numbers:"nollan_yhden_kahden_kolmen_neljän_viiden_kuuden_seitsemän_kahdeksan_yhdeksän".split("_")},s=n&&!e?r:a;return s[i].replace("%d",t<10?s.numbers[t]:t)}var i={name:"fi",weekdays:"sunnuntai_maanantai_tiistai_keskiviikko_torstai_perjantai_lauantai".split("_"),weekdaysShort:"su_ma_ti_ke_to_pe_la".split("_"),weekdaysMin:"su_ma_ti_ke_to_pe_la".split("_"),months:"tammikuu_helmikuu_maaliskuu_huhtikuu_toukokuu_kesäkuu_heinäkuu_elokuu_syyskuu_lokakuu_marraskuu_joulukuu".split("_"),monthsShort:"tammi_helmi_maalis_huhti_touko_kesä_heinä_elo_syys_loka_marras_joulu".split("_"),ordinal:function(t){return t+"."},weekStart:1,yearStart:4,relativeTime:{future:"%s päästä",past:"%s sitten",s:e,m:e,mm:e,h:e,hh:e,d:e,dd:e,M:e,MM:e,y:e,yy:e},formats:{LT:"HH.mm",LTS:"HH.mm.ss",L:"DD.MM.YYYY",LL:"D. MMMM[ta] YYYY",LLL:"D. MMMM[ta] YYYY, [klo] HH.mm",LLLL:"dddd, D. MMMM[ta] YYYY, [klo] HH.mm",l:"D.M.YYYY",ll:"D. MMM YYYY",lll:"D. MMM YYYY, [klo] HH.mm",llll:"ddd, D. MMM YYYY, [klo] HH.mm"}};t.default.locale(i,null,!0)}());var G;G||(G=1,function(){var t=function(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}(_()),e={name:"nb",weekdays:"søndag_mandag_tirsdag_onsdag_torsdag_fredag_lørdag".split("_"),weekdaysShort:"sø._ma._ti._on._to._fr._lø.".split("_"),weekdaysMin:"sø_ma_ti_on_to_fr_lø".split("_"),months:"januar_februar_mars_april_mai_juni_juli_august_september_oktober_november_desember".split("_"),monthsShort:"jan._feb._mars_april_mai_juni_juli_aug._sep._okt._nov._des.".split("_"),ordinal:function(t){return t+"."},weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY [kl.] HH:mm",LLLL:"dddd D. MMMM YYYY [kl.] HH:mm"},relativeTime:{future:"om %s",past:"%s siden",s:"noen sekunder",m:"ett minutt",mm:"%d minutter",h:"en time",hh:"%d timer",d:"en dag",dd:"%d dager",M:"en måned",MM:"%d måneder",y:"ett år",yy:"%d år"}};t.default.locale(e,null,!0)}()),E.extend(T),E.extend(j),E.extend(z),E.extend(P),E.extend(U);const W="calendar",q="months",J="years";function X({year:t,month:e,date:i}){return E().set("year",t).set("month",e).set("date",i)}function Q(t,e){if(!t)return!1;const i="string"==typeof t?t:X(t);return E(i,e,!0).isValid()}function tt(t,e){const i="string"==typeof t?t:X(t);return E(i,e)}function et(t,e,i){const n=function({year:t,month:e,date:i,day:n}){const a=E().set("y",t).set("M",e).set("D",i);return"number"==typeof n?a.set("d",n):a}(t);return n.locale("no"===e?"nb":e).format(i)}function it(t,e){const i="string"==typeof t?tt(t,e):t;return{year:i.get("year"),month:i.get("month"),date:i.get("date"),day:i.get("day")}}function nt(t,e,i,n){const a=tt(t,i),r=tt(e,i);return a.isSameOrBefore(r,n)}function at(t,e,i,n){const a=tt(t,i),r=tt(e,i);return a.isSameOrAfter(r,n)}function rt(t,e,i,n){if(!Q(t,i)||!Q(e,i))return!1;let a=tt(t,i),r=tt(e,i);return"month"===n&&(a=a.set("year",2e3),r=r.set("year",2e3)),a.isSame(r,n)}function st({data:t,amount:e=1,unit:i,minus:n,plus:a}){return n?t.subtract(e,i):a?t.add(e,i):t}const dt=class extends(e(l)){constructor(t){super(),i(this,t),this.dateselection=n(this,"dateselection"),this.dateSelection=n(this,"dateSelection"),this.dateInvalid=n(this,"dateInvalid"),this.toggleCalendar=n(this,"toggleCalendar"),this.currentView=n(this,"currentView")}id=`pn-date-picker-${d()}`;idFrom=`${this.id}-from`;idTo=`${this.id}-to`;idFromButton=`${this.id}-from-button`;idToButton=`${this.id}-to-button`;idHelper=`${this.id}-helper`;idError=`${this.id}-error`;idCalendar=`${this.id}-calendar`;calendarElement;today=function(){return E()}();separators=[];separatorRegex=/[^a-zA-Z\d\s:]/g;listMonths=[0,1,2,3,4,5,6,7,8,9,10,11];listWeek=[1,2,3,4,5,6,0];get hostElement(){return a(this)}open=!1;openUp=!1;selectingTo=!1;grid;viewYearStart=null;dateViewYear;dateViewMonth;dateViewDate;showHelperSlot;showErrorSlot;labelFrom;labelTo;helpertext;start="";end="";format="YYYY-MM-DD";compact=!1;language=null;dateId=this.id;name;placeholder=this.format;endPlaceholder=this.format;autocomplete;list;listEnd;pattern;range=!1;rangeLimit;view=W;calendarUp=!1;weekNumbers=!1;disableTypeAhead=!1;disableWeekends=!1;disabledDates;disableMaxLength=!1;required=!1;readonly=!1;disabled=!1;error;invalid=!1;minDate=null;watchMin(){null!==this.minDate&&(Q(this.minDate,this.format)||(this.minDate=null))}maxDate=null;watchMax(){null!==this.maxDate&&(Q(this.maxDate,this.format)||(this.maxDate=null))}watchValue(){if(!Q(this.start,this.format))return this.dateInvalid.emit({start:this.start});const{year:t,month:e,date:i}=it(this.start,this.format);this.setViewYear({year:t}),this.setViewMonth({month:e}),this.setViewDate({date:i}),this.range&&at(this.start,this.end,this.format,"date")&&(this.end=""),this.emitSelection()}watchValueTo(){if(!this.range)return;if(!Q(this.end,this.format))return this.dateInvalid.emit({end:this.end});const t=tt(this.end,this.format);if(this.setViewYear({year:t.year()}),this.setViewMonth({month:t.month()}),this.setViewDate({date:t.date()}),at(this.start,this.end,this.format,"date")){const t=this.start;this.start=this.end,this.end=t}this.emitSelection()}handleFormat(){this.separators.length=0,this.format.split("").forEach(((t,e)=>this.separatorRegex.exec(t)&&this.separators.push({name:t,index:e})))}watchId(){this.idFrom=`${this.dateId}-from`,this.idTo=`${this.dateId}-to`,this.idFromButton=`${this.id}-from-button`,this.idToButton=`${this.id}-to-button`,this.idHelper=`${this.dateId}-helper`,this.idError=`${this.dateId}-error`,this.idCalendar=`${this.dateId}-calendar`}watchView(){Q(this.getCurrentDateObject(),this.format)&&this.updateGrid()}watchOpen(){if(this.toggleCalendar.emit(this.open),this.dropdownHandler(),!this.open)return this.removeGlobalEventListeners();this.addGlobalEventListeners(),this.calendarElement.style.removeProperty("--pn-calendar-offset-left"),this.openUp=this.calendarUp,requestAnimationFrame((()=>{const t=this.getRect(this.hostElement),{scrollHeight:e}=this.calendarElement,{innerHeight:i,innerWidth:n}=window,a=o(),r=t.y-a,s=i-t.bottom,d=r>e;this.openUp=this.openUp&&(d||r>s)||!(s>e)&&d;const p=this.getRect(this.calendarElement),h=c(),l=t.x+t.width/2-p.width/2-p.x,u=p.x+l,f=h+16;let k=l;u<f?k=f-p.x:u+p.width>n-16&&(k=n-16-p.width-p.x),this.calendarElement.style.setProperty("--pn-calendar-offset-left",`${Math.floor(k)}px`)}))}handleMessage(){this.checkSlottedHelper(),this.checkSlottedError()}handleView(){this.currentView.emit(this.view)}dateselection;dateSelection;emitSelection(){const t={start:this.start};if(this.range){const e=function(t,e,i){const n=tt(t,i);return tt(e,i).diff(n,"d")}(this.start,this.end,this.format);t.end=this.end,t.days="number"==typeof e?e+1:null}this.dateSelection.emit(t),this.dateselection.emit(t)}dateInvalid;toggleCalendar;currentView;handleResize(){this.open&&this.toggleGrid(!1)}async componentWillLoad(){this.watchMin(),this.watchMax(),this.watchId(),this.handleFormat(),this.handleMessage();const t=Q(this.start||this.end,this.format)&&it(this.start||this.end,this.format),{year:e,month:i,date:n}=it(this.today);this.setViewDate({date:t.date||n}),this.setViewMonth({month:t.month||i}),this.setViewYear({year:t.year||e}),null===this.language&&await p(this.hostElement)}dropdownHandler(){this.open?this.openDropdown(this.calendarElement):this.closeDropdown(this.calendarElement)}globalEvents=t=>{const e=t.target,i=e?.closest(this.hostElement.localName);i||this.toggleGrid(!1)};addGlobalEventListeners(){this.hostElement.getRootNode().addEventListener("click",this.globalEvents)}removeGlobalEventListeners(){this.hostElement.getRootNode().removeEventListener("click",this.globalEvents)}translate(t){return k?.[t?.toUpperCase()]?.[this.language||h]||t?.toUpperCase()}translateDateText(t,e){return et({...this.getCurrentDateObject(),...t},this.language,e)}getRect(t){return t.getBoundingClientRect()}toggleGrid(t,e){this.open=t??!this.open,this.selectingTo=e}hasHelperText(){return this.helpertext?.length>0||this.showHelperSlot}hasErrorMessage(){return this.error?.length>0||this.showErrorSlot}hasError(){return this.hasErrorMessage()||this.invalid||this.showErrorSlot}checkSlottedHelper(){const t=this.hostElement.querySelector("[slot=helpertext]")?.textContent;this.showHelperSlot=!!t?.length}checkSlottedError(){const t=this.hostElement.querySelector("[slot=error]")?.textContent;this.showErrorSlot=!!t?.length}viewingCalendar(){return this.view===W}viewingMonth(){return this.view===q}viewingYears(){return this.view===J}viewType(){return this.viewingCalendar()?"date":this.viewingMonth()?"month":"year"}isBeforeMax(t){return!this.maxDate||nt(t,this.maxDate,this.format,this.viewType())}isAfterMin(t){return!this.minDate||at(t,this.minDate,this.format,this.viewType())}isDisabledWeekend(t){return!!this.viewingCalendar()&&!!this.disableWeekends&&t>=6}isDisabledDate(t){return!(!this.disabledDates?.length||!this.viewingCalendar())&&!!this.disabledDates.split(",").find((e=>rt(e,t,this.format,this.viewType())))}isDisabled(t){const e=!this.isBeforeMax(t),i=!this.isAfterMin(t),n=this.viewingCalendar()&&this.isDisabledWeekend(t.day),a=this.isDisabledDate(t);return{disabled:e||i||n||a,manualDisable:a,weekendDisable:n,minMaxDisable:e||i}}updateGrid(){this.grid=function(t,e){const i=[],n=[],a=E().set("year",t).set("month",e),r=a.daysInMonth();for(let t=0;r>t;t++){const e=a.set("date",t),n=e.week();i.push({week:n,day:e.day()+1,date:t+1})}const s=[...new Set(i.map((({week:t})=>t)))];return s.forEach(((t,e)=>{const a=i.filter((e=>e.week===t));if(0===e&&7!==a.length){const e=7-a.length;for(let i=0;e>i;i++)a.unshift({week:t,blank:!0})}if(e+1===s.length&&7!==a.length){const e=7-a.length;for(let i=0;e>i;i++)a.push({week:t,blank:!0})}n.push({week:t,list:a})})),n}(this.dateViewYear,this.dateViewMonth)}getCurrentViewDate(t=this.getCurrentDateObject()){return et(t,this.language,"MMMM YYYY")}isSelected(t,e=!1){return rt(e?this.end:this.start,this.getCurrentDateObject(t),this.format,this.viewType())}isToday(t){return rt(this.today.format(this.format),this.getCurrentDateObject(t),this.format,this.viewType())}getCurrentDateObject({year:t=this.dateViewYear,month:e=this.dateViewMonth,date:i=this.dateViewDate,day:n}={}){return{year:t,month:e,date:i,day:n}}calendarKeyboardNavigation(t,e,i=!1){if(!["Enter","Space","ArrowRight","ArrowLeft","ArrowUp","ArrowDown","Home","End","PageDown","PageUp","Escape"].includes(t.code))return;if(t.preventDefault(),"Escape"===t.code)return this.toggleGrid(!1);const n=!i&&t.code.match(/^(Enter|Space)$/);if(n&&this.viewingYears())return this.setViewYear({year:e.year,reset:!0});if(n&&this.viewingMonth())return this.setViewMonth({month:e.month,grid:!0,reset:!0});if(n&&this.viewingCalendar())return this.setValue(e.date);const a=this.navDirection(t,e);if(!a)return;const{year:r,month:s,date:d}=a;this.setViewYear({year:r}),this.setViewMonth({month:s,grid:!0}),this.setViewDate({date:d}),this.resetFocus()}navDirection(t,e){const{code:i}=t;return it(function(t,e,i,n){return"date"===n?function(t,e,i){const n=X(e),{space:a,enter:r,next:s,down:d,previous:o,upwards:c,pageDown:p,pageUp:h,end:l,home:u}=function(t){return{enter:"Enter"===t,space:"Space"===t,next:"ArrowRight"===t,previous:"ArrowLeft"===t,down:"ArrowDown"===t,upwards:"ArrowUp"===t,pageDown:"PageDown"===t,pageUp:"PageUp"===t,end:"End"===t,home:"Home"===t}}(t);if(a||r)return n;if(s||d)return n.add(s?1:7,"day");if(o||c)return n.subtract(o?1:7,"day");if(p)return n.add(1,"month");if(h)return n.subtract(1,"month");const f=n.get("day"),k=0===f?-6:1;return l&&0!==f?n.set("day",i?5:7):u&&1!==f?n.set("day",k):n}(t,e,i):function(t,e,i){const n=X(e);if(t.match(/^(Enter|Space)$/))return n;const a="ArrowRight"===t,r="ArrowLeft"===t,s="ArrowDown"===t,d="ArrowUp"===t,o=a||r?1:3,{years:c,months:p}=n.toObject(),h="year"===i?c:p,l="year"===i?"month":"year";return a||s?n.set(i,h+o).set(l,e[l]):r||d?n.set(i,h-o).set(l,e[l]):n}(t,e,n)}(i,e,this.disableWeekends,this.viewType()))}getYearGrid(){const t=[];let e=this.viewYearStart-7;for(let i=0;15>i;i++)t.push(e++);return t}setView(t){this.view=t,requestAnimationFrame((()=>this.focusCalendar()))}setNavView(t){return this.viewingYears()?this.setViewYear({...t,grid:!0}):this.setViewMonth(t)}setViewYear({year:t=this.dateViewYear,minus:e=!1,plus:i=!1,reset:n=!1,grid:a=!1}){const r=function({year:t,minus:e=!1,plus:i=!1}){return st({data:E().set("year",t),unit:"y",plus:i,minus:e}).year()}({year:t,minus:e,plus:i}),s=this.viewYearStart,d=s+7,o=s-7;a?(this.viewYearStart=e?this.viewYearStart-15:this.viewYearStart+15,this.dateViewYear=this.viewYearStart):this.dateViewYear=r,(null===s||r>d||o>r)&&(this.viewYearStart=r),n&&this.setView(W)}setViewMonth({month:t=this.dateViewMonth,minus:e=!1,plus:i=!1,reset:n=!1,grid:a=!1}){const r=function({month:t,minus:e=!1,plus:i=!1}){return st({data:E().set("month",t),unit:"M",plus:i,minus:e}).month()}({month:t,minus:e,plus:i});this.dateViewMonth=r,!a&&0===t&&e&&this.setViewYear({minus:!0}),!a&&11===t&&i&&this.setViewYear({plus:!0}),n&&this.setView(W)}setViewDate({date:t}){this.dateViewDate=t}handleSeparator(t){let e=t.target.value;const i=this.separators.find((({index:t})=>t===e.length));return i?.name&&(e+=i.name),e}inputHandler(t,e=!1){const i=e?"end":"start",n=this.disableTypeAhead?t.target.value:this.handleSeparator(t);this[i]=n}setValue(t){const e=et(this.getCurrentDateObject({date:t}),this.language,this.format);this.selectingTo?this.end=e:this.start=e,this.setViewDate({date:t}),this.range&&!this.selectingTo||(this.toggleGrid(!1),this.focusToggleCalendarButton()),this.range&&!this.selectingTo&&(this.selectingTo=!0)}getDayAttributes(t,e){const i=this.getCurrentDateObject(t),{disabled:n}=this.isDisabled(i);if(e)return{"data-blank":!0};const a=this.viewType(),r=i[a],s="date"!==a?"disabled":"aria-disabled",d="date"!==a?"aria-pressed":"aria-selected",o=this.isSelected(i),c=this.isSelected(i,!0),p=o||c,h=this.range&&at(i,this.start,this.format,this.viewType()),l=this.range&&nt(i,this.end,this.format,this.viewType()),u=h&&l,f=n&&("date"===a||!p);var k;const m={onKeyDown:t=>this.calendarKeyboardNavigation(t,i,f),tabindex:this[`dateView${k=a,k.charAt(0).toUpperCase()+k.slice(1)}`]===r?"0":"-1",[d]:(p||u)?.toString(),"aria-current":this.isToday(i)?"date":null,"data-active":f?null:p,"data-today":this.isToday(i),"data-option":"true",[`data-${a}`]:r,[s]:f?"true":null},b=rt(this.start,this.end,this.format,"date");return this.range&&!b?(m["data-range"]=u,m["data-range-from"]=o&&""!==this.end,m["data-range-to"]=c&&""!==this.start):m["data-single"]=!0,this.viewingCalendar()&&(m.onClick=()=>this.setValue(i.date)),this.viewingMonth()&&(m.onClick=()=>this.setViewMonth({month:i.month,reset:!0})),this.viewingYears()&&(m.onClick=()=>this.setViewYear({year:i.year,reset:!0})),f&&delete m.onClick,m}focusToggleCalendarButton(){requestAnimationFrame((()=>{this.hostElement.querySelector(`#${this.range?this.idToButton:this.idFromButton}`).focus({preventScroll:!0})}))}focusCalendar(){requestAnimationFrame((()=>{const t=this.calendarTabElement({first:!0,grid:!0});t?.focus({preventScroll:!0})}))}resetFocus(){if(this.open)return this.focusCalendar();this.focusToggleCalendarButton()}handleButtonBlur(t){if("Escape"===t.code&&(t.preventDefault(),t.stopImmediatePropagation()),this.open&&"Tab"===t.key)return this.focusCalendar()}calendarTabElement({first:t,grid:e}){const i=':is(input, select, button:not([tabindex="-1"]), td[tabindex="0"])',n=this.calendarElement.querySelectorAll(i),a=Array.from(n).filter((({localName:t,offsetParent:e})=>i.includes(t)&&null!==e)),r=a.find((({dataset:t,tabIndex:e})=>t.option&&0===e));return e&&r?r:t?a.shift():a.pop()}handleCalendarTabEsc(t){const e=t.target,i=this.calendarTabElement({first:t.shiftKey});if(t.stopImmediatePropagation(),"Escape"===t.code)return t.preventDefault(),this.toggleGrid(!1),void this.focusToggleCalendarButton();"Tab"===t.code&&e.isEqualNode(i)&&(t.preventDefault(),this.calendarTabElement({first:!t.shiftKey}).focus({preventScroll:!0}))}ariaDescribedby(){const t=[];return this.hasErrorMessage()?t.push(this.idError):this.hasHelperText()&&t.push(this.idHelper),t.length?t.join(" "):null}renderDateGrid(){return r("table",{role:"grid",class:"pn-date-picker-table","aria-multiselectable":this.range?"true":null},r("caption",{class:"pn-date-picker-sr-only",key:this.getCurrentViewDate()},this.getCurrentViewDate()),r("thead",{class:"pn-date-picker-thead"},r("tr",{class:"pn-date-picker-tr"},this.weekNumbers&&r("th",{class:"pn-date-picker-th",scope:"col","aria-hidden":"true"}),this.listWeek.map((t=>r("th",{class:"pn-date-picker-th",scope:"col",abbr:this.translateDateText({day:t},"dddd")},this.translateDateText({day:t},"ddd")))))),r("tbody",{class:"pn-date-picker-tbody"},this.grid?.map((({week:t,list:e})=>r("tr",{key:`${this.dateViewYear}-${t}`,class:"pn-date-picker-tr"},this.weekNumbers&&r("td",{class:"pn-date-picker-td","data-blank":!0,"data-week":!0,title:`${this.translate("WEEK_NAME")} ${t}`,"aria-hidden":"true"},r("span",{class:"pn-date-picker-td-week"},t)),e.map((({day:t,date:e,blank:i})=>r("td",{key:`${this.dateViewYear}-${this.dateViewMonth}-${e}`,class:"pn-date-picker-td",...this.getDayAttributes({date:e,day:t},i)},r("span",{class:"pn-date-picker-td-text"},e)))))))))}renderMonthGrid(){return r("ul",{class:"pn-date-picker-list"},this.listMonths.map((t=>r("li",{key:t,class:"pn-date-picker-item","data-item":"month"},r("button",{type:"button",class:"pn-date-picker-button",...this.getDayAttributes({month:t},!1)},r("span",{class:"pn-date-picker-month","data-full":!0},this.translateDateText({month:t},"MMMM")),r("span",{class:"pn-date-picker-month","data-abbr":!0},this.translateDateText({month:t},"MMM")))))))}renderYearGrid(){return r("ul",{class:"pn-date-picker-list"},this.getYearGrid()?.map((t=>r("li",{key:t,class:"pn-date-picker-item","data-item":"year"},r("button",{type:"button",class:"pn-date-picker-button",...this.getDayAttributes({year:t},!1)},r("span",null,t))))))}renderLabel(t=!1){return r("label",{class:"pn-date-picker-label",htmlFor:t?this.idTo:this.idFrom,"data-compact":this.compact},r("span",null,t?this.labelTo:this.labelFrom))}renderInput({to:t=!1}={}){const e=t?this.idTo:this.idFrom,i=t?this.idToButton:this.idFromButton,n=t?this.end:this.start,a=t?this.endPlaceholder:this.placeholder,s=t?this.listEnd:this.list,d=!!this.open&&(this.selectingTo?t:!t),o=this.translate("SELECT_DATE"),c=this.translate(`SELECTED_${this.range?t?"END_":"START_":""}DATE`);let p=o;n&&(p+=`, ${c.replace("{date}",n)}`);const h=!(this.disabled||this.readonly);return r("div",{class:"pn-date-picker-container","data-error":this.hasError()},!this.compact&&this.renderLabel(t),r("div",{class:"pn-date-picker-field"},r("input",{type:"text",id:e,class:"pn-date-picker-input",name:this.name,placeholder:this.compact?" ":a,autocomplete:this.autocomplete,maxlength:this.disableMaxLength?null:this.format.length,list:s,pattern:this.pattern,value:n,disabled:this.disabled,required:this.required,readonly:this.readonly,"aria-describedby":this.ariaDescribedby(),"aria-invalid":this.hasError()?.toString(),"data-active":d,"data-compact":this.compact,onInput:e=>this.inputHandler(e,t)}),this.compact&&this.renderLabel(t),h&&r("pn-button",{class:"pn-date-picker-toggle",buttonId:i,icon:'<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M9 3.5a1 1 0 0 1 1 1V5h4v-.5a1 1 0 1 1 2 0V5h2a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3h2v-.5a1 1 0 0 1 1-1M8 7H6a1 1 0 0 0-1 1v1.5h14V8a1 1 0 0 0-1-1h-2v.5a1 1 0 1 1-2 0V7h-4v.5a1 1 0 0 1-2 0zm11 4.5H5V17a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1z" clip-rule="evenodd"/></svg>',iconOnly:!0,appearance:"light",arialabel:p,ariaexpanded:this.open.toString(),ariacontrols:this.idCalendar,"data-active":this.open,"data-input":!0,small:!0,onPnClick:()=>this.toggleGrid(null,t),onKeyDown:t=>this.handleButtonBlur(t)})))}render(){return r(s,{key:"0485d508d1df7d71009ab2c22096384928750697"},r("div",{key:"31514c4b9c216ca227ac91c90e82846992df283c",class:"pn-date-picker"},this.renderInput(),this.range&&r("div",{key:"2d924b59e6f7e41364413935b08640db0aa1622e",class:"pn-date-picker-range-icon test"},r("pn-icon",{key:"51ec54178bbf69c66fe17228017aeb8985e551fc",icon:f})),this.range&&this.renderInput({to:this.range})),r("div",{key:"16d60d86b8d9c01b7732a3c7b773d1157eedbd2b",id:this.idCalendar,class:"pn-date-picker-calendar",role:"dialog","aria-label":this.translate("CALENDAR_NAVIGATION"),"data-open":this.open,"data-direction":this.openUp?"top":"bottom","data-range":this.range,style:{height:"0px"},ref:t=>this.calendarElement=t,onKeyDown:t=>this.handleCalendarTabEsc(t)},r("div",{key:"703d253840d5e9943750469c9495c3151b85f08c",class:"pn-date-picker-wrapper"},r("nav",{key:"e25723946681d630dffeeddbf814b3a720c9685c",class:"pn-date-picker-nav","aria-labelledby":this.idCalendar},r("pn-button",{key:"9dec68c96c3ab4f8ca0c29783cd1e693e43281e1",hidden:this.viewingMonth(),small:!0,appearance:"light",arialabel:this.translate(`PREVIOUS_${this.viewType().toUpperCase()}`),icon:u,iconOnly:!0,onPnClick:()=>this.setNavView({minus:!0})}),r("pn-button",{key:"33dfc7f288f489eb814f27f61869793bf718fb6a",hidden:!this.viewingCalendar(),small:!0,appearance:"light",onPnClick:()=>this.setView(q)},r("span",{key:"67b029ff5dae525732dc78d1be4a3c706848078c",class:"pn-date-picker-month","data-full":!0},this.translateDateText({date:1},"MMMM")),r("span",{key:"82b2346a120e52d3f55d40eae85d191673c4e906",class:"pn-date-picker-month","data-abbr":!0},this.translateDateText({date:1},"MMM"))),r("h2",{key:"64c4b74c742c62370e8fe74b7ffd0c8e10c8c8d7",hidden:this.viewingCalendar(),class:"pn-date-picker-title"},this.translate(`SELECT_${this.viewType().toUpperCase()}`)),r("pn-button",{key:"065dcdbccfaf4f4b3eeae1bba9772a8bce804b66",hidden:!this.viewingCalendar(),small:!0,appearance:"light",onPnClick:()=>this.setView(J)},r("span",{key:"2c0b032610650aa43701a3f52052defad495569d"},this.dateViewYear)),r("pn-button",{key:"feb54d3c95595a39aa93eb2c74c7582a82b3031a",hidden:this.viewingMonth(),small:!0,appearance:"light",arialabel:this.translate(`NEXT_${this.viewType().toUpperCase()}`),icon:f,iconOnly:!0,onPnClick:()=>this.setNavView({plus:!0})})),this.viewingYears()&&this.renderYearGrid(),this.viewingMonth()&&this.renderMonthGrid(),this.viewingCalendar()&&this.renderDateGrid(),r("aside",{key:"1d1aa223f4314d714db6e994a7f87f3f0004f472",class:"pn-date-picker-chips"},r("slot",{key:"1239efd56b8aa01558c9671e3a1c198af8cdec28",name:"chips"})),r("nav",{key:"0410b4a1a92b1ccb56dee901be8df49933301142",class:"pn-date-picker-bottom",hidden:this.viewingCalendar()},r("pn-button",{key:"ec803a3af2c22f05f1416e0f62424b3341256d0f",appearance:"light",variant:"outlined",small:!0,icon:'<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M11.707 21.707a1 1 0 0 0 0-1.414L8.414 17H11.5a7.5 7.5 0 0 0 0-15H11a1 1 0 1 0 0 2h.5a5.5 5.5 0 1 1 0 11H8.414l3.293-3.293a1 1 0 0 0-1.414-1.414l-5 5a1 1 0 0 0 0 1.414l5 5a1 1 0 0 0 1.414 0M7 3a1 1 0 0 0 1 1h.01a1 1 0 0 0 0-2H8a1 1 0 0 0-1 1" clip-rule="evenodd"/></svg>',onPnClick:()=>this.setView(W)},r("span",{key:"76b1889719347c417b5366bc511f48604aad35e1"},this.translate("GO_CALENDAR")))))),r("p",{key:"efb966a5373f0a1b0e300999af60a1f8b9194429",id:this.idHelper,class:"pn-date-picker-helpertext",hidden:!this.hasHelperText()||this.hasError()},r("span",{key:"cf169a86e1a4c9ca46d835a536971306dba5224f"},this.helpertext),r("slot",{key:"858470af2c9febb68a7beffa3014485d91297893",name:"helpertext"})),r("p",{key:"219d57d13eebcb6d6621fe8e1a717fedcc39e641",id:this.idError,class:"pn-date-picker-error",role:"alert",hidden:!this.hasErrorMessage()},r("span",{key:"92b84f913d27642f9487f6316040f95478a75373"},this.error),r("slot",{key:"31a3de009f3b54f775f558ae6a9aa17ebb2bbc88",name:"error"})))}static get watchers(){return{minDate:[{watchMin:0}],maxDate:[{watchMax:0}],start:[{watchValue:0}],end:[{watchValueTo:0}],format:[{handleFormat:0}],id:[{watchId:0}],dateViewYear:[{watchView:0}],dateViewMonth:[{watchView:0}],dateViewDate:[{watchView:0}],open:[{watchOpen:0}],helpertext:[{handleMessage:0}],error:[{handleMessage:0}],view:[{handleView:0}]}}};dt.style=`${t("pn-date-picker")}{position:relative;display:block}${t("pn-date-picker")} .pn-date-picker{width:100%;display:flex;flex-wrap:wrap;gap:0.25em;container-type:inline-size}@container (max-width: 24em){${t("pn-date-picker")} .pn-date-picker .pn-date-picker-container{flex:1 1 20em}${t("pn-date-picker")} .pn-date-picker .pn-date-picker-range-icon{display:none}}${t("pn-date-picker")} .pn-date-picker-container{display:block;flex:1 1 11em}${t("pn-date-picker")} .pn-date-picker-container[data-error]>.pn-date-picker-label{color:#a70707}${t("pn-date-picker")} .pn-date-picker-container[data-error]>.pn-date-picker-field .pn-date-picker-input{border-color:#a70707}${t("pn-date-picker")} .pn-date-picker-container[data-error]>.pn-date-picker-field .pn-date-picker-input:hover{border-color:#500715}${t("pn-date-picker")} .pn-date-picker-container[data-error]>.pn-date-picker-field .pn-date-picker-input:focus-visible{background-color:#ffffff;border-color:#a70707;outline-color:#a70707}${t("pn-date-picker")} .pn-date-picker-container[data-error]>.pn-date-picker-field .pn-date-picker-input:-webkit-autofill,${t("pn-date-picker")} .pn-date-picker-container[data-error]>.pn-date-picker-field .pn-date-picker-input:-webkit-autofill:hover,${t("pn-date-picker")} .pn-date-picker-container[data-error]>.pn-date-picker-field .pn-date-picker-input:-webkit-autofill:focus,${t("pn-date-picker")} .pn-date-picker-container[data-error]>.pn-date-picker-field .pn-date-picker-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #fef7f6 inset;-webkit-text-fill-color:#2d2013}${t("pn-date-picker")} .pn-date-picker-label{cursor:pointer;display:flex;justify-content:space-between;align-items:flex-end;font-weight:400;color:#2d2013;margin:0 0 0.25em 0;gap:0.5em;-webkit-tap-highlight-color:transparent;transition-property:color, transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-date-picker")} .pn-date-picker-label{transition-duration:0s;transition-delay:0s}}${t("pn-date-picker")} .pn-date-picker-label[data-compact]{position:absolute;top:1.5625em;left:calc(var(--pn-input-offset-left, 0px) + 0.75em + 0.0625em);margin:0;pointer-events:none;align-items:center;height:1.5em;max-width:calc(100% - (var(--pn-input-offset-left, 0px) + 0.75em) - (var(--pn-input-offset-right, 0px) + 0.75em));transform:translateY(-50%) scale(1) translateZ(0);transform-origin:0 0;transition-delay:0.2s}${t("pn-date-picker")} .pn-date-picker-label[data-compact]>span{font-size:1em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.5em}${t("pn-date-picker")} .pn-date-picker-label>span{font-size:0.875em}${t("pn-date-picker")} .pn-date-picker-field{position:relative;display:flex}${t("pn-date-picker")} .pn-date-picker-input{color:#2d2013;background-color:#ffffff;border:0.0625em solid #969087;border-radius:0.5em;padding:0.75em;font-family:inherit;font-size:1em;font-weight:500;line-height:1.5em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}${t("pn-date-picker")} .pn-date-picker-input:-webkit-autofill,${t("pn-date-picker")} .pn-date-picker-input:-webkit-autofill:hover,${t("pn-date-picker")} .pn-date-picker-input:-webkit-autofill:focus,${t("pn-date-picker")} .pn-date-picker-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}${t("pn-date-picker")} .pn-date-picker-input{outline:0.2rem solid transparent;outline-offset:0.2rem}${t("pn-date-picker")} .pn-date-picker-input:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}${t("pn-date-picker")} .pn-date-picker-input{transition-property:outline-color, background-color, border-color, color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-date-picker")} .pn-date-picker-input{transition-duration:0s;transition-delay:0s}}${t("pn-date-picker")} .pn-date-picker-input[data-compact]{text-align:left;padding-top:1.125em;padding-bottom:0.375em;max-width:unset}${t("pn-date-picker")} .pn-date-picker-input[data-compact]::placeholder{color:transparent}${t("pn-date-picker")} .pn-date-picker-input[data-compact]:focus+.pn-date-picker-label,${t("pn-date-picker")} .pn-date-picker-input[data-compact]:not(:placeholder-shown)+.pn-date-picker-label{transform:translateY(-85%) scale(0.75);transition-delay:0s}${t("pn-date-picker")} .pn-date-picker-input::placeholder{color:#5e554a;font-weight:normal}${t("pn-date-picker")} .pn-date-picker-input:hover{border-color:#005d92}${t("pn-date-picker")} .pn-date-picker-input:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}${t("pn-date-picker")} .pn-date-picker-input{padding-right:3em;flex:auto;width:100%}${t("pn-date-picker")} .pn-date-picker-input::-webkit-calendar-picker-indicator{visibility:hidden;inline-size:0}${t("pn-date-picker")} .pn-date-picker-input::-webkit-textfield-decoration-container,${t("pn-date-picker")} .pn-date-picker-input::-webkit-search-cancel-button,${t("pn-date-picker")} .pn-date-picker-input::-webkit-inner-spin-button,${t("pn-date-picker")} .pn-date-picker-input::-webkit-outer-spin-button,${t("pn-date-picker")} .pn-date-picker-input::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}${t("pn-date-picker")} .pn-date-picker-input[data-active]{border-color:#005d92}${t("pn-date-picker")} .pn-date-picker-input:read-only{border-color:#ffffff}${t("pn-date-picker")} .pn-date-picker-range-icon{width:1.5em;margin-bottom:0.8125em;align-self:end}${t("pn-date-picker")} .pn-date-picker-helpertext,${t("pn-date-picker")} .pn-date-picker-error{color:#5e554a;font-size:0.875em;font-weight:400;margin:0.25em 0 0 0;display:flex;flex-direction:column;gap:0.25em;text-align:left}${t("pn-date-picker")} .pn-date-picker-helpertext[hidden],${t("pn-date-picker")} .pn-date-picker-error[hidden]{display:none}${t("pn-date-picker")} .pn-date-picker-error{color:#a70707}${t("pn-date-picker")} .pn-date-picker-toggle{position:absolute;top:0.5em;right:0.5em;border-radius:50%}${t("pn-date-picker")} .pn-date-picker-button{cursor:pointer;font-size:1em;background-color:transparent;border:0.0625em solid #969087;border-color:transparent;padding:0.25em;margin:0;flex:auto;border-radius:3em}${t("pn-date-picker")} .pn-date-picker-button:first-child,${t("pn-date-picker")} .pn-date-picker-button:last-child{flex:0 0 auto}${t("pn-date-picker")} .pn-date-picker-button{transition-property:outline-color, background-color, border-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-date-picker")} .pn-date-picker-button{transition-duration:0s;transition-delay:0s}}${t("pn-date-picker")} .pn-date-picker-button{outline:0.2rem solid transparent;outline-offset:0.2rem}${t("pn-date-picker")} .pn-date-picker-button:focus{background-color:#ffffff;outline-color:#005d92}${t("pn-date-picker")} .pn-date-picker-button:hover{background-color:#e0f8ff}${t("pn-date-picker")} .pn-date-picker-button[data-active],${t("pn-date-picker")} .pn-date-picker-button[data-range]{background-color:#e0f8ff;border-color:#005d92}${t("pn-date-picker")} .pn-date-picker-button:disabled{cursor:not-allowed}${t("pn-date-picker")} .pn-date-picker-button:disabled:hover{background-color:transparent}${t("pn-date-picker")} .pn-date-picker-month{text-transform:capitalize}${t("pn-date-picker")} .pn-date-picker-month[data-full]{display:none}@media (min-width: 25em){${t("pn-date-picker")} .pn-date-picker-month[data-full]{display:inline}}${t("pn-date-picker")} .pn-date-picker-month[data-abbr]{display:inline}@media (min-width: 25em){${t("pn-date-picker")} .pn-date-picker-month[data-abbr]{display:none}}${t("pn-date-picker")} .pn-date-picker-sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);margin:-1px;white-space:nowrap}${t("pn-date-picker")} .pn-date-picker{}${t("pn-date-picker")} .pn-date-picker-calendar{position:absolute;z-index:4;top:calc(100% + 0.5em);left:var(--pn-calendar-offset-left);width:clamp(100%, 95vw, 20em);max-width:20em;text-align:center;border-radius:0.5em;background-color:#ffffff;overflow:hidden;visibility:hidden;box-shadow:0 0.25em 0.5em rgba(0, 0, 0, 0.1)}${t("pn-date-picker")} .pn-date-picker-calendar[data-range]{max-width:unset}${t("pn-date-picker")} .pn-date-picker-calendar[data-open],${t("pn-date-picker")} .pn-date-picker-calendar[data-moving]{visibility:visible}${t("pn-date-picker")} .pn-date-picker-calendar[data-direction=top]{top:unset;bottom:calc(100% + 0.5em);transform-origin:bottom left}${t("pn-date-picker")} .pn-date-picker-calendar ${t("pn-button")}[hidden]{display:none}${t("pn-date-picker")} .pn-date-picker-calendar ${t("pn-button")} span{text-transform:capitalize}${t("pn-date-picker")} .pn-date-picker-wrapper{padding:0.5em}${t("pn-date-picker")} .pn-date-picker-title{margin:0.5em auto 0;font-size:0.875em;font-weight:500;color:#2d2013}${t("pn-date-picker")} .pn-date-picker-nav{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1em}${t("pn-date-picker")} .pn-date-picker-table{width:100%;table-layout:fixed;border-spacing:0;border:0;margin:0 0 0.5em}${t("pn-date-picker")} .pn-date-picker-th{font-size:0.75em;font-weight:500;color:#5e554a;padding:0.25em;border:0;text-transform:capitalize}${t("pn-date-picker")} .pn-date-picker-td{cursor:pointer;position:relative;padding:0.25em;outline:0;border:0;line-height:0;width:2em;height:2em;-webkit-tap-highlight-color:transparent}${t("pn-date-picker")} .pn-date-picker-td-text{position:relative;display:block;line-height:1.5em;border-radius:0.5em;color:#2d2013;padding:0.25em;transition-property:color, background-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-date-picker")} .pn-date-picker-td-text{transition-duration:0s;transition-delay:0s}}${t("pn-date-picker")} .pn-date-picker-td-text{outline:0.2rem solid transparent;outline-offset:0.2rem}${t("pn-date-picker")} .pn-date-picker-td[data-blank]{cursor:auto}${t("pn-date-picker")} .pn-date-picker-td[data-blank] .pn-date-picker-td-text{background-color:transparent}${t("pn-date-picker")} .pn-date-picker-td-week{font-size:0.75em;color:#5e554a;display:block}${t("pn-date-picker")} .pn-date-picker-td:before{content:"";position:absolute;left:0;top:0.25em;height:calc(100% - 0.5em);width:100%;background-color:transparent;border:0.0625em solid transparent;border-radius:0.5em;transition-property:border-color, background-color, width, transform, left;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-date-picker")} .pn-date-picker-td:before{transition-duration:0s;transition-delay:0s}}${t("pn-date-picker")} .pn-date-picker-td[aria-disabled=true]{cursor:not-allowed;pointer-events:none}${t("pn-date-picker")} .pn-date-picker-td[aria-disabled=true]>.pn-date-picker-td-text{color:#5e554a;background-color:#f3f2f2}${t("pn-date-picker")} .pn-date-picker-td[aria-disabled=true]:focus>.pn-date-picker-td-text{outline-color:#a70707}${t("pn-date-picker")} .pn-date-picker-td[aria-disabled=true]:hover>.pn-date-picker-td-text,${t("pn-date-picker")} .pn-date-picker-td[aria-disabled=true]:focus>.pn-date-picker-td-text{background-color:#f3f2f2}${t("pn-date-picker")} .pn-date-picker-td[aria-selected=true] .pn-date-picker-td-text{font-weight:500}${t("pn-date-picker")} .pn-date-picker-td[aria-selected=true]:before{border-color:#005d92;background-color:#effbff}${t("pn-date-picker")} .pn-date-picker-td[aria-selected=true][data-single]:before{width:2em;left:50%;transform:translateX(-50%)}${t("pn-date-picker")} .pn-date-picker-td[aria-selected=true][data-range]:before{border-radius:0;border-left-width:0;border-right-width:0}${t("pn-date-picker")} .pn-date-picker-td[aria-selected=true][data-range-from]:before{border-radius:0.5em 0 0 0.5em;border-right-width:0;border-left-width:0.0625em}${t("pn-date-picker")} .pn-date-picker-td[aria-selected=true][data-range-to]:before{border-radius:0 0.5em 0.5em 0;border-right-width:0.0625em;border-left-width:0}${t("pn-date-picker")} .pn-date-picker-td[aria-selected=true][aria-disabled=true]:before{border-color:#a70707;background-color:#fdefee}${t("pn-date-picker")} .pn-date-picker-td[aria-selected=true][aria-disabled=true]>.pn-date-picker-td-text{background-color:unset}${t("pn-date-picker")} .pn-date-picker-td[aria-selected=true][aria-disabled=true]:focus>.pn-date-picker-td-text{background-color:#f3f2f2}${t("pn-date-picker")} .pn-date-picker-td[aria-selected=false]:hover>.pn-date-picker-td-text{background-color:#e0f8ff}${t("pn-date-picker")} .pn-date-picker-td[data-today]>.pn-date-picker-td-text{font-weight:500}${t("pn-date-picker")} .pn-date-picker-td[data-today]>.pn-date-picker-td-text::after{content:"";position:absolute;bottom:0.25em;left:calc(50% - 0.125em);height:0.25em;width:0.25em;background-color:#005d92;border-radius:50%}${t("pn-date-picker")} .pn-date-picker-td[data-today]>.pn-date-picker-td-text:after{bottom:0.15em}${t("pn-date-picker")} .pn-date-picker-td[data-active][data-today]>.pn-date-picker-td-text:after{background-color:#005d92}${t("pn-date-picker")} .pn-date-picker-td:focus-visible>.pn-date-picker-td-text{outline-color:#005d92}${t("pn-date-picker")} .pn-date-picker{}${t("pn-date-picker")} .pn-date-picker-list{margin:0 0 1em;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:0.5em}${t("pn-date-picker")} .pn-date-picker-item>.pn-date-picker-button{display:block;width:100%;border-radius:0.5em;padding:0.5em 0.25em}${t("pn-date-picker")} .pn-date-picker-item>.pn-date-picker-button[data-today]{position:relative;font-weight:500}${t("pn-date-picker")} .pn-date-picker-item>.pn-date-picker-button[data-today]::after{content:"";position:absolute;bottom:0.25em;left:calc(50% - 0.125em);height:0.25em;width:0.25em;background-color:#005d92;border-radius:50%}${t("pn-date-picker")} .pn-date-picker-chips>[slot=chips]{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:0.5em;margin-bottom:0.5em}${t("pn-date-picker")} .pn-date-picker-chips>[slot=chips]:empty{display:none}${t("pn-date-picker")} .pn-date-picker-bottom{display:flex;justify-content:flex-end;gap:0.5em}${t("pn-date-picker")} .pn-date-picker-bottom[hidden]{display:none}`;export{dt as pn_date_picker}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* By PostNord.
|
|
4
4
|
*/
|
|
5
|
-
import{t as a,r as e,c as r,g as n,h as t,a as
|
|
5
|
+
import{t as a,r as e,c as r,g as n,h as t,a as i}from"./p-CAEP792y.js";import{a as c}from"./p-D_UyW-KH.js";import{o as d}from"./p-IFVOY5Gf.js";import{uuidv4 as o,ripple as p}from"./index.esm.js";const l=class{constructor(a){e(this,a),this.pnCard=r(this,"pnCard")}id=`pn-card-${o()}`;idTitle=`${this.id}-title`;visibleOutline=!1;get hostElement(){return n(this)}label;labelTag="h3";overline;text;cardId=null;horizontal=!1;reverse=!1;aspectRatio="";href;hrefLabel;target;rel="noopener noreferrer";icon=null;watchCardId(){this.idTitle=`${this.cardId||this.id}-title`}pnCard;componentWillLoad(){this.watchCardId()}isExternal(){return"_blank"===this.target}showTitle(){return!!this.label}showHref(){return!!this.href&&(this.hrefLabel||this.showTitle())}getTitleId(){return this.hrefLabel?null:this.idTitle}getLabelledby(){return this.hrefLabel?null:this.showTitle()?this.idTitle:null}getIcon(){return this.icon?this.icon:this.isExternal()?d:c}getHeadingTag(){return["h2","h3","h4","h5","h6","p"].includes(this.labelTag)?this.labelTag:"h3"}handleFocus({type:a,target:e}){this.visibleOutline="focus"===a&&e.matches(":focus-visible")}handleClick(a){p(a,this.hostElement,".pn-card"),this.pnCard.emit({click:a})}render(){const a=this.getHeadingTag();return t(i,{key:"66bfbab30790857e909606b687989d845eef9c42"},t("article",{key:"eb3d30790de5f65da87dc40731b81fb9120c88db",id:this.cardId,class:"pn-card","data-link":!!this.href,"data-horizontal":this.horizontal,"data-reverse":this.reverse,"data-focus":this.visibleOutline},t("div",{key:"626daade06dd8b45c47e58cd5fbcef0322e3398f",class:"pn-card-image"},t("picture",{key:"5f0539bf93afe3a8070c4e31bcabcd6e09f6cd5b",class:"pn-card-picture",style:{"--pn-card-aspect-ratio":this.aspectRatio||"unset"}},t("slot",{key:"ead1ab12ad886e48daf022a26afc0deb29998d9e",name:"image"}))),t("div",{key:"79b1e1dcf658daf770ef2038770ad36d827d61fb",class:"pn-card-content"},t("header",{key:"9b122547f47bace150f3dd17ccbe0ffe17a499b7",class:"pn-card-header"},t("div",{key:"eff03ae597d4d47ec6ef78634b9f1e3b3c65d420",class:"pn-card-tags"},t("slot",{key:"bce8ed2e135c2f7575923678477c278c82b26664",name:"tags"})),!!this.overline&&t("p",{key:"4c5012ffa0d5e4054be3dc99fea4fd3d2d2e4383",class:"pn-card-label-overline"},this.overline),!!this.label&&t(a,{key:"a1a2a9ce01834943f3909a95dd4ac9c12c62fcc5",id:this.getTitleId(),class:"pn-card-label"},this.label),t("slot",{key:"7e231155db5155d5d4a5a272f845c6822235bb54",name:"header"})),t("section",{key:"118b273cd31a00de1fd16ee297bb206a33e7f977",class:"pn-card-section"},!!this.text&&t("p",{key:"66addec056571f3b511718cc8a4a60f64c3ac62b",class:"pn-card-section-paragraph"},this.text),t("slot",{key:"f9ec7149a4e48f59143b81470677be0b24791c8e"})),t("nav",{key:"bb0ea19f4db135fd1b32496e167b67358df6ada8",class:"pn-card-navigation"},this.showHref()&&t("a",{key:"182c9afcbb00b56c16b53ad15f12449e5feaf11a",class:"pn-card-link",href:this.href,target:this.target,rel:this.rel,"aria-labelledby":this.getLabelledby(),onClick:a=>this.handleClick(a),onFocus:a=>this.handleFocus(a),onBlur:a=>this.handleFocus(a)},this.hrefLabel,t("pn-icon",{key:"50ed52dbc3fd815c9d7b37542ad566a607e43da3",color:"blue700",icon:this.getIcon()})),t("slot",{key:"6204a8a4944a85d522b4522352f67e73bc52792a",name:"navigation"})))))}static get watchers(){return{cardId:[{watchCardId:0}]}}};l.style=`${a("pn-card")}{position:relative;display:block}${a("pn-card")} .pn-card{position:relative;background-color:#ffffff;color:#2d2013;border-radius:0.5em;display:flex;flex-direction:column;height:100%;overflow:hidden;box-shadow:0em 0.0625em 0.125em 0em rgba(20, 20, 20, 0.11), 0em 0.1875em 0.4375em 0em rgba(0, 0, 0, 0.13);outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:background-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${a("pn-card")} .pn-card{transition-duration:0s;transition-delay:0s}}${a("pn-card")} .pn-card[data-link]:hover{background-color:#e0f8ff}${a("pn-card")} .pn-card[data-link][data-focus]{outline-color:#005d92}${a("pn-card")} .pn-card{}${a("pn-card")} .pn-card[data-link] .pn-card-navigation>[slot=navigation]{display:none}${a("pn-card")} .pn-card[data-horizontal]{flex-direction:row}${a("pn-card")} .pn-card[data-horizontal][data-reverse]{flex-direction:row-reverse}${a("pn-card")} .pn-card[data-horizontal][data-reverse] .pn-card-picture{clip-path:ellipse(100% 175% at right center)}${a("pn-card")} .pn-card[data-horizontal] .pn-card-content{flex:1 1 50%}${a("pn-card")} .pn-card[data-horizontal] .pn-card-image{flex:1 1 50%;flex-direction:row}${a("pn-card")} .pn-card[data-horizontal] .pn-card-picture{width:100%;clip-path:ellipse(100% 175% at left center)}${a("pn-card")} .pn-card[data-reverse]{flex-direction:column-reverse}${a("pn-card")} .pn-card[data-reverse] .pn-card-picture{clip-path:ellipse(175% 100% at bottom center)}${a("pn-card")} .pn-card-header{display:flex;flex-direction:column;gap:clamp(0.5em, 5vw, 0.75em)}${a("pn-card")} .pn-card-label{font-size:clamp(1.125em, 5vw, 1.5em);font-weight:700;margin:0}${a("pn-card")} .pn-card-label-overline{color:#5e554a;font-size:0.875em;font-weight:400;margin:0}${a("pn-card")} .pn-card-link{display:inline-flex;align-items:center;gap:0.25em;color:#005d92;text-decoration-color:transparent;-webkit-tap-highlight-color:transparent;transition-property:color, text-decoration-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${a("pn-card")} .pn-card-link{transition-duration:0s;transition-delay:0s}}${a("pn-card")} .pn-card-link:hover{color:#0d234b;text-decoration-color:#0d234b}${a("pn-card")} .pn-card-link:hover>${a("pn-icon")}>.pn-icon-svg>path{fill:#0d234b}${a("pn-card")} .pn-card-link:focus{outline:0;color:#0d234b;text-decoration-color:#0d234b}${a("pn-card")} .pn-card-link:focus>${a("pn-icon")}>.pn-icon-svg>path{fill:#0d234b}${a("pn-card")} .pn-card-link:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}${a("pn-card")} .pn-card-content{display:flex;flex-direction:column;flex-wrap:nowrap;flex:1;gap:clamp(0.5em, 5vw, 0.75em);padding:clamp(0.75em, 5vw, 1.5em) clamp(0.75em, 5vw, 1.5em)}${a("pn-card")} .pn-card-section{display:flex;flex-direction:column;gap:0.5em;color:#5e554a}${a("pn-card")} .pn-card-section-paragraph,${a("pn-card")} .pn-card-section p{margin:0 0 0.25em}${a("pn-card")} .pn-card-section-paragraph:last-child,${a("pn-card")} .pn-card-section p:last-child{margin:0em}${a("pn-card")} .pn-card-navigation{margin-top:auto;padding-top:clamp(0.5em, 5vw, 0.75em);display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0.5em}${a("pn-card")} .pn-card-navigation>${a("pn-button")}{flex:1 1 12em}${a("pn-card")} .pn-card-navigation:empty{display:none}${a("pn-card")} .pn-card-image{position:relative;display:flex;flex-direction:column}${a("pn-card")} .pn-card-picture{margin:0;padding:0;display:block;overflow:hidden;clip-path:ellipse(175% 100% at top center);aspect-ratio:var(--pn-card-aspect-ratio)}${a("pn-card")} .pn-card-picture:empty{display:none}${a("pn-card")} .pn-card-picture>*[slot=image]{display:block;height:100%;width:100%;object-fit:cover}${a("pn-card")} .pn-card-tags{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0.5em}${a("pn-card")} .pn-card-tags:empty{display:none}${a("pn-card")} .pn-card>.pn-ripple{animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background-color:#005d92;transform:translate(-50%, -50%) scale(0);opacity:0.1;pointer-events:none;z-index:3}@keyframes ripple{to{transform:translate(-50%, -50%) scale(1);opacity:0}}`;export{l as pn_card}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* By PostNord.
|
|
4
4
|
*/
|
|
5
|
-
import{t as e,M as c,r as o,g as n,h as t,a as i}from"./p-DWsprozV.js";import{uuidv4 as a}from"./index.esm.js";import{a as r}from"./p-0j4cY0b7.js";const d=class extends(c(r)){constructor(e){super(),o(this,e)}id=`pn-checkbox-${a()}`;idHelpertext=`${this.id}-helpertext`;contentArea;get hostElement(){return n(this)}label;helpertext;value;name;checked=!1;checkboxid=this.id;required=!1;disabled=!1;invalid=!1;indeterminate=!1;tile=!1;expand=!1;icon=null;handleId(){this.idHelpertext=`${this.checkboxid}-helpertext`}handleChecked(){this.displayContent()&&(this.checked?this.openDropdown(this.contentArea):this.closeDropdown(this.contentArea))}componentWillLoad(){this.handleId()}componentDidLoad(){this.displayContent()&&this.checked&&requestAnimationFrame((()=>this.openDropdown(this.contentArea)))}handleChange(e){const{checked:c}=e.target;this.indeterminate=!1,this.checked=c}isInvalid(){return this.invalid&&!this.disabled}displayText(){return this.displayLabel()||this.displayHelpertext()}displayLabel(){return!!this.label}displayHelpertext(){return!(!this.helpertext&&!this.hostElement.querySelector('[slot="helpertext"]')?.textContent)}displayIcon(){return this.tile&&!!this.icon}displayContent(){return this.tile&&this.expand}render(){return t(i,{key:"52273e4f6d71183fa2360c147c5d2ed6fbb3d31a"},t("input",{key:"fba94a81a38009f36d938751c6362ed7340d68d7",type:"checkbox",id:this.checkboxid,class:"pn-checkbox-input",value:this.value,name:this.name,disabled:this.disabled,checked:this.checked,required:this.required,indeterminate:this.indeterminate,"aria-invalid":this.isInvalid()?.toString(),"aria-describedby":this.helpertext&&this.idHelpertext,"data-tile":this.tile,"data-expand":this.expand,onChange:e=>this.handleChange(e)}),t("div",{key:"850ecfd3abddccfe8b0ada1d0272dfa3155a669f",class:"pn-checkbox","data-tile":this.tile,"data-expand":this.expand,"data-invalid":this.isInvalid()},t("div",{key:"728efcdb0cd59f1af39839dd9fd1accc66f2da00",class:"pn-checkbox-outer"},t("svg",{key:"55d82cc64b735706a57d301e9c8f64edc4aeebe9",class:"pn-checkbox-svg",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},t("polyline",{key:"02a30f7a2cbf5d502be29ff14945f22e89ca19c5",class:"pn-checkbox-svg-line pn-checkbox-svg-checkmark",points:"4,12 9,17 20,6","stroke-width":"3"}),t("polyline",{key:"9c01a39dec7dc5d3961bffd07badf694ebdbadc1",class:"pn-checkbox-svg-line pn-checkbox-svg-indeterminate",points:"4,12 20,12","stroke-width":"3"}))),t("p",{key:"0b63e31f00d2dea465e9e36b3cceb56bf0a4ad48",class:"pn-checkbox-content",hidden:!this.displayText()},t("label",{key:"9aeebad0076718474224594b5c17cd5e3c3590dc",htmlFor:this.checkboxid,class:"pn-checkbox-label",hidden:!this.displayLabel()},this.label),t("span",{key:"1d99d825512267e4560b817f8853319b10b05d08",id:this.idHelpertext,class:"pn-checkbox-helpertext",hidden:!this.displayHelpertext()},this.helpertext,t("slot",{key:"981da5a8b25f6e780a5c0a1f9e32ee7aa11fef11",name:"helpertext"})),t("slot",{key:"192f09f50bd3592c41e8836c70dc264edfc3e332"})),this.displayIcon()&&t("pn-icon",{key:"4ab2aaf2819ca83f08233cac99922e5234837408",icon:this.icon,color:"gray900"}),t("div",{key:"6247821b031e2d57a216612b166db6622aaa2225",class:"pn-checkbox-container","data-open":this.checked,hidden:!this.displayContent(),style:{height:"0px"},ref:e=>this.contentArea=e},t("div",{key:"d35445d61a6e9a7faca6ca349f56b36097a077d2",class:"pn-checkbox-area"},t("slot",{key:"7cbcc9648ae405d6aa8729f2071c3b03a914a027",name:"content"})))))}static get watchers(){return{checkboxid:[{handleId:0}],checked:[{handleChecked:0}]}}};d.style=`${e("pn-checkbox")}{position:relative;display:inline-block}${e("pn-checkbox")} .pn-checkbox{position:relative;display:flex;flex-wrap:wrap;flex-direction:row}${e("pn-checkbox")} .pn-checkbox-label{cursor:pointer;color:#2d2013;-webkit-tap-highlight-color:transparent}${e("pn-checkbox")} .pn-checkbox-helpertext{color:#5e554a;margin:0 0 0.5em 0}${e("pn-checkbox")} .pn-checkbox-helpertext:last-child{margin:0}${e("pn-checkbox")} .pn-checkbox-content{display:flex;flex-direction:column;align-items:flex-start;font-weight:400;line-height:1.5;flex:1;margin:0 0 0 0.75em}${e("pn-checkbox")} .pn-checkbox-outer{width:1.5em;height:1.5em;background-color:#ffffff;display:flex;align-items:center;justify-content:center;position:relative;border:0.0625em solid #969087;border-radius:0.25em;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:outline-color, border-color, background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-checkbox")} .pn-checkbox-outer{transition-duration:0s;transition-delay:0s}}${e("pn-checkbox")} .pn-checkbox-svg{width:1.25em;fill:none}${e("pn-checkbox")} .pn-checkbox-svg-line{stroke:#ffffff;transform-origin:0 0;stroke-linecap:round;stroke-dasharray:23;stroke-dashoffset:23;transition-property:stroke-dashoffset;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-checkbox")} .pn-checkbox-svg-line{transition-duration:0s;transition-delay:0s}}${e("pn-checkbox")} .pn-checkbox-svg-line{transition-delay:0s}${e("pn-checkbox")} .pn-checkbox[data-tile]{position:relative;background-color:#ffffff;border:0.0625em solid #969087;border-radius:0.5em;padding:1em;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:outline-color, background-color, border-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-checkbox")} .pn-checkbox[data-tile]{transition-duration:0s;transition-delay:0s}}${e("pn-checkbox")} .pn-checkbox[data-tile][data-invalid]{border-color:#a70707}${e("pn-checkbox")} .pn-checkbox[data-invalid] .pn-checkbox-outer{border-color:#a70707}${e("pn-checkbox")} .pn-checkbox-container{flex:1 1 100%;overflow:hidden;visibility:hidden}${e("pn-checkbox")} .pn-checkbox-container[data-open]{visibility:visible;overflow:unset}${e("pn-checkbox")} .pn-checkbox-container[data-moving]{visibility:visible;overflow:hidden}${e("pn-checkbox")} .pn-checkbox-area{padding:0.75em 0 0 2.25em;display:flex;flex-direction:column;flex-wrap:nowrap;gap:1em}${e("pn-checkbox")} .pn-checkbox>${e("pn-icon")}{margin-left:0.75em}${e("pn-checkbox")}>input{cursor:pointer;opacity:0;position:absolute;margin:0;z-index:1;top:0;left:0;font-size:1em;width:1.5em;height:1.5em;-webkit-tap-highlight-color:transparent}${e("pn-checkbox")}>input[data-tile]:not([data-expand]){width:100%;height:100%}${e("pn-checkbox")}>input[data-expand]{top:1em;left:1em}${e("pn-checkbox")}>input[aria-describedby]+.pn-checkbox[data-tile] .pn-checkbox-label{font-weight:500}${e("pn-checkbox")}>input:hover+.pn-checkbox>.pn-checkbox-outer{background-color:#e0f8ff;border-color:#005d92}${e("pn-checkbox")}>input:hover+.pn-checkbox[data-tile]{background-color:#e0f8ff;border-color:#005d92}${e("pn-checkbox")}>input:hover+.pn-checkbox[data-tile][data-invalid]{background-color:#fdefee;border-color:#a70707}${e("pn-checkbox")}>input:hover+.pn-checkbox[data-invalid]>.pn-checkbox-outer{background-color:#fdefee;border-color:#a70707}${e("pn-checkbox")}>input:focus-visible+.pn-checkbox>.pn-checkbox-outer{outline-color:#005d92}${e("pn-checkbox")}>input:focus-visible+.pn-checkbox[data-tile]{outline-color:#005d92;border-color:#005d92}${e("pn-checkbox")}>input:focus-visible+.pn-checkbox[data-tile][data-invalid]{outline-color:#a70707;border-color:#a70707}${e("pn-checkbox")}>input:focus-visible+.pn-checkbox[data-tile][data-invalid]>.pn-checkbox-outer{outline-color:transparent}${e("pn-checkbox")}>input:focus-visible+.pn-checkbox[data-tile]>.pn-checkbox-outer{outline-color:transparent}${e("pn-checkbox")}>input:focus-visible+.pn-checkbox[data-invalid]>.pn-checkbox-outer{outline-color:#a70707}${e("pn-checkbox")}>input:checked+.pn-checkbox>.pn-checkbox-outer{background-color:#005d92;border-color:#005d92}${e("pn-checkbox")}>input:checked+.pn-checkbox>.pn-checkbox-outer .pn-checkbox-svg>.pn-checkbox-svg-indeterminate{stroke-dashoffset:23}${e("pn-checkbox")}>input:checked+.pn-checkbox>.pn-checkbox-outer .pn-checkbox-svg>.pn-checkbox-svg-checkmark{transition-delay:0.2s;stroke-dashoffset:0}${e("pn-checkbox")}>input:checked+.pn-checkbox[data-tile]{background-color:#e0f8ff;border-color:#005d92}${e("pn-checkbox")}>input:checked+.pn-checkbox[data-tile][data-invalid]{background-color:#fdefee;border-color:#a70707}${e("pn-checkbox")}>input:checked+.pn-checkbox[data-invalid]>.pn-checkbox-outer{background-color:#a70707;border-color:#a70707}${e("pn-checkbox")}>input:checked:hover+.pn-checkbox[data-tile]{border-color:#0d234b}${e("pn-checkbox")}>input:checked:hover+.pn-checkbox>.pn-checkbox-outer{background-color:#0d234b;border-color:#0d234b}${e("pn-checkbox")}>input:checked:hover+.pn-checkbox[data-invalid]{border-color:#500715}${e("pn-checkbox")}>input:checked:hover+.pn-checkbox[data-invalid]>.pn-checkbox-outer{background-color:#500715;border-color:#500715}${e("pn-checkbox")}>input:indeterminate+.pn-checkbox>.pn-checkbox-outer{background-color:#005d92;border-color:#005d92}${e("pn-checkbox")}>input:indeterminate+.pn-checkbox>.pn-checkbox-outer .pn-checkbox-svg>.pn-checkbox-svg-checkmark{stroke-dashoffset:23}${e("pn-checkbox")}>input:indeterminate+.pn-checkbox>.pn-checkbox-outer .pn-checkbox-svg>.pn-checkbox-svg-indeterminate{stroke-dashoffset:0}${e("pn-checkbox")}>input:indeterminate+.pn-checkbox[data-invalid]>.pn-checkbox-outer{background-color:#a70707;border-color:#a70707}${e("pn-checkbox")}>input:indeterminate:hover+.pn-checkbox>.pn-checkbox-outer{background-color:#0d234b;border-color:#0d234b}${e("pn-checkbox")}>input:indeterminate:hover+.pn-checkbox[data-invalid]>.pn-checkbox-outer{background-color:#500715;border-color:#500715}${e("pn-checkbox")}>input:disabled{pointer-events:none}${e("pn-checkbox")}>input:disabled+.pn-checkbox .pn-checkbox-label{pointer-events:none}${e("pn-checkbox")}>input:disabled+.pn-checkbox>.pn-checkbox-outer{background-color:#f3f2f2;border-color:#969087}${e("pn-checkbox")}>input:disabled+.pn-checkbox[data-tile]{background-color:#f3f2f2;border-color:#f3f2f2}${e("pn-checkbox")}>input:disabled+.pn-checkbox[data-tile]>${e("pn-icon")}>.pn-icon-svg path{fill:#5e554a}${e("pn-checkbox")}>input:disabled+.pn-checkbox[data-tile]>.pn-checkbox-content>.pn-checkbox-label{color:#5e554a}${e("pn-checkbox")}>input:disabled:checked+.pn-checkbox>.pn-checkbox-outer{background-color:#969087;border-color:#969087}${e("pn-checkbox")}>input:disabled:indeterminate+.pn-checkbox>.pn-checkbox-outer{background-color:#969087;border-color:#969087}`;export{d as pn_checkbox}
|
|
5
|
+
import{t as e,M as c,r as o,g as n,h as t,a as i}from"./p-CAEP792y.js";import{uuidv4 as a}from"./index.esm.js";import{a as r}from"./p-BlM_xfdt.js";const d=class extends(c(r)){constructor(e){super(),o(this,e)}id=`pn-checkbox-${a()}`;idHelpertext=`${this.id}-helpertext`;contentArea;get hostElement(){return n(this)}label;helpertext;value;name;checked=!1;checkboxid=this.id;required=!1;disabled=!1;invalid=!1;indeterminate=!1;tile=!1;expand=!1;icon=null;handleId(){this.idHelpertext=`${this.checkboxid}-helpertext`}handleChecked(){this.displayContent()&&(this.checked?this.openDropdown(this.contentArea):this.closeDropdown(this.contentArea))}componentWillLoad(){this.handleId()}componentDidLoad(){this.displayContent()&&this.checked&&requestAnimationFrame((()=>this.openDropdown(this.contentArea)))}handleChange(e){const{checked:c}=e.target;this.indeterminate=!1,this.checked=c}isInvalid(){return this.invalid&&!this.disabled}displayText(){return this.displayLabel()||this.displayHelpertext()}displayLabel(){return!!this.label}displayHelpertext(){return!(!this.helpertext&&!this.hostElement.querySelector('[slot="helpertext"]')?.textContent)}displayIcon(){return this.tile&&!!this.icon}displayContent(){return this.tile&&this.expand}render(){return t(i,{key:"52273e4f6d71183fa2360c147c5d2ed6fbb3d31a"},t("input",{key:"fba94a81a38009f36d938751c6362ed7340d68d7",type:"checkbox",id:this.checkboxid,class:"pn-checkbox-input",value:this.value,name:this.name,disabled:this.disabled,checked:this.checked,required:this.required,indeterminate:this.indeterminate,"aria-invalid":this.isInvalid()?.toString(),"aria-describedby":this.helpertext&&this.idHelpertext,"data-tile":this.tile,"data-expand":this.expand,onChange:e=>this.handleChange(e)}),t("div",{key:"850ecfd3abddccfe8b0ada1d0272dfa3155a669f",class:"pn-checkbox","data-tile":this.tile,"data-expand":this.expand,"data-invalid":this.isInvalid()},t("div",{key:"728efcdb0cd59f1af39839dd9fd1accc66f2da00",class:"pn-checkbox-outer"},t("svg",{key:"55d82cc64b735706a57d301e9c8f64edc4aeebe9",class:"pn-checkbox-svg",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},t("polyline",{key:"02a30f7a2cbf5d502be29ff14945f22e89ca19c5",class:"pn-checkbox-svg-line pn-checkbox-svg-checkmark",points:"4,12 9,17 20,6","stroke-width":"3"}),t("polyline",{key:"9c01a39dec7dc5d3961bffd07badf694ebdbadc1",class:"pn-checkbox-svg-line pn-checkbox-svg-indeterminate",points:"4,12 20,12","stroke-width":"3"}))),t("p",{key:"0b63e31f00d2dea465e9e36b3cceb56bf0a4ad48",class:"pn-checkbox-content",hidden:!this.displayText()},t("label",{key:"9aeebad0076718474224594b5c17cd5e3c3590dc",htmlFor:this.checkboxid,class:"pn-checkbox-label",hidden:!this.displayLabel()},this.label),t("span",{key:"1d99d825512267e4560b817f8853319b10b05d08",id:this.idHelpertext,class:"pn-checkbox-helpertext",hidden:!this.displayHelpertext()},this.helpertext,t("slot",{key:"981da5a8b25f6e780a5c0a1f9e32ee7aa11fef11",name:"helpertext"})),t("slot",{key:"192f09f50bd3592c41e8836c70dc264edfc3e332"})),this.displayIcon()&&t("pn-icon",{key:"4ab2aaf2819ca83f08233cac99922e5234837408",icon:this.icon,color:"gray900"}),t("div",{key:"6247821b031e2d57a216612b166db6622aaa2225",class:"pn-checkbox-container","data-open":this.checked,hidden:!this.displayContent(),style:{height:"0px"},ref:e=>this.contentArea=e},t("div",{key:"d35445d61a6e9a7faca6ca349f56b36097a077d2",class:"pn-checkbox-area"},t("slot",{key:"7cbcc9648ae405d6aa8729f2071c3b03a914a027",name:"content"})))))}static get watchers(){return{checkboxid:[{handleId:0}],checked:[{handleChecked:0}]}}};d.style=`${e("pn-checkbox")}{position:relative;display:inline-block}${e("pn-checkbox")} .pn-checkbox{position:relative;display:flex;flex-wrap:wrap;flex-direction:row}${e("pn-checkbox")} .pn-checkbox-label{cursor:pointer;color:#2d2013;-webkit-tap-highlight-color:transparent}${e("pn-checkbox")} .pn-checkbox-helpertext{color:#5e554a;margin:0 0 0.5em 0}${e("pn-checkbox")} .pn-checkbox-helpertext:last-child{margin:0}${e("pn-checkbox")} .pn-checkbox-content{display:flex;flex-direction:column;align-items:flex-start;font-weight:400;line-height:1.5;flex:1;margin:0 0 0 0.75em}${e("pn-checkbox")} .pn-checkbox-outer{width:1.5em;height:1.5em;background-color:#ffffff;display:flex;align-items:center;justify-content:center;position:relative;border:0.0625em solid #969087;border-radius:0.25em;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:outline-color, border-color, background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-checkbox")} .pn-checkbox-outer{transition-duration:0s;transition-delay:0s}}${e("pn-checkbox")} .pn-checkbox-svg{width:1.25em;fill:none}${e("pn-checkbox")} .pn-checkbox-svg-line{stroke:#ffffff;transform-origin:0 0;stroke-linecap:round;stroke-dasharray:23;stroke-dashoffset:23;transition-property:stroke-dashoffset;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-checkbox")} .pn-checkbox-svg-line{transition-duration:0s;transition-delay:0s}}${e("pn-checkbox")} .pn-checkbox-svg-line{transition-delay:0s}${e("pn-checkbox")} .pn-checkbox[data-tile]{position:relative;background-color:#ffffff;border:0.0625em solid #969087;border-radius:0.5em;padding:1em;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:outline-color, background-color, border-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-checkbox")} .pn-checkbox[data-tile]{transition-duration:0s;transition-delay:0s}}${e("pn-checkbox")} .pn-checkbox[data-tile][data-invalid]{border-color:#a70707}${e("pn-checkbox")} .pn-checkbox[data-invalid] .pn-checkbox-outer{border-color:#a70707}${e("pn-checkbox")} .pn-checkbox-container{flex:1 1 100%;overflow:hidden;visibility:hidden}${e("pn-checkbox")} .pn-checkbox-container[data-open]{visibility:visible;overflow:unset}${e("pn-checkbox")} .pn-checkbox-container[data-moving]{visibility:visible;overflow:hidden}${e("pn-checkbox")} .pn-checkbox-area{padding:0.75em 0 0 2.25em;display:flex;flex-direction:column;flex-wrap:nowrap;gap:1em}${e("pn-checkbox")} .pn-checkbox>${e("pn-icon")}{margin-left:0.75em}${e("pn-checkbox")}>input{cursor:pointer;opacity:0;position:absolute;margin:0;z-index:1;top:0;left:0;font-size:1em;width:1.5em;height:1.5em;-webkit-tap-highlight-color:transparent}${e("pn-checkbox")}>input[data-tile]:not([data-expand]){width:100%;height:100%}${e("pn-checkbox")}>input[data-expand]{top:1em;left:1em}${e("pn-checkbox")}>input[aria-describedby]+.pn-checkbox[data-tile] .pn-checkbox-label{font-weight:500}${e("pn-checkbox")}>input:hover+.pn-checkbox>.pn-checkbox-outer{background-color:#e0f8ff;border-color:#005d92}${e("pn-checkbox")}>input:hover+.pn-checkbox[data-tile]{background-color:#e0f8ff;border-color:#005d92}${e("pn-checkbox")}>input:hover+.pn-checkbox[data-tile][data-invalid]{background-color:#fdefee;border-color:#a70707}${e("pn-checkbox")}>input:hover+.pn-checkbox[data-invalid]>.pn-checkbox-outer{background-color:#fdefee;border-color:#a70707}${e("pn-checkbox")}>input:focus-visible+.pn-checkbox>.pn-checkbox-outer{outline-color:#005d92}${e("pn-checkbox")}>input:focus-visible+.pn-checkbox[data-tile]{outline-color:#005d92;border-color:#005d92}${e("pn-checkbox")}>input:focus-visible+.pn-checkbox[data-tile][data-invalid]{outline-color:#a70707;border-color:#a70707}${e("pn-checkbox")}>input:focus-visible+.pn-checkbox[data-tile][data-invalid]>.pn-checkbox-outer{outline-color:transparent}${e("pn-checkbox")}>input:focus-visible+.pn-checkbox[data-tile]>.pn-checkbox-outer{outline-color:transparent}${e("pn-checkbox")}>input:focus-visible+.pn-checkbox[data-invalid]>.pn-checkbox-outer{outline-color:#a70707}${e("pn-checkbox")}>input:checked+.pn-checkbox>.pn-checkbox-outer{background-color:#005d92;border-color:#005d92}${e("pn-checkbox")}>input:checked+.pn-checkbox>.pn-checkbox-outer .pn-checkbox-svg>.pn-checkbox-svg-indeterminate{stroke-dashoffset:23}${e("pn-checkbox")}>input:checked+.pn-checkbox>.pn-checkbox-outer .pn-checkbox-svg>.pn-checkbox-svg-checkmark{transition-delay:0.2s;stroke-dashoffset:0}${e("pn-checkbox")}>input:checked+.pn-checkbox[data-tile]{background-color:#e0f8ff;border-color:#005d92}${e("pn-checkbox")}>input:checked+.pn-checkbox[data-tile][data-invalid]{background-color:#fdefee;border-color:#a70707}${e("pn-checkbox")}>input:checked+.pn-checkbox[data-invalid]>.pn-checkbox-outer{background-color:#a70707;border-color:#a70707}${e("pn-checkbox")}>input:checked:hover+.pn-checkbox[data-tile]{border-color:#0d234b}${e("pn-checkbox")}>input:checked:hover+.pn-checkbox>.pn-checkbox-outer{background-color:#0d234b;border-color:#0d234b}${e("pn-checkbox")}>input:checked:hover+.pn-checkbox[data-invalid]{border-color:#500715}${e("pn-checkbox")}>input:checked:hover+.pn-checkbox[data-invalid]>.pn-checkbox-outer{background-color:#500715;border-color:#500715}${e("pn-checkbox")}>input:indeterminate+.pn-checkbox>.pn-checkbox-outer{background-color:#005d92;border-color:#005d92}${e("pn-checkbox")}>input:indeterminate+.pn-checkbox>.pn-checkbox-outer .pn-checkbox-svg>.pn-checkbox-svg-checkmark{stroke-dashoffset:23}${e("pn-checkbox")}>input:indeterminate+.pn-checkbox>.pn-checkbox-outer .pn-checkbox-svg>.pn-checkbox-svg-indeterminate{stroke-dashoffset:0}${e("pn-checkbox")}>input:indeterminate+.pn-checkbox[data-invalid]>.pn-checkbox-outer{background-color:#a70707;border-color:#a70707}${e("pn-checkbox")}>input:indeterminate:hover+.pn-checkbox>.pn-checkbox-outer{background-color:#0d234b;border-color:#0d234b}${e("pn-checkbox")}>input:indeterminate:hover+.pn-checkbox[data-invalid]>.pn-checkbox-outer{background-color:#500715;border-color:#500715}${e("pn-checkbox")}>input:disabled{pointer-events:none}${e("pn-checkbox")}>input:disabled+.pn-checkbox .pn-checkbox-label{pointer-events:none}${e("pn-checkbox")}>input:disabled+.pn-checkbox>.pn-checkbox-outer{background-color:#f3f2f2;border-color:#969087}${e("pn-checkbox")}>input:disabled+.pn-checkbox[data-tile]{background-color:#f3f2f2;border-color:#f3f2f2}${e("pn-checkbox")}>input:disabled+.pn-checkbox[data-tile]>${e("pn-icon")}>.pn-icon-svg path{fill:#5e554a}${e("pn-checkbox")}>input:disabled+.pn-checkbox[data-tile]>.pn-checkbox-content>.pn-checkbox-label{color:#5e554a}${e("pn-checkbox")}>input:disabled:checked+.pn-checkbox>.pn-checkbox-outer{background-color:#969087;border-color:#969087}${e("pn-checkbox")}>input:disabled:indeterminate+.pn-checkbox>.pn-checkbox-outer{background-color:#969087;border-color:#969087}`;export{d as pn_checkbox}
|