npm - @postnord/pn-marketweb-components - Versions diffs - 3.5.3 → 4.0.0 - Mend

@postnord/pn-marketweb-components 3.5.3 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1509) hide show

package/umd/modules/@postnord/web-components/esm/pn-multiselect.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-multiselect.entry.js","mappings":"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","names":[],"sources":["src/components/input/pn-multiselect/translations.ts","src/components/input/pn-multiselect/pn-multiselect.scss?tag=pn-multiselect","src/components/input/pn-multiselect/pn-multiselect.tsx"],"sourcesContent":["export const translations = {\n SELECT_AN_OPTION: {\n en: 'Select an option',\n sv: 'Välj ett alternativ',\n da: 'Vælg en mulighed',\n fi: 'Valitse vaihtoehto',\n no: 'Velg et alternativ',\n },\n SELECT_ALL_OPTIONS: {\n en: 'Select all options',\n sv: 'Välj alla alternativ',\n da: 'Vælg alle muligheder',\n fi: 'Valitse kaikki vaihtoehdot',\n no: 'Velg alle alternativer',\n },\n SELECT_FOUND_OPTIONS: {\n en: 'Select {number} options',\n sv: 'Välj {number} alternativ',\n da: 'Vælg {number} muligheder',\n fi: 'Valitse {number} vaihtoehtoa',\n no: 'Velg {number} alternativer',\n },\n SELECTED_OPTIONS: {\n en: 'Selected options.',\n sv: 'Valda alternativ.',\n da: 'Valgte muligheder.',\n fi: 'Valitut vaihtoehdot.',\n no: 'Valgte alternativer.',\n },\n BUTTON_OPEN: {\n en: 'Open list',\n sv: 'Öppna listan',\n da: 'Open list',\n fi: 'Open list',\n no: 'Open list',\n },\n BUTTON_CLOSE: {\n en: 'Close list',\n sv: 'Stäng listan',\n da: 'Close list',\n fi: 'Close list',\n no: 'Close list',\n },\n REMOVE: {\n en: 'Remove',\n sv: 'Ta bort',\n da: 'Remove',\n fi: 'Remove',\n no: 'Remove',\n },\n REMOVED: {\n en: 'Removed',\n sv: 'Tog bort',\n da: 'Fjernet',\n fi: 'Poistettu',\n no: 'Fjernet',\n },\n MORE_OPTION: {\n en: 'more option.',\n sv: 'alternativ till.',\n da: 'mulighed mere.',\n fi: 'vaihtoehto lisää.',\n no: 'alternativ til.',\n },\n MORE_OPTIONS: {\n en: 'more options.',\n sv: 'fler alternativ.',\n da: 'more options.',\n fi: 'more options.',\n no: 'more options.',\n },\n SEARCH: {\n en: 'Search',\n sv: 'Sök',\n da: 'Søg',\n fi: 'Hae',\n no: 'Søk',\n },\n RESULTS_FOUND: {\n en: 'options found',\n sv: 'alternativ hittades',\n da: 'muligheder fundet',\n fi: 'vaihtoehtoja löytyi',\n no: 'alternativer funnet',\n },\n NO_SEARCH_RESULTS: {\n en: 'No options found',\n sv: 'Inga alternativ hittades',\n da: 'Ingen muligheder fundet',\n fi: 'Vaihtoehtoja ei löytynyt',\n no: 'Finner ingen alternativer',\n },\n NO_OPTIONS: {\n en: 'No options available',\n sv: 'Inga alternativ tillgängliga',\n da: 'Ingen tilgængelige muligheder',\n fi: 'Ei vaihtoehtoja',\n no: 'Ingen tilgjengelige alternativer',\n },\n};\n","@use 'src/globals/main';\n\npn-multiselect {\n display: inline-block;\n}\n\npn-multiselect .pn-multiselect {\n border: 0;\n margin: 0;\n padding: 0;\n\n &[data-icon] .pn-multiselect-element {\n padding-left: 3em;\n }\n\n &[data-error] .pn-multiselect-element {\n padding-right: 5.5em;\n @include main.pn-input-field-error();\n }\n\n &-label {\n @include main.pn-input-label;\n width: 100%;\n }\n\n @include main.pn-sr-only-class();\n\n &-group {\n position: relative;\n padding: 0;\n margin: 0;\n }\n\n &-input {\n position: relative;\n\n > pn-icon {\n pointer-events: none;\n position: absolute;\n top: 0.75em;\n right: 3.5em;\n &[data-custom] {\n left: 0.75em;\n right: unset;\n }\n }\n }\n\n &-button {\n cursor: pointer;\n position: absolute;\n right: 0.75em;\n top: 50%;\n transform: translateY(-50%);\n padding: 0;\n margin: 0;\n border: 0;\n width: 2em;\n height: 2em;\n font-size: 1em;\n border-radius: 50%;\n background-color: transparent;\n\n -webkit-tap-highlight-color: transparent;\n\n @include main.pn-transition('background-color, outline-color, border-color');\n @include main.pn-focus(main.$blue700, main.$white, main.$blue700);\n\n > pn-icon > svg > path {\n @include main.pn-transition('transform');\n transition-delay: main.$timing;\n transform-origin: center;\n transform: rotate(0deg);\n }\n\n &:hover {\n background-color: main.$blue25;\n }\n\n &[aria-expanded='true'] {\n background-color: main.$blue25;\n > pn-icon > svg > path {\n transform: rotate(180deg);\n transition-delay: 0s;\n }\n }\n }\n\n &-element {\n @include main.pn-input-field;\n\n cursor: text;\n text-align: left;\n transition-delay: 0.1s, 0.1s, 0s;\n width: 100%;\n padding-right: 3.5em;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 0.5em;\n\n overflow: hidden;\n text-overflow: ellipsis;\n\n &:disabled {\n @include main.pn-disabled;\n pointer-events: none;\n + .pn-multiselect-button {\n pointer-events: none;\n path {\n fill: main.$input-color-disabled;\n }\n }\n }\n\n &:placeholder {\n @include main.pn-placeholder;\n }\n\n &[type='input']:hover {\n cursor: pointer;\n color: main.$input-color;\n background-color: main.$input-background-hover;\n transition-delay: 0s;\n &[aria-invalid='true'] {\n background-color: main.$input-background-error-hover;\n }\n }\n\n &:focus-visible {\n transition-delay: 0s;\n }\n\n &::-webkit-search-cancel-button,\n &::-webkit-search-decoration {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n }\n }\n\n &-options {\n scroll-behavior: smooth;\n position: absolute;\n z-index: 10;\n top: calc(100% + 0.5em);\n left: 0;\n right: 0;\n background-color: main.$white;\n box-shadow:\n 0em 0.075em 0.225em 0em rgba(0, 0, 0, 0.1),\n 0em 0.4em 0.9em 0em rgba(0, 0, 0, 0.13);\n\n border-radius: main.$border-radius;\n\n list-style: none;\n margin: 0;\n padding: 0;\n\n width: var(--pn-select-options-width);\n max-height: var(--pn-select-max-height);\n overflow-y: auto;\n overflow-x: hidden;\n\n display: flex;\n flex-direction: column;\n\n visibility: hidden;\n\n transform-origin: top left;\n\n &[data-open] {\n visibility: visible;\n }\n\n &[data-upwards] {\n top: unset;\n bottom: calc(100% + 0.5em);\n transform-origin: bottom left;\n box-shadow: 0 -0.0625em 0.125em rgba(0, 0, 0, 0.2);\n }\n\n &[data-moving] {\n overflow: hidden;\n visibility: visible;\n }\n\n @include main.pn-scrollbar();\n\n > pn-input {\n padding: 0.5em;\n }\n }\n\n &-optgroup {\n list-style: none;\n padding: 0;\n > .pn-multiselect-option > .pn-multiselect-option-content {\n padding-left: 2em;\n }\n }\n\n &-chips {\n list-style: none;\n display: flex;\n flex-wrap: wrap;\n gap: 0.5em;\n padding: 0;\n margin: 0.5em 0 0 0;\n color: main.$gray700;\n font-weight: 400;\n &:empty {\n display: none;\n }\n }\n\n &-chip {\n margin: 0;\n display: inline-flex;\n align-items: center;\n gap: 0.25em;\n background-color: main.$white;\n border-radius: main.$border-radius;\n padding: 0.125em 0.25em 0.125em 0.5em;\n line-height: 1.5em;\n border: 0.0625em solid main.$gray700;\n\n @include main.pn-focus-base;\n @include main.pn-transition('background-color, outline-color, border-color, color');\n\n &:focus-within {\n color: main.$blue700;\n @include main.pn-focus-visible(main.$blue700, main.$blue25, main.$blue700);\n }\n\n &[data-count] {\n pointer-events: none;\n border: 0;\n padding-left: 0;\n padding-right: 0;\n background-color: unset;\n }\n\n &-label {\n font-size: 0.875em;\n white-space: nowrap;\n }\n\n &-button {\n cursor: pointer;\n font-size: 1em;\n padding: 0.25em;\n height: 1.5em;\n width: 1.5em;\n border: 0;\n background-color: unset;\n border-radius: 50%;\n @include main.pn-transition('background-color');\n -webkit-tap-highlight-color: transparent;\n\n &:hover {\n background-color: main.$blue200;\n }\n &:focus {\n outline: 0;\n }\n }\n }\n\n &-no-results {\n margin: 0;\n padding: 0.75em;\n }\n\n &-description {\n @include main.pn-input-helpertext;\n &[role='alert'] {\n color: main.$helpertext-color-error;\n }\n }\n}\n\n// Select option\npn-multiselect .pn-multiselect-option {\n position: relative;\n margin: 0;\n padding: 0;\n @include main.pn-ripple(main.$blue700);\n\n &-input {\n cursor: pointer;\n position: absolute;\n opacity: 0;\n left: 0;\n top: 0;\n height: 100%;\n width: 100%;\n margin: 0;\n -webkit-tap-highlight-color: transparent;\n\n &:disabled {\n pointer-events: none;\n + .pn-multiselect-option-content {\n @include main.pn-disabled;\n pointer-events: none;\n .pn-multiselect-option-checkbox {\n background-color: main.$input-background-disabled;\n border-color: main.$input-border-disabled;\n }\n path {\n fill: main.$input-color-disabled;\n }\n }\n\n &:checked {\n + .pn-multiselect-option-content {\n @include main.pn-disabled;\n .pn-multiselect-option-checkbox {\n background-color: main.$input-button-disabled;\n border-color: main.$input-border-disabled;\n }\n path {\n fill: main.$input-color-disabled;\n }\n }\n }\n }\n\n &[aria-invalid='true'] {\n + .pn-multiselect-option-content {\n .pn-multiselect-option-checkbox {\n border-color: main.$border-color-error;\n }\n .pn-ripple {\n background-color: main.$warning;\n }\n }\n\n &:checked + .pn-multiselect-option-content {\n background-color: main.$input-background-error-active;\n .pn-multiselect-option-checkbox {\n background-color: main.$input-button-active-error;\n border-color: main.$input-button-active-error;\n }\n }\n\n &:checked:focus-visible + .pn-multiselect-option-content {\n background-color: main.$input-background-error-active;\n .pn-multiselect-option-checkbox {\n background-color: main.$input-button-active-error-focus;\n border-color: main.$input-button-active-error-focus;\n }\n }\n\n &:checked:hover + .pn-multiselect-option-content {\n background-color: main.$coral25;\n .pn-multiselect-option-checkbox {\n background-color: main.$input-button-active-error-hover;\n border-color: main.$input-button-active-error-hover;\n }\n }\n\n &:hover + .pn-multiselect-option-content {\n background-color: main.$coral25;\n .pn-multiselect-option-checkbox {\n background-color: main.$input-background-error-hover;\n border-color: main.$border-color-error-focus;\n }\n }\n\n &:focus-visible + .pn-multiselect-option-content .pn-multiselect-option-checkbox {\n @include main.pn-focus-visible(\n main.$border-color-error-focus,\n main.$input-background-error-active,\n main.$border-color-error-focus\n );\n }\n }\n\n &:hover + .pn-multiselect-option-content {\n background-color: main.$blue25;\n .pn-multiselect-option-checkbox {\n border-color: main.$blue700;\n background-color: main.$blue50;\n }\n }\n\n &:focus-visible + .pn-multiselect-option-content .pn-multiselect-option-checkbox {\n @include main.pn-focus-visible(main.$blue700, main.$blue50, main.$blue700);\n }\n\n &:checked + .pn-multiselect-option-content {\n background-color: main.$blue50;\n .pn-multiselect-option-checkbox {\n border-color: main.$blue700;\n background-color: main.$blue700;\n svg polyline.pn-multiselect-option-checkbox-checkmark-path {\n transition-delay: 0.2s;\n stroke-dashoffset: 0;\n }\n }\n }\n\n &:checked:hover + .pn-multiselect-option-content {\n background-color: main.$blue25;\n .pn-multiselect-option-checkbox {\n border-color: main.$blue900;\n background-color: main.$blue900;\n }\n }\n\n &:checked:focus-visible + .pn-multiselect-option-content {\n background-color: main.$blue50;\n .pn-multiselect-option-checkbox {\n border-color: main.$blue900;\n background-color: main.$blue900;\n }\n }\n\n &:indeterminate + .pn-multiselect-option-content {\n .pn-multiselect-option-checkbox {\n background-color: main.$blue700;\n border-color: main.$blue700;\n }\n svg .pn-multiselect-option-checkbox-checkmark-path {\n stroke-dashoffset: 23;\n }\n svg .pn-multiselect-option-checkbox-indeterminate-path {\n stroke-dashoffset: 0;\n }\n }\n\n &:indeterminate:hover + .pn-multiselect-option-content {\n .pn-multiselect-option-checkbox {\n background-color: main.$blue900;\n border-color: main.$blue900;\n }\n }\n }\n\n &-content {\n position: relative;\n overflow: hidden;\n z-index: -1;\n display: flex;\n align-items: center;\n padding: 0.75em 1em;\n gap: 0.5em;\n background-color: main.$white;\n @include main.pn-transition('background-color');\n }\n\n &-text {\n flex: 1;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n\n &-label {\n color: main.$gray900;\n font-weight: 400;\n }\n\n &-helper {\n color: main.$gray700;\n margin: 0;\n }\n\n &-checkbox {\n background-color: main.$white;\n flex: 0 0 1.5em;\n width: 1.5em;\n height: 1.5em;\n border: 0.0625em solid main.$gray400;\n border-radius: 0.25em;\n\n @include main.pn-focus-base;\n @include main.pn-transition('background-color, border-color, outline-color');\n\n svg polyline {\n stroke: main.$white;\n stroke-linecap: round;\n stroke-dasharray: 23;\n @include main.pn-transition('stroke-dashoffset');\n transition-delay: 0s;\n\n &.pn-multiselect-option-checkbox-checkmark-path {\n stroke-dashoffset: 23;\n }\n\n &.pn-multiselect-option-checkbox-indeterminate-path {\n stroke-dashoffset: 23;\n }\n }\n }\n}\n","import { Component, h, Host, Element, Watch, Prop, State, EventEmitter, Event, Listen } from '@stencil/core';\n\nimport { translations } from './translations';\n\nimport { close, alert_exclamation_circle, chevron_down } from 'pn-design-assets/pn-assets/icons.js';\n\nimport { uuidv4, awaitTopbar, ripple, en, getTotalHeightOffset, reduceMotion } from '@/index';\nimport type { PnLanguages, PnMultiselectOption } from '@/index';\n\n/*\n The `pn-multiselect` gets its options via javascript.\n \n Native HTML does not accept arrays of objects. Most frameworks solves this automatically (Vue, react, etc...),\n * but keep this in mind if you use this component outside of a framework environment.\n \n @nativeChange The `pn-multiselect` is built with `input[type=checkbox]` elements, so the `change` event works. However, we recommend the customEvents described above.\n \n @see {@link https://portal.postnord.com/web-components/?path=/docs/components-input-multiselect--docs#pn-multiselect%20(options) Options documentation}\n /\n@Component({\n tag: 'pn-multiselect',\n styleUrl: 'pn-multiselect.scss',\n})\nexport class PnMultiselect {\n private readonly id: string = `pn-multiselect-${uuidv4()}`;\n private idLegend: string = `${this.id}-legend`;\n private idButton: string = `${this.id}-button`;\n private idOptions: string = `${this.id}-options`;\n private idHelper: string = `${this.id}-text`;\n private idChips: string = `${this.id}-chips`;\n private idSr: string = `${this.id}-sr`;\n\n private elGroup: HTMLDivElement;\n private elButton: HTMLButtonElement;\n private elInput: HTMLInputElement;\n private elList: HTMLUListElement;\n private elChips: HTMLUListElement;\n\n private srTimer: NodeJS.Timeout;\n\n private animation: Animation;\n private animationDurationDefault: number = 400;\n private animationDuration: number = this.animationDurationDefault;\n\n @Element() hostElement: HTMLElement;\n\n @State() private isSearching: boolean = false;\n\n /* Layout state. /\n @State() private open: boolean = false;\n @State() private upwards: boolean = false;\n\n @State() private srMessage?: string;\n\n @State() private isClosing: boolean = false;\n @State() private isExpanding: boolean = false;\n\n /* Label placed above the select /\n @Prop() label!: string;\n /* Display a helper text underneath the select /\n @Prop() helpertext?: string;\n /\n This is what will be shown on load if no value is used.\n * The `placeholder` will override the default text used if you have the `search` prop active.\n /\n @Prop() placeholder?: string;\n /* HTML name of the checkbox elements. Used for each checkbox inside the multiselect. /\n @Prop() name?: string;\n /* Select HTML id /\n @Prop() selectId?: string = this.id;\n /* HTML name of the input element./\n @Prop() selectName?: string;\n /* Display an icon to the left of the select input /\n @Prop() icon?: string;\n /* Manually set the language, not needed if you have the pnTopbar available /\n @Prop() language?: PnLanguages = null;\n /\n Array of options.\n * @hide true\n /\n @Prop({ mutable: true }) options!: PnMultiselectOption[];\n\n /\n * Adds a \"Select all\" option into the list.\n * If you use the search feature at the same time, clicking this option will only toggle the options found.\n * @see {@link search}\n * @category Features\n /\n @Prop() selectAll?: boolean = false;\n /\n * Set a custom value for the \"Select all value\" option.\n * @see {@link selectAll}\n * @category Features\n /\n @Prop() allValue?: string = 'pn_multiselect_all';\n /\n Allow the user to search among the options.\n * The selected options will now display underneath the multiselect element.\n \n @category Features\n /\n @Prop() search?: boolean = false;\n / Set the search query of the multiselect.\n \n @see {@link search}\n * @category Features\n /\n @Prop({ mutable: true }) searchQuery?: string = '';\n /\n Decide how many items should be shown before ellipsis. Requires the `search` prop to work.\n \n @see {@link search}\n * @category Features\n /\n @Prop() itemCount?: number = 5;\n /\n * Use a custom max-height for the dropdown list.\n * @description The component will automatically set the max height of the dropdown list on its own.\n * It takes the `pn-topbar` into account and will open in the direction that fits best.\n * Use this prop to override this behaviour and use a custom max-height.\n * @category Features\n /\n @Prop() maxHeight?: string;\n /\n * Force the dropdown to always open upwards.\n * @category Features\n /\n @Prop() top?: boolean = false;\n /\n * Force the dropdown to always open downwards.\n * @category Features\n /\n @Prop() bottom?: boolean = false;\n\n / Set the select as required. @category Validation /\n @Prop() required?: boolean = false;\n /* Disable the select. @category Validation /\n @Prop() disabled?: boolean = false;\n /* Trigger the invalid state. @category Validation /\n @Prop() invalid?: boolean = false;\n /* Display an error message and trigger the invalid state. @category Validation /\n @Prop() error?: string;\n\n @Watch('open')\n handleOpen() {\n if (this.open) {\n this.addGlobalEventListeners();\n\n this.handleDirection();\n this.handleMaxHeight();\n this.handleWidth();\n requestAnimationFrame(() => this.openGrid());\n } else {\n this.closeGrid();\n this.removeGlobalEventListeners();\n }\n }\n\n @Watch('search')\n handleSearch() {\n if (!this.search)\n this.options = [\n ...this.options.map(option => {\n const item = {\n ...option,\n hide: false,\n };\n\n if (item?.group?.length) item.group.map(opt => ({ ...opt, hide: false }));\n\n return item;\n }),\n ];\n }\n\n @Watch('searchQuery')\n handleSearchQuery() {\n if (this.search && typeof this.searchQuery === 'string') this.handleInputSearch();\n }\n\n @Watch('selectId')\n handleSelectId() {\n const id = this.selectId;\n this.idLegend = `${id}-legend`;\n this.idButton = `${id}-button`;\n this.idOptions = `${id}-options`;\n this.idHelper = `${id}-text`;\n this.idChips = `${id}-chips`;\n this.idSr = `${id}-sr`;\n }\n\n /\n If the select is open and you resize the window.\n * Remove all css props and disable the animations entierly.\n /\n @Listen('resize', { target: 'window' })\n handleResize() {\n if (!this.open) return;\n this.toggleOpen(false);\n\n this.elList.style.removeProperty('--pn-select-options-width');\n this.elList.style.removeProperty('--pn-select-max-height');\n }\n\n / Dispatched everytime the multiselect is opened or closed. /\n @Event() toggleSelect: EventEmitter<{ open: boolean }>;\n /* This event contains the entire options array with the new props. Dispatched everytime you make changes to any option. /\n @Event() allOptions: EventEmitter<PnMultiselectOption[]>;\n /* Dispatched when you toggle an option. Includes all the props of the option. /\n @Event() selectedOption: EventEmitter<PnMultiselectOption>;\n /\n This event is dispatched when the user toggles the \"Choose all options\" box.\n * Also triggers when you click the \"Select {number} options\" if you are performing a search at the same time.\n /\n @Event() selectedAllOptions: EventEmitter<{\n checked: boolean;\n searching: boolean;\n query?: string;\n found?: PnMultiselectOption[];\n }>;\n /\n * Contains the search text and the options found for that query.\n * Dispacthed everytime you change the search query.\n */\n @Event() searchInput: EventEmitter<{\n query: string;\n found?: PnMultiselectOption[];\n }>;\n\n async componentWillLoad() {\n this.handleSelectId();\n if (this.language === null) await awaitTopbar(this.hostElement);\n }\n\n componentDidLoad() {\n if (!!this.searchQuery?.length) this.handleSearchQuery();\n }\n\n private globalEvents = (event: PointerEvent \| KeyboardEvent) => {\n const target = event.target as HTMLElement;\n const isWithinCalendar = target?.closest(this.hostElement.localName);\n if (!isWithinCalendar) this.toggleOpen(false);\n };\n\n private addGlobalEventListeners() {\n const root: Document = this.hostElement.getRootNode() as Document;\n\n root.addEventListener('click', this.globalEvents);\n }\n\n private removeGlobalEventListeners() {\n const root: Document = this.hostElement.getRootNode() as Document;\n\n root.removeEventListener('click', this.globalEvents);\n }\n\n private openGrid() {\n requestAnimationFrame(() => {\n const { clientHeight, scrollHeight } = this.elList;\n const height = this.isClosing ? clientHeight : 0;\n this.elList.style.height = `${scrollHeight}px`;\n\n this.isExpanding = true;\n this.animateGrid(true, `${height}px`, this.maxHeight \|\| `${this.elList.scrollHeight}px`);\n });\n }\n\n private closeGrid() {\n const { scrollHeight, clientHeight } = this.elList;\n const height = this.isExpanding ? clientHeight : scrollHeight;\n this.elList.style.height = `0px`;\n\n this.isClosing = true;\n this.animateGrid(false, `${height}px`, `0px`);\n }\n\n private animateGrid(open: boolean, startHeight: string, endHeight: string) {\n this.cancelAnimations();\n\n if (reduceMotion()) this.animationDuration = 0;\n else this.animationDuration = this.animationDurationDefault;\n\n this.animation = this.elList.animate(\n {\n height: [startHeight, endHeight],\n },\n {\n duration: this.animationDuration,\n easing: 'cubic-bezier(0.6, 0, 0.2, 1)',\n },\n );\n this.animation.onfinish = () => this.animationFinish();\n this.animation.oncancel = () => (open ? (this.isExpanding = false) : (this.isClosing = false));\n }\n\n private animationFinish() {\n this.cancelAnimations();\n this.elList.style.height = this.isClosing ? '0px' : '';\n this.isClosing = false;\n this.isExpanding = false;\n }\n\n private cancelAnimations() {\n if (this.animation) this.animation.cancel();\n }\n\n private emitEvents(option?: PnMultiselectOption, all?: boolean) {\n this.allOptions.emit(this.options);\n\n if (option) return this.selectedOption.emit(option);\n\n const data: { checked: boolean; searching: boolean; query?: string; found?: PnMultiselectOption[] } = {\n checked: all,\n searching: this.isSearching,\n };\n\n if (this.search && this.optionsTotal() !== this.optionsSearch().length) {\n data.query = this.searchQuery;\n data.found = this.optionsSearch();\n }\n\n this.selectedAllOptions.emit(data);\n }\n\n private optionsChecked(): PnMultiselectOption[] {\n const list = this.options?.reduce((sum, item) => {\n const subgroup = item.group ? [...item.group.filter(({ checked }) => checked)] : [];\n\n if (item.checked) sum.push(item);\n\n if (subgroup?.length) sum.push(...subgroup);\n\n return sum;\n }, []);\n\n return list;\n }\n\n private optionsTotal(): number {\n return this.options?.reduce((sum, item) => sum + (item?.group?.length ? item.group.length + 1 : 1), 0);\n }\n\n private optionsIndex(val: string): { indexGroup: number; indexNested?: number } {\n const findNested = ({ group = [] }: PnMultiselectOption) => group?.findIndex(({ value }) => value === val);\n\n const indexGroup = this.options.findIndex(option => option.value === val \|\| findNested(option) !== -1);\n const indexNested = findNested(this.options?.[indexGroup]);\n\n return {\n indexGroup,\n indexNested,\n };\n }\n\n private optionsCheckedTotal(): number {\n return this.optionsChecked()?.length;\n }\n\n private optionsCheckedPreview(): PnMultiselectOption[] {\n return this.optionsChecked()?.slice(0, this.itemCount);\n }\n\n private optionsCheckedLabels(): string {\n return this.optionsChecked()\n ?.map(({ label }) => label)\n ?.join(', ');\n }\n\n private optionsSearch(): PnMultiselectOption[] {\n const list = this.options?.reduce((sum, item) => {\n const subgroup = item.group ? [...item.group.filter(({ hide }) => !hide)] : [];\n if (!item.hide) sum.push(item);\n if (subgroup?.length) sum.push(...subgroup);\n return sum;\n }, []);\n\n return list;\n }\n\n private noResults() {\n return this.optionsSearch()?.length === 0;\n }\n\n private isIndeterminate(groupIndex: number): boolean {\n const option = this.options?.[groupIndex];\n if (option?.group?.length) {\n const all = option.group.every(({ checked }) => checked);\n const none = option.group.every(({ checked }) => !checked);\n\n return !(all \|\| none);\n }\n return false;\n }\n\n private optionSelect({ val, checked, chip }: { val: string; checked: boolean; chip?: number }) {\n if (val === this.allValue) return this.optionSelectAll(checked);\n\n const options = this.options;\n\n const { indexGroup, indexNested } = this.optionsIndex(val);\n\n const group = options[indexGroup]?.group;\n const nested = group?.[indexNested];\n\n if (nested?.value) {\n options[indexGroup].group[indexNested].checked = checked;\n\n const allSiblingsChecked = group?.every(({ checked }) => checked);\n\n if (allSiblingsChecked) options[indexGroup].checked = true;\n else options[indexGroup].checked = false;\n } else {\n options[indexGroup].checked = checked;\n if (group?.length) options[indexGroup].group = group?.map(opt => ({ ...opt, checked: checked }));\n }\n\n const option = indexNested === -1 ? options[indexGroup] : options[indexGroup].group[indexNested];\n\n this.emitEvents(option);\n\n this.options = [...options];\n\n if (typeof chip === 'number') {\n this.handleSrMesssage(`${this.translate('REMOVED')} ${option.label}`);\n\n requestAnimationFrame(() => {\n const index = chip === this.optionsCheckedTotal() ? chip - 1 : chip;\n const btn = Array.from(this.elChips.children)?.[index];\n btn?.querySelector('button').focus({ preventScroll: true });\n });\n }\n }\n\n private optionSelectAll(checked: boolean) {\n this.options = [\n ...this.options.map(option => {\n const opt = {\n ...option,\n checked: this.isSearching ? (option.hide ? option.checked : checked) : checked,\n };\n\n if (opt.group)\n opt.group = [\n ...opt.group.map(item => ({\n ...item,\n checked: this.isSearching ? (item.hide ? item.checked : checked) : checked,\n })),\n ];\n\n const allChecked = opt?.group?.every(({ checked }) => checked);\n if (opt?.group?.length) opt.checked = allChecked;\n\n return opt;\n }),\n ];\n\n this.emitEvents(null, checked);\n }\n\n private optionSelected(val: string): boolean {\n return !!this.optionsChecked()?.find(({ value, checked }) => value === val && checked);\n }\n\n private translate(prop: string): string {\n const text = translations?.[prop]?.[this.language \|\| en];\n if (text.includes('{number}')) return text.replace('{number}', this.optionsSearch().length);\n return text;\n }\n\n private getRect(element: HTMLElement): DOMRect {\n return element?.getBoundingClientRect();\n }\n\n private ripple({ clientX, clientY, target }: MouseEvent) {\n const isKeyboard = clientX === 0 && clientY === 0;\n const element = (target as HTMLInputElement).nextElementSibling;\n const { x, width, y, top } = this.getRect(element as HTMLElement);\n const clientCor = isKeyboard ? { clientX: x + width - 24, clientY: y - top } : { clientX, clientY };\n\n ripple(clientCor, element as HTMLElement);\n }\n\n private handleSrMesssage(text: string) {\n this.srMessage = text;\n clearTimeout(this.srTimer);\n this.srTimer = setTimeout(() => (this.srMessage = null), 2000);\n }\n\n private handleDirection() {\n if (this.top) return (this.upwards = true);\n if (this.bottom) return (this.upwards = false);\n\n const { bottom, top } = this.getRect(this.elInput);\n\n const oneEm = 16;\n\n /\n * Take the inner window height and subtract the elements bottom and 1em (16px)\n * If the max height of this calculation is less than the space above the element, open it upwards.\n * Do another calculation with the top value - 1em.\n /\n const offsetTop = window.innerHeight - bottom - oneEm;\n const offsetBottom = top - oneEm;\n\n /* Always point downwards, unless the space to the bottom is less than half of the top offset space. /\n this.upwards = offsetBottom / 2 > offsetTop;\n }\n\n private handleMaxHeight() {\n if (this.maxHeight) return this.elGroup.style.setProperty('--pn-select-max-height', this.maxHeight);\n\n const { bottom, top } = this.getRect(this.elInput);\n const inputHeight = this.upwards ? top : bottom;\n\n const offsetTop = getTotalHeightOffset();\n\n const offset = this.upwards ? offsetTop + 16 : 16;\n\n const maxHeight = this.upwards ? inputHeight - offset : window.innerHeight - inputHeight - offset;\n\n this.elGroup.style.setProperty('--pn-select-max-height', `${Math.ceil(maxHeight)}px`);\n }\n\n private handleWidth() {\n const { width } = this.getRect(this.elInput);\n this.elGroup.style.setProperty('--pn-select-options-width', `${Math.ceil(width)}px`);\n }\n\n private setFocus() {\n if (this.search) this.elInput.focus({ preventScroll: true });\n else this.elButton.focus({ preventScroll: true });\n }\n\n private hasError(): boolean {\n return this.invalid \|\| !!this.error;\n }\n\n private hasMessage(): boolean {\n return !!this.helpertext \|\| !!this.error;\n }\n\n private toggleOpen(state?: boolean) {\n if (typeof state === 'boolean' && state === this.open) return;\n this.open = state ?? !this.open;\n this.toggleSelect.emit({ open: this.open });\n }\n\n private handleInputKeyboard(event: KeyboardEvent) {\n event.stopImmediatePropagation();\n\n const { code } = event;\n\n if (code === 'Escape') return this.toggleOpen(false);\n if (!this.open && code.match(/^(Space\|Enter)$\|Arrow\|^Key.$/)) this.toggleOpen();\n }\n\n private setSearchQuery(value: string) {\n if (!this.open) this.toggleOpen(true);\n this.searchQuery = value;\n }\n\n private handleInputSearch() {\n if (this.isEmpty()) return;\n\n const term = this.searchQuery;\n const performSearch = ({ label, helpertext, value }: PnMultiselectOption): boolean => {\n return `${label} ${helpertext} ${value}`.trim().toLowerCase().includes(term.toLowerCase());\n };\n\n const options = this.options.map(option => {\n const foundNested = option?.group?.map(item => ({ ...item, hide: !performSearch(item) })) \|\| [];\n\n const found = performSearch(option) \|\| foundNested?.some(({ hide }) => !hide);\n\n option.hide = !found;\n if (option?.group?.length) option.group = [...foundNested];\n\n return option;\n });\n\n this.isSearching = term !== '';\n\n this.options = [...options];\n\n this.searchInput.emit({ query: term, found: this.optionsSearch() });\n }\n\n private getListItem(index: number): HTMLInputElement {\n const { value } = this.options[index];\n return this.elList.querySelector<HTMLInputElement>(`.pn-multiselect-option-input[value='${value}']`);\n }\n\n private getOptionIndex(val: string, triggers: (boolean \| number)[], code?: string) {\n const total = this.optionsTotal() - 1;\n\n if (code === 'End') return total;\n if (code === 'Home') return 0;\n\n const valIndex = this.options.findIndex(({ value }) => value === val);\n\n const count = triggers.find(item => typeof item === 'number') as number;\n const index = valIndex + count;\n\n if (index >= total) return total;\n if (index <= 0) return 0;\n\n return index;\n }\n\n private checkboxNav(e: KeyboardEvent, val: string) {\n const { code } = e;\n\n const arrowUp = code === 'ArrowUp' && -1;\n const arrowDown = code === 'ArrowDown' && 1;\n const pageUp = code === 'PageUp' && -10;\n const pageDown = code === 'PageDown' && 10;\n const home = code === 'Home' && 0;\n const end = code === 'End' && this.optionsTotal() - 1;\n const tab = code === 'Tab';\n const space = code === 'Space';\n const enter = code === 'Enter';\n const escape = code === 'Escape';\n\n const triggers = [arrowUp, arrowDown, pageUp, pageDown, home, end, tab, space, enter, escape];\n\n if (!triggers.some(item => typeof item === 'number' \|\| item)) return;\n\n if (tab \|\| space \|\| enter) return;\n\n e.stopImmediatePropagation();\n e.preventDefault();\n\n if (escape) {\n this.setFocus();\n return this.toggleOpen(false);\n }\n\n const item = this.getOptionIndex(val, triggers, code);\n return this.getListItem(item)?.focus();\n }\n\n private handleBlur(event: FocusEvent) {\n const target = event.target as HTMLElement;\n const related = event.relatedTarget as HTMLElement;\n\n const jumpingToChips = (related \|\| target)?.className === 'pn-multiselect-chip-button';\n\n if (jumpingToChips) this.toggleOpen(false);\n }\n\n private handleLabel() {\n if (this.disabled) return;\n this.setFocus();\n }\n\n /** Check if there are no options in the list. /\n private isEmpty(): boolean {\n return (this.options?.length \|\| 0) === 0;\n }\n\n private showSelectAll(): boolean {\n return this.selectAll && !this.isEmpty() && !this.noResults();\n }\n\n /* Check if the empty/nothing found should be visible. /\n private showEmptyOption() {\n return (this.isSearching && this.noResults()) \|\| this.isEmpty();\n }\n\n private getPlaceholder(): string {\n const autoTranslation = this.search ? 'SEARCH' : 'SELECT_AN_OPTION';\n return this.placeholder \|\| this.translate(autoTranslation);\n }\n\n private handleChange({ target }: InputEvent) {\n const { value, checked } = target as HTMLInputElement;\n this.optionSelect({ val: value, checked });\n }\n\n /* Display the \"X more selected options\" text. */\n private additonalOptions() {\n const count = this.optionsCheckedTotal() - this.itemCount;\n const single = `MORE_OPTION${count === 1 ? '' : 'S'}`;\n return `${count} ${this.translate(single)}`;\n }\n\n private describedBy(): string {\n const list = [this.search && this.idChips, this.srMessage && this.idSr, !!this.helpertext && this.idHelper].filter(\n Boolean,\n );\n if (list.length) return list.join(' ');\n return null;\n }\n\n private renderOption(\n {\n label,\n value,\n checked,\n helpertext,\n icon,\n id = `${this.selectId}-${value \|\| label}`,\n invalid,\n disabled,\n hide,\n group,\n }: PnMultiselectOption,\n indexGroup?: number,\n indexNested?: number,\n ): HTMLLIElement {\n return (\n <li class=\"pn-multiselect-option\" key={id} hidden={hide}>\n <input\n type=\"checkbox\"\n id={id}\n class=\"pn-multiselect-option-input\"\n checked={checked ?? this.optionSelected(value)}\n indeterminate={indexNested === undefined && this.isIndeterminate(indexGroup)}\n name={this.name}\n value={value}\n disabled={this.disabled \|\| disabled}\n required={this.required}\n aria-invalid={invalid ? 'true' : null}\n aria-describedby={helpertext ? `${id}-helper` : null}\n onClick={(event: MouseEvent) => this.ripple(event)}\n onKeyDown={(event: KeyboardEvent) => this.checkboxNav(event, value)}\n onBlur={(event: FocusEvent) => this.handleBlur(event)}\n />\n <div class=\"pn-multiselect-option-content\">\n {!!icon && <pn-icon icon={icon} color=\"blue900\" />}\n <div class=\"pn-multiselect-option-text\">\n <label class=\"pn-multiselect-option-label\" htmlFor={id}>\n <span>{label}</span>\n </label>\n {helpertext && (\n <p class=\"pn-multiselect-option-helper\" id={`${id}-helper`}>\n {helpertext}\n </p>\n )}\n </div>\n <div class=\"pn-multiselect-option-checkbox\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n <polyline\n class=\"pn-multiselect-option-checkbox-checkmark-path\"\n points=\"4,12 9,17 20,6\"\n stroke-width=\"3\"\n />\n <polyline\n class=\"pn-multiselect-option-checkbox-indeterminate-path\"\n points=\"4,12 20,12\"\n stroke-width=\"3\"\n />\n </svg>\n </div>\n </div>\n {group?.length && (\n <ul class=\"pn-multiselect-optgroup\">{group?.map((option, i) => this.renderOption(option, indexGroup, i))}</ul>\n )}\n </li>\n );\n }\n\n private renderOptions(): HTMLUListElement {\n return (\n <ul\n id={this.idOptions}\n class=\"pn-multiselect-options\"\n data-open={this.open}\n data-upwards={this.upwards}\n data-moving={this.isClosing \|\| this.isExpanding}\n onChange={(event: InputEvent) => this.handleChange(event)}\n style={{ height: '0px' }}\n ref={el => (this.elList = el)}\n >\n {this.showSelectAll() &&\n this.renderOption({\n label: this.translate(`SELECT_${this.isSearching ? 'FOUND' : 'ALL'}_OPTIONS`),\n value: this.allValue,\n checked: this.optionsTotal() === this.optionsCheckedTotal(),\n })}\n\n {this.options?.map((option, index) => this.renderOption(option, index))}\n\n {this.showEmptyOption() && (\n <li class=\"pn-multiselect-option\">\n <div class=\"pn-multiselect-option-content\" role=\"alert\">\n <div class=\"pn-multiselect-option-text\">\n <span class=\"pn-multiselect-option-label\">\n {this.translate(this.isEmpty() ? 'NO_OPTIONS' : 'NO_SEARCH_RESULTS')}\n </span>\n </div>\n </div>\n </li>\n )}\n </ul>\n );\n }\n\n private renderChips(): HTMLUListElement {\n return (\n <ul\n id={this.idChips}\n class=\"pn-multiselect-chips\"\n aria-label={this.translate('SELECTED_OPTIONS')}\n ref={el => (this.elChips = el)}\n >\n {this.optionsCheckedPreview()?.map(({ label, value }, index) => (\n <li\n class=\"pn-multiselect-chip\"\n aria-setsize={this.optionsCheckedTotal()}\n aria-posinset={index + 1}\n key={`${label}-${value}`}\n >\n <span class=\"pn-multiselect-chip-label\">{label}</span>\n <button\n type=\"button\"\n class=\"pn-multiselect-chip-button\"\n aria-label={`${this.translate('REMOVE')} ${label}`}\n onClick={() => this.optionSelect({ val: value, checked: false, chip: index })}\n >\n <pn-icon icon={close} small color=\"blue700\" />\n </button>\n </li>\n ))}\n {this.optionsCheckedTotal() > this.itemCount && (\n <li class=\"pn-multiselect-chip\" data-count>\n <span class=\"pn-multiselect-chip-label\">+ {this.additonalOptions()}</span>\n </li>\n )}\n </ul>\n );\n }\n\n render() {\n return (\n <Host>\n <fieldset class=\"pn-multiselect\" data-icon={!!this.icon} data-error={this.hasError()} disabled={this.disabled}>\n {this.label && (\n <legend id={this.idLegend} class=\"pn-multiselect-label\" onClick={() => this.handleLabel()}>\n <span>{this.label}</span>\n\n {!!this.optionsChecked()?.length && (\n <span>\n {this.optionsCheckedTotal()}/{this.optionsTotal()}\n </span>\n )}\n </legend>\n )}\n <div class=\"pn-multiselect-group\" ref={el => (this.elGroup = el)}>\n <div class=\"pn-multiselect-input\">\n {!!this.icon && <pn-icon class=\"pn-multiselect-icon\" data-custom icon={this.icon} />}\n\n <input\n tabindex={this.search ? null : '-1'}\n type={this.search ? 'search' : 'input'}\n id={this.selectId}\n class=\"pn-multiselect-element\"\n value={this.search ? this.searchQuery : this.optionsCheckedLabels()}\n name={this.selectName}\n placeholder={this.getPlaceholder()}\n required={this.search ? null : this.required}\n aria-labelledby={this.idLegend}\n aria-describedby={this.describedBy()}\n aria-controls={`${this.idOptions} ${this.search ? this.idChips : ''}`}\n aria-invalid={this.hasError()?.toString()}\n disabled={this.disabled}\n readonly={!this.search}\n onClick={() => (this.search && this.open ? null : this.toggleOpen())}\n onKeyDown={e => this.handleInputKeyboard(e)}\n onBlur={e => this.handleBlur(e)}\n onInput={e => this.search && this.setSearchQuery((e.target as HTMLInputElement).value)}\n ref={el => (this.elInput = el)}\n />\n\n {this.hasError() && (\n <pn-icon class=\"pn-multiselect-icon\" data-error icon={alert_exclamation_circle} color=\"warning\" />\n )}\n\n <button\n id={this.idButton}\n type=\"button\"\n class=\"pn-multiselect-button\"\n aria-label={this.translate(`BUTTON_${this.open ? 'CLOSE' : 'OPEN'}`)}\n aria-describedby={this.search ? null : this.selectId}\n aria-controls={this.idOptions}\n aria-expanded={this.open.toString()}\n onClick={() => this.toggleOpen()}\n ref={el => (this.elButton = el)}\n >\n <pn-icon class=\"pn-multiselect-icon\" icon={chevron_down} color=\"blue700\" />\n </button>\n </div>\n\n {this.renderOptions()}\n </div>\n\n {this.hasMessage() && (\n <p id={this.idHelper} class=\"pn-multiselect-description\" role={!!this.error ? 'alert' : null}>\n <span>{this.error \|\| this.helpertext}</span>\n </p>\n )}\n\n {this.search && this.renderChips()}\n\n <slot />\n\n {this.search && (\n <p id={this.idSr} class=\"pn-multiselect-sr-only\" role=\"alert\" aria-live=\"assertive\">\n {this.srMessage && <span>{this.srMessage}</span>}\n </p>\n )}\n </fieldset>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-multiselect.entry.js","mappings":"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","names":[],"sources":["src/components/input/pn-multiselect/translations.ts","src/components/input/pn-multiselect/pn-multiselect.scss?tag=pn-multiselect","src/components/input/pn-multiselect/pn-multiselect.tsx"],"sourcesContent":["export const translations = {\n SELECT_AN_OPTION: {\n en: 'Select an option',\n sv: 'Välj ett alternativ',\n da: 'Vælg en mulighed',\n fi: 'Valitse vaihtoehto',\n no: 'Velg et alternativ',\n },\n SELECT_ALL_OPTIONS: {\n en: 'Select all options',\n sv: 'Välj alla alternativ',\n da: 'Vælg alle muligheder',\n fi: 'Valitse kaikki vaihtoehdot',\n no: 'Velg alle alternativer',\n },\n SELECT_FOUND_OPTIONS: {\n en: 'Select {number} options',\n sv: 'Välj {number} alternativ',\n da: 'Vælg {number} muligheder',\n fi: 'Valitse {number} vaihtoehtoa',\n no: 'Velg {number} alternativer',\n },\n SELECTED_OPTIONS: {\n en: 'Selected options.',\n sv: 'Valda alternativ.',\n da: 'Valgte muligheder.',\n fi: 'Valitut vaihtoehdot.',\n no: 'Valgte alternativer.',\n },\n BUTTON_OPEN: {\n en: 'Open list',\n sv: 'Öppna listan',\n da: 'Open list',\n fi: 'Open list',\n no: 'Open list',\n },\n BUTTON_CLOSE: {\n en: 'Close list',\n sv: 'Stäng listan',\n da: 'Close list',\n fi: 'Close list',\n no: 'Close list',\n },\n REMOVE: {\n en: 'Remove',\n sv: 'Ta bort',\n da: 'Remove',\n fi: 'Remove',\n no: 'Remove',\n },\n REMOVED: {\n en: 'Removed',\n sv: 'Tog bort',\n da: 'Fjernet',\n fi: 'Poistettu',\n no: 'Fjernet',\n },\n MORE_OPTION: {\n en: 'more option.',\n sv: 'alternativ till.',\n da: 'mulighed mere.',\n fi: 'vaihtoehto lisää.',\n no: 'alternativ til.',\n },\n MORE_OPTIONS: {\n en: 'more options.',\n sv: 'fler alternativ.',\n da: 'more options.',\n fi: 'more options.',\n no: 'more options.',\n },\n SEARCH: {\n en: 'Search',\n sv: 'Sök',\n da: 'Søg',\n fi: 'Hae',\n no: 'Søk',\n },\n RESULTS_FOUND: {\n en: 'options found',\n sv: 'alternativ hittades',\n da: 'muligheder fundet',\n fi: 'vaihtoehtoja löytyi',\n no: 'alternativer funnet',\n },\n NO_SEARCH_RESULTS: {\n en: 'No options found',\n sv: 'Inga alternativ hittades',\n da: 'Ingen muligheder fundet',\n fi: 'Vaihtoehtoja ei löytynyt',\n no: 'Finner ingen alternativer',\n },\n NO_OPTIONS: {\n en: 'No options available',\n sv: 'Inga alternativ tillgängliga',\n da: 'Ingen tilgængelige muligheder',\n fi: 'Ei vaihtoehtoja',\n no: 'Ingen tilgjengelige alternativer',\n },\n};\n","@use 'src/globals/main';\n\npn-multiselect {\n display: inline-block;\n}\n\npn-multiselect .pn-multiselect {\n border: 0;\n margin: 0;\n padding: 0;\n\n &[data-icon] .pn-multiselect-element {\n padding-left: 3em;\n }\n\n &[data-error] .pn-multiselect-element {\n padding-right: 5.5em;\n @include main.pn-input-field-error();\n }\n\n &-label {\n @include main.pn-input-label;\n width: 100%;\n }\n\n @include main.pn-sr-only-class();\n\n &-group {\n position: relative;\n padding: 0;\n margin: 0;\n }\n\n &-input {\n position: relative;\n\n > pn-icon {\n pointer-events: none;\n position: absolute;\n top: 0.75em;\n right: 3.5em;\n &[data-custom] {\n left: 0.75em;\n right: unset;\n }\n }\n }\n\n &-button {\n cursor: pointer;\n position: absolute;\n right: 0.75em;\n top: 50%;\n transform: translateY(-50%);\n padding: 0;\n margin: 0;\n border: 0;\n width: 2em;\n height: 2em;\n font-size: 1em;\n border-radius: 50%;\n background-color: transparent;\n\n -webkit-tap-highlight-color: transparent;\n\n @include main.pn-transition('background-color, outline-color, border-color');\n @include main.pn-focus(main.$blue700, main.$white, main.$blue700);\n\n > pn-icon > svg > path {\n @include main.pn-transition('transform');\n transition-delay: main.$timing;\n transform-origin: center;\n transform: rotate(0deg);\n }\n\n &:hover {\n background-color: main.$blue25;\n }\n\n &[aria-expanded='true'] {\n background-color: main.$blue25;\n > pn-icon > svg > path {\n transform: rotate(180deg);\n transition-delay: 0s;\n }\n }\n }\n\n &-element {\n @include main.pn-input-field;\n\n cursor: text;\n text-align: left;\n transition-delay: 0.1s, 0.1s, 0s;\n width: 100%;\n padding-right: 3.5em;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 0.5em;\n\n overflow: hidden;\n text-overflow: ellipsis;\n\n &:disabled {\n @include main.pn-disabled;\n pointer-events: none;\n + .pn-multiselect-button {\n pointer-events: none;\n path {\n fill: main.$input-color-disabled;\n }\n }\n }\n\n &:placeholder {\n @include main.pn-placeholder;\n }\n\n &[type='input']:hover {\n cursor: pointer;\n color: main.$input-color;\n background-color: main.$input-background-hover;\n transition-delay: 0s;\n &[aria-invalid='true'] {\n background-color: main.$input-background-error-hover;\n }\n }\n\n &:focus-visible {\n transition-delay: 0s;\n }\n\n &::-webkit-search-cancel-button,\n &::-webkit-search-decoration {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n }\n }\n\n &-options {\n scroll-behavior: smooth;\n position: absolute;\n z-index: 10;\n top: calc(100% + 0.5em);\n left: 0;\n right: 0;\n background-color: main.$white;\n box-shadow:\n 0em 0.075em 0.225em 0em rgba(0, 0, 0, 0.1),\n 0em 0.4em 0.9em 0em rgba(0, 0, 0, 0.13);\n\n border-radius: main.$border-radius;\n\n list-style: none;\n margin: 0;\n padding: 0;\n\n width: var(--pn-select-options-width);\n max-height: var(--pn-select-max-height);\n overflow-y: auto;\n overflow-x: hidden;\n\n display: flex;\n flex-direction: column;\n\n visibility: hidden;\n\n transform-origin: top left;\n\n &[data-open] {\n visibility: visible;\n }\n\n &[data-upwards] {\n top: unset;\n bottom: calc(100% + 0.5em);\n transform-origin: bottom left;\n box-shadow: 0 -0.0625em 0.125em rgba(0, 0, 0, 0.2);\n }\n\n &[data-moving] {\n overflow: hidden;\n visibility: visible;\n }\n\n @include main.pn-scrollbar();\n\n > pn-input {\n padding: 0.5em;\n }\n }\n\n &-optgroup {\n list-style: none;\n padding: 0;\n > .pn-multiselect-option > .pn-multiselect-option-content {\n padding-left: 2em;\n }\n }\n\n &-chips {\n list-style: none;\n display: flex;\n flex-wrap: wrap;\n gap: 0.5em;\n padding: 0;\n margin: 0.5em 0 0 0;\n color: main.$gray700;\n font-weight: 400;\n &:empty {\n display: none;\n }\n }\n\n &-chip {\n margin: 0;\n display: inline-flex;\n align-items: center;\n gap: 0.25em;\n background-color: main.$white;\n border-radius: main.$border-radius;\n padding: 0.125em 0.25em 0.125em 0.5em;\n line-height: 1.5em;\n border: 0.0625em solid main.$gray700;\n\n @include main.pn-focus-base;\n @include main.pn-transition('background-color, outline-color, border-color, color');\n\n &:focus-within {\n color: main.$blue700;\n @include main.pn-focus-visible(main.$blue700, main.$blue25, main.$blue700);\n }\n\n &[data-count] {\n pointer-events: none;\n border: 0;\n padding-left: 0;\n padding-right: 0;\n background-color: unset;\n }\n\n &-label {\n font-size: 0.875em;\n white-space: nowrap;\n }\n\n &-button {\n cursor: pointer;\n font-size: 1em;\n padding: 0.25em;\n height: 1.5em;\n width: 1.5em;\n border: 0;\n background-color: unset;\n border-radius: 50%;\n @include main.pn-transition('background-color');\n -webkit-tap-highlight-color: transparent;\n\n &:hover {\n background-color: main.$blue200;\n }\n &:focus {\n outline: 0;\n }\n }\n }\n\n &-no-results {\n margin: 0;\n padding: 0.75em;\n }\n\n &-description {\n @include main.pn-input-helpertext;\n &[role='alert'] {\n color: main.$helpertext-color-error;\n }\n }\n}\n\n// Select option\npn-multiselect .pn-multiselect-option {\n position: relative;\n margin: 0;\n padding: 0;\n @include main.pn-ripple(main.$blue700);\n\n &-input {\n cursor: pointer;\n position: absolute;\n opacity: 0;\n left: 0;\n top: 0;\n height: 100%;\n width: 100%;\n margin: 0;\n -webkit-tap-highlight-color: transparent;\n\n &:disabled {\n pointer-events: none;\n + .pn-multiselect-option-content {\n @include main.pn-disabled;\n pointer-events: none;\n .pn-multiselect-option-checkbox {\n background-color: main.$input-background-disabled;\n border-color: main.$input-border-disabled;\n }\n path {\n fill: main.$input-color-disabled;\n }\n }\n\n &:checked {\n + .pn-multiselect-option-content {\n @include main.pn-disabled;\n .pn-multiselect-option-checkbox {\n background-color: main.$input-button-disabled;\n border-color: main.$input-border-disabled;\n }\n path {\n fill: main.$input-color-disabled;\n }\n }\n }\n }\n\n &[aria-invalid='true'] {\n + .pn-multiselect-option-content {\n .pn-multiselect-option-checkbox {\n border-color: main.$border-color-error;\n }\n .pn-ripple {\n background-color: main.$warning;\n }\n }\n\n &:checked + .pn-multiselect-option-content {\n background-color: main.$input-background-error-active;\n .pn-multiselect-option-checkbox {\n background-color: main.$input-button-active-error;\n border-color: main.$input-button-active-error;\n }\n }\n\n &:checked:focus-visible + .pn-multiselect-option-content {\n background-color: main.$input-background-error-active;\n .pn-multiselect-option-checkbox {\n background-color: main.$input-button-active-error-focus;\n border-color: main.$input-button-active-error-focus;\n }\n }\n\n &:checked:hover + .pn-multiselect-option-content {\n background-color: main.$coral25;\n .pn-multiselect-option-checkbox {\n background-color: main.$input-button-active-error-hover;\n border-color: main.$input-button-active-error-hover;\n }\n }\n\n &:hover + .pn-multiselect-option-content {\n background-color: main.$coral25;\n .pn-multiselect-option-checkbox {\n background-color: main.$input-background-error-hover;\n border-color: main.$border-color-error-focus;\n }\n }\n\n &:focus-visible + .pn-multiselect-option-content .pn-multiselect-option-checkbox {\n @include main.pn-focus-visible(\n main.$border-color-error-focus,\n main.$input-background-error-active,\n main.$border-color-error-focus\n );\n }\n }\n\n &:hover + .pn-multiselect-option-content {\n background-color: main.$blue25;\n .pn-multiselect-option-checkbox {\n border-color: main.$blue700;\n background-color: main.$blue50;\n }\n }\n\n &:focus-visible + .pn-multiselect-option-content .pn-multiselect-option-checkbox {\n @include main.pn-focus-visible(main.$blue700, main.$blue50, main.$blue700);\n }\n\n &:checked + .pn-multiselect-option-content {\n background-color: main.$blue50;\n .pn-multiselect-option-checkbox {\n border-color: main.$blue700;\n background-color: main.$blue700;\n svg polyline.pn-multiselect-option-checkbox-checkmark-path {\n transition-delay: 0.2s;\n stroke-dashoffset: 0;\n }\n }\n }\n\n &:checked:hover + .pn-multiselect-option-content {\n background-color: main.$blue25;\n .pn-multiselect-option-checkbox {\n border-color: main.$blue900;\n background-color: main.$blue900;\n }\n }\n\n &:checked:focus-visible + .pn-multiselect-option-content {\n background-color: main.$blue50;\n .pn-multiselect-option-checkbox {\n border-color: main.$blue900;\n background-color: main.$blue900;\n }\n }\n\n &:indeterminate + .pn-multiselect-option-content {\n .pn-multiselect-option-checkbox {\n background-color: main.$blue700;\n border-color: main.$blue700;\n }\n svg .pn-multiselect-option-checkbox-checkmark-path {\n stroke-dashoffset: 23;\n }\n svg .pn-multiselect-option-checkbox-indeterminate-path {\n stroke-dashoffset: 0;\n }\n }\n\n &:indeterminate:hover + .pn-multiselect-option-content {\n .pn-multiselect-option-checkbox {\n background-color: main.$blue900;\n border-color: main.$blue900;\n }\n }\n }\n\n &-content {\n position: relative;\n overflow: hidden;\n z-index: -1;\n display: flex;\n align-items: center;\n padding: 0.75em 1em;\n gap: 0.5em;\n background-color: main.$white;\n @include main.pn-transition('background-color');\n }\n\n &-text {\n flex: 1;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n\n &-label {\n color: main.$gray900;\n font-weight: 400;\n }\n\n &-helper {\n color: main.$gray700;\n margin: 0;\n }\n\n &-checkbox {\n background-color: main.$white;\n flex: 0 0 1.5em;\n width: 1.5em;\n height: 1.5em;\n border: 0.0625em solid main.$gray400;\n border-radius: 0.25em;\n\n @include main.pn-focus-base;\n @include main.pn-transition('background-color, border-color, outline-color');\n\n svg polyline {\n stroke: main.$white;\n stroke-linecap: round;\n stroke-dasharray: 23;\n @include main.pn-transition('stroke-dashoffset');\n transition-delay: 0s;\n\n &.pn-multiselect-option-checkbox-checkmark-path {\n stroke-dashoffset: 23;\n }\n\n &.pn-multiselect-option-checkbox-indeterminate-path {\n stroke-dashoffset: 23;\n }\n }\n }\n}\n","import { Component, h, Host, Element, Watch, Prop, State, EventEmitter, Event, Listen } from '@stencil/core';\n\nimport { translations } from './translations';\n\nimport { close, alert_exclamation_circle, angle_down } from 'pn-design-assets/pn-assets/icons.js';\n\nimport { uuidv4, awaitTopbar, ripple, en, getTotalHeightOffset, reduceMotion } from '@/index';\nimport type { PnLanguages, PnMultiselectOption } from '@/index';\n\n/*\n The `pn-multiselect` gets its options via javascript.\n \n Native HTML does not accept arrays of objects. Most frameworks solves this automatically (Vue, react, etc...),\n * but keep this in mind if you use this component outside of a framework environment.\n \n @nativeChange The `pn-multiselect` is built with `input[type=checkbox]` elements, so the `change` event works. However, we recommend the customEvents described above.\n \n @see {@link https://portal.postnord.com/web-components/?path=/docs/components-input-multiselect--docs#pn-multiselect%20(options) Options documentation}\n /\n@Component({\n tag: 'pn-multiselect',\n styleUrl: 'pn-multiselect.scss',\n})\nexport class PnMultiselect {\n private readonly id: string = `pn-multiselect-${uuidv4()}`;\n private idLegend: string = `${this.id}-legend`;\n private idButton: string = `${this.id}-button`;\n private idOptions: string = `${this.id}-options`;\n private idHelper: string = `${this.id}-text`;\n private idChips: string = `${this.id}-chips`;\n private idSr: string = `${this.id}-sr`;\n\n private elGroup: HTMLDivElement;\n private elButton: HTMLButtonElement;\n private elInput: HTMLInputElement;\n private elList: HTMLUListElement;\n private elChips: HTMLUListElement;\n\n private srTimer: NodeJS.Timeout;\n\n private animation: Animation;\n private animationDurationDefault: number = 400;\n private animationDuration: number = this.animationDurationDefault;\n\n @Element() hostElement: HTMLElement;\n\n @State() private isSearching: boolean = false;\n\n /* Layout state. /\n @State() private open: boolean = false;\n @State() private upwards: boolean = false;\n\n @State() private srMessage?: string;\n\n @State() private isClosing: boolean = false;\n @State() private isExpanding: boolean = false;\n\n /* Label placed above the select /\n @Prop() label!: string;\n /* Display a helper text underneath the select /\n @Prop() helpertext?: string;\n /\n This is what will be shown on load if no value is used.\n * The `placeholder` will override the default text used if you have the `search` prop active.\n /\n @Prop() placeholder?: string;\n /* HTML name of the checkbox elements. Used for each checkbox inside the multiselect. /\n @Prop() name?: string;\n /* Select HTML id /\n @Prop() selectId?: string = this.id;\n /* HTML name of the input element./\n @Prop() selectName?: string;\n /* Display an icon to the left of the select input /\n @Prop() icon?: string;\n /* Manually set the language, not needed if you have the pnTopbar available /\n @Prop() language?: PnLanguages = null;\n /\n Array of options.\n * @hide true\n /\n @Prop({ mutable: true }) options!: PnMultiselectOption[];\n\n /\n * Adds a \"Select all\" option into the list.\n * If you use the search feature at the same time, clicking this option will only toggle the options found.\n * @see {@link search}\n * @category Features\n /\n @Prop() selectAll?: boolean = false;\n /\n * Set a custom value for the \"Select all value\" option.\n * @see {@link selectAll}\n * @category Features\n /\n @Prop() allValue?: string = 'pn_multiselect_all';\n /\n Allow the user to search among the options.\n * The selected options will now display underneath the multiselect element.\n \n @category Features\n /\n @Prop() search?: boolean = false;\n / Set the search query of the multiselect.\n \n @see {@link search}\n * @category Features\n /\n @Prop({ mutable: true }) searchQuery?: string = '';\n /\n Decide how many items should be shown before ellipsis. Requires the `search` prop to work.\n \n @see {@link search}\n * @category Features\n /\n @Prop() itemCount?: number = 5;\n /\n * Use a custom max-height for the dropdown list.\n * @description The component will automatically set the max height of the dropdown list on its own.\n * It takes the `pn-topbar` into account and will open in the direction that fits best.\n * Use this prop to override this behaviour and use a custom max-height.\n * @category Features\n /\n @Prop() maxHeight?: string;\n /\n * Force the dropdown to always open upwards.\n * @category Features\n /\n @Prop() top?: boolean = false;\n /\n * Force the dropdown to always open downwards.\n * @category Features\n /\n @Prop() bottom?: boolean = false;\n\n / Set the select as required. @category Validation /\n @Prop() required?: boolean = false;\n /* Disable the select. @category Validation /\n @Prop() disabled?: boolean = false;\n /* Trigger the invalid state. @category Validation /\n @Prop() invalid?: boolean = false;\n /* Display an error message and trigger the invalid state. @category Validation /\n @Prop() error?: string;\n\n @Watch('open')\n handleOpen() {\n if (this.open) {\n this.addGlobalEventListeners();\n\n this.handleDirection();\n this.handleMaxHeight();\n this.handleWidth();\n requestAnimationFrame(() => this.openGrid());\n } else {\n this.closeGrid();\n this.removeGlobalEventListeners();\n }\n }\n\n @Watch('search')\n handleSearch() {\n if (!this.search)\n this.options = [\n ...this.options.map(option => {\n const item = {\n ...option,\n hide: false,\n };\n\n if (item?.group?.length) item.group.map(opt => ({ ...opt, hide: false }));\n\n return item;\n }),\n ];\n }\n\n @Watch('searchQuery')\n handleSearchQuery() {\n if (this.search && typeof this.searchQuery === 'string') this.handleInputSearch();\n }\n\n @Watch('selectId')\n handleSelectId() {\n const id = this.selectId;\n this.idLegend = `${id}-legend`;\n this.idButton = `${id}-button`;\n this.idOptions = `${id}-options`;\n this.idHelper = `${id}-text`;\n this.idChips = `${id}-chips`;\n this.idSr = `${id}-sr`;\n }\n\n /\n If the select is open and you resize the window.\n * Remove all css props and disable the animations entierly.\n /\n @Listen('resize', { target: 'window' })\n handleResize() {\n if (!this.open) return;\n this.toggleOpen(false);\n\n this.elList.style.removeProperty('--pn-select-options-width');\n this.elList.style.removeProperty('--pn-select-max-height');\n }\n\n / Dispatched everytime the multiselect is opened or closed. /\n @Event() toggleSelect: EventEmitter<{ open: boolean }>;\n /* This event contains the entire options array with the new props. Dispatched everytime you make changes to any option. /\n @Event() allOptions: EventEmitter<PnMultiselectOption[]>;\n /* Dispatched when you toggle an option. Includes all the props of the option. /\n @Event() selectedOption: EventEmitter<PnMultiselectOption>;\n /\n This event is dispatched when the user toggles the \"Choose all options\" box.\n * Also triggers when you click the \"Select {number} options\" if you are performing a search at the same time.\n /\n @Event() selectedAllOptions: EventEmitter<{\n checked: boolean;\n searching: boolean;\n query?: string;\n found?: PnMultiselectOption[];\n }>;\n /\n * Contains the search text and the options found for that query.\n * Dispacthed everytime you change the search query.\n */\n @Event() searchInput: EventEmitter<{\n query: string;\n found?: PnMultiselectOption[];\n }>;\n\n async componentWillLoad() {\n this.handleSelectId();\n if (this.language === null) await awaitTopbar(this.hostElement);\n }\n\n componentDidLoad() {\n if (!!this.searchQuery?.length) this.handleSearchQuery();\n }\n\n private globalEvents = (event: PointerEvent \| KeyboardEvent) => {\n const target = event.target as HTMLElement;\n const isWithinCalendar = target?.closest(this.hostElement.localName);\n if (!isWithinCalendar) this.toggleOpen(false);\n };\n\n private addGlobalEventListeners() {\n const root: Document = this.hostElement.getRootNode() as Document;\n\n root.addEventListener('click', this.globalEvents);\n }\n\n private removeGlobalEventListeners() {\n const root: Document = this.hostElement.getRootNode() as Document;\n\n root.removeEventListener('click', this.globalEvents);\n }\n\n private openGrid() {\n requestAnimationFrame(() => {\n const { clientHeight, scrollHeight } = this.elList;\n const height = this.isClosing ? clientHeight : 0;\n this.elList.style.height = `${scrollHeight}px`;\n\n this.isExpanding = true;\n this.animateGrid(true, `${height}px`, this.maxHeight \|\| `${this.elList.scrollHeight}px`);\n });\n }\n\n private closeGrid() {\n const { scrollHeight, clientHeight } = this.elList;\n const height = this.isExpanding ? clientHeight : scrollHeight;\n this.elList.style.height = `0px`;\n\n this.isClosing = true;\n this.animateGrid(false, `${height}px`, `0px`);\n }\n\n private animateGrid(open: boolean, startHeight: string, endHeight: string) {\n this.cancelAnimations();\n\n if (reduceMotion()) this.animationDuration = 0;\n else this.animationDuration = this.animationDurationDefault;\n\n this.animation = this.elList.animate(\n {\n height: [startHeight, endHeight],\n },\n {\n duration: this.animationDuration,\n easing: 'cubic-bezier(0.6, 0, 0.2, 1)',\n },\n );\n this.animation.onfinish = () => this.animationFinish();\n this.animation.oncancel = () => (open ? (this.isExpanding = false) : (this.isClosing = false));\n }\n\n private animationFinish() {\n this.cancelAnimations();\n this.elList.style.height = this.isClosing ? '0px' : '';\n this.isClosing = false;\n this.isExpanding = false;\n }\n\n private cancelAnimations() {\n if (this.animation) this.animation.cancel();\n }\n\n private emitEvents(option?: PnMultiselectOption, all?: boolean) {\n this.allOptions.emit(this.options);\n\n if (option) return this.selectedOption.emit(option);\n\n const data: { checked: boolean; searching: boolean; query?: string; found?: PnMultiselectOption[] } = {\n checked: all,\n searching: this.isSearching,\n };\n\n if (this.search && this.optionsTotal() !== this.optionsSearch().length) {\n data.query = this.searchQuery;\n data.found = this.optionsSearch();\n }\n\n this.selectedAllOptions.emit(data);\n }\n\n private optionsChecked(): PnMultiselectOption[] {\n const list = this.options?.reduce((sum, item) => {\n const subgroup = item.group ? [...item.group.filter(({ checked }) => checked)] : [];\n\n if (item.checked) sum.push(item);\n\n if (subgroup?.length) sum.push(...subgroup);\n\n return sum;\n }, []);\n\n return list;\n }\n\n private optionsTotal(): number {\n return this.options?.reduce((sum, item) => sum + (item?.group?.length ? item.group.length + 1 : 1), 0);\n }\n\n private optionsIndex(val: string): { indexGroup: number; indexNested?: number } {\n const findNested = ({ group = [] }: PnMultiselectOption) => group?.findIndex(({ value }) => value === val);\n\n const indexGroup = this.options.findIndex(option => option.value === val \|\| findNested(option) !== -1);\n const indexNested = findNested(this.options?.[indexGroup]);\n\n return {\n indexGroup,\n indexNested,\n };\n }\n\n private optionsCheckedTotal(): number {\n return this.optionsChecked()?.length;\n }\n\n private optionsCheckedPreview(): PnMultiselectOption[] {\n return this.optionsChecked()?.slice(0, this.itemCount);\n }\n\n private optionsCheckedLabels(): string {\n return this.optionsChecked()\n ?.map(({ label }) => label)\n ?.join(', ');\n }\n\n private optionsSearch(): PnMultiselectOption[] {\n const list = this.options?.reduce((sum, item) => {\n const subgroup = item.group ? [...item.group.filter(({ hide }) => !hide)] : [];\n if (!item.hide) sum.push(item);\n if (subgroup?.length) sum.push(...subgroup);\n return sum;\n }, []);\n\n return list;\n }\n\n private noResults() {\n return this.optionsSearch()?.length === 0;\n }\n\n private isIndeterminate(groupIndex: number): boolean {\n const option = this.options?.[groupIndex];\n if (option?.group?.length) {\n const all = option.group.every(({ checked }) => checked);\n const none = option.group.every(({ checked }) => !checked);\n\n return !(all \|\| none);\n }\n return false;\n }\n\n private optionSelect({ val, checked, chip }: { val: string; checked: boolean; chip?: number }) {\n if (val === this.allValue) return this.optionSelectAll(checked);\n\n const options = this.options;\n\n const { indexGroup, indexNested } = this.optionsIndex(val);\n\n const group = options[indexGroup]?.group;\n const nested = group?.[indexNested];\n\n if (nested?.value) {\n options[indexGroup].group[indexNested].checked = checked;\n\n const allSiblingsChecked = group?.every(({ checked }) => checked);\n\n if (allSiblingsChecked) options[indexGroup].checked = true;\n else options[indexGroup].checked = false;\n } else {\n options[indexGroup].checked = checked;\n if (group?.length) options[indexGroup].group = group?.map(opt => ({ ...opt, checked: checked }));\n }\n\n const option = indexNested === -1 ? options[indexGroup] : options[indexGroup].group[indexNested];\n\n this.emitEvents(option);\n\n this.options = [...options];\n\n if (typeof chip === 'number') {\n this.handleSrMesssage(`${this.translate('REMOVED')} ${option.label}`);\n\n requestAnimationFrame(() => {\n const index = chip === this.optionsCheckedTotal() ? chip - 1 : chip;\n const btn = Array.from(this.elChips.children)?.[index];\n btn?.querySelector('button').focus({ preventScroll: true });\n });\n }\n }\n\n private optionSelectAll(checked: boolean) {\n this.options = [\n ...this.options.map(option => {\n const opt = {\n ...option,\n checked: this.isSearching ? (option.hide ? option.checked : checked) : checked,\n };\n\n if (opt.group)\n opt.group = [\n ...opt.group.map(item => ({\n ...item,\n checked: this.isSearching ? (item.hide ? item.checked : checked) : checked,\n })),\n ];\n\n const allChecked = opt?.group?.every(({ checked }) => checked);\n if (opt?.group?.length) opt.checked = allChecked;\n\n return opt;\n }),\n ];\n\n this.emitEvents(null, checked);\n }\n\n private optionSelected(val: string): boolean {\n return !!this.optionsChecked()?.find(({ value, checked }) => value === val && checked);\n }\n\n private translate(prop: string): string {\n const text = translations?.[prop]?.[this.language \|\| en];\n if (text.includes('{number}')) return text.replace('{number}', this.optionsSearch().length);\n return text;\n }\n\n private getRect(element: HTMLElement): DOMRect {\n return element?.getBoundingClientRect();\n }\n\n private ripple({ clientX, clientY, target }: MouseEvent) {\n const isKeyboard = clientX === 0 && clientY === 0;\n const element = (target as HTMLInputElement).nextElementSibling;\n const { x, width, y, top } = this.getRect(element as HTMLElement);\n const clientCor = isKeyboard ? { clientX: x + width - 24, clientY: y - top } : { clientX, clientY };\n\n ripple(clientCor, element as HTMLElement);\n }\n\n private handleSrMesssage(text: string) {\n this.srMessage = text;\n clearTimeout(this.srTimer);\n this.srTimer = setTimeout(() => (this.srMessage = null), 2000);\n }\n\n private handleDirection() {\n if (this.top) return (this.upwards = true);\n if (this.bottom) return (this.upwards = false);\n\n const { bottom, top } = this.getRect(this.elInput);\n\n const oneEm = 16;\n\n /\n * Take the inner window height and subtract the elements bottom and 1em (16px)\n * If the max height of this calculation is less than the space above the element, open it upwards.\n * Do another calculation with the top value - 1em.\n /\n const offsetTop = window.innerHeight - bottom - oneEm;\n const offsetBottom = top - oneEm;\n\n /* Always point downwards, unless the space to the bottom is less than half of the top offset space. /\n this.upwards = offsetBottom / 2 > offsetTop;\n }\n\n private handleMaxHeight() {\n if (this.maxHeight) return this.elGroup.style.setProperty('--pn-select-max-height', this.maxHeight);\n\n const { bottom, top } = this.getRect(this.elInput);\n const inputHeight = this.upwards ? top : bottom;\n\n const offsetTop = getTotalHeightOffset();\n\n const offset = this.upwards ? offsetTop + 16 : 16;\n\n const maxHeight = this.upwards ? inputHeight - offset : window.innerHeight - inputHeight - offset;\n\n this.elGroup.style.setProperty('--pn-select-max-height', `${Math.ceil(maxHeight)}px`);\n }\n\n private handleWidth() {\n const { width } = this.getRect(this.elInput);\n this.elGroup.style.setProperty('--pn-select-options-width', `${Math.ceil(width)}px`);\n }\n\n private setFocus() {\n if (this.search) this.elInput.focus({ preventScroll: true });\n else this.elButton.focus({ preventScroll: true });\n }\n\n private hasError(): boolean {\n return this.invalid \|\| !!this.error;\n }\n\n private hasMessage(): boolean {\n return !!this.helpertext \|\| !!this.error;\n }\n\n private toggleOpen(state?: boolean) {\n if (typeof state === 'boolean' && state === this.open) return;\n this.open = state ?? !this.open;\n this.toggleSelect.emit({ open: this.open });\n }\n\n private handleInputKeyboard(event: KeyboardEvent) {\n event.stopImmediatePropagation();\n\n const { code } = event;\n\n if (code === 'Escape') return this.toggleOpen(false);\n if (!this.open && code.match(/^(Space\|Enter)$\|Arrow\|^Key.$/)) this.toggleOpen();\n }\n\n private setSearchQuery(value: string) {\n if (!this.open) this.toggleOpen(true);\n this.searchQuery = value;\n }\n\n private handleInputSearch() {\n if (this.isEmpty()) return;\n\n const term = this.searchQuery;\n const performSearch = ({ label, helpertext, value }: PnMultiselectOption): boolean => {\n return `${label} ${helpertext} ${value}`.trim().toLowerCase().includes(term.toLowerCase());\n };\n\n const options = this.options.map(option => {\n const foundNested = option?.group?.map(item => ({ ...item, hide: !performSearch(item) })) \|\| [];\n\n const found = performSearch(option) \|\| foundNested?.some(({ hide }) => !hide);\n\n option.hide = !found;\n if (option?.group?.length) option.group = [...foundNested];\n\n return option;\n });\n\n this.isSearching = term !== '';\n\n this.options = [...options];\n\n this.searchInput.emit({ query: term, found: this.optionsSearch() });\n }\n\n private getListItem(index: number): HTMLInputElement {\n const { value } = this.options[index];\n return this.elList.querySelector<HTMLInputElement>(`.pn-multiselect-option-input[value='${value}']`);\n }\n\n private getOptionIndex(val: string, triggers: (boolean \| number)[], code?: string) {\n const total = this.optionsTotal() - 1;\n\n if (code === 'End') return total;\n if (code === 'Home') return 0;\n\n const valIndex = this.options.findIndex(({ value }) => value === val);\n\n const count = triggers.find(item => typeof item === 'number') as number;\n const index = valIndex + count;\n\n if (index >= total) return total;\n if (index <= 0) return 0;\n\n return index;\n }\n\n private checkboxNav(e: KeyboardEvent, val: string) {\n const { code } = e;\n\n const arrowUp = code === 'ArrowUp' && -1;\n const arrowDown = code === 'ArrowDown' && 1;\n const pageUp = code === 'PageUp' && -10;\n const pageDown = code === 'PageDown' && 10;\n const home = code === 'Home' && 0;\n const end = code === 'End' && this.optionsTotal() - 1;\n const tab = code === 'Tab';\n const space = code === 'Space';\n const enter = code === 'Enter';\n const escape = code === 'Escape';\n\n const triggers = [arrowUp, arrowDown, pageUp, pageDown, home, end, tab, space, enter, escape];\n\n if (!triggers.some(item => typeof item === 'number' \|\| item)) return;\n\n if (tab \|\| space \|\| enter) return;\n\n e.stopImmediatePropagation();\n e.preventDefault();\n\n if (escape) {\n this.setFocus();\n return this.toggleOpen(false);\n }\n\n const item = this.getOptionIndex(val, triggers, code);\n return this.getListItem(item)?.focus();\n }\n\n private handleBlur(event: FocusEvent) {\n const target = event.target as HTMLElement;\n const related = event.relatedTarget as HTMLElement;\n\n const jumpingToChips = (related \|\| target)?.className === 'pn-multiselect-chip-button';\n\n if (jumpingToChips) this.toggleOpen(false);\n }\n\n private handleLabel() {\n if (this.disabled) return;\n this.setFocus();\n }\n\n /** Check if there are no options in the list. /\n private isEmpty(): boolean {\n return (this.options?.length \|\| 0) === 0;\n }\n\n private showSelectAll(): boolean {\n return this.selectAll && !this.isEmpty() && !this.noResults();\n }\n\n /* Check if the empty/nothing found should be visible. /\n private showEmptyOption() {\n return (this.isSearching && this.noResults()) \|\| this.isEmpty();\n }\n\n private getPlaceholder(): string {\n const autoTranslation = this.search ? 'SEARCH' : 'SELECT_AN_OPTION';\n return this.placeholder \|\| this.translate(autoTranslation);\n }\n\n private handleChange({ target }: InputEvent) {\n const { value, checked } = target as HTMLInputElement;\n this.optionSelect({ val: value, checked });\n }\n\n /* Display the \"X more selected options\" text. */\n private additonalOptions() {\n const count = this.optionsCheckedTotal() - this.itemCount;\n const single = `MORE_OPTION${count === 1 ? '' : 'S'}`;\n return `${count} ${this.translate(single)}`;\n }\n\n private describedBy(): string {\n const list = [this.search && this.idChips, this.srMessage && this.idSr, !!this.helpertext && this.idHelper].filter(\n Boolean,\n );\n if (list.length) return list.join(' ');\n return null;\n }\n\n private renderOption(\n {\n label,\n value,\n checked,\n helpertext,\n icon,\n id = `${this.selectId}-${value \|\| label}`,\n invalid,\n disabled,\n hide,\n group,\n }: PnMultiselectOption,\n indexGroup?: number,\n indexNested?: number,\n ): HTMLLIElement {\n return (\n <li class=\"pn-multiselect-option\" key={id} hidden={hide}>\n <input\n type=\"checkbox\"\n id={id}\n class=\"pn-multiselect-option-input\"\n checked={checked ?? this.optionSelected(value)}\n indeterminate={indexNested === undefined && this.isIndeterminate(indexGroup)}\n name={this.name}\n value={value}\n disabled={this.disabled \|\| disabled}\n required={this.required}\n aria-invalid={invalid ? 'true' : null}\n aria-describedby={helpertext ? `${id}-helper` : null}\n onClick={(event: MouseEvent) => this.ripple(event)}\n onKeyDown={(event: KeyboardEvent) => this.checkboxNav(event, value)}\n onBlur={(event: FocusEvent) => this.handleBlur(event)}\n />\n <div class=\"pn-multiselect-option-content\">\n {!!icon && <pn-icon icon={icon} color=\"blue900\" />}\n <div class=\"pn-multiselect-option-text\">\n <label class=\"pn-multiselect-option-label\" htmlFor={id}>\n <span>{label}</span>\n </label>\n {helpertext && (\n <p class=\"pn-multiselect-option-helper\" id={`${id}-helper`}>\n {helpertext}\n </p>\n )}\n </div>\n <div class=\"pn-multiselect-option-checkbox\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n <polyline\n class=\"pn-multiselect-option-checkbox-checkmark-path\"\n points=\"4,12 9,17 20,6\"\n stroke-width=\"3\"\n />\n <polyline\n class=\"pn-multiselect-option-checkbox-indeterminate-path\"\n points=\"4,12 20,12\"\n stroke-width=\"3\"\n />\n </svg>\n </div>\n </div>\n {group?.length && (\n <ul class=\"pn-multiselect-optgroup\">{group?.map((option, i) => this.renderOption(option, indexGroup, i))}</ul>\n )}\n </li>\n );\n }\n\n private renderOptions(): HTMLUListElement {\n return (\n <ul\n id={this.idOptions}\n class=\"pn-multiselect-options\"\n data-open={this.open}\n data-upwards={this.upwards}\n data-moving={this.isClosing \|\| this.isExpanding}\n onChange={(event: InputEvent) => this.handleChange(event)}\n style={{ height: '0px' }}\n ref={el => (this.elList = el)}\n >\n {this.showSelectAll() &&\n this.renderOption({\n label: this.translate(`SELECT_${this.isSearching ? 'FOUND' : 'ALL'}_OPTIONS`),\n value: this.allValue,\n checked: this.optionsTotal() === this.optionsCheckedTotal(),\n })}\n\n {this.options?.map((option, index) => this.renderOption(option, index))}\n\n {this.showEmptyOption() && (\n <li class=\"pn-multiselect-option\">\n <div class=\"pn-multiselect-option-content\" role=\"alert\">\n <div class=\"pn-multiselect-option-text\">\n <span class=\"pn-multiselect-option-label\">\n {this.translate(this.isEmpty() ? 'NO_OPTIONS' : 'NO_SEARCH_RESULTS')}\n </span>\n </div>\n </div>\n </li>\n )}\n </ul>\n );\n }\n\n private renderChips(): HTMLUListElement {\n return (\n <ul\n id={this.idChips}\n class=\"pn-multiselect-chips\"\n aria-label={this.translate('SELECTED_OPTIONS')}\n ref={el => (this.elChips = el)}\n >\n {this.optionsCheckedPreview()?.map(({ label, value }, index) => (\n <li\n class=\"pn-multiselect-chip\"\n aria-setsize={this.optionsCheckedTotal()}\n aria-posinset={index + 1}\n key={`${label}-${value}`}\n >\n <span class=\"pn-multiselect-chip-label\">{label}</span>\n <button\n type=\"button\"\n class=\"pn-multiselect-chip-button\"\n aria-label={`${this.translate('REMOVE')} ${label}`}\n onClick={() => this.optionSelect({ val: value, checked: false, chip: index })}\n >\n <pn-icon icon={close} small color=\"blue700\" />\n </button>\n </li>\n ))}\n {this.optionsCheckedTotal() > this.itemCount && (\n <li class=\"pn-multiselect-chip\" data-count>\n <span class=\"pn-multiselect-chip-label\">+ {this.additonalOptions()}</span>\n </li>\n )}\n </ul>\n );\n }\n\n render() {\n return (\n <Host>\n <fieldset class=\"pn-multiselect\" data-icon={!!this.icon} data-error={this.hasError()} disabled={this.disabled}>\n {this.label && (\n <legend id={this.idLegend} class=\"pn-multiselect-label\" onClick={() => this.handleLabel()}>\n <span>{this.label}</span>\n\n {!!this.optionsChecked()?.length && (\n <span>\n {this.optionsCheckedTotal()}/{this.optionsTotal()}\n </span>\n )}\n </legend>\n )}\n <div class=\"pn-multiselect-group\" ref={el => (this.elGroup = el)}>\n <div class=\"pn-multiselect-input\">\n {!!this.icon && <pn-icon class=\"pn-multiselect-icon\" data-custom icon={this.icon} />}\n\n <input\n tabindex={this.search ? null : '-1'}\n type={this.search ? 'search' : 'input'}\n id={this.selectId}\n class=\"pn-multiselect-element\"\n value={this.search ? this.searchQuery : this.optionsCheckedLabels()}\n name={this.selectName}\n placeholder={this.getPlaceholder()}\n required={this.search ? null : this.required}\n aria-labelledby={this.idLegend}\n aria-describedby={this.describedBy()}\n aria-controls={`${this.idOptions} ${this.search ? this.idChips : ''}`}\n aria-invalid={this.hasError()?.toString()}\n disabled={this.disabled}\n readonly={!this.search}\n onClick={() => (this.search && this.open ? null : this.toggleOpen())}\n onKeyDown={e => this.handleInputKeyboard(e)}\n onBlur={e => this.handleBlur(e)}\n onInput={e => this.search && this.setSearchQuery((e.target as HTMLInputElement).value)}\n ref={el => (this.elInput = el)}\n />\n\n {this.hasError() && (\n <pn-icon class=\"pn-multiselect-icon\" data-error icon={alert_exclamation_circle} color=\"warning\" />\n )}\n\n <button\n id={this.idButton}\n type=\"button\"\n class=\"pn-multiselect-button\"\n aria-label={this.translate(`BUTTON_${this.open ? 'CLOSE' : 'OPEN'}`)}\n aria-describedby={this.search ? null : this.selectId}\n aria-controls={this.idOptions}\n aria-expanded={this.open.toString()}\n onClick={() => this.toggleOpen()}\n ref={el => (this.elButton = el)}\n >\n <pn-icon class=\"pn-multiselect-icon\" icon={angle_down} color=\"blue700\" />\n </button>\n </div>\n\n {this.renderOptions()}\n </div>\n\n {this.hasMessage() && (\n <p id={this.idHelper} class=\"pn-multiselect-description\" role={!!this.error ? 'alert' : null}>\n <span>{this.error \|\| this.helpertext}</span>\n </p>\n )}\n\n {this.search && this.renderChips()}\n\n <slot />\n\n {this.search && (\n <p id={this.idSr} class=\"pn-multiselect-sr-only\" role=\"alert\" aria-live=\"assertive\">\n {this.srMessage && <span>{this.srMessage}</span>}\n </p>\n )}\n </fieldset>\n </Host>\n );\n }\n}\n"],"version":3}

