npm - @postnord/pn-marketweb-components - Versions diffs - 4.1.0 → 4.1.2 - Mend

@postnord/pn-marketweb-components 4.1.0 → 4.1.2

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 (1268) hide show

package/umd/modules/@postnord/web-components/collection/components/buttons/pn-action-menu/pn-action-menu.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"pn-action-menu.js","sourceRoot":"","sources":["../../../../src/components/buttons/pn-action-menu/pn-action-menu.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, Watch, Element, h, Host, Event, EventEmitter, Listen, Mixin } from '@stencil/core';\nimport { HTMLStencilElement } from '@stencil/core/internal';\nimport { animateHeightFactory } from '@/globals/mixins';\n\nimport { awaitTopbar, en, getMenuWidth, getTotalHeightOffset, isSmallScreen, ripple, uuidv4 } from '@/index';\nimport type {\n PnLanguages,\n PnActionMenuItem,\n Components,\n PnActionMenuInput,\n PnActionMenuGroup,\n PnMeasurements,\n} from '@/index';\n\nimport { translations, PnMenuTextProp } from './translation';\n\nimport { chevron_down, chevron_left, chevron_right, open_in_new } from 'pn-design-assets/pn-assets/icons.js';\n\n/**\n * Create a list of actions in an accessible way.\n *\n * Option types include:\n *\n * - Regular button, click and it will collapse the menu,\n * - Checkbox/radio, toggle the option on/off\n * - Link, behaves like a regular `a[href]` element.\n *\n * You can group these actions in groups and/or sub menus.\n *\n * - `group`, an array of options. The label will act as a title for the items.\n * - `options`, an array of options. These items will appear in a sub-menu that can be toggled.\n *\n * @since v7.13.0\n * @see {@link PnActionMenuItem}\n */\n@Component({\n tag: 'pn-action-menu',\n styleUrl: 'pn-action-menu.scss',\n})\nexport class PnActionMenu extends Mixin(animateHeightFactory) {\n private readonly id: string = `pn-action-menu-${uuidv4()}`;\n\n private menuButtonId: string = `${this.id}-button`;\n private menuListId: string = `${this.id}-list`;\n\n private menuTrigger: HTMLPnButtonElement;\n private menuContainer: HTMLDivElement;\n private menuList: HTMLMenuElement;\n\n private timeout: NodeJS.Timeout;\n\n /** 16em */\n private readonly menuWidth: number = 256;\n\n @Element() private hostElement: HTMLElement;\n\n @State() private smallMenu: boolean = null;\n @State() private upwards: boolean = false;\n\n @State() private activeSubmenu: PnActionMenuItem['value'][] = [];\n\n /** Array of action menu options. @see {@link PnActionMenuItem} */\n @Prop() options: PnActionMenuItem[] = [];\n /** Set any prop from the `pn-button` component here. @see {@link Components.PnButton} */\n @Prop() button: Components.PnButton;\n\n /** Set a custom ID for the menu. */\n @Prop() menuId?: string = this.id;\n /** Manually set the language. */\n @Prop({ mutable: true }) language?: PnLanguages = null;\n\n /** Open/close the action menu manually. @category Features */\n @Prop({ mutable: true, reflect: true }) open?: boolean = false;\n /** Prefer that the menu open upwards, if there is enough space. @category Features */\n @Prop() menuUp?: boolean = false;\n /** Prefer that the submenus opens to the left, if there is enough space. @category Features */\n @Prop() menuLeft?: boolean = false;\n\n /** Emitted when the menu is opened or closed. */\n @Event() private menuToggle: EventEmitter<{ open: boolean }>;\n /** Emitted when the menu is fully hidden/visible after the animation has played. */\n @Event() private menuVisible: EventEmitter<{ visible: boolean }>;\n /** Emitted when an option is clicked (button, link, input or submenus). */\n @Event() private menuOption: EventEmitter<{\n /** Which type of menu item was clicked. */\n type: 'button' | 'link' | 'input' | 'submenu';\n /** If its an `input` type (checkbox/radio), it will be a generic `Event` (ChangeEvent) instead of `MouseEvent`. */\n click: MouseEvent | Event;\n /** The full {@link PnActionMenuItem} object. */\n option: PnActionMenuItem;\n /** If the submenu is open/closed. */\n open?: Boolean;\n }>;\n\n @Watch('options')\n handleOptions() {\n this.setMenuLayout();\n }\n\n @Watch('open')\n openHandler() {\n this.setAnimationDuration();\n\n requestAnimationFrame(() => {\n if (this.open && !this.isMoving()) {\n this.setOffset();\n this.setMenuLayout();\n }\n\n this.dropdownHandler();\n\n this.menuToggle.emit({ open: this.open });\n\n clearTimeout(this.timeout);\n this.timeout = setTimeout(() => {\n if (!this.open) {\n this.activeSubmenu = [];\n const subMenus = this.hostElement.querySelectorAll<HTMLUListElement>('[data-x]');\n Array.from(subMenus).forEach(el => {\n el.removeAttribute('data-x');\n el.removeAttribute('data-y');\n });\n }\n\n this.menuVisible.emit({ visible: this.open });\n }, this.animationDuration);\n });\n }\n\n @Watch('menuId')\n handleMenuId() {\n this.menuButtonId = `${this.menuId}-button`;\n this.menuListId = `${this.menuId}-list`;\n }\n\n @Listen('resize', { target: 'window' })\n handleResize() {\n if (this.open) this.toggleActionMenu(false);\n }\n\n async componentWillLoad() {\n if (!this.options.length) console.warn(`${this.hostElement.localName}: No options set.`);\n\n this.handleMenuId();\n this.setAnimationDuration();\n\n if (this.language !== null) await awaitTopbar(this.hostElement);\n }\n\n componentDidLoad() {\n this.setOffset();\n\n requestAnimationFrame(() => this.open && this.dropdownHandler());\n }\n\n private translate(prop: PnMenuTextProp) {\n return translations[prop][this.language || en];\n }\n\n private globalEvents = (event: PointerEvent | KeyboardEvent) => {\n const target = event.target as HTMLElement;\n const isWithinActionMenu = target?.closest(this.hostElement.localName);\n if (!isWithinActionMenu) this.closeEachSubMenu(true);\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 /** Open/close the action menu. */\n private toggleActionMenu(state?: boolean) {\n this.open = state ?? !this.open;\n }\n\n private setMenuLayout() {\n if (!this.menuContainer) return;\n\n if (!this.isMoving()) this.resetMaxHeight();\n\n const measurements = this.getMenuMeasurements();\n\n this.setDirection(measurements);\n this.setMenuSize(measurements);\n this.setMaxHeight(measurements);\n }\n\n private setDirection({ hUp, hDown, sUp, sDown }: PnMeasurements) {\n const fitsUpwards = sUp > hUp;\n const fitsDownards = sDown > hDown;\n const moreSpaceDown = sDown > sUp;\n this.upwards = (this.menuUp && fitsUpwards) || (!fitsDownards && !moreSpaceDown);\n }\n\n private setMenuSize({ hUp, hDown, sUp, sDown }: PnMeasurements) {\n const isWidthSmall = isSmallScreen();\n const menuFits = this.upwards ? sUp > hUp : sDown > hDown;\n const isSmall = isWidthSmall || !menuFits;\n\n if (isSmall !== this.smallMenu) {\n this.smallMenu = isSmall;\n }\n }\n\n private setMaxHeight({ hUp, hDown, sUp, sDown }: PnMeasurements) {\n if (this.smallMenu) {\n const heightUp = hUp > sUp ? hUp - 16 : hUp;\n const heightDown = hDown > sDown ? hDown - 8 : hDown;\n this.hostElement.style.setProperty('--pn-menu-height', `${this.upwards ? heightUp : heightDown}px`);\n } else this.resetMaxHeight();\n }\n\n private resetMaxHeight() {\n this.hostElement.style.setProperty('--pn-menu-height', 'unset');\n }\n\n private getRect(element: HTMLStencilElement | HTMLElement): DOMRect {\n return element.getBoundingClientRect();\n }\n\n private getMenuMeasurements(): PnMeasurements {\n const allLists = Array.from(this.menuContainer.querySelectorAll('menu'));\n const maxHeight = Math.max(...allLists.map(el => el.scrollHeight));\n\n const rectButton = this.getRect(this.menuTrigger);\n const rectMenu = this.getRect(this.menuContainer);\n\n /** Measurements upwards. */\n const sUp = rectButton.top - getTotalHeightOffset();\n const hUp = sUp > maxHeight ? maxHeight : sUp;\n\n /** Measurements downwards. */\n const sDown = innerHeight - rectMenu.top;\n const hDown = sDown > maxHeight ? maxHeight : sDown;\n\n return {\n hUp,\n hDown,\n sUp,\n sDown,\n };\n }\n\n private setOffset() {\n const data = this.getRect(this.hostElement);\n const sideMenuWidth = getMenuWidth();\n\n // Calculate potential menu position\n const menuLeft = data.left;\n const menuRight = data.left + this.menuWidth;\n\n // Define boundaries\n const leftBoundary = sideMenuWidth + 16; // Left menu + buffer\n const rightBoundary = innerWidth - 16; // Right edge - buffer\n\n let offset = 0;\n\n // Check if menu would overlap left menu or go off left edge\n if (menuLeft < leftBoundary) {\n offset = leftBoundary - menuLeft;\n }\n // Check if menu would go off right edge\n else if (menuRight > rightBoundary) {\n offset = rightBoundary - menuRight;\n }\n\n if (this.menuContainer) this.menuContainer.style.setProperty('--pn-action-menu-offset', `${offset}px`);\n }\n\n private getListId(option: PnActionMenuItem) {\n return `pn-menu-${option.value}-list`;\n }\n\n private getButtonId(option: PnActionMenuItem) {\n return `pn-menu-${option.value}-button`;\n }\n\n private getTriggerIcon() {\n if (this.button?.icon) return;\n return chevron_down;\n }\n\n /** Set the path of open sub menus. */\n private getSubMenuPath(options: PnActionMenuItem[], value: string, path = []): string[] {\n for (const item of options) {\n const newPath = [...path, item.value];\n if (item.value === value) return newPath;\n\n if (item.options || item.group) {\n const result = this.getSubMenuPath(item.options || item.group, value, newPath);\n if (result) return result;\n }\n }\n return null;\n }\n\n private closeEachSubMenu(preventFocus: boolean = false) {\n if (!preventFocus) this.menuTrigger?.querySelector('button')?.focus({ preventScroll: true });\n\n const interval = setInterval(() => {\n if (this.smallMenu || this.activeSubmenu.length === 0) {\n clearInterval(interval);\n this.toggleActionMenu(false);\n } else {\n this.activeSubmenu.pop();\n this.activeSubmenu = [...this.activeSubmenu];\n }\n }, 150);\n }\n\n private escButton(event: KeyboardEvent, option: PnActionMenuItem) {\n const { key } = event;\n\n if (key === 'Escape') {\n event.preventDefault();\n event.stopImmediatePropagation();\n\n this.isSubmenuActive(option.value) ? this.toggleSub(option) : this.toggleActionMenu();\n }\n }\n\n // Animation Start\n\n private dropdownHandler() {\n if (this.open) {\n this.addGlobalEventListeners();\n this.openDropdown(this.menuContainer, this.menuList.clientHeight);\n } else {\n this.removeGlobalEventListeners();\n this.closeDropdown(this.menuContainer, this.menuList.clientHeight);\n }\n }\n\n // Animation end\n\n private async optionSelect(option: PnActionMenuItem, click: MouseEvent | Event) {\n const type = option?.options?.length ? 'submenu' : !!option.input ? 'input' : option.href ? 'link' : 'button';\n const isSubMenu = type === 'submenu';\n\n if (isSubMenu) this.toggleSub(option);\n else if (type === 'button') this.closeEachSubMenu();\n else if (type === 'input') option.checked = (click.target as HTMLInputElement).checked;\n\n this.menuOption.emit({\n option,\n type,\n click,\n open: isSubMenu ? this.isSubmenuActive(option.value) : null,\n });\n\n const target = click.target as HTMLElement;\n const element =\n target.localName === 'input'\n ? (target.nextElementSibling as HTMLElement)\n : target.className === 'pn-action-menu-button'\n ? target\n : target.closest<HTMLElement>('.pn-action-menu-button');\n\n const { x, width, y, top } = this.getRect(element as HTMLElement);\n const clientCor = { clientX: x + width - 24, clientY: y - top };\n\n ripple(click.type === 'click' ? (click as MouseEvent) : clientCor, element);\n\n this.menuContainer.scrollTo({ top: 0 });\n }\n\n /** Toggle individual sub-menus inside the action menu by using the `option['value']`. */\n private toggleSub(option: PnActionMenuItem) {\n const { value } = option;\n\n const path = this.getSubMenuPath(this.options, value);\n const isActive = this.activeSubmenu.includes(value);\n isActive && path.splice(this.activeSubmenu.indexOf(value), 1);\n\n const item = this.hostElement.querySelector<HTMLElement>(`#${this.getListId(option)}`);\n const data = this.getRect(item);\n\n const spaceLeft = data.left;\n const spaceRight = innerWidth - data.right - 8;\n\n const fitsLeft = spaceLeft > data.width;\n const fitsRight = spaceRight > data.width;\n\n const climbUp = this.menuUp && data.top - data.height > 0;\n const yDirection = climbUp ? 'top' : 'bottom';\n\n if (!isActive && !item.dataset.x)\n item.setAttribute(\n 'data-x',\n this.menuLeft && fitsLeft ? 'left' : fitsRight ? 'right' : fitsLeft ? 'left' : 'center',\n );\n if (!isActive && !item.dataset.y) item.setAttribute('data-y', yDirection);\n\n if (JSON.stringify(path) === JSON.stringify(this.activeSubmenu))\n this.activeSubmenu = this.activeSubmenu.filter(item => item !== value);\n else this.activeSubmenu = [...path];\n }\n\n /** Check if a sub-menu is active. */\n private isSubmenuActive(value: string): boolean {\n return this.activeSubmenu.includes(value);\n }\n\n private isMenuActive() {\n const isRootSubInsideGroup = this.options.find(({ value }) => this.activeSubmenu.every(val => val === value));\n return this.smallMenu && (this.activeSubmenu?.length === 0 || isRootSubInsideGroup);\n }\n\n private isCurrentSubMenu(value: string) {\n return Boolean(this.activeSubmenu[this.activeSubmenu.length - 1] === value);\n }\n\n private getOptionTrailing(option: PnActionMenuItem) {\n const useButtonIcon = option.options?.length && chevron_right;\n const useTrailingIcon = option.trailingIcon;\n const useLinkIcon = option.target === '_blank' && open_in_new;\n\n /** If the user has defined a trialing icon, use it first. */\n const icon = useButtonIcon || useTrailingIcon || useLinkIcon;\n\n if (icon) {\n return <pn-icon icon={icon} color=\"blue700\" data-suffix data-active={this.isSubmenuActive(option.value)} />;\n }\n if (option.suffix) {\n return <span class=\"pn-action-menu-item-suffix\">{option.suffix}</span>;\n }\n }\n\n private renderCheckbox(option: PnActionMenuInput) {\n const id = `pn-menu-${option.value}-label`;\n const idHelper = `pn-menu-${option.value}-helpertext`;\n return (\n <div class=\"pn-action-menu-item-content\">\n <input\n type={option.input}\n id={id}\n class=\"pn-action-menu-input\"\n name={option.name}\n value={option.value}\n checked={option.checked}\n disabled={option.disabled}\n aria-describedby={option.helpertext ? idHelper : null}\n onInput={event => this.optionSelect(option, event)}\n tabIndex={this.open ? null : -1}\n />\n\n <div class=\"pn-action-menu-button\">\n {!!option.icon && <pn-icon icon={option.icon} color=\"blue700\" />}\n\n <div class=\"pn-action-menu-item-text\">\n <label htmlFor={id} class=\"pn-action-menu-item-label\">\n {option.label}\n </label>\n {option.helpertext && (\n <p id={idHelper} class=\"pn-action-menu-item-helpertext\">\n <span>{option.helpertext}</span>\n </p>\n )}\n </div>\n {option.input === 'checkbox' ? (\n <div class=\"pn-action-menu-checkbox\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n <polyline class=\"pn-action-menu-checkbox-checkmark-path\" points=\"4,12 9,17 20,6\" stroke-width=\"3\" />\n </svg>\n </div>\n ) : (\n <div class=\"pn-action-menu-radio\">\n <div class=\"pn-action-menu-radio-outer\">\n <div class=\"pn-action-menu-radio-inner\" />\n </div>\n </div>\n )}\n </div>\n </div>\n );\n }\n\n private renderButton(option: PnActionMenuItem) {\n const isCloseButton = option.label === 'BACK';\n const isSub = !!option?.options?.length;\n const isGroup = !!option?.group?.length;\n const isLink = !!option.href && !isSub && !isGroup;\n\n const appendedId = isCloseButton ? '-close' : '';\n const hasIcon = isCloseButton || !!option.icon;\n\n const trailingObject = isCloseButton ? null : this.getOptionTrailing(option);\n const open = this.isSubmenuActive(option.value);\n const subMenuAttrs = isSub\n ? {\n 'aria-haspopup': 'true',\n 'aria-controls': open ? this.getListId(option) : null,\n 'aria-expanded': open?.toString(),\n }\n : {};\n\n const attrs = isLink\n ? {\n href: option.href,\n target: option.target,\n }\n : {\n disabled: option.disabled,\n };\n\n const Tag = isLink ? 'a' : 'button';\n\n return isGroup ? (\n <div class=\"pn-action-menu-group-label\">\n <p class=\"pn-action-menu-p\">{option.label}</p>\n {option.helpertext && <p class=\"pn-action-menu-group-helpertext\">{option.helpertext}</p>}\n </div>\n ) : (\n <div class=\"pn-action-menu-item-content\" data-close={isCloseButton}>\n <Tag\n id={this.getButtonId(option) + appendedId}\n class=\"pn-action-menu-button\"\n {...subMenuAttrs}\n {...attrs}\n tabIndex={this.open ? null : -1}\n onClick={event => this.optionSelect(option, event)}\n onKeyDown={(event: KeyboardEvent) => this.escButton(event, option)}\n >\n {hasIcon && <pn-icon icon={isCloseButton ? chevron_left : option.icon} color=\"blue700\" />}\n <div class=\"pn-action-menu-item-text\">\n <span class=\"pn-action-menu-item-label\">{isCloseButton ? this.translate('BACK') : option.label}</span>\n {option.helpertext && !isLink && <span class=\"pn-action-menu-item-helpertext\">{option.helpertext}</span>}\n </div>\n {trailingObject}\n </Tag>\n </div>\n );\n }\n\n private renderSub(option: PnActionMenuItem) {\n return (\n <menu\n id={this.getListId(option)}\n aria-labelledby={this.getButtonId(option)}\n class=\"pn-action-menu-sub\"\n data-open={this.isSubmenuActive(option.value)?.toString()}\n data-current={this.isCurrentSubMenu(option.value)}\n >\n {this.smallMenu && (\n <li class=\"pn-action-menu-item\">\n {this.renderButton({\n label: 'BACK',\n value: option.value,\n options: option.options,\n })}\n </li>\n )}\n {option.options.map(item => this.renderMenuItem(item))}\n </menu>\n );\n }\n\n private renderGroup(option: PnActionMenuGroup) {\n return <menu class=\"pn-action-menu-group\">{option.group.map(item => this.renderMenuItem(item))}</menu>;\n }\n\n private renderMenuItem(option: PnActionMenuItem) {\n const isSub = !!option?.options?.length;\n const isGroup = !isSub && !!option?.group?.length;\n\n const isCheckbox = !!option.input && !isSub && !isGroup;\n\n return (\n <li class=\"pn-action-menu-item\" data-group={isGroup} data-sub={isSub}>\n {isCheckbox ? this.renderCheckbox(option) : this.renderButton(option)}\n {isSub ? this.renderSub(option) : isGroup && this.renderGroup(option)}\n </li>\n );\n }\n\n private renderMenu() {\n return (\n <div\n id={this.menuListId}\n class=\"pn-action-menu-container\"\n role=\"region\"\n aria-labelledby={this.menuButtonId}\n data-open={this.open}\n data-upwards={this.upwards}\n data-small={this.smallMenu}\n style={{ height: '0px' }}\n ref={el => (this.menuContainer = el)}\n >\n <menu class=\"pn-action-menu-list\" data-current={this.isMenuActive()} ref={el => (this.menuList = el)}>\n {this.options?.map(option => this.renderMenuItem(option))}\n </menu>\n </div>\n );\n }\n\n render() {\n return (\n <Host>\n <div id={this.menuId !== this.id ? this.menuId : null} class=\"pn-action-menu\">\n <pn-button\n icon={this.getTriggerIcon()}\n {...this.button}\n buttonId={this.menuButtonId}\n tooltipUp={!this.upwards}\n ariahaspopup=\"true\"\n ariacontrols={this.open ? this.menuListId : null}\n ariaexpanded={this.open.toString()}\n data-default-icon={!this.button?.icon}\n onPnClick={() => this.toggleActionMenu()}\n ref={el => (this.menuTrigger = el)}\n />\n {this.renderMenu()}\n </div>\n </Host>\n );\n }\n}\n"]}

