@postnord/pn-marketweb-components 2.0.74 → 2.0.76
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/FetchHelper-f80943bf.js +87 -0
- package/cjs/{FetchHelper-c6cee722.js → MarketWebContextService-5840b8e0.js} +0 -85
- package/cjs/loader.cjs.js +1 -1
- package/cjs/pn-bonus-progressbar.cjs.entry.js +2 -2
- package/cjs/pn-language-selector_9.cjs.entry.js +1 -1
- package/cjs/pn-market-web-components.cjs.js +1 -1
- package/cjs/pn-marketweb-sitefooter.cjs.entry.js +3 -2
- package/cjs/pn-marketweb-siteheader.cjs.entry.js +4 -3
- package/cjs/pn-proxio-pricefinder.cjs.entry.js +43 -0
- package/cjs/pn-proxio-productcard.cjs.entry.js +19 -0
- package/collection/collection-manifest.json +3 -1
- package/collection/components/input/pn-bonus-progressbar/pn-bonus-progressbar.css +2 -2
- package/collection/components/input/pn-bonus-progressbar/pn-bonus-progressbar.js +5 -3
- package/collection/components/input/pn-bonus-progressbar/pn-bonus-progressbar.stories.js +1 -1
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-search.css +3 -2
- package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.css +3 -0
- package/collection/components/widgets/pn-proxio-pricefinder/pn-proxio-pricefinder.css +0 -0
- package/collection/components/widgets/pn-proxio-pricefinder/pn-proxio-pricefinder.js +98 -0
- package/collection/components/widgets/pn-proxio-pricefinder/pn-proxio-pricefinder.stories.js +22 -0
- package/collection/components/widgets/pn-proxio-productcard/pn-proxio-productcard.css +0 -0
- package/collection/components/widgets/pn-proxio-productcard/pn-proxio-productcard.js +21 -0
- package/collection/components/widgets/pn-proxio-productcard/pn-proxio-productcard.stories.js +23 -0
- package/custom-elements/index.d.ts +12 -0
- package/custom-elements/index.js +58 -5
- package/esm/FetchHelper-a0c8aa54.js +85 -0
- package/esm/{FetchHelper-1dfe8514.js → MarketWebContextService-160bf3dd.js} +1 -85
- package/esm/loader.js +1 -1
- package/esm/pn-bonus-progressbar.entry.js +2 -2
- package/esm/pn-language-selector_9.entry.js +1 -1
- package/esm/pn-market-web-components.js +1 -1
- package/esm/pn-marketweb-sitefooter.entry.js +2 -1
- package/esm/pn-marketweb-siteheader.entry.js +3 -2
- package/esm/pn-proxio-pricefinder.entry.js +39 -0
- package/esm/pn-proxio-productcard.entry.js +15 -0
- package/esm-es5/FetchHelper-a0c8aa54.js +1 -0
- package/esm-es5/{FetchHelper-1dfe8514.js → MarketWebContextService-160bf3dd.js} +1 -1
- package/esm-es5/loader.js +1 -1
- package/esm-es5/pn-bonus-progressbar.entry.js +1 -1
- package/esm-es5/pn-language-selector_9.entry.js +1 -1
- package/esm-es5/pn-market-web-components.js +1 -1
- package/esm-es5/pn-marketweb-sitefooter.entry.js +1 -1
- package/esm-es5/pn-marketweb-siteheader.entry.js +1 -1
- package/esm-es5/pn-proxio-pricefinder.entry.js +1 -0
- package/esm-es5/pn-proxio-productcard.entry.js +1 -0
- package/package.json +2 -2
- package/pn-market-web-components/p-055424ac.entry.js +1 -0
- package/pn-market-web-components/{p-f0f58646.js → p-0a7b7046.js} +1 -1
- package/pn-market-web-components/p-1a97780a.system.js +1 -0
- package/pn-market-web-components/p-2b8aa6a9.entry.js +1 -0
- package/pn-market-web-components/{p-57f15df4.system.entry.js → p-34d74e18.system.entry.js} +1 -1
- package/pn-market-web-components/p-3ce2b566.system.entry.js +1 -0
- package/pn-market-web-components/p-3dac3b70.system.entry.js +1 -0
- package/pn-market-web-components/p-67887512.system.js +1 -1
- package/pn-market-web-components/p-831c0495.system.entry.js +1 -0
- package/pn-market-web-components/p-8657ca50.entry.js +1 -0
- package/pn-market-web-components/p-97dc5687.js +1 -0
- package/pn-market-web-components/p-a89a2eb3.entry.js +1 -0
- package/pn-market-web-components/p-b847805a.system.entry.js +1 -0
- package/pn-market-web-components/p-b8e9177e.system.entry.js +1 -0
- package/pn-market-web-components/{p-9bb87139.entry.js → p-c459338f.entry.js} +1 -1
- package/pn-market-web-components/p-c7afc979.entry.js +1 -0
- package/pn-market-web-components/p-d6a17042.system.js +1 -0
- package/pn-market-web-components/pn-market-web-components.esm.js +1 -1
- package/types/components/widgets/pn-proxio-pricefinder/pn-proxio-pricefinder.d.ts +13 -0
- package/types/components/widgets/pn-proxio-productcard/pn-proxio-productcard.d.ts +3 -0
- package/types/components.d.ts +32 -0
- package/umd/modules/@postnord/web-components/cjs/colors-b857e3bc.js +44 -0
- package/umd/modules/@postnord/web-components/cjs/{icons-6da09d4e.js → icons-4f356137.js} +3 -0
- package/umd/modules/@postnord/web-components/cjs/loader.cjs.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-accordion-row.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-button_2.cjs.entry.js +7 -7
- package/umd/modules/@postnord/web-components/cjs/pn-calendar.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-check-tile.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-checkbox.cjs.entry.js +4 -2
- package/umd/modules/@postnord/web-components/cjs/pn-choice-chip.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-colors.cjs.entry.js +2 -2
- package/umd/modules/@postnord/web-components/cjs/pn-date-picker-old.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-date-picker.cjs.entry.js +28 -17
- package/umd/modules/@postnord/web-components/cjs/pn-file-upload.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-footer.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-header.cjs.entry.js +54 -0
- package/umd/modules/@postnord/web-components/cjs/pn-icon-grid.cjs.entry.js +3 -3
- package/umd/modules/@postnord/web-components/cjs/pn-icon.cjs.entry.js +2 -2
- package/umd/modules/@postnord/web-components/cjs/pn-illustration-grid.cjs.entry.js +2 -2
- package/umd/modules/@postnord/web-components/cjs/pn-input.cjs.entry.js +3 -2
- package/umd/modules/@postnord/web-components/cjs/pn-modal.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-nav-dropdown.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-ocr-search.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-option.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-page-nav-dropdown-item.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-page-nav-item.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-page-nav.cjs.entry.js +1 -1
- 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-radio-button.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-radio-tile.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-segment.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-segmented-control.cjs.entry.js +33 -13
- package/umd/modules/@postnord/web-components/cjs/pn-select.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-spinner.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-tab.cjs.entry.js +1 -1
- 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 +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-tile.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-toast.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-toggle-switch.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-tooltip.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/pn-zipcode-search.cjs.entry.js +1 -1
- package/umd/modules/@postnord/web-components/cjs/postnord-web-components.cjs.js +1 -1
- package/umd/modules/@postnord/web-components/collection/assets/colors.js +30 -28
- package/umd/modules/@postnord/web-components/collection/assets/icons.js +3 -0
- package/umd/modules/@postnord/web-components/collection/assets/svgs/recipient.svg +1 -0
- package/umd/modules/@postnord/web-components/collection/assets/svgs/select-service.svg +1 -0
- package/umd/modules/@postnord/web-components/collection/assets/svgs/sender.svg +1 -0
- package/umd/modules/@postnord/web-components/collection/collection-manifest.json +1 -0
- package/umd/modules/@postnord/web-components/collection/components/buttons/pn-button/pn-button.css +25 -25
- package/umd/modules/@postnord/web-components/collection/components/buttons/pn-button/pn-button.js +3 -4
- package/umd/modules/@postnord/web-components/collection/components/content/pn-accordion-row/pn-accordion-row.css +4 -4
- package/umd/modules/@postnord/web-components/collection/components/content/pn-table/pn-table.css +22 -22
- package/umd/modules/@postnord/web-components/collection/components/design-tokens/pn-colors/pn-colors.css +1 -1
- package/umd/modules/@postnord/web-components/collection/components/design-tokens/pn-icon-grid/pn-icon-grid.css +2 -2
- package/umd/modules/@postnord/web-components/collection/components/design-tokens/pn-illustration-grid/pn-illustration-grid.css +2 -2
- package/umd/modules/@postnord/web-components/collection/components/feedback/pn-modal/pn-modal.css +9 -9
- package/umd/modules/@postnord/web-components/collection/components/feedback/pn-progress-bar/pn-progress-bar.css +8 -8
- package/umd/modules/@postnord/web-components/collection/components/feedback/pn-progress-indicator/pn-progress-indicator-step/pn-progress-indicator-step.css +6 -6
- package/umd/modules/@postnord/web-components/collection/components/feedback/pn-spinner/pn-spinner.css +2 -2
- package/umd/modules/@postnord/web-components/collection/components/feedback/pn-toast/pn-toast.css +18 -18
- package/umd/modules/@postnord/web-components/collection/components/feedback/pn-tooltip/pn-tooltip.css +7 -7
- package/umd/modules/@postnord/web-components/collection/components/input/pn-calendar/pn-calendar.css +7 -7
- package/umd/modules/@postnord/web-components/collection/components/input/pn-check-tile/pn-check-tile.css +15 -15
- package/umd/modules/@postnord/web-components/collection/components/input/pn-checkbox/pn-checkbox.css +6 -6
- package/umd/modules/@postnord/web-components/collection/components/input/pn-checkbox/pn-checkbox.js +39 -1
- package/umd/modules/@postnord/web-components/collection/components/input/pn-choice-chip/pn-choice-chip.css +10 -10
- package/umd/modules/@postnord/web-components/collection/components/input/pn-date-picker/date-picker.stories.js +6 -1
- package/umd/modules/@postnord/web-components/collection/components/input/pn-date-picker/pn-date-picker.css +18 -19
- package/umd/modules/@postnord/web-components/collection/components/input/pn-date-picker/pn-date-picker.js +24 -13
- package/umd/modules/@postnord/web-components/collection/components/input/pn-date-picker/translations.js +5 -5
- package/umd/modules/@postnord/web-components/collection/components/input/pn-date-picker-old/pn-date-picker-old.css +9 -9
- package/umd/modules/@postnord/web-components/collection/components/input/pn-file-upload/pn-file-upload.css +12 -12
- package/umd/modules/@postnord/web-components/collection/components/input/pn-input/pn-input.css +25 -25
- package/umd/modules/@postnord/web-components/collection/components/input/pn-input/pn-input.js +20 -1
- package/umd/modules/@postnord/web-components/collection/components/input/pn-nav-dropdown/pn-nav-dropdown.css +5 -5
- package/umd/modules/@postnord/web-components/collection/components/input/pn-option/pn-option.css +2 -2
- package/umd/modules/@postnord/web-components/collection/components/input/pn-radio-button/pn-radio-button.css +7 -7
- package/umd/modules/@postnord/web-components/collection/components/input/pn-radio-tile/pn-radio-tile.css +8 -8
- package/umd/modules/@postnord/web-components/collection/components/input/pn-search-field/pn-search-field.css +9 -9
- package/umd/modules/@postnord/web-components/collection/components/input/pn-search-field/pn-search-field.js +23 -4
- package/umd/modules/@postnord/web-components/collection/components/input/pn-segmented-control/controller/pn-segmented-control.css +6 -6
- package/umd/modules/@postnord/web-components/collection/components/input/pn-segmented-control/controller/pn-segmented-control.js +33 -13
- package/umd/modules/@postnord/web-components/collection/components/input/pn-segmented-control/segment/pn-segment.css +1 -1
- package/umd/modules/@postnord/web-components/collection/components/input/pn-select/pn-select.css +21 -21
- package/umd/modules/@postnord/web-components/collection/components/input/pn-toggle-switch/pn-toggle-switch.css +5 -5
- package/umd/modules/@postnord/web-components/collection/components/layout/pn-header/header.stories.js +110 -0
- package/umd/modules/@postnord/web-components/collection/components/layout/pn-header/pn-header.css +94 -0
- package/umd/modules/@postnord/web-components/collection/components/layout/pn-header/pn-header.js +118 -0
- package/umd/modules/@postnord/web-components/collection/components/navigation/pn-footer/pn-footer.css +3 -3
- package/umd/modules/@postnord/web-components/collection/components/navigation/pn-page-nav/dropdown-item/pn-page-nav-dropdown-item.css +4 -4
- package/umd/modules/@postnord/web-components/collection/components/navigation/pn-page-nav/item/pn-page-nav-item.css +2 -2
- package/umd/modules/@postnord/web-components/collection/components/navigation/pn-page-nav/menu/pn-page-nav.css +16 -15
- package/umd/modules/@postnord/web-components/collection/components/navigation/pn-tablist/pn-tab.css +2 -2
- package/umd/modules/@postnord/web-components/collection/components/navigation/pn-tablist/pn-tablist.css +4 -4
- package/umd/modules/@postnord/web-components/collection/components/navigation/pn-tile/pn-tile.css +8 -8
- package/umd/modules/@postnord/web-components/collection/components/web-components/pn-ocr-search/pn-ocr-search.css +1 -1
- package/umd/modules/@postnord/web-components/collection/components/web-components/pn-zipcode-search/pn-zipcode-search.css +2 -2
- package/umd/modules/@postnord/web-components/components/colors.js +30 -28
- package/umd/modules/@postnord/web-components/components/pn-accordion-row.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-button2.js +4 -5
- package/umd/modules/@postnord/web-components/components/pn-calendar2.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-check-tile.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-checkbox2.js +7 -3
- package/umd/modules/@postnord/web-components/components/pn-choice-chip.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-colors.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-date-picker-old.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-date-picker.js +28 -17
- 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.d.ts +11 -0
- package/umd/modules/@postnord/web-components/components/pn-header.js +71 -0
- package/umd/modules/@postnord/web-components/components/pn-icon-grid.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-icon2.js +3 -0
- package/umd/modules/@postnord/web-components/components/pn-illustration-grid.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-input.js +4 -2
- package/umd/modules/@postnord/web-components/components/pn-modal.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-nav-dropdown.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-ocr-search.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-option2.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-progress-bar2.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-progress-indicator-step.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-radio-button.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-radio-tile.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-search-field2.js +5 -3
- package/umd/modules/@postnord/web-components/components/pn-segment.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-segmented-control.js +33 -13
- package/umd/modules/@postnord/web-components/components/pn-select.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-spinner2.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-tab.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-table.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-tablist.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-tile.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-toast.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-toggle-switch.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-tooltip.js +1 -1
- package/umd/modules/@postnord/web-components/components/pn-zipcode-search.js +1 -1
- package/umd/modules/@postnord/web-components/esm/colors-dad016c3.js +42 -0
- package/umd/modules/@postnord/web-components/esm/{icons-179d0f16.js → icons-87afa544.js} +3 -0
- package/umd/modules/@postnord/web-components/esm/loader.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-accordion-row.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-button_2.entry.js +7 -7
- package/umd/modules/@postnord/web-components/esm/pn-calendar.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-check-tile.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-checkbox.entry.js +4 -2
- package/umd/modules/@postnord/web-components/esm/pn-choice-chip.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-colors.entry.js +2 -2
- package/umd/modules/@postnord/web-components/esm/pn-date-picker-old.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-date-picker.entry.js +28 -17
- package/umd/modules/@postnord/web-components/esm/pn-file-upload.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-footer.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-header.entry.js +50 -0
- package/umd/modules/@postnord/web-components/esm/pn-icon-grid.entry.js +3 -3
- package/umd/modules/@postnord/web-components/esm/pn-icon.entry.js +2 -2
- package/umd/modules/@postnord/web-components/esm/pn-illustration-grid.entry.js +2 -2
- package/umd/modules/@postnord/web-components/esm/pn-input.entry.js +3 -2
- package/umd/modules/@postnord/web-components/esm/pn-modal.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-nav-dropdown.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-ocr-search.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-option.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-page-nav-dropdown-item.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-page-nav-item.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-page-nav.entry.js +1 -1
- 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-radio-button.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-radio-tile.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-segment.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-segmented-control.entry.js +33 -13
- package/umd/modules/@postnord/web-components/esm/pn-select.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-spinner.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-tab.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-table.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-tablist.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-tile.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-toast.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-toggle-switch.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-tooltip.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/pn-zipcode-search.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm/postnord-web-components.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/colors-dad016c3.js +1 -0
- package/umd/modules/@postnord/web-components/esm-es5/{icons-179d0f16.js → icons-87afa544.js} +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/loader.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-accordion-row.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-button_2.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-calendar.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-check-tile.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-checkbox.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-choice-chip.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-colors.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-date-picker-old.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-date-picker.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-file-upload.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-footer.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-header.entry.js +1 -0
- package/umd/modules/@postnord/web-components/esm-es5/pn-icon-grid.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-icon.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-illustration-grid.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-input.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-modal.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-nav-dropdown.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-ocr-search.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-option.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-page-nav-dropdown-item.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-page-nav-item.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-page-nav.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-progress-bar.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-progress-indicator-step.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-radio-button.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-radio-tile.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-segment.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-segmented-control.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-select.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-spinner.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-tab.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-table.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-tablist.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-tile.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-toast.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-toggle-switch.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-tooltip.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/pn-zipcode-search.entry.js +1 -1
- package/umd/modules/@postnord/web-components/esm-es5/postnord-web-components.js +1 -1
- package/umd/modules/@postnord/web-components/package.json +11 -11
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-817d5d17.system.entry.js → p-02c2741f.system.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-a9b57e21.system.entry.js → p-05c428eb.system.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-3b0e4511.entry.js → p-0de26b96.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-7d24dfab.entry.js → p-0ec57c44.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-9f16574c.system.entry.js → p-173e95f5.system.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-1df3ace2.system.entry.js → p-1c1b30b7.system.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-dc04bb07.system.entry.js → p-1cce77c3.system.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-f43000c3.system.entry.js → p-1f157d38.system.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-008afe80.system.entry.js → p-20988b71.system.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-27cee172.system.entry.js → p-20fad6a2.system.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-ab59c993.entry.js → p-2190a228.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-b05a8f5a.system.entry.js → p-22271b9e.system.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-74671e0f.entry.js → p-23b6f027.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-17244a21.system.entry.js → p-281de48e.system.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-b25492d9.system.entry.js → p-28676f45.system.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-924e1464.system.entry.js → p-2c85afe2.system.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-368df140.entry.js +1 -0
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-79bbd298.entry.js → p-3757194b.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-16375b57.system.entry.js → p-39a26ba4.system.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-67a953f0.entry.js → p-42049896.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-97d5dd3e.system.entry.js → p-4befd4c5.system.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-294507b0.js → p-4c62647b.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-4b524de1.system.entry.js → p-52f234c3.system.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-53b2ab8c.entry.js → p-543ffe51.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-5807a81a.js +1 -0
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-f7beea04.system.entry.js → p-58f84310.system.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-cadac0c7.entry.js → p-5a64115d.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-5cc41a73.entry.js +1 -0
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-cd645eaf.system.entry.js → p-5f2518ea.system.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-5f5b0517.entry.js +1 -0
- package/umd/modules/@postnord/web-components/postnord-web-components/p-5fce4b15.entry.js +1 -0
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-6dc68e88.system.entry.js → p-6269c9a1.system.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-13d529e9.entry.js → p-6a8e8e16.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-6c9fb6e8.entry.js +1 -0
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-c2f279af.entry.js → p-6cd7c4aa.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-1bb1996e.entry.js → p-6d4ccff2.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-6dce588e.system.js +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-841c3e03.system.entry.js → p-7263d8a4.system.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-747a393a.entry.js +1 -0
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-2707de35.entry.js → p-7808eb89.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-82af9b54.system.entry.js +1 -0
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-9c680e93.entry.js → p-85d78f66.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-f76a42aa.system.entry.js → p-862b4441.system.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-8c799438.system.entry.js +1 -0
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-4103a3ce.system.js → p-8efaa1c4.system.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-8fbf5762.system.entry.js +1 -0
- package/umd/modules/@postnord/web-components/postnord-web-components/p-91597e05.system.entry.js +1 -0
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-c9fa7497.entry.js → p-940a1f92.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-5a972db7.entry.js → p-96bfea54.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-f72d34b8.entry.js → p-9bd67d3b.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-a19942ea.system.entry.js → p-9c2ce322.system.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-0703e268.entry.js → p-a5d4c33e.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-0a8ba84b.system.entry.js → p-a834fb7c.system.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-9ddb3d96.entry.js → p-ab2033a1.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-3ecd4b50.entry.js → p-b51db896.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-5e585fea.system.entry.js → p-b9a0d9d9.system.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-b7bc48aa.system.entry.js → p-bc486626.system.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-fc58a5f5.entry.js → p-be92aa5c.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-0439d89f.entry.js → p-c528d2e1.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-a4043417.system.entry.js → p-cbbe9eaa.system.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-d1f05006.system.entry.js +1 -0
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-f08bd1f5.system.entry.js → p-d4bb152e.system.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-728d7132.system.entry.js → p-d5107a0a.system.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-745ba184.entry.js → p-d547950c.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-7b7d9358.system.entry.js → p-dbe6001f.system.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-3da60603.system.entry.js → p-dec6ee37.system.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-f2f173c3.system.entry.js → p-e0b7e404.system.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-3d860408.entry.js → p-e5c887c8.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-3b48fc0e.system.entry.js → p-e6c0bdad.system.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-aa44cdfd.system.entry.js → p-e93b0b66.system.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-03091c0d.entry.js → p-e9cd7635.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-33ec3b6d.entry.js → p-e9d26acb.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-94686b6b.entry.js → p-eb3398c6.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-534eaa88.entry.js → p-f009d757.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-b57700ca.entry.js → p-f3c5316e.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-f3cc1874.system.js +1 -0
- package/umd/modules/@postnord/web-components/postnord-web-components/p-fb6cd638.entry.js +1 -0
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-1c4ffba4.entry.js → p-fb7baa9c.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-1fa5285a.system.entry.js → p-fb929fe8.system.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-fc3c0b4f.entry.js +1 -0
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-a9205ee4.entry.js → p-fca162dc.entry.js} +1 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-fcb055c7.system.entry.js +1 -0
- package/umd/modules/@postnord/web-components/postnord-web-components/{p-06ee34e1.entry.js → p-ff900e71.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/assets/colors.d.ts +2 -0
- package/umd/modules/@postnord/web-components/types/assets/icons.d.ts +3 -0
- package/umd/modules/@postnord/web-components/types/components/input/pn-checkbox/pn-checkbox.d.ts +2 -0
- package/umd/modules/@postnord/web-components/types/components/input/pn-date-picker/pn-date-picker.d.ts +2 -1
- package/umd/modules/@postnord/web-components/types/components/input/pn-input/pn-input.d.ts +1 -0
- package/umd/modules/@postnord/web-components/types/components/input/pn-search-field/pn-search-field.d.ts +1 -0
- package/umd/modules/@postnord/web-components/types/components/input/pn-segmented-control/controller/pn-segmented-control.d.ts +2 -1
- package/umd/modules/@postnord/web-components/types/components/layout/pn-header/pn-header.d.ts +16 -0
- package/umd/modules/@postnord/web-components/types/components.d.ts +39 -0
- package/umd/pn-marketweb-salesforce.js +2 -2
- package/pn-market-web-components/p-189ef99c.entry.js +0 -1
- package/pn-market-web-components/p-58115ce6.entry.js +0 -1
- package/pn-market-web-components/p-6174a610.system.js +0 -1
- package/pn-market-web-components/p-6ad8fdad.system.entry.js +0 -1
- package/pn-market-web-components/p-7422abda.system.entry.js +0 -1
- package/pn-market-web-components/p-b1897790.entry.js +0 -1
- package/pn-market-web-components/p-bee5feeb.system.entry.js +0 -1
- package/umd/modules/@postnord/web-components/cjs/colors-bb509869.js +0 -42
- package/umd/modules/@postnord/web-components/esm/colors-7b5cb327.js +0 -40
- package/umd/modules/@postnord/web-components/esm-es5/colors-7b5cb327.js +0 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-119cb7d6.entry.js +0 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-11b9e822.entry.js +0 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-20f9e678.system.entry.js +0 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-26422d28.system.entry.js +0 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-3341ab21.js +0 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-35831310.system.entry.js +0 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-4b4e5031.entry.js +0 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-5b15613f.entry.js +0 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-92c926c3.entry.js +0 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-957fa809.system.entry.js +0 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-aa1ec8d3.system.js +0 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-c5c95287.entry.js +0 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-e8925d24.system.entry.js +0 -1
- package/umd/modules/@postnord/web-components/postnord-web-components/p-ed1d51d8.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-71eafea4.system.js"],(function(e){"use strict";var n,t,o,i;return{setters:[function(e){n=e.r;t=e.c;o=e.h;i=e.g}],execute:function(){var a="pn-page-nav-dropdown-item:first-of-type li>a,pn-page-nav-dropdown-item:first-of-type li>button{border-radius:0.5em 0.5em 0 0}pn-page-nav-dropdown-item:last-of-type li>a,pn-page-nav-dropdown-item:last-of-type li>button{border-radius:0 0 0.5em 0.5em}pn-page-nav-dropdown-item:last-of-type li>hr{display:none}pn-page-nav-dropdown-item li{font-size:inherit}pn-page-nav-dropdown-item li>*{color:#
|
|
1
|
+
System.register(["./p-71eafea4.system.js"],(function(e){"use strict";var n,t,o,i;return{setters:[function(e){n=e.r;t=e.c;o=e.h;i=e.g}],execute:function(){var a="pn-page-nav-dropdown-item:first-of-type li>a,pn-page-nav-dropdown-item:first-of-type li>button{border-radius:0.5em 0.5em 0 0}pn-page-nav-dropdown-item:last-of-type li>a,pn-page-nav-dropdown-item:last-of-type li>button{border-radius:0 0 0.5em 0.5em}pn-page-nav-dropdown-item:last-of-type li>hr{display:none}pn-page-nav-dropdown-item li{font-size:inherit}pn-page-nav-dropdown-item li>*{color:#ffffff;font-size:inherit;border:none;padding:1em;margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:background 0.15s;transition:background 0.15s;outline:none;width:100%;font-weight:500}pn-page-nav-dropdown-item li>*>pn-icon{margin-left:1em}pn-page-nav-dropdown-item li>*.pn-page-nav-dropdown-item-active{background:#005d92}pn-page-nav-dropdown-item li>*.pn-page-nav-dropdown-item-active:hover,pn-page-nav-dropdown-item li>*.pn-page-nav-dropdown-item-active:focus{background:#0068a6}pn-page-nav-dropdown-item li>*:hover,pn-page-nav-dropdown-item li>*:focus{background:#263d64}pn-page-nav-dropdown-item li>*:focus{-webkit-box-shadow:inset 0 0 0 0.1em #005d92, inset 0 0 0 0.2em #d3cecb;box-shadow:inset 0 0 0 0.1em #005d92, inset 0 0 0 0.2em #d3cecb}pn-page-nav-dropdown-item li>a{text-decoration:none}pn-page-nav-dropdown-item li>button{background:none}pn-page-nav-dropdown-item li>hr{bottom:0;padding:0;margin:0 auto;border-top:0.1em solid #d3cecb;opacity:0.6;width:85%}";var r=e("pn_page_nav_dropdown_item",function(){function e(e){var o=this;n(this,e);this.itemselection=t(this,"itemselection",7);this.select=function(e){if(o.value&&!o.href)e.preventDefault();o.itemselection.emit(o.value)}}e.prototype.setClassnames=function(){var e="pn-page-nav-dropdown-item ";if(this.active)e+="pn-page-nav-dropdown-item-active ";return e};e.prototype.getType=function(){return this.value?"text/html":"button"};e.prototype.getTagName=function(){return this.value?"a":"button"};e.prototype.render=function(){var e=this.getTagName();return o("li",null,o(e,{href:this.href||"#",class:this.setClassnames(),type:this.getType(),onClick:this.select,tabindex:"-1"},o("slot",null),o("pn-icon",{symbol:"arrow-right",color:"white"})),o("hr",null))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());r.style=a}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as o,a as e,g as n}from"./p-311ef1eb.js";const r=class{constructor(o){t(this,o),this.togglerow=i(this,"togglerow",7),this.label=null,this.rippleContainer=null}componentWillLoad(){const t=this.hostElement.querySelector('[slot="label"]');this.label=t?null:this.label}componentDidLoad(){this.rippleContainer=this.hostElement.querySelector(".accordion-title")}toggleHandler(){this.togglerow.emit(this.hostElement)}clickHandler(t){this.togglerow.emit(this.hostElement);const i=this.rippleContainer.getBoundingClientRect(),o=i.left,e=i.top,n=document.createElement("div"),r=i.width>i.height?i.width:i.height;n.classList.add("pn-ripple"),this.rippleContainer.appendChild(n),n.style.height=2*r+"px",n.style.width=2*r+"px",n.style.left=t.clientX>0?t.clientX-o+"px":"50%",n.style.top=t.clientY>0?t.clientY-e+"px":"50%",setTimeout((()=>n.remove()),400)}render(){return o(e,{"data-state":"collapsed"},o("div",{class:"accordion-content"},o("button",{type:"button",class:"accordion-title",onClick:t=>this.clickHandler(t)},this.label?this.label:"",o("slot",{name:"label"}),o("svg",{width:"18",height:"10",viewBox:"0 0 18 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M9.70711 9.70711C9.31658 10.0976 8.68342 10.0976 8.29289 9.70711L0.292892 1.70711C-0.0976315 1.31658 -0.0976315 0.683417 0.292892 0.292893C0.683418 -0.0976315 1.31658 -0.0976315 1.70711 0.292893L9 7.58579L16.2929 0.292893C16.6834 -0.0976315 17.3166 -0.0976315 17.7071 0.292893C18.0976 0.683417 18.0976 1.31658 17.7071 1.70711L9.70711 9.70711Z",fill:"#232228"}))),o("div",{class:"content"},o("slot",null))))}get hostElement(){return n(this)}};r.style="pn-accordion-row{position:relative;color:black;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);transition:-webkit-transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.3s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.7, 0, 0.3, 1)}pn-accordion-row+pn-accordion-row{border-top:0.1rem solid #D3CECB;margin-top:0.4rem}pn-accordion-row[data-flipping]{-webkit-transform:translateY(calc(-1px * var(--dy)));transform:translateY(calc(-1px * var(--dy)));-webkit-transition:none;transition:none}pn-accordion-row .accordion-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;z-index:0;width:100%;font-weight:400;padding:1em;-webkit-transition:background 0.2s, -webkit-box-shadow 0.1s cubic-bezier(0.7, 0, 0.3, 1);transition:background 0.2s, -webkit-box-shadow 0.1s cubic-bezier(0.7, 0, 0.3, 1);transition:background 0.2s, box-shadow 0.1s cubic-bezier(0.7, 0, 0.3, 1);transition:background 0.2s, box-shadow 0.1s cubic-bezier(0.7, 0, 0.3, 1), -webkit-box-shadow 0.1s cubic-bezier(0.7, 0, 0.3, 1);border-radius:0.8rem;overflow:hidden;position:relative;background:#
|
|
1
|
+
import{r as t,c as i,h as o,a as e,g as n}from"./p-311ef1eb.js";const r=class{constructor(o){t(this,o),this.togglerow=i(this,"togglerow",7),this.label=null,this.rippleContainer=null}componentWillLoad(){const t=this.hostElement.querySelector('[slot="label"]');this.label=t?null:this.label}componentDidLoad(){this.rippleContainer=this.hostElement.querySelector(".accordion-title")}toggleHandler(){this.togglerow.emit(this.hostElement)}clickHandler(t){this.togglerow.emit(this.hostElement);const i=this.rippleContainer.getBoundingClientRect(),o=i.left,e=i.top,n=document.createElement("div"),r=i.width>i.height?i.width:i.height;n.classList.add("pn-ripple"),this.rippleContainer.appendChild(n),n.style.height=2*r+"px",n.style.width=2*r+"px",n.style.left=t.clientX>0?t.clientX-o+"px":"50%",n.style.top=t.clientY>0?t.clientY-e+"px":"50%",setTimeout((()=>n.remove()),400)}render(){return o(e,{"data-state":"collapsed"},o("div",{class:"accordion-content"},o("button",{type:"button",class:"accordion-title",onClick:t=>this.clickHandler(t)},this.label?this.label:"",o("slot",{name:"label"}),o("svg",{width:"18",height:"10",viewBox:"0 0 18 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M9.70711 9.70711C9.31658 10.0976 8.68342 10.0976 8.29289 9.70711L0.292892 1.70711C-0.0976315 1.31658 -0.0976315 0.683417 0.292892 0.292893C0.683418 -0.0976315 1.31658 -0.0976315 1.70711 0.292893L9 7.58579L16.2929 0.292893C16.6834 -0.0976315 17.3166 -0.0976315 17.7071 0.292893C18.0976 0.683417 18.0976 1.31658 17.7071 1.70711L9.70711 9.70711Z",fill:"#232228"}))),o("div",{class:"content"},o("slot",null))))}get hostElement(){return n(this)}};r.style="pn-accordion-row{position:relative;color:black;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);transition:-webkit-transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.3s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.7, 0, 0.3, 1)}pn-accordion-row+pn-accordion-row{border-top:0.1rem solid #D3CECB;margin-top:0.4rem}pn-accordion-row[data-flipping]{-webkit-transform:translateY(calc(-1px * var(--dy)));transform:translateY(calc(-1px * var(--dy)));-webkit-transition:none;transition:none}pn-accordion-row .accordion-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;z-index:0;width:100%;font-weight:400;padding:1em;-webkit-transition:background 0.2s, -webkit-box-shadow 0.1s cubic-bezier(0.7, 0, 0.3, 1);transition:background 0.2s, -webkit-box-shadow 0.1s cubic-bezier(0.7, 0, 0.3, 1);transition:background 0.2s, box-shadow 0.1s cubic-bezier(0.7, 0, 0.3, 1);transition:background 0.2s, box-shadow 0.1s cubic-bezier(0.7, 0, 0.3, 1), -webkit-box-shadow 0.1s cubic-bezier(0.7, 0, 0.3, 1);border-radius:0.8rem;overflow:hidden;position:relative;background:#ffffff;border:none;outline:none;cursor:pointer;font-size:1em;}pn-accordion-row .accordion-title:hover{background:#e0f8ff}pn-accordion-row .accordion-title:focus{-webkit-box-shadow:0 0 0 0.2rem white, 0 0 0 0.4rem #005d92;box-shadow:0 0 0 0.2rem white, 0 0 0 0.4rem #005d92}pn-accordion-row .accordion-title>svg{margin-left:auto;-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.25s;transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.25s;transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.25s;transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.25s, -webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.25s}pn-accordion-row .accordion-title>svg path{fill:#005D92}pn-accordion-row .accordion-title .pn-ripple{-webkit-animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1) forwards;animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1) forwards;position:absolute;border-radius:50%;background:#005d92;-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);opacity:0.05;pointer-events:none}@-webkit-keyframes ripple{to{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0}}@keyframes ripple{to{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0}}pn-accordion-row .accordion-content{z-index:2;top:0;left:0;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}pn-accordion-row .accordion-content .content{position:absolute;left:0;right:0;width:100%;top:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;pointer-events:none;opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;padding:1em}pn-accordion-row[data-state=open] .accordion-content .content{position:relative;pointer-events:unset;opacity:1;-webkit-transition-delay:0.2s;transition-delay:0.2s}pn-accordion-row[data-state=open] .accordion-title svg{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transition-delay:0s;transition-delay:0s}";export{r as pn_accordion_row}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e={black:"#000000",gray900:"#2d2013",gray700:"#5e554a",gray400:"#969087",gray200:"#d3cecb",gray50:"#f3f2f2",gray25:"#f9f8f8",white:"#ffffff",blue900:"#0d234b",blue700:"#005d92",blue400:"#00a0d6",blue200:"#8eddf9",blue50:"#e0f8ff",blue25:"#effbff",coral900:"#500715",coral700:"#9b1c2e",coral400:"#f06365",coral200:"#fbc2c1",coral50:"#fdefee",coral25:"#fef7f6",orange900:"#4f1600",orange700:"#99290a",orange400:"#f89142",orange200:"#ffc8a3",orange50:"#fff1e3",orange25:"#fff8f1",green900:"#002f24",green700:"#005e41",green400:"#5ec584",green200:"#abe3bb",green50:"#dcf6e7",green25:"#edfbf3",warning:"#a70707","electric-default":"#a505cc","electric-haze":"#fdf4ff","electric-faded":"#f3d8f8","electric-light":"#cf38f5","electric-dark":"#8600a5"};export{e as c}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-71eafea4.system.js"],(function(t){"use strict";var e,i,n,o;return{setters:[function(t){e=t.r;i=t.h;n=t.a;o=t.g}],execute:function(){var s="pn-toggle-switch{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;position:relative;font-size:3rem}pn-toggle-switch .pn-toggle-switch{width:100%;height:100%;opacity:0;margin:0;position:absolute}.pn-toggle{width:1em;height:1em;padding:0.2em;position:relative;cursor:pointer;-webkit-box-sizing:content-box;box-sizing:content-box;margin-right:1.4em;-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.5, 0, 0.5, 1);transition:-webkit-transform 0.2s cubic-bezier(0.5, 0, 0.5, 1);transition:transform 0.2s cubic-bezier(0.5, 0, 0.5, 1);transition:transform 0.2s cubic-bezier(0.5, 0, 0.5, 1), -webkit-transform 0.2s cubic-bezier(0.5, 0, 0.5, 1);-webkit-tap-highlight-color:transparent}.pn-toggle .bg{position:absolute;top:0;left:0;width:175%;height:100%;z-index:0;border-radius:2em;-webkit-transition:width 0.2s cubic-bezier(0.5, 0, 0.5, 1), background-color 0.2s cubic-bezier(0.5, 0, 0.5, 1), opacity 0.1s, -webkit-box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.5, 0, 0.5, 1), background-color 0.2s cubic-bezier(0.5, 0, 0.5, 1), opacity 0.1s, -webkit-box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.5, 0, 0.5, 1), box-shadow 0.1s, background-color 0.2s cubic-bezier(0.5, 0, 0.5, 1), opacity 0.1s;transition:width 0.2s cubic-bezier(0.5, 0, 0.5, 1), box-shadow 0.1s, background-color 0.2s cubic-bezier(0.5, 0, 0.5, 1), opacity 0.1s, -webkit-box-shadow 0.1s}.pn-toggle>.circle{width:1em;height:1em;background:white;-webkit-box-shadow:0 0.25em 0.5em rgba(0, 0, 0, 0.1);box-shadow:0 0.25em 0.5em rgba(0, 0, 0, 0.1);border-radius:50%;-webkit-transition:inherit;transition:inherit;z-index:1;position:relative;padding:0.1em}.pn-toggle>.circle>svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);margin:-0.1em}.pn-toggle pn-spinner{opacity:0;-webkit-transition:opacity 0.15s cubic-bezier(0.5, 0, 0.5, 1);transition:opacity 0.15s cubic-bezier(0.5, 0, 0.5, 1);width:100%;height:100%}pn-toggle-switch .pn-toggle-switch{}pn-toggle-switch .pn-toggle-switch+.pn-toggle .bg{background:#969087}pn-toggle-switch .pn-toggle-switch:focus+.pn-toggle .bg,pn-toggle-switch .pn-toggle-switch:active+.pn-toggle .bg{-webkit-box-shadow:0 0 0 0.3rem white, 0 0 0 0.6rem #
|
|
1
|
+
System.register(["./p-71eafea4.system.js"],(function(t){"use strict";var e,i,n,o;return{setters:[function(t){e=t.r;i=t.h;n=t.a;o=t.g}],execute:function(){var s="pn-toggle-switch{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;position:relative;font-size:3rem}pn-toggle-switch .pn-toggle-switch{width:100%;height:100%;opacity:0;margin:0;position:absolute}.pn-toggle{width:1em;height:1em;padding:0.2em;position:relative;cursor:pointer;-webkit-box-sizing:content-box;box-sizing:content-box;margin-right:1.4em;-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.5, 0, 0.5, 1);transition:-webkit-transform 0.2s cubic-bezier(0.5, 0, 0.5, 1);transition:transform 0.2s cubic-bezier(0.5, 0, 0.5, 1);transition:transform 0.2s cubic-bezier(0.5, 0, 0.5, 1), -webkit-transform 0.2s cubic-bezier(0.5, 0, 0.5, 1);-webkit-tap-highlight-color:transparent}.pn-toggle .bg{position:absolute;top:0;left:0;width:175%;height:100%;z-index:0;border-radius:2em;-webkit-transition:width 0.2s cubic-bezier(0.5, 0, 0.5, 1), background-color 0.2s cubic-bezier(0.5, 0, 0.5, 1), opacity 0.1s, -webkit-box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.5, 0, 0.5, 1), background-color 0.2s cubic-bezier(0.5, 0, 0.5, 1), opacity 0.1s, -webkit-box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.5, 0, 0.5, 1), box-shadow 0.1s, background-color 0.2s cubic-bezier(0.5, 0, 0.5, 1), opacity 0.1s;transition:width 0.2s cubic-bezier(0.5, 0, 0.5, 1), box-shadow 0.1s, background-color 0.2s cubic-bezier(0.5, 0, 0.5, 1), opacity 0.1s, -webkit-box-shadow 0.1s}.pn-toggle>.circle{width:1em;height:1em;background:white;-webkit-box-shadow:0 0.25em 0.5em rgba(0, 0, 0, 0.1);box-shadow:0 0.25em 0.5em rgba(0, 0, 0, 0.1);border-radius:50%;-webkit-transition:inherit;transition:inherit;z-index:1;position:relative;padding:0.1em}.pn-toggle>.circle>svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);margin:-0.1em}.pn-toggle pn-spinner{opacity:0;-webkit-transition:opacity 0.15s cubic-bezier(0.5, 0, 0.5, 1);transition:opacity 0.15s cubic-bezier(0.5, 0, 0.5, 1);width:100%;height:100%}pn-toggle-switch .pn-toggle-switch{}pn-toggle-switch .pn-toggle-switch+.pn-toggle .bg{background:#969087}pn-toggle-switch .pn-toggle-switch:focus+.pn-toggle .bg,pn-toggle-switch .pn-toggle-switch:active+.pn-toggle .bg{-webkit-box-shadow:0 0 0 0.3rem white, 0 0 0 0.6rem #005d92;box-shadow:0 0 0 0.3rem white, 0 0 0 0.6rem #005d92}pn-toggle-switch .pn-toggle-switch:hover+.pn-toggle .bg{background:#5e554a}pn-toggle-switch .pn-toggle-switch:hover:checked+.pn-toggle .bg{background:#0d234b;opacity:1}pn-toggle-switch .pn-toggle-switch:indeterminate+.pn-toggle{-webkit-transform:translateX(50%);transform:translateX(50%)}pn-toggle-switch .pn-toggle-switch:indeterminate+.pn-toggle .bg{width:100%}pn-toggle-switch .pn-toggle-switch:indeterminate+.pn-toggle pn-spinner{opacity:1;-webkit-transition-delay:0.3s;transition-delay:0.3s}pn-toggle-switch .pn-toggle-switch:checked+.pn-toggle .bg{background:#005d92}pn-toggle-switch .pn-toggle-switch:checked+.pn-toggle>.circle{-webkit-transform:translateX(100%);transform:translateX(100%)}pn-toggle-switch .pn-toggle-switch:disabled+.pn-toggle{cursor:not-allowed}pn-toggle-switch .pn-toggle-switch:disabled+.pn-toggle .bg{-webkit-box-shadow:none;box-shadow:none;opacity:0.5}pn-toggle-switch .pn-toggle-switch:disabled:hover+.pn-toggle .bg{opacity:0.5;background:#969087}pn-toggle-switch .pn-toggle-switch:disabled:hover:checked+.pn-toggle .bg{background:#005d92}";var g=t("pn_toggle_switch",function(){function t(t){e(this,t);this.checked=false;this.disabled=false;this.indeterminate=false;this.name=null}t.prototype.componentDidUpdate=function(){this.checkIndeterminateState()};t.prototype.componentDidLoad=function(){this.checkIndeterminateState()};t.prototype.checkIndeterminateState=function(){var t=this.hostElement.querySelector("#".concat(this.toggleid));if(t)t.indeterminate=this.indeterminate};t.prototype.render=function(){return i(n,null,i("input",{id:this.toggleid,name:this.name||this.toggleid,type:"checkbox",checked:this.checked,class:"pn-toggle-switch",disabled:this.disabled}),i("label",{htmlFor:this.toggleid,class:"pn-toggle"},i("div",{class:"bg"}),i("div",{class:"circle"},i("pn-spinner",null))))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());g.style=s}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as i,a as s}from"./p-311ef1eb.js";const o={CLOSEST_DELIVERY_DATE:{da:"Closest delivery date:",en:"Closest delivery date:",fi:"Closest delivery date:",no:"Closest delivery date:",sv:"Nästa utdelningsdag:"},NEXT_DELIVERY_DATE:{da:"Next delivery date:",en:"Next delivery date:",fi:"Next delivery date:",no:"Next delivery date:",sv:"Kommande utdelningsdag:"},ZIP_CODE:{da:"Zip code:",en:"Zip code:",fi:"Zip code:",no:"Zip code:",sv:"Postnummer:"},VALIDATION_ERROR_MESSAGE:{da:"Zip code not valid",en:"Zip code not valid",fi:"Zip code not valid",no:"Zip code not valid",sv:"Postnumret är inte giltigt"},SERVER_ERROR_MESSAGE:{da:"Could not find zip code",en:"Could not find zip code",fi:"Could not find zip code",no:"Could not find zip code",sv:"Kan inte hitta postnumret"},PLACEHOLDER_TEXT:{da:"Search for a zip code",en:"Search for a zip code",fi:"Search for a zip code",no:"Search for a zip code",sv:"Sök på ett postnummer"}},r=class{constructor(i){e(this,i),this.searchsuccessful=t(this,"searchsuccessful",7),this.marketwebLanguage="",this.language="sv",this.loading=!1,this.error=!1,this.errorMessage="",this.showResult=!1,this.zipCodeSearchResult={delivery:"",upcoming:"",city:"",postalCode:""}}componentWillLoad(){window.pnTopbar?this.init():window.addEventListener("topbarLoaded",(()=>{this.init()}))}init(){const e=window.pnTopbar;e&&(this.language=e.language,e.onChangeLanguage=e=>{this.language=e})}isEmpty(e){return!e||!(0!==e.trim().length)}getTranslation(e,t){for(const[i,s]of Object.entries(o))if(i===e.toUpperCase()){const e=o[i].en;for(const[i,o]of Object.entries(s))if(i===t.toLowerCase())return this.isEmpty(o)?e:o;return e}return e}handleSearch(e){const t=this.validateZipCode(e.detail);if(t.error)return this.error=!0,void(this.errorMessage="VALIDATION_ERROR_MESSAGE");this.zipCodeSearch(t.value)}async zipCodeSearch(e){this.loading=!0,await fetch(`https://portal.postnord.com/api/sendoutarrival/closest?postalCode=${e}`).then((e=>e.json())).then((e=>{this.error=!1,this.loading=!1,this.showResult=!0,this.zipCodeSearchResult=e,this.searchsuccessful.emit(!0)})).catch((()=>{this.error=!0,this.errorMessage="SERVER_ERROR_MESSAGE",this.loading=!1,this.searchsuccessful.emit(!1)}))}validateZipCode(e){const t=e?e.replace(/[ -]/gi,""):"";return{error:new RegExp(/\D+/).test(t)||5!==t.length,value:t}}renderSearchResult(){if(!this.loading&&!this.error&&this.showResult)return i("div",{class:"search-results"},i("div",{class:"text-row"},i("h3",null,this.getTranslation("CLOSEST_DELIVERY_DATE",this.marketwebLanguage||this.language)," "),i("h2",{class:"delivery-date"},this.zipCodeSearchResult.delivery)),i("div",{class:"text-row"},i("h3",null,this.getTranslation("NEXT_DELIVERY_DATE",this.marketwebLanguage||this.language)," "),i("h2",{class:"delivery-date"},this.zipCodeSearchResult.upcoming)),i("div",{class:"text-row"},i("h3",null,this.getTranslation("ZIP_CODE",this.marketwebLanguage||this.language)),i("h2",null," ",this.zipCodeSearchResult.postalCode)),i("h3",null,this.zipCodeSearchResult.city))}renderErrorMessage(){if(this.error&&!this.loading)return i("p",{class:"error-text pn-tiny"},this.getTranslation(this.errorMessage,this.marketwebLanguage||this.language))}render(){return i(s,null,i("pn-search-field",{loading:this.loading,button:"none",placeholder:this.getTranslation("PLACEHOLDER_TEXT",this.marketwebLanguage||this.language),onSearch:e=>this.handleSearch(e)}),this.renderSearchResult(),this.renderErrorMessage())}};r.style="pn-zipcode-search{display:block;color:#
|
|
1
|
+
import{r as e,c as t,h as i,a as s}from"./p-311ef1eb.js";const o={CLOSEST_DELIVERY_DATE:{da:"Closest delivery date:",en:"Closest delivery date:",fi:"Closest delivery date:",no:"Closest delivery date:",sv:"Nästa utdelningsdag:"},NEXT_DELIVERY_DATE:{da:"Next delivery date:",en:"Next delivery date:",fi:"Next delivery date:",no:"Next delivery date:",sv:"Kommande utdelningsdag:"},ZIP_CODE:{da:"Zip code:",en:"Zip code:",fi:"Zip code:",no:"Zip code:",sv:"Postnummer:"},VALIDATION_ERROR_MESSAGE:{da:"Zip code not valid",en:"Zip code not valid",fi:"Zip code not valid",no:"Zip code not valid",sv:"Postnumret är inte giltigt"},SERVER_ERROR_MESSAGE:{da:"Could not find zip code",en:"Could not find zip code",fi:"Could not find zip code",no:"Could not find zip code",sv:"Kan inte hitta postnumret"},PLACEHOLDER_TEXT:{da:"Search for a zip code",en:"Search for a zip code",fi:"Search for a zip code",no:"Search for a zip code",sv:"Sök på ett postnummer"}},r=class{constructor(i){e(this,i),this.searchsuccessful=t(this,"searchsuccessful",7),this.marketwebLanguage="",this.language="sv",this.loading=!1,this.error=!1,this.errorMessage="",this.showResult=!1,this.zipCodeSearchResult={delivery:"",upcoming:"",city:"",postalCode:""}}componentWillLoad(){window.pnTopbar?this.init():window.addEventListener("topbarLoaded",(()=>{this.init()}))}init(){const e=window.pnTopbar;e&&(this.language=e.language,e.onChangeLanguage=e=>{this.language=e})}isEmpty(e){return!e||!(0!==e.trim().length)}getTranslation(e,t){for(const[i,s]of Object.entries(o))if(i===e.toUpperCase()){const e=o[i].en;for(const[i,o]of Object.entries(s))if(i===t.toLowerCase())return this.isEmpty(o)?e:o;return e}return e}handleSearch(e){const t=this.validateZipCode(e.detail);if(t.error)return this.error=!0,void(this.errorMessage="VALIDATION_ERROR_MESSAGE");this.zipCodeSearch(t.value)}async zipCodeSearch(e){this.loading=!0,await fetch(`https://portal.postnord.com/api/sendoutarrival/closest?postalCode=${e}`).then((e=>e.json())).then((e=>{this.error=!1,this.loading=!1,this.showResult=!0,this.zipCodeSearchResult=e,this.searchsuccessful.emit(!0)})).catch((()=>{this.error=!0,this.errorMessage="SERVER_ERROR_MESSAGE",this.loading=!1,this.searchsuccessful.emit(!1)}))}validateZipCode(e){const t=e?e.replace(/[ -]/gi,""):"";return{error:new RegExp(/\D+/).test(t)||5!==t.length,value:t}}renderSearchResult(){if(!this.loading&&!this.error&&this.showResult)return i("div",{class:"search-results"},i("div",{class:"text-row"},i("h3",null,this.getTranslation("CLOSEST_DELIVERY_DATE",this.marketwebLanguage||this.language)," "),i("h2",{class:"delivery-date"},this.zipCodeSearchResult.delivery)),i("div",{class:"text-row"},i("h3",null,this.getTranslation("NEXT_DELIVERY_DATE",this.marketwebLanguage||this.language)," "),i("h2",{class:"delivery-date"},this.zipCodeSearchResult.upcoming)),i("div",{class:"text-row"},i("h3",null,this.getTranslation("ZIP_CODE",this.marketwebLanguage||this.language)),i("h2",null," ",this.zipCodeSearchResult.postalCode)),i("h3",null,this.zipCodeSearchResult.city))}renderErrorMessage(){if(this.error&&!this.loading)return i("p",{class:"error-text pn-tiny"},this.getTranslation(this.errorMessage,this.marketwebLanguage||this.language))}render(){return i(s,null,i("pn-search-field",{loading:this.loading,button:"none",placeholder:this.getTranslation("PLACEHOLDER_TEXT",this.marketwebLanguage||this.language),onSearch:e=>this.handleSearch(e)}),this.renderSearchResult(),this.renderErrorMessage())}};r.style="pn-zipcode-search{display:block;color:#5e554a}pn-zipcode-search .search-results{margin-top:1em;padding:0.5em}pn-zipcode-search .search-results>h3,pn-zipcode-search .search-results h2{font-weight:normal}pn-zipcode-search .text-row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}pn-zipcode-search .text-row+.text-row{margin-top:1em}pn-zipcode-search .text-row>*+*{margin-left:0.25em}pn-zipcode-search .error-text{color:#a70707;padding:0.5em 1em}pn-zipcode-search pn-search-field{width:100%}@media screen and (max-width: 30em){pn-zipcode-search .text-row:nth-child(-n+2){-ms-flex-direction:column;flex-direction:column;-ms-flex-align:unset;align-items:unset}pn-zipcode-search .text-row:nth-child(-n+2) .delivery-date{margin-left:auto;margin-top:0.25em}}";export{r as pn_zipcode_search}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,f as s,h as e,a as r,g as i}from"./p-311ef1eb.js";const n=class{constructor(s){t(this,s),this.name="example-id",this.showScrollArrows=!1,this.showLeftArrow=!1,this.showRightArrow=!1,this.segments=[],this.scrollRegistered=!1}changeHandler({target:t}){this.value=t.value,this.selectSegment(t.closest("pn-segment"))}handleResize(){this.rerender()}valueHandler(){this.selectSegment(!1)}selectSegment(t){if(t)return this.currentSelection=t,void this.rerender();this.segments.forEach((t=>{this.value===t.value?(this.currentSelection=t,t.setAttribute("selected","true")):t.removeAttribute("selected")})),this.rerender()}componentDidLoad(){this.mo&&this.mo.disconnect(),(this.mo=new MutationObserver((()=>{s(this.hostElement),this.setActiveSegment(),this.rerender()}))).observe(this.hostElement,{childList:!0}),this.segmentContainer=this.hostElement.querySelector(".pn-segmented-control"),this.activeBg=this.hostElement.querySelector(".pn-sc-active"),this.hoverBg=this.hostElement.querySelector(".pn-sc-hover"),this.hostElement.addEventListener("mouseover",(({target:t})=>this.calcHighlight(t,this.hoverBg))),this.setActiveSegment(),this.rerender()}setActiveSegment(){this.segments=Array.from(this.hostElement.querySelectorAll("pn-segment")),this.segments.forEach((t=>{this.value===t.value&&(this.currentSelection=t,t.setAttribute("selected","true")),t.setAttribute("name",this.name)}))}rerender(){requestAnimationFrame((()=>{this.calcHighlight(this.currentSelection,this.activeBg),this.scrollArrowRender()}))}calcHighlight(t,s){requestAnimationFrame((()=>{if(!(null==t?void 0:t.closest("pn-segment")))return;const e=t.closest("pn-segment").getBoundingClientRect(),{left:r}=this.segmentContainer.getBoundingClientRect(),{left:i,height:n,width:o}=e;s.style.setProperty("transform",`translate(${i-r+this.segmentContainer.scrollLeft}px, -50%`),s.style.setProperty("width",`${o}px`),s.style.setProperty("height",`${n}px`)}))}scrollArrowRender(){if(this.segmentContainer.scrollWidth>this.segmentContainer.clientWidth){this.showScrollArrows=!0,this.scrollRegistered||(this.segmentContainer.addEventListener("scroll",this.scrollArrowRender.bind(this)),this.scrollRegistered=!0);const t=Math.round(this.segmentContainer.scrollWidth-this.segmentContainer.scrollLeft)-this.segmentContainer.clientWidth;return this.showLeftArrow=this.segmentContainer.scrollLeft>0,void(this.showRightArrow=t>0)}this.showLeftArrow=!1,this.showRightArrow=!1,this.showScrollArrows=!1}scroll(t){this.segmentContainer.scroll({left:this.segmentContainer.scrollLeft+t,behavior:"smooth"})}scrollArrowClasses(){let t="pn-sc-arrows ";return this.showLeftArrow&&(t+="pn-sc-left-visible "),this.showRightArrow&&(t+="pn-sc-right-visible "),t}render(){return e(r,null,e("div",{class:"pn-segmented-control"},e("slot",null),e("div",{class:"pn-sc-bg pn-sc-active"}),e("div",{class:"pn-sc-bg pn-sc-hover"})),this.showScrollArrows&&e("div",{class:this.scrollArrowClasses()},e("button",{class:"pn-sc-arrow-left",onClick:()=>this.scroll(-120),tabindex:"-1"},e("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M9.414 12l7.293-7.293-1.414-1.414L6.586 12l8.707 8.707 1.414-1.414L9.414 12z"}))),e("button",{class:"pn-sc-arrow-right",onClick:()=>this.scroll(120),tabindex:"-1"},e("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M8.707 3.293L17.414 12l-8.707 8.707-1.414-1.414L14.586 12 7.293 4.707l1.414-1.414z"})))))}get hostElement(){return i(this)}static get watchers(){return{value:["valueHandler"]}}};n.style="pn-segmented-control{position:relative;display:inline-block;max-width:100%;overflow:hidden;border-radius:3em;-webkit-transition:-webkit-box-shadow 0.15s;transition:-webkit-box-shadow 0.15s;transition:box-shadow 0.15s;transition:box-shadow 0.15s, -webkit-box-shadow 0.15s;-webkit-transform:translateZ(0);transform:translateZ(0)}.pn-segmented-control{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-radius:3em;min-height:3em;padding:0.25em;background:#f3f2f2;position:relative;overflow-x:auto;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.pn-segmented-control::-webkit-scrollbar{display:none}.pn-segmented-control>.pn-sc-bg{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);will-change:transform;left:0;border-radius:inherit;-webkit-transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, -webkit-transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), -webkit-box-shadow 0.15s;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, -webkit-transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), -webkit-box-shadow 0.15s;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, box-shadow 0.15s;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, box-shadow 0.15s, -webkit-transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), -webkit-box-shadow 0.15s}.pn-segmented-control>.pn-sc-bg.pn-sc-active{-webkit-box-shadow:0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);box-shadow:0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);border:0.1rem solid #005d92;background:#ffffff;z-index:1}.pn-segmented-control>.pn-sc-bg.pn-sc-hover{background:#e0f8ff;opacity:0;border:0.5rem solid transparent;z-index:0}@media (hover: hover){.pn-segmented-control:hover .pn-sc-hover{opacity:1}}pn-segmented-control:focus-within,pn-segmented-control:active{-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92}pn-segmented-control .pn-sc-arrows{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;height:100%;width:100%;z-index:3;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;pointer-events:none}pn-segmented-control .pn-sc-arrows svg{width:1.5em}pn-segmented-control .pn-sc-arrows svg path{fill:#005d92}pn-segmented-control .pn-sc-arrows>*{-webkit-transition:opacity 0.2s, background 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;transition:opacity 0.2s, background 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s;transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;pointer-events:all;width:2.5em;height:2.5em;background:white;border:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;cursor:pointer;opacity:0;will-change:transform;-webkit-tap-highlight-color:transparent}pn-segmented-control .pn-sc-arrows>*.pn-sc-arrow-left{-webkit-transform:translateX(-100%);transform:translateX(-100%);border-radius:0 50% 50% 0;padding:0 0.3em 0 0;-webkit-box-shadow:0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4);box-shadow:0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4)}pn-segmented-control .pn-sc-arrows>*.pn-sc-arrow-right{-webkit-transform:translateX(100%);transform:translateX(100%);border-radius:50% 0 0 50%;padding:0 0 0 0.3em;-webkit-box-shadow:-0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4);box-shadow:-0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4)}pn-segmented-control .pn-sc-arrows.pn-sc-left-visible .pn-sc-arrow-left,pn-segmented-control .pn-sc-arrows.pn-sc-right-visible .pn-sc-arrow-right{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}";export{n as pn_segmented_control}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,t,n,r){function o(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,i){function a(e){try{c(r.next(e))}catch(t){i(t)}}function s(e){try{c(r["throw"](e))}catch(t){i(t)}}function c(e){e.done?n(e.value):o(e.value).then(a,s)}c((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,o,i,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(t){return c([e,t])}}function c(a){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,o&&(i=a[0]&2?o["return"]:a[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,a[1])).done)return i;if(o=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;o=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){n.label=a[1];break}if(a[0]===6&&n.label<i[1]){n.label=i[1];i=a;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(a);break}if(i[2])n.ops.pop();n.trys.pop();continue}a=t.call(e,n)}catch(s){a=[6,s];o=0}finally{r=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-71eafea4.system.js","./p-
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(e,t,n,r){function o(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,i){function a(e){try{c(r.next(e))}catch(t){i(t)}}function s(e){try{c(r["throw"](e))}catch(t){i(t)}}function c(e){e.done?n(e.value):o(e.value).then(a,s)}c((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,o,i,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(t){return c([e,t])}}function c(a){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,o&&(i=a[0]&2?o["return"]:a[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,a[1])).done)return i;if(o=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;o=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){n.label=a[1];break}if(a[0]===6&&n.label<i[1]){n.label=i[1];i=a;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(a);break}if(i[2])n.ops.pop();n.trys.pop();continue}a=t.call(e,n)}catch(s){a=[6,s];o=0}finally{r=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-71eafea4.system.js","./p-8efaa1c4.system.js","./p-f3cc1874.system.js"],(function(e){"use strict";var t,n,r,o;return{setters:[function(e){t=e.r;n=e.h},function(e){r=e.a},function(e){o=e.c}],execute:function(){var i='#sb-addon-centered-wrapper{background-color:#f2f2f2}.sb-show-main{background-color:#f2f2f2}.icon-grid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:5rem auto;width:100%;display:grid;grid-template-columns:repeat(auto-fill, 17rem);grid-gap:5rem;max-width:120rem}.icon-grid .icon{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:2.5rem;background-color:#f2f2f2;-webkit-box-shadow:0px -6px 10px white, 0px 4px 15px rgba(0, 0, 0, 0.15);box-shadow:0px -6px 10px white, 0px 4px 15px rgba(0, 0, 0, 0.15);height:14rem;position:relative;cursor:pointer;overflow:hidden}.icon-grid .icon:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;-webkit-transition:all 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:all 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92)}.icon-grid .icon.active{-webkit-box-shadow:0 15px 20px rgba(0, 0, 0, 0.02);box-shadow:0 15px 20px rgba(0, 0, 0, 0.02)}.icon-grid .icon.active:after{-webkit-box-shadow:inset 0px -2px 5px white, inset 0px 2px 5px rgba(0, 0, 0, 0.15);box-shadow:inset 0px -2px 5px white, inset 0px 2px 5px rgba(0, 0, 0, 0.15)}.icon-grid .icon span{position:absolute;top:1.5rem;right:1.5rem;color:#5e554a;font-size:0.9em}.icon-grid .icon p{position:absolute;padding:0 0.5rem 1rem;text-align:center;bottom:0.5rem;font-size:0.9em;color:#5e554a;-webkit-transition:opacity 0.2s ease, -webkit-transform 0.3s ease-in-out;transition:opacity 0.2s ease, -webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, opacity 0.2s ease;transition:transform 0.3s ease-in-out, opacity 0.2s ease, -webkit-transform 0.3s ease-in-out}.icon-grid .icon p.copy{-webkit-transform:translateY(3.5rem);transform:translateY(3.5rem);opacity:0}.icon-grid .icon:hover p.symbol-name{-webkit-transform:translateY(3.5rem);transform:translateY(3.5rem);opacity:0}.icon-grid .icon:hover p.copy{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}';var a=e("pn_icon_grid",function(){function e(e){t(this,e);this.small=false;this.color=o["grey-08-night"];this.activeSymbol=null}e.prototype.copySymbolName=function(e){return __awaiter(this,void 0,void 0,(function(){var t;var n=this;return __generator(this,(function(r){switch(r.label){case 0:if(!navigator.clipboard){return[2]}r.label=1;case 1:r.trys.push([1,3,,4]);return[4,navigator.clipboard.writeText('<pn-icon symbol="'.concat(e,'" small="').concat(this.small,'" color="').concat(this.color,'" />'))];case 2:r.sent();this.activeSymbol=e;setTimeout((function(){n.activeSymbol=null}),3e3);return[3,4];case 3:t=r.sent();console.error("Failed to copy!",t);return[3,4];case 4:return[2]}}))}))};e.prototype.render=function(){var e=this;return n("div",{class:"icon-grid"},Object.keys(r).map((function(t){return n("div",{class:t===e.activeSymbol?"active icon":"icon",onClick:function(){return e.copySymbolName(t)}},t===e.activeSymbol&&n("span",{class:"copied"},"Copied"),n("pn-icon",{symbol:t,color:e.color,small:e.small}),n("p",{class:"symbol-name"},t),n("p",{class:"copy"},"Click to copy"))})))};return e}());a.style=i}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t,a as o,g as n}from"./p-311ef1eb.js";const c=class{constructor(t){e(this,t),this.disabled=!1,this.checked=!1,this.indeterminate=!1,this.ariaLabel=null,this.ariaDescribedby=null}handlechange(){this.indeterminate=!1}componentDidLoad(){this.checkAndSetIndeterminateState()}componentDidUpdate(){this.checkAndSetIndeterminateState()}checkAndSetIndeterminateState(){let e=this.hostElement.querySelector(`#${this.checkboxid}`);e&&(e.indeterminate=this.indeterminate)}render(){return t(o,null,t("input",{type:"checkbox",id:this.checkboxid,value:this.value,name:this.name||this.checkboxid,disabled:this.disabled,checked:this.checked,"aria-describedby":this.ariaDescribedby}),t("label",{htmlFor:this.checkboxid,class:"pn-checkbox"},t("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},t("polyline",{class:"checkmark-path",points:"4,12 9,17 20,6","stroke-width":"3"}),t("polyline",{class:"indeterminate-path",points:"4,12 20,12","stroke-width":"3"}))))}get hostElement(){return n(this)}};c.style="pn-checkbox{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}pn-checkbox input{opacity:0;position:absolute}pn-checkbox input[type=checkbox]+label.pn-checkbox{width:1.5em;min-width:1.5em;height:1.5em;min-height:1.5em;background:#fff;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative;border:0.1rem solid #969087;cursor:pointer;border-radius:0.4rem;cursor:pointer;-webkit-transition-duration:220ms;transition-duration:220ms;-webkit-transition-timing-function:cubic-bezier(0.79, 0.14, 0.15, 0.86);transition-timing-function:cubic-bezier(0.79, 0.14, 0.15, 0.86);-webkit-transition-property:border, background, -webkit-box-shadow;transition-property:border, background, -webkit-box-shadow;transition-property:border, background, box-shadow;transition-property:border, background, box-shadow, -webkit-box-shadow}pn-checkbox input[type=checkbox]+label.pn-checkbox svg{width:80%;fill:none}pn-checkbox input[type=checkbox]+label.pn-checkbox svg polyline{stroke:#FFF;-webkit-transform-origin:0 0;transform-origin:0 0;stroke-linecap:round;stroke-dasharray:23;stroke-dashoffset:23;-webkit-transition-delay:none;transition-delay:none;-webkit-transition:stroke-dashoffset 180ms cubic-bezier(0.79, 0.14, 0.15, 0.86);transition:stroke-dashoffset 180ms cubic-bezier(0.79, 0.14, 0.15, 0.86)}pn-checkbox input[type=checkbox]:hover+label.pn-checkbox{border:0.1rem solid #005d92;background:#e0f8ff}pn-checkbox input[type=checkbox]:checked+label.pn-checkbox,pn-checkbox input[type=checkbox]:indeterminate+label.pn-checkbox{background:#005d92;border:0.1rem solid #005d92}pn-checkbox input[type=checkbox]:checked+label.pn-checkbox svg polyline,pn-checkbox input[type=checkbox]:indeterminate+label.pn-checkbox svg polyline{-webkit-transition-delay:220ms;transition-delay:220ms}pn-checkbox input[type=checkbox]:checked+label.pn-checkbox svg polyline.checkmark-path{stroke-dashoffset:0}pn-checkbox input[type=checkbox]:indeterminate+label.pn-checkbox svg polyline.checkmark-path{stroke-dashoffset:23}pn-checkbox input[type=checkbox]:indeterminate+label.pn-checkbox svg polyline.indeterminate-path{stroke-dashoffset:0}pn-checkbox input[type=checkbox]:focus+label.pn-checkbox,pn-checkbox input[type=checkbox]:active+label.pn-checkbox{-webkit-box-shadow:0 0 0 0.1rem white, 0 0 0 0.3rem #005d92;box-shadow:0 0 0 0.1rem white, 0 0 0 0.3rem #005d92}pn-checkbox input[type=checkbox]:disabled+label.pn-checkbox{background-color:#d3cecb;border:0.1rem solid #969087;cursor:not-allowed}pn-checkbox input[type=checkbox]:disabled+label.pn-checkbox svg polyline{stroke:#969087}pn-checkbox input[type=checkbox]:disabled:checked+label.pn-checkbox{border:0.1rem solid transparent}pn-checkbox input[type=checkbox]:disabled:active+label.pn-checkbox{-webkit-box-shadow:none;box-shadow:none}";export{c as pn_checkbox}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as i,a as n,g as a}from"./p-311ef1eb.js";const r={MONTHS:{en:["January","February","March","April","May","June","July","August","September","October","November","December"],sv:["Januari","Februari","Mars","April","Maj","Juni","Juli","Augusti","September","Oktober","November","December"],da:["Januar","Februar","Marts","April","Maj","Juni","Juli","August","September","Oktober","November","December"],fi:["Tammikuu","Helmikuu","Maaliskuu","Huhtikuu","Toukokuu","Kesäkuu","Heinäkuu","Elokuu","Syyskuu","Lokakuu","Marraskuu","Joulukuu"],no:["Januar","Februar","Mars","April","Mai","Juni","Juli","August","September","Oktober","November","Desember"]},WEEK:{en:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],sv:["Mån","Tis","Ons","Tor","Fre","Lör","Sön"],da:["Man","Tir","Ons","Tor","Fre","Lør","Søn"],fi:["Ma","Ti","Ke","To","Pe","La","Su"],no:["Ma.","Ti.","On.","To.","Fr.","Lø.","Sø"]}},s=class{constructor(i){t(this,i),this.dateselection=e(this,"dateselection",7),this.language="en",this.start=null,this.end=null,this.minDate=null,this.maxDate=null,this.range=!1,this.disableWeekends=!1,this.placeholder="",this.endPlaceholder="",this.currentState="idle",this.week=[],this.months=[],this.startDate=null,this.endDate=null,this.open=!1,this.selectionMade=!1,this.years=[],this.today=new Date,this.shouldScroll=!0,this.machine={initial:"idle",states:{idle:{on:{click:t=>{this.selectionMade=!1;const{year:e,month:i,day:n}=t;return this.startDate=new Date(e,i,n),this.range?(this.endDate=null,"dragging"):(this.makeSelection(),"idle")}}},dragging:{on:{pointerover:t=>{const{year:e,month:i,day:n}=t,a=new Date(e,i,n);return this.endDate=a===this.startDate||this.shouldDisable(e,i,n)?null:a,"dragging"},click:()=>(this.makeSelection(),"idle"),pointercancel:"idle"}}}},this.handleGlobalClick=this.clickHandler.bind(this)}dateSelectionHandler(){this.open=!1}send(t,e){const i=this.machine.states[this.currentState].on[e.type];"function"==typeof i?this.currentState=i(t,e):i&&(this.currentState=i)}componentWillLoad(){this.setDateFromOutside(),this.setLanguage(),this.setYears()}makeSelection(){if(!this.range&&this.startDate)return void this.dateselection.emit(this.formatDate(this.startDate));if(!this.startDate||!this.endDate)return;const t=this.startDate>this.endDate?this.endDate:this.startDate,e=this.endDate>this.startDate?this.endDate:this.startDate;this.selectionMade=!0,this.dateselection.emit({start:this.formatDate(t),end:this.formatDate(e)})}startHandler(){this.setDateFromOutside()}endHandler(){this.setDateFromOutside()}openHandler(){this.shouldScroll&&this.scrollToMonth(),this.open?document.addEventListener("click",this.handleGlobalClick):(!this.selectionMade&&this.range&&(this.endDate=null),document.removeEventListener("click",this.handleGlobalClick))}scrollToMonth(){this.shouldScroll=!1;const t=this.startDate&&this.startDate.getTime()?this.startDate:new Date,e=t.getFullYear(),i=this.months[t.getMonth()];this.hostElement.querySelector(`[data-year="${e}"] [data-month="${i}"]`).scrollIntoView()}clickHandler(t){var e;const i=null===(e=t.composedPath)||void 0===e?void 0:e.call(t)[0];this.hostElement.contains(i)||(this.open=!1)}setLanguage(){const t=window.pnTopbar;t&&(this.language=t.language,t.onChangeLanguage=t=>{this.language=t,this.months=r.MONTHS[this.language],this.week=r.WEEK[this.language]}),this.months=r.MONTHS[this.language],this.week=r.WEEK[this.language]}setDateFromOutside(){this.start&&this.checkEnabledDate(this.start)&&(this.startDate=new Date(this.start)),this.end&&this.checkEnabledDate(this.end)&&(this.endDate=new Date(this.end))}checkEnabledDate(t){if(!this.checkValidDate(t))return;const e=new Date(t),i=e.getFullYear(),n=e.getMonth(),a=e.getDate();return!this.shouldDisable(i,n,a)}leadingZero(t){return t<10?`0${t}`:t}formatDate(t){return t?`${t.getFullYear()}-${this.leadingZero(t.getMonth()+1)}-${this.leadingZero(t.getDate())}`:""}checkValidDate(t){return!!t.match(/^\d{4}-\d{2}-\d{2}$/)&&!!new Date(t).getTime()}checkToday(t,e,i){return this.formatDate(this.today)===this.formatDate(new Date(t,e,i))}calculateSelected(t,e,i){const n=this.formatDate(new Date(t,e,i)),a=this.formatDate(this.startDate>this.endDate?this.endDate:this.startDate),r=this.formatDate(this.endDate>this.startDate?this.endDate:this.startDate);return!a&&r&&n===r?"single":this.startDate?a&&!r&&n===a?"single":n>a&&n<r&&this.endDate?"between":n===a?"start":n===r?"end":null:void 0}shouldDisable(t,e,i){const n=new Date(t,e,i);if(this.minDate&&this.maxDate){const t=n.setHours(0,0,0,0),e=new Date(this.minDate).setHours(0,0,0,0),i=new Date(this.maxDate).setHours(0,0,0,0);if(t<e||t>i)return!0}const a=this.isWeekend(n);return!(!this.disableWeekends||!a)}isWeekend(t){const e=t.getDay();return 0===e||6===e}daysInMonth(t,e){return Array.from({length:new Date(e,t+1,0).getDate()},((t,e)=>e+1))}calcWeekdayStart(t,e,i){const n=new Date(t,e,i).getDay();return{"grid-column-start":`${0===n?7:n}`}}setYears(){this.minDate&&this.checkValidDate(this.minDate)||(this.minDate=this.today.getFullYear()-1+"-01-01"),this.maxDate&&this.checkValidDate(this.maxDate)||(this.maxDate=`${this.today.getFullYear()+1}-12-31`);const t=new Date(this.minDate).getFullYear(),e=new Date(this.maxDate).getFullYear();for(let i=t;i<=e;i++)this.years.push(i)}startInputHandler(t){if(this.open=!0,!this.checkValidDate(t.target.value))return null;const e=new Date(t.target.value),i=e.getFullYear(),n=e.getMonth(),a=e.getDate();this.shouldDisable(i,n,a)?this.startDate=null:(this.startDate=new Date(t.target.value),this.makeSelection())}endInputHandler(t){if(this.open=!0,!this.checkValidDate(t.target.value))return null;const e=new Date(t.target.value),i=e.getFullYear(),n=e.getMonth(),a=e.getDate();if(this.shouldDisable(i,n,a))return this.endDate=null,void console.log("end",this.endDate);this.endDate=new Date(t.target.value),this.makeSelection()}arrowDirection(){return this.endDate&&this.startDate&&this.endDate<this.startDate?"backwards":""}render(){return i(n,null,i("div",{class:"pn-date-input-container"},i("input",{type:"text",value:this.startDate?this.formatDate(this.startDate):null,onInput:t=>this.startInputHandler(t),onFocusin:()=>this.open=!0,placeholder:this.placeholder}),this.range&&i("pn-icon",{class:this.arrowDirection(),symbol:"arrow-right",color:"blue700"}),this.range&&i("input",{type:"text",value:this.formatDate(this.endDate),onInput:t=>this.endInputHandler(t),onFocusin:()=>this.open=!0,placeholder:this.endPlaceholder}),i("button",{class:"pn-date-calendar",type:"button",onClick:()=>this.open=!this.open},i("pn-icon",{symbol:"calendar",color:"blue700"}))),i("div",{class:"calendar-wrapper","data-open":this.open},i("div",{class:"calendar"},this.years.map((t=>i("div",{"data-year":t},this.months.map(((e,n)=>i("div",{"data-month":e},i("h3",{class:"pn-date-picker-month"},e," - ",t),i("div",{class:"month"},this.week.map((t=>i("h4",{class:"weekday pn-2xs"},t))),this.daysInMonth(n,t).map((e=>i("button",{class:"day",style:this.calcWeekdayStart(t,n,e),"data-day":e,"data-today":this.checkToday(t,n,e),"data-selected":this.calculateSelected(t,n,e),onClick:i=>this.send({year:t,month:n,day:e},i),onPointerOver:i=>this.send({year:t,month:n,day:e},i),tabindex:"-1",disabled:this.shouldDisable(t,n,e),type:"button"},i("span",{class:"number"},e))))))))))))))}get hostElement(){return a(this)}static get watchers(){return{start:["startHandler"],end:["endHandler"],open:["openHandler"]}}};s.style='pn-date-picker{position:relative;display:inline-block}pn-date-picker .weekday{color:#5e554a;font-weight:500}pn-date-picker .calendar-wrapper{background:#ffffff;border-radius:0.5em;position:absolute;max-width:22em;top:115%;width:100%;left:0;overflow:hidden;z-index:5;-webkit-box-shadow:0px 6.4000000954px 14.3999996185px 0px #00000021, 0px 1.2000000477px 3.5999999046px 0px #0000001a;box-shadow:0px 6.4000000954px 14.3999996185px 0px #00000021, 0px 1.2000000477px 3.5999999046px 0px #0000001a;visibility:hidden;pointer-events:none;-webkit-transition-property:visibility;transition-property:visibility;-webkit-transition-delay:0.2s;transition-delay:0.2s;-webkit-transition-duration:0s;transition-duration:0s}pn-date-picker .calendar-wrapper[data-open]{visibility:visible;pointer-events:auto;-webkit-transition-delay:0s;transition-delay:0s}pn-date-picker .calendar-wrapper[data-open] .calendar{max-height:min(30em, 80vh);-webkit-transition-delay:0s;transition-delay:0s}pn-date-picker .calendar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;text-align:center;max-height:0;overflow:auto;-webkit-transition:max-height 0.2s cubic-bezier(0.7, 0, 0.3, 1);transition:max-height 0.2s cubic-bezier(0.7, 0, 0.3, 1);}pn-date-picker .calendar::-webkit-scrollbar{background-color:#fff;width:0.75em}pn-date-picker .calendar::-webkit-scrollbar-track{background-color:#fff}pn-date-picker .calendar::-webkit-scrollbar-thumb{background-color:#005d92;border-radius:1em;border:0.25em solid #fff}pn-date-picker .calendar::-webkit-scrollbar-thumb:hover{background-color:#0d234b}pn-date-picker .calendar::-webkit-scrollbar-button{display:none}pn-date-picker [data-month]{padding-top:1.5em}pn-date-picker .pn-date-picker-month{font-weight:500}pn-date-picker .month{font-size:1em;display:grid;padding:0.5em;grid-template-columns:repeat(7, 1fr);grid-gap:0.5em 0;background:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}pn-date-picker .day{font-size:1em;background:none;aspect-ratio:1;border:none;outline:none;position:relative;cursor:pointer;-webkit-transition:background 0.15s, border-radius 0.15s;transition:background 0.15s, border-radius 0.15s;border-radius:50%;}pn-date-picker .day>span.number{position:relative}pn-date-picker .day::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;-webkit-transition:inherit;transition:inherit}pn-date-picker .day[data-today]::after{content:"";position:absolute;width:0.4em;height:0.4em;bottom:10%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:50%;background:#005d92}pn-date-picker .day[data-selected=start][data-today]::after,pn-date-picker .day[data-selected=end][data-today]::after,pn-date-picker .day[data-selected=single][data-today]::after{background:#e0f8ff}pn-date-picker .day[data-selected=start]::before,pn-date-picker .day[data-selected=end]::before,pn-date-picker .day[data-selected=single]::before{border-radius:50%;background-color:#005d92}pn-date-picker .day[data-selected=start]::before{border-top-right-radius:0;border-bottom-right-radius:0}pn-date-picker .day[data-selected=start],pn-date-picker .day[data-selected=end],pn-date-picker .day[data-selected=single]{color:white}pn-date-picker .day[data-selected=between]::before{background-color:#e0f8ff;border-radius:0}pn-date-picker .day[data-selected=end][data-selected=end]::before{border-top-left-radius:0;border-bottom-left-radius:0}pn-date-picker .day:focus,pn-date-picker .day:hover{background-color:#effbff}pn-date-picker .pn-date-input-container{background:#ffffff;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:1em;width:100%;padding:0.5em 0.5em 0.5em 0.75em;border-radius:0.5em;border:0.1rem solid #969087;-webkit-transition:-webkit-box-shadow 0.15s;transition:-webkit-box-shadow 0.15s;transition:box-shadow 0.15s;transition:box-shadow 0.15s, -webkit-box-shadow 0.15s}pn-date-picker .pn-date-input-container:focus-within{-webkit-box-shadow:0 0 0 0.1em #fff, 0 0 0 0.2em #005d92;box-shadow:0 0 0 0.1em #fff, 0 0 0 0.2em #005d92}pn-date-picker .pn-date-input-container .divider{width:0.15em;height:1.15em;background:#005d92;border-radius:1em;-ms-flex:0 0 auto;flex:0 0 auto}pn-date-picker .pn-date-input-container pn-icon{-webkit-transition:-webkit-transform 0.15s cubic-bezier(0.7, 0, 0.3, 1);transition:-webkit-transform 0.15s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.15s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.15s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.15s cubic-bezier(0.7, 0, 0.3, 1)}pn-date-picker .pn-date-input-container pn-icon.backwards{-webkit-transform:rotate(180deg);transform:rotate(180deg)}pn-date-picker .pn-date-input-container input{border:none;outline:none;padding:0;font-size:1em;width:100%;background:transparent;padding:0.15em 0;-webkit-transition:inherit;transition:inherit}pn-date-picker .pn-date-input-container input:first-of-type::-webkit-input-placeholder{text-align:right}pn-date-picker .pn-date-input-container input:first-of-type::-moz-placeholder{text-align:right}pn-date-picker .pn-date-input-container input:first-of-type:-ms-input-placeholder{text-align:right}pn-date-picker .pn-date-input-container input:first-of-type::-ms-input-placeholder{text-align:right}pn-date-picker .pn-date-input-container input:first-of-type::placeholder{text-align:right}pn-date-picker .pn-date-input-container input:last-of-type::-webkit-input-placeholder{text-align:left}pn-date-picker .pn-date-input-container input:last-of-type::-moz-placeholder{text-align:left}pn-date-picker .pn-date-input-container input:last-of-type:-ms-input-placeholder{text-align:left}pn-date-picker .pn-date-input-container input:last-of-type::-ms-input-placeholder{text-align:left}pn-date-picker .pn-date-input-container input:last-of-type::placeholder{text-align:left}pn-date-picker .pn-date-input-container button.pn-date-calendar{border:none;background:none;cursor:pointer;outline:none;-webkit-transition:background 0.15s, -webkit-box-shadow 0.15s;transition:background 0.15s, -webkit-box-shadow 0.15s;transition:background 0.15s, box-shadow 0.15s;transition:background 0.15s, box-shadow 0.15s, -webkit-box-shadow 0.15s;border-radius:50%;padding:0.2em}pn-date-picker .pn-date-input-container button.pn-date-calendar:hover{background:#e0f8ff}pn-date-picker .pn-date-input-container button.pn-date-calendar:focus{-webkit-box-shadow:0 0 0 0.1em #fff, 0 0 0 0.2em #005d92;box-shadow:0 0 0 0.1em #fff, 0 0 0 0.2em #005d92;background:#e0f8ff}';export{s as pn_date_picker}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,e,i,r){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,a){function o(t){try{l(r.next(t))}catch(e){a(e)}}function s(t){try{l(r["throw"](t))}catch(e){a(e)}}function l(t){t.done?i(t.value):n(t.value).then(o,s)}l((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,n,a,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(e){return l([t,e])}}function l(o){if(r)throw new TypeError("Generator is already executing.");while(i)try{if(r=1,n&&(a=o[0]&2?n["return"]:o[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,o[1])).done)return a;if(n=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;n=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){i.label=o[1];break}if(o[0]===6&&i.label<a[1]){i.label=a[1];a=o;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(o);break}if(a[2])i.ops.pop();i.trys.pop();continue}o=e.call(t,i)}catch(s){o=[6,s];n=0}finally{r=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-71eafea4.system.js","./p-c372c8ce.system.js","./p-
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,i,r){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,a){function o(t){try{l(r.next(t))}catch(e){a(e)}}function s(t){try{l(r["throw"](t))}catch(e){a(e)}}function l(t){t.done?i(t.value):n(t.value).then(o,s)}l((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,n,a,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(e){return l([t,e])}}function l(o){if(r)throw new TypeError("Generator is already executing.");while(i)try{if(r=1,n&&(a=o[0]&2?n["return"]:o[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,o[1])).done)return a;if(n=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;n=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){i.label=o[1];break}if(o[0]===6&&i.label<a[1]){i.label=a[1];a=o;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(o);break}if(a[2])i.ops.pop();i.trys.pop();continue}o=e.call(t,i)}catch(s){o=[6,s];n=0}finally{r=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-71eafea4.system.js","./p-c372c8ce.system.js","./p-f3cc1874.system.js"],(function(t){"use strict";var e,i,r,n;return{setters:[function(t){e=t.r;i=t.h},function(t){r=t.a},function(t){n=t.c}],execute:function(){var a='#sb-addon-centered-wrapper{background-color:#f2f2f2}.sb-show-main{background-color:#f2f2f2}.illustration-grid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:5rem auto;width:100%;display:grid;grid-template-columns:repeat(auto-fill, 19rem);grid-gap:5rem;max-width:120rem}.illustration-grid .illustration{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:2.5rem;background-color:#f2f2f2;-webkit-box-shadow:0px -6px 10px white, 0px 4px 15px rgba(0, 0, 0, 0.15);box-shadow:0px -6px 10px white, 0px 4px 15px rgba(0, 0, 0, 0.15);height:16rem;position:relative;cursor:pointer;overflow:hidden}.illustration-grid .illustration svg{height:8rem}.illustration-grid .illustration:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;-webkit-transition:all 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:all 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92)}.illustration-grid .illustration.active{-webkit-box-shadow:0 15px 20px rgba(0, 0, 0, 0.02);box-shadow:0 15px 20px rgba(0, 0, 0, 0.02)}.illustration-grid .illustration.active:after{-webkit-box-shadow:inset 0px -2px 5px white, inset 0px 2px 5px rgba(0, 0, 0, 0.15);box-shadow:inset 0px -2px 5px white, inset 0px 2px 5px rgba(0, 0, 0, 0.15)}.illustration-grid .illustration span{position:absolute;top:1.5rem;right:1.5rem;color:#5e554a;font-size:0.9em}.illustration-grid .illustration p{position:absolute;padding:0 0.5rem 1rem;text-align:center;bottom:0.5rem;font-size:0.9em;color:#5e554a;-webkit-transition:opacity 0.2s ease, -webkit-transform 0.3s ease-in-out;transition:opacity 0.2s ease, -webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, opacity 0.2s ease;transition:transform 0.3s ease-in-out, opacity 0.2s ease, -webkit-transform 0.3s ease-in-out}.illustration-grid .illustration p.copy{-webkit-transform:translateY(3.5rem);transform:translateY(3.5rem);opacity:0}.illustration-grid .illustration:hover p.illustration-name{-webkit-transform:translateY(3.5rem);transform:translateY(3.5rem);opacity:0}.illustration-grid .illustration:hover p.copy{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}';var o=t("pn_illustration_grid",function(){function t(t){e(this,t);this.size="medium";this.color=n["postnord-default"];this.activeIllustration=null}t.prototype.copyIllustrationName=function(t){return __awaiter(this,void 0,void 0,(function(){var e;var i=this;return __generator(this,(function(r){switch(r.label){case 0:if(!navigator.clipboard){return[2]}r.label=1;case 1:r.trys.push([1,3,,4]);return[4,navigator.clipboard.writeText('<pn-illustration illustration="'.concat(t,'" />'))];case 2:r.sent();this.activeIllustration=t;setTimeout((function(){i.activeIllustration=null}),3e3);return[3,4];case 3:e=r.sent();console.error("Failed to copy!",e);return[3,4];case 4:return[2]}}))}))};t.prototype.render=function(){var t=this;return i("div",{class:"illustration-grid"},Object.keys(r).map((function(e){return i("div",{class:e===t.activeIllustration?"active illustration":"illustration",onClick:function(){return t.copyIllustrationName(e)}},e===t.activeIllustration&&i("span",{class:"copied"},"Copied"),i("pn-illustration",{illustration:e}),i("p",{class:"illustration-name"},e),i("p",{class:"copy"},"Click to copy"))})))};return t}());o.style=a}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as n,c as e,h as t,g as o}from"./p-311ef1eb.js";const i=class{constructor(t){n(this,t),this.itemselection=e(this,"itemselection",7),this.select=n=>{this.value&&!this.href&&n.preventDefault(),this.itemselection.emit(this.value)}}setClassnames(){let n="pn-page-nav-dropdown-item ";return this.active&&(n+="pn-page-nav-dropdown-item-active "),n}getType(){return this.value?"text/html":"button"}getTagName(){return this.value?"a":"button"}render(){const n=this.getTagName();return t("li",null,t(n,{href:this.href||"#",class:this.setClassnames(),type:this.getType(),onClick:this.select,tabindex:"-1"},t("slot",null),t("pn-icon",{symbol:"arrow-right",color:"white"})),t("hr",null))}get hostElement(){return o(this)}};i.style="pn-page-nav-dropdown-item:first-of-type li>a,pn-page-nav-dropdown-item:first-of-type li>button{border-radius:0.5em 0.5em 0 0}pn-page-nav-dropdown-item:last-of-type li>a,pn-page-nav-dropdown-item:last-of-type li>button{border-radius:0 0 0.5em 0.5em}pn-page-nav-dropdown-item:last-of-type li>hr{display:none}pn-page-nav-dropdown-item li{font-size:inherit}pn-page-nav-dropdown-item li>*{color:#
|
|
1
|
+
import{r as n,c as e,h as t,g as o}from"./p-311ef1eb.js";const i=class{constructor(t){n(this,t),this.itemselection=e(this,"itemselection",7),this.select=n=>{this.value&&!this.href&&n.preventDefault(),this.itemselection.emit(this.value)}}setClassnames(){let n="pn-page-nav-dropdown-item ";return this.active&&(n+="pn-page-nav-dropdown-item-active "),n}getType(){return this.value?"text/html":"button"}getTagName(){return this.value?"a":"button"}render(){const n=this.getTagName();return t("li",null,t(n,{href:this.href||"#",class:this.setClassnames(),type:this.getType(),onClick:this.select,tabindex:"-1"},t("slot",null),t("pn-icon",{symbol:"arrow-right",color:"white"})),t("hr",null))}get hostElement(){return o(this)}};i.style="pn-page-nav-dropdown-item:first-of-type li>a,pn-page-nav-dropdown-item:first-of-type li>button{border-radius:0.5em 0.5em 0 0}pn-page-nav-dropdown-item:last-of-type li>a,pn-page-nav-dropdown-item:last-of-type li>button{border-radius:0 0 0.5em 0.5em}pn-page-nav-dropdown-item:last-of-type li>hr{display:none}pn-page-nav-dropdown-item li{font-size:inherit}pn-page-nav-dropdown-item li>*{color:#ffffff;font-size:inherit;border:none;padding:1em;margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:background 0.15s;transition:background 0.15s;outline:none;width:100%;font-weight:500}pn-page-nav-dropdown-item li>*>pn-icon{margin-left:1em}pn-page-nav-dropdown-item li>*.pn-page-nav-dropdown-item-active{background:#005d92}pn-page-nav-dropdown-item li>*.pn-page-nav-dropdown-item-active:hover,pn-page-nav-dropdown-item li>*.pn-page-nav-dropdown-item-active:focus{background:#0068a6}pn-page-nav-dropdown-item li>*:hover,pn-page-nav-dropdown-item li>*:focus{background:#263d64}pn-page-nav-dropdown-item li>*:focus{-webkit-box-shadow:inset 0 0 0 0.1em #005d92, inset 0 0 0 0.2em #d3cecb;box-shadow:inset 0 0 0 0.1em #005d92, inset 0 0 0 0.2em #d3cecb}pn-page-nav-dropdown-item li>a{text-decoration:none}pn-page-nav-dropdown-item li>button{background:none}pn-page-nav-dropdown-item li>hr{bottom:0;padding:0;margin:0 auto;border-top:0.1em solid #d3cecb;opacity:0.6;width:85%}";export{i as pn_page_nav_dropdown_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as i,a as n}from"./p-311ef1eb.js";const e=class{constructor(i){t(this,i),this.disabled=!1,this.error="",this.invalid=!1,this.helpertext="",this.label="",this.placeholder="",this.inputid=`${Math.random()}`,this.name="",this.required=null,this.type="text",this.autocomplete=null,this.valid=null,this.value="",this.maxlength="",this.min=null,this.max=null,this.ariaLabel=null,this.showText=!1}getTextMessage(){return this.error?this.error:this.helpertext?this.helpertext:null}toggleTextVisibility(){this.showText=!this.showText}getInputType(){return["text","password","url","tel","search","number","email"].includes(this.type)&&!this.showText?this.type:"text"}setVal(t){var i;const n=null===(i=t.composedPath)||void 0===i?void 0:i.call(t)[0];this.value=n.value}getClassNames(){let t="pn-input ";return(this.error.length>0||this.invalid)&&(t+="error "),this.valid&&(t+="valid "),"password"===this.type&&(t+="password "),(this.error||this.invalid||this.valid)&&(t+="icon "),t}render(){return i(n,{class:this.getClassNames()},(this.label||this.maxlength)&&i("div",{class:"label-container"},this.label&&i("label",{htmlFor:this.inputid},this.label),parseInt(this.maxlength)>0&&i("label",{class:"char-count",htmlFor:this.inputid},`${this.value.length}/${this.maxlength}`)),i("div",{class:"input-container"},i("input",{type:this.getInputType(),value:this.value,id:this.inputid,name:this.name,placeholder:this.placeholder,disabled:this.disabled,autocomplete:this.autocomplete,onInput:t=>this.setVal(t),maxlength:this.maxlength,min:this.min,max:this.max,"aria-lavel":this.ariaLabel}),i("svg",{class:"pn-input-checkmark",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},i("polyline",{class:"checkmark-path",points:"4,12 9,17 20,6","stroke-width":"3"})),"password"===this.type&&!this.disabled&&i("button",{onClick:()=>this.toggleTextVisibility()},"Show")),this.getTextMessage()&&i("small",null,this.error&&i("pn-icon",{symbol:"alert-exclamation-circle",small:!0,color:"warning"}),this.getTextMessage()))}};e.style="pn-input{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}pn-input input{padding:0.75em;font-size:1em;font-weight:500;-webkit-font-smoothing:antialiased;outline:none;border-radius:0.8rem;border:0.1rem solid #5e554a;-webkit-transition:border 0.15s, -webkit-box-shadow 0.15s;transition:border 0.15s, -webkit-box-shadow 0.15s;transition:box-shadow 0.15s, border 0.15s;transition:box-shadow 0.15s, border 0.15s, -webkit-box-shadow 0.15s;color:#000000;width:100%}pn-input input::-webkit-input-placeholder{color:#969087;font-weight:normal}pn-input input::-moz-placeholder{color:#969087;font-weight:normal}pn-input input:-ms-input-placeholder{color:#969087;font-weight:normal}pn-input input::-ms-input-placeholder{color:#969087;font-weight:normal}pn-input input::placeholder{color:#969087;font-weight:normal}pn-input input:focus{border:0.1rem solid #005d92;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92}pn-input input:hover{border:0.1rem solid #00a0d6}pn-input input:disabled{background:#f3f2f2;border:none}pn-input>.input-container{position:relative}pn-input>.input-container>button{position:absolute;right:1.2rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#005d92;padding:0.6rem;border-radius:0.8rem;outline:none;-webkit-transition:border 0.1s, background 0.2s, color 0.1s;transition:border 0.1s, background 0.2s, color 0.1s;border:0.1rem solid transparent}pn-input>.input-container>button:focus{border:0.1rem solid #005d92}pn-input>.input-container>button:hover{background:#e0f8ff}pn-input>.input-container>button:active{background:#005d92;color:white}pn-input>.input-container>svg{position:absolute;right:0.75em;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:1.5em;width:1.5em;pointer-events:none}pn-input>.input-container>svg polyline{stroke-linecap:round;-webkit-transition:stroke-dashoffset 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);transition:stroke-dashoffset 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86)}pn-input>.input-container>svg.pn-input-checkmark polyline{stroke:#005e41;stroke-dashoffset:23;stroke-dasharray:23}pn-input .label-container{margin-bottom:0.4rem;color:#5e554a;font-size:0.875em;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:end;align-items:flex-end}pn-input .label-container label{cursor:pointer;-webkit-transition:color 0.2s;transition:color 0.2s}.label-container label.char-count{-ms-flex-negative:0;flex-shrink:0;padding-left:0.5em}pn-input small{font-size:0.75em;font-size:max(.6em, 1.2rem);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);transition:-webkit-transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);transition:transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);transition:transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86), -webkit-transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);margin-top:0.5em;color:#5e554a}pn-input.error{color:#a70707}pn-input.error label{color:#a70707}pn-input.error small{color:#a70707}pn-input.error small>pn-icon{margin-right:0.25em}pn-input.error input{border:0.1rem solid #a70707}pn-input.error input:focus{border:0.1rem solid #a70707;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #a70707;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #a70707}pn-input.error input:hover{border:0.1rem solid #f06365}pn-input.valid{color:#005e41}pn-input.valid .input-container>svg.pn-input-checkmark polyline{stroke-dashoffset:0}pn-input.valid label{color:#005e41}pn-input.valid input{border:0.1rem solid #005e41}pn-input.valid input:focus{border:0.1rem solid #005e41;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005e41;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005e41}pn-input.valid input:hover{border:0.1rem solid #5ec584}pn-input.password input{padding-right:4em}pn-input.icon input{padding-right:2.3em}";export{e as pn_input}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,h as t,a as o,g as e}from"./p-311ef1eb.js";const r=class{constructor(t){i(this,t),this.checked=!1,this.slottedIllustration=!1}componentWillLoad(){this.slottedIllustration=!!this.hostElement.querySelector('[slot="illustration"]')}render(){return t(o,null,t("input",{type:"radio",id:this.radioid||this.value,value:this.value,name:this.name,checked:this.checked}),t("label",{htmlFor:this.radioid||this.value},this.illustration&&!this.slottedIllustration&&t("pn-illustration",{illustration:this.illustration}),t("slot",{name:"illustration"}),t("slot",null)))}get hostElement(){return e(this)}};r.style="pn-radio-tile{position:relative;display:inline-block}pn-radio-tile input[type=radio]{opacity:0;position:absolute;width:100%;height:100%;white-space:nowrap;pointer-events:none}pn-radio-tile>label{cursor:pointer;overflow:hidden;position:relative;background:#
|
|
1
|
+
import{r as i,h as t,a as o,g as e}from"./p-311ef1eb.js";const r=class{constructor(t){i(this,t),this.checked=!1,this.slottedIllustration=!1}componentWillLoad(){this.slottedIllustration=!!this.hostElement.querySelector('[slot="illustration"]')}render(){return t(o,null,t("input",{type:"radio",id:this.radioid||this.value,value:this.value,name:this.name,checked:this.checked}),t("label",{htmlFor:this.radioid||this.value},this.illustration&&!this.slottedIllustration&&t("pn-illustration",{illustration:this.illustration}),t("slot",{name:"illustration"}),t("slot",null)))}get hostElement(){return e(this)}};r.style="pn-radio-tile{position:relative;display:inline-block}pn-radio-tile input[type=radio]{opacity:0;position:absolute;width:100%;height:100%;white-space:nowrap;pointer-events:none}pn-radio-tile>label{cursor:pointer;overflow:hidden;position:relative;background:#ffffff;padding:0.5em 1em;border-radius:0.5em;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.5em;color:#005d92;font-weight:500;border:0.1em solid #d3cecb;-webkit-transition-property:background, border, -webkit-box-shadow;transition-property:background, border, -webkit-box-shadow;transition-property:box-shadow, background, border;transition-property:box-shadow, background, border, -webkit-box-shadow;-webkit-transition-duration:0.15s;transition-duration:0.15s}pn-radio-tile>label>pn-illustration,pn-radio-tile>label>[slot=illustration]{min-width:2.5em;max-height:2.5em}pn-radio-tile>label:hover{background:#effbff;border:0.1em solid #00a0d6}pn-radio-tile input[type=radio]:focus:checked+label{-webkit-box-shadow:0 0 0 0.1rem #fff, 0 0 0 0.2rem #005d92, 0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a;box-shadow:0 0 0 0.1rem #fff, 0 0 0 0.2rem #005d92, 0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a}pn-radio-tile input[type=radio]:checked+label{border:0.1em solid #005d92;background:#effbff;-webkit-box-shadow:0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a;box-shadow:0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a}";export{r as pn_radio_tile}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as i,g as n}from"./p-311ef1eb.js";import{c as a,d as r}from"./p-89f98d30.js";const o=class{constructor(i){e(this,i),this.datechange=t(this,"datechange",7),this.monthchanged=t(this,"monthchanged",7),this.dateerror=t(this,"dateerror",7)}componentWillLoad(){this.isInit=!0,this._updateClassStates(),this.parseSelectedDateFromValue(this.value),this._initMinAndMaxDates(),document.addEventListener("mousedown",this._onClickOutside.bind(this)),this.isInit=!1}componentDidLoad(){this.calendarContainer=this.hostElement.querySelector(".datepicker-calendar"),this.monthElement=this.hostElement.querySelector(".month-field")}componentWillUpdate(){this._updateClassStates(),this._initMinAndMaxDates()}_initMinAndMaxDates(){this.minDate=a(this.min),this.maxDate=a(this.max)}dateChanged(e){this.value=e.detail,this.closeDatepicker()}parseSelectedDateFromValue(e){let t=a(e),i=!!t;if(this.selectedDate=t||new Date,!this.dispatchChangeOnBlur||!this.isInit)if(this.hasValidDate=i,e&&this.emitErrors&&(i||this.dateerror.emit({code:"INVALID_DATE",value:e}),this.minDate&&t<this.minDate&&this.dateerror.emit({code:"MIN_DATE",value:e}),this.maxDate&&t>this.maxDate&&this.dateerror.emit({code:"MAX_DATE",value:e})),i){if("1970-01-01"===e)e="";else if(!/^\d{4}-\d{2}-\d{2}$/.test(e)){const t=new Date(e);e=`${t.getFullYear()}-${this._addLeadingZero(t.getMonth()+1)}-${this._addLeadingZero(t.getDate())}`}this.datechange.emit(e),this.dateerror.emit(null)}else this.emitErrors&&this.dateerror.emit(e?{code:"INVALID_DATE",value:e}:null)}_updateClassStates(){this.invalid?this.hostElement.classList.add("invalid"):this.hostElement.classList.remove("invalid"),this.disabled?this.hostElement.classList.add("disabled"):this.hostElement.classList.remove("disabled"),this.disableInput?this.hostElement.classList.add("disabled-input"):this.hostElement.classList.remove("disabled-input"),this.position&&(Object.keys(["top","left","bttom","right"]).forEach((e=>this.hostElement.classList.remove(`position-${e}`))),this.position.toLowerCase().split(" ").slice(0,2).forEach((e=>this.hostElement.classList.add(`position-${e}`)))),this._updateHasInputClass()}openDatepicker(){this.disabled||(this.isOpen=!0,this.hostElement.classList.add("open-datepicker"),this._updateHasInputClass(),this.monthSelection=this.selectedDate.getMonth(),this.yearSelection=this.selectedDate.getFullYear())}closeDatepicker(){this.isOpen=!1,this.hostElement.classList.remove("open-datepicker"),this._updateHasInputClass()}_onClickOutside(e){const t=!this.hostElement.contains(e.target);this.isOpen&&t&&(this.parseSelectedDateFromValue(this.value),this.closeDatepicker())}_addLeadingZero(e){return("0"+e).slice(-2)}_updateHasInputClass(){this.value&&this.value.length?this.hostElement.classList.add("has-input"):this.hostElement.classList.remove("has-input")}onMonthChanged(e){this.monthchanged.emit(e.detail)}render(){const e=this,t=r((function(t){e.value=t.target.value}),400,!1);return i("div",{class:"datepicker-container"},i("div",{class:"datepicker-input-container"},i("input",{type:"text",class:"date-input",value:this.value,onFocus:this.openDatepicker.bind(this),onKeyDown:this.disableInput?function(e){e.preventDefault()}:t.bind(this),disabled:this.disabled}),i("pn-icon",{symbol:"calendar",onClick:this.openDatepicker.bind(this),color:this.disabled?"gray400":"black"}),i("label",null,this.label)),i("div",{class:"datepicker-calendar-container"},i("pn-calendar",{value:this.value,min:this.min,max:this.max,language:this.language,"disable-days":this.disableDays,"disable-weekends":this.disableWeekends,"start-of-week":this.startOfWeek,onMonthchanged:this.onMonthChanged.bind(this)})))}get hostElement(){return n(this)}static get watchers(){return{value:["parseSelectedDateFromValue"]}}};o.style="pn-date-picker{display:inline-block}pn-date-picker.open-datepicker .datepicker-container .datepicker-input-container input,pn-date-picker.open-datepicker .datepicker-container .datepicker-input-container input:focus,pn-date-picker.open-datepicker .datepicker-container .datepicker-input-container input:hover{outline:none;border:0.1rem solid #
|
|
1
|
+
import{r as e,c as t,h as i,g as n}from"./p-311ef1eb.js";import{c as a,d as r}from"./p-89f98d30.js";const o=class{constructor(i){e(this,i),this.datechange=t(this,"datechange",7),this.monthchanged=t(this,"monthchanged",7),this.dateerror=t(this,"dateerror",7)}componentWillLoad(){this.isInit=!0,this._updateClassStates(),this.parseSelectedDateFromValue(this.value),this._initMinAndMaxDates(),document.addEventListener("mousedown",this._onClickOutside.bind(this)),this.isInit=!1}componentDidLoad(){this.calendarContainer=this.hostElement.querySelector(".datepicker-calendar"),this.monthElement=this.hostElement.querySelector(".month-field")}componentWillUpdate(){this._updateClassStates(),this._initMinAndMaxDates()}_initMinAndMaxDates(){this.minDate=a(this.min),this.maxDate=a(this.max)}dateChanged(e){this.value=e.detail,this.closeDatepicker()}parseSelectedDateFromValue(e){let t=a(e),i=!!t;if(this.selectedDate=t||new Date,!this.dispatchChangeOnBlur||!this.isInit)if(this.hasValidDate=i,e&&this.emitErrors&&(i||this.dateerror.emit({code:"INVALID_DATE",value:e}),this.minDate&&t<this.minDate&&this.dateerror.emit({code:"MIN_DATE",value:e}),this.maxDate&&t>this.maxDate&&this.dateerror.emit({code:"MAX_DATE",value:e})),i){if("1970-01-01"===e)e="";else if(!/^\d{4}-\d{2}-\d{2}$/.test(e)){const t=new Date(e);e=`${t.getFullYear()}-${this._addLeadingZero(t.getMonth()+1)}-${this._addLeadingZero(t.getDate())}`}this.datechange.emit(e),this.dateerror.emit(null)}else this.emitErrors&&this.dateerror.emit(e?{code:"INVALID_DATE",value:e}:null)}_updateClassStates(){this.invalid?this.hostElement.classList.add("invalid"):this.hostElement.classList.remove("invalid"),this.disabled?this.hostElement.classList.add("disabled"):this.hostElement.classList.remove("disabled"),this.disableInput?this.hostElement.classList.add("disabled-input"):this.hostElement.classList.remove("disabled-input"),this.position&&(Object.keys(["top","left","bttom","right"]).forEach((e=>this.hostElement.classList.remove(`position-${e}`))),this.position.toLowerCase().split(" ").slice(0,2).forEach((e=>this.hostElement.classList.add(`position-${e}`)))),this._updateHasInputClass()}openDatepicker(){this.disabled||(this.isOpen=!0,this.hostElement.classList.add("open-datepicker"),this._updateHasInputClass(),this.monthSelection=this.selectedDate.getMonth(),this.yearSelection=this.selectedDate.getFullYear())}closeDatepicker(){this.isOpen=!1,this.hostElement.classList.remove("open-datepicker"),this._updateHasInputClass()}_onClickOutside(e){const t=!this.hostElement.contains(e.target);this.isOpen&&t&&(this.parseSelectedDateFromValue(this.value),this.closeDatepicker())}_addLeadingZero(e){return("0"+e).slice(-2)}_updateHasInputClass(){this.value&&this.value.length?this.hostElement.classList.add("has-input"):this.hostElement.classList.remove("has-input")}onMonthChanged(e){this.monthchanged.emit(e.detail)}render(){const e=this,t=r((function(t){e.value=t.target.value}),400,!1);return i("div",{class:"datepicker-container"},i("div",{class:"datepicker-input-container"},i("input",{type:"text",class:"date-input",value:this.value,onFocus:this.openDatepicker.bind(this),onKeyDown:this.disableInput?function(e){e.preventDefault()}:t.bind(this),disabled:this.disabled}),i("pn-icon",{symbol:"calendar",onClick:this.openDatepicker.bind(this),color:this.disabled?"gray400":"black"}),i("label",null,this.label)),i("div",{class:"datepicker-calendar-container"},i("pn-calendar",{value:this.value,min:this.min,max:this.max,language:this.language,"disable-days":this.disableDays,"disable-weekends":this.disableWeekends,"start-of-week":this.startOfWeek,onMonthchanged:this.onMonthChanged.bind(this)})))}get hostElement(){return n(this)}static get watchers(){return{value:["parseSelectedDateFromValue"]}}};o.style="pn-date-picker{display:inline-block}pn-date-picker.open-datepicker .datepicker-container .datepicker-input-container input,pn-date-picker.open-datepicker .datepicker-container .datepicker-input-container input:focus,pn-date-picker.open-datepicker .datepicker-container .datepicker-input-container input:hover{outline:none;border:0.1rem solid #005d92;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92}pn-date-picker.open-datepicker .datepicker-calendar-container{display:block}pn-date-picker.open-datepicker .datepicker-container .datepicker-input-container label,pn-date-picker.has-input .datepicker-container .datepicker-input-container label{top:0.1rem;-webkit-transform:translateY(0);transform:translateY(0);font-size:1.2rem}pn-date-picker.invalid .datepicker-container .datepicker-input-container input,pn-date-picker.invalid .datepicker-container .datepicker-input-container input:focus,pn-date-picker.invalid .datepicker-container .datepicker-input-container input:hover{border:0.1rem solid #a70707}pn-date-picker.invalid .datepicker-container .datepicker-input-container input:focus{-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #a70707;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #a70707}pn-date-picker .datepicker-container{position:relative}pn-date-picker .datepicker-container .datepicker-input-container{border:none;position:relative;width:100%;height:100%}pn-date-picker .datepicker-container .datepicker-input-container input,pn-date-picker .datepicker-container .datepicker-input-container div,pn-date-picker .datepicker-container .datepicker-input-container label,pn-date-picker .datepicker-container .datepicker-input-container span{font-family:inherit}pn-date-picker .datepicker-container .datepicker-input-container input{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border:0.1rem solid #5e554a;background-color:#fff;padding:0.75em;color:#000000;font-size:1.6rem;font-weight:300;line-height:2rem;border-radius:0.8rem;-webkit-transition:border 0.15s, -webkit-box-shadow 0.15s;transition:border 0.15s, -webkit-box-shadow 0.15s;transition:box-shadow 0.15s, border 0.15s;transition:box-shadow 0.15s, border 0.15s, -webkit-box-shadow 0.15s}pn-date-picker .datepicker-container .datepicker-input-container input::-webkit-input-placeholder{color:#969087}pn-date-picker .datepicker-container .datepicker-input-container input::-moz-placeholder{color:#969087}pn-date-picker .datepicker-container .datepicker-input-container input:-ms-input-placeholder{color:#969087}pn-date-picker .datepicker-container .datepicker-input-container input::-ms-input-placeholder{color:#969087}pn-date-picker .datepicker-container .datepicker-input-container input::placeholder{color:#969087}pn-date-picker .datepicker-container .datepicker-input-container input{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-shadow:none;box-shadow:none;outline:none}pn-date-picker .datepicker-container .datepicker-input-container input:hover{border-color:#00a0d6}pn-date-picker .datepicker-container .datepicker-input-container input:disabled{background-color:#f3f2f2;border-color:#d3cecb;color:#969087}pn-date-picker .datepicker-container .datepicker-input-container>pn-icon,pn-date-picker .datepicker-container .datepicker-input-container>pn-spinner{position:absolute;right:1rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}pn-date-picker .datepicker-container .datepicker-input-container>pn-icon{cursor:pointer}pn-date-picker .datepicker-container .datepicker-input-container label{-webkit-transition:0.2s ease-in-out;transition:0.2s ease-in-out;font-size:1em;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;-ms-flex-order:1;order:1;pointer-events:none;-webkit-font-smoothing:antialiased;z-index:1;position:absolute;color:#969087;font-weight:normal}pn-date-picker .datepicker-calendar-container{display:none;position:absolute;border-radius:0.8rem;top:120%;left:0;width:29.6rem;padding:1.6rem 1.6rem 0.735rem 1.6rem;border:0.1rem solid #d3cecb;-webkit-box-shadow:0 1.2px 3.6px rgba(0, 0, 0, 0.1), 0 6.4px 14.4px rgba(0, 0, 0, 0.13);box-shadow:0 1.2px 3.6px rgba(0, 0, 0, 0.1), 0 6.4px 14.4px rgba(0, 0, 0, 0.13);background-color:white;z-index:9999}pn-date-picker.position-top .datepicker-calendar-container{top:auto;bottom:calc(100% + 1.2rem)}pn-date-picker.position-left .datepicker-calendar-container{right:auto;left:0}pn-date-picker.position-right .datepicker-calendar-container{right:0;left:auto}";export{o as pn_date_picker_old}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-71eafea4.system.js"],(function(){"use strict";var e,a,t,n,s,
|
|
1
|
+
System.register(["./p-71eafea4.system.js"],(function(){"use strict";var e,a,t,n,s,i;return{setters:[function(r){e=r.d;a=r.N;t=r.w;n=r.p;s=r.H;i=r.b}],execute:function(){var r=function(){{l(s.prototype)}var i=Array.from(e.querySelectorAll("script")).find((function(e){return new RegExp("/".concat(a,"(\\.esm)?\\.js($|\\?|#)")).test(e.src)||e.getAttribute("data-stencil-namespace")===a}));var r={};if("onbeforeload"in i&&!history.scrollRestoration){return{then:function(){}}}{r.resourcesUrl=new URL(".",new URL(i.getAttribute("data-resources-url")||i.src,t.location.href)).href}return n(r)};var l=function(e){var a=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return a.call(this,e)}var t=a.call(this,false);var n=this.childNodes;if(e){for(var s=0;s<n.length;s++){if(n[s].nodeType!==2){t.appendChild(n[s].cloneNode(true))}}}return t}};r().then((function(e){return i([["p-1c1b30b7.system",[[0,"pn-ocr-search",{language:[1],loading:[32],error:[32],ocrNumber:[32],searchSuccess:[32],invalidOcrNumber:[32]}]]],["p-862b4441.system",[[0,"pn-zipcode-search",{marketwebLanguage:[1,"marketweb-language"],language:[32],loading:[32],error:[32],errorMessage:[32],showResult:[32],zipCodeSearchResult:[32]}]]],["p-7263d8a4.system",[[4,"pn-file-upload",{disabled:[4],showSpinner:[4,"show-spinner"],accept:[1],maxSize:[1,"max-size"],limit:[2],multiple:[1028],triggerElements:[32],renders:[32],startUpload:[64],clearUpload:[64],removeFile:[64],updateFile:[64]}]]],["p-05c428eb.system",[[4,"pn-select",{searchable:[4],label:[1],placeholder:[1],checkbox:[4],checkboxid:[1],checked:[1028],indeterminate:[1028],error:[1],invalid:[4],value:[1],internalValue:[32],open:[32],upwards:[32],loaded:[32]},[[0,"change","changeHandler"],[0,"selectOption","selectOptionHandler"]]]]],["p-20fad6a2.system",[[0,"pn-date-picker-old",{language:[1],disabled:[4],emitErrors:[4,"emit-errors"],label:[1],min:[1],max:[1],invalid:[4],disableWeekends:[4,"disable-weekends"],disableDays:[1,"disable-days"],disableInput:[4,"disable-input"],startOfWeek:[2,"start-of-week"],dispatchChangeOnBlur:[4,"dispatch-change-on-blur"],position:[1],value:[1025]},[[0,"daychange","dateChanged"]]]]],["p-281de48e.system",[[4,"pn-check-tile",{checkboxid:[1],value:[8],checked:[4],illustration:[1]}]]],["p-e93b0b66.system",[[0,"pn-icon",{symbol:[1],small:[4],color:[1]}]]],["p-fcb055c7.system",[[0,"pn-date-picker",{language:[1],start:[1],end:[1],minDate:[1,"min-date"],maxDate:[1,"max-date"],range:[4],disableWeekends:[4,"disable-weekends"],placeholder:[1],endPlaceholder:[1,"end-placeholder"],currentState:[32],week:[32],months:[32],startDate:[32],endDate:[32],open:[32],selectionMade:[32],machine:[32]},[[0,"dateselection","dateSelectionHandler"]]]]],["p-1f157d38.system",[[0,"pn-footer",{market:[32],language:[32],isLoggedIn:[32],isBusinessUser:[32]}]]],["p-5f2518ea.system",[[0,"pn-icon-grid",{small:[4],color:[1],activeSymbol:[32]}]]],["p-6269c9a1.system",[[0,"pn-illustration-grid",{size:[1],color:[1],activeIllustration:[32]}]]],["p-91597e05.system",[[0,"pn-input",{disabled:[4],error:[1],invalid:[4],helpertext:[1],label:[1],placeholder:[1],inputid:[1],name:[1],required:[4],type:[1025],autocomplete:[1],valid:[4],value:[1],maxlength:[1],min:[2],max:[2],ariaLabel:[1,"aria-label"],showText:[32]}]]],["p-39a26ba4.system",[[4,"pn-modal",{open:[1028],focusableEls:[32]}]]],["p-dec6ee37.system",[[4,"pn-nav-dropdown",{label:[1],icon:[1],open:[32],position:[32],right:[32]}]]],["p-8c799438.system",[[4,"pn-page-nav",{value:[1025],dropdown:[8],currentSelection:[32],showScrollArrows:[32],showLeftArrow:[32],showRightArrow:[32],dropdownOpen:[32],dropdownLinks:[32],dropdownActive:[32]},[[0,"itemselection","changeHandler"],[9,"resize","handleResize"]]]]],["p-52f234c3.system",[[4,"pn-page-nav-dropdown-item",{value:[1],href:[1],active:[4]}]]],["p-1cce77c3.system",[[4,"pn-page-nav-item",{value:[1],icon:[1],href:[1]}]]],["p-d5107a0a.system",[[4,"pn-radio-tile",{name:[1],radioid:[1],value:[8],checked:[4],illustration:[1]}]]],["p-9c2ce322.system",[[4,"pn-segment",{segmentid:[1],name:[1],value:[1],selected:[4],icon:[1]}]]],["p-02c2741f.system",[[4,"pn-tile",{label:[1],url:[1],target:[1],rel:[1],illustration:[1025],simple:[32],checkCardSize:[32],longpress:[32],timer:[32]}]]],["p-20988b71.system",[[4,"pn-toast",{appearance:[1],icon:[1],closable:[4],temporary:[4],manualDuration:[2,"manual-duration"],hidden:[1028],timeout:[32]}]]],["p-58f84310.system",[[0,"pn-toggle-switch",{checked:[1028],disabled:[4],indeterminate:[4],toggleid:[1],name:[1]}]]],["p-173e95f5.system",[[4,"pn-tooltip",{warning:[4],color:[1025],downwards:[32],open:[32],deltaX:[32]}]]],["p-2e2cbf26.system",[[4,"pn-accordion",{accordionRows:[32]},[[0,"togglerow","toggleHandler"]]]]],["p-22271b9e.system",[[4,"pn-accordion-row",{label:[1025]}]]],["p-b9a0d9d9.system",[[4,"pn-choice-chip",{value:[520],name:[1],choiceid:[1],disabled:[4],checked:[4],indeterminate:[1028]},[[0,"change","handlechange"]]]]],["p-4341ba9f.system",[[0,"pn-color",{name:[1],defaultColor:[1,"default-color"],palette:[16]}]]],["p-28676f45.system",[[0,"pn-colors"]]],["p-d1f05006.system",[[4,"pn-header",{heading:[1],color:[1025],maxWidth:[1,"max-width"]}]]],["p-78057ecb.system",[[4,"pn-progress-indicator",{activeStep:[1026,"active-step"]},[[0,"setactivestep","setActiveStepHandler"]]]]],["p-e6c0bdad.system",[[4,"pn-progress-indicator-step",{activeStep:[2,"active-step"],index:[2],name:[1],checked:[4],active:[1],activated:[32],done:[32]}]]],["p-2c85afe2.system",[[0,"pn-radio-button",{value:[520],name:[1],radioid:[1],disabled:[4],checked:[4]}]]],["p-82af9b54.system",[[4,"pn-segmented-control",{name:[1],value:[1025],currentSelection:[32],showScrollArrows:[32],showLeftArrow:[32],showRightArrow:[32]},[[0,"change","changeHandler"],[9,"resize","handleResize"]]]]],["p-a834fb7c.system",[[4,"pn-tab",{activeTab:[1,"active-tab"],label:[1],value:[1]}]]],["p-4befd4c5.system",[[4,"pn-table",{disabled:[4],bordered:[4],striped:[4]}]]],["p-dbe6001f.system",[[4,"pn-tablist",{value:[1025],stackedicons:[4],tabElement:[32],showScrollArrows:[32],scrollArrowClasses:[32]},[[0,"setactivetab","setActiveTabHandler"],[9,"resize","handleResize"]]]]],["p-99d774dd.system",[[0,"pn-virtual-agent",{parcelid:[1],areaid:[2],show:[4],status:[32],instanceActive:[32]}]]],["p-e0b7e404.system",[[0,"pn-calendar",{language:[1],min:[1],max:[1],startOfWeek:[2,"start-of-week"],value:[1025],disableWeekends:[4,"disable-weekends"],disableDays:[1,"disable-days"],minActiveDate:[1,"min-active-date"],maxActiveDate:[1,"max-active-date"],defaultDate:[1,"default-date"],disableMonthsView:[4,"disable-months-view"],monthView:[4,"month-view"]}]]],["p-d4bb152e.system",[[0,"pn-checkbox",{value:[520],name:[1],checkboxid:[1],disabled:[4],checked:[4],indeterminate:[1028],ariaLabel:[1,"aria-label"],ariaDescribedby:[1,"aria-describedby"]},[[0,"change","handlechange"]]]]],["p-cbbe9eaa.system",[[4,"pn-option",{value:[1],selected:[1540],selectHasLoaded:[4,"select-has-loaded"],parentValue:[8,"parent-value"],checked:[1028],checkbox:[4],index:[1]},[[0,"change","changeHandler"]]]]],["p-fb929fe8.system",[[0,"pn-progress-bar",{progress:[2],size:[1],color:[1],width:[1],label:[1],showSpinner:[4,"show-spinner"],showPercentage:[4,"show-percentage"]}]]],["p-799aa482.system",[[0,"pn-illustration",{illustration:[1]}]]],["p-bc486626.system",[[0,"pn-spinner",{light:[4],size:[1]}]]],["p-8fbf5762.system",[[0,"pn-search-field",{disabled:[4],placeholder:[1],inputid:[1],name:[1],autocomplete:[1],list:[1],value:[1],label:[1],loading:[4],button:[1],light:[4],ariaLabel:[1,"aria-label"]},[[0,"input","inputHandler"]]],[4,"pn-button",{small:[4],appearance:[1],variant:[1],loading:[516],leftIcon:[4,"left-icon"],icon:[1],type:[1],iconOnly:[4,"icon-only"],ariaLabel:[1,"aria-label"],ariaLabelledby:[1,"aria-labelledby"],ariaControls:[1,"aria-controls"],ariaPressed:[1,"aria-pressed"],href:[1],rel:[1],target:[1],download:[4],tooltipOpen:[32],tooltipUpwards:[32]}]]]],e)}))}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var __extends=this&&this.__extends||function(){var e=function(t,i){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)if(Object.prototype.hasOwnProperty.call(t,i))e[i]=t[i]};return e(t,i)};return function(t,i){if(typeof i!=="function"&&i!==null)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");e(t,i);function n(){this.constructor=t}t.prototype=i===null?Object.create(i):(n.prototype=i.prototype,new n)}}();var __awaiter=this&&this.__awaiter||function(e,t,i,n){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,o){function a(e){try{s(n.next(e))}catch(t){o(t)}}function l(e){try{s(n["throw"](e))}catch(t){o(t)}}function s(e){e.done?i(e.value):r(e.value).then(a,l)}s((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,r,o,a;return a={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function l(e){return function(t){return s([e,t])}}function s(a){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,r&&(o=a[0]&2?r["return"]:a[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;if(r=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;r=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){i.label=a[1];break}if(a[0]===6&&i.label<o[1]){i.label=o[1];o=a;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(a);break}if(o[2])i.ops.pop();i.trys.pop();continue}a=t.call(e,i)}catch(l){a=[6,l];r=0}finally{n=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,i){if(i||arguments.length===2)for(var n=0,r=t.length,o;n<r;n++){if(o||!(n in t)){if(!o)o=Array.prototype.slice.call(t,0,n);o[n]=t[n]}}return e.concat(o||Array.prototype.slice.call(t))};System.register(["./p-71eafea4.system.js","./p-dd69298f.system.js"],(function(e){"use strict";var t,i,n,r,o,a;return{setters:[function(e){t=e.r;i=e.c;n=e.h;r=e.g},function(e){o=e.g;a=e.u}],execute:function(){var l=function(e){__extends(t,e);function t(t,i,n,r){if(n===void 0){n="INVALID"}if(r===void 0){r=null}var o=e.call(this,t)||this;o.name="PNFileUploadError";o.element=i;o.code=n;o.data=r;return o}return t}(Error);var s='pn-file-upload.hover .pn-file-upload-container .pn-dropzone-container{background-color:#E0F8FF}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container{background-color:#D3CECB}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container,pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container:after,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container:after{background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #969087), color-stop(0%, transparent));background-image:linear-gradient(to right, #969087 50%, transparent 0%)}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner,pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner:after,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner:after{background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #969087), color-stop(0%, transparent));background-image:linear-gradient(to bottom, #969087 50%, transparent 0%)}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container a,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container a{cursor:default}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container:hover,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container:hover{background-color:#D3CECB}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container .headline a,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container .headline a{color:#5E554A}pn-file-upload .pn-file-upload-input{display:none}pn-file-upload .pn-file-upload-container .pn-dropzone-container{text-align:center;position:relative;background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #00A0D6), color-stop(0%, transparent));background-image:linear-gradient(to right, #00A0D6 50%, transparent 0%);background-position:top;background-size:16px 1px;background-repeat:repeat-x;background-color:#FFFFFF}pn-file-upload .pn-file-upload-container .pn-dropzone-container:after{content:" ";position:absolute;width:100%;height:1px;bottom:0;left:0;background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #00A0D6), color-stop(0%, transparent));background-image:linear-gradient(to right, #00A0D6 50%, transparent 0%);background-position:bottom;background-size:16px 1px;background-repeat:repeat-x}pn-file-upload .pn-file-upload-container .pn-dropzone-container:hover{background-color:#E0F8FF}pn-file-upload .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner{padding:25px 60px;position:relative;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #00A0D6), color-stop(0%, transparent));background-image:linear-gradient(to bottom, #00A0D6 50%, transparent 0%);background-position:left;background-size:1px 16px;background-repeat:repeat-y}pn-file-upload .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner:after{content:" ";position:absolute;width:1px;height:100%;top:0;right:0;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #00A0D6), color-stop(0%, transparent));background-image:linear-gradient(to bottom, #00A0D6 50%, transparent 0%);background-position:right;background-size:1px 16px;background-repeat:repeat-y}pn-file-upload .pn-file-upload-container .pn-dropzone-container .headline{color:#969087;font-size:16px;font-weight:300;line-height:20px;text-align:center;margin-bottom:8px}pn-file-upload .pn-file-upload-container .pn-dropzone-container .headline a{color:#005D92}pn-file-upload .pn-file-upload-container .pn-dropzone-container .description{color:#969087;font-size:12px;font-weight:300;line-height:16px;margin-bottom:0}pn-file-upload .files-list .files-list-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start}pn-file-upload .files-list .files-list-item>pn-progress-bar{margin-right:10px;-ms-flex:1;flex:1}pn-file-upload .files-list .files-list-item>pn-icon{margin-top:34px;cursor:pointer}pn-file-upload .files-list .files-list-item-error{color:#5E554A;font-size:14px;font-weight:300;line-height:20px}';var p=e("pn_file_upload",function(){function e(e){t(this,e);this.filesAdded=i(this,"filesAdded",7);this.update=i(this,"update",7);this.fileuploaderror=i(this,"fileuploaderror",7);this.valid=i(this,"valid",7);this.uploadFile=i(this,"uploadFile",7);this.uploadCancelled=i(this,"uploadCancelled",7);this.uploadCompleted=i(this,"uploadCompleted",7);this.triggerElements=[];this.renders=0;this.maxSize="";this.limit=1;this.invalid=false;this.files=[];this.maxSizeInBytes=0}e.prototype.componentWillLoad=function(){this._initTriggerElements();this._setDefaultValues();this.initMaxBytes();if(this.disabled){this.hostElement.classList.add("disabled")}else{this.hostElement.classList.remove("disabled")}};e.prototype.componentWillUpdate=function(){if(this.invalid){this.hostElement.classList.add("invalid")}else{this.hostElement.classList.remove("invalid")}if(this.disabled){this.hostElement.classList.add("disabled")}else{this.hostElement.classList.remove("disabled")}};e.prototype.initMaxBytes=function(){this.maxSizeInBytes=o(this.maxSize)};e.prototype.componentDidLoad=function(){this.fileInputElement=this.hostElement.querySelector(".pn-file-upload-input");this.fileInputElement.addEventListener("change",this._onAddFile.bind(this))};e.prototype._setDefaultValues=function(){if(this.limit>1){this.multiple=true}};e.prototype._initTriggerElements=function(){var e=this;this.triggerElements=Array.from(this.hostElement.querySelectorAll(".pn-open-file-explorer"));this.triggerElements.forEach((function(t){if(t.dataset.canOpen!=="1"){t.addEventListener("click",e.openFileExplorer.bind(e));t.dataset.canOpen="1"}}))};e.prototype._addFilesFromFileList=function(e){if(this.disabled||this.invalid){return}var t=this;var i=Array.from(e);var n=[];if(this.multiple){i.forEach((function(e){n.push(t._addFile(e))}))}else{var r=i[0];if(this.limit===1){this.files=[];n.push(this._addFile(r))}else{n.push(this._addFile(r))}}Promise.all(n).then((function(){t.filesAdded.emit(t.files);t._isNotGreaterThanLimit();t._checkValidity();t._emitUpdateEvent();t.fileInputElement.value=""}))};e.prototype._onAddFile=function(){var e=this.fileInputElement.files;return this._addFilesFromFileList(e)};e.prototype._onDragOverFile=function(e){e.preventDefault();e.stopPropagation();this.hostElement.classList.add("hover")};e.prototype._onDragLeaveFile=function(e){e.preventDefault();e.stopPropagation();this.hostElement.classList.remove("hover")};e.prototype._onDropFile=function(e){e.preventDefault();e.stopPropagation();this.hostElement.classList.remove("hover");this._addFilesFromFileList(e.dataTransfer.files)};e.prototype._validateFileType=function(e){var t=this.accept?this.accept.split(","):[];if(t.length){var i=false;for(var n=0,r=t;n<r.length;n++){var o=r[n];var a=o.trim().toLowerCase();var s=/^\w+\/[a-z\.\-]+$/i;var p=e.filename.substr(e.filename.lastIndexOf(".")).toLowerCase();if(s.test(a)&&e.contentType===a){i=true;break}else if(p===a){i=true;break}}if(!i){var d=new l("Invalid file type.",this.hostElement,"INVALID_FILE_TYPE",e);this.invalid=true;this.fileuploaderror.emit(d);throw d}}};e.prototype._validateFileSize=function(e){if(this.maxSizeInBytes>0&&e.filesize>this.maxSizeInBytes){var t=new l("You can only add up to ".concat(this.maxSize,"."),this.hostElement,"MAX_FILE_SIZE",e);this.invalid=true;this.fileuploaderror.emit(t);throw t}};e.prototype._validateLimit=function(){if(this.limit&&this.files.length>this.limit){var e=new l("You can only add up to ".concat(this.limit," files."),this.hostElement,"MAX_LIMIT",this.files);this.invalid=true;this.fileuploaderror.emit(e);throw e}};e.prototype._isNotGreaterThanLimit=function(){try{this._validateLimit();return true}catch(e){return false}};e.prototype._checkValidity=function(){if(!this.invalid){this.valid.emit(this)}this._initTriggerElements();return!this.invalid};e.prototype._createBase64FromFile=function(e){return new Promise((function(t,i){var n=new FileReader;n.onload=function(){t(n.result)};n.onerror=function(e){i(e)};n.onabort=function(){i("ABORTED")};n.readAsDataURL(e)}))};e.prototype._addFile=function(e){var t=this;return this._createBase64FromFile(e).then((function(i){var n=i.split(",");var r=n[1];var o=n[0].split(":")[1].split(";")[0];var s=new XMLHttpRequest;var p={uuid:a(),filename:e.name,filesize:e.size,progress:0,status:"queue",base64:r,contentType:o,error:null,errorMessage:"",file:e,xhr:s};try{t._validateFileSize(p);t._validateFileType(p)}catch(d){p.error=d;p.progress=100;p.status="error"}p.xhrPromise=function(){return new Promise((function(e,i){s.responseType="json";s.addEventListener("progress",(function(e){if(e.lengthComputable){p.progress=e.loaded/e.total*100;t.updateFile(p)}else{p.progress=100;t.updateFile(p)}}));s.addEventListener("load",(function(t){e(t.target.response)}));s.addEventListener("error",(function(e){p.error=e;p.errorMessage="There was an error uploading your file, please try again";t.updateFile(p);var n=new l("There was an error uploading your file, please try again",t.hostElement,"UPLOAD_SERVER_ERROR",p);t.fileuploaderror.emit(n);i(e)}))}))};t.files=__spreadArray(__spreadArray([],t.files,true),[p],false);return p}))};e.prototype._removeFile=function(e,t){return function(i){i.preventDefault();t.removeFile(e)}};e.prototype._emitUpdateEvent=function(){this.update.emit({files:this.files,element:this})};e.prototype.openFileExplorer=function(e){e.preventDefault();if(!this.invalid&&!this.disabled){this.fileInputElement.click()}};e.prototype.startUpload=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(i){e=this;if(!e.files.length){return[2]}e.files=e.files.map((function(t,i){if(t.status==="queue"){t.status="start";e.uploadFile.emit({file:t,index:i,uploader:e})}return t}));t=e.files.map((function(e){return e.xhrPromise().catch((function(){return}))}));Promise.all(t).then((function(t){var i=t.filter((function(e){return e}));e.uploadCompleted.emit(i)}));return[2]}))}))};e.prototype.clearUpload=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.files=[];this.fileInputElement.value="";this.invalid=false;this.filesAdded.emit([]);return[2]}))}))};e.prototype.removeFile=function(e){return __awaiter(this,void 0,void 0,(function(){var t,i,n,r;return __generator(this,(function(o){t=true;i=[];for(n in this.files){r=this.files[n];if(!r.filename){continue}if(r.uuid!==e.uuid){try{this._validateFileSize(r);this._validateFileType(r);t=true}catch(a){t=false;r.error=a;r.progress=100;r.status="error"}i.push(r)}else if(r.status==="start"){r.xhr.abort();this.uploadCancelled.emit(r)}}this.filesAdded.emit(i);this.files=i;this.invalid=!t||!this._isNotGreaterThanLimit();this._checkValidity();this._emitUpdateEvent();return[2]}))}))};e.prototype.updateFile=function(e,t){if(t===void 0){t=null}return __awaiter(this,void 0,void 0,(function(){var i,n,r;return __generator(this,(function(o){i=this.files;if(t===null){for(n in i){r=i[n];if(r.uuid===e.uuid){t=n;break}}}if(i[t]){if(e.progress>=100){e.progress=100;e.status="completed"}else if(e.progress<0){e.status="start";e.progress=0}if(e.error){e.progress=100;e.status="error";e.errorMessage=e.errorMessage||"There was an error uploading your file, please try again"}i[t]=e}this.files=i;this._forceRender();return[2]}))}))};e.prototype._forceRender=function(){this.renders=this.renders+1};e.prototype.render=function(){var e=this;return n("div",{class:"pn-file-upload-container"},n("div",{class:"pn-dropzone-container"},n("div",{class:"pn-dropzone-inner"},n("div",{class:"pn-file-upload-dropzone",onDragOver:this._onDragOverFile.bind(this),onDragLeave:this._onDragLeaveFile.bind(this),onDrop:this._onDropFile.bind(this)},n("div",{class:"default-message-container"},this.disabled||this.invalid?n("pn-icon",{class:"pn-file-upload-dropzone-icon",symbol:"disabled",color:"grey-06-rock"}):n("pn-icon",{class:"pn-file-upload-dropzone-icon",symbol:"upload",color:"grey-06-rock"}),n("slot",null))))),n("section",{class:"files-list"},this.files.map((function(t){return n("div",{class:"files-list-item-container"},n("div",{class:"files-list-item"},n("pn-progress-bar",{label:t.filename,"show-spinner":e.showSpinner&&t.progress<100&&t.status==="start",progress:t.progress,color:t.status==="error"?"error":"default",size:"small",width:"100%"}),n("div",{class:"icon-button"}),n("pn-icon",{symbol:"minus-circle",color:"grey-05-battleship",onClick:e._removeFile(t,e)})),t.error?n("div",{class:"files-list-item-error"},t.errorMessage||t.error.message):null)}))),n("input",{type:"file",name:"pnFileUpload[]",class:"pn-file-upload-input",multiple:this.multiple,accept:this.accept}))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{maxSize:["initMaxBytes"]}},enumerable:false,configurable:true});return e}());p.style=s}}}));
|
|
1
|
+
var __extends=this&&this.__extends||function(){var e=function(t,i){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)if(Object.prototype.hasOwnProperty.call(t,i))e[i]=t[i]};return e(t,i)};return function(t,i){if(typeof i!=="function"&&i!==null)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");e(t,i);function n(){this.constructor=t}t.prototype=i===null?Object.create(i):(n.prototype=i.prototype,new n)}}();var __awaiter=this&&this.__awaiter||function(e,t,i,n){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,o){function a(e){try{s(n.next(e))}catch(t){o(t)}}function l(e){try{s(n["throw"](e))}catch(t){o(t)}}function s(e){e.done?i(e.value):r(e.value).then(a,l)}s((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,r,o,a;return a={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function l(e){return function(t){return s([e,t])}}function s(a){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,r&&(o=a[0]&2?r["return"]:a[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;if(r=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;r=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){i.label=a[1];break}if(a[0]===6&&i.label<o[1]){i.label=o[1];o=a;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(a);break}if(o[2])i.ops.pop();i.trys.pop();continue}a=t.call(e,i)}catch(l){a=[6,l];r=0}finally{n=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,i){if(i||arguments.length===2)for(var n=0,r=t.length,o;n<r;n++){if(o||!(n in t)){if(!o)o=Array.prototype.slice.call(t,0,n);o[n]=t[n]}}return e.concat(o||Array.prototype.slice.call(t))};System.register(["./p-71eafea4.system.js","./p-dd69298f.system.js"],(function(e){"use strict";var t,i,n,r,o,a;return{setters:[function(e){t=e.r;i=e.c;n=e.h;r=e.g},function(e){o=e.g;a=e.u}],execute:function(){var l=function(e){__extends(t,e);function t(t,i,n,r){if(n===void 0){n="INVALID"}if(r===void 0){r=null}var o=e.call(this,t)||this;o.name="PNFileUploadError";o.element=i;o.code=n;o.data=r;return o}return t}(Error);var s='pn-file-upload.hover .pn-file-upload-container .pn-dropzone-container{background-color:#e0f8ff}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container{background-color:#d3cecb}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container,pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container:after,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container:after{background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #969087), color-stop(0%, transparent));background-image:linear-gradient(to right, #969087 50%, transparent 0%)}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner,pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner:after,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner:after{background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #969087), color-stop(0%, transparent));background-image:linear-gradient(to bottom, #969087 50%, transparent 0%)}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container a,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container a{cursor:default}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container:hover,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container:hover{background-color:#d3cecb}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container .headline a,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container .headline a{color:#5e554a}pn-file-upload .pn-file-upload-input{display:none}pn-file-upload .pn-file-upload-container .pn-dropzone-container{text-align:center;position:relative;background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #00a0d6), color-stop(0%, transparent));background-image:linear-gradient(to right, #00a0d6 50%, transparent 0%);background-position:top;background-size:16px 1px;background-repeat:repeat-x;background-color:#ffffff}pn-file-upload .pn-file-upload-container .pn-dropzone-container:after{content:" ";position:absolute;width:100%;height:1px;bottom:0;left:0;background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #00a0d6), color-stop(0%, transparent));background-image:linear-gradient(to right, #00a0d6 50%, transparent 0%);background-position:bottom;background-size:16px 1px;background-repeat:repeat-x}pn-file-upload .pn-file-upload-container .pn-dropzone-container:hover{background-color:#e0f8ff}pn-file-upload .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner{padding:25px 60px;position:relative;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #00a0d6), color-stop(0%, transparent));background-image:linear-gradient(to bottom, #00a0d6 50%, transparent 0%);background-position:left;background-size:1px 16px;background-repeat:repeat-y}pn-file-upload .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner:after{content:" ";position:absolute;width:1px;height:100%;top:0;right:0;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #00a0d6), color-stop(0%, transparent));background-image:linear-gradient(to bottom, #00a0d6 50%, transparent 0%);background-position:right;background-size:1px 16px;background-repeat:repeat-y}pn-file-upload .pn-file-upload-container .pn-dropzone-container .headline{color:#969087;font-size:16px;font-weight:300;line-height:20px;text-align:center;margin-bottom:8px}pn-file-upload .pn-file-upload-container .pn-dropzone-container .headline a{color:#005d92}pn-file-upload .pn-file-upload-container .pn-dropzone-container .description{color:#969087;font-size:12px;font-weight:300;line-height:16px;margin-bottom:0}pn-file-upload .files-list .files-list-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start}pn-file-upload .files-list .files-list-item>pn-progress-bar{margin-right:10px;-ms-flex:1;flex:1}pn-file-upload .files-list .files-list-item>pn-icon{margin-top:34px;cursor:pointer}pn-file-upload .files-list .files-list-item-error{color:#5e554a;font-size:14px;font-weight:300;line-height:20px}';var p=e("pn_file_upload",function(){function e(e){t(this,e);this.filesAdded=i(this,"filesAdded",7);this.update=i(this,"update",7);this.fileuploaderror=i(this,"fileuploaderror",7);this.valid=i(this,"valid",7);this.uploadFile=i(this,"uploadFile",7);this.uploadCancelled=i(this,"uploadCancelled",7);this.uploadCompleted=i(this,"uploadCompleted",7);this.triggerElements=[];this.renders=0;this.maxSize="";this.limit=1;this.invalid=false;this.files=[];this.maxSizeInBytes=0}e.prototype.componentWillLoad=function(){this._initTriggerElements();this._setDefaultValues();this.initMaxBytes();if(this.disabled){this.hostElement.classList.add("disabled")}else{this.hostElement.classList.remove("disabled")}};e.prototype.componentWillUpdate=function(){if(this.invalid){this.hostElement.classList.add("invalid")}else{this.hostElement.classList.remove("invalid")}if(this.disabled){this.hostElement.classList.add("disabled")}else{this.hostElement.classList.remove("disabled")}};e.prototype.initMaxBytes=function(){this.maxSizeInBytes=o(this.maxSize)};e.prototype.componentDidLoad=function(){this.fileInputElement=this.hostElement.querySelector(".pn-file-upload-input");this.fileInputElement.addEventListener("change",this._onAddFile.bind(this))};e.prototype._setDefaultValues=function(){if(this.limit>1){this.multiple=true}};e.prototype._initTriggerElements=function(){var e=this;this.triggerElements=Array.from(this.hostElement.querySelectorAll(".pn-open-file-explorer"));this.triggerElements.forEach((function(t){if(t.dataset.canOpen!=="1"){t.addEventListener("click",e.openFileExplorer.bind(e));t.dataset.canOpen="1"}}))};e.prototype._addFilesFromFileList=function(e){if(this.disabled||this.invalid){return}var t=this;var i=Array.from(e);var n=[];if(this.multiple){i.forEach((function(e){n.push(t._addFile(e))}))}else{var r=i[0];if(this.limit===1){this.files=[];n.push(this._addFile(r))}else{n.push(this._addFile(r))}}Promise.all(n).then((function(){t.filesAdded.emit(t.files);t._isNotGreaterThanLimit();t._checkValidity();t._emitUpdateEvent();t.fileInputElement.value=""}))};e.prototype._onAddFile=function(){var e=this.fileInputElement.files;return this._addFilesFromFileList(e)};e.prototype._onDragOverFile=function(e){e.preventDefault();e.stopPropagation();this.hostElement.classList.add("hover")};e.prototype._onDragLeaveFile=function(e){e.preventDefault();e.stopPropagation();this.hostElement.classList.remove("hover")};e.prototype._onDropFile=function(e){e.preventDefault();e.stopPropagation();this.hostElement.classList.remove("hover");this._addFilesFromFileList(e.dataTransfer.files)};e.prototype._validateFileType=function(e){var t=this.accept?this.accept.split(","):[];if(t.length){var i=false;for(var n=0,r=t;n<r.length;n++){var o=r[n];var a=o.trim().toLowerCase();var s=/^\w+\/[a-z\.\-]+$/i;var p=e.filename.substr(e.filename.lastIndexOf(".")).toLowerCase();if(s.test(a)&&e.contentType===a){i=true;break}else if(p===a){i=true;break}}if(!i){var d=new l("Invalid file type.",this.hostElement,"INVALID_FILE_TYPE",e);this.invalid=true;this.fileuploaderror.emit(d);throw d}}};e.prototype._validateFileSize=function(e){if(this.maxSizeInBytes>0&&e.filesize>this.maxSizeInBytes){var t=new l("You can only add up to ".concat(this.maxSize,"."),this.hostElement,"MAX_FILE_SIZE",e);this.invalid=true;this.fileuploaderror.emit(t);throw t}};e.prototype._validateLimit=function(){if(this.limit&&this.files.length>this.limit){var e=new l("You can only add up to ".concat(this.limit," files."),this.hostElement,"MAX_LIMIT",this.files);this.invalid=true;this.fileuploaderror.emit(e);throw e}};e.prototype._isNotGreaterThanLimit=function(){try{this._validateLimit();return true}catch(e){return false}};e.prototype._checkValidity=function(){if(!this.invalid){this.valid.emit(this)}this._initTriggerElements();return!this.invalid};e.prototype._createBase64FromFile=function(e){return new Promise((function(t,i){var n=new FileReader;n.onload=function(){t(n.result)};n.onerror=function(e){i(e)};n.onabort=function(){i("ABORTED")};n.readAsDataURL(e)}))};e.prototype._addFile=function(e){var t=this;return this._createBase64FromFile(e).then((function(i){var n=i.split(",");var r=n[1];var o=n[0].split(":")[1].split(";")[0];var s=new XMLHttpRequest;var p={uuid:a(),filename:e.name,filesize:e.size,progress:0,status:"queue",base64:r,contentType:o,error:null,errorMessage:"",file:e,xhr:s};try{t._validateFileSize(p);t._validateFileType(p)}catch(d){p.error=d;p.progress=100;p.status="error"}p.xhrPromise=function(){return new Promise((function(e,i){s.responseType="json";s.addEventListener("progress",(function(e){if(e.lengthComputable){p.progress=e.loaded/e.total*100;t.updateFile(p)}else{p.progress=100;t.updateFile(p)}}));s.addEventListener("load",(function(t){e(t.target.response)}));s.addEventListener("error",(function(e){p.error=e;p.errorMessage="There was an error uploading your file, please try again";t.updateFile(p);var n=new l("There was an error uploading your file, please try again",t.hostElement,"UPLOAD_SERVER_ERROR",p);t.fileuploaderror.emit(n);i(e)}))}))};t.files=__spreadArray(__spreadArray([],t.files,true),[p],false);return p}))};e.prototype._removeFile=function(e,t){return function(i){i.preventDefault();t.removeFile(e)}};e.prototype._emitUpdateEvent=function(){this.update.emit({files:this.files,element:this})};e.prototype.openFileExplorer=function(e){e.preventDefault();if(!this.invalid&&!this.disabled){this.fileInputElement.click()}};e.prototype.startUpload=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(i){e=this;if(!e.files.length){return[2]}e.files=e.files.map((function(t,i){if(t.status==="queue"){t.status="start";e.uploadFile.emit({file:t,index:i,uploader:e})}return t}));t=e.files.map((function(e){return e.xhrPromise().catch((function(){return}))}));Promise.all(t).then((function(t){var i=t.filter((function(e){return e}));e.uploadCompleted.emit(i)}));return[2]}))}))};e.prototype.clearUpload=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.files=[];this.fileInputElement.value="";this.invalid=false;this.filesAdded.emit([]);return[2]}))}))};e.prototype.removeFile=function(e){return __awaiter(this,void 0,void 0,(function(){var t,i,n,r;return __generator(this,(function(o){t=true;i=[];for(n in this.files){r=this.files[n];if(!r.filename){continue}if(r.uuid!==e.uuid){try{this._validateFileSize(r);this._validateFileType(r);t=true}catch(a){t=false;r.error=a;r.progress=100;r.status="error"}i.push(r)}else if(r.status==="start"){r.xhr.abort();this.uploadCancelled.emit(r)}}this.filesAdded.emit(i);this.files=i;this.invalid=!t||!this._isNotGreaterThanLimit();this._checkValidity();this._emitUpdateEvent();return[2]}))}))};e.prototype.updateFile=function(e,t){if(t===void 0){t=null}return __awaiter(this,void 0,void 0,(function(){var i,n,r;return __generator(this,(function(o){i=this.files;if(t===null){for(n in i){r=i[n];if(r.uuid===e.uuid){t=n;break}}}if(i[t]){if(e.progress>=100){e.progress=100;e.status="completed"}else if(e.progress<0){e.status="start";e.progress=0}if(e.error){e.progress=100;e.status="error";e.errorMessage=e.errorMessage||"There was an error uploading your file, please try again"}i[t]=e}this.files=i;this._forceRender();return[2]}))}))};e.prototype._forceRender=function(){this.renders=this.renders+1};e.prototype.render=function(){var e=this;return n("div",{class:"pn-file-upload-container"},n("div",{class:"pn-dropzone-container"},n("div",{class:"pn-dropzone-inner"},n("div",{class:"pn-file-upload-dropzone",onDragOver:this._onDragOverFile.bind(this),onDragLeave:this._onDragLeaveFile.bind(this),onDrop:this._onDropFile.bind(this)},n("div",{class:"default-message-container"},this.disabled||this.invalid?n("pn-icon",{class:"pn-file-upload-dropzone-icon",symbol:"disabled",color:"grey-06-rock"}):n("pn-icon",{class:"pn-file-upload-dropzone-icon",symbol:"upload",color:"grey-06-rock"}),n("slot",null))))),n("section",{class:"files-list"},this.files.map((function(t){return n("div",{class:"files-list-item-container"},n("div",{class:"files-list-item"},n("pn-progress-bar",{label:t.filename,"show-spinner":e.showSpinner&&t.progress<100&&t.status==="start",progress:t.progress,color:t.status==="error"?"error":"default",size:"small",width:"100%"}),n("div",{class:"icon-button"}),n("pn-icon",{symbol:"minus-circle",color:"grey-05-battleship",onClick:e._removeFile(t,e)})),t.error?n("div",{class:"files-list-item-error"},t.errorMessage||t.error.message):null)}))),n("input",{type:"file",name:"pnFileUpload[]",class:"pn-file-upload-input",multiple:this.multiple,accept:this.accept}))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{maxSize:["initMaxBytes"]}},enumerable:false,configurable:true});return e}());p.style=s}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as n,a as o,g as i,c as e}from"./p-311ef1eb.js";const a=class{constructor(n){t(this,n),this.small=!1,this.appearance="primary ",this.variant="",this.loading=!1,this.leftIcon=!1,this.icon=null,this.type="button",this.iconOnly=!1,this.ariaLabel=null,this.ariaLabelledby=null,this.ariaControls=null,this.ariaPressed=null,this.href=null,this.rel=null,this.target=null,this.download=null,this.tooltipOpen=!1,this.ripple=function(t,n){const o=n.getBoundingClientRect(),i=o.left,e=o.top,a=document.createElement("div"),s=o.width>o.height?o.width:o.height;a.classList.add("pn-ripple"),n.querySelector(".pn-button-bg").appendChild(a),a.style.height=2*s+"px",a.style.width=2*s+"px",a.style.left=t.clientX>0?t.clientX-i+"px":"50%",a.style.top=t.clientY>0?t.clientY-e+"px":"50%",setTimeout((()=>a.remove()),400)}}componentDidLoad(){this.checkIfLink(),this.iconOnly&&this.initTooltip()}openHandler(){this.tooltipOpen?this.checkTooltipPosition():this.setTooltipOffset()}initTooltip(){this.tooltipEl=this.hostElement.querySelector(".button-tooltip");const t=this.hostElement.querySelector(".pn-button"),n=this.linkEl?this.linkEl:t,o=["mouseover","focus"],i=["mouseleave","blur"];[...o,...i].forEach((t=>{n.addEventListener(t,(t=>{o.includes(t.type)?this.tooltipOpen=!0:i.includes(t.type)&&(this.tooltipOpen=!1)}))}))}setTooltipOffset(){this.tooltipEl.style.transform=`translateX(-50%) translateX(${this.tooltipDx}px)`}checkTooltipPosition(){this.tooltipEl.style.transition="none",this.tooltipEl.style.transform="translateX(-50%)",this.tooltipUpwards=!1,requestAnimationFrame((()=>{const{x:t,y:n,right:o,height:i}=this.tooltipEl.getBoundingClientRect();this.tooltipDx="0",this.tooltipUpwards=n+i>window.innerHeight,this.tooltipEl.style.transform="",t<0&&(this.tooltipDx=""+(-1*t+8)),o>window.innerWidth&&(this.tooltipDx=""+(window.innerWidth-o-8)),requestAnimationFrame((()=>{this.tooltipEl.style.transition="",this.setTooltipOffset()}))}))}checkIfLink(){var t;"A"===(null===(t=this.hostElement.parentElement)||void 0===t?void 0:t.nodeName)&&(this.linkEl=this.hostElement.parentElement,this.hostElement.parentElement.style.setProperty("outline","none"),this.hostElement.querySelector("button").setAttribute("tabindex","-1"))}getClassNames(){let t="pn-button ";return this.small&&(t+="pn-button-small "),this.leftIcon&&(t+="pn-button-left-icon "),["borderless","outlined"].includes(this.variant)&&(t+=`pn-button-variation-${this.variant} `),this.iconOnly&&(t+="icon-only "),this.tooltipUpwards&&(t+="button-tooltip-upwards "),["primary","dark"].includes(this.appearance)?t+="pn-button-dark ":["secondary","light"].includes(this.appearance)?t+="pn-button-light ":t+="warning"===this.appearance?"pn-button-warning ":"pn-button-dark ",this.loading?this.hostElement.dataset.loading="true":this.hostElement.dataset.loading&&delete this.hostElement.dataset.loading,t}getAttributes(){var t,n;const o={href:this.href,rel:this.rel||"_blank"!==this.target?this.rel:"noopener",target:null!==(t=this.target)&&void 0!==t?t:null,download:null!==(n=this.download)&&void 0!==n?n:null};return this.href?o:{type:this.type}}getTagName(){return this.href?"a":"button"}render(){const t=this.getTagName();return n(o,{class:"pn-button"},n(t,Object.assign({class:this.getClassNames(),"data-loading":this.loading,onClick:t=>this.ripple(t,this.hostElement),"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledby,"data-tooltip-open":this.tooltipOpen,"aria-controls":this.ariaControls,"aria-pressed":this.ariaPressed},this.getAttributes()),n("div",{class:"pn-button-bg"}),n("div",{class:"pn-button-content"},!this.iconOnly&&n("slot",null),this.icon&&n("pn-icon",{symbol:this.icon})),n("pn-spinner",{light:!0}),this.iconOnly&&n("div",{class:"button-tooltip"},n("slot",null))))}get hostElement(){return i(this)}static get watchers(){return{tooltipOpen:["openHandler"]}}};a.style='pn-button{display:inline-block}pn-button button,pn-button a{color:#fff;cursor:pointer;padding:0.75em 1.2em;width:100%;border:none;border-radius:3em;outline:none;position:relative;font-size:1em;min-height:3em;min-width:5.5em;font-weight:500;background:transparent;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:color 0.3s;transition:color 0.3s;-webkit-tap-highlight-color:transparent;}pn-button button pn-icon,pn-button a pn-icon{-ms-flex-negative:0;flex-shrink:0;margin:0 0 0 0.5em}pn-button button pn-icon svg path,pn-button a pn-icon svg path{fill:#fff;-webkit-transition:fill 0.3s;transition:fill 0.3s}pn-button button .pn-button-content,pn-button a .pn-button-content{z-index:2;-webkit-transition:opacity 0.1s, -webkit-transform 0.2s;transition:opacity 0.1s, -webkit-transform 0.2s;transition:opacity 0.1s, transform 0.2s;transition:opacity 0.1s, transform 0.2s, -webkit-transform 0.2s;-webkit-transition-delay:0.2s;transition-delay:0.2s;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}pn-button button .pn-button-bg,pn-button a .pn-button-bg{position:absolute;width:100%;height:100%;top:0;left:50%;border-radius:3em;border:0.1rem solid transparent;background:#005d92;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, -webkit-box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, -webkit-box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s, -webkit-box-shadow 0.1s;overflow:hidden}pn-button button .pn-button-bg::after,pn-button a .pn-button-bg::after{content:"";position:absolute;will-change:transform;-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1);transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1);width:100%;height:100%;background:#0d234b;border-radius:inherit;left:0;-webkit-transform:translateX(-103%);transform:translateX(-103%);opacity:0.5}pn-button button.pn-button-light,pn-button a.pn-button-light{color:#005d92}pn-button button.pn-button-light pn-icon svg path,pn-button a.pn-button-light pn-icon svg path{fill:#005d92}pn-button button.pn-button-light pn-spinner .circle,pn-button a.pn-button-light pn-spinner .circle{stroke:#005d92}pn-button button.pn-button-light pn-spinner .dot,pn-button a.pn-button-light pn-spinner .dot{fill:#005d92}pn-button button.pn-button-light .pn-button-bg,pn-button a.pn-button-light .pn-button-bg{border:0.1rem solid #005d92;background:#fff}pn-button button.pn-button-light .pn-button-bg:after,pn-button a.pn-button-light .pn-button-bg:after{background:#e0f8ff;opacity:1}pn-button button.pn-button-light .pn-button-bg .pn-ripple,pn-button a.pn-button-light .pn-button-bg .pn-ripple{background:#005d92}pn-button button.pn-button-warning,pn-button a.pn-button-warning{color:#a70707}pn-button button.pn-button-warning pn-icon svg path,pn-button a.pn-button-warning pn-icon svg path{fill:#a70707}pn-button button.pn-button-warning pn-spinner .circle,pn-button a.pn-button-warning pn-spinner .circle{stroke:#a70707}pn-button button.pn-button-warning pn-spinner .dot,pn-button a.pn-button-warning pn-spinner .dot{fill:#a70707}pn-button button.pn-button-warning .pn-button-bg,pn-button a.pn-button-warning .pn-button-bg{border:0.1rem solid #a70707;background:#fdefee}pn-button button.pn-button-warning .pn-button-bg:after,pn-button a.pn-button-warning .pn-button-bg:after{background:#a70707;opacity:1}pn-button button.pn-button-variation-borderless .pn-button-bg,pn-button a.pn-button-variation-borderless .pn-button-bg{border:0.1rem solid transparent;background:transparent}pn-button button.pn-button-variation-borderless.pn-button-dark .pn-button-bg:after,pn-button a.pn-button-variation-borderless.pn-button-dark .pn-button-bg:after{background:white;opacity:0.1}pn-button button.pn-button-variation-outlined .pn-button-bg,pn-button a.pn-button-variation-outlined .pn-button-bg{background:transparent}pn-button button.pn-button-variation-outlined.pn-button-dark .pn-button-bg,pn-button a.pn-button-variation-outlined.pn-button-dark .pn-button-bg{border-color:#ffffff}pn-button button.pn-button-variation-outlined.pn-button-dark .pn-button-bg::after,pn-button a.pn-button-variation-outlined.pn-button-dark .pn-button-bg::after{background:white;opacity:0.1}pn-button button.pn-button-variation-outlined.pn-button-light .pn-button-bg::after,pn-button a.pn-button-variation-outlined.pn-button-light .pn-button-bg::after{background:#00a0d6;opacity:0.1}pn-button button.pn-button-left-icon .pn-button-content,pn-button a.pn-button-left-icon .pn-button-content{-ms-flex-direction:row-reverse;flex-direction:row-reverse}pn-button button.pn-button-left-icon .pn-button-content pn-icon,pn-button a.pn-button-left-icon .pn-button-content pn-icon{margin:0 0.5em 0 0}pn-button button.icon-only,pn-button a.icon-only{width:3em;min-width:0}pn-button button.icon-only pn-icon,pn-button a.icon-only pn-icon{margin:0}pn-button button.icon-only.pn-button-small,pn-button a.icon-only.pn-button-small{width:2.286em;min-width:0;padding:0}pn-button button.pn-button-small,pn-button a.pn-button-small{font-size:1.4rem;padding:0.5em 1em;font-weight:normal;min-height:2.286em;min-width:none}pn-button button.pn-button-small pn-icon svg,pn-button a.pn-button-small pn-icon svg{height:1.28em;width:1.28em}a:focus>pn-button button .pn-button-bg,pn-button button:focus .pn-button-bg,pn-button a:focus .pn-button-bg{-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92}a:focus>pn-button button .pn-button-bg:after,pn-button button:hover .pn-button-bg:after,pn-button button:focus .pn-button-bg:after,pn-button a:hover .pn-button-bg:after,pn-button a:focus .pn-button-bg:after{-webkit-transform:translateX(0);transform:translateX(0)}a:focus>pn-button button.pn-button-warning,pn-button button.pn-button-warning:hover,pn-button a.pn-button-warning:hover,pn-button button.pn-button-warning:focus,pn-button a.pn-button-warning:focus{color:#fff}a:focus>pn-button button.pn-button-warning pn-icon svg path,pn-button button.pn-button-warning:hover pn-icon svg path,pn-button a.pn-button-warning:hover pn-icon svg path,pn-button button.pn-button-warning:focus pn-icon svg path,pn-button a.pn-button-warning:focus pn-icon svg path{fill:#fff}a:focus>pn-button button.pn-button-warning pn-spinner .circle,pn-button button.pn-button-warning:hover pn-spinner .circle,pn-button a.pn-button-warning:hover pn-spinner .circle,pn-button button.pn-button-warning:focus pn-spinner .circle,pn-button a.pn-button-warning:focus pn-spinner .circle{stroke:#fff}a:focus>pn-button button.pn-button-warning pn-spinner .dot,pn-button button.pn-button-warning:hover pn-spinner .dot,pn-button a.pn-button-warning:hover pn-spinner .dot,pn-button button.pn-button-warning:focus pn-spinner .dot,pn-button a.pn-button-warning:focus pn-spinner .dot{fill:#fff}a:focus>pn-button button.pn-button-warning .pn-button-bg,pn-button button.pn-button-warning:focus .pn-button-bg,pn-button a.pn-button-warning:focus .pn-button-bg{-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #a70707;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #a70707}pn-button .pn-ripple{-webkit-animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background:#fff;-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);opacity:0.1;pointer-events:none;z-index:3}@-webkit-keyframes ripple{to{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0}}@keyframes ripple{to{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0}}pn-button pn-spinner{position:absolute;-webkit-transform:scale(0);transform:scale(0)}pn-button[data-loading] pn-spinner{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.3s;transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.3s;transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.3s;transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.3s, -webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.3s}pn-button[data-loading] .pn-button-content{opacity:0;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform:translateY(100%);transform:translateY(100%)}pn-button[data-loading] .pn-button-bg{width:3em}pn-button[data-loading] button.pn-button-small .pn-button-bg,pn-button[data-loading] a.pn-button-small .pn-button-bg{width:2.286em}pn-button button .button-tooltip,pn-button a .button-tooltip{position:absolute;top:calc(100% + 0.35em);left:50%;background:#0a406e;color:#ffffff;padding:0.25em 0.75em;font-size:0.875em;font-weight:300;border-radius:1em;-webkit-box-shadow:0 1.2px 3.6px rgba(0, 0, 0, 0.1), 0 6.4px 14.4px rgba(0, 0, 0, 0.13);box-shadow:0 1.2px 3.6px rgba(0, 0, 0, 0.1), 0 6.4px 14.4px rgba(0, 0, 0, 0.13);z-index:5;max-width:min(95vw, 40em);-webkit-transition:opacity 0.25s cubic-bezier(0.7, 0, 0.3, 1);transition:opacity 0.25s cubic-bezier(0.7, 0, 0.3, 1);-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-max-content;width:-moz-max-content;width:max-content;opacity:0;pointer-events:none}pn-button button[data-tooltip-open] .button-tooltip,pn-button a[data-tooltip-open] .button-tooltip{opacity:1;-webkit-transition-delay:5s;transition-delay:5s}pn-button button.button-tooltip-upwards .button-tooltip,pn-button a.button-tooltip-upwards .button-tooltip{top:auto;bottom:calc(100% + 0.35em)}pn-button button.pn-button-warning .button-tooltip,pn-button a.pn-button-warning .button-tooltip{background:#a70707;color:#ffffff}pn-button a{text-decoration:none}pn-button a:hover{color:#ffffff}pn-button a:hover.pn-button-light{color:#005d92}';const s=class{constructor(n){t(this,n),this.search=e(this,"search",7),this.update=e(this,"update",7),this.disabled=!1,this.placeholder=null,this.inputid=null,this.name=null,this.autocomplete=null,this.list=null,this.value=null,this.label=null,this.loading=!1,this.button="",this.light=!1,this.ariaLabel=null}inputHandler(){this.update.emit(this.value)}emitSearch(t){("click"===t.type||"keydown"===t.type&&"Enter"===t.key)&&(t.preventDefault(),this.search.emit(this.value))}setVal(t){this.value=t.target.value}clearInput(){this.value="",this.update.emit(this.value),this.hostElement.querySelector("input").focus()}getClassNames(){let t="";return this.value&&(t+="searching "),this.loading&&(t+="loading "),["none","icon","icon-inline"].includes(this.button)&&(t+=`button-${this.button} `),t}render(){return n(o,{class:this.getClassNames()},n("div",{class:"input-container"},n("input",{type:"search",value:this.value,id:this.inputid,name:this.name,placeholder:this.placeholder,disabled:this.disabled,autocomplete:this.autocomplete,list:this.list,onKeyDown:t=>this.emitSearch(t),onInput:t=>this.setVal(t),"aria-label":this.ariaLabel}),n("div",{class:"button-container"},("none"===this.button||"icon-inline"===this.button)&&n("button",{class:"search",tabindex:"icon-inline"===this.button?"0":"-1",onClick:t=>this.emitSearch(t),"aria-label":"search",title:"search",type:"button"},n("pn-icon",{symbol:"search",color:"blue700"})),"icon-inline"!==this.button&&n("button",{class:"clear","aria-label":"clear",title:"clear search field",tabindex:!this.value||this.loading&&"none"===this.button?"-1":"0",onClick:()=>this.clearInput(),type:"button"},n("pn-icon",{symbol:"close-small",color:"blue700"})),"none"===this.button||"icon-inline"===this.button&&n("pn-spinner",null))),"none"!==this.button&&"icon-inline"!==this.button&&n("pn-button",{onClick:t=>this.emitSearch(t),loading:this.loading,icon:"search",appearance:this.light?"light":"dark","icon-only":"icon"===this.button},this.label))}get hostElement(){return i(this)}};s.style="pn-search-field{display:-ms-inline-flexbox;display:inline-flex}pn-search-field>pn-button{margin-left:0.35em}pn-search-field>pn-button button .pn-button-bg{-webkit-transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, left 0.2s, -webkit-box-shadow 0.1s, -webkit-transform 0.2s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, left 0.2s, -webkit-box-shadow 0.1s, -webkit-transform 0.2s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s, left 0.2s, transform 0.2s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s, left 0.2s, transform 0.2s, -webkit-box-shadow 0.1s, -webkit-transform 0.2s}pn-search-field>pn-button[data-loading=true] .pn-button-bg{left:0;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, -webkit-box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, -webkit-box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s, -webkit-box-shadow 0.1s}pn-search-field>pn-button[data-loading=true] pn-spinner{left:0.75em}pn-search-field input{padding:0.75em;min-height:3em;font-size:1em;height:100%;font-weight:500;-webkit-font-smoothing:antialiased;outline:none;border-radius:3em;border:0.1rem solid #5e554a;-webkit-transition:border 0.15s, -webkit-box-shadow 0.15s;transition:border 0.15s, -webkit-box-shadow 0.15s;transition:box-shadow 0.15s, border 0.15s;transition:box-shadow 0.15s, border 0.15s, -webkit-box-shadow 0.15s;color:#000000;width:100%}pn-search-field input::-webkit-search-cancel-button{display:none}pn-search-field input::-webkit-input-placeholder{color:#969087;font-weight:normal}pn-search-field input::-moz-placeholder{color:#969087;font-weight:normal}pn-search-field input:-ms-input-placeholder{color:#969087;font-weight:normal}pn-search-field input::-ms-input-placeholder{color:#969087;font-weight:normal}pn-search-field input::placeholder{color:#969087;font-weight:normal}pn-search-field input:focus{border:0.1rem solid #005d92;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92}pn-search-field input:hover{border:0.1rem solid #00a0d6}pn-search-field input:disabled{background:#f3f2f2;border:none}pn-search-field>.input-container{width:100%;position:relative}pn-search-field>.input-container .button-container{position:absolute;top:0;right:0;background:transparent;width:3em;height:100%;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}pn-search-field>.input-container button{position:absolute;left:50%;top:50%;-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%);background:none;border:none;color:#005d92;padding:0.3rem;margin:0;font-size:0.875em;border-radius:50%;outline:none;-webkit-transition:border 0.1s, background 0.2s, opacity 0.2s, -webkit-box-shadow 0.1s, -webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:border 0.1s, background 0.2s, opacity 0.2s, -webkit-box-shadow 0.1s, -webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:border 0.1s, background 0.2s, box-shadow 0.1s, transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s, opacity 0.2s;transition:border 0.1s, background 0.2s, box-shadow 0.1s, transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s, opacity 0.2s, -webkit-box-shadow 0.1s, -webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;border:0.1rem solid transparent;-webkit-tap-highlight-color:transparent}pn-search-field>.input-container button.clear,pn-search-field>.input-container button.search{cursor:pointer}pn-search-field>.input-container button:focus{-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92}pn-search-field>.input-container button:hover,pn-search-field>.input-container button:focus{background:#e0f8ff}pn-search-field>.input-container button:active{background:#005d92}pn-search-field>.input-container button:active pn-icon svg,pn-search-field>.input-container button:active pn-icon svg path{fill:white}pn-search-field.searching button.search{-webkit-transform:translate(150%, -50%);transform:translate(150%, -50%)}pn-search-field.searching button.clear{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}pn-search-field.button-none input,pn-search-field.button-icon-inline input{padding-right:3.3em}pn-search-field.button-none pn-spinner,pn-search-field.button-icon-inline pn-spinner{position:absolute;left:50%;top:50%;-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%);-webkit-transition:-webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:-webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s, -webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s}pn-search-field.button-none button.search,pn-search-field.button-icon-inline button.search{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}pn-search-field.button-none.loading button,pn-search-field.button-icon-inline.loading button{-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%)}pn-search-field.button-none.loading pn-spinner,pn-search-field.button-icon-inline.loading pn-spinner{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}pn-search-field.button-none.searching button.search{-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%)}pn-search-field.button-icon>pn-button[data-loading=true] .pn-button-bg{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}";export{a as pn_button,s as pn_search_field}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as n,a as o,g as s}from"./p-311ef1eb.js";const e=class{constructor(n){t(this,n),this.selectOption=i(this,"selectOption",7),this.checkchange=i(this,"checkchange",3),this.selected=!1,this.selectHasLoaded=!1,this.parentValue=null,this.checked=!1,this.checkbox=!1,this.index=null}changeHandler(t){this.checked=t.target.checked}componentDidLoad(){this.registerEventHandlers()}componentDidUpdate(){(this.selected||this.value===this.parentValue)&&this.selectOption.emit(this.value),this.checkchange.emit(this.checked)}registerEventHandlers(){const t=["Enter","Space"];["click","keydown"].forEach((i=>{this.hostElement.addEventListener(i,(i=>{("click"===i.type||t.includes(i.code))&&("keydown"===i.type&&i.preventDefault(),this.checkbox?this.checked=!this.checked:this.selected=!0)}))}))}render(){return n(o,{tabindex:"-1"},this.checkbox?n("pn-checkbox",{checkboxid:`id-${this.index}`,onChange:t=>this.changeHandler(t),checked:this.checked}):"",n("div",{class:"pn-option-content"},n("slot",null)))}get hostElement(){return s(this)}};e.style="pn-option{outline:none;background:#fff;color:black;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow-wrap:break-word}pn-option .pn-option-content{max-width:100%}pn-option pn-checkbox{margin-right:0.5em}pn-option:hover,pn-option:focus{background-color:#
|
|
1
|
+
import{r as t,c as i,h as n,a as o,g as s}from"./p-311ef1eb.js";const e=class{constructor(n){t(this,n),this.selectOption=i(this,"selectOption",7),this.checkchange=i(this,"checkchange",3),this.selected=!1,this.selectHasLoaded=!1,this.parentValue=null,this.checked=!1,this.checkbox=!1,this.index=null}changeHandler(t){this.checked=t.target.checked}componentDidLoad(){this.registerEventHandlers()}componentDidUpdate(){(this.selected||this.value===this.parentValue)&&this.selectOption.emit(this.value),this.checkchange.emit(this.checked)}registerEventHandlers(){const t=["Enter","Space"];["click","keydown"].forEach((i=>{this.hostElement.addEventListener(i,(i=>{("click"===i.type||t.includes(i.code))&&("keydown"===i.type&&i.preventDefault(),this.checkbox?this.checked=!this.checked:this.selected=!0)}))}))}render(){return n(o,{tabindex:"-1"},this.checkbox?n("pn-checkbox",{checkboxid:`id-${this.index}`,onChange:t=>this.changeHandler(t),checked:this.checked}):"",n("div",{class:"pn-option-content"},n("slot",null)))}get hostElement(){return s(this)}};e.style="pn-option{outline:none;background:#fff;color:black;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow-wrap:break-word}pn-option .pn-option-content{max-width:100%}pn-option pn-checkbox{margin-right:0.5em}pn-option:hover,pn-option:focus{background-color:#e0f8ff}pn-option:focus{-webkit-box-shadow:0 0.1rem 0 0 #005d92, 0 -0.1rem 0 0 #005d92;box-shadow:0 0.1rem 0 0 #005d92, 0 -0.1rem 0 0 #005d92}";export{e as pn_option}
|
package/umd/modules/@postnord/web-components/postnord-web-components/p-82af9b54.system.entry.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
System.register(["./p-71eafea4.system.js"],(function(e){"use strict";var t,r,s,n,o;return{setters:[function(e){t=e.r;r=e.f;s=e.h;n=e.a;o=e.g}],execute:function(){var i="pn-segmented-control{position:relative;display:inline-block;max-width:100%;overflow:hidden;border-radius:3em;-webkit-transition:-webkit-box-shadow 0.15s;transition:-webkit-box-shadow 0.15s;transition:box-shadow 0.15s;transition:box-shadow 0.15s, -webkit-box-shadow 0.15s;-webkit-transform:translateZ(0);transform:translateZ(0)}.pn-segmented-control{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-radius:3em;min-height:3em;padding:0.25em;background:#f3f2f2;position:relative;overflow-x:auto;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.pn-segmented-control::-webkit-scrollbar{display:none}.pn-segmented-control>.pn-sc-bg{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);will-change:transform;left:0;border-radius:inherit;-webkit-transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, -webkit-transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), -webkit-box-shadow 0.15s;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, -webkit-transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), -webkit-box-shadow 0.15s;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, box-shadow 0.15s;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, box-shadow 0.15s, -webkit-transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), -webkit-box-shadow 0.15s}.pn-segmented-control>.pn-sc-bg.pn-sc-active{-webkit-box-shadow:0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);box-shadow:0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);border:0.1rem solid #005d92;background:#ffffff;z-index:1}.pn-segmented-control>.pn-sc-bg.pn-sc-hover{background:#e0f8ff;opacity:0;border:0.5rem solid transparent;z-index:0}@media (hover: hover){.pn-segmented-control:hover .pn-sc-hover{opacity:1}}pn-segmented-control:focus-within,pn-segmented-control:active{-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92}pn-segmented-control .pn-sc-arrows{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;height:100%;width:100%;z-index:3;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;pointer-events:none}pn-segmented-control .pn-sc-arrows svg{width:1.5em}pn-segmented-control .pn-sc-arrows svg path{fill:#005d92}pn-segmented-control .pn-sc-arrows>*{-webkit-transition:opacity 0.2s, background 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;transition:opacity 0.2s, background 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s;transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;pointer-events:all;width:2.5em;height:2.5em;background:white;border:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;cursor:pointer;opacity:0;will-change:transform;-webkit-tap-highlight-color:transparent}pn-segmented-control .pn-sc-arrows>*.pn-sc-arrow-left{-webkit-transform:translateX(-100%);transform:translateX(-100%);border-radius:0 50% 50% 0;padding:0 0.3em 0 0;-webkit-box-shadow:0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4);box-shadow:0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4)}pn-segmented-control .pn-sc-arrows>*.pn-sc-arrow-right{-webkit-transform:translateX(100%);transform:translateX(100%);border-radius:50% 0 0 50%;padding:0 0 0 0.3em;-webkit-box-shadow:-0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4);box-shadow:-0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4)}pn-segmented-control .pn-sc-arrows.pn-sc-left-visible .pn-sc-arrow-left,pn-segmented-control .pn-sc-arrows.pn-sc-right-visible .pn-sc-arrow-right{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}";var a=e("pn_segmented_control",function(){function e(e){t(this,e);this.name="example-id";this.showScrollArrows=false;this.showLeftArrow=false;this.showRightArrow=false;this.segments=[];this.scrollRegistered=false}e.prototype.changeHandler=function(e){var t=e.target;this.value=t.value;this.selectSegment(t.closest("pn-segment"))};e.prototype.handleResize=function(){this.rerender()};e.prototype.valueHandler=function(){this.selectSegment(false)};e.prototype.selectSegment=function(e){var t=this;if(e){this.currentSelection=e;this.rerender();return}this.segments.forEach((function(e){if(t.value===e.value){t.currentSelection=e;e.setAttribute("selected","true")}else{e.removeAttribute("selected")}}));this.rerender()};e.prototype.componentDidLoad=function(){var e=this;if(this.mo)this.mo.disconnect();var t=this.mo=new MutationObserver((function(){r(e.hostElement);e.setActiveSegment();e.rerender()}));t.observe(this.hostElement,{childList:true});this.segmentContainer=this.hostElement.querySelector(".pn-segmented-control");this.activeBg=this.hostElement.querySelector(".pn-sc-active");this.hoverBg=this.hostElement.querySelector(".pn-sc-hover");this.hostElement.addEventListener("mouseover",(function(t){var r=t.target;return e.calcHighlight(r,e.hoverBg)}));this.setActiveSegment();this.rerender()};e.prototype.setActiveSegment=function(){var e=this;this.segments=Array.from(this.hostElement.querySelectorAll("pn-segment"));this.segments.forEach((function(t){if(e.value===t.value){e.currentSelection=t;t.setAttribute("selected","true")}t.setAttribute("name",e.name)}))};e.prototype.rerender=function(){var e=this;requestAnimationFrame((function(){e.calcHighlight(e.currentSelection,e.activeBg);e.scrollArrowRender()}))};e.prototype.calcHighlight=function(e,t){var r=this;requestAnimationFrame((function(){if(!(e===null||e===void 0?void 0:e.closest("pn-segment")))return;var s=e.closest("pn-segment").getBoundingClientRect();var n=r.segmentContainer.getBoundingClientRect().left;var o=s.left,i=s.height,a=s.width;var l=o-n+r.segmentContainer.scrollLeft;t.style.setProperty("transform","translate(".concat(l,"px, -50%"));t.style.setProperty("width","".concat(a,"px"));t.style.setProperty("height","".concat(i,"px"))}))};e.prototype.scrollArrowRender=function(){if(this.segmentContainer.scrollWidth>this.segmentContainer.clientWidth){this.showScrollArrows=true;if(!this.scrollRegistered){this.segmentContainer.addEventListener("scroll",this.scrollArrowRender.bind(this));this.scrollRegistered=true}var e=Math.round(this.segmentContainer.scrollWidth-this.segmentContainer.scrollLeft);var t=e-this.segmentContainer.clientWidth;var r=this.segmentContainer.scrollLeft;this.showLeftArrow=r>0;this.showRightArrow=t>0;return}else{this.showLeftArrow=false;this.showRightArrow=false;this.showScrollArrows=false}};e.prototype.scroll=function(e){var t=this.segmentContainer.scrollLeft+e;this.segmentContainer.scroll({left:t,behavior:"smooth"})};e.prototype.scrollArrowClasses=function(){var e="pn-sc-arrows ";if(this.showLeftArrow)e+="pn-sc-left-visible ";if(this.showRightArrow)e+="pn-sc-right-visible ";return e};e.prototype.render=function(){var e=this;return s(n,null,s("div",{class:"pn-segmented-control"},s("slot",null),s("div",{class:"pn-sc-bg pn-sc-active"}),s("div",{class:"pn-sc-bg pn-sc-hover"})),this.showScrollArrows&&s("div",{class:this.scrollArrowClasses()},s("button",{class:"pn-sc-arrow-left",onClick:function(){return e.scroll(-120)},tabindex:"-1"},s("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M9.414 12l7.293-7.293-1.414-1.414L6.586 12l8.707 8.707 1.414-1.414L9.414 12z"}))),s("button",{class:"pn-sc-arrow-right",onClick:function(){return e.scroll(120)},tabindex:"-1"},s("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M8.707 3.293L17.414 12l-8.707 8.707-1.414-1.414L14.586 12 7.293 4.707l1.414-1.414z"})))))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueHandler"]}},enumerable:false,configurable:true});return e}());a.style=i}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as o}from"./p-311ef1eb.js";import{c as t}from"./p-
|
|
1
|
+
import{r as e,h as o}from"./p-311ef1eb.js";import{c as t}from"./p-5807a81a.js";const a=class{constructor(o){e(this,o)}render(){return o("div",{class:"colors"},o("h1",null,"Colors"),o("div",{class:"palette-container"},Object.entries(t).map((([e,t])=>o("div",{class:"color-palette"},o("div",{class:"color-swatch",style:{backgroundColor:t}}),o("h4",{class:"color-name"},e),o("p",{class:"color-rg"},t))))))}};a.style=".colors{padding:3em 2em;max-width:100rem;margin:auto}.palette-container{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.palette-container .color-palette{-ms-flex:1;flex:1;margin:1em}.palette-container .color-palette .color-swatch{width:100px;height:100px;-webkit-box-shadow:1px 2px 4px #f3f2f2;box-shadow:1px 2px 4px #f3f2f2}.palette-container .color-palette .color-name{-ms-flex-line-pack:center;align-content:center;margin-top:8px}";export{a as pn_colors}
|