package/umd/modules/@postnord/web-components/esm/pn-ocr-search.entry.js CHANGED Viewed

@@ -136,7 +136,7 @@ const PnOcrSearch = class {
         }
     }
     render() {
-        return (h(Host, { key: '917961782b3f330e4271aa6f25427c36398c252e' }, h("pn-search-field", { key: 'e04856aba0427ece6d332e8375313d87212106af', loading: this.loading, label: this.getTranslation('SEARCH_BUTTON'), button: "icon", buttonLabel: this.getTranslation('SEARCH_BUTTON'), placeholder: this.getTranslation('PLACEHOLDER_TEXT'), onSearch: e => this.handleSearch(e) }), this.renderSearchResult(), this.renderErrorMessage()));
+        return (h(Host, { key: 'c4392bef058b06addd7357e34ce304f5804a1b44' }, h("pn-search-field", { key: '2f8f4beedb4c90e97ef63437fb39e649b0ae7d33', loading: this.loading, label: this.getTranslation('SEARCH_BUTTON'), button: "icon", buttonLabel: this.getTranslation('SEARCH_BUTTON'), placeholder: this.getTranslation('PLACEHOLDER_TEXT'), onSearch: e => this.handleSearch(e) }), this.renderSearchResult(), this.renderErrorMessage()));
     }
 };
 PnOcrSearch.style = PnOcrSearchStyle0;