package/umd/modules/@postnord/web-components/collection/components/buttons/pn-action-menu/translation.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"translation.js","sourceRoot":"","sources":["../../../../src/components/buttons/pn-action-menu/translation.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,IAAI,EAAE;QACJ,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,SAAS;KACd;CACF,CAAC","sourcesContent":["export const translations = {\n BACK: {\n sv: 'Tillbaka',\n en: 'Back',\n da: 'Tilbage',\n fi: 'Takaisin',\n no: 'Tilbake',\n },\n};\n\nexport type PnMenuTextProp = keyof typeof translations;\n"]}

package/umd/modules/@postnord/web-components/collection/components/buttons/pn-button/pn-button.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"pn-button.js","sourceRoot":"","sources":["../../../../src/components/buttons/pn-button/pn-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, h, Element, State, Watch, Event, EventEmitter } from '@stencil/core';\nimport { ripple, PnButtonAppearance, PnButtonVariant } from '@/index';\n\n/**\n * The `pn-button` is built with a native `button` or `a` element, if you use the `href` attribute.\n *\n * @nativeClick Use the `click` event to listen when the button is clicked.\n */\n@Component({\n tag: 'pn-button',\n styleUrl: 'pn-button.scss',\n})\nexport class PnButton {\n buttonEl: HTMLElement;\n tooltipEl: HTMLDivElement;\n tooltipDx: number;\n\n openEvents: string[] = ['mouseover', 'focus'];\n closeEvents: string[] = ['mouseleave', 'blur', 'touchcancel', 'touchleave'];\n eventListeners: string[] = [...this.openEvents, ...this.closeEvents];\n\n @Element() hostElement: HTMLElement;\n\n @State() tooltipOpen: boolean = false;\n @State() tooltipUpwards: boolean = false;\n\n /** The label of the button, this is the same as using the default slot. @since v7.4.0 */\n @Prop() label?: string = '';\n /**\n * Select the button appearance: default (blue), `light` (white) and `warning` (red).\n *\n * @category Visual\n */\n @Prop() appearance?: PnButtonAppearance = '';\n /**\n * Select the button variant: default (colored background), `outlined` (bordered, no background) and `borderless` (borderless, no background).\n *\n * @category Visual\n */\n @Prop() variant?: PnButtonVariant = '';\n /** Use the small button. @category Visual */\n @Prop() small?: boolean = false;\n /** Display the loading indicator. @category Visual */\n @Prop({ reflect: true }) loading?: boolean = false;\n\n /**\n * The SVG content of the icon you want.\n * @see {@link https://portal.postnord.com/web-components/?path=/docs/docs-assets--docs pn-design-assets}\n * @category Icon\n */\n @Prop() icon?: string;\n /**\n * Turn the button into an icon only. Requires `icon` and one of the following props to work: `tooltip`, `arialabel` or `arialabelledby`.\n * @summary __You need an `icon` selected, as well as either `tooltip`, `arialabel` or `arialabelledby` for this to work__.\n * @see {@link icon}\n * @since v7.4.0\n * @category Icon\n */\n @Prop() iconOnly?: boolean = false;\n /**\n * Place the `icon` to the left of the button.\n *\n * @summary __You need an `icon` selected for this to work__.\n * @see {@link icon}\n * @category Icon\n */\n @Prop() leftIcon?: boolean = false;\n\n /**\n * When the user focus/hover the button, the `tooltip` text will show up.\n *\n * @category Tooltip\n */\n @Prop() tooltip?: string;\n /**\n * Prefer the tooltip to open upwards. Will still go downwards if there is no space.\n * @since v7.4.0\n * @category Tooltip\n */\n @Prop() tooltipUp?: boolean = false;\n\n /** Select HTML button type. @category Button */\n @Prop() type?: 'button' | 'reset' | 'submit' | '' = 'button';\n /**\n * Connect this button to a HTML form.\n * @category Button\n * @see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#form HTML button form}\n */\n @Prop() form?: string;\n\n /** Pass an href to make the button into link (a-tag). @category Link */\n @Prop() href?: string;\n /** The rel attribute of the link. @category Link */\n @Prop() rel?: string;\n /** The target attribute of the link. @category Link */\n @Prop() target?: string;\n /** The download attribute of the link. @category Link */\n @Prop() download?: string;\n\n /** HTML ID. @category HTML attributes */\n @Prop() buttonId?: string = null;\n /** HTML aria-label attribute. @category HTML attributes */\n @Prop() arialabel?: string = null;\n /** HTML aria-labelledby attribute. @category HTML attributes */\n @Prop() arialabelledby?: string = null;\n /** HTML aria-current attribute. @since v7.9.0 @category HTML attributes */\n @Prop() ariacurrent?: string = null;\n /** HTML aria-controls attribute. @category HTML attributes */\n @Prop() ariacontrols?: string = null;\n /** HTML aria-pressed attribute. @category HTML attributes */\n @Prop() ariapressed?: string = null;\n /** HTML aria-haspopup attribute. @category HTML attributes */\n @Prop() ariahaspopup?: string = null;\n /** HTML aria-expanded attribute. @category HTML attributes */\n @Prop() ariaexpanded?: string = null;\n /** HTML tabindex. @category HTML attributes */\n @Prop() noTab?: boolean = false;\n\n @Watch('tooltipOpen')\n openHandler() {\n if (this.tooltipOpen) this.checkTooltipPosition();\n }\n\n @Watch('tooltip')\n iconOnlyHandler() {\n this.checkTooltipPosition();\n if (this.tooltip) this.initTooltip();\n else this.removeTooltip();\n }\n\n /**\n * This event is fired when the `button`/`a` element of the `pn-button` is clicked.\n * Setting an eventListener for `click` on the `pn-button` will trigger if you click outside of the button area\n * or if the button is `disabled` with the `loading` prop.\n * @since v7.4.0\n **/\n @Event() pnClick: EventEmitter<MouseEvent>;\n\n componentWillLoad() {\n this.tooltipUpwards = this.tooltipUp;\n }\n\n componentDidLoad() {\n this.iconOnlyHandler();\n }\n\n getRect(element: HTMLElement): DOMRect {\n return element.getBoundingClientRect();\n }\n\n initTooltip() {\n this.eventListeners.forEach(e => this.buttonEl.addEventListener(e, this.toggleTooltip));\n }\n\n removeTooltip() {\n this.eventListeners.forEach(e => this.buttonEl.removeEventListener(e, this.toggleTooltip));\n }\n\n toggleTooltip = (event: MouseEvent | FocusEvent) => {\n this.tooltipOpen = this.openEvents.includes(event.type);\n };\n\n setTooltipOffset() {\n this.tooltipEl.style.setProperty('--pn-dx', `${this.tooltipDx}px`);\n }\n\n checkTooltipPosition() {\n this.tooltipEl.style.transform = 'translateX(-50%)';\n this.tooltipUpwards = this.tooltipUp;\n\n requestAnimationFrame(() => {\n const { top, x, y, right, height } = this.getRect(this.tooltipEl);\n const extraMargin = 16;\n this.tooltipDx = 0;\n\n this.tooltipUpwards = this.tooltipUp ? top > height : y + height > window.innerHeight;\n this.tooltipEl.style.transform = '';\n\n if (x < 0) this.tooltipDx = x * -1 + extraMargin;\n if (right > window.innerWidth) this.tooltipDx = window.innerWidth - right - extraMargin - 8;\n\n requestAnimationFrame(() => this.setTooltipOffset());\n });\n }\n\n getAttributes() {\n const attrs = this.href\n ? {\n 'href': this.href,\n 'rel': !this.rel && this.target === '_blank' ? 'noopener' : this.rel,\n 'target': this.target ?? null,\n 'download': this.download ?? null,\n 'aria-current': this.ariacurrent,\n 'aria-disabled': this.loading ? 'true' : null,\n }\n : {\n 'type': this.type,\n 'form': this.form,\n 'disabled': this.loading,\n 'aria-pressed': this.ariapressed,\n 'aria-controls': this.ariacontrols,\n 'aria-haspopup': this.ariahaspopup,\n 'aria-expanded': this.ariaexpanded,\n };\n\n const appearances: PnButtonAppearance[] = ['light', 'warning'];\n const variations: PnButtonVariant[] = ['borderless', 'outlined'];\n\n return {\n 'tabindex': this.noTab || (this.href && this.loading) ? '-1' : null,\n 'data-small': this.small,\n 'data-loading': this.loading,\n 'data-tooltip-open': this.tooltipOpen,\n 'data-tooltip-upwards': this.tooltipUpwards,\n 'data-icon-only': this.showIconOnly(),\n 'data-left-icon': this.leftIcon,\n 'data-appearance': appearances.includes(this.appearance) ? this.appearance : null,\n 'data-variant': variations.includes(this.variant) ? this.variant : null,\n ...attrs,\n };\n }\n\n getTagName() {\n return this.href ? 'a' : 'button';\n }\n\n showIconOnly(): boolean {\n return !!this.icon && this.iconOnly && !!(this.tooltip || this.arialabel || this.arialabelledby);\n }\n\n handleClick(event: MouseEvent) {\n ripple(event, this.hostElement, '.pn-button-bg');\n this.pnClick.emit(event);\n }\n\n render() {\n const TagName = this.getTagName();\n\n return (\n <Host>\n <TagName\n class=\"pn-button\"\n id={this.buttonId}\n aria-label={this.arialabel}\n aria-labelledby={this.arialabelledby}\n onClick={e => this.handleClick(e)}\n {...this.getAttributes()}\n ref={(el: HTMLElement) => (this.buttonEl = el)}\n >\n <div class=\"pn-button-bg\"></div>\n <div class=\"pn-button-content\">\n <div class=\"pn-button-text\" hidden={this.showIconOnly()}>\n {this.label}\n <slot />\n </div>\n {!!this.icon && <pn-icon icon={this.icon} />}\n </div>\n <pn-spinner light />\n\n <div class=\"pn-button-tooltip\" hidden={!this.tooltip} ref={el => (this.tooltipEl = el)}>\n <span class=\"pn-button-tooltip-text\">{this.tooltip}</span>\n </div>\n </TagName>\n </Host>\n );\n }\n}\n"]}

