@postnord/pn-marketweb-components 4.1.0 → 4.1.2

package/umd/modules/@postnord/web-components/cjs/index.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs.js","sources":["node_modules/uuid/dist/esm-browser/stringify.js","node_modules/uuid/dist/esm-browser/rng.js","node_modules/uuid/dist/esm-browser/native.js","node_modules/uuid/dist/esm-browser/v4.js","src/globals/helpers.ts"],"sourcesContent":["import validate from './validate.js';\nconst byteToHex = [];\nfor (let i = 0; i < 256; ++i) {\n    byteToHex.push((i + 0x100).toString(16).slice(1));\n}\nexport function unsafeStringify(arr, offset = 0) {\n    return (byteToHex[arr[offset + 0]] +\n        byteToHex[arr[offset + 1]] +\n        byteToHex[arr[offset + 2]] +\n        byteToHex[arr[offset + 3]] +\n        '-' +\n        byteToHex[arr[offset + 4]] +\n        byteToHex[arr[offset + 5]] +\n        '-' +\n        byteToHex[arr[offset + 6]] +\n        byteToHex[arr[offset + 7]] +\n        '-' +\n        byteToHex[arr[offset + 8]] +\n        byteToHex[arr[offset + 9]] +\n        '-' +\n        byteToHex[arr[offset + 10]] +\n        byteToHex[arr[offset + 11]] +\n        byteToHex[arr[offset + 12]] +\n        byteToHex[arr[offset + 13]] +\n        byteToHex[arr[offset + 14]] +\n        byteToHex[arr[offset + 15]]).toLowerCase();\n}\nfunction stringify(arr, offset = 0) {\n    const uuid = unsafeStringify(arr, offset);\n    if (!validate(uuid)) {\n        throw TypeError('Stringified UUID is invalid');\n    }\n    return uuid;\n}\nexport default stringify;\n","let getRandomValues;\nconst rnds8 = new Uint8Array(16);\nexport default function rng() {\n    if (!getRandomValues) {\n        if (typeof crypto === 'undefined' || !crypto.getRandomValues) {\n            throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');\n        }\n        getRandomValues = crypto.getRandomValues.bind(crypto);\n    }\n    return getRandomValues(rnds8);\n}\n","const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);\nexport default { randomUUID };\n","import native from './native.js';\nimport rng from './rng.js';\nimport { unsafeStringify } from './stringify.js';\nfunction v4(options, buf, offset) {\n    if (native.randomUUID && !buf && !options) {\n        return native.randomUUID();\n    }\n    options = options || {};\n    const rnds = options.random ?? options.rng?.() ?? rng();\n    if (rnds.length < 16) {\n        throw new Error('Random bytes length must be >= 16');\n    }\n    rnds[6] = (rnds[6] & 0x0f) | 0x40;\n    rnds[8] = (rnds[8] & 0x3f) | 0x80;\n    if (buf) {\n        offset = offset || 0;\n        if (offset < 0 || offset + 16 > buf.length) {\n            throw new RangeError(`UUID byte range ${offset}:${offset + 15} is out of buffer bounds`);\n        }\n        for (let i = 0; i < 16; ++i) {\n            buf[offset + i] = rnds[i];\n        }\n        return buf;\n    }\n    return unsafeStringify(rnds);\n}\nexport default v4;\n","import type { PnTopbar, PnLanguages } from './types';\nimport { v4 } from 'uuid';\n\nexport const SE = 'SE';\nexport const DK = 'DK';\nexport const FI = 'FI';\nexport const NO = 'NO';\n\nexport const sv = 'sv';\nexport const en = 'en';\nexport const da = 'da';\nexport const fi = 'fi';\nexport const no = 'no';\n\nexport const markets = [SE, DK, FI, NO];\nexport const languages = [sv, en, da, fi, no];\n\nexport const marketMap: { [key: string]: PnLanguages[] } = {\n  SE: [sv, en],\n  DK: [da, en],\n  FI: [fi, sv, en],\n  NO: [no, en],\n};\n\nconst humanReadableFileSize: { [key: string]: number } = {\n  KB: 1024,\n  MB: 1024 * 1024,\n  GB: 1024 * 1024,\n  TB: 1024 * 1024 * 1024,\n};\n\nexport const getBytesFromHumanReadableFileSize = function (sizeString: string): number {\n  const fileSizeChecker = /(\\d+\\.?\\d*)\\s?([a-zA-Z]{2})?$/;\n\n  if (fileSizeChecker.test(sizeString)) {\n    const matches = sizeString.match(fileSizeChecker);\n    const unit = (matches[2] || '').toLocaleUpperCase();\n    const size = parseInt(matches[1]);\n\n    if (unit && humanReadableFileSize[unit]) {\n      const baseSize = humanReadableFileSize[unit];\n\n      return size * baseSize;\n    }\n\n    return size;\n  }\n\n  return 0;\n};\n\nexport function isSmallScreen(): boolean {\n  return window.innerWidth / 16 < 55;\n}\n\nexport function reduceMotion(): boolean {\n  const { matches } = window.matchMedia('(prefers-reduced-motion: reduce)');\n  return matches;\n}\n\nexport const uuidv4 = () => v4();\n\nexport function getTopbarHeight(): number {\n  return document?.querySelector<HTMLElement>('pn-topbar')?.offsetHeight || 0;\n}\n\nexport function getMenuHeight(): number {\n  return isSmallScreen() ? document?.querySelector<HTMLElement>('pn-side-menu')?.offsetHeight || 0 : 0;\n}\n\nexport function getMenuWidth(): number {\n  return isSmallScreen() ? 0 : document?.querySelector<HTMLElement>('pn-side-menu')?.offsetWidth || 0;\n}\n\nexport function getTotalHeightOffset(): number {\n  const totalOffset = getTopbarHeight() + getMenuHeight();\n  return totalOffset > window.scrollY ? totalOffset - window.scrollY : 0;\n}\n\n/**\n * @param {HTMLElement} host Use the `this.hostElement` property.\n *\n * @description The `awaitTopbar` function can be used to wait for the topbar to be available.\n *\n * The function will also setup listeners for any market/language changes from the topbar and updates the host element with the `setAttribute` function.\n *\n * Remember to use a Stencil `@Prop` named `market` and/or `language` to take advantage of the auto update feature.\n *\n * @returns The pnTopbar object.\n */\nexport async function awaitTopbar(host: HTMLElement | any): Promise<PnTopbar> {\n  const topbar = () => (window as any).pnTopbar;\n\n  function finishSetup(fallBack?: PnTopbar): PnTopbar {\n    const data = fallBack || topbar();\n\n    host.market = data.market;\n    host.language = data.language;\n\n    if (data.hasLoaded) {\n      topbar().onChangeMarket = (market: string) => (host.market = market);\n      topbar().onChangeLanguage = (language: string) => (host.language = language);\n    }\n\n    return data;\n  }\n\n  return await new Promise(resolve => {\n    // If the pntopbar script does not exist. Resolve with default values.\n    if (!document.querySelector('pn-topbar'))\n      return resolve(finishSetup({ hasLoaded: false, market: host.market || SE, language: host.language || en }));\n\n    if (topbar()?.hasLoaded) return resolve(finishSetup());\n\n    window.addEventListener('topbarLoaded', () => resolve(finishSetup()));\n  });\n}\n\n/**\n * @description Apply the Ripple effect quick and easy.\n *\n * @example\n * ```css\n * // CSS\n * pn-component-name { `@include pn-ripple($blue700) }\n * ```\n *\n * ```js\n * // tsx\n * onClick((e) => ripple(e, this.hostElement, '.pn-ripple-container'))\n * ```\n * @param event The MouseEvent from a onClick handler.\n * @param host The hostElement of the component (root element).\n * @param rippleClass Append the ripple event to this selector instead of the host element.\n */\nexport const ripple = (\n  event: MouseEvent | { clientX: number; clientY: number },\n  host: HTMLElement,\n  rippleClass?: string,\n) => {\n  if (reduceMotion()) return;\n\n  const { left, top, width, height } = host.getBoundingClientRect();\n  const { clientX = 0, clientY = 0 } = event || {};\n\n  const elSize = width > height ? width : height;\n\n  const element = document.createElement('div');\n  element.classList.add('pn-ripple');\n\n  element.style.height = `${elSize * 2}px`;\n  element.style.width = `${elSize * 2}px`;\n  element.style.left = clientX > 0 ? `${clientX - left}px` : `50%`;\n  element.style.top = clientY > 0 ? `${clientY - top}px` : `50%`;\n\n  if (rippleClass) host.querySelector(rippleClass).appendChild(element);\n  else host.appendChild(element);\n\n  setTimeout(() => element.remove(), 400);\n};\n"],"names":[],"mappings":"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","x_google_ignoreList":[0,1,2,3]}

package/umd/modules/@postnord/web-components/cjs/loader.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"loader.cjs.js","sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = async (win, options) => {\n  if (typeof window === 'undefined') return undefined;\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"names":["globalScripts","bootstrapLazy"],"mappings":";;;;;;;;;AAGY,MAAC,oBAAoB,GAAG,OAAO,GAAG,EAAE,OAAO,KAAK;AAC5D,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,SAAS;AACrD,EAAE,MAAMA,wBAAa,EAAE;AACvB,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D;;;;;"}

package/umd/modules/@postnord/web-components/cjs/open_in_new-B-zmn5xr.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"open_in_new-B-zmn5xr.js","sources":["node_modules/pn-design-assets/pn-assets/icons/open_in_new.js"],"sourcesContent":["const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M7 6a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-1a1 1 0 1 1 2 0v1a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h1a1 1 0 0 1 0 2zm5-1a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V7.414l-5.293 5.293a1 1 0 0 1-1.414-1.414L16.586 6H13a1 1 0 0 1-1-1m-1.283 8.283a1 1 0 0 1 0 1.414l-.01.01a1 1 0 0 1-1.414-1.414l.01-.01a1 1 0 0 1 1.414 0\" clip-rule=\"evenodd\"/></svg>';\nexport const open_in_new = icon;\nexport const openInNew = icon;\n"],"names":[],"mappings":";;;;;;AAAA,MAAM,IAAI,GAAG,sfAAsf;AACvf,MAAC,WAAW,GAAG;;;;","x_google_ignoreList":[0]}

package/umd/modules/@postnord/web-components/cjs/pn-accordion-row.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pn-accordion-row.entry.cjs.js","sources":["src/components/content/pn-accordion/row/pn-accordion-row.scss?tag=pn-accordion-row","src/components/content/pn-accordion/row/pn-accordion-row.tsx"],"sourcesContent":["@use 'src/globals/main';\n\npn-accordion-row {\n  position: relative;\n  margin: 0 -0.25em 0;\n}\n\npn-accordion-row .pn-accordion-row {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n\n  &-summary {\n    color: main.$gray900;\n    position: relative;\n    border: none;\n    outline: 0;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n\n    width: 100%;\n    padding: 0.25em;\n    font-size: 1em;\n    font-weight: 400;\n    border-radius: 0.5em;\n\n    list-style: none;\n\n    &:hover > .pn-accordion-row-text {\n      background-color: main.$blue50;\n    }\n\n    &:focus-visible > .pn-accordion-row-text {\n      @include main.pn-focus-visible();\n    }\n\n    &::-webkit-details-marker {\n      display: none;\n    }\n  }\n\n  &-text {\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    padding: 0.75em;\n    background-color: main.$white;\n    border-radius: 0.5em;\n    -webkit-tap-highlight-color: transparent;\n\n    &[data-transparent] {\n      background-color: transparent;\n    }\n\n    @include main.pn-focus-base();\n    @include main.pn-transition('background-color, outline-color');\n    @include main.pn-ripple(main.$blue700);\n  }\n\n  &-icon {\n    margin-left: auto;\n    flex-shrink: 0;\n    @include main.pn-transition('transform');\n    path {\n      fill: main.$blue700;\n    }\n  }\n\n  &[open] .pn-accordion-row-icon {\n    transform: rotate(-180deg);\n  }\n\n  &-content {\n    color: main.$gray900;\n    display: block;\n    padding: 1em;\n  }\n}\n","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"],"names":["ripple","reduceMotion","h","Host","chevron_down"],"mappings":"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"}

package/umd/modules/@postnord/web-components/cjs/pn-accordion.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pn-accordion.entry.cjs.js","sources":["src/components/content/pn-accordion/pn-accordion.scss?tag=pn-accordion","src/components/content/pn-accordion/pn-accordion.tsx"],"sourcesContent":["@use 'src/globals/main';\n\npn-accordion {\n  position: relative;\n  background-color: main.$white;\n  display: flex;\n  align-items: stretch;\n  flex-direction: column;\n  gap: 0.25em;\n\n  &[data-transparent] {\n    background-color: transparent;\n  }\n  > pn-accordion-row + pn-accordion-row:after {\n    content: '';\n    position: absolute;\n    top: -0.125em;\n    left: 0.25em;\n    width: calc(100% - 0.5em);\n    height: 0;\n    border-top: main.$onepixel solid main.$gray200;\n  }\n}\n","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"],"names":["forceUpdate","h","Host"],"mappings":";;;;;;;;AAAA,MAAM,cAAc,GAAG,yWAAyW;;MCWnX,WAAW,GAAA,MAAA;;;;AACtB,IAAA,EAAE;AAEF,IAAA,UAAU,GAAG,IAAI,WAAW,CAAC,UAAU,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;;;IAKnD,MAAM,GAAY,KAAK;;IAEvB,WAAW,GAAY,KAAK;IAEpC,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,EAAE,GAAG,IAAI,gBAAgB,CAAC,MAAMA,iBAAW,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;AAEnE,QAAA,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;IAGvE,oBAAoB,GAAA;AAClB,QAAA,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE;;IAItB,eAAe,CAAC,EAAE,MAAM,EAAE,EAAA;QACxB,IAAI,CAAC,IAAI,CAAC,MAAM;YAAE;AAElB,QAAA,MAAM,OAAO,GAAuB,MAAM,CAAC,OAAO;QAClD,MAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,kBAAkB,CAAC;AAErD,QAAA,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;QAE9E,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;;IAEvF,MAAM,GAAA;AACJ,QAAA,QACEC,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,kBAAA,EAAmB,IAAI,CAAC,WAAW,EAAA,EAC3DD,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;;"}

package/umd/modules/@postnord/web-components/cjs/pn-action-menu.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pn-action-menu.entry.cjs.js","sources":["src/components/buttons/pn-action-menu/translation.ts","src/components/buttons/pn-action-menu/pn-action-menu.scss?tag=pn-action-menu","src/components/buttons/pn-action-menu/pn-action-menu.tsx"],"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","@use 'src/globals/main';\n\npn-action-menu {\n  --pn-menu-height: unset;\n  display: inline-block;\n  position: relative;\n}\n\npn-action-menu .pn-action-menu {\n  position: relative;\n\n  &-container {\n    --pn-action-menu-offset: 0;\n\n    scroll-behavior: smooth;\n    list-style: none;\n    text-align: left;\n\n    position: absolute;\n    z-index: 100;\n\n    top: calc(100% + 0.5em);\n    left: var(--pn-action-menu-offset);\n    right: 0;\n\n    background-color: main.$white;\n    box-shadow:\n      0em 0.075em 0.225em 0em rgba(0, 0, 0, 0.1),\n      0em 0.4em 0.9em 0em rgba(0, 0, 0, 0.13);\n\n    border-radius: main.$border-radius;\n    margin: 0;\n    padding: 0;\n    width: 16em;\n\n    visibility: hidden;\n    overflow: hidden;\n\n    &[data-open] {\n      visibility: visible;\n      overflow: unset;\n    }\n\n    &[data-left] {\n      right: 0;\n      left: unset;\n    }\n\n    &[data-upwards] {\n      top: unset;\n      bottom: calc(100% + 0.5em);\n      transform-origin: bottom left;\n    }\n\n    &[data-moving] {\n      overflow: hidden;\n      visibility: visible;\n      pointer-events: none;\n    }\n\n    /** Special rules for the small menu */\n    &[data-small] {\n      .pn-action-menu-list {\n        border-radius: 0.5em;\n        visibility: hidden;\n        @include main.pn-transition('visibility');\n        transition-delay: main.$timing;\n        &[data-current] {\n          overflow-x: auto;\n          visibility: visible;\n          transition-delay: 0s;\n        }\n      }\n\n      &[data-moving] > .pn-action-menu-list {\n        visibility: visible;\n      }\n\n      .pn-action-menu-item {\n        position: unset;\n      }\n\n      .pn-action-menu-sub {\n        left: 0;\n        height: 100%;\n        box-shadow: unset;\n        transform: translateX(0);\n        visibility: hidden;\n        &[data-current] {\n          visibility: visible;\n          overflow-x: auto;\n        }\n      }\n    }\n\n    @include main.pn-scrollbar();\n  }\n\n  &-list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    height: var(--pn-menu-height);\n    @include main.pn-scrollbar();\n  }\n\n  &-group {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    &-label {\n      display: block;\n      color: main.$gray900;\n      font-weight: 700;\n      font-size: 0.875em;\n      padding: 1em 1em 0.5em;\n    }\n    &-helpertext {\n      display: block;\n      color: main.$gray700;\n      font-weight: 400;\n      margin: 0.25em 0 0;\n    }\n  }\n\n  &-sub {\n    z-index: 110;\n    position: absolute;\n    top: 0;\n\n    width: 100%;\n    min-width: 12em;\n\n    margin: 0;\n    padding: 0;\n\n    list-style: none;\n    background: main.$white;\n    border-radius: main.$border-radius;\n    box-shadow:\n      0em 0.075em 0.225em 0em rgba(0, 0, 0, 0.1),\n      0em 0.4em 0.9em 0em rgba(0, 0, 0, 0.13);\n\n    transform: translateX(-0.5em);\n    opacity: 0;\n    visibility: hidden;\n\n    @include main.pn-scrollbar();\n    @include main.pn-transition('transform, opacity, visibility');\n    transition-delay: 0s, 0s, main.$timing;\n\n    &[data-open='true'] {\n      transform: translateX(0);\n      opacity: 1;\n      visibility: visible;\n      transition-delay: 0s, 0s, 0s;\n    }\n\n    &[data-open='false'] {\n      pointer-events: none;\n    }\n\n    &[data-x='left'] {\n      left: -100%;\n    }\n\n    &[data-x='center'] {\n      left: 0;\n    }\n\n    &[data-x='right'] {\n      left: 100%;\n    }\n\n    &[data-y='top'] {\n      top: unset;\n      bottom: 0;\n    }\n\n    &[data-y='bottom'] {\n      top: 0;\n    }\n  }\n\n  &-item {\n    position: relative;\n\n    &:first-child > .pn-action-menu-item-content > .pn-action-menu-button {\n      border-top-left-radius: 0.5em;\n      border-top-right-radius: 0.5em;\n    }\n    &:last-child > .pn-action-menu-item-content > .pn-action-menu-button {\n      border-bottom-right-radius: 0.5em;\n      border-bottom-left-radius: 0.5em;\n    }\n\n    &-text {\n      display: flex;\n      flex-direction: column;\n      margin-right: auto;\n    }\n\n    &-label {\n      color: main.$blue700;\n      font-weight: 500;\n      text-decoration: none;\n    }\n\n    &-suffix {\n      margin-left: auto;\n      font-weight: 400;\n      color: main.$gray700;\n    }\n\n    &-helpertext {\n      color: main.$gray700;\n      font-weight: 400;\n    }\n\n    &-content {\n      display: flex;\n      align-items: center;\n      flex-direction: row;\n      flex: 1 1 100%;\n      gap: 0.5em;\n      position: relative;\n\n      &[data-close] {\n        border-bottom: 0.0625em solid main.$gray200;\n      }\n\n      > pn-icon {\n        padding: 0 0.25em;\n      }\n    }\n\n    &[data-group],\n    &[data-sub] {\n      flex-direction: column;\n    }\n  }\n\n  &-button {\n    cursor: pointer;\n    position: relative;\n    -webkit-tap-highlight-color: transparent;\n\n    line-height: 1.5;\n    padding: 0.75em 1em;\n    border: 0;\n    width: 100%;\n    text-align: left;\n    text-decoration-color: transparent;\n\n    overflow: hidden;\n\n    display: flex;\n    align-items: center;\n    flex: 1 1 100%;\n    gap: 0.5em;\n\n    font-size: 1em;\n    min-height: 1.5em;\n    background-color: main.$white;\n\n    @include main.pn-transition('background-color, color, outline-color, text-decoration-color');\n    @include main.pn-ripple(main.$blue900);\n    @include main.pn-focus();\n    outline-offset: -0.2rem;\n\n    > pn-icon {\n      .pn-icon-svg > path {\n        transform-origin: center;\n        transform: rotate(0deg);\n        @include main.pn-transition('transform');\n      }\n\n      &[data-suffix][data-active] > .pn-icon-svg > path {\n        transform: rotate(180deg);\n      }\n\n      &:last-child {\n        margin-left: auto;\n      }\n    }\n\n    &:disabled {\n      pointer-events: none;\n      color: main.$gray700;\n      background-color: main.$gray50;\n    }\n\n    &:hover {\n      background-color: main.$blue25;\n    }\n\n    &:focus {\n      background-color: main.$blue50;\n    }\n\n    &[href] {\n      &:hover,\n      &:focus {\n        text-decoration-color: main.$blue700;\n      }\n    }\n\n    /*\n    &::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 0;\n      width: 0.25em;\n      height: 100%;\n      background-color: transparent;\n      @include main.pn-transition('background-color');\n    }\n\n    &[aria-expanded='true']::before {\n      background-color: main.$blue700;\n    }\n    */\n  }\n\n  &-checkbox {\n    background-color: main.$white;\n    flex: 0 0 1.5em;\n    width: 1.5em;\n    height: 1.5em;\n    border: 0.0625em solid main.$gray400;\n    border-radius: 0.25em;\n    margin-left: auto;\n\n    @include main.pn-focus-base;\n    @include main.pn-transition('background-color, border-color, outline-color');\n\n    svg polyline {\n      stroke: main.$white;\n      stroke-linecap: round;\n      stroke-dasharray: 23;\n      @include main.pn-transition('stroke-dashoffset');\n      transition-delay: 0s;\n\n      &.pn-action-menu-checkbox-checkmark-path {\n        stroke-dashoffset: 23;\n      }\n    }\n  }\n\n  &-radio {\n    display: flex;\n    gap: 0.75em;\n    padding: 0;\n    margin-left: auto;\n\n    &-outer {\n      background-color: main.$input-background;\n      border: main.$input-border;\n      border-radius: 50%;\n      height: 1.5em;\n      width: 1.5em;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n\n      @include main.pn-focus-base;\n      @include main.pn-transition('border-color, background-color, outline-color');\n    }\n\n    &-inner {\n      transform: scale(0);\n      height: 0.75em;\n      width: 0.75em;\n      background-color: main.$input-button-background-box-active;\n      border-radius: 50%;\n      transform-origin: center center;\n      @include main.pn-transition('background-color, transform');\n    }\n  }\n\n  &-input {\n    position: absolute;\n    z-index: 10;\n    cursor: pointer;\n    height: 100%;\n    width: 100%;\n    top: 0;\n    left: 0;\n    margin: 0;\n    opacity: 0;\n    -webkit-tap-highlight-color: transparent;\n\n    &:checked {\n      + .pn-action-menu-button {\n        background-color: main.$blue25;\n        .pn-action-menu-checkbox {\n          border-color: main.$blue700;\n          background-color: main.$blue700;\n          polyline.pn-action-menu-checkbox-checkmark-path {\n            transition-delay: main.$timing;\n            stroke-dashoffset: 0;\n          }\n        }\n        .pn-action-menu-radio {\n          &-outer {\n            border-color: main.$border-color-default-active;\n          }\n          &-inner {\n            transform: scale(1);\n            background-color: main.$input-button-background-box-active;\n          }\n        }\n      }\n\n      &:hover {\n        background-color: main.$blue50;\n      }\n    }\n\n    &:focus-visible + .pn-action-menu-button {\n      background-color: main.$blue50;\n    }\n\n    &:disabled {\n      pointer-events: none;\n      + .pn-action-menu-button {\n        pointer-events: none;\n        color: main.$gray700;\n        background-color: main.$gray50;\n\n        .pn-action-menu-item-label {\n          color: main.$gray700;\n        }\n        .pn-action-menu-checkbox {\n          background-color: main.$gray50;\n        }\n        .pn-action-menu-radio-outer {\n          border-color: main.$gray400;\n          background-color: main.$gray50;\n        }\n        .pn-icon-svg path {\n          fill: main.$gray700;\n        }\n      }\n\n      &:checked + .pn-action-menu-button {\n        .pn-action-menu-radio-inner {\n          background-color: main.$gray400;\n        }\n        .pn-action-menu-checkbox {\n          border-color: main.$gray400;\n          background-color: main.$gray400;\n        }\n      }\n    }\n\n    &:hover + .pn-action-menu-button {\n      background-color: main.$blue50;\n      .pn-action-menu-radio-outer {\n        border-color: main.$input-button-background-box-active;\n        background-color: main.$input-button-background-hover;\n      }\n    }\n\n    &:focus-visible + .pn-action-menu-button {\n      background-color: main.$blue50;\n      .pn-action-menu-checkbox,\n      .pn-action-menu-radio .pn-action-menu-radio-outer {\n        @include main.pn-focus-visible();\n      }\n    }\n  }\n\n  &-p {\n    margin: 0;\n  }\n\n  > pn-button[data-default-icon] .pn-button {\n    &[aria-expanded='true'] .pn-icon-svg {\n      transform: rotate(180deg);\n      transition-delay: 0s;\n    }\n    .pn-icon-svg {\n      transform: rotate(0deg);\n      transition-delay: main.$timing;\n      @include main.pn-transition('transform');\n    }\n  }\n}\n","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"],"names":["Mixin","animateHeightFactory","uuidv4","awaitTopbar","en","isSmallScreen","getTotalHeightOffset","getMenuWidth","chevron_down","ripple","chevron_right","open_in_new","h","chevron_left","Host"],"mappings":"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"}

package/umd/modules/@postnord/web-components/cjs/pn-button-dropdown.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pn-button-dropdown.entry.cjs.js","sources":["src/components/buttons/pn-button-dropdown/pn-button-dropdown.scss?tag=pn-button-dropdown","src/components/buttons/pn-button-dropdown/pn-button-dropdown.tsx"],"sourcesContent":["@use 'src/globals/main';\n\npn-button-dropdown {\n  display: inline-block;\n  position: relative;\n}\npn-button-dropdown .pn-button-dropdown {\n  &-container {\n    z-index: 10;\n    position: absolute;\n\n    top: 130%;\n    left: 0;\n\n    background-color: main.$white;\n    border-radius: 1em;\n    box-shadow: 0 0.125em 1em rgba(0, 0, 0, 0.2);\n    overflow-y: auto;\n\n    max-width: 95vw;\n    max-width: min(95vw, 40em);\n    max-height: 80vh;\n\n    transform: scale(0);\n    transform-origin: top left;\n    @include main.pn-transition('transform');\n    transition-delay: main.$timing;\n\n    &[data-right] {\n      left: unset;\n      right: 0;\n      transform-origin: top right;\n    }\n\n    &[data-top] {\n      top: unset;\n      bottom: 130%;\n      transform-origin: bottom left;\n    }\n  }\n\n  &-content {\n    position: relative;\n    padding: 1em;\n    opacity: 0;\n    width: max-content;\n    max-width: 100%;\n    visibility: hidden;\n\n    @include main.pn-transition('opacity, visibility');\n    transition-delay: 0s, main.$timing;\n  }\n\n  &[data-open='true'] {\n    .pn-button-dropdown-container {\n      transition-delay: 0s;\n    }\n    .pn-button-dropdown-content {\n      opacity: 1;\n      visibility: visible;\n    }\n  }\n}\n","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"],"names":["uuidv4","h","Host"],"mappings":"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"}

package/umd/modules/@postnord/web-components/cjs/pn-button.pn-spinner.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pn-button.pn-spinner.entry.cjs.js","sources":["src/components/buttons/pn-button/pn-button.scss?tag=pn-button","src/components/buttons/pn-button/pn-button.tsx","src/components/feedback/pn-spinner/pn-spinner.scss?tag=pn-spinner","src/components/feedback/pn-spinner/pn-spinner.tsx"],"sourcesContent":["@use 'sass:string';\n@use 'src/globals/main';\n\npn-button {\n  display: inline-block;\n}\n\npn-button .pn-button {\n  position: relative;\n  cursor: pointer;\n\n  padding: 0.75em 1.5em;\n  width: string.unquote('round(up, 100%, 1px)');\n  min-height: 3em;\n  min-width: 5.5em;\n\n  border: none;\n  border-radius: 3em;\n\n  font-family: inherit;\n  font-size: 1em;\n  font-weight: 500;\n\n  color: main.$white;\n  background-color: transparent;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  text-decoration: none;\n  line-height: 1.5em;\n  -webkit-tap-highlight-color: transparent;\n\n  @include main.pn-transition('color, outline-color');\n  @include main.pn-focus();\n\n  &:disabled,\n  &[aria-disabled] {\n    cursor: auto;\n    pointer-events: none;\n  }\n\n  &-content {\n    z-index: 2;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 0.5em;\n\n    @include main.pn-transition('opacity, transform');\n    transition-delay: main.$timing;\n  }\n\n  // This is a separate element because it has to be a leaf node to avoid bogging down performance when animating\n  &-bg {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 50%;\n    transform: translateX(-50%) translateY(0);\n    border-radius: 3em;\n    border: none;\n    background-color: main.$blue700;\n    overflow: hidden;\n\n    @include main.pn-transition('width, background-color, border-color');\n    transition-delay: main.$timing, 0s, 0s;\n\n    // Hover element (sliding background)\n    &::after {\n      content: '';\n      position: absolute;\n      will-change: transform;\n      width: 100%;\n      height: 100%;\n      background-color: main.$blue900;\n      border-radius: inherit;\n      left: 0;\n      transform: translateX(-103%);\n      opacity: 0.5;\n      @include main.pn-transition('transform');\n    }\n  }\n\n  @include main.pn-ripple(main.$white);\n\n  &-tooltip {\n    z-index: 5;\n    position: absolute;\n    top: calc(100% + 0.35em);\n    left: 50%;\n    pointer-events: none;\n\n    color: main.$white;\n    background-color: main.$blue900;\n    box-shadow:\n      0 0.075em 0.225em rgba(0, 0, 0, 0.1),\n      0 0.4em 0.9em rgba(0, 0, 0, 0.13);\n\n    padding: 0.25em 0.75em;\n    border-radius: inherit;\n\n    max-width: min(95vw, 40em);\n    transform: translateX(-50%) translateX(var(--pn-dx));\n    width: max-content;\n\n    opacity: 0;\n    @include main.pn-transition('opacity');\n\n    &-text {\n      font-size: 0.875em;\n      font-weight: 300;\n    }\n  }\n\n  pn-icon {\n    flex-shrink: 0;\n    .pn-icon-svg path {\n      fill: main.$white;\n    }\n  }\n\n  pn-spinner {\n    position: absolute;\n    transform: scale(0);\n  }\n\n  &:hover,\n  &:focus {\n    .pn-button-bg:after {\n      transform: translateX(0);\n    }\n  }\n\n  &[data-appearance='light'] {\n    color: main.$blue700;\n\n    pn-icon .pn-icon-svg path {\n      fill: main.$blue700;\n    }\n\n    pn-spinner {\n      .pn-spinner-circle {\n        stroke: main.$blue700;\n      }\n      .pn-spinner-dot {\n        fill: main.$blue700;\n      }\n    }\n\n    .pn-button-bg {\n      border-color: main.$blue700;\n      background-color: main.$white;\n\n      &:after {\n        background-color: main.$blue50;\n        opacity: 1;\n      }\n\n      .pn-ripple {\n        background-color: main.$blue700;\n      }\n    }\n  }\n\n  &[data-appearance='warning'] {\n    color: main.$warning;\n\n    pn-icon .pn-icon-svg path {\n      fill: main.$warning;\n    }\n\n    pn-spinner {\n      .pn-spinner-circle {\n        stroke: main.$warning;\n      }\n      .pn-spinner-dot {\n        fill: main.$warning;\n      }\n    }\n\n    .pn-button-bg {\n      border: 0.0625em solid main.$warning;\n      background-color: main.$coral50;\n\n      &:after {\n        background-color: main.$warning;\n        opacity: 1;\n      }\n    }\n\n    &:hover,\n    &:focus {\n      color: main.$white;\n      pn-icon .pn-icon-svg path {\n        fill: main.$white;\n      }\n\n      pn-spinner {\n        .pn-spinner-circle {\n          stroke: main.$white;\n        }\n        .pn-spinner-dot {\n          fill: main.$white;\n        }\n      }\n    }\n\n    @include main.pn-focus(main.$warning);\n  }\n\n  &[data-variant='borderless'] {\n    .pn-button-bg {\n      border: none;\n      background-color: transparent;\n    }\n\n    .pn-button-bg:after {\n      background-color: main.$white;\n      opacity: 0.1;\n    }\n    &[data-appearance='light'] {\n      .pn-button-bg:after {\n        background-color: main.$blue50;\n        opacity: 1;\n      }\n    }\n    &[data-appearance='warning'] {\n      .pn-button-bg:after {\n        background-color: main.$warning;\n        opacity: 1;\n      }\n    }\n  }\n\n  &[data-variant='outlined'] {\n    .pn-button-bg {\n      border: 0.0625em solid main.$white;\n      background-color: transparent;\n      &:after {\n        background-color: main.$white;\n        opacity: 0.1;\n      }\n    }\n\n    &[data-appearance='light'] .pn-button-bg {\n      border-color: main.$blue700;\n      background-color: main.$white;\n      &:after {\n        background-color: main.$blue400;\n        opacity: 0.1;\n      }\n    }\n\n    &[data-appearance='warning'] .pn-button-bg {\n      border-color: main.$warning;\n      &:after {\n        background-color: main.$warning;\n        opacity: 1;\n      }\n    }\n  }\n\n  &[data-left-icon] .pn-button-content {\n    flex-direction: row-reverse;\n  }\n\n  &[data-icon-only] {\n    width: 3em;\n    min-width: 0;\n\n    &[data-small] {\n      width: 2em;\n      min-width: 0;\n      padding: 0;\n    }\n  }\n\n  &[data-small] {\n    padding: 0.375em 1em;\n    min-height: 2em;\n    min-width: unset;\n    line-height: 1.25em;\n\n    .pn-button-content {\n      gap: 0.25em;\n    }\n\n    .pn-button-text {\n      font-size: 0.875em;\n    }\n\n    pn-icon .pn-icon-svg {\n      height: 1.25em;\n      width: 1.25em;\n    }\n  }\n\n  &[data-tooltip-open] {\n    .pn-button-tooltip {\n      opacity: 1;\n    }\n  }\n\n  &[data-tooltip-upwards] {\n    .pn-button-tooltip {\n      top: auto;\n      bottom: calc(100% + 0.35em);\n    }\n  }\n\n  &[data-loading] {\n    pn-spinner {\n      transform: scale(1);\n      @include main.pn-transition('transform');\n      transition-delay: main.$timing;\n    }\n\n    .pn-button-content {\n      pointer-events: none;\n      opacity: 0;\n      transition-delay: 0s;\n      transform: translateY(100%);\n    }\n\n    .pn-button-bg {\n      width: 3em;\n    }\n\n    &[data-small] .pn-button-bg {\n      width: 2em;\n    }\n  }\n}\n","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","@use 'src/globals/main';\n\npn-spinner {\n  display: inline-block;\n}\n\npn-spinner .pn-spinner {\n  --pn-spinner-size: 1.5em;\n  --pn-spinner-color: main.$blue700;\n\n  height: var(--pn-spinner-size);\n  width: var(--pn-spinner-size);\n  display: block;\n\n  animation: rotate 1s infinite;\n  animation-timing-function: main.$easing;\n\n  @media (prefers-reduced-motion: reduce) {\n    animation-duration: 2s;\n  }\n\n  &-circle {\n    stroke: var(--pn-spinner-color);\n    transform-origin: center center;\n    transform: rotate(-310deg);\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke-dasharray: 64;\n    animation: loading 2s infinite;\n    animation-timing-function: main.$easing;\n\n    @media (prefers-reduced-motion: reduce) {\n      animation-duration: 4s;\n    }\n  }\n\n  &-dot {\n    fill: var(--pn-spinner-color);\n  }\n}\n\n@keyframes loading {\n  0% {\n    stroke-dashoffset: 55;\n  }\n  50% {\n    stroke-dashoffset: 12;\n  }\n  100% {\n    stroke-dashoffset: 55;\n  }\n}\n\n@keyframes rotate {\n  from {\n    transform: rotate(-180deg) scaleX(-1);\n  }\n  to {\n    transform: rotate(180deg) scaleX(-1);\n  }\n}\n","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"],"names":["ripple","h","Host"],"mappings":"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"}

package/umd/modules/@postnord/web-components/cjs/pn-card.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pn-card.entry.cjs.js","sources":["src/components/navigation/pn-card/pn-card.scss?tag=pn-card","src/components/navigation/pn-card/pn-card.tsx"],"sourcesContent":["@use 'src/globals/main';\n\npn-card {\n  position: relative;\n  display: block;\n}\n\npn-card .pn-card {\n  position: relative;\n\n  background-color: main.$white;\n  color: main.$gray900;\n\n  border-radius: 0.5em;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n\n  box-shadow:\n    0em 0.0625em 0.125em 0em rgba(20, 20, 20, 0.11),\n    0em 0.1875em 0.4375em 0em rgba(0, 0, 0, 0.13);\n\n  @include main.pn-focus-base;\n  @include main.pn-transition('background-color, outline-color');\n\n  &[data-link]:hover {\n    background-color: main.$blue50;\n  }\n\n  &[data-link][data-focus] {\n    @include main.pn-focus-visible;\n  }\n\n  /** If you use a `href`, hide the navigation slot. */\n  &[data-link] .pn-card-navigation > [slot='navigation'] {\n    display: none;\n  }\n\n  &[data-horizontal] {\n    flex-direction: row;\n    &[data-reverse] {\n      flex-direction: row-reverse;\n      .pn-card-picture {\n        clip-path: ellipse(100% 175% at right center);\n      }\n    }\n    .pn-card-content {\n      flex: 1 1 50%;\n    }\n    .pn-card-image {\n      flex: 1 1 50%;\n      flex-direction: row;\n    }\n\n    .pn-card-picture {\n      width: 100%;\n      clip-path: ellipse(100% 175% at left center);\n    }\n  }\n\n  &[data-reverse] {\n    flex-direction: column-reverse;\n    .pn-card-picture {\n      clip-path: ellipse(175% 100% at bottom center);\n    }\n  }\n\n  &-header {\n    display: flex;\n    flex-direction: column;\n    gap: clamp(0.5em, 5vw, 0.75em);\n  }\n\n  &-label {\n    font-size: clamp(1.125em, 5vw, 1.5em);\n    font-weight: 700;\n    margin: 0;\n    &-overline {\n      color: main.$gray700;\n      font-size: 0.875em;\n      font-weight: 400;\n      margin: 0;\n    }\n  }\n\n  &-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.25em;\n\n    color: main.$blue700;\n    text-decoration-color: transparent;\n    -webkit-tap-highlight-color: transparent;\n\n    @include main.pn-transition('color, text-decoration-color');\n\n    &:hover {\n      color: main.$blue900;\n      text-decoration-color: main.$blue900;\n      > pn-icon > .pn-icon-svg > path {\n        fill: main.$blue900;\n      }\n    }\n\n    &:focus {\n      outline: 0;\n      color: main.$blue900;\n      text-decoration-color: main.$blue900;\n      > pn-icon > .pn-icon-svg > path {\n        fill: main.$blue900;\n      }\n    }\n\n    &:before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n    }\n  }\n\n  &-content {\n    display: flex;\n    flex-direction: column;\n    flex-wrap: nowrap;\n    flex: 1;\n    gap: clamp(0.5em, 5vw, 0.75em);\n    padding: clamp(0.75em, 5vw, 1.5em) clamp(0.75em, 5vw, 1.5em);\n  }\n\n  &-section {\n    display: flex;\n    flex-direction: column;\n    gap: 0.5em;\n    color: main.$gray700;\n\n    &-paragraph,\n    p {\n      margin: 0 0 0.25em;\n      &:last-child {\n        margin: 0em;\n      }\n    }\n  }\n\n  &-navigation {\n    margin-top: auto;\n    padding-top: clamp(0.5em, 5vw, 0.75em);\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 0.5em;\n\n    > pn-button {\n      flex: 1 1 12em;\n    }\n\n    &:empty {\n      display: none;\n    }\n  }\n\n  &-image {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n  }\n\n  &-picture {\n    margin: 0;\n    padding: 0;\n    display: block;\n    overflow: hidden;\n    clip-path: ellipse(175% 100% at top center);\n    aspect-ratio: var(--pn-card-aspect-ratio);\n\n    &:empty {\n      display: none;\n    }\n    > *[slot='image'] {\n      display: block;\n      height: 100%;\n      width: 100%;\n      object-fit: cover;\n    }\n  }\n\n  &-tags {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 0.5em;\n\n    &:empty {\n      display: none;\n    }\n  }\n\n  > {\n    @include main.pn-ripple(main.$blue700);\n  }\n}\n","import { Host, Component, Prop, h, Element, Event, EventEmitter, State, Watch } from '@stencil/core';\nimport { arrow_right, open_in_new } from 'pn-design-assets/pn-assets/icons.js';\nimport { ripple, uuidv4 } from '@/index';\n\n/**\n * The card component is more than just a navigational element.\n * It is a flexible component that can be used as a product item, a clickable link card, etc...\n *\n * Setting the `href` prop will transform the entire `pn-card` into a clickable element.\n * If you need content to be interactable inside the card, do not use the `href` prop.\n *\n * @slot - The default slot is the primary content of the card. This is the same area where the `text` prop is located.\n * @slot image - Set a custom image/svg/illustration. Simply use an `img` tag with the slot \"image\".\n * @slot tags - Add `pn-tags` that will be positioned above the `label` and `overline` if used.\n * @slot header - The header content, same area that the `label` and `overline` props will appear.\n * @slot navigation - This slot is intended for one or more `pn-button` components.\n * Only use **without** the `href` prop. Having both at the same time makes the component inaccessible.\n *\n * @since v7.12.0\n */\n@Component({\n  tag: 'pn-card',\n  styleUrl: 'pn-card.scss',\n})\nexport class PnCard {\n  private readonly id: string = `pn-card-${uuidv4()}`;\n  private idTitle: string = `${this.id}-title`;\n\n  @State() visibleOutline: boolean = false;\n\n  @Element() hostElement: HTMLElement;\n\n  /** Headline of the card. Will act as label for the link if there is no `href-label` set. */\n  @Prop() label: string;\n  /** The label HTML tag. Default is `h3`. */\n  @Prop() labelTag?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' = 'h3';\n  /** Set a smaller text above the `label` text. */\n  @Prop() overline?: string;\n  /** Text content of the card. */\n  @Prop() text?: string;\n  /** Set a HTML id for the card. Optional and not required. */\n  @Prop() cardId?: string = null;\n\n  /**\n   * Uee the horizontal card layout.\n   * @category Features\n   * */\n  @Prop() horizontal?: boolean = false;\n  /** Reverse the order of which the image will wrap. @category Features */\n  @Prop() reverse?: boolean = false;\n  /**\n   * Select image aspect ratio. Example: '3/3', '16/9'.\n   * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio CSS documentation.}\n   * @category Features\n   * */\n  @Prop() aspectRatio?: string | '3/3' | '16/9' = '';\n\n  /** The card link. @category Href */\n  @Prop() href?: string;\n  /** The link text. @category Href */\n  @Prop() hrefLabel?: string;\n  /** The target attribute of the link. @category Href */\n  @Prop() target?: string;\n  /** The rel attribute of the link. @category Href */\n  @Prop() rel?: string = 'noopener noreferrer';\n  /** The link icon. Defaults to `arrow_right` or `open_in_new` if `target=\"_blank\"`. @category Href */\n  @Prop() icon?: string = null;\n\n  @Watch('cardId')\n  watchCardId() {\n    const id = this.cardId || this.id;\n    this.idTitle = `${id}-title`;\n  }\n\n  /** Emitted when you click on the card link (if you use the `href` prop). */\n  @Event() pnCard: EventEmitter<{ click: MouseEvent }>;\n\n  componentWillLoad() {\n    this.watchCardId();\n  }\n\n  private isExternal() {\n    return this.target === '_blank';\n  }\n\n  private showTitle() {\n    return !!this.label;\n  }\n\n  private showHref() {\n    return !!this.href && (this.hrefLabel || this.showTitle());\n  }\n\n  private getTitleId() {\n    return this.hrefLabel ? null : this.idTitle;\n  }\n\n  private getLabelledby() {\n    return this.hrefLabel ? null : this.showTitle() ? this.idTitle : null;\n  }\n\n  private getIcon() {\n    if (!!this.icon) return this.icon;\n    return this.isExternal() ? open_in_new : arrow_right;\n  }\n\n  private getHeadingTag() {\n    const tags = ['h2', 'h3', 'h4', 'h5', 'h6', 'p'];\n    return tags.includes(this.labelTag) ? this.labelTag : 'h3';\n  }\n\n  private handleFocus({ type, target }: FocusEvent) {\n    this.visibleOutline = type === 'focus' && (target as HTMLLinkElement).matches(':focus-visible');\n  }\n\n  private handleClick(event: MouseEvent) {\n    ripple(event, this.hostElement, '.pn-card');\n    this.pnCard.emit({ click: event });\n  }\n\n  render() {\n    const TitleTag = this.getHeadingTag();\n\n    return (\n      <Host>\n        <article\n          id={this.cardId}\n          class=\"pn-card\"\n          data-link={!!this.href}\n          data-horizontal={this.horizontal}\n          data-reverse={this.reverse}\n          data-focus={this.visibleOutline}\n        >\n          <div class=\"pn-card-image\">\n            <picture class=\"pn-card-picture\" style={{ '--pn-card-aspect-ratio': this.aspectRatio || 'unset' }}>\n              <slot name=\"image\"></slot>\n            </picture>\n          </div>\n          <div class=\"pn-card-content\">\n            <header class=\"pn-card-header\">\n              <div class=\"pn-card-tags\">\n                <slot name=\"tags\"></slot>\n              </div>\n              {!!this.overline && <p class=\"pn-card-label-overline\">{this.overline}</p>}\n              {!!this.label && (\n                <TitleTag id={this.getTitleId()} class=\"pn-card-label\">\n                  {this.label}\n                </TitleTag>\n              )}\n              <slot name=\"header\"></slot>\n            </header>\n            <section class=\"pn-card-section\">\n              {!!this.text && <p class=\"pn-card-section-paragraph\">{this.text}</p>}\n              <slot></slot>\n            </section>\n            <nav class=\"pn-card-navigation\">\n              {this.showHref() && (\n                <a\n                  class=\"pn-card-link\"\n                  href={this.href}\n                  target={this.target}\n                  rel={this.rel}\n                  aria-labelledby={this.getLabelledby()}\n                  onClick={event => this.handleClick(event)}\n                  onFocus={event => this.handleFocus(event)}\n                  onBlur={event => this.handleFocus(event)}\n                >\n                  {this.hrefLabel}\n                  <pn-icon color=\"blue700\" icon={this.getIcon()} />\n                </a>\n              )}\n              <slot name=\"navigation\"></slot>\n            </nav>\n          </div>\n        </article>\n      </Host>\n    );\n  }\n}\n"],"names":["uuidv4","open_in_new","arrow_right","ripple","h","Host"],"mappings":"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"}

package/umd/modules/@postnord/web-components/cjs/pn-checkbox.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pn-checkbox.entry.cjs.js","sources":["src/components/input/pn-checkbox/pn-checkbox.scss?tag=pn-checkbox","src/components/input/pn-checkbox/pn-checkbox.tsx"],"sourcesContent":["@use 'src/globals/main';\n\npn-checkbox {\n  position: relative;\n  display: inline-block;\n}\n\npn-checkbox .pn-checkbox {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: row;\n\n  &-label {\n    cursor: pointer;\n    color: main.$label-color;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  &-helpertext {\n    color: main.$helpertext-color;\n    margin: 0 0 0.5em 0;\n    &:last-child {\n      margin: 0;\n    }\n  }\n\n  &-content {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    font-weight: 400;\n    line-height: 1.5;\n    flex: 1;\n    margin: 0 0 0 0.75em;\n  }\n\n  &-outer {\n    width: 1.5em;\n    height: 1.5em;\n    background-color: main.$input-background;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    border: main.$input-border;\n    border-radius: 0.25em;\n\n    @include main.pn-focus-base();\n    @include main.pn-transition('outline-color, border-color, background-color');\n  }\n\n  &-svg {\n    width: 1.25em;\n    fill: none;\n\n    &-line {\n      stroke: main.$white;\n      transform-origin: 0 0;\n      stroke-linecap: round;\n      stroke-dasharray: 23;\n      stroke-dashoffset: 23;\n      @include main.pn-transition('stroke-dashoffset');\n      transition-delay: 0s;\n    }\n  }\n\n  &[data-tile] {\n    position: relative;\n    background-color: main.$input-background;\n    border: main.$input-border;\n    border-radius: main.$input-border-radius;\n    padding: 1em;\n\n    @include main.pn-focus-base();\n    @include main.pn-transition('outline-color, background-color, border-color');\n\n    &[data-invalid] {\n      border-color: main.$border-color-error;\n    }\n  }\n\n  &[data-invalid] .pn-checkbox-outer {\n    border-color: main.$border-color-error;\n  }\n\n  &-container {\n    flex: 1 1 100%;\n    overflow: hidden;\n    visibility: hidden;\n    &[data-open] {\n      visibility: visible;\n      overflow: unset;\n    }\n    &[data-moving] {\n      visibility: visible;\n      overflow: hidden;\n    }\n  }\n\n  &-area {\n    padding: 0.75em 0 0 2.25em;\n    display: flex;\n    flex-direction: column;\n    flex-wrap: nowrap;\n    gap: 1em;\n  }\n\n  > pn-icon {\n    margin-left: 0.75em;\n  }\n}\n\npn-checkbox > input {\n  cursor: pointer;\n  opacity: 0;\n  position: absolute;\n  margin: 0;\n  z-index: 1;\n  top: 0;\n  left: 0;\n\n  font-size: 1em;\n  width: 1.5em;\n  height: 1.5em;\n  -webkit-tap-highlight-color: transparent;\n\n  &[data-tile]:not([data-expand]) {\n    width: 100%;\n    height: 100%;\n  }\n\n  &[data-expand] {\n    top: 1em;\n    left: 1em;\n  }\n\n  &[aria-describedby] + .pn-checkbox[data-tile] .pn-checkbox-label {\n    font-weight: 500;\n  }\n\n  &:hover + .pn-checkbox {\n    > .pn-checkbox-outer {\n      background-color: main.$input-button-background-hover;\n      border-color: main.$border-color-default-active;\n    }\n    &[data-tile] {\n      background-color: main.$input-button-background-hover;\n      border-color: main.$border-color-default-hover;\n      &[data-invalid] {\n        background-color: main.$input-background-error-hover;\n        border-color: main.$border-color-error;\n      }\n    }\n    &[data-invalid] > .pn-checkbox-outer {\n      background-color: main.$input-background-error-hover;\n      border-color: main.$border-color-error;\n    }\n  }\n\n  &:focus-visible + .pn-checkbox {\n    > .pn-checkbox-outer {\n      @include main.pn-focus-visible(main.$border-color-default-focus);\n    }\n    &[data-tile] {\n      @include main.pn-focus-visible(main.$border-color-default-focus, null, main.$border-color-default-focus);\n      &[data-invalid] {\n        @include main.pn-focus-visible(main.$border-color-error, null, main.$border-color-error);\n        > .pn-checkbox-outer {\n          @include main.pn-focus-visible(transparent);\n        }\n      }\n      > .pn-checkbox-outer {\n        @include main.pn-focus-visible(transparent);\n      }\n    }\n    &[data-invalid] > .pn-checkbox-outer {\n      @include main.pn-focus-visible(main.$border-color-error);\n    }\n  }\n\n  &:checked {\n    + .pn-checkbox {\n      > .pn-checkbox-outer {\n        background-color: main.$input-button-background-box-active;\n        border-color: main.$border-color-default-active;\n\n        .pn-checkbox-svg > {\n          .pn-checkbox-svg-indeterminate {\n            stroke-dashoffset: 23;\n          }\n          .pn-checkbox-svg-checkmark {\n            transition-delay: main.$timing;\n            stroke-dashoffset: 0;\n          }\n        }\n      }\n\n      &[data-tile] {\n        background-color: main.$input-button-background-active;\n        border-color: main.$border-color-default-active;\n        &[data-invalid] {\n          background-color: main.$input-background-error-active;\n          border-color: main.$border-color-error-active;\n        }\n      }\n\n      &[data-invalid] > .pn-checkbox-outer {\n        background-color: main.$input-button-active-error;\n        border-color: main.$border-color-error;\n      }\n    }\n\n    &:hover + .pn-checkbox {\n      &[data-tile] {\n        border-color: main.$input-button-active-hover;\n      }\n      > .pn-checkbox-outer {\n        background-color: main.$input-button-active-focus;\n        border-color: main.$input-button-active-focus;\n      }\n      &[data-invalid] {\n        border-color: main.$input-button-active-error-focus;\n        > .pn-checkbox-outer {\n          background-color: main.$input-button-active-error-focus;\n          border-color: main.$input-button-active-error-focus;\n        }\n      }\n    }\n  }\n\n  &:indeterminate {\n    + .pn-checkbox {\n      > .pn-checkbox-outer {\n        background-color: main.$input-button-background-box-active;\n        border-color: main.$input-button-background-box-active;\n        .pn-checkbox-svg > {\n          .pn-checkbox-svg-checkmark {\n            stroke-dashoffset: 23;\n          }\n          .pn-checkbox-svg-indeterminate {\n            stroke-dashoffset: 0;\n          }\n        }\n      }\n\n      &[data-invalid] > .pn-checkbox-outer {\n        background-color: main.$input-button-active-error;\n        border-color: main.$border-color-error;\n      }\n    }\n\n    &:hover + .pn-checkbox {\n      > .pn-checkbox-outer {\n        background-color: main.$input-button-active;\n        border-color: main.$input-button-active;\n      }\n      &[data-invalid] > .pn-checkbox-outer {\n        background-color: main.$input-button-active-error-hover;\n        border-color: main.$border-color-error-hover;\n      }\n    }\n  }\n\n  &:disabled {\n    pointer-events: none;\n    + .pn-checkbox {\n      .pn-checkbox-label {\n        pointer-events: none;\n      }\n      > .pn-checkbox-outer {\n        background-color: main.$input-background-disabled;\n        border-color: main.$border-color-default;\n      }\n\n      &[data-tile] {\n        background-color: main.$input-background-disabled;\n        border-color: main.$border-color-disabled;\n        > pn-icon > .pn-icon-svg path {\n          fill: main.$input-color-disabled;\n        }\n        > .pn-checkbox-content > .pn-checkbox-label {\n          color: main.$input-color-disabled;\n        }\n      }\n    }\n\n    &:checked + .pn-checkbox > .pn-checkbox-outer {\n      background-color: main.$input-button-disabled;\n      border-color: main.$input-border-disabled;\n    }\n\n    &:indeterminate + .pn-checkbox > .pn-checkbox-outer {\n      background-color: main.$input-button-disabled;\n      border-color: main.$input-border-disabled;\n    }\n  }\n}\n","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"],"names":["Mixin","animateHeightFactory","uuidv4","h","Host"],"mappings":"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"}

package/umd/modules/@postnord/web-components/cjs/pn-choice-chip.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pn-choice-chip.entry.cjs.js","sources":["src/components/input/pn-choice-chip/pn-choice-chip.scss?tag=pn-choice-chip","src/components/input/pn-choice-chip/pn-choice-chip.tsx"],"sourcesContent":["@use 'src/globals/main';\n\npn-choice-chip {\n  display: inline-block;\n}\n\npn-choice-chip .pn-choice-chip {\n  position: relative;\n  font-size: 1em;\n  font-weight: 500;\n  text-align: center;\n\n  &-container {\n    cursor: pointer;\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: 0;\n    padding: 0.5em 1em;\n    border: main.$input-border;\n    border-radius: 0.5em;\n    background-color: main.$input-background;\n    @include main.pn-transition('border-color, outline-color, background-color, padding, gap');\n    @include main.pn-focus-base;\n\n    &[data-icon] {\n      gap: 0.25em;\n      padding-left: 0.75em;\n      &[data-small] {\n        padding-left: 0.5em;\n      }\n      &[data-large] {\n        padding-left: 1em;\n      }\n      > .pn-choice-chip-icon {\n        width: 1.5em;\n      }\n    }\n\n    &[data-small] {\n      padding: 0.25em 0.75em;\n      .pn-choice-chip-label {\n        line-height: 1.25em;\n        > span {\n          font-size: 0.875em;\n        }\n      }\n    }\n\n    &[data-large] {\n      padding: 0.625em 1.25em;\n    }\n  }\n\n  &-icon {\n    position: relative;\n    width: 0;\n    height: 1.5em;\n    @include main.pn-transition('width');\n    pn-icon {\n      opacity: 0;\n      transform: scale(0);\n      position: absolute;\n      top: 0;\n      left: 0;\n      @include main.pn-transition('transform, opacity');\n\n      &.pn-choice-chip-icon-user {\n        opacity: 1;\n        transform: scale(1);\n      }\n    }\n  }\n\n  &-label {\n    color: main.$input-chip-color;\n    line-height: 1.5em;\n    @include main.pn-transition('color');\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    flex-grow: 1;\n    height: 100%;\n  }\n\n  > input {\n    position: absolute;\n    z-index: 1;\n    opacity: 0;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    cursor: pointer;\n\n    &:not(:checked) ~ .pn-choice-chip-container > .pn-choice-chip-icon > .pn-choice-chip-icon-user {\n      transform: scale(1);\n      opacity: 1;\n    }\n\n    &:hover ~ .pn-choice-chip-container {\n      background-color: main.$blue25;\n      border-color: main.$blue700;\n\n      .pn-choice-chip-icon {\n        &-user,\n        &-check {\n          .pn-icon-svg path {\n            fill: main.$blue700;\n          }\n        }\n      }\n\n      .pn-choice-chip-label {\n        color: main.$blue700;\n      }\n    }\n\n    &:checked {\n      ~ .pn-choice-chip-container {\n        gap: 0.25em;\n        background-color: main.$blue50;\n        border-color: main.$border-color-default-active;\n        > .pn-choice-chip-icon {\n          width: 1.5em;\n          stroke-dashoffset: 23;\n\n          > .pn-choice-chip-icon-check {\n            transform: scale(1);\n            opacity: 1;\n          }\n          > .pn-choice-chip-icon-user {\n            transform: scale(0);\n            opacity: 0;\n          }\n        }\n        > .pn-choice-chip-label {\n          color: main.$input-chip-color-active;\n        }\n      }\n      &:hover ~ .pn-choice-chip-container {\n        background-color: main.$blue25;\n        border-color: main.$input-button-active-hover;\n        > .pn-choice-chip-icon > .pn-choice-chip-icon-check path {\n          fill: main.$input-button-active;\n        }\n        > .pn-choice-chip-label {\n          color: main.$input-button-active;\n        }\n      }\n    }\n\n    &:focus-visible ~ .pn-choice-chip-container {\n      @include main.pn-focus-visible(main.$border-color-default-active);\n      border-color: main.$border-color-default-active;\n    }\n\n    &:disabled {\n      cursor: not-allowed;\n      &:active ~ .pn-choice-chip-container {\n        outline: none;\n      }\n      ~ .pn-choice-chip-container {\n        background-color: main.$input-background-disabled;\n        border-color: main.$border-color-disabled;\n        cursor: not-allowed;\n        .pn-choice-chip-label {\n          color: main.$input-color-disabled;\n          cursor: not-allowed;\n        }\n        pn-icon .pn-icon-svg path {\n          fill: main.$input-color-disabled;\n        }\n      }\n    }\n  }\n}\n","import { Component, Prop, h, Host, Element, State } from '@stencil/core';\nimport { uuidv4 } from '@/globals/helpers';\nimport { check } from 'pn-design-assets/pn-assets/icons.js';\n\n/**\n * The `pn-choice-chip` is built with a native `input[type=\"checkbox|radio\"]` 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 choice chip state is being toggled. Works for both checkbox/radio variant.\n */\n@Component({\n  tag: 'pn-choice-chip',\n  styleUrl: 'pn-choice-chip.scss',\n})\nexport class PnChoiceChip {\n  @Element() hostElement: HTMLElement;\n\n  @State() moving: boolean = false;\n\n  /** The choice chip label */\n  @Prop() label!: string;\n  /** This will be emitted on change and input */\n  @Prop({ reflect: true }) value!: string;\n  /** The name of the checkbox group */\n  @Prop() name?: string;\n  /** Precheck the choice chip */\n  @Prop({ mutable: true }) checked?: boolean = false;\n  /** Make the choice chip a radio */\n  @Prop() radio: boolean = false;\n  /** A unique HTML id */\n  @Prop() choiceid: string = `pn-choice-chip-${uuidv4()}`;\n\n  /** Include an icon */\n  @Prop() icon?: string;\n\n  /** Set the choice chip as required. @category State */\n  @Prop() required: boolean = false;\n  /** Disable the choice chip. @category State */\n  @Prop() disabled: boolean = false;\n\n  /** Set the size to small. @category Size */\n  @Prop() small: boolean = false;\n  /** Set the size to large. @category Size */\n  @Prop() large: boolean = false;\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-choice-chip\">\n          <input\n            type={this.radio ? 'radio' : 'checkbox'}\n            id={this.choiceid}\n            value={this.value}\n            name={this.name}\n            checked={this.checked}\n            required={this.required}\n            disabled={this.disabled}\n          />\n          <div class=\"pn-choice-chip-container\" data-icon={!!this.icon} data-small={this.small} data-large={this.large}>\n            <div class=\"pn-choice-chip-icon\">\n              <pn-icon color=\"blue700\" class=\"pn-choice-chip-icon-check\" icon={check} />\n              {!!this.icon && <pn-icon color=\"blue700\" class=\"pn-choice-chip-icon-user\" icon={this.icon} />}\n            </div>\n            <label class=\"pn-choice-chip-label\" htmlFor={this.choiceid}>\n              <span>{this.label}</span>\n              <slot />\n            </label>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":["uuidv4","h","Host","check"],"mappings":";;;;;;;;;;AAAA,MAAM,eAAe,GAAG,43JAA43J;;MCcv4J,YAAY,GAAA,MAAA;;;;;IAGd,MAAM,GAAY,KAAK;;AAGxB,IAAA,KAAK;;AAEY,IAAA,KAAK;;AAEtB,IAAA,IAAI;;IAEa,OAAO,GAAa,KAAK;;IAE1C,KAAK,GAAY,KAAK;;AAEtB,IAAA,QAAQ,GAAW,CAAA,eAAA,EAAkBA,cAAM,EAAE,EAAE;;AAG/C,IAAA,IAAI;;IAGJ,QAAQ,GAAY,KAAK;;IAEzB,QAAQ,GAAY,KAAK;;IAGzB,KAAK,GAAY,KAAK;;IAEtB,KAAK,GAAY,KAAK;IAE9B,MAAM,GAAA;QACJ,QACEC,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EACzBA,OACE,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,KAAK,GAAG,OAAO,GAAG,UAAU,EACvC,EAAE,EAAE,IAAI,CAAC,QAAQ,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,CAAA,EACFA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,0BAA0B,EAAY,WAAA,EAAA,CAAC,CAAC,IAAI,CAAC,IAAI,EAAA,YAAA,EAAc,IAAI,CAAC,KAAK,EAAc,YAAA,EAAA,IAAI,CAAC,KAAK,EAAA,EAC1GA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC9BA,OAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,2BAA2B,EAAC,IAAI,EAAEE,WAAK,EAAI,CAAA,EACzE,CAAC,CAAC,IAAI,CAAC,IAAI,IAAIF,OAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,0BAA0B,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,CACzF,EACNA,OAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAA,EACxDA,OAAO,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,IAAI,CAAC,KAAK,CAAQ,EACzBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACF,CACJ,CACF,CACD;;;;;;;"}

package/umd/modules/@postnord/web-components/cjs/pn-counter.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pn-counter.entry.cjs.js","sources":["node_modules/pn-design-assets/pn-assets/icons/minus.js","node_modules/pn-design-assets/pn-assets/icons/plus.js","src/components/input/pn-counter/translations.ts","src/components/input/pn-counter/pn-counter.scss?tag=pn-counter","src/components/input/pn-counter/pn-counter.tsx"],"sourcesContent":["const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M2 12a1 1 0 0 1 1-1h18a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1\" clip-rule=\"evenodd\"/></svg>';\nexport const minus = icon;\n","const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M12 2a1 1 0 0 1 1 1v8h8a1 1 0 1 1 0 2h-8v8a1 1 0 1 1-2 0v-8H3a1 1 0 1 1 0-2h8V3a1 1 0 0 1 1-1\" clip-rule=\"evenodd\"/></svg>';\nexport const plus = icon;\n","export const translations = {\n  DECREASE: {\n    en: 'Decrease',\n    sv: 'Minska',\n    da: 'Reducere',\n    fi: 'Vähentää',\n    no: 'Redusere',\n  },\n  INCREASE: {\n    en: 'Increase',\n    sv: 'Öka',\n    da: 'Øge',\n    fi: 'Lisääntyä',\n    no: 'Øke',\n  },\n  MAX_VALUE_MESSAGE: {\n    en: 'Maximum value is ',\n    sv: 'Högsta värde är ',\n    da: 'Højeste værdi er',\n    fi: 'Korkein arvo on',\n    no: 'Høyeste verdi er',\n  },\n  MIN_VALUE_MESSAGE: {\n    en: 'Minimum value is ',\n    sv: 'Lägsta värde är ',\n    da: 'Laveste værdi er ',\n    fi: 'Pienin arvo on ',\n    no: 'Laveste verdi er ',\n  },\n};\n","@use 'src/globals/main';\n\npn-counter {\n  display: inline-block;\n}\n\npn-counter .pn-counter {\n  display: inline-flex;\n  flex-direction: column;\n\n  &-label {\n    @include main.pn-input-label;\n  }\n\n  &-input {\n    --pn-counter-ch: 0ch;\n    @include main.pn-input-field;\n    text-align: center;\n    width: 100%;\n    max-width: calc(3.5em + var(--pn-counter-ch));\n\n    @include main.pn-focus;\n\n    &:read-only {\n      @include main.pn-readonly;\n    }\n\n    &:disabled {\n      @include main.pn-disabled;\n    }\n\n    &::-webkit-inner-spin-button,\n    &::-webkit-outer-spin-button {\n      -webkit-appearance: none;\n      -moz-appearance: none;\n      appearance: none;\n    }\n\n    &[type='number'] {\n      appearance: textfield;\n    }\n  }\n\n  &-items {\n    display: inline-flex;\n    flex-direction: row;\n    gap: 0.5em;\n    @include main.pn-transition('gap');\n\n    &[data-hidebuttons] {\n      gap: 0;\n      > pn-button {\n        transform: scale(0) translateZ(0);\n        width: 0;\n      }\n    }\n\n    > pn-button {\n      transform: scale(1) translateZ(0);\n      transform-origin: center center;\n      width: 3em;\n      @include main.pn-transition('transform, width');\n    }\n  }\n\n  &-helpertext {\n    @include main.pn-input-helpertext;\n  }\n\n  //hidden element with aria-live containing updates for screen reader\n  @include main.pn-sr-only-class;\n}\n","import { Component, Element, Event, EventEmitter, Host, Prop, State, Watch, h } from '@stencil/core';\nimport { uuidv4, en, awaitTopbar } from '@/globals/helpers';\nimport { minus, plus } from 'pn-design-assets/pn-assets/icons.js';\nimport { PnLanguages } from '@/globals/types';\nimport { translations } from './translations';\n\n/**\n * The `pn-counter` is an input with a button on each side that can be used to increase and decrease the input value.\n *\n * @nativeInput Use the `input` event to listen to content being modified by the user. It is emitted everytime a user writes or removes content in the input.\n * @nativeChange The `change` event is emitted when the input loses focus, the user clicks `Enter` or makes a selection (such as auto complete or suggestions).\n */\n@Component({\n  tag: 'pn-counter',\n  styleUrl: 'pn-counter.scss',\n})\nexport class PnCounter {\n  id: string = `pn-counter-${uuidv4()}`;\n\n  idLabel: string = `${this.id}-label`;\n  idText: string = `${this.id}-text`;\n  idAmount: string = `${this.id}-count`;\n\n  counterElement: HTMLInputElement;\n\n  @Element() hostElement: HTMLElement;\n\n  @State() clearAriaTimer: NodeJS.Timeout;\n  @State() displaySrValue: boolean = false;\n  @State() showMinMaxMessage: boolean = false;\n  /** Prevent double events when reaching min/max values. */\n  @State() lastDispatchedValue: number;\n  @State() interactType: 'input' | 'decrease' | 'increase';\n\n  /** Label for the counter */\n  @Prop() label!: string;\n  /** Set a helpertext for the counter. */\n  @Prop() helpertext?: string;\n  /** Set a predefined value */\n  @Prop({ mutable: true, reflect: true }) value: number = 0;\n  /** Set a unique HTML ID for the counter */\n  @Prop() counterid: string = this.id;\n  /** Set the language manually for the built in translations. */\n  @Prop() language?: PnLanguages = null;\n\n  /** Text for the decrease button. Default is \"Decrease\". @category Translation */\n  @Prop() labelDecrease?: string;\n  /** Text for the increase button. Default is \"Increase\". @category Translation */\n  @Prop() labelIncrease?: string;\n  /** Set a message that shows below input when user wants to set a value that is below `min`. Default is \"Minimum value is x\" @category Translation */\n  @Prop() minMessage?: string;\n  /** Set a message that shows below input when user wants to set a value that is above `max`. Default is \"Maximum value is x\"  @category Translation */\n  @Prop() maxMessage?: string;\n\n  /** HTML input name. @category HTML input */\n  @Prop() name?: string;\n  /** Minimum value. @category HTML input */\n  @Prop() min: number;\n  /** Maximum value. @category HTML input */\n  @Prop() max: number;\n  /** Increase/decrease the value in steps, default is 1. @category HTML input */\n  @Prop() step: number = 1;\n  /** Suggest values for the counter input. @category HTML input */\n  @Prop() list?: string;\n\n  /** Set the counter as required. @category State */\n  @Prop() required: boolean = false;\n  /** Set the counter as readonly. @category State */\n  @Prop() readonly: boolean = false;\n  /** Set the counter as disabled. @category State */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Instead of listening to multiple input, change and/or click events, we bundled them into one.\n   * - `value` is the current counter value.\n   * - `input` is true if the user changed the value with the HTML input.\n   * - `decrease` is true if the user clicked on the decrease button.\n   * - `increase` is true if the user clicked on the increase button.\n   */\n  @Event() counterInput: EventEmitter<{ value: number; input?: boolean; decrease?: boolean; increase?: boolean }>;\n\n  @Watch('value')\n  watchValue() {\n    this.showSrContent();\n\n    this.showMinMaxMessage = false;\n\n    if (this.hasMin() && this.value < this.min) {\n      this.setMin();\n      this.showMinMaxMessage = true;\n    }\n\n    if (this.hasMax() && this.value > this.max) {\n      this.setMax();\n      this.showMinMaxMessage = true;\n    }\n\n    if (this.lastDispatchedValue !== this.value)\n      this.counterInput.emit({\n        value: this.value,\n        input: this.interactType === 'input',\n        decrease: this.interactType === 'decrease',\n        increase: this.interactType === 'increase',\n      });\n\n    this.lastDispatchedValue = this.value;\n\n    this.handleInputLength();\n  }\n\n  @Watch('counterid')\n  handleId() {\n    this.idLabel = `${this.counterid}-label`;\n    this.idText = `${this.counterid}-text`;\n    this.idAmount = `${this.counterid}-count`;\n  }\n\n  async componentWillLoad() {\n    this.handleId();\n    if (this.language) return;\n    await awaitTopbar(this.hostElement);\n  }\n\n  componentDidLoad() {\n    this.counterElement = this.hostElement.querySelector<HTMLInputElement>('.pn-counter-input');\n    this.handleInputLength();\n  }\n\n  setVal(event: InputEvent) {\n    const { valueAsNumber } = event.target as HTMLInputElement;\n\n    if (isNaN(valueAsNumber)) return;\n\n    this.interactType = 'input';\n    this.value = valueAsNumber;\n  }\n\n  setMin() {\n    if (this.hasMin()) this.value = this.min;\n  }\n\n  setMax() {\n    if (this.hasMax()) this.value = this.max;\n  }\n\n  hasMin(): boolean {\n    return typeof this.min === 'number';\n  }\n\n  hasMax(): boolean {\n    return typeof this.max === 'number';\n  }\n\n  decreaseAmount() {\n    if (this.hasMin() && this.value <= this.min) this.showMinMaxMessage = true;\n\n    this.interactType = 'decrease';\n    this.value = this.value - this.step;\n  }\n\n  increaseAmount() {\n    if (this.hasMax() && this.value >= this.max) this.showMinMaxMessage = true;\n\n    this.interactType = 'increase';\n    this.value = this.value + this.step;\n  }\n\n  keyBoardInput(event: KeyboardEvent) {\n    event.stopImmediatePropagation();\n\n    if (!/^(Home|End)$/.test(event.key)) return;\n\n    event.preventDefault();\n\n    this.interactType = 'input';\n    if (event.key === 'Home') this.setMin();\n    if (event.key === 'End') this.setMax();\n  }\n\n  showSrContent() {\n    if (this.clearAriaTimer) {\n      clearTimeout(this.clearAriaTimer);\n    }\n\n    this.displaySrValue = true;\n\n    this.clearAriaTimer = setTimeout(() => {\n      this.displaySrValue = false;\n    }, 4000);\n  }\n\n  toggleMinMaxMessage(): string {\n    const isMax = this.value === this.max;\n    const i18ntxt = `${isMax ? 'MAX' : 'MIN'}_VALUE_MESSAGE`;\n\n    const message = this.translate(i18ntxt) + `${isMax ? this.max : this.min}`.toString();\n\n    return isMax ? this.maxMessage || message : this.minMessage || message;\n  }\n\n  getTextMessage(showValue: boolean = false): string {\n    if (this.showMinMaxMessage) return this.toggleMinMaxMessage();\n    return showValue ? this.value.toString() : this.helpertext;\n  }\n\n  describedbyIds(): string {\n    const list = [];\n    if (this.helpertext) list.push(this.idText);\n    if (this.displaySrValue) list.push(this.idAmount);\n    if (list.length === 0) return null;\n    return list.join(' ');\n  }\n\n  translate(prop: string): string {\n    return translations?.[prop]?.[this.language || en];\n  }\n\n  noButtons(): boolean {\n    return this.disabled || this.readonly;\n  }\n\n  handleInputLength() {\n    const ch = this.max ? this.max.toString() : this.value.toString();\n    if (ch.length > 3) this.counterElement.style.setProperty('--pn-counter-ch', `${ch.length - 3}ch`);\n    else this.counterElement.style.setProperty('--pn-counter-ch', '0ch');\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-counter\" role=\"group\" aria-labelledby={this.idLabel} aria-describedby={this.describedbyIds()}>\n          <label htmlFor={this.counterid} class=\"pn-counter-label\" id={this.idLabel}>\n            <span>{this.label}</span>\n          </label>\n          <div class=\"pn-counter-items\" data-hidebuttons={this.noButtons()}>\n            <pn-button\n              data-decrease\n              appearance=\"light\"\n              variant=\"outlined\"\n              no-tab={this.noButtons()}\n              icon={minus}\n              iconOnly={true}\n              arialabel={this.labelDecrease || this.translate('DECREASE')}\n              onClick={() => this.decreaseAmount()}\n            />\n            <input\n              id={this.counterid}\n              class=\"pn-counter-input\"\n              type=\"number\"\n              min={this.min}\n              max={this.max}\n              step={this.step}\n              value={this.value}\n              name={this.name}\n              required={this.required}\n              readonly={this.readonly}\n              disabled={this.disabled}\n              aria-describedby={this.describedbyIds()}\n              onInput={e => this.setVal(e)}\n              onKeyDown={(e: KeyboardEvent) => this.keyBoardInput(e)}\n            />\n            <pn-button\n              data-increase\n              appearance=\"light\"\n              variant=\"outlined\"\n              no-tab={this.noButtons()}\n              icon={plus}\n              iconOnly={true}\n              arialabel={this.labelIncrease || this.translate('INCREASE')}\n              onClick={() => this.increaseAmount()}\n            />\n          </div>\n\n          {!!this.getTextMessage() && (\n            <p id={this.idText} class=\"pn-counter-helpertext\">\n              <span>{this.getTextMessage()}</span>\n            </p>\n          )}\n\n          <p id={this.idAmount} class=\"pn-counter-sr-only\" aria-live=\"assertive\">\n            {this.displaySrValue ? this.getTextMessage(true) : ''}\n          </p>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":["icon","uuidv4","awaitTopbar","en","h","Host"],"mappings":"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","x_google_ignoreList":[0,1]}