package/umd/modules/@postnord/web-components/esm/pn-page-nav-dropdown-item.entry.js CHANGED Viewed

@@ -38,7 +38,7 @@ const PnPageNavDropdownItem = class {
     }
     render() {
         const TagName = this.getTagName();
-        return (h("li", { key: 'f4bdc8d41ea761f0fcca047fe70678cb83a0d0ad' }, h(TagName, { key: 'facd7296d4d26b872548c21491a901719e3bb278', href: this.href || '#', class: this.setClassnames(), type: this.getType(), onClick: e => this.select(e), tabindex: "-1" }, h("slot", { key: 'c70b49d7079403d41fe68d799f621b58a0f377c4' }), h("pn-icon", { key: '3731f2a595d7234c78fe33458f1d2cdb3544aa20', icon: arrow_right, color: "white" })), h("hr", { key: 'f5da263701f5b73566353a58268cbe59c48db725' })));
+        return (h("li", { key: '118b8decf6fe97a27767bc70926ccc3b350bea31' }, h(TagName, { key: '1417fbd74d2bd8119789b1ddb5f395cf5ea5571d', href: this.href || '#', class: this.setClassnames(), type: this.getType(), onClick: e => this.select(e), tabindex: "-1" }, h("slot", { key: '51bdce9d5a7cdc1a7481ea13c49c11f073ae7660' }), h("pn-icon", { key: '63252ed87b9aaa6c2f26c4fe503e71b3d08169e9', icon: arrow_right, color: "white" })), h("hr", { key: 'c7b2d942886b0aaafa859f3d564ba920ea07ca79' })));
     }
 };
 PnPageNavDropdownItem.style = PnPageNavDropdownItemStyle0;