package/umd/modules/@postnord/web-components/collection/components/buttons/pn-button-dropdown/pn-button-dropdown.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"pn-button-dropdown.js","sourceRoot":"","sources":["../../../../src/components/buttons/pn-button-dropdown/pn-button-dropdown.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, Watch, Element, h, Host } from '@stencil/core';\nimport { uuidv4, PnButtonAppearance, PnButtonVariant } from '@/index';\n\n/**\n * The open/closing of the dropdown is handled by the component itself.\n *\n * @nativeClick Use the `click` event to listen when the button is clicked.\n */\n@Component({\n tag: 'pn-button-dropdown',\n styleUrl: 'pn-button-dropdown.scss',\n})\nexport class PnButtonDropdown {\n id: string = `pn-button-${uuidv4()}`;\n focusableElements: Array<HTMLLinkElement | HTMLButtonElement | HTMLInputElement>;\n container: HTMLDivElement;\n\n dropdownButtonId: string = `${this.id}-dropdown`;\n dropdownContentId: string = `${this.id}-content`;\n\n @Element() hostElement: HTMLElement;\n\n @State() right: boolean = false;\n @State() top: boolean = false;\n\n /** The required label on the button. */\n @Prop() label!: string;\n /** The optional SVG content of the icon you want. */\n @Prop() icon?: string;\n /** Select between `light` and `warning`. */\n @Prop() appearance?: PnButtonAppearance = '';\n /** Select between `outlined` and `borderless`. */\n @Prop() variant?: PnButtonVariant = '';\n /** Smaller button. */\n @Prop() small: boolean = false;\n /** Tooltip (required for Icon Only). */\n @Prop() tooltip: string;\n /** Open/close the dropdown without user interaction. */\n @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n @Watch('open')\n openHandler() {\n this.toggleDropdown();\n\n if (this.open) {\n document.addEventListener('click', this.globalHandler);\n document.addEventListener('keyup', this.globalHandler);\n } else {\n document.removeEventListener('click', this.globalHandler);\n document.removeEventListener('keyup', this.globalHandler);\n }\n }\n\n componentDidLoad() {\n if (this.open) this.openHandler();\n }\n\n getRect(element: HTMLElement): DOMRect {\n return element.getBoundingClientRect();\n }\n\n globalHandler = (e: KeyboardEvent) => {\n // global events that we want to track to close the select, like \"click outside\" or tab out\n if (!this.hostElement.contains(e.target as Element) || e?.key === 'Escape') {\n this.open = false;\n }\n };\n\n toggleDropdown() {\n this.right = this.hostElement.offsetLeft > window.innerWidth / 2;\n\n requestAnimationFrame(() => {\n if (this.open) {\n this.container.style.transition = 'none';\n this.container.style.transform = 'none';\n }\n\n const containerRect = this.getRect(this.container);\n const hostElementRect = this.getRect(this.hostElement);\n\n // Calculate if dropdown should open upwards\n // if there is enough space above button\n const enoughSpaceAbove = hostElementRect.top > containerRect.height + window.innerWidth * 0.025;\n this.top =\n enoughSpaceAbove &&\n hostElementRect.top + hostElementRect.height + containerRect.height >\n window.innerHeight - window.innerWidth * 0.025;\n\n let xAxis: number = 0;\n\n if (containerRect.right > window.innerWidth || containerRect.x < 0) {\n // 0.025 because the max width of the element is 95vw and we want the same margin on both sides\n xAxis = containerRect.x + containerRect.width + window.innerWidth * 0.025 - window.innerWidth;\n }\n\n this.container.style.transform = '';\n\n requestAnimationFrame(() => {\n this.container.style.transition = '';\n this.container.style.transform = this.open ? `scale(1) translateX(-${xAxis}px)` : '';\n\n requestAnimationFrame(() => {\n this.hostElement.querySelector<HTMLDivElement>('.pn-button-dropdown').dataset.open = `${this.open}`;\n });\n });\n });\n }\n\n toggle = () => {\n this.open = !this.open;\n };\n\n render() {\n return (\n <Host>\n <div class=\"pn-button-dropdown\">\n <pn-button\n label={this.label}\n buttonId={this.dropdownButtonId}\n class=\"pn-button-dropdown-label\"\n appearance={this.appearance}\n variant={this.variant}\n small={this.small}\n icon={this.icon}\n iconOnly={!!this.tooltip && !!this.icon && !this.label}\n ariacontrols={this.dropdownContentId}\n ariahaspopup=\"true\"\n ariaexpanded={this.open.toString()}\n tooltip={this.tooltip}\n tooltipUp={!this.top}\n onPnClick={this.toggle}\n />\n <div\n ref={el => (this.container = el)}\n id={this.dropdownContentId}\n class=\"pn-button-dropdown-container\"\n role=\"region\"\n aria-labelledby={this.dropdownButtonId}\n data-right={this.right}\n data-top={this.top}\n >\n <div class=\"pn-button-dropdown-content\">\n <slot />\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}

package/umd/modules/@postnord/web-components/collection/components/buttons/pn-read-only-button/pn-read-only-button.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"pn-read-only-button.js","sourceRoot":"","sources":["../../../../src/components/buttons/pn-read-only-button/pn-read-only-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, State, Host, Element, Watch } from '@stencil/core';\nimport { awaitTopbar } from '@/globals/helpers';\nimport { PnLanguages } from '@/globals/types';\n\n/**\n * There are no events or features other than the `icon`, `small` and `language` prop.\n *\n * Our rule is to not have disabled buttons.\n * However, this component is an exception for a very specific use case regarding portal users.\n */\n@Component({\n tag: 'pn-read-only-button',\n styleUrl: 'pn-read-only-button.scss',\n})\nexport class PnReadOnlyButton {\n @Element() hostElement: HTMLElement;\n\n @State() readOnlyModeText = '';\n @State() tooltipOpen: boolean = false;\n @State() tooltipEl: HTMLDivElement;\n @State() tooltipDx: string;\n\n /** The SVG content of the icon you want. */\n @Prop() icon?: string;\n /** Icon on the left side instead of on the right. */\n @Prop() leftIcon: boolean = false;\n /** If you're using a button with only an icon, button text is still REQUIRED for the tooltip. */\n @Prop() iconOnly: boolean = false;\n /** Smaller button. */\n @Prop() small: boolean = false;\n /** Set the language manually. */\n @Prop() language?: PnLanguages = null;\n\n @Watch('language')\n setReadOnlyModeText() {\n const translations = {\n en: 'You cannot complete this action while in read only mode',\n sv: 'Du kan inte utföra denna handling i skrivskyddat läge',\n da: 'Du kan ikke gennemføre denne handling i skrivebeskyttet tilstand',\n fi: 'Et voi suorittaa tätä toimintoa vain luku -tilassa',\n no: 'Du kan ikke utføre denne handlingen i skrivebeskyttet modus',\n };\n\n this.readOnlyModeText = translations[this.language];\n }\n\n async componentWillLoad() {\n this.setReadOnlyModeText();\n\n if (this.language) return;\n await awaitTopbar(this.hostElement);\n }\n\n componentDidLoad() {\n this.initTooltip();\n }\n\n /*---------------------------------------TOOLTIP LOGIC-------------------------------------------*/\n\n @Watch('tooltipOpen')\n openHandler(): void {\n if (this.tooltipOpen) {\n this.checkTooltipPosition();\n return;\n }\n this.setTooltipOffset();\n }\n\n initTooltip(): void {\n this.tooltipEl = this.hostElement.querySelector('.button-tooltip');\n const tooltipAnchor = this.hostElement;\n\n const openEvents = ['mouseenter', 'focus'];\n const closeEvents = ['mouseleave', 'blur'];\n\n const eventListeners = [...openEvents, ...closeEvents];\n\n eventListeners.forEach(e => {\n tooltipAnchor.addEventListener(e, event => {\n // Should open?\n if (openEvents.includes(event.type)) {\n this.tooltipOpen = true;\n return;\n }\n // Should close?\n if (closeEvents.includes(event.type)) {\n this.tooltipOpen = false;\n }\n });\n });\n }\n\n setTooltipOffset(): void {\n this.tooltipEl.style.transform = `translateX(-50%) translateX(${this.tooltipDx}px)`;\n }\n\n checkTooltipPosition(): void {\n this.tooltipEl.style.transform = 'translateX(-50%)';\n\n requestAnimationFrame(() => {\n const { x, right } = this.tooltipEl.getBoundingClientRect();\n const extraMargin = 8;\n this.tooltipDx = '0';\n this.tooltipEl.style.transform = '';\n\n if (x < 0) this.tooltipDx = `${x * -1 + extraMargin}`;\n if (right > window.innerWidth) this.tooltipDx = `${window.innerWidth - right - extraMargin}`;\n\n requestAnimationFrame(() => {\n this.setTooltipOffset();\n });\n });\n }\n /* ---------------------------------------/TOOLTIP--------------------------------------- */\n\n getClassNames(): string {\n let classNames = 'pn-button ';\n\n if (this.small) classNames += 'pn-button-small ';\n if (this.leftIcon) classNames += 'pn-button-left-icon ';\n if (this.iconOnly) classNames += 'icon-only ';\n\n return classNames;\n }\n\n render() {\n return (\n <Host class=\"pn-read-only-button\">\n <button class={this.getClassNames()} data-tooltip-open={this.tooltipOpen} disabled={true}>\n {!this.iconOnly && <slot />}\n {this.icon && <pn-icon icon={this.icon} color=\"gray700\" />}\n\n {this.iconOnly && (\n <span class=\"read-only-icon-only\">\n <slot />\n </span>\n )}\n\n <div class=\"button-tooltip\">{this.readOnlyModeText}</div>\n </button>\n </Host>\n );\n }\n}\n"]}

package/umd/modules/@postnord/web-components/collection/components/content/pn-accordion/pn-accordion.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"pn-accordion.js","sourceRoot":"","sources":["../../../../src/components/content/pn-accordion/pn-accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvF;;;;GAIG;AAKH,MAAM,OAAO,WAAW;IACtB,EAAE,CAAoB;IAEtB,UAAU,GAAG,IAAI,WAAW,CAAC,UAAU,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;IAEjD,WAAW,CAAc;IAEpC,gEAAgE;IACxD,MAAM,GAAY,KAAK,CAAC;IAChC,mGAAmG;IAC3F,WAAW,GAAY,KAAK,CAAC;IAErC,iBAAiB;QACf,IAAI,CAAC,EAAE,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;QAEpE,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IACxE,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC;IACvB,CAAC;IAGD,eAAe,CAAC,EAAE,MAAM,EAAE;QACxB,IAAI,CAAC,IAAI,CAAC,MAAM;YAAE,OAAO;QAEzB,MAAM,OAAO,GAAuB,MAAM,CAAC,OAAO,CAAC;QACnD,MAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC;QAEtD,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,CAAC;QAE/E,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;IACxF,CAAC;IACD,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAC,cAAc,sBAAmB,IAAI,CAAC,WAAW;YAC3D,8DAAQ,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Element, forceUpdate, Prop, Listen } from '@stencil/core';\n\n/**\n * The `pn-accordion` is a wrapper for `pn-accordion-row` components.\n * This component gives the accordion rows some space between each one and provides the `single` feature.\n * Which will force the rule that only a single row to be open at one time.\n */\n@Component({\n tag: 'pn-accordion',\n styleUrl: 'pn-accordion.scss',\n})\nexport class PnAccordion {\n mo?: MutationObserver;\n\n closeEvent = new CustomEvent('rowstate', { detail: false });\n\n @Element() hostElement: HTMLElement;\n\n /** Only allow a single row to be open at once. @since v7.8.0 */\n @Prop() single: boolean = false;\n /** Optional prop that removes the default white background on the accordion row. @since v7.10.0 */\n @Prop() transparent: boolean = false;\n\n connectedCallback() {\n this.mo = new MutationObserver(() => forceUpdate(this.hostElement));\n\n this.mo.observe(this.hostElement, { childList: true, subtree: true });\n }\n\n disconnectedCallback() {\n this.mo.disconnect();\n }\n\n @Listen('togglerow')\n handleSingleRow({ detail }) {\n if (!this.single) return;\n\n const element: HTMLDetailsElement = detail.element;\n const activeRow = element.closest('pn-accordion-row');\n\n const rows = Array.from(this.hostElement.querySelectorAll('pn-accordion-row'));\n\n rows.forEach(row => !row.isSameNode(activeRow) && row.dispatchEvent(this.closeEvent));\n }\n render() {\n return (\n <Host class=\"pn-accordion\" data-transparent={this.transparent}>\n <slot />\n </Host>\n );\n }\n}\n"]}

package/umd/modules/@postnord/web-components/collection/components/content/pn-accordion/row/pn-accordion-row.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"pn-accordion-row.js","sourceRoot":"","sources":["../../../../../src/components/content/pn-accordion/row/pn-accordion-row.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Host, Element, Event, EventEmitter, Prop, State, Listen } from '@stencil/core';\nimport { chevron_down } from 'pn-design-assets/pn-assets/icons.js';\nimport { reduceMotion, ripple } from '@/index';\n\n/**\n * Use this row component inside a `pn-accordion` to create an accordion group.\n *\n * **Note**: you can use the `pn-accordion-row` without the parent accordion.\n * But you will have to style the gap between each row.\n *\n * @slot label - Include your own HTML as the label.\n * ```\n * <h3 slot=\"label\">Custom title</h3>\n * ```\n */\n@Component({\n tag: 'pn-accordion-row',\n styleUrl: 'pn-accordion-row.scss',\n})\nexport class PnAccordionRow {\n private details: HTMLDetailsElement;\n private summary: HTMLElement;\n private content: HTMLDivElement;\n private animation: Animation;\n\n private readonly defaultAnimationDuration: number = 400;\n private animationDuration: number = this.defaultAnimationDuration;\n\n @Element() hostElement: HTMLElement;\n\n @State() isClosing = false;\n @State() isExpanding = false;\n\n /** The label/title of the accordion row, you can also pass a slot with the name \"label\" if you want to put custom HTML content in there. */\n @Prop({ mutable: true }) label: string;\n /** The open/close status of the accordion row. */\n @Prop({ mutable: true }) state?: boolean = false;\n\n /** Optional unique id for the `summary` element. @category ID */\n @Prop() buttonid?: string;\n /** Optional unique id for the `div` element containing the content. @category ID */\n @Prop() contentid?: string;\n /** Optional prop that removes the default white background on the accordion row. @since v7.10.0 */\n @Prop() transparent: boolean = false;\n\n /** Dispatched every time the row is toggled. Includes the row element and the boolean `state` prop. */\n @Event() togglerow: EventEmitter<{ element: HTMLElement; state: Boolean }>;\n\n /** Internal function for closing rows when using the `single` prop on the `pn-accordion`. */\n @Listen('rowstate')\n handleRowState(event: CustomEvent) {\n if (event.detail !== this.state) {\n this.details.style.overflow = 'hidden';\n this.closeAccordion();\n }\n }\n\n componentWillLoad() {\n const slottedLabel = !!this.hostElement.querySelector('[slot=\"label\"]');\n this.label = slottedLabel ? null : this.label;\n }\n\n private toggleOpen(open?: boolean) {\n const state = open ?? !this.state;\n if (this.state !== open) this.togglerow.emit({ element: this.details, state });\n this.state = state;\n }\n\n private clickHandler(e: MouseEvent) {\n e.preventDefault();\n\n this.details.style.overflow = 'hidden';\n\n if (this.isClosing || !this.state) this.openAccordion();\n else if (this.isClosing || this.state) this.closeAccordion();\n\n const { x, width, y, top } = this.hostElement.getBoundingClientRect();\n const clientCor = e.clientX === 0 && e.clientY === 0 ? { clientX: x + width - 24, clientY: y - top } : e;\n\n ripple(clientCor, this.hostElement, '.pn-accordion-row-text');\n }\n\n private openAccordion() {\n this.details.style.height = `${this.details.offsetHeight}px`;\n this.toggleOpen(true);\n\n requestAnimationFrame(() => {\n this.isExpanding = true;\n\n const startHeight = `${this.details.offsetHeight}px`;\n const endHeight = `${this.summary.offsetHeight + this.content.offsetHeight}px`;\n\n this.cancelAnimations();\n\n this.animate(true, startHeight, endHeight);\n });\n }\n\n private closeAccordion() {\n this.isClosing = true;\n\n const startHeight = `${this.details.offsetHeight}px`;\n const endHeight = `${this.summary.offsetHeight}px`;\n\n this.cancelAnimations();\n\n this.animate(false, startHeight, endHeight);\n }\n\n private animate(open: boolean, startHeight: string, endHeight: string) {\n if (reduceMotion()) this.animationDuration = 0;\n else this.animationDuration = this.defaultAnimationDuration;\n\n this.animation = this.details.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\n this.animation.onfinish = () => this.animationFinish(open);\n\n this.animation.oncancel = () => {\n if (open) this.isExpanding = false;\n else this.isClosing = false;\n };\n }\n\n private animationFinish(open: boolean) {\n this.toggleOpen(open);\n this.cancelAnimations();\n\n this.isClosing = false;\n this.isExpanding = false;\n\n this.details.style.height = '';\n this.details.style.overflow = '';\n }\n\n private cancelAnimations() {\n if (this.animation) this.animation.cancel();\n }\n\n render() {\n return (\n <Host>\n <details class=\"pn-accordion-row\" open={this.state} ref={(el: HTMLDetailsElement) => (this.details = el)}>\n <summary\n id={this.buttonid}\n class=\"pn-accordion-row-summary\"\n onClick={e => this.clickHandler(e)}\n ref={el => (this.summary = el)}\n >\n <div class=\"pn-accordion-row-text\" data-transparent={this.transparent}>\n {this.label ? this.label : ''}\n <slot name=\"label\" />\n\n <pn-icon class=\"pn-accordion-row-icon\" icon={chevron_down} />\n </div>\n </summary>\n\n <div id={this.contentid} class=\"pn-accordion-row-content\" ref={(el: HTMLDivElement) => (this.content = el)}>\n <slot />\n </div>\n </details>\n </Host>\n );\n }\n}\n"]}

package/umd/modules/@postnord/web-components/collection/components/content/pn-table/pn-table.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"pn-table.js","sourceRoot":"","sources":["../../../../src/components/content/pn-table/pn-table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAElE;;;;;;IAMI;AAKJ,MAAM,OAAO,OAAO;IACP,WAAW,CAAc;IAEpC,4CAA4C;IACpC,IAAI,GAAY,KAAK,CAAC;IAC9B,2BAA2B;IACnB,QAAQ,GAAY,KAAK,CAAC;IAClC,8BAA8B;IACtB,OAAO,GAAY,KAAK,CAAC;IAEjC,aAAa;QACX,MAAM,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,IAAI,SAAS,EAAE,IAAI,CAAC,QAAQ,IAAI,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;QAElH,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC3C,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE;YAC/B,4DAAK,KAAK,EAAC,oBAAoB;gBAC7B,8DAAQ,CACJ,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Prop, Host, h } from '@stencil/core';\n\n/**\n * The `pn-table` component is just a wrapper for your HTML table element.\n * You need to create the markup, but the component will deal with the styling.\n *\n * We have a built in class for divs inside table colums called `column-wrapper`.\n * This will line up your content and provide a grid gap.\n **/\n@Component({\n tag: 'pn-table',\n styleUrl: 'pn-table.scss',\n})\nexport class PnTable {\n @Element() hostElement: HTMLElement;\n\n /** Use the gray variant instead of blue. */\n @Prop() gray: boolean = false;\n /** Add border to table. */\n @Prop() bordered: boolean = false;\n /** Make the table striped. */\n @Prop() striped: boolean = false;\n\n getClassNames(): string {\n const classes = [this.striped && 'striped', this.bordered && 'bordered', this.gray ? 'color-gray' : 'color-blue'];\n\n return classes.filter(Boolean).join(' ');\n }\n\n render() {\n return (\n <Host class={this.getClassNames()}>\n <div class=\"pn-table-container\">\n <slot />\n </div>\n </Host>\n );\n }\n}\n"]}

package/umd/modules/@postnord/web-components/collection/components/content/pn-tag/pn-tag.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"pn-tag.js","sourceRoot":"","sources":["../../../../src/components/content/pn-tag/pn-tag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD,8HAA8H;AAK9H,MAAM,OAAO,KAAK;IAChB,4BAA4B;IACpB,KAAK,CAAU;IACvB;;;;;;OAMG;IACK,IAAI,CAAU;IACtB,wFAAwF;IAChF,UAAU,GAAwD,EAAE,CAAC;IAC7E;;;;;;;OAOG;IACK,IAAI,GAAa,KAAK,CAAC;IAC/B,qCAAqC;IAC7B,KAAK,GAAa,KAAK,CAAC;IAChC,sCAAsC;IAC9B,KAAK,GAAa,KAAK,CAAC;IAChC,yDAAyD;IACjD,MAAM,GAAa,KAAK,CAAC;IAEjC,mBAAmB;QACjB,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM;YAAE,OAAO,CAAC,IAAI,CAAC,iEAAiE,CAAC,CAAC;IAClH,CAAC;IAED,QAAQ;QACN,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;IACrC,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DACE,KAAK,EAAC,QAAQ,qBACG,IAAI,CAAC,UAAU,eACrB,CAAC,CAAC,IAAI,CAAC,IAAI,eACX,IAAI,CAAC,IAAI,gBACR,IAAI,CAAC,KAAK,iBACT,IAAI,CAAC,MAAM,gBACZ,IAAI,CAAC,KAAK;gBAErB,IAAI,CAAC,QAAQ,EAAE,IAAI,gEAAS,IAAI,EAAE,IAAI,CAAC,IAAI,GAAY;gBACxD,6DAAM,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,KAAK,CAAQ,CAC1C,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\n\n/** The `pn-tag` is a non-interactive visual marker designed to emphasize important aspects of an item, such as its status. */\n@Component({\n tag: 'pn-tag',\n styleUrl: 'pn-tag.scss',\n})\nexport class PnTag {\n /** The label of the tag. */\n @Prop() label!: string;\n /**\n * Select icon from out `pn-design-assets` list. Works with any SVG content.\n *\n * **Please note**: Can not be used with the `xsmall` prop due to the small size.\n *\n * @see {@link https://portal.postnord.com/web-components/?path=/docs/docs-assets--docs Get started with PostNord assets.}\n */\n @Prop() icon?: string;\n /** Set tag appearance: `discrete`, `positive`, `warning` & `error`. @category Visual */\n @Prop() appearance?: '' | 'discrete' | 'positive' | 'warning' | 'error' = '';\n /**\n * Set darker background-color on the tag.\n *\n * This is intended for better tag visibility on colored background.\n *\n * @category Visual\n * @deprecated Will be removed in v8.0.0\n */\n @Prop() dark?: boolean = false;\n /** Set larger tag. @category Size */\n @Prop() large?: boolean = false;\n /** Set smaller tag. @category Size */\n @Prop() small?: boolean = false;\n /** Set extra small tag. @since v7.11.0 @category Size */\n @Prop() xsmall?: boolean = false;\n\n componentWillRender() {\n if (!!this.icon && this.xsmall) console.warn(`pn-tag: Icon was not rendered because tag size is set to xsmall`);\n }\n\n showIcon() {\n return !!this.icon && !this.xsmall;\n }\n\n render() {\n return (\n <Host>\n <div\n class=\"pn-tag\"\n data-appearance={this.appearance}\n data-icon={!!this.icon}\n data-dark={this.dark}\n data-small={this.small}\n data-xsmall={this.xsmall}\n data-large={this.large}\n >\n {this.showIcon() && <pn-icon icon={this.icon}></pn-icon>}\n <span class=\"pn-tag-label\">{this.label}</span>\n </div>\n </Host>\n );\n }\n}\n"]}

package/umd/modules/@postnord/web-components/collection/components/design-tokens/pn-icon/pn-icon.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"pn-icon.js","sourceRoot":"","sources":["../../../../src/components/design-tokens/pn-icon/pn-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,KAAK,MAAM,MAAM,sCAAsC,CAAC;AAG/D;;;;;;IAMI;AAKJ,MAAM,OAAO,MAAM;IACN,WAAW,CAAc;IAEpC;;;;;;;QAOI;IACI,IAAI,GAAW,EAAE,CAAC;IAC1B,gDAAgD;IACvB,KAAK,GAAY,KAAK,CAAC;IAChD;;;QAGI;IACI,KAAK,GAAc,SAAS,CAAC;IAErC,WAAW;QACT,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC;QACnD,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC;IAC/D,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAED,MAAM;QACJ,OAAO,EAAC,IAAI,qDAAC,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAE,IAAI,CAAC,IAAI,GAAS,CAAC;IACjF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Prop, h, Host, Watch } from '@stencil/core';\nimport * as colors from 'pn-design-assets/pn-assets/colors.js';\nimport type { PnColors } from '@/index';\n\n/**\n * The `pn-icon` is a wrapper for an SVG string.\n * While its built with PostNords specific icon dimensions in mind (24x24px), you can use any SVG content in this component.\n * As long as its 3x3 in size, there should be no problem.\n *\n * The color feature will not overwrite the color of flags.\n **/\n@Component({\n tag: 'pn-icon',\n styleUrl: 'pn-icon.scss',\n})\nexport class PnIcon {\n @Element() hostElement: HTMLElement;\n\n /**\n * The SVG content of the icon you want to use.\n *\n * Flags cannot be colored.\n *\n * @see {@link https://portal.postnord.com/web-components/?path=/docs/components-design-tokens-icon--docs|PostNord Icons (Storybook)}\n * @see {@link https://portal.postnord.com/web-components/?path=/docs/components-design-tokens-flag--docs|PostNord Flags (Storybook)}\n **/\n @Prop() icon: string = '';\n /** Make the icon small (16 instead of 24px). */\n @Prop({ reflect: true }) small: boolean = false;\n /**\n * Color the icon with one of the follwing colors from our library.\n * @see {@link https://portal.postnord.com/web-components/?path=/docs/components-design-tokens-colors--docs|PostNord Colors (Storybook)}\n **/\n @Prop() color?: PnColors = 'gray900';\n @Watch('color')\n handleColor() {\n const color = colors[this.color] || colors.gray900;\n this.hostElement.style.setProperty('--pn-icon-color', color);\n }\n\n componentWillLoad() {\n this.handleColor();\n }\n\n render() {\n return <Host role=\"presentation\" class=\"pn-icon\" innerHTML={this.icon}></Host>;\n }\n}\n"]}

package/umd/modules/@postnord/web-components/collection/components/design-tokens/pn-illustration/pn-illustration.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"pn-illustration.js","sourceRoot":"","sources":["../../../../src/components/design-tokens/pn-illustration/pn-illustration.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAKzE,MAAM,OAAO,cAAc;IACd,WAAW,CAAc;IAEpC,uHAAuH;IAC/G,YAAY,CAAU;IAC9B,6EAA6E;IACpD,KAAK,CAAU;IACxC,+EAA+E;IACtD,MAAM,CAAU;IAEzC,mHAAmH;IAC3G,IAAI,GAAa,KAAK,CAAC;IAE/B,UAAU;QACR,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC;YACpB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACvB,CAAC;IACH,CAAC;IAED,mBAAmB;QACjB,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM;YAAE,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;QACtD,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QACzE,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IAC7E,CAAC;IAED,cAAc;QACZ,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,iDAAiD,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QAEjG,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,CAAC,EAAE,AAAD,EAAG,KAAK,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,CAAC,GAAG,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;QAEhE,IAAI,CAAC,KAAK,IAAI,CAAC,MAAM;YAAE,OAAO;QAE9B,IAAI,CAAC,KAAK,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;QAClC,IAAI,CAAC,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC;QAEpC,IAAI,CAAC,QAAQ,EAAE,CAAC;IAClB,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QAC7D,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IACjE,CAAC;IAED,MAAM;QACJ,OAAO,EAAC,IAAI,qDAAC,IAAI,EAAC,cAAc,EAAC,SAAS,EAAE,IAAI,CAAC,YAAY,eAAa,IAAI,CAAC,IAAI,GAAS,CAAC;IAC/F,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Element, Host, Watch } from '@stencil/core';\n@Component({\n tag: 'pn-illustration',\n styleUrl: 'pn-illustration.scss',\n})\nexport class PnIllustration {\n @Element() hostElement: HTMLElement;\n\n /** The SVG content of the illustration you want to use. The viewBox property will be used to determine width/height */\n @Prop() illustration!: string;\n /** Set the width of the SVG element. Any valid CSS width value is allowed */\n @Prop({ mutable: true }) width?: string;\n /** Set the height of the SVG element. Any valid CSS height value is allowed */\n @Prop({ mutable: true }) height?: string;\n\n /** Make the SVG fill to its parent size (sets width/height 100% and `display: block` instead of `inline-block`) */\n @Prop() fill?: boolean = false;\n @Watch('fill')\n handleFill() {\n if (this.fill) {\n this.width = '100%';\n this.height = '100%';\n }\n }\n\n componentWillRender() {\n this.handleFill();\n if (this.width || this.height) return this.setSizes();\n this.getSizeFromSvg();\n }\n\n componentDidRender() {\n this.hostElement.querySelector('svg')?.setAttribute('width', this.width);\n this.hostElement.querySelector('svg')?.setAttribute('height', this.height);\n }\n\n getSizeFromSvg() {\n const viewBox = this.illustration?.match(/<svg[^>]*?viewBox=([\"\\'])?((?:.(?!\\1|>))*.?)\\1?/)?.[2];\n\n if (!viewBox) return;\n\n const [, , width = '', height = ''] = viewBox?.split(' ') || [];\n\n if (!width || !height) return;\n\n this.width = `${Number(width)}px`;\n this.height = `${Number(height)}px`;\n\n this.setSizes();\n }\n\n setSizes() {\n this.hostElement.style.setProperty('--pn-width', this.width);\n this.hostElement.style.setProperty('--pn-height', this.height);\n }\n\n render() {\n return <Host role=\"presentation\" innerHTML={this.illustration} data-fill={this.fill}></Host>;\n }\n}\n"]}

package/umd/modules/@postnord/web-components/collection/components/feedback/pn-modal/pn-modal.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"pn-modal.js","sourceRoot":"","sources":["../../../../src/components/feedback/pn-modal/pn-modal.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Element,\n h,\n Host,\n Prop,\n Watch,\n Event,\n EventEmitter,\n forceUpdate,\n State,\n Listen,\n} from '@stencil/core';\nimport { awaitTopbar, en, isSmallScreen, reduceMotion } from '@/index';\nimport type { PnLanguages } from '@/index';\n\nimport { close as closeIcon } from 'pn-design-assets/pn-assets/icons.js';\nimport { PnTranslations, translations } from './translation';\n\n/**\n * Present content in a modal that overlays everything on the current page.\n * Use the prop `open` to toggle the visiblity.\n * Use the event `modalToggle` to determine when the modal is being closed/opened by the user.\n *\n * @slot - The default slot, will be placed in the middle content area.\n * @slot image - Place an image or illustration at the top of the modal. {@since v7.15.0}\n * @slot header - Place the title + lead text in the header. {@since v7.14.0}\n * @slot buttons - Place buttons inside the modal at the bottom.\n * pn-buttons aligns automatically to the right, set the data-left attribute on the button you want to align to the left.\n */\n@Component({\n tag: 'pn-modal',\n styleUrl: 'pn-modal.scss',\n})\nexport class PnModal {\n private mo: MutationObserver;\n\n private readonly standardAnimationDuration = 400;\n private animationDuration: number = this.standardAnimationDuration;\n\n private modalTimeout: NodeJS.Timeout;\n\n private modalElement: HTMLDialogElement;\n private modalContainer: HTMLDivElement;\n private modalPicture: HTMLPictureElement;\n\n @Element() hostElement: HTMLElement;\n\n @State() isClosing: boolean = false;\n @State() isOpening: boolean = false;\n\n /** If true, the modal content will remove overflow CSS property. */\n @State() removeOverflow: boolean = false;\n\n /** Set a label for the modal. @since v7.14.0 */\n @Prop() label?: string;\n /** Set a descriptive text for the modal. @since v7.14.0 */\n @Prop() helpertext?: string;\n /** Set the language. @since v7.14.0 */\n @Prop() language?: PnLanguages = null;\n\n /** Bind to this property if you want to control the visibility of the modal from your own data. @category Features */\n @Prop({ mutable: true, reflect: true }) open?: boolean = false;\n /**\n * Prevent users from closing the modal by clicking on the backdrop or the `ESC` key.\n * @since v7.14.0\n * @category Features\n */\n @Prop() persistent?: boolean = false;\n /**\n * Hide the close button. If you disable this, make sure you build your own cancel button.\n * @since v7.14.0\n * @category Features\n */\n @Prop() hideClose?: boolean = false;\n /**\n * Allow overflow if possible. When the modal opens, it will check scrollHeight > offsetHeight.\n * Do not use if you have a lot of conditional rendering inside the modal.\n * @since v7.14.0\n */\n @Prop() allowOverflow?: boolean = false;\n\n /**\n * Use the `sheet` visual. Aligns the modal to the right.\n * @since v7.14.0\n * @category Visual\n */\n @Prop() sheet?: boolean = false;\n /**\n * Define your own max width of the modal. Default is `45em`.\n * @category Visual\n * @since v7.14.0\n */\n @Prop() maxWidth?: string = null;\n\n @Watch('open')\n handleOpen() {\n if (this.open) this.openModal();\n else {\n this.closeModal();\n /** In the next update, we can remove this one so you can finally stack modals. */\n this.close.emit(true);\n }\n\n this.handleOverflow();\n\n clearTimeout(this.modalTimeout);\n this.isClosing = !this.open && true;\n\n if (reduceMotion()) this.animationDuration = 0;\n else this.animationDuration = this.standardAnimationDuration;\n\n this.modalTimeout = setTimeout(() => {\n this.isClosing = false;\n this.modalVisiblity.emit({ visible: this.open });\n }, this.animationDuration);\n }\n\n @Watch('maxWidth')\n handleMaxWidth() {\n const width = this.maxWidth || '45em';\n this.modalElement.style.setProperty('--pn-modal-max-width', width);\n }\n\n @Listen('resize', { target: 'window' })\n handleOverflow() {\n if (this.allowOverflow) this.setOverflow();\n }\n\n /** This event is fired when the modal is toggled. {@since v7.14.0} */\n @Event() modalToggle: EventEmitter<{ open: boolean }>;\n /** This event is dispatched after the opening/closing animation has finished playing. {@since v7.14.0} */\n @Event() modalVisiblity: EventEmitter<{ visible: boolean }>;\n /**\n * Event fired when the modal is closed, either by clicking on the dark background or by clicking on the close button.\n * @deprecated Use the new `modalToggle` event instead.\n */\n @Event() close: EventEmitter<boolean>;\n\n connectedCallback() {\n this.mo = new MutationObserver(() => forceUpdate(this.hostElement));\n this.mo.observe(this.hostElement, { childList: true, subtree: true });\n }\n\n disconnectedCallback() {\n if (this.mo) this.mo.disconnect();\n }\n\n async componentWillLoad() {\n if (this.language === null) await awaitTopbar(this.hostElement);\n }\n\n componentDidLoad() {\n this.handleMaxWidth();\n if (this.open) this.openModal();\n }\n\n private translate(prop: PnTranslations) {\n return translations?.[prop]?.[this.language || en] || prop;\n }\n\n private showImage() {\n return !!this.modalPicture?.innerHTML;\n }\n\n private showHeader() {\n return !!(this.label || this.helpertext || this.hostElement.querySelector('[slot=\"header\"]')?.textContent);\n }\n\n private setOverflow() {\n this.removeOverflow = !this.hasOverflow();\n }\n\n private hasOverflow(): boolean {\n const multiplyWith = isSmallScreen() ? 0.95 : 0.85;\n return this.modalContainer?.scrollHeight > innerHeight * multiplyWith;\n }\n\n private isSameModal(target: HTMLElement): boolean {\n return this.modalElement.isSameNode(target);\n }\n\n private handleKeyboard(event: KeyboardEvent) {\n if (event.key !== 'Escape') return;\n\n event.preventDefault();\n event.stopImmediatePropagation();\n\n if (!this.persistent) this.setModalClose();\n }\n\n private clickModalBackground(event: MouseEvent) {\n const { clientY, clientX } = event;\n\n const notInsideAnyModal = (event.target as HTMLDialogElement).localName !== this.modalElement.localName;\n const notThisModal = !this.isSameModal(event.target as HTMLElement);\n\n if (notInsideAnyModal || notThisModal) return;\n\n const { top, left, height, width } = this.modalElement.getBoundingClientRect();\n const isInModal = top <= clientY && clientY <= top + height && left <= clientX && clientX <= left + width;\n\n if (!isInModal && !this.persistent) this.toggleOpen(false);\n }\n\n private setModalClose() {\n this.toggleOpen(false);\n }\n\n private closeModal() {\n this.modalElement.close();\n }\n\n private openModal() {\n this.modalElement.showModal();\n }\n\n private toggleOpen(state?: boolean) {\n this.open = state ?? !this.open;\n }\n\n render() {\n return (\n <Host>\n <dialog\n class=\"pn-modal\"\n data-closing={this.isClosing}\n data-sheet={this.sheet}\n data-image={this.showImage()}\n data-allow-overflow={this.removeOverflow}\n onClose={() => this.setModalClose()}\n onCancel={() => this.setModalClose()}\n onToggle={() => this.modalToggle.emit({ open: this.open })}\n onKeyDown={event => this.handleKeyboard(event)}\n onClick={event => this.clickModalBackground(event)}\n ref={el => (this.modalElement = el)}\n >\n {!this.hideClose && (\n <pn-button\n small\n class=\"pn-modal-close-button\"\n icon={closeIcon}\n iconOnly={true}\n arialabel={this.translate('CLOSE_MODAL')}\n appearance=\"light\"\n variant=\"borderless\"\n type=\"button\"\n onPnClick={() => this.setModalClose()}\n />\n )}\n <div class=\"pn-modal-container\" ref={el => (this.modalContainer = el)}>\n <div class=\"pn-modal-image\" hidden={!this.showImage()}>\n <picture class=\"pn-modal-picture\" ref={el => (this.modalPicture = el)}>\n <slot name=\"image\"></slot>\n </picture>\n </div>\n <header class=\"pn-modal-header\" hidden={!this.showHeader()}>\n {this.label && <h2 class=\"pn-modal-label\">{this.label}</h2>}\n {this.helpertext && <p class=\"pn-modal-text\">{this.helpertext}</p>}\n\n <slot name=\"header\"></slot>\n </header>\n <section class=\"pn-modal-content\">\n <slot></slot>\n </section>\n <nav class=\"pn-modal-buttons\">\n <slot name=\"buttons\"></slot>\n </nav>\n </div>\n </dialog>\n </Host>\n );\n }\n}\n"]}