package/umd/modules/@postnord/web-components/esm/pn-page-nav-item.entry.js CHANGED Viewed

@@ -24,7 +24,7 @@ const PnPageNavItem = class {
         this.itemselection.emit(this.value);
     }
     render() {
-        return (h(Host, { key: '661feb5107ecf8dadaa62f137d8dd8ca54e83de7' }, h("li", { key: '39f97a818c74ab3740592d997fc0ea9cf7ae9129' }, h("a", { key: 'a5528e3389075f88328bc8f64d608830f9c882ba', href: this.href || '#', class: "pn-page-nav-item", onClick: e => this.select(e) }, this.icon && h("pn-icon", { key: 'bee33613667acc22c223ed8192a0751df8186129', icon: this.icon, color: "white" }), h("slot", { key: '15d6a38762c81898f15f93f99eac390b92dc6209' })))));
+        return (h(Host, { key: 'a2dcede0a4f6789eda151fa2fcd5496588897361' }, h("li", { key: '029058cffbfbf1c04d57c7605b9e887cce0abbd1' }, h("a", { key: '38f2a5a9e15bc96a9efb91d85c9d67b21d27b40b', href: this.href || '#', class: "pn-page-nav-item", onClick: e => this.select(e) }, this.icon && h("pn-icon", { key: '110592957f990a4c9594820d748aa1c6458742a5', icon: this.icon, color: "white" }), h("slot", { key: '9b72c3dc62e9dfc9fe7cc0415d0ea0f67ea0d47f' })))));
     }
 };
 PnPageNavItem.style = PnPageNavItemStyle0;