package/umd/modules/@postnord/web-components/collection/components/feedback/pn-modal/translation.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"translation.js","sourceRoot":"","sources":["../../../../src/components/feedback/pn-modal/translation.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,WAAW,EAAE;QACX,EAAE,EAAE,cAAc;QAClB,EAAE,EAAE,mBAAmB;QACvB,EAAE,EAAE,gBAAgB;QACpB,EAAE,EAAE,qBAAqB;QACzB,EAAE,EAAE,mBAAmB;KACxB;CACF,CAAC","sourcesContent":["export const translations = {\n CLOSE_MODAL: {\n en: 'Close dialog',\n sv: 'Stäng dialogrutan',\n da: 'Luk dialogboks',\n fi: 'Sulje valintaikkuna',\n no: 'Lukk dialogboksen',\n },\n};\n\nexport type PnTranslations = keyof typeof translations;\n"]}

package/umd/modules/@postnord/web-components/collection/components/feedback/pn-progress-bar/pn-progress-bar.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"pn-progress-bar.js","sourceRoot":"","sources":["../../../../src/components/feedback/pn-progress-bar/pn-progress-bar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Prop, h, Host, Watch, State } from '@stencil/core';\nimport { alert_exclamation_circle, check_circle } from 'pn-design-assets/pn-assets/icons.js';\nimport { uuidv4 } from '@/globals/helpers';\n\n@Component({\n tag: 'pn-progress-bar',\n styleUrl: 'pn-progress-bar.scss',\n})\nexport class PnProgressBar {\n uniqueId: string = uuidv4();\n\n idProgress: string = `pn-progress-bar-${this.uniqueId}`;\n idLabel: string = `${this.idProgress}-label`;\n idText: string = `${this.idProgress}-text`;\n\n @Element() hostElement: HTMLElement;\n\n @State() progressPercentage: string;\n\n /** Set a label for the progress bar */\n @Prop() label?: string;\n /** Progress value, 0-100 */\n @Prop() progress: number = 0;\n /** Replaces the default progress percentage text */\n @Prop() progressText?: string;\n /** Text shown on success (100%) */\n @Prop() successText?: string;\n /** Trigger an error and display a message */\n @Prop() error?: string;\n /** A unique HTML id fror the progress bar */\n @Prop() progressId: string = this.idProgress;\n\n @Watch('progress')\n setProgress(): void {\n if (!Number.isInteger(this.progress)) return;\n\n const progressWidth = this.progress < 100 ? Math.ceil(this.progress) : 100;\n\n this.progressPercentage = `${progressWidth.toString()}%`;\n\n this.hostElement.style.setProperty('--progress-value', this.progressPercentage);\n }\n\n componentWillLoad() {\n this.setProgress();\n }\n\n hasLabel(): boolean {\n return !!this.label?.length;\n }\n\n hasText(): boolean {\n return !!this.successText?.length;\n }\n\n hasError(): boolean {\n return !!this.error?.length;\n }\n\n isValid(): boolean {\n return this.progress === 100;\n }\n\n hasIcon(): boolean {\n return this.isValid() || this.hasError();\n }\n\n getSubtext() {\n if (this.hasError()) return this.error;\n if (this.isValid() && this.hasText()) return this.successText;\n\n return this.progressText ? this.progressText : this.progressPercentage;\n }\n\n getIconSvg() {\n if (this.hasError()) return alert_exclamation_circle;\n return check_circle;\n }\n\n getIconColor() {\n if (this.hasError()) return 'warning';\n return 'green500';\n }\n\n render() {\n return (\n <Host>\n {this.hasLabel() && (\n <p id={this.idLabel} class=\"pn-progress-bar-label\">\n <span>{this.label}</span>\n {this.hasIcon() && <pn-icon icon={this.getIconSvg()} color={this.getIconColor()}></pn-icon>}\n </p>\n )}\n <div\n id={this.progressId}\n class=\"pn-progress-bar-container\"\n role=\"progressbar\"\n aria-labelledby={this.idLabel}\n aria-describedby={this.hasIcon() ? this.idText : null}\n aria-valuenow={this.progress}\n aria-valuetext={this.progressPercentage}\n >\n <div class=\"pn-progress-bar-meter\">\n <div class=\"pn-progress-bar-value\" data-error={this.hasError()} data-valid={this.isValid()}></div>\n </div>\n </div>\n <p id={this.idText} class=\"pn-progress-bar-subtext\" role={this.hasError() ? 'alert' : null}>\n <span>{this.getSubtext()}</span>\n </p>\n </Host>\n );\n }\n}\n"]}

package/umd/modules/@postnord/web-components/collection/components/feedback/pn-progress-indicator/pn-progress-indicator-step/pn-progress-indicator-step.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"pn-progress-indicator-step.js","sourceRoot":"","sources":["../../../../../src/components/feedback/pn-progress-indicator/pn-progress-indicator-step/pn-progress-indicator-step.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, Event, EventEmitter, h, Host, State } from '@stencil/core';\nimport { white } from 'pn-design-assets/pn-assets/colors.js';\n\n/**\n * @deprecated This component will be removed in v8. Please use the `pn-progress-stepper` instead.\n * @see {@link https://portal.postnord.com/web-components/?path=/docs/components-feedback-progress-stepper--docs Use `pn-progress-stepper` instead.}\n */\n@Component({\n tag: 'pn-progress-indicator-step',\n styleUrl: 'pn-progress-indicator-step.scss',\n})\nexport class PnProgressIndicatorStep {\n @State() activated: boolean;\n @State() done: boolean;\n\n /** Set by the parent component. Do not use manually. @hide true */\n @Prop() activeStep: number;\n /** Set by the parent component. Do not use manually. @hide true */\n @Prop() index: number;\n /** The step name. */\n @Prop() name: string;\n /** Set the step as checked, meaning a white check mark will appear. */\n @Prop() checked: boolean = false;\n /** Set by the parent component. Do not use manually. @hide true */\n @Prop() active?: 'yes' | 'no';\n\n @Event() setactivestep: EventEmitter<number>;\n setActiveStepHandler() {\n if (this.done || this.activated) {\n this.setactivestep.emit(this.index);\n }\n }\n\n componentWillLoad() {\n this.checkStatus();\n }\n\n componentDidUpdate() {\n this.checkStatus();\n }\n\n checkStatus() {\n if (!this.done) {\n this.done = this.checked || this.activeStep > this.index;\n }\n\n if (this.active === 'yes') {\n this.activated = true;\n } else if (this.active === 'no') {\n this.activated = false;\n this.done = false;\n } else if (!this.activated) {\n this.activated = this.activeStep >= this.index;\n }\n }\n\n getClassNames() {\n let className = 'pn-progress-indicator-step';\n if (this.done || this.checked) className += ' done';\n if (this.activated) className += ' activated';\n if (this.activeStep === this.index) className += ' active';\n return className;\n }\n\n render() {\n return (\n <Host class={this.getClassNames()} onClick={() => this.setActiveStepHandler()}>\n <div class=\"progress-line\" />\n <div class=\"info-container\">\n <slot />\n {this.name}\n </div>\n <div class=\"circle\">\n {this.done || this.checked ? (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n enable-background=\"new 0 0 24 24\"\n id=\"checkmark\"\n version=\"1.0\"\n viewBox=\"0 0 24 24\"\n >\n <polyline\n class=\"checkmark-path\"\n fill=\"none\"\n points=\"20,6 9,17 4,12\"\n stroke={white}\n stroke-miterlimit=\"10\"\n stroke-width=\"3\"\n />\n </svg>\n ) : (\n ''\n )}\n </div>\n </Host>\n );\n }\n}\n"]}

package/umd/modules/@postnord/web-components/collection/components/feedback/pn-progress-indicator/pn-progress-indicator.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"pn-progress-indicator.js","sourceRoot":"","sources":["../../../../src/components/feedback/pn-progress-indicator/pn-progress-indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAgB,CAAC,EAAE,MAAM,eAAe,CAAC;AAEzF;;;GAGG;AAKH,MAAM,OAAO,mBAAmB;IACnB,WAAW,CAAc;IAEpC,yCAAyC;IAChB,UAAU,GAAW,CAAC,CAAC;IAEhD,iGAAiG;IACxF,cAAc,CAAuB;IAG9C,oBAAoB,CAAC,EAAE,MAAM,EAAE;QAC7B,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC;QACzB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC5C,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7B,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7B,CAAC;IAED,mBAAmB;QACjB,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CACzB,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAqC,4BAA4B,CAAC,CACpG,CAAC;QAEF,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YAC5B,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;YACnC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC;QAClB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,uBAAuB;YAChC,8DAAQ,CACJ,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, Element, Listen, Event, EventEmitter, h } from '@stencil/core';\n\n/**\n * @deprecated This component will be removed in v8. Please use the `pn-progress-stepper` instead.\n * @see {@link https://portal.postnord.com/web-components/?path=/docs/components-feedback-progress-stepper--docs Use `pn-progress-stepper` instead.}\n */\n@Component({\n tag: 'pn-progress-indicator',\n styleUrl: 'pn-progress-indicator.scss',\n})\nexport class PnProgressIndicator {\n @Element() hostElement: HTMLElement;\n\n /** Takes the index of the active step */\n @Prop({ mutable: true }) activeStep: number = 0;\n\n /** This will emit when progress is changed and is the value you want to bind to your VM state */\n @Event() progresschange: EventEmitter<number>;\n\n @Listen('setactivestep')\n setActiveStepHandler({ detail }) {\n this.activeStep = detail;\n this.progresschange.emit(this.activeStep);\n }\n\n componentWillLoad() {\n this.passPropsToChildren();\n }\n\n componentDidUpdate() {\n this.passPropsToChildren();\n }\n\n passPropsToChildren() {\n const children = Array.from(\n this.hostElement.querySelectorAll<HTMLPnProgressIndicatorStepElement>('pn-progress-indicator-step'),\n );\n\n children.forEach((child, i) => {\n child.activeStep = this.activeStep;\n child.index = i;\n });\n }\n\n render() {\n return (\n <div class=\"pn-progress-indicator\">\n <slot />\n </div>\n );\n }\n}\n"]}

package/umd/modules/@postnord/web-components/collection/components/feedback/pn-progress-stepper/pn-progress-stepper.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"pn-progress-stepper.js","sourceRoot":"","sources":["../../../../src/components/feedback/pn-progress-stepper/pn-progress-stepper.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { translations } from './translations';\nimport { en, awaitTopbar, uuidv4 } from '@/globals/helpers';\nimport type { PnLanguages, PnStepProps } from '@/globals/types';\n\n/**\n * The `pn-progress-stepper` is used to visualize the users progress through a flow (checkout/survey, etc...).\n **/\n@Component({\n tag: 'pn-progress-stepper',\n styleUrl: 'pn-progress-stepper.scss',\n})\nexport class PnProgressStepper {\n private readonly id: string = `pn-progress-stepper-${uuidv4()}`;\n\n private readonly minStep: 1 = 1;\n private readonly maxStep: 7 = 7;\n\n @Element() hostElement: HTMLElement;\n\n @State() private builtInLabel: string;\n /** Percentage calculated with currentStep / totalSteps. */\n @State() private progressValue: number = 0;\n\n /** Set custom label for the stepper, default label is \"Step\". */\n @Prop() label?: string = '';\n /** Set a custom HTML id on the progress stepper element to associate progress bar with label. */\n @Prop() progressStepperId?: string = '';\n /**\n * Set the language manually, only use this prop if the pnTopbar is not loaded.\n * Will not overwrite the custom `label` prop if used.\n **/\n @Prop() language?: PnLanguages = null;\n\n /** Set total amount of steps, maximum allowed is `7`. @category Steps */\n @Prop({ mutable: true }) totalSteps: number = this.maxStep;\n /** The current step of the progress stepper. @category Steps */\n @Prop({ mutable: true }) currentStep: number = this.minStep;\n /** You can add a custom optional string to the label if you need a name for the current step. @category Steps */\n @Prop() stepName?: string;\n\n /**\n * Use the dots visual, instead of the bar.\n *\n * This will hide the label from view, but is still accessible to screenreaders.\n *\n * @since v7.16.0\n * @category Visual\n */\n @Prop() dots: boolean = false;\n\n @Watch('currentStep')\n @Watch('totalSteps')\n stepWatchers(a: number, b: number, c: 'currentStep' | 'totalSteps') {\n if (c === 'currentStep') this.validate(a, 'currentStep');\n if (c === 'totalSteps') this.validate(b, 'totalSteps');\n this.calculateProgress();\n }\n\n @Watch('language')\n watchLanguage() {\n this.builtInLabel = translations.STEP[this.language || en];\n }\n\n async componentWillLoad() {\n this.watchLanguage();\n\n this.validate(this.currentStep, 'currentStep');\n this.validate(this.totalSteps, 'totalSteps');\n\n this.calculateProgress();\n\n if (this.language === null) await awaitTopbar(this.hostElement);\n }\n\n private validate(step: number, prop: PnStepProps) {\n const componentName = this.hostElement.localName;\n if (step < this.minStep) {\n console.warn(\n `${componentName}: The ${prop} ${step} is below the minimum allowed steps of ${this.minStep}. ${prop} will default to ${this.minStep}.`,\n );\n this[prop] = this.minStep;\n }\n if (prop === 'currentStep' && step > this.totalSteps) {\n console.warn(\n `${componentName}: The ${prop} ${step} is above totalSteps ${this.totalSteps}, ${prop} will default to ${this.totalSteps}.`,\n );\n this[prop] = this.totalSteps;\n }\n if (step > this.maxStep) {\n console.warn(\n `${componentName}: The ${prop} ${step} is above the maximum allowed steps of ${this.maxStep}. ${prop} will default to ${this.maxStep}.`,\n );\n this[prop] = this.maxStep;\n }\n }\n\n private calculateProgress() {\n try {\n this.progressValue = Math.floor((this.currentStep / this.totalSteps) * 100);\n this.hostElement.style.setProperty('--pn-progress-value', `${this.progressValue}%`);\n } catch (error) {\n console.error(`${this.hostElement.localName}:`, error.message);\n }\n }\n\n private getLabel() {\n return this.label || this.builtInLabel;\n }\n\n private getId() {\n return this.progressStepperId || this.id;\n }\n\n render() {\n return (\n <Host>\n <label htmlFor={this.getId()} class={'pn-progress-label' + (this.dots ? ' pn-progress-sr-only' : '')}>\n <span>\n {this.getLabel()} {this.currentStep}/{this.totalSteps}\n </span>\n {this.stepName && <span> - {this.stepName}</span>}\n </label>\n <progress id={this.getId()} class=\"pn-progress-sr-only\" max=\"100\" value={this.progressValue} />\n\n {this.dots ? (\n <div class=\"pn-progress-dots\" aria-hidden=\"true\">\n {[...Array(this.totalSteps)].map((_, i) => (\n <div class=\"pn-progress-dot\" data-active={i + 1 <= this.currentStep} key={i} />\n ))}\n </div>\n ) : (\n <div aria-hidden=\"true\" class=\"pn-progress\">\n <div class=\"pn-progress-value\" data-full={this.currentStep === this.totalSteps} />\n </div>\n )}\n </Host>\n );\n }\n}\n"]}

package/umd/modules/@postnord/web-components/collection/components/feedback/pn-progress-stepper/translations.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"translations.js","sourceRoot":"","sources":["../../../../src/components/feedback/pn-progress-stepper/translations.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,IAAI,EAAE;QACJ,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,OAAO;QACX,EAAE,EAAE,OAAO;QACX,EAAE,EAAE,MAAM;KACX;CACF,CAAC","sourcesContent":["export const translations = {\n STEP: {\n da: 'Trin',\n en: 'Step',\n fi: 'Vaihe',\n no: 'Trinn',\n sv: 'Steg',\n },\n};\n"]}

package/umd/modules/@postnord/web-components/collection/components/feedback/pn-spinner/pn-spinner.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"pn-spinner.js","sourceRoot":"","sources":["../../../../src/components/feedback/pn-spinner/pn-spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAElE,qDAAqD;AAKrD,MAAM,OAAO,SAAS;IACT,WAAW,CAAc;IAEpC,oCAAoC;IAC5B,KAAK,GAAY,KAAK,CAAC;IAC/B,kBAAkB;IACV,IAAI,GAAW,GAAG,CAAC;IAEnB,QAAQ;QACd,IAAI,IAAI,CAAC,KAAK;YAAE,OAAO,MAAM,CAAC;QAC9B,OAAO,SAAS,CAAC;IACnB,CAAC;IAEO,OAAO;QACb,OAAO,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC;IAC1B,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DACE,KAAK,EAAC,YAAY,EAClB,KAAK,EAAE,EAAE,mBAAmB,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,oBAAoB,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,EACrF,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM;gBAEX,+DAAQ,KAAK,EAAC,mBAAmB,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,kBAAc,GAAG,GAAG;gBAC5E,+DAAQ,KAAK,EAAC,gBAAgB,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,MAAM,GAAG,CACxD,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Prop, h, Host } from '@stencil/core';\n\n/** Display a spinner to indicate a loading state. */\n@Component({\n tag: 'pn-spinner',\n styleUrl: 'pn-spinner.scss',\n})\nexport class PnSpinner {\n @Element() hostElement: HTMLElement;\n\n /** Light version of the spinner. */\n @Prop() light: boolean = false;\n /** Size in em. */\n @Prop() size: number = 1.5;\n\n private getColor() {\n if (this.light) return '#fff';\n return '#005d92';\n }\n\n private getSize() {\n return `${this.size}em`;\n }\n\n render() {\n return (\n <Host>\n <svg\n class=\"pn-spinner\"\n style={{ '--pn-spinner-size': this.getSize(), '--pn-spinner-color': this.getColor() }}\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n >\n <circle class=\"pn-spinner-circle\" cx=\"12\" cy=\"12\" r=\"10\" stroke-width=\"3\" />\n <circle class=\"pn-spinner-dot\" cx=\"21.3\" cy=\"16\" r=\"1.48\" />\n </svg>\n </Host>\n );\n }\n}\n"]}

package/umd/modules/@postnord/web-components/collection/components/feedback/pn-toast/pn-toast.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"pn-toast.js","sourceRoot":"","sources":["../../../../src/components/feedback/pn-toast/pn-toast.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, h, Element, EventEmitter, Event, State, Watch, Mixin } from '@stencil/core';\nimport { animateHeightFactory } from '@/globals/mixins';\n\nimport type { PnLanguages } from '@/index';\nimport { awaitTopbar, en, ripple } from '@/index';\n\nimport {\n alert_info_circle,\n check_circle,\n alert_exclamation_triangle,\n alert_exclamation_circle,\n close,\n} from 'pn-design-assets/pn-assets/icons.js';\nimport { translations } from './translation';\n\n/**\n * This component is able to fill many roles of a classic toast.\n * It has 4 different colors, a temporary state, hide button, icon and illustration support.\n *\n * The `pn-toast` will expand to its parent containers full width.\n * Either limit the parent width or set a CSS rule to your specific width if needed.\n */\n@Component({\n tag: 'pn-toast',\n styleUrl: 'pn-toast.scss',\n})\nexport class PnToast extends Mixin(animateHeightFactory) {\n toast: HTMLDivElement;\n button: HTMLButtonElement;\n\n @Element() hostElement: HTMLElement;\n\n @State() hasSlottedContent: boolean = false;\n\n /**\n * Set a title for the toast. Requires the `text` prop in order to work.\n * @description Can be used together with slotted content.\n */\n @Prop() heading?: string = '';\n /**\n * Set a paragraph of text for the toast.\n * @description Can be used together with slotted content.\n */\n @Prop() text?: string = '';\n /** Give the toast a HTML ID. */\n @Prop() toastId?: string;\n /**\n * Default color is blue, you also have the option of success (green), warning (orange) and error (red).\n * @category Visual\n */\n @Prop() appearance?: '' | 'success' | 'warning' | 'error';\n /**\n * This will apply a shadow and border to the toast.\n * @category Visual\n */\n @Prop() temporary: boolean = false;\n /**\n * Set an SVG icon.\n * @category Visual\n */\n @Prop() icon?: string;\n /**\n * Set an SVG illustration.\n * @category Visual\n */\n @Prop() illustration?: string;\n /**\n * Control the visibility of the toast. If the `closable` prop is active, the toast will set the `hide` prop on its own.\n * @see {@link closable}\n * @category Features\n */\n @Prop({ mutable: true, reflect: true }) hide: boolean = false;\n /**\n * Show close button.\n * @category Features\n */\n @Prop() closable: boolean = false;\n /**\n * Manually set the language, only needed if the `closable` prop is enabled.\n * @see {@link closable}\n * @category Features\n */\n @Prop({ mutable: true }) language?: PnLanguages = null;\n\n @Watch('hide')\n handleHide() {\n this.hostElement.style.overflow = 'hidden';\n\n requestAnimationFrame(() => this.toggleToastVisibility());\n }\n\n /** Event fired when the close button is pressed. */\n @Event() close: EventEmitter<boolean>;\n /**\n * This event is fired when the toast is fully hidden after the animation is finished.\n * Triggers from the close button or if the prop `hide` is set to true.\n * @since v7.6.0\n **/\n @Event() hidden: EventEmitter<boolean>;\n\n async componentWillLoad() {\n if (this.hide) {\n this.hostElement.style.height = '0';\n this.hostElement.style.overflow = 'hidden';\n }\n\n // Any text content at this stage means there is slotted content present.\n this.hasSlottedContent = !!this.hostElement.textContent;\n\n if (this.language === null) await awaitTopbar(this.hostElement);\n }\n\n componentDidLoad() {\n if (!!this.heading && !this.text && !this.hasSlottedContent)\n console.warn('The %s prop is only available if you use the %s prop or slotted content.', 'heading', 'text');\n }\n\n private toggleToastVisibility() {\n if (this.hide) this.closeDropdown(this.hostElement, this.toast.clientHeight);\n else this.openDropdown(this.hostElement, this.toast.clientHeight);\n }\n\n private handleClick(event: PointerEvent) {\n this.hide = true;\n this.close.emit(this.hide);\n ripple(event, this.toast);\n }\n\n private getIcon(): string {\n if (this.illustration) return '';\n if (this.icon) return this.icon;\n if (this.appearance === 'success') return check_circle;\n if (this.appearance === 'warning') return alert_exclamation_triangle;\n if (this.appearance === 'error') return alert_exclamation_circle;\n return alert_info_circle;\n }\n\n private getRole(): string {\n return this.appearance === 'error' ? 'alert' : 'status';\n }\n\n private showIcon(): boolean {\n return !this.illustration;\n }\n\n private showIllustration(): boolean {\n return !this.showIcon();\n }\n\n private showTitle(): boolean {\n return (this.hasSlottedContent || !!this.text) && !!this.heading;\n }\n\n private translate(prop: string): string {\n return translations?.[prop]?.[this.language || en] || prop;\n }\n\n private hideToast(): boolean {\n return this.hide && !this.isMoving();\n }\n\n render() {\n return (\n <Host>\n <div\n id={this.toastId}\n class=\"pn-toast\"\n role={this.getRole()}\n data-appearance={this.appearance}\n data-temporary={this.temporary}\n data-hide={this.hideToast()}\n ref={el => (this.toast = el)}\n >\n {this.showIcon() && <pn-icon class=\"pn-toast-icon\" icon={this.getIcon()} />}\n\n <div class=\"pn-toast-content\">\n {this.showTitle() && <h4 class=\"pn-toast-heading\">{this.heading}</h4>}\n {this.text && <p class=\"pn-toast-text\">{this.text}</p>}\n <slot />\n </div>\n\n {this.showIllustration() && <pn-illustration illustration={this.illustration} width=\"5.5em\" height=\"5.5em\" />}\n\n {this.closable && (\n <button\n class=\"pn-toast-button\"\n type=\"button\"\n aria-label={this.translate('HIDE')}\n onClick={(event: PointerEvent) => this.handleClick(event)}\n ref={el => (this.button = el)}\n >\n <pn-icon icon={close} />\n </button>\n )}\n </div>\n </Host>\n );\n }\n}\n"]}

package/umd/modules/@postnord/web-components/collection/components/feedback/pn-toast/translation.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"translation.js","sourceRoot":"","sources":["../../../../src/components/feedback/pn-toast/translation.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,IAAI,EAAE;QACJ,EAAE,EAAE,kBAAkB;QACtB,EAAE,EAAE,iBAAiB;QACrB,EAAE,EAAE,cAAc;QAClB,EAAE,EAAE,eAAe;QACnB,EAAE,EAAE,iBAAiB;KACtB;CACF,CAAC","sourcesContent":["export const translations = {\n HIDE: {\n sv: 'Stäng meddelande',\n en: 'Dismiss message',\n da: 'Afvis besked',\n fi: 'Hylkää viesti',\n no: 'Avvis meldingen',\n },\n};\n"]}

package/umd/modules/@postnord/web-components/collection/components/feedback/pn-tooltip/pn-tooltip.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"pn-tooltip.js","sourceRoot":"","sources":["../../../../src/components/feedback/pn-tooltip/pn-tooltip.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Element, Component, Prop, h, State, Watch } from '@stencil/core';\nimport { alert_exclamation_circle, alert_question_circle } from 'pn-design-assets/pn-assets/icons.js';\n\n/**\n * The `pn-tooltip` can display slotted HTML content or a text `string` with the `tooltip` prop.\n *\n * Remember that the component is techincally a `button` element, don't put any HTML content that would be out of place in a regular button\n * (no headlines, other input elements, etc...).\n */\n@Component({\n tag: 'pn-tooltip',\n styleUrl: 'pn-tooltip.scss',\n})\nexport class PnTooltip {\n content: HTMLDivElement;\n button: HTMLButtonElement;\n\n openEvents: string[] = ['mouseover', 'focus'];\n closeEvents: string[] = ['mouseleave', 'blur', 'touchcancel', 'touchleave'];\n eventListeners: string[] = [...this.openEvents, ...this.closeEvents];\n\n timeout: NodeJS.Timeout;\n\n @Element() hostElement: HTMLElement;\n\n @State() downwards: boolean = false;\n @State() open: boolean = false;\n @State() deltaX: string | number = '0';\n\n /** Apply the warning color and change the icon to `!`. */\n @Prop() warning: boolean = false;\n /** Apply the light color if you use a dark background. */\n @Prop() light: boolean = false;\n /** Overrides the slotted content to create a small tooltip instead. @since v7.3.0 */\n @Prop() tooltip?: string;\n\n @Watch('open')\n openHandler() {\n if (this.open) this.checkPosition();\n else this.setTransform();\n }\n\n componentDidLoad() {\n this.initTooltip();\n }\n\n private setTransform() {\n this.content.style.transform = `scale(${Number(this.open)}) translateX(-50%) translateX(${this.deltaX}px)`;\n }\n\n private getSymbol(): string {\n return this.warning ? alert_exclamation_circle : alert_question_circle;\n }\n\n private checkPosition() {\n this.content.style.transition = 'none';\n this.content.style.transform = 'scale(1) translateX(-50%)';\n this.downwards = false;\n\n requestAnimationFrame(() => {\n const { x, y, right } = this.content.getBoundingClientRect();\n const extraMargin = 8;\n this.deltaX = '0';\n this.downwards = y < 0;\n this.content.style.transform = '';\n\n if (x < 0) this.deltaX = `${x * -1 + extraMargin}`; // left edge\n if (right > window.innerWidth) this.deltaX = `${window.innerWidth - right - extraMargin}`; // right edge\n\n requestAnimationFrame(() => {\n this.content.style.transition = '';\n this.setTransform();\n });\n });\n }\n\n private initTooltip() {\n this.eventListeners.forEach(name =>\n this.button.addEventListener(name, (event: MouseEvent | FocusEvent) => this.toggleTooltip(event)),\n );\n }\n\n private toggleTooltip(event: MouseEvent | FocusEvent) {\n const status = this.openEvents.includes(event.type);\n\n let time = 500;\n\n if (status) time = 0;\n\n clearTimeout(this.timeout);\n\n this.timeout = setTimeout(() => {\n this.open = status;\n }, time);\n }\n\n render() {\n return (\n <button\n class=\"pn-tooltip\"\n data-light={this.light}\n data-warning={this.warning}\n data-downwards={this.downwards}\n data-open={this.open}\n ref={el => (this.button = el)}\n >\n <pn-icon icon={this.getSymbol()} data-simple={!!this.tooltip} />\n <div class=\"pn-tooltip-content\" data-simple={!!this.tooltip} ref={el => (this.content = el)}>\n {this.tooltip}\n <div hidden={!!this.tooltip}>\n <slot />\n </div>\n </div>\n </button>\n );\n }\n}\n"]}