package/umd/modules/@postnord/web-components/esm/pn-page-nav.entry.js CHANGED Viewed

@@ -4,9 +4,9 @@
  */
 import { r as registerInstance, c as createEvent, g as getElement, f as forceUpdate, h, a as Host } from './index-5606614b.js';
 import { u as uuidv4 } from './helpers-9dac5241.js';
+import { a as angle_down } from './angle_down-d788f691.js';
 import { a as arrow_left } from './arrow_left-f0d725e6.js';
 import { a as arrow_right } from './arrow_right-1b36bbb0.js';
-import { c as chevron_down } from './chevron_down-6e3fb42f.js';
 const pnPageNavCss = "pn-page-nav{display:block;position:relative;font-size:clamp(0.8em, 2vw, 1em);z-index:5}.pn-page-nav-wrapper{transform:translateZ(0);font-size:inherit;max-width:100%;overflow:hidden;position:relative;display:inline-flex;border-radius:3em}.pn-page-nav{display:flex;align-items:center;border-radius:3em;min-height:3em;background:#0d234b;border:0.0625em solid #d3cecb;position:relative;overflow-x:auto;scroll-snap-type:x mandatory}.pn-page-nav::-webkit-scrollbar{display:none}.pn-page-nav ul.pn-page-nav-items{display:flex;list-style-type:none;padding:0.25em;margin:0;position:relative}.pn-page-nav-items>.pn-pn-bg{position:absolute;top:50%;transform:translateY(-50%);will-change:transform;left:0;border-radius:3em;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}.pn-page-nav-items>.pn-pn-bg.pn-pn-active{box-shadow:0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);background:#005d92;z-index:1}.pn-page-nav-items>.pn-pn-bg.pn-pn-hover{background:#ffffff;opacity:0;border:0.0625em solid transparent;z-index:0}.pn-page-nav-items>.pn-pn-bg.hidden{opacity:0}@media (hover: hover){ul.pn-page-nav-items:focus-within .pn-pn-hover,ul.pn-page-nav-items:hover .pn-pn-hover{opacity:0.12}}pn-page-nav .pn-pn-arrows{position:absolute;top:50%;transform:translateY(-50%);left:0;height:100%;width:100%;z-index:3;display:flex;justify-content:space-between;align-items:center;pointer-events:none;padding:0.125em 0.1em}pn-page-nav .pn-pn-arrows svg{width:1.5em}pn-page-nav .pn-pn-arrows svg.pn-icon-svg path{fill:#005d92}pn-page-nav .pn-pn-arrows>*{transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s;pointer-events:all;height:100%;aspect-ratio:1;background:#ffffff;display:flex;align-items:center;justify-content:center;outline:none;cursor:pointer;opacity:0;will-change:transform;-webkit-tap-highlight-color:transparent;border-radius:50%;border:0.0625em solid #0d234b}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-left{transform:translateX(-100%)}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-right{transform:translateX(100%)}@media screen and (max-width: 30em){pn-page-nav .pn-pn-arrows>*{border:none}pn-page-nav .pn-pn-arrows>* pn-icon .pn-icon-svg{width:100%;height:2em;animation:arrow 0.6s ease-in-out alternate infinite}pn-page-nav .pn-pn-arrows>* pn-icon .pn-icon-svg path{fill:#ffffff}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-left{background:linear-gradient(to left, transparent, #0d234b 60%);border-radius:50% 0 0 50%}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-right{background:linear-gradient(to right, transparent, #0d234b 40%);border-radius:0 50% 50% 0}}pn-page-nav .pn-pn-arrows.pn-pn-left-visible .pn-pn-arrow-left,pn-page-nav .pn-pn-arrows.pn-pn-right-visible .pn-pn-arrow-right{opacity:1;transform:translateX(0)}@keyframes arrow{to{transform:translateX(10%)}}button.pn-page-nav-dropdown-button{font-size:1em;border-radius:3em 0 0 3em;background:#0d234b;color:#ffffff;padding:0.5em 1em 0.5em 1.5em;cursor:pointer;display:flex;align-items:center;border:none;transition:background 0.15s;outline:none;height:100%;position:relative;margin:0 0.5em 0 0;font-weight:500}button.pn-page-nav-dropdown-button pn-icon{margin-left:0.5em}button.pn-page-nav-dropdown-button:hover,button.pn-page-nav-dropdown-button:focus{background:#263655}button.pn-page-nav-dropdown-button:focus{box-shadow:inset 0 0 0 0.1em #005d92, inset 0 0 0 0.2em #d3cecb}button.pn-page-nav-dropdown-button.pn-page-nav-dropdown-active{background:#005d92}button.pn-page-nav-dropdown-button.pn-page-nav-dropdown-active:hover,button.pn-page-nav-dropdown-button.pn-page-nav-dropdown-active:focus{background:#005d92}.pn-page-nav-divider{height:60%;background:#d3cecb;width:0.1em;position:absolute;right:0;transform:translateX(50%)}ul.pn-page-nav-dropdown{position:absolute;left:0;top:110%;background:#0d234b;border-radius:0.5em;margin:0;padding:0;list-style-type:none;box-shadow:0px 6.4000000954px 14.3999996185px 0px rgba(0, 0, 0, 0.1294117647), 0px 1.2000000477px 3.5999999046px 0px rgba(0, 0, 0, 0.1019607843);font-size:inherit;display:none}ul.pn-page-nav-dropdown.pn-page-nav-dropdown-open{display:block}";
 const PnPageNavStyle0 = pnPageNavCss;