package/umd/modules/@postnord/web-components/collection/components/feedback/pn-wizard/pn-wizard.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"pn-wizard.js","sourceRoot":"","sources":["../../../../src/components/feedback/pn-wizard/pn-wizard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,aAAa,EAAe,YAAY,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAC5F,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAgB,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACtG,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C;;;;;;;;;;;;;;;GAeG;AAKH,MAAM,OAAO,QAAQ;IACF,EAAE,GAAW,aAAa,MAAM,EAAE,EAAE,CAAC;IAC9C,aAAa,CAAS;IACtB,kBAAkB,CAAS;IAE3B,aAAa,CAAoB;IACjC,aAAa,CAAiB;IAC9B,WAAW,CAAiB;IAE5B,eAAe,CAAiB;IAE7B,WAAW,CAAc;IAEpC,kCAAkC;IAC1B,KAAK,GAAY,EAAE,CAAC;IAC5B,uCAAuC;IAC/B,UAAU,GAAY,EAAE,CAAC;IACjC,iCAAiC;IACR,QAAQ,GAAiB,IAAI,CAAC;IACvD,4BAA4B;IACH,IAAI,GAAY,IAAI,CAAC,EAAE,CAAC;IAEjD;;;;QAII;IACoC,IAAI,GAAW,CAAC,CAAC,CAAC;IAC1D;;;;QAII;IACI,KAAK,GAAa,EAAE,CAAC;IAE7B;;;;;OAKG;IACK,QAAQ,GAA0B,EAAE,CAAC;IAC7C,4FAA4F;IACpF,WAAW,GAA2C,QAAQ,CAAC;IACvE;;;;OAIG;IACK,eAAe,GAAY,KAAK,CAAC;IAEzC,8CAA8C;IACtC,QAAQ,GAAa,KAAK,CAAC;IACnC,8CAA8C;IACtC,QAAQ,GAAY,KAAK,CAAC;IAClC,gDAAgD;IACxC,UAAU,GAAa,KAAK,CAAC;IACrC,gEAAgE;IACxD,SAAS,GAAY,EAAE,CAAC;IAChC,gEAAgE;IACxD,SAAS,GAAY,EAAE,CAAC;IAChC,kEAAkE;IAC1D,WAAW,GAAY,EAAE,CAAC;IAElC,4CAA4C;IACnC,UAAU,CAA+D;IAClF,oDAAoD;IAC3C,oBAAoB,CAA6B;IAC1D,uDAAuD;IAC9C,WAAW,CAAoD;IAGxE,gBAAgB,CAAC,IAAY,EAAE,QAAgB;QAC7C,IAAI,QAAQ,KAAK,CAAC,CAAC,EAAE,CAAC;YACpB,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACxB,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC;QAED,IAAI,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC;YAChB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QACjF,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;YACrB,IAAI,CAAC,aAAa,EAAE,KAAK,EAAE,CAAC;YAC5B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,qBAAqB,EAAE,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;YACzE,OAAO;QACT,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;YAC7B,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAC7B,IAAI,CAAC,aAAa,EAAE,SAAS,EAAE,CAAC;QAClC,CAAC;QAED,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;YACnB,IAAI;YACJ,IAAI,EAAE,IAAI,GAAG,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC;YAC7B,IAAI,EAAE,IAAI,GAAG,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC;SAC9B,CAAC,CAAC;IACL,CAAC;IAGD,cAAc;QACZ,IAAI,CAAC,aAAa,GAAG,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,QAAQ,CAAC;QACrD,IAAI,CAAC,kBAAkB,GAAG,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,aAAa,CAAC;IACjE,CAAC;IAGD,cAAc;QACZ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAAE,OAAO;QAE7B,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QACnC,IAAI,CAAC,eAAe,GAAG,UAAU,CAAC,GAAG,EAAE;YACrC,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACxB,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC;IAED,KAAK,CAAC,iBAAiB;QACrB,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI;YAAE,MAAM,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAClE,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAEO,OAAO,CAAC,OAAoB;QAClC,OAAO,OAAO,CAAC,qBAAqB,EAAE,CAAC;IACzC,CAAC;IAEO,SAAS,CAAC,IAAY;QAC5B,OAAO,YAAY,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,IAAI,IAAI,CAAC;IAC7D,CAAC;IAEO,qBAAqB;QAC3B,IAAI,IAAI,CAAC,eAAe;YAAE,OAAO;QACjC,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;QAC3B,MAAM,cAAc,GAAG,UAAU,GAAG,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAC;QAEzE,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;YACpB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;YAC7C,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,GAAG,cAAc,IAAI,CAAC;QACjD,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;YACtC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC;IAED,qEAAqE;IAC7D,QAAQ,CAAC,OAAe,IAAI,CAAC,IAAI;QACvC,OAAO,IAAI,IAAI,CAAC,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;IAC/C,CAAC;IAEO,MAAM;QACZ,OAAO,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC;IACrD,CAAC;IAEO,QAAQ,CAAC,OAAe,IAAI,CAAC,IAAI;QACvC,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC;IACrB,CAAC;IAEO,WAAW;QACjB,OAAO,IAAI,CAAC,IAAI,KAAK,CAAC,CAAC;IACzB,CAAC;IAEO,UAAU,CAAC,OAAe,IAAI,CAAC,IAAI;QACzC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC;QACzC,OAAO,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IACxC,CAAC;IAEO,cAAc;QACpB,OAAO,IAAI,CAAC,QAAQ,KAAK,MAAM,CAAC;IAClC,CAAC;IAEO,cAAc;QACpB,OAAO,IAAI,CAAC,QAAQ,KAAK,MAAM,CAAC;IAClC,CAAC;IAED;;;;;OAKG;IACK,cAAc;QACpB,OAAO,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;IACpF,CAAC;IAEO,cAAc;QACpB,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE;YAAE,OAAO,KAAK,CAAC;QACzE,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,cAAc;QACpB,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO,KAAK,CAAC;QAChC,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;IACvD,CAAC;IAEO,gBAAgB;QACtB,OAAO,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;IAC/C,CAAC;IAEO,YAAY;QAClB,IAAI,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC;YAClB,qBAAqB,CAAC,GAAG,EAAE;gBACzB,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBACxB,IAAI,CAAC,aAAa,EAAE,CAAC;gBACrB,IAAI,CAAC,eAAe,EAAE,CAAC;YACzB,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAEO,QAAQ;QACd,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;QAC3B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAEO,QAAQ;QACd,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;QAC3B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAEO,SAAS;QACf,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;IACjB,CAAC;IAEO,YAAY;QAClB,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,IAAI,QAAQ,CAAC;QAC5C,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,IAAI,MAAM,CAAC;QACtC,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;QAC/C,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC;IAEO,kBAAkB;QACxB,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAc,QAAQ,CAAC,CAAC;QAC7D,OAAO,MAAM,CAAC;IAChB,CAAC;IAEO,gBAAgB;QACtB,MAAM,MAAM,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAEzC,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAElC,MAAM,MAAM,GAAG,UAAU,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAChE,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC;QAC/C,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC;QACjD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,MAAM,GAAG,CAAC,CAAC;QACtC,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,CAAC,CAAC;QACxC,MAAM,MAAM,GAAG,UAAU,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QAEtE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;IAC9C,CAAC;IAEO,eAAe;QACrB,MAAM,MAAM,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;QACzC,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,MAAM,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;IACzE,CAAC;IAEO,gBAAgB;QACtB,MAAM,MAAM,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;QACzC,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;IACjD,CAAC;IAEO,aAAa;QACnB,MAAM,MAAM,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAEzC,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,MAAM,GAAG,GAAG,EAAE,CAAC;QAEf,+BAA+B;QAC/B,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC/G,yBAAyB;QACzB,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAEpF,MAAM,YAAY,GAAG,UAAU,GAAG,WAAW,GAAG,CAAC,CAAC;QAElD,IAAI,QAAQ,GAAW,CAAC,CAAC;QACzB,IAAI,QAAQ,GAAW,CAAC,CAAC;QAEzB,8CAA8C;QAC9C,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC;QAE7D,MAAM,cAAc,GAAG,UAAU,GAAG,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAC;QAEzE,kEAAkE;QAClE,6GAA6G;QAE7G,4BAA4B;QAC5B,MAAM,aAAa,GAAG,SAAS,GAAG,YAAY,GAAG,GAAG,GAAG,WAAW,GAAG,OAAO,GAAG,WAAW,CAAC;QAC3F,MAAM,WAAW,GAAG,SAAS,GAAG,GAAG,GAAG,WAAW,GAAG,OAAO,CAAC;QAC5D,MAAM,aAAa,GAAG,UAAU,GAAG,GAAG,GAAG,UAAU,GAAG,OAAO,CAAC;QAC9D,MAAM,cAAc,GAAG,UAAU,GAAG,WAAW,GAAG,GAAG,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC;QAE1F,MAAM,aAAa,GAAG,CAAC,aAAa,IAAI,CAAC,WAAW,IAAI,CAAC,aAAa,IAAI,CAAC,cAAc,CAAC;QAE1F,MAAM,KAAK,GAAG,aAAa,IAAI,WAAW,CAAC;QAC3C,MAAM,KAAK,GAAG,aAAa,IAAI,cAAc,CAAC;QAE9C,IAAI,IAAI,GAAW,CAAC,CAAC;QACrB,IAAI,IAAI,GAAW,CAAC,CAAC;QAErB,IAAI,GAAG,aAAa,CAAC,CAAC,CAAC,SAAS,GAAG,YAAY,GAAG,GAAG,CAAC,CAAC,CAAC,SAAS,GAAG,WAAW,GAAG,GAAG,CAAC;QACtF,IAAI,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,cAAc,GAAG,CAAC,CAAC;QAE9D,cAAc;QACd,IAAI,WAAW,GAAW,CAAC,CAAC;QAC5B,IAAI,cAAc,GAAwC,KAAK,CAAC;QAEhE,IAAI,KAAK,EAAE,CAAC;YACV,QAAQ,GAAG,YAAY,GAAG,UAAU,GAAG,CAAC,CAAC;YACzC,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAC,SAAS,GAAG,YAAY,GAAG,GAAG,CAAC,CAAC,CAAC,SAAS,GAAG,WAAW,GAAG,GAAG,CAAC;YAE1F,cAAc,GAAG,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC;YAClD,WAAW,GAAG,YAAY,GAAG,QAAQ,CAAC;QACxC,CAAC;aAAM,IAAI,KAAK,EAAE,CAAC;YACjB,QAAQ,GAAG,cAAc,CAAC,CAAC,CAAC,UAAU,GAAG,WAAW,GAAG,GAAG,CAAC,CAAC,CAAC,UAAU,GAAG,UAAU,GAAG,GAAG,CAAC;YAC3F,QAAQ,GAAG,SAAS,GAAG,YAAY,GAAG,CAAC,GAAG,WAAW,GAAG,CAAC,CAAC;YAE1D,IAAI,GAAG,SAAS,GAAG,YAAY,GAAG,CAAC,CAAC;YAEpC,cAAc,GAAG,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;YACnD,WAAW,GAAG,WAAW,GAAG,CAAC,CAAC;QAChC,CAAC;aAAM,IAAI,aAAa,EAAE,CAAC;YACzB,QAAQ,GAAG,YAAY,GAAG,UAAU,GAAG,CAAC,CAAC;YACzC,QAAQ,GAAG,SAAS,GAAG,YAAY,GAAG,WAAW,GAAG,CAAC,CAAC;YAEtD,IAAI,GAAG,WAAW,GAAG,WAAW,GAAG,CAAC,CAAC;YAErC,cAAc,GAAG,KAAK,CAAC;YACvB,WAAW,GAAG,YAAY,GAAG,QAAQ,CAAC;QACxC,CAAC;QAED,qCAAqC;QACrC,MAAM,IAAI,GAAG,OAAO,GAAG,cAAc,IAAI,CAAC,CAAC;QAC3C,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;QAEpD,mCAAmC;QACnC,MAAM,IAAI,GAAG,CAAC,CAAC;QACf,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;QAEpD,IAAI,CAAC,YAAY,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;QAErD,IAAI,aAAa,EAAE,EAAE,CAAC;YACpB,cAAc,GAAG,KAAK,CAAC;QACzB,CAAC;QAED,8CAA8C;QAC9C,IAAI,cAAc,KAAK,KAAK,IAAI,cAAc,KAAK,QAAQ,EAAE,CAAC;YAC5D,WAAW,GAAG,YAAY,GAAG,QAAQ,CAAC;QACxC,CAAC;aAAM,CAAC;YACN,WAAW,GAAG,SAAS,GAAG,YAAY,GAAG,CAAC,GAAG,QAAQ,CAAC;QACxD,CAAC;QAED,WAAW,GAAG,IAAI,CAAC,GAAG,CACpB,EAAE,EAAE,2BAA2B;QAC/B,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,CACnE,CAAC;QAEF,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC;IACjD,CAAC;IAEO,gBAAgB,CAAC,EACvB,GAAG,EACH,IAAI,EACJ,KAAK,EACL,MAAM,EACN,MAAM,GAOP;QACC,iDAAiD;QACjD,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,kBAAkB,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAChF,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,kBAAkB,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAC/E,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,sBAAsB,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACrF,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,uBAAuB,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACvF,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,uBAAuB,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACzF,CAAC;IAEO,YAAY,CAAC,EAAE,GAAG,EAAE,IAAI,EAAiC;QAC/D,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,uBAAuB,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrF,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,uBAAuB,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACtF,CAAC;IAEO,YAAY,CAAC,SAAiB,EAAE,MAAc;QACpD,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;QACvD,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,mBAAmB,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACrF,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,+DACE,EAAE,EAAE,IAAI,CAAC,IAAI,qBACI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,sBACrC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,EAClE,KAAK,EAAC,WAAW,EACjB,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC,EACpC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE;gBAE/B,4DAAK,KAAK,EAAC,mBAAmB;oBAC5B,4DAAK,KAAK,EAAC,qBAAqB,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,GAAQ,CACpF;gBAEN,4DAAK,KAAK,EAAC,mBAAmB,EAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;oBACjE,kEACE,KAAK,EAAC,kBAAkB,EACxB,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EACnC,IAAI,EAAE,KAAK,EACX,QAAQ,QACR,KAAK,QACL,UAAU,EAAC,OAAO,EAClB,OAAO,EAAC,YAAY,EACpB,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,GACjC;oBAEF,4DAAK,KAAK,EAAC,gBAAgB;wBACxB,IAAI,CAAC,KAAK,IAAI,CACb,2DAAI,KAAK,EAAC,iBAAiB,EAAC,EAAE,EAAE,IAAI,CAAC,aAAa,IAC/C,IAAI,CAAC,KAAK,CACR,CACN;wBACA,IAAI,CAAC,UAAU,IAAI,CAClB,0DAAG,KAAK,EAAC,sBAAsB,EAAC,EAAE,EAAE,IAAI,CAAC,kBAAkB,IACxD,IAAI,CAAC,UAAU,CACd,CACL;wBAED,8DAAa;wBAEZ,IAAI,CAAC,cAAc,EAAE,IAAI,CACxB,4EACE,KAAK,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,mBAAmB,EACpD,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAC7B,WAAW,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAC9C,IAAI,SACJ,CACH,CACG;oBACN,4DAAK,KAAK,EAAC,iBAAiB,EAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC,GAAQ;oBACvE,4DAAK,KAAK,EAAC,oBAAoB;wBAC5B,IAAI,CAAC,cAAc,EAAE,IAAI,CACxB,6DAAM,KAAK,EAAC,qBAAqB,iBAAa,MAAM;4BACjD,IAAI,CAAC,IAAI,GAAG,CAAC;;4BAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAC7B,CACR;wBACD,6DAAM,IAAI,EAAC,SAAS,GAAQ;wBAC3B,IAAI,CAAC,cAAc,EAAE,IAAI,CACxB,kEACE,KAAK,EAAE,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,EAC/C,KAAK,QACL,UAAU,EAAC,OAAO,EAClB,OAAO,EAAC,UAAU,EAClB,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,GAChC,CACH;wBACA,IAAI,CAAC,cAAc,EAAE,IAAI,CACxB,kEAAW,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,EAAE,KAAK,QAAC,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAI,CACrG,CACG,CACF,CACC,CACJ,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { awaitTopbar, en, isSmallScreen, PnLanguages, reduceMotion, uuidv4 } from '@/index';\nimport { Component, Host, Prop, Event, EventEmitter, Watch, h, Element, Listen } from '@stencil/core';\nimport { arrow_right, close } from 'pn-design-assets/pn-assets/icons';\nimport { translations } from './translation';\n\n/**\n * The wizard component lets you highlight areas on the page\n * that is accompanied with a modal for user guidance.\n *\n * Either use the label & helpertext props to set a title and description,\n * or use the default slot to add custom HTML content.\n *\n * The steps prop takes an array of querySelectors that the wizard will highlight in order.\n * Set the step prop to start the wizard at a specific step (0-indexed). -1 closes the wizard.\n *\n * @slot - The default slot can be used to add custom content to the wizard modal.\n * @slot buttons - Use this slot to add custom buttons to the wizard controls area.\n * Its a good idea to combine these with the `hide-back`, `hide-next` and `hide-finish` props.\n *\n * @since v7.19.0\n */\n@Component({\n tag: 'pn-wizard',\n styleUrl: 'pn-wizard.scss',\n})\nexport class PnWizard {\n private readonly id: string = `pn-wizard-${uuidv4()}`;\n private wizardIdLabel: string;\n private wizardIdHelpertext: string;\n\n private wizardElement: HTMLDialogElement;\n private wizardContent: HTMLDivElement;\n private wizardArrow: HTMLDivElement;\n\n private timeoutRerender: NodeJS.Timeout;\n\n @Element() hostElement: HTMLElement;\n\n /** Set a title for the wizard. */\n @Prop() label?: string = '';\n /** Set a helpertext for the wizard. */\n @Prop() helpertext?: string = '';\n /** Manually set the language. */\n @Prop({ mutable: true }) language?: PnLanguages = null;\n /** Set a custom HTML id. */\n @Prop({ mutable: true }) pnId?: string = this.id;\n\n /**\n * Assign the current step.\n * Any value above -1 is valid and will start the wizard.\n * @category Wizard steps\n **/\n @Prop({ mutable: true, reflect: true }) step: number = -1;\n /**\n * The list of querySelectors that the wizards will highlight.\n * Recommended maximum of 7 steps.\n * @category Wizard steps\n **/\n @Prop() steps: string[] = [];\n\n /**\n * Choose to display one of 2 built in progress steppers.\n * - `dots`: The pn-progress-stepper with the `dots` prop.\n * - `text`: simple text indicator \"current/total\"\n * @category Features\n */\n @Prop() progress?: '' | 'dots' | 'text' = '';\n /** Choose where the scrolling will focus on the highlighted elements. @category Features */\n @Prop() scrollBlock: 'start' | 'center' | 'end' | 'nearest' = 'center';\n /**\n * By default, the component will hide the overflow on the body element when active.\n * You may wish to disable this if your HTML/CSS structure is not compatible with this behavior.\n * @category Features\n */\n @Prop() displayOverflow: boolean = false;\n\n /** Hide the back button. @category Buttons */\n @Prop() hideBack?: boolean = false;\n /** Hide the next button. @category Buttons */\n @Prop() hideNext: boolean = false;\n /** Hide the finish button. @category Buttons */\n @Prop() hideFinish?: boolean = false;\n /** Set a custom label for the back button. @category Buttons */\n @Prop() labelBack?: string = '';\n /** Set a custom label for the next button. @category Buttons */\n @Prop() labelNext?: string = '';\n /** Set a custom label for the finish button. @category Buttons */\n @Prop() labelFinish?: string = '';\n\n /** Emitted when the wizard step changes. */\n @Event() wizardStep: EventEmitter<{ step: number; next: boolean; prev: boolean }>;\n /** Emitted when the highlighted area is clicked. */\n @Event() wizardHighlightClick: EventEmitter<PointerEvent>;\n /** Emitted when the wizard is canceled or finished. */\n @Event() wizardClose: EventEmitter<{ step: number; finished: boolean }>;\n\n @Watch('step')\n handleStepChange(step: number, prevStep: number) {\n if (prevStep === -1) {\n this.highlightElement();\n this.positionModal();\n }\n\n if (step === -1) {\n this.wizardClose.emit({ step: prevStep, finished: this.isLastStep(prevStep) });\n }\n\n if (!this.isActive()) {\n this.wizardElement?.close();\n setTimeout(() => this.handleDisplayOverflow(), reduceMotion() ? 0 : 400);\n return;\n }\n\n if (!this.wizardElement.open) {\n this.handleDisplayOverflow();\n this.wizardElement?.showModal();\n }\n\n this.wizardStep.emit({\n step,\n next: step > (prevStep ?? -1),\n prev: step < (prevStep ?? -1),\n });\n }\n\n @Watch('pnId')\n handleIdChange() {\n this.wizardIdLabel = `${this.pnId || this.id}-label`;\n this.wizardIdHelpertext = `${this.pnId || this.id}-helpertext`;\n }\n\n @Listen('resize', { target: 'window' })\n handleOverflow() {\n if (!this.isActive()) return;\n\n clearTimeout(this.timeoutRerender);\n this.timeoutRerender = setTimeout(() => {\n this.highlightElement();\n this.positionModal();\n }, 250);\n }\n\n async componentWillLoad() {\n this.handleIdChange();\n if (this.language === null) await awaitTopbar(this.hostElement);\n }\n\n componentDidRender() {\n this.runStepLogic();\n }\n\n private getRect(element: HTMLElement): DOMRect {\n return element.getBoundingClientRect();\n }\n\n private translate(prop: string): string {\n return translations?.[prop]?.[this.language || en] || prop;\n }\n\n private handleDisplayOverflow() {\n if (this.displayOverflow) return;\n const body = document.body;\n const scrollbarWidth = innerWidth - document.documentElement.clientWidth;\n\n if (this.isActive()) {\n body.style.setProperty('overflow', 'hidden');\n body.style.marginRight = `${scrollbarWidth}px`;\n } else {\n body.style.removeProperty('overflow');\n body.style.removeProperty('margin-right');\n }\n }\n\n /** Is the step within the valid range of available {@link steps}. */\n private isActive(step: number = this.step): boolean {\n return step >= 0 && step < this.steps.length;\n }\n\n private isOpen(): boolean {\n return this.isActive() && this.wizardElement?.open;\n }\n\n private isClosed(step: number = this.step): boolean {\n return step === -1;\n }\n\n private isFirstStep(): boolean {\n return this.step === 0;\n }\n\n private isLastStep(step: number = this.step): boolean {\n if (this.steps.length === 1) return true;\n return step === this.steps.length - 1;\n }\n\n private isProgressDots(): boolean {\n return this.progress === 'dots';\n }\n\n private isProgressText() {\n return this.progress === 'text';\n }\n\n /**\n * By default, the `pn-progress-stepper` will always render,\n * but is hidden from view unless `dots` is assinged to {@link progress}.\n *\n * The only exception is when there are more than 7 steps. Something that the stepper does not allow.\n */\n private renderProgress(): boolean {\n return 7 >= this.steps.length && (this.isProgressDots() || this.isProgressText());\n }\n\n private showBackButton() {\n if (this.hideBack || this.isClosed() || this.isFirstStep()) return false;\n return true;\n }\n\n private showNextButton() {\n if (this.hideNext) return false;\n return !this.isLastStep() || this.showFinishButton();\n }\n\n private showFinishButton() {\n return !this.hideFinish && this.isLastStep();\n }\n\n private runStepLogic() {\n if (this.isOpen()) {\n requestAnimationFrame(() => {\n this.highlightElement();\n this.positionModal();\n this.scrollToElement();\n });\n }\n }\n\n private nextStep() {\n const next = this.step + 1;\n this.step = next;\n }\n\n private prevStep() {\n const prev = this.step - 1;\n this.step = prev;\n }\n\n private endWizard() {\n this.step = -1;\n }\n\n private getNextLabel() {\n const finish = this.labelFinish || 'FINISH';\n const next = this.labelNext || 'NEXT';\n const prop = this.isLastStep() ? finish : next;\n return this.translate(prop);\n }\n\n private getHighlightTarget() {\n const selector = this.steps[this.step];\n const target = document.querySelector<HTMLElement>(selector);\n return target;\n }\n\n private getHighlightRect() {\n const target = this.getHighlightTarget();\n\n if (!target) return;\n\n const rect = this.getRect(target);\n\n const margin = parseFloat(getComputedStyle(target).margin) || 0;\n const top = rect.top + window.scrollY - margin;\n const left = rect.left + window.scrollX - margin;\n const width = rect.width + margin * 2;\n const height = rect.height + margin * 2;\n const radius = parseFloat(getComputedStyle(target).borderRadius) || 4;\n\n return { top, left, width, height, radius };\n }\n\n private scrollToElement() {\n const target = this.getHighlightTarget();\n if (!target) return;\n\n target.scrollIntoView({ behavior: 'smooth', block: this.scrollBlock });\n }\n\n private highlightElement() {\n const target = this.getHighlightTarget();\n if (!target) return;\n this.setHighlightVars(this.getHighlightRect());\n }\n\n private positionModal() {\n const target = this.getHighlightTarget();\n\n if (!target) return;\n\n const gap = 16;\n\n // Target = Highlighted element\n const { top: targetTop, left: targetLeft, width: targetWidth, height: targetHeight } = this.getHighlightRect();\n // Modal = Wizard content\n const { width: modalWidth, height: modalHeight } = this.getRect(this.wizardContent);\n\n const targetCenter = targetLeft + targetWidth / 2;\n\n let contentX: number = 0;\n let contentY: number = 0;\n\n // Get viewport dimensions and scroll position\n const { scrollY, scrollX, innerWidth, innerHeight } = window;\n\n const scrollbarWidth = innerWidth - document.documentElement.clientWidth;\n\n // If highlight is very tall, position wizardContent left or right\n // const highlightIsTall = modalHeight > targetTop && modalHeight > innerHeight - (targetTop + targetHeight);\n\n // Where does the modal fit?\n const modalFitsDown = targetTop + targetHeight + gap + modalHeight < scrollY + innerHeight;\n const modalFitsUp = targetTop - gap - modalHeight > scrollY;\n const modalFitsLeft = targetLeft - gap - modalWidth > scrollX;\n const modalFitsRight = targetLeft + targetWidth + gap + modalWidth < scrollX + innerWidth;\n\n const modalFitsNone = !modalFitsDown && !modalFitsUp && !modalFitsLeft && !modalFitsRight;\n\n const fitsY = modalFitsDown || modalFitsUp;\n const fitsX = modalFitsLeft || modalFitsRight;\n\n let maxY: number = 8;\n let maxX: number = 8;\n\n maxY = modalFitsDown ? targetTop + targetHeight + gap : targetTop - modalHeight - gap;\n maxX = scrollX + innerWidth - modalWidth - scrollbarWidth - 8;\n\n // Arrow stuff\n let arrowOffset: number = 0;\n let arrowDirection: 'top' | 'bottom' | 'left' | 'right' = 'top';\n\n if (fitsY) {\n contentX = targetCenter - modalWidth / 2;\n contentY = modalFitsDown ? targetTop + targetHeight + gap : targetTop - modalHeight - gap;\n\n arrowDirection = modalFitsDown ? 'top' : 'bottom';\n arrowOffset = targetCenter - contentX;\n } else if (fitsX) {\n contentX = modalFitsRight ? targetLeft + targetWidth + gap : targetLeft - modalWidth - gap;\n contentY = targetTop + targetHeight / 2 - modalHeight / 2;\n\n maxY = targetTop + targetHeight / 2;\n\n arrowDirection = modalFitsRight ? 'left' : 'right';\n arrowOffset = modalHeight / 2;\n } else if (modalFitsNone) {\n contentX = targetCenter - modalWidth / 2;\n contentY = targetTop + targetHeight - modalHeight / 2;\n\n maxY = innerHeight - modalHeight - 8;\n\n arrowDirection = 'top';\n arrowOffset = targetCenter - contentX;\n }\n\n // Clamp horizontally within viewport\n const minX = scrollX + scrollbarWidth || 8;\n contentX = Math.max(minX, Math.min(contentX, maxX));\n\n // Clamp vertically within viewport\n const minY = 8;\n contentY = Math.max(minY, Math.min(contentY, maxY));\n\n this.setModalVars({ top: contentY, left: contentX });\n\n if (isSmallScreen()) {\n arrowDirection = 'top';\n }\n\n // Adjust arrow offset based on final position\n if (arrowDirection === 'top' || arrowDirection === 'bottom') {\n arrowOffset = targetCenter - contentX;\n } else {\n arrowOffset = targetTop + targetHeight / 2 - contentY;\n }\n\n arrowOffset = Math.max(\n 32, // Minimum offset from edge\n Math.min(arrowOffset - 8, (fitsX ? modalHeight : modalWidth) - 32),\n );\n\n this.setArrowVars(arrowDirection, arrowOffset);\n }\n\n private setHighlightVars({\n top,\n left,\n width,\n height,\n radius,\n }: {\n top: number;\n left: number;\n width: number;\n height: number;\n radius: number;\n }) {\n // Center and scale the highlight using transform\n this.hostElement.style.setProperty('--pn-spotlight-x', `${Math.round(left)}px`);\n this.hostElement.style.setProperty('--pn-spotlight-y', `${Math.round(top)}px`);\n this.hostElement.style.setProperty('--pn-spotlight-width', `${Math.round(width)}px`);\n this.hostElement.style.setProperty('--pn-spotlight-height', `${Math.round(height)}px`);\n this.hostElement.style.setProperty('--pn-spotlight-radius', `${Math.round(radius)}px`);\n }\n\n private setModalVars({ top, left }: { top: number; left: number }) {\n this.hostElement.style.setProperty('--pn-wizard-content-x', `${Math.round(left)}px`);\n this.hostElement.style.setProperty('--pn-wizard-content-y', `${Math.round(top)}px`);\n }\n\n private setArrowVars(direction: string, offset: number) {\n this.wizardArrow.setAttribute('data-arrow', direction);\n this.hostElement.style.setProperty('--pn-arrow-offset', `${Math.round(offset)}px`);\n }\n\n render() {\n return (\n <Host>\n <dialog\n id={this.pnId}\n aria-labelledby={this.label ? this.wizardIdLabel : null}\n aria-describedby={this.helpertext ? this.wizardIdHelpertext : null}\n class=\"pn-wizard\"\n ref={el => (this.wizardElement = el)}\n onCancel={() => this.endWizard()}\n onClose={() => this.endWizard()}\n >\n <div class=\"pn-wizard-overlay\">\n <div class=\"pn-wizard-highlight\" onClick={e => this.wizardHighlightClick.emit(e)}></div>\n </div>\n\n <div class=\"pn-wizard-content\" ref={el => (this.wizardContent = el)}>\n <pn-button\n class=\"pn-wizard-cancel\"\n arialabel={this.translate('CANCEL')}\n icon={close}\n iconOnly\n small\n appearance=\"light\"\n variant=\"borderless\"\n onPnClick={() => this.endWizard()}\n />\n\n <div class=\"pn-wizard-text\">\n {this.label && (\n <h2 class=\"pn-wizard-label\" id={this.wizardIdLabel}>\n {this.label}\n </h2>\n )}\n {this.helpertext && (\n <p class=\"pn-wizard-helpertext\" id={this.wizardIdHelpertext}>\n {this.helpertext}\n </p>\n )}\n\n <slot></slot>\n\n {this.renderProgress() && (\n <pn-progress-stepper\n class={!this.isProgressDots() && 'pn-wizard-sr-only'}\n totalSteps={this.steps.length}\n currentStep={this.step > 0 ? this.step + 1 : 1}\n dots\n />\n )}\n </div>\n <div class=\"pn-wizard-arrow\" ref={el => (this.wizardArrow = el)}></div>\n <div class=\"pn-wizard-controls\">\n {this.isProgressText() && (\n <span class=\"pn-wizard-indicator\" aria-hidden=\"true\">\n {this.step + 1}/{this.steps.length}\n </span>\n )}\n <slot name=\"buttons\"></slot>\n {this.showBackButton() && (\n <pn-button\n label={this.labelBack || this.translate('PREV')}\n small\n appearance=\"light\"\n variant=\"outlined\"\n onPnClick={() => this.prevStep()}\n />\n )}\n {this.showNextButton() && (\n <pn-button label={this.getNextLabel()} small icon={arrow_right} onPnClick={() => this.nextStep()} />\n )}\n </div>\n </div>\n </dialog>\n </Host>\n );\n }\n}\n"]}

package/umd/modules/@postnord/web-components/collection/components/feedback/pn-wizard/translation.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"translation.js","sourceRoot":"","sources":["../../../../src/components/feedback/pn-wizard/translation.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,IAAI,EAAE;QACJ,EAAE,EAAE,OAAO;QACX,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,OAAO;QACX,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,OAAO;KACZ;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,YAAY;QAChB,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,WAAW;QACf,EAAE,EAAE,SAAS;KACd;IACD,MAAM,EAAE;QACN,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,QAAQ;QACZ,EAAE,EAAE,QAAQ;QACZ,EAAE,EAAE,QAAQ;QACZ,EAAE,EAAE,SAAS;KACd;IACD,MAAM,EAAE;QACN,EAAE,EAAE,QAAQ;QACZ,EAAE,EAAE,QAAQ;QACZ,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,QAAQ;KACb;CACF,CAAC","sourcesContent":["export const translations = {\n NEXT: {\n sv: 'Nästa',\n en: 'Next',\n da: 'Næste',\n fi: 'Seuraava',\n no: 'Neste',\n },\n PREV: {\n sv: 'Föregående',\n en: 'Previous',\n da: 'Forrige',\n fi: 'Edellinen',\n no: 'Forrige',\n },\n FINISH: {\n sv: 'Slutför',\n en: 'Finish',\n da: 'Afslut',\n fi: 'Valmis',\n no: 'Fullfør',\n },\n CANCEL: {\n sv: 'Avbryt',\n en: 'Cancel',\n da: 'Annuller',\n fi: 'Peruuta',\n no: 'Avbryt',\n },\n};\n"]}

package/umd/modules/@postnord/web-components/collection/components/input/pn-checkbox/pn-checkbox.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"pn-checkbox.js","sourceRoot":"","sources":["../../../../src/components/input/pn-checkbox/pn-checkbox.tsx"],"names":[],"mappings":"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","sourcesContent":["import { uuidv4 } from '@/globals/helpers';\nimport { Component, Element, h, Host, Prop, Watch, Mixin } from '@stencil/core';\nimport { animateHeightFactory } from '@/globals/mixins';\n\n/**\n * The `pn-checkbox` is built with a native `input[type=\"checkbox\"]` in the background.\n * This means you can use native events to listen to the changes.\n *\n * @nativeChange Use the `change` event to listen when the checkbox state is being toggled.\n *\n * @slot - The default slot for adding custom HTML under the label/helpertext. {@since v7.17.0}\n * @slot helpertext - Use this slot to add custom HTML inside of the helpertext element.\n * Only recommended if you need a link without the `tile` prop. {@since v7.17.0}\n * @slot content - When using the `tile` and `expand` props, this slot will be revealed when the input is checked. {@since v7.17.0}\n */\n@Component({\n tag: 'pn-checkbox',\n styleUrl: 'pn-checkbox.scss',\n})\nexport class PnCheckbox extends Mixin(animateHeightFactory) {\n private readonly id: string = `pn-checkbox-${uuidv4()}`;\n private idHelpertext: string = `${this.id}-helpertext`;\n\n private contentArea: HTMLElement;\n\n @Element() hostElement: HTMLElement;\n\n /** The checkbox label */\n @Prop() label?: string;\n /** This adds an optional helpertext under the label. */\n @Prop() helpertext?: string;\n\n /** This will be emitted on change and input events. */\n @Prop({ reflect: true }) value!: string;\n /** The name of the checkbox group. */\n @Prop() name?: string;\n /** Check the checkbox. */\n @Prop({ mutable: true }) checked?: boolean = false;\n /** A unique HTML ID for the checkbox. */\n @Prop() checkboxid?: string = this.id;\n\n /** Set the checkbox as required. @category State */\n @Prop() required?: boolean = false;\n /** Disable the checkbox. @category State */\n @Prop() disabled?: boolean = false;\n /** If set to true, color scheme will turn red, indicating that there is an issue or incorrect input related the checkbox. @category State */\n @Prop() invalid?: boolean = false;\n /** Sets the checkbox to an indeterminate state, allowing for a mixed or intermediate checkbox state. @category State */\n @Prop({ mutable: true }) indeterminate: boolean = false;\n\n /**\n * Turn the checkbox into a clickable tile. A border and padding is added.\n *\n * **Do not** use interactive elements (links/buttons) inside of the slots when using this prop.\n * An exception is made when using the `tile` + `expand` props together,\n * which allows you to use interactive elements.\n *\n * @category Tile\n */\n @Prop() tile?: boolean = false;\n /**\n * Allow the checkbox to control the slot area \"content\".\n * When checked, the area is visible, when unchecked, the area is hidden.\n *\n * The prop `tile` must be used at the same time.\n * @see {@link tile}\n * @since v7.17.0\n * @category Tile\n */\n @Prop() expand?: boolean = false;\n /**\n * Add an icon on the right of your checkbox tile. The `tile` prop must be `true` for the icon to work.\n * @see {@link tile}\n * @category Tile\n */\n @Prop() icon?: string = null;\n\n @Watch('checkboxid')\n handleId() {\n this.idHelpertext = `${this.checkboxid}-helpertext`;\n }\n\n @Watch('checked')\n handleChecked() {\n if (this.displayContent()) {\n this.checked ? this.openDropdown(this.contentArea) : this.closeDropdown(this.contentArea);\n }\n }\n\n componentWillLoad() {\n this.handleId();\n }\n\n componentDidLoad() {\n if (this.displayContent() && this.checked) {\n requestAnimationFrame(() => this.openDropdown(this.contentArea));\n }\n }\n\n private handleChange(e: Event) {\n const { checked } = e.target as HTMLInputElement;\n this.indeterminate = false;\n this.checked = checked;\n }\n\n private isInvalid(): boolean {\n return this.invalid && !this.disabled;\n }\n\n private displayText(): boolean {\n return this.displayLabel() || this.displayHelpertext();\n }\n\n private displayLabel(): boolean {\n return !!this.label;\n }\n\n private displayHelpertext(): boolean {\n return !!(this.helpertext || this.hostElement.querySelector('[slot=\"helpertext\"]')?.textContent);\n }\n\n private displayIcon(): boolean {\n return this.tile && !!this.icon;\n }\n\n private displayContent(): boolean {\n return this.tile && this.expand;\n }\n\n render() {\n return (\n <Host>\n <input\n type=\"checkbox\"\n id={this.checkboxid}\n class=\"pn-checkbox-input\"\n value={this.value}\n name={this.name}\n disabled={this.disabled}\n checked={this.checked}\n required={this.required}\n indeterminate={this.indeterminate}\n aria-invalid={this.isInvalid()?.toString()}\n aria-describedby={this.helpertext && this.idHelpertext}\n data-tile={this.tile}\n data-expand={this.expand}\n onChange={e => this.handleChange(e)}\n />\n <div class=\"pn-checkbox\" data-tile={this.tile} data-expand={this.expand} data-invalid={this.isInvalid()}>\n <div class=\"pn-checkbox-outer\">\n <svg class=\"pn-checkbox-svg\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n <polyline\n class=\"pn-checkbox-svg-line pn-checkbox-svg-checkmark\"\n points=\"4,12 9,17 20,6\"\n stroke-width=\"3\"\n />\n <polyline\n class=\"pn-checkbox-svg-line pn-checkbox-svg-indeterminate\"\n points=\"4,12 20,12\"\n stroke-width=\"3\"\n />\n </svg>\n </div>\n\n <p class=\"pn-checkbox-content\" hidden={!this.displayText()}>\n <label htmlFor={this.checkboxid} class=\"pn-checkbox-label\" hidden={!this.displayLabel()}>\n {this.label}\n </label>\n <span id={this.idHelpertext} class=\"pn-checkbox-helpertext\" hidden={!this.displayHelpertext()}>\n {this.helpertext}\n <slot name=\"helpertext\"></slot>\n </span>\n <slot></slot>\n </p>\n\n {this.displayIcon() && <pn-icon icon={this.icon} color=\"gray900\" />}\n\n <div\n class=\"pn-checkbox-container\"\n data-open={this.checked}\n hidden={!this.displayContent()}\n style={{ height: '0px' }}\n ref={el => (this.contentArea = el)}\n >\n <div class=\"pn-checkbox-area\">\n <slot name=\"content\"></slot>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}