@@ -294,7 +294,7 @@ const PnPageNav = class {
     }
     /* ---------------------------------------/DROPDOWN LOGIC--------------------------------------- */
     render() {
-        return (h(Host, { key: '2d472afc87973db1b342badc82b707f5767834e9' }, h("div", { key: 'a76c352f5e14f65d8bec6fa42ed25b2b287d7280', class: "pn-page-nav-wrapper" }, h("nav", { key: '20ed1bb324c0fb4800c9f8f07d0d40100721e5e9', class: "pn-page-nav" }, this.dropdownActive && (h("button", { key: '7dbbafa6c70b16cbad1fe832df007aa65c077ec7', type: "button", class: this.dropdownButtonClasses(), onClick: () => this.toggleDropdown(), "aria-controls": "page-nav-dropdown", "aria-expanded": `${this.dropdownOpen}` }, this.dropdown, h("pn-icon", { key: 'b2785a4afaa0f2f9ce19c890c6aebb0d2b7e0042', icon: chevron_down, color: "white", small: true }), h("div", { key: '876b33ce6d6a3bd0b83d5f8d97d63d24c0530074', class: "pn-page-nav-divider" }))), h("ul", { key: 'b4a29a198ac5e38baef3ed74b12e3aca14c8cc9b', class: "pn-page-nav-items" }, h("slot", { key: '947c3412a48a441a0677a7815d7973ca448515c3' }), h("li", { key: '90141ec24493bcda61698d15b448f9910d70e2ed', class: "pn-pn-bg pn-pn-active", role: "presentation" }), h("li", { key: '02f007fe38b1512749971b0b4c006a3589517788', class: "pn-pn-bg pn-pn-hover", role: "presentation" }))), this.showScrollArrows && (h("div", { key: 'ca4ea70291ecf8d9b7d3dc59b27c72176cc96938', class: this.scrollArrowClasses() }, h("button", { key: 'f6ff58345a9e44be31fbf8c22492710fb76e24a3', class: "pn-pn-arrow-left", onClick: () => this.scroll(-120), tabindex: "-1" }, h("pn-icon", { key: 'c1b090b80ab3b3aa387bc7d550ee8ffdb7c769ad', icon: arrow_left, color: "white" })), h("button", { key: '2be256cd45c2355563a9ad239f3709619790f1ad', class: "pn-pn-arrow-right", onClick: () => this.scroll(120), tabindex: "-1" }, h("pn-icon", { key: 'afb76fc849b335ef1c216273301dd4d95a0b4cee', icon: arrow_right, color: "blue700" }))))), this.dropdownActive && (h("ul", { key: '941559a72118dd220f684ece2151ace9c4c3e292', id: this.navid, class: this.dropdownClasses() }, h("slot", { key: '9e546d81c3f8f98ac3978646a865f406e673d0e3', name: "dropdown-item" })))));
+        return (h(Host, { key: '78363e8727ce2d9b1525572a8d909b65141c4932' }, h("div", { key: '1cdb635b439f40cf77df3a77432d542f3055e952', class: "pn-page-nav-wrapper" }, h("nav", { key: '13ae19bf916612a04990edade8d7325665a91060', class: "pn-page-nav" }, this.dropdownActive && (h("button", { key: '802fbae4d73a7b26a34ed4e41e5b5a6efd3ba101', type: "button", class: this.dropdownButtonClasses(), onClick: () => this.toggleDropdown(), "aria-controls": "page-nav-dropdown", "aria-expanded": `${this.dropdownOpen}` }, this.dropdown, h("pn-icon", { key: 'ac26e1ec6b9feeb52a898d7f80d2c4356423e93d', icon: angle_down, color: "white", small: true }), h("div", { key: 'c040e7c7ac1db10687b53ad6f59f6c3ded1d8e8a', class: "pn-page-nav-divider" }))), h("ul", { key: '4bf5dc223bd55b0fb81fedebfa09fbe5db42569d', class: "pn-page-nav-items" }, h("slot", { key: '3b77f7bd7a09700b860df10927b3889072e3bc34' }), h("li", { key: '71f85348e913043ca037efbe523f25a00bf8d211', class: "pn-pn-bg pn-pn-active", role: "presentation" }), h("li", { key: '462f8b0e8e1c788143d4ffaf5011b030ff100f5f', class: "pn-pn-bg pn-pn-hover", role: "presentation" }))), this.showScrollArrows && (h("div", { key: 'c69db4a2202a5b5f9da49f72466bfa2d68eec0c8', class: this.scrollArrowClasses() }, h("button", { key: 'eb809646459a703b8ea984ef6f9ec8b23ea34029', class: "pn-pn-arrow-left", onClick: () => this.scroll(-120), tabindex: "-1" }, h("pn-icon", { key: '4d797edf6525213134b3acc0e36876ade74952a8', icon: arrow_left, color: "white" })), h("button", { key: '612286fcac6b7608a1162aa5b8ad3d6ff401bf87', class: "pn-pn-arrow-right", onClick: () => this.scroll(120), tabindex: "-1" }, h("pn-icon", { key: '5a336276c0b4256fb976fc2bdc9037ec25cbc382', icon: arrow_right, color: "blue700" }))))), this.dropdownActive && (h("ul", { key: '518b79ad7c1a7ff8652a5fb909f8285f94405a4a', id: this.navid, class: this.dropdownClasses() }, h("slot", { key: '7d03ba12daffea62b0b0a7c0f1a1c1c006a125c4', name: "dropdown-item" })))));
     }
     static get watchers() { return {
         "value": ["valueHandler"],

package/umd/modules/@postnord/web-components/esm/pn-page-nav.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-page-nav.entry.js","mappings":"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","names":[],"sources":["src/components/navigation/pn-page-nav/menu/pn-page-nav.scss?tag=pn-page-nav","src/components/navigation/pn-page-nav/menu/pn-page-nav.tsx"],"sourcesContent":["@use 'src/globals/main';\n\npn-page-nav {\n display: block;\n position: relative;\n font-size: clamp(0.8em, 2vw, 1em);\n z-index: 5;\n}\n\n.pn-page-nav-wrapper {\n transform: translateZ(0);\n font-size: inherit;\n max-width: 100%;\n overflow: hidden;\n position: relative;\n display: inline-flex;\n border-radius: 3em;\n}\n\n.pn-page-nav {\n display: flex;\n align-items: center;\n border-radius: 3em;\n min-height: 3em;\n background: main.$blue900;\n border: 0.0625em solid main.$gray200;\n position: relative;\n overflow-x: auto;\n scroll-snap-type: x mandatory;\n\n &::-webkit-scrollbar {\n display: none;\n }\n}\n\n.pn-page-nav ul.pn-page-nav-items {\n display: flex;\n list-style-type: none;\n padding: 0.25em;\n margin: 0;\n position: relative;\n}\n\n.pn-page-nav-items > .pn-pn-bg {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n will-change: transform;\n left: 0;\n border-radius: 3em;\n transition:\n width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97),\n transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97),\n background 0.15s,\n opacity 0.15s,\n box-shadow 0.15s;\n\n &.pn-pn-active {\n box-shadow:\n 0px 0.3px 0.9px rgba(0, 0, 0, 0.1),\n 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);\n background: main.$blue700;\n z-index: 1;\n }\n\n &.pn-pn-hover {\n background: main.$white;\n opacity: 0;\n border: 0.0625em solid transparent;\n z-index: 0;\n }\n\n &.hidden {\n opacity: 0;\n }\n}\n\n@media (hover: hover) {\n ul.pn-page-nav-items:focus-within .pn-pn-hover,\n ul.pn-page-nav-items:hover .pn-pn-hover {\n opacity: 0.12;\n }\n}\n\n/---------------------------------------ARROWS-------------------------------------------/\npn-page-nav .pn-pn-arrows {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 3;\n display: flex;\n justify-content: space-between;\n align-items: center;\n pointer-events: none;\n padding: 0.125em 0.1em;\n\n svg {\n width: 1.5em;\n\n &.pn-icon-svg path {\n fill: main.$blue700;\n }\n }\n\n > * {\n transition:\n transform 0.2s,\n opacity 0.2s,\n background 0.1s,\n box-shadow 0.1s;\n pointer-events: all;\n height: 100%;\n aspect-ratio: 1;\n background: main.$white;\n display: flex;\n align-items: center;\n justify-content: center;\n outline: none;\n cursor: pointer;\n opacity: 0;\n will-change: transform;\n -webkit-tap-highlight-color: transparent;\n border-radius: 50%;\n border: 0.0625em solid main.$blue900;\n\n &.pn-pn-arrow-left {\n transform: translateX(-100%);\n }\n\n &.pn-pn-arrow-right {\n transform: translateX(100%);\n }\n\n @media screen and (max-width: 30em) {\n border: none;\n\n pn-icon .pn-icon-svg {\n width: 100%;\n height: 2em;\n animation: arrow 0.6s ease-in-out alternate infinite;\n\n path {\n fill: main.$white;\n }\n }\n\n &.pn-pn-arrow-left {\n background: linear-gradient(to left, transparent, main.$blue900 60%);\n border-radius: 50% 0 0 50%;\n }\n\n &.pn-pn-arrow-right {\n background: linear-gradient(to right, transparent, main.$blue900 40%);\n border-radius: 0 50% 50% 0;\n }\n }\n }\n\n &.pn-pn-left-visible .pn-pn-arrow-left,\n &.pn-pn-right-visible .pn-pn-arrow-right {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@keyframes arrow {\n to {\n transform: translateX(10%);\n }\n}\n/---------------------------------------/ARROWS-------------------------------------------/\n\n/---------------------------------------DROPDOWN-------------------------------------------/\nbutton.pn-page-nav-dropdown-button {\n font-size: 1em;\n border-radius: 3em 0 0 3em;\n background: main.$blue900;\n color: main.$white;\n padding: 0.5em 1em 0.5em 1.5em;\n cursor: pointer;\n display: flex;\n align-items: center;\n border: none;\n transition: background 0.15s;\n outline: none;\n height: 100%;\n position: relative;\n margin: 0 0.5em 0 0;\n font-weight: 500;\n\n pn-icon {\n margin-left: 0.5em;\n }\n\n &:hover,\n &:focus {\n background: #263655;\n }\n\n &:focus {\n box-shadow:\n inset 0 0 0 0.1em main.$blue700,\n inset 0 0 0 0.2em main.$gray200;\n }\n\n &.pn-page-nav-dropdown-active {\n background: main.$blue700;\n\n &:hover,\n &:focus {\n background: main.$blue700;\n }\n }\n}\n\n.pn-page-nav-divider {\n height: 60%;\n background: main.$gray200;\n width: 0.1em;\n position: absolute;\n right: 0;\n transform: translateX(50%);\n}\n\nul.pn-page-nav-dropdown {\n position: absolute;\n left: 0;\n top: 110%;\n background: main.$blue900;\n border-radius: 0.5em;\n margin: 0;\n padding: 0;\n list-style-type: none;\n box-shadow:\n 0px 6.400000095367432px 14.399999618530273px 0px #00000021,\n 0px 1.2000000476837158px 3.5999999046325684px 0px #0000001a;\n font-size: inherit;\n display: none;\n}\n\nul.pn-page-nav-dropdown.pn-page-nav-dropdown-open {\n display: block;\n}\n/---------------------------------------/DROPDOWN-------------------------------------------/\n","import {\n Component,\n Element,\n Prop,\n h,\n Host,\n Listen,\n State,\n Watch,\n forceUpdate,\n EventEmitter,\n Event,\n} from '@stencil/core';\nimport { uuidv4 } from '@/globals/helpers';\nimport { chevron_down, arrow_left, arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n/*\n @deprecated This component will be removed in v8. Please use the `pn-tablist` instead.\n * @see {@link https://portal.postnord.com/web-components/?path=/docs/components-navigation-tablist--docs} Use `pn-tablist` instead.\n \n @slot dropdown-item - Place your `pn-page-nav-dropdown-item` components here.\n /\n@Component({\n tag: 'pn-page-nav',\n styleUrl: 'pn-page-nav.scss',\n})\nexport class PnPageNav {\n mo: MutationObserver;\n\n navContainer: HTMLUListElement;\n navWrapper: HTMLElement;\n navItems: HTMLPnPageNavItemElement[] = [];\n\n dropdownButton: HTMLElement;\n dropdownEl: HTMLElement;\n dropdownItems: HTMLPnPageNavItemElement[];\n dropdownEls: HTMLPnPageNavDropdownItemElement[];\n\n eventHandler = this.keyboardEvents.bind(this);\n globalEventHandler = this.globalEvents.bind(this);\n\n activeBg: HTMLDivElement;\n hoverBg: HTMLDivElement;\n\n scrollRegistered: boolean = false;\n\n @Element() hostElement: HTMLElement;\n\n @State() currentSelection: HTMLElement;\n @State() showScrollArrows: boolean = false;\n @State() showLeftArrow: boolean = false;\n @State() showRightArrow: boolean = false;\n @State() dropdownOpen: boolean = false;\n @State() dropdownLinks: Array<string> = [];\n @State() dropdownActive: boolean = false;\n\n /* Currently active menu item value /\n @Prop({ mutable: true }) value: string;\n /* Pass a string which will be the text on the dropdown button. /\n @Prop() dropdown: string \| boolean = false;\n /* Set a unique HTML ID. /\n @Prop() navid: string = `pn-page-nav-${uuidv4()}`;\n\n /* Emits the value of the selected item. /\n @Event() navchange: EventEmitter<string>;\n\n @Listen('itemselection')\n changeHandler({ target }) {\n this.currentSelection = target.closest('pn-page-nav-item');\n if (target.value) this.value = target.value;\n\n if (this.dropdownOpen) this.dropdownOpen = false;\n }\n\n @Listen('resize', { target: 'window' })\n handleResize() {\n this.rerender();\n }\n\n @Watch('value')\n valueHandler() {\n if (!this.value) this.currentSelection = null;\n this.calcHighlight(this.currentSelection, this.activeBg);\n\n this.navchange.emit(this.value);\n\n if (!this.dropdownActive) return;\n this.isDropdownItemActive();\n }\n\n @Watch('dropdownOpen')\n dropdownHandler() {\n if (this.dropdownOpen) {\n requestAnimationFrame(() => {\n this.addGlobalEventListeners();\n });\n\n return;\n }\n\n this.removeGlobalEventListeners();\n }\n\n / ---------------------------------------LIFECYCLE--------------------------------------- /\n componentWillLoad() {\n if (!this.dropdown) return;\n this.dropdownEls = Array.from(this.hostElement.querySelectorAll('pn-page-nav-dropdown-item'));\n if (this.dropdownEls.length) {\n this.dropdownActive = true;\n this.initiateDropdown();\n }\n }\n\n componentDidLoad() {\n if (this.mo) this.mo.disconnect();\n this.mo = new MutationObserver(() => {\n forceUpdate(this.hostElement);\n this.setActiveNavItem();\n this.rerender();\n });\n this.mo.observe(this.hostElement, { childList: true, subtree: true });\n\n this.navWrapper = this.hostElement.querySelector('.pn-page-nav');\n this.navContainer = this.hostElement.querySelector('.pn-page-nav-items');\n this.activeBg = this.hostElement.querySelector('.pn-pn-active');\n this.hoverBg = this.hostElement.querySelector('.pn-pn-hover');\n\n this.hostElement.addEventListener('mouseover', ({ target }) =>\n this.calcHighlight(target as HTMLElement, this.hoverBg),\n );\n\n this.setActiveNavItem();\n this.rerender();\n }\n / ---------------------------------------/LIFECYCLE--------------------------------------- /\n\n setActiveNavItem() {\n this.navItems = Array.from(this.hostElement.querySelectorAll('pn-page-nav-item'));\n this.navItems.forEach(navItemEl => {\n if (this.value === navItemEl.value) {\n this.currentSelection = navItemEl;\n } else {\n navItemEl.removeAttribute('selected');\n }\n\n navItemEl\n .querySelector('a')\n .addEventListener('focus', ({ target }) => this.calcHighlight(target as HTMLElement, this.hoverBg));\n });\n\n / -----------------dropdown------------------ /\n if (!this.dropdownActive) return;\n this.dropdownItems = Array.from(this.hostElement.querySelectorAll('.pn-page-nav-dropdown-item'));\n\n //Check active state on each item\n this.isDropdownItemActive();\n\n //Store all values to check if dropdown button should be active\n this.dropdownLinks = this.dropdownItems.map((el, i) => {\n el.setAttribute('data-index', `${i}`);\n return (el.closest('pn-page-nav-dropdown-item') as any).value;\n });\n / -----------------/dropdown------------------ /\n }\n\n rerender() {\n requestAnimationFrame(() => {\n this.calcHighlight(this.currentSelection, this.activeBg);\n this.scrollArrowRender();\n });\n }\n\n /---------------------------------------HIGHLIGHT LOGIC-------------------------------------------/\n calcHighlight(el: HTMLElement, bgEl: HTMLElement) {\n if (!el?.closest('pn-page-nav-item')) {\n bgEl?.classList.add('hidden');\n return;\n }\n\n if (bgEl) bgEl.classList.remove('hidden');\n\n const elRect = el.closest('pn-page-nav-item').getBoundingClientRect();\n const { left: hostLeft } = this.navContainer.getBoundingClientRect();\n const { left: navLeft, height: navHeight, width: navWidth } = elRect;\n\n const offset = navLeft - hostLeft + this.navContainer.scrollLeft;\n\n bgEl.style.setProperty('transform', `translate(${offset}px, -50%`);\n bgEl.style.setProperty('width', `${navWidth}px`);\n bgEl.style.setProperty('height', `${navHeight}px`);\n }\n /---------------------------------------/HIGHLIGHT LOGIC-------------------------------------------/\n\n /---------------------------------------SCROLL ARROW LOGIC-------------------------------------------/\n scrollArrowRender() {\n if (!this.navWrapper) return;\n if (this.navWrapper.scrollWidth > this.navWrapper.clientWidth) {\n this.showScrollArrows = true;\n\n if (!this.scrollRegistered) {\n this.navWrapper.addEventListener('scroll', this.scrollArrowRender.bind(this));\n this.scrollRegistered = true;\n }\n\n const amountScrolled = Math.round(this.navWrapper.scrollWidth - this.navWrapper.scrollLeft);\n const distanceToEnd = amountScrolled - this.navWrapper.clientWidth;\n const distanceToStart = this.navWrapper.scrollLeft;\n\n this.showLeftArrow = distanceToStart > 0;\n this.showRightArrow = distanceToEnd > 0;\n\n return;\n }\n\n this.showLeftArrow = false;\n this.showRightArrow = false;\n this.showScrollArrows = false;\n }\n\n scroll(val: number) {\n let amount = this.navWrapper.scrollLeft + val;\n\n this.navWrapper.scroll({\n left: amount,\n behavior: 'smooth',\n });\n }\n\n scrollArrowClasses() {\n let classNames = 'pn-pn-arrows ';\n\n if (this.showLeftArrow) classNames += 'pn-pn-left-visible ';\n if (this.showRightArrow) classNames += 'pn-pn-right-visible ';\n\n return classNames;\n }\n /---------------------------------------/SCROLL ARROW LOGIC-------------------------------------------/\n\n / ---------------------------------------DROPDOWN LOGIC--------------------------------------- /\n\n initiateDropdown() {\n requestAnimationFrame(() => {\n this.dropdownButton = this.hostElement.querySelector('.pn-page-nav-dropdown-button');\n this.dropdownEl = this.hostElement.querySelector('.pn-page-nav-dropdown');\n\n this.addDropdownEventListeners();\n });\n }\n\n toggleDropdown() {\n this.dropdownOpen = !this.dropdownOpen;\n }\n\n isDropdownItemActive() {\n this.dropdownEls.forEach(el => {\n if (el.value && this.value === el.value) {\n el.setAttribute('active', 'true');\n return;\n }\n\n el.removeAttribute('active');\n });\n }\n\n / -----------------events------------------ /\n / -----------------temporary events------------------ /\n addDropdownEventListeners() {\n this.hostElement.addEventListener('keydown', this.eventHandler);\n this.hostElement.addEventListener('click', this.eventHandler);\n }\n\n addGlobalEventListeners() {\n const root: Document = this.hostElement.getRootNode() as Document;\n\n root.addEventListener('focusin', this.globalEventHandler);\n root.addEventListener('keydown', this.globalEventHandler);\n root.addEventListener('click', this.globalEventHandler);\n }\n\n removeGlobalEventListeners() {\n const root: Document = this.hostElement.getRootNode() as Document;\n\n root.removeEventListener('focusin', this.globalEventHandler);\n root.removeEventListener('keydown', this.globalEventHandler);\n root.removeEventListener('click', this.globalEventHandler);\n }\n / -----------------/temporary events------------------ /\n\n / -----------------Open dropdown with keyboard------------------ /\n keyboardEvents(e: KeyboardEvent) {\n const target: Element = e.composedPath()[0] as Element;\n\n // As long as the dropdown is closed, we only want it to react to keyboard input\n // is the user has focus on the button\n if (e.type === 'keydown') {\n if (!this.dropdownOpen && target === this.dropdownButton && ['ArrowUp', 'ArrowDown'].includes(e.code)) {\n this.dropdownOpen = true;\n\n requestAnimationFrame(() => {\n this.focusNextDropdownItem();\n });\n }\n }\n }\n / -----------------/Open dropdown with keyboard------------------ /\n\n globalEvents(e) {\n const target: Element = e.composedPath()[0] as Element;\n\n if (e.type === 'keydown' && e.code === 'Escape') {\n this.dropdownOpen = false;\n this.dropdownButton.focus();\n }\n\n if (e.code === 'ArrowDown') this.focusNextDropdownItem();\n if (e.code === 'ArrowUp') this.focusPrevDropdownItem();\n\n if ((e.type === 'click' \|\| e.type === 'focusin') && !this.dropdownEl.contains(target)) {\n this.dropdownOpen = false;\n }\n }\n / -----------------/events------------------ /\n\n / -----------------focusing------------------ /\n focusNextDropdownItem() {\n const { activeElement }: Document = this.hostElement.getRootNode() as Document;\n\n if (!activeElement.classList.contains('pn-page-nav-dropdown-item')) {\n this.dropdownItems[0].focus();\n return;\n }\n\n // focus next item\n const index = parseInt(activeElement.getAttribute('data-index'));\n\n if (index < this.dropdownItems.length - 1) {\n this.dropdownItems[index + 1].focus();\n }\n }\n\n focusPrevDropdownItem() {\n const { activeElement }: Document = this.hostElement.getRootNode() as Document;\n\n if (!activeElement.classList.contains('dropdown-item')) {\n this.dropdownItems[this.dropdownItems.length - 1].focus();\n }\n\n // focus previous item\n const index = parseInt(activeElement.getAttribute('data-index'));\n\n if (index > 0) {\n this.dropdownItems[index - 1].focus();\n return;\n }\n\n this.dropdownButton.focus();\n }\n / -----------------/focusing------------------ /\n\n dropdownButtonClasses() {\n let classList = 'pn-page-nav-dropdown-button ';\n if (this.dropdownLinks.includes(this.value)) classList += 'pn-page-nav-dropdown-active ';\n\n return classList;\n }\n\n dropdownClasses() {\n let classList = 'pn-page-nav-dropdown ';\n\n if (this.dropdownOpen) classList += 'pn-page-nav-dropdown-open ';\n\n return classList;\n }\n / ---------------------------------------/DROPDOWN LOGIC--------------------------------------- */\n\n render() {\n return (\n <Host>\n <div class=\"pn-page-nav-wrapper\">\n <nav class=\"pn-page-nav\">\n {this.dropdownActive && (\n <button\n type=\"button\"\n class={this.dropdownButtonClasses()}\n onClick={() => this.toggleDropdown()}\n aria-controls=\"page-nav-dropdown\"\n aria-expanded={`${this.dropdownOpen}`}\n >\n {this.dropdown}\n <pn-icon icon={chevron_down} color=\"white\" small></pn-icon>\n <div class=\"pn-page-nav-divider\"></div>\n </button>\n )}\n\n <ul class=\"pn-page-nav-items\">\n <slot />\n <li class=\"pn-pn-bg pn-pn-active\" role=\"presentation\"></li>\n <li class=\"pn-pn-bg pn-pn-hover\" role=\"presentation\"></li>\n </ul>\n </nav>\n\n {this.showScrollArrows && (\n <div class={this.scrollArrowClasses()}>\n <button class=\"pn-pn-arrow-left\" onClick={() => this.scroll(-120)} tabindex=\"-1\">\n <pn-icon icon={arrow_left} color=\"white\"></pn-icon>\n </button>\n\n <button class=\"pn-pn-arrow-right\" onClick={() => this.scroll(120)} tabindex=\"-1\">\n <pn-icon icon={arrow_right} color=\"blue700\"></pn-icon>\n </button>\n </div>\n )}\n </div>\n\n {this.dropdownActive && (\n <ul id={this.navid} class={this.dropdownClasses()}>\n <slot name=\"dropdown-item\" />\n </ul>\n )}\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-page-nav.entry.js","mappings":"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","names":[],"sources":["src/components/navigation/pn-page-nav/menu/pn-page-nav.scss?tag=pn-page-nav","src/components/navigation/pn-page-nav/menu/pn-page-nav.tsx"],"sourcesContent":["@use 'src/globals/main';\n\npn-page-nav {\n display: block;\n position: relative;\n font-size: clamp(0.8em, 2vw, 1em);\n z-index: 5;\n}\n\n.pn-page-nav-wrapper {\n transform: translateZ(0);\n font-size: inherit;\n max-width: 100%;\n overflow: hidden;\n position: relative;\n display: inline-flex;\n border-radius: 3em;\n}\n\n.pn-page-nav {\n display: flex;\n align-items: center;\n border-radius: 3em;\n min-height: 3em;\n background: main.$blue900;\n border: 0.0625em solid main.$gray200;\n position: relative;\n overflow-x: auto;\n scroll-snap-type: x mandatory;\n\n &::-webkit-scrollbar {\n display: none;\n }\n}\n\n.pn-page-nav ul.pn-page-nav-items {\n display: flex;\n list-style-type: none;\n padding: 0.25em;\n margin: 0;\n position: relative;\n}\n\n.pn-page-nav-items > .pn-pn-bg {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n will-change: transform;\n left: 0;\n border-radius: 3em;\n transition:\n width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97),\n transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97),\n background 0.15s,\n opacity 0.15s,\n box-shadow 0.15s;\n\n &.pn-pn-active {\n box-shadow:\n 0px 0.3px 0.9px rgba(0, 0, 0, 0.1),\n 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);\n background: main.$blue700;\n z-index: 1;\n }\n\n &.pn-pn-hover {\n background: main.$white;\n opacity: 0;\n border: 0.0625em solid transparent;\n z-index: 0;\n }\n\n &.hidden {\n opacity: 0;\n }\n}\n\n@media (hover: hover) {\n ul.pn-page-nav-items:focus-within .pn-pn-hover,\n ul.pn-page-nav-items:hover .pn-pn-hover {\n opacity: 0.12;\n }\n}\n\n/---------------------------------------ARROWS-------------------------------------------/\npn-page-nav .pn-pn-arrows {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 3;\n display: flex;\n justify-content: space-between;\n align-items: center;\n pointer-events: none;\n padding: 0.125em 0.1em;\n\n svg {\n width: 1.5em;\n\n &.pn-icon-svg path {\n fill: main.$blue700;\n }\n }\n\n > * {\n transition:\n transform 0.2s,\n opacity 0.2s,\n background 0.1s,\n box-shadow 0.1s;\n pointer-events: all;\n height: 100%;\n aspect-ratio: 1;\n background: main.$white;\n display: flex;\n align-items: center;\n justify-content: center;\n outline: none;\n cursor: pointer;\n opacity: 0;\n will-change: transform;\n -webkit-tap-highlight-color: transparent;\n border-radius: 50%;\n border: 0.0625em solid main.$blue900;\n\n &.pn-pn-arrow-left {\n transform: translateX(-100%);\n }\n\n &.pn-pn-arrow-right {\n transform: translateX(100%);\n }\n\n @media screen and (max-width: 30em) {\n border: none;\n\n pn-icon .pn-icon-svg {\n width: 100%;\n height: 2em;\n animation: arrow 0.6s ease-in-out alternate infinite;\n\n path {\n fill: main.$white;\n }\n }\n\n &.pn-pn-arrow-left {\n background: linear-gradient(to left, transparent, main.$blue900 60%);\n border-radius: 50% 0 0 50%;\n }\n\n &.pn-pn-arrow-right {\n background: linear-gradient(to right, transparent, main.$blue900 40%);\n border-radius: 0 50% 50% 0;\n }\n }\n }\n\n &.pn-pn-left-visible .pn-pn-arrow-left,\n &.pn-pn-right-visible .pn-pn-arrow-right {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@keyframes arrow {\n to {\n transform: translateX(10%);\n }\n}\n/---------------------------------------/ARROWS-------------------------------------------/\n\n/---------------------------------------DROPDOWN-------------------------------------------/\nbutton.pn-page-nav-dropdown-button {\n font-size: 1em;\n border-radius: 3em 0 0 3em;\n background: main.$blue900;\n color: main.$white;\n padding: 0.5em 1em 0.5em 1.5em;\n cursor: pointer;\n display: flex;\n align-items: center;\n border: none;\n transition: background 0.15s;\n outline: none;\n height: 100%;\n position: relative;\n margin: 0 0.5em 0 0;\n font-weight: 500;\n\n pn-icon {\n margin-left: 0.5em;\n }\n\n &:hover,\n &:focus {\n background: #263655;\n }\n\n &:focus {\n box-shadow:\n inset 0 0 0 0.1em main.$blue700,\n inset 0 0 0 0.2em main.$gray200;\n }\n\n &.pn-page-nav-dropdown-active {\n background: main.$blue700;\n\n &:hover,\n &:focus {\n background: main.$blue700;\n }\n }\n}\n\n.pn-page-nav-divider {\n height: 60%;\n background: main.$gray200;\n width: 0.1em;\n position: absolute;\n right: 0;\n transform: translateX(50%);\n}\n\nul.pn-page-nav-dropdown {\n position: absolute;\n left: 0;\n top: 110%;\n background: main.$blue900;\n border-radius: 0.5em;\n margin: 0;\n padding: 0;\n list-style-type: none;\n box-shadow:\n 0px 6.400000095367432px 14.399999618530273px 0px #00000021,\n 0px 1.2000000476837158px 3.5999999046325684px 0px #0000001a;\n font-size: inherit;\n display: none;\n}\n\nul.pn-page-nav-dropdown.pn-page-nav-dropdown-open {\n display: block;\n}\n/---------------------------------------/DROPDOWN-------------------------------------------/\n","import {\n Component,\n Element,\n Prop,\n h,\n Host,\n Listen,\n State,\n Watch,\n forceUpdate,\n EventEmitter,\n Event,\n} from '@stencil/core';\nimport { uuidv4 } from '@/globals/helpers';\nimport { angle_down, arrow_left, arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n/*\n @deprecated This component will be removed in v8. Please use the `pn-tablist` instead.\n * @see {@link https://portal.postnord.com/web-components/?path=/docs/components-navigation-tablist--docs} Use `pn-tablist` instead.\n \n @slot dropdown-item - Place your `pn-page-nav-dropdown-item` components here.\n /\n@Component({\n tag: 'pn-page-nav',\n styleUrl: 'pn-page-nav.scss',\n})\nexport class PnPageNav {\n mo: MutationObserver;\n\n navContainer: HTMLUListElement;\n navWrapper: HTMLElement;\n navItems: HTMLPnPageNavItemElement[] = [];\n\n dropdownButton: HTMLElement;\n dropdownEl: HTMLElement;\n dropdownItems: HTMLPnPageNavItemElement[];\n dropdownEls: HTMLPnPageNavDropdownItemElement[];\n\n eventHandler = this.keyboardEvents.bind(this);\n globalEventHandler = this.globalEvents.bind(this);\n\n activeBg: HTMLDivElement;\n hoverBg: HTMLDivElement;\n\n scrollRegistered: boolean = false;\n\n @Element() hostElement: HTMLElement;\n\n @State() currentSelection: HTMLElement;\n @State() showScrollArrows: boolean = false;\n @State() showLeftArrow: boolean = false;\n @State() showRightArrow: boolean = false;\n @State() dropdownOpen: boolean = false;\n @State() dropdownLinks: Array<string> = [];\n @State() dropdownActive: boolean = false;\n\n /* Currently active menu item value /\n @Prop({ mutable: true }) value: string;\n /* Pass a string which will be the text on the dropdown button. /\n @Prop() dropdown: string \| boolean = false;\n /* Set a unique HTML ID. /\n @Prop() navid: string = `pn-page-nav-${uuidv4()}`;\n\n /* Emits the value of the selected item. /\n @Event() navchange: EventEmitter<string>;\n\n @Listen('itemselection')\n changeHandler({ target }) {\n this.currentSelection = target.closest('pn-page-nav-item');\n if (target.value) this.value = target.value;\n\n if (this.dropdownOpen) this.dropdownOpen = false;\n }\n\n @Listen('resize', { target: 'window' })\n handleResize() {\n this.rerender();\n }\n\n @Watch('value')\n valueHandler() {\n if (!this.value) this.currentSelection = null;\n this.calcHighlight(this.currentSelection, this.activeBg);\n\n this.navchange.emit(this.value);\n\n if (!this.dropdownActive) return;\n this.isDropdownItemActive();\n }\n\n @Watch('dropdownOpen')\n dropdownHandler() {\n if (this.dropdownOpen) {\n requestAnimationFrame(() => {\n this.addGlobalEventListeners();\n });\n\n return;\n }\n\n this.removeGlobalEventListeners();\n }\n\n / ---------------------------------------LIFECYCLE--------------------------------------- /\n componentWillLoad() {\n if (!this.dropdown) return;\n this.dropdownEls = Array.from(this.hostElement.querySelectorAll('pn-page-nav-dropdown-item'));\n if (this.dropdownEls.length) {\n this.dropdownActive = true;\n this.initiateDropdown();\n }\n }\n\n componentDidLoad() {\n if (this.mo) this.mo.disconnect();\n this.mo = new MutationObserver(() => {\n forceUpdate(this.hostElement);\n this.setActiveNavItem();\n this.rerender();\n });\n this.mo.observe(this.hostElement, { childList: true, subtree: true });\n\n this.navWrapper = this.hostElement.querySelector('.pn-page-nav');\n this.navContainer = this.hostElement.querySelector('.pn-page-nav-items');\n this.activeBg = this.hostElement.querySelector('.pn-pn-active');\n this.hoverBg = this.hostElement.querySelector('.pn-pn-hover');\n\n this.hostElement.addEventListener('mouseover', ({ target }) =>\n this.calcHighlight(target as HTMLElement, this.hoverBg),\n );\n\n this.setActiveNavItem();\n this.rerender();\n }\n / ---------------------------------------/LIFECYCLE--------------------------------------- /\n\n setActiveNavItem() {\n this.navItems = Array.from(this.hostElement.querySelectorAll('pn-page-nav-item'));\n this.navItems.forEach(navItemEl => {\n if (this.value === navItemEl.value) {\n this.currentSelection = navItemEl;\n } else {\n navItemEl.removeAttribute('selected');\n }\n\n navItemEl\n .querySelector('a')\n .addEventListener('focus', ({ target }) => this.calcHighlight(target as HTMLElement, this.hoverBg));\n });\n\n / -----------------dropdown------------------ /\n if (!this.dropdownActive) return;\n this.dropdownItems = Array.from(this.hostElement.querySelectorAll('.pn-page-nav-dropdown-item'));\n\n //Check active state on each item\n this.isDropdownItemActive();\n\n //Store all values to check if dropdown button should be active\n this.dropdownLinks = this.dropdownItems.map((el, i) => {\n el.setAttribute('data-index', `${i}`);\n return (el.closest('pn-page-nav-dropdown-item') as any).value;\n });\n / -----------------/dropdown------------------ /\n }\n\n rerender() {\n requestAnimationFrame(() => {\n this.calcHighlight(this.currentSelection, this.activeBg);\n this.scrollArrowRender();\n });\n }\n\n /---------------------------------------HIGHLIGHT LOGIC-------------------------------------------/\n calcHighlight(el: HTMLElement, bgEl: HTMLElement) {\n if (!el?.closest('pn-page-nav-item')) {\n bgEl?.classList.add('hidden');\n return;\n }\n\n if (bgEl) bgEl.classList.remove('hidden');\n\n const elRect = el.closest('pn-page-nav-item').getBoundingClientRect();\n const { left: hostLeft } = this.navContainer.getBoundingClientRect();\n const { left: navLeft, height: navHeight, width: navWidth } = elRect;\n\n const offset = navLeft - hostLeft + this.navContainer.scrollLeft;\n\n bgEl.style.setProperty('transform', `translate(${offset}px, -50%`);\n bgEl.style.setProperty('width', `${navWidth}px`);\n bgEl.style.setProperty('height', `${navHeight}px`);\n }\n /---------------------------------------/HIGHLIGHT LOGIC-------------------------------------------/\n\n /---------------------------------------SCROLL ARROW LOGIC-------------------------------------------/\n scrollArrowRender() {\n if (!this.navWrapper) return;\n if (this.navWrapper.scrollWidth > this.navWrapper.clientWidth) {\n this.showScrollArrows = true;\n\n if (!this.scrollRegistered) {\n this.navWrapper.addEventListener('scroll', this.scrollArrowRender.bind(this));\n this.scrollRegistered = true;\n }\n\n const amountScrolled = Math.round(this.navWrapper.scrollWidth - this.navWrapper.scrollLeft);\n const distanceToEnd = amountScrolled - this.navWrapper.clientWidth;\n const distanceToStart = this.navWrapper.scrollLeft;\n\n this.showLeftArrow = distanceToStart > 0;\n this.showRightArrow = distanceToEnd > 0;\n\n return;\n }\n\n this.showLeftArrow = false;\n this.showRightArrow = false;\n this.showScrollArrows = false;\n }\n\n scroll(val: number) {\n let amount = this.navWrapper.scrollLeft + val;\n\n this.navWrapper.scroll({\n left: amount,\n behavior: 'smooth',\n });\n }\n\n scrollArrowClasses() {\n let classNames = 'pn-pn-arrows ';\n\n if (this.showLeftArrow) classNames += 'pn-pn-left-visible ';\n if (this.showRightArrow) classNames += 'pn-pn-right-visible ';\n\n return classNames;\n }\n /---------------------------------------/SCROLL ARROW LOGIC-------------------------------------------/\n\n / ---------------------------------------DROPDOWN LOGIC--------------------------------------- /\n\n initiateDropdown() {\n requestAnimationFrame(() => {\n this.dropdownButton = this.hostElement.querySelector('.pn-page-nav-dropdown-button');\n this.dropdownEl = this.hostElement.querySelector('.pn-page-nav-dropdown');\n\n this.addDropdownEventListeners();\n });\n }\n\n toggleDropdown() {\n this.dropdownOpen = !this.dropdownOpen;\n }\n\n isDropdownItemActive() {\n this.dropdownEls.forEach(el => {\n if (el.value && this.value === el.value) {\n el.setAttribute('active', 'true');\n return;\n }\n\n el.removeAttribute('active');\n });\n }\n\n / -----------------events------------------ /\n / -----------------temporary events------------------ /\n addDropdownEventListeners() {\n this.hostElement.addEventListener('keydown', this.eventHandler);\n this.hostElement.addEventListener('click', this.eventHandler);\n }\n\n addGlobalEventListeners() {\n const root: Document = this.hostElement.getRootNode() as Document;\n\n root.addEventListener('focusin', this.globalEventHandler);\n root.addEventListener('keydown', this.globalEventHandler);\n root.addEventListener('click', this.globalEventHandler);\n }\n\n removeGlobalEventListeners() {\n const root: Document = this.hostElement.getRootNode() as Document;\n\n root.removeEventListener('focusin', this.globalEventHandler);\n root.removeEventListener('keydown', this.globalEventHandler);\n root.removeEventListener('click', this.globalEventHandler);\n }\n / -----------------/temporary events------------------ /\n\n / -----------------Open dropdown with keyboard------------------ /\n keyboardEvents(e: KeyboardEvent) {\n const target: Element = e.composedPath()[0] as Element;\n\n // As long as the dropdown is closed, we only want it to react to keyboard input\n // is the user has focus on the button\n if (e.type === 'keydown') {\n if (!this.dropdownOpen && target === this.dropdownButton && ['ArrowUp', 'ArrowDown'].includes(e.code)) {\n this.dropdownOpen = true;\n\n requestAnimationFrame(() => {\n this.focusNextDropdownItem();\n });\n }\n }\n }\n / -----------------/Open dropdown with keyboard------------------ /\n\n globalEvents(e) {\n const target: Element = e.composedPath()[0] as Element;\n\n if (e.type === 'keydown' && e.code === 'Escape') {\n this.dropdownOpen = false;\n this.dropdownButton.focus();\n }\n\n if (e.code === 'ArrowDown') this.focusNextDropdownItem();\n if (e.code === 'ArrowUp') this.focusPrevDropdownItem();\n\n if ((e.type === 'click' \|\| e.type === 'focusin') && !this.dropdownEl.contains(target)) {\n this.dropdownOpen = false;\n }\n }\n / -----------------/events------------------ /\n\n / -----------------focusing------------------ /\n focusNextDropdownItem() {\n const { activeElement }: Document = this.hostElement.getRootNode() as Document;\n\n if (!activeElement.classList.contains('pn-page-nav-dropdown-item')) {\n this.dropdownItems[0].focus();\n return;\n }\n\n // focus next item\n const index = parseInt(activeElement.getAttribute('data-index'));\n\n if (index < this.dropdownItems.length - 1) {\n this.dropdownItems[index + 1].focus();\n }\n }\n\n focusPrevDropdownItem() {\n const { activeElement }: Document = this.hostElement.getRootNode() as Document;\n\n if (!activeElement.classList.contains('dropdown-item')) {\n this.dropdownItems[this.dropdownItems.length - 1].focus();\n }\n\n // focus previous item\n const index = parseInt(activeElement.getAttribute('data-index'));\n\n if (index > 0) {\n this.dropdownItems[index - 1].focus();\n return;\n }\n\n this.dropdownButton.focus();\n }\n / -----------------/focusing------------------ /\n\n dropdownButtonClasses() {\n let classList = 'pn-page-nav-dropdown-button ';\n if (this.dropdownLinks.includes(this.value)) classList += 'pn-page-nav-dropdown-active ';\n\n return classList;\n }\n\n dropdownClasses() {\n let classList = 'pn-page-nav-dropdown ';\n\n if (this.dropdownOpen) classList += 'pn-page-nav-dropdown-open ';\n\n return classList;\n }\n / ---------------------------------------/DROPDOWN LOGIC--------------------------------------- */\n\n render() {\n return (\n <Host>\n <div class=\"pn-page-nav-wrapper\">\n <nav class=\"pn-page-nav\">\n {this.dropdownActive && (\n <button\n type=\"button\"\n class={this.dropdownButtonClasses()}\n onClick={() => this.toggleDropdown()}\n aria-controls=\"page-nav-dropdown\"\n aria-expanded={`${this.dropdownOpen}`}\n >\n {this.dropdown}\n <pn-icon icon={angle_down} color=\"white\" small></pn-icon>\n <div class=\"pn-page-nav-divider\"></div>\n </button>\n )}\n\n <ul class=\"pn-page-nav-items\">\n <slot />\n <li class=\"pn-pn-bg pn-pn-active\" role=\"presentation\"></li>\n <li class=\"pn-pn-bg pn-pn-hover\" role=\"presentation\"></li>\n </ul>\n </nav>\n\n {this.showScrollArrows && (\n <div class={this.scrollArrowClasses()}>\n <button class=\"pn-pn-arrow-left\" onClick={() => this.scroll(-120)} tabindex=\"-1\">\n <pn-icon icon={arrow_left} color=\"white\"></pn-icon>\n </button>\n\n <button class=\"pn-pn-arrow-right\" onClick={() => this.scroll(120)} tabindex=\"-1\">\n <pn-icon icon={arrow_right} color=\"blue700\"></pn-icon>\n </button>\n </div>\n )}\n </div>\n\n {this.dropdownActive && (\n <ul id={this.navid} class={this.dropdownClasses()}>\n <slot name=\"dropdown-item\" />\n </ul>\n )}\n </Host>\n );\n }\n}\n"],"version":3}

package/umd/modules/@postnord/web-components/esm/pn-pagination.entry.js CHANGED Viewed

@@ -197,7 +197,7 @@ const PnPagination = class {
         return (h("pn-button", { arialabel: label, ariacurrent: current ? 'page' : null, href: this.getUrl(page), rel: current ? null : rel, appearance: "light", small: true, icon: icon, iconOnly: true, onPnClick: ({ detail }) => this.navigate({ page, event: detail }) }));
     }
     render() {
-        return (h(Host, { key: '1f33db59423d42f0e7803588c1792eab786b8de7' }, h("nav", { key: '540f96e45b8d9f57ee74fa64873c4386ec5c5886', id: this.paginationId, class: "pn-pagination", "aria-label": this.label || this.translate('PAGINATION') }, this.useRowList() && (h("pn-select", { key: '4819db7a03b6ce337210679a72d0e33b684015e3', class: "pn-pagination-rows", label: this.rowsLabel || this.translate('ROWS_PAGE'), onChange: event => this.setRows(event) }, this.getRowList().map(item => (h("option", { value: item, selected: this.rows === Number(item), innerHTML: `${item}` }))))), h("div", { key: '653ae1faeda706b1f58b10597f392f582e758e52', class: "pn-pagination-container", "data-right": this.useRowList() }, this.renderJumpButton(), this.renderButton({ page: 1, dataAttr: 'first' }), this.renderDivider(), h("ol", { key: 'df640b8caf32ae986dbd0523b1a782df4910026f', class: "pn-pagination-list", ref: el => (this.listElement = el) }, this.getPagination().map(item => this.renderItem(item))), this.renderDivider(true), this.renderButton({ page: this.pages, dataAttr: 'last' }), this.renderJumpButton(true)))));
+        return (h(Host, { key: 'd1cd7756a1bf0a5e5d4d59e8a5c8c6f759cee285' }, h("nav", { key: 'f7c4d02b8a1f147f849bf7c8b3093098745933c1', id: this.paginationId, class: "pn-pagination", "aria-label": this.label || this.translate('PAGINATION') }, this.useRowList() && (h("pn-select", { key: '1297805c338445d019524d2a51e11e786529d899', class: "pn-pagination-rows", label: this.rowsLabel || this.translate('ROWS_PAGE'), onChange: event => this.setRows(event) }, this.getRowList().map(item => (h("option", { value: item, selected: this.rows === Number(item), innerHTML: `${item}` }))))), h("div", { key: 'fdb8a131a50ed56deca325db959042a32f8d335b', class: "pn-pagination-container", "data-right": this.useRowList() }, this.renderJumpButton(), this.renderButton({ page: 1, dataAttr: 'first' }), this.renderDivider(), h("ol", { key: '6bb693d0b87cc6d95368525288dc1eaa2eef67fa', class: "pn-pagination-list", ref: el => (this.listElement = el) }, this.getPagination().map(item => this.renderItem(item))), this.renderDivider(true), this.renderButton({ page: this.pages, dataAttr: 'last' }), this.renderJumpButton(true)))));
     }
     static get watchers() { return {
         "page": ["handlePage"],