@postnord/pn-marketweb-components 4.1.0 → 4.1.2

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

@@ -1 +0,0 @@
-{"version":3,"file":"pn-illustration.entry.cjs.js","sources":["src/components/design-tokens/pn-illustration/pn-illustration.scss?tag=pn-illustration","src/components/design-tokens/pn-illustration/pn-illustration.tsx"],"sourcesContent":["pn-illustration {\n  display: inline-block;\n\n  &[data-fill] {\n    display: block;\n  }\n\n  > svg {\n    width: var(--pn-width);\n    height: var(--pn-height);\n    display: block;\n  }\n}\n","import { Component, Prop, h, Element, Host, Watch } from '@stencil/core';\n@Component({\n  tag: 'pn-illustration',\n  styleUrl: 'pn-illustration.scss',\n})\nexport class PnIllustration {\n  @Element() hostElement: HTMLElement;\n\n  /** The SVG content of the illustration you want to use. The viewBox property will be used to determine width/height */\n  @Prop() illustration!: string;\n  /** Set the width of the SVG element. Any valid CSS width value is allowed */\n  @Prop({ mutable: true }) width?: string;\n  /** Set the height of the SVG element. Any valid CSS height value is allowed */\n  @Prop({ mutable: true }) height?: string;\n\n  /** Make the SVG fill to its parent size (sets width/height 100% and `display: block` instead of `inline-block`) */\n  @Prop() fill?: boolean = false;\n  @Watch('fill')\n  handleFill() {\n    if (this.fill) {\n      this.width = '100%';\n      this.height = '100%';\n    }\n  }\n\n  componentWillRender() {\n    this.handleFill();\n    if (this.width || this.height) return this.setSizes();\n    this.getSizeFromSvg();\n  }\n\n  componentDidRender() {\n    this.hostElement.querySelector('svg')?.setAttribute('width', this.width);\n    this.hostElement.querySelector('svg')?.setAttribute('height', this.height);\n  }\n\n  getSizeFromSvg() {\n    const viewBox = this.illustration?.match(/<svg[^>]*?viewBox=([\"\\'])?((?:.(?!\\1|>))*.?)\\1?/)?.[2];\n\n    if (!viewBox) return;\n\n    const [, , width = '', height = ''] = viewBox?.split(' ') || [];\n\n    if (!width || !height) return;\n\n    this.width = `${Number(width)}px`;\n    this.height = `${Number(height)}px`;\n\n    this.setSizes();\n  }\n\n  setSizes() {\n    this.hostElement.style.setProperty('--pn-width', this.width);\n    this.hostElement.style.setProperty('--pn-height', this.height);\n  }\n\n  render() {\n    return <Host role=\"presentation\" innerHTML={this.illustration} data-fill={this.fill}></Host>;\n  }\n}\n"],"names":["h","Host"],"mappings":";;;;;;;;AAAA,MAAM,iBAAiB,GAAG,gKAAgK;;MCK7K,cAAc,GAAA,MAAA;;;;;;AAIjB,IAAA,YAAY;;AAEK,IAAA,KAAK;;AAEL,IAAA,MAAM;;IAGvB,IAAI,GAAa,KAAK;IAE9B,UAAU,GAAA;AACR,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACb,YAAA,IAAI,CAAC,KAAK,GAAG,MAAM;AACnB,YAAA,IAAI,CAAC,MAAM,GAAG,MAAM;;;IAIxB,mBAAmB,GAAA;QACjB,IAAI,CAAC,UAAU,EAAE;AACjB,QAAA,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM;AAAE,YAAA,OAAO,IAAI,CAAC,QAAQ,EAAE;QACrD,IAAI,CAAC,cAAc,EAAE;;IAGvB,kBAAkB,GAAA;AAChB,QAAA,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC;AACxE,QAAA,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC;;IAG5E,cAAc,GAAA;AACZ,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,iDAAiD,CAAC,GAAG,CAAC,CAAC;AAEhG,QAAA,IAAI,CAAC,OAAO;YAAE;QAEd,MAAM,KAAK,KAAK,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,CAAC,GAAG,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,EAAE;AAE/D,QAAA,IAAI,CAAC,KAAK,IAAI,CAAC,MAAM;YAAE;QAEvB,IAAI,CAAC,KAAK,GAAG,CAAA,EAAG,MAAM,CAAC,KAAK,CAAC,CAAA,EAAA,CAAI;QACjC,IAAI,CAAC,MAAM,GAAG,CAAA,EAAG,MAAM,CAAC,MAAM,CAAC,CAAA,EAAA,CAAI;QAEnC,IAAI,CAAC,QAAQ,EAAE;;IAGjB,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC;AAC5D,QAAA,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC;;IAGhE,MAAM,GAAA;QACJ,OAAOA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,IAAI,EAAC,cAAc,EAAC,SAAS,EAAE,IAAI,CAAC,YAAY,EAAA,WAAA,EAAa,IAAI,CAAC,IAAI,GAAS;;;;;;;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"pn-input.entry.cjs.js","sources":["node_modules/pn-design-assets/pn-assets/icons/preview_off.js","node_modules/pn-design-assets/pn-assets/icons/preview_on.js","src/components/input/pn-input/translations.ts","src/components/input/pn-input/pn-input.scss?tag=pn-input","src/components/input/pn-input/pn-input.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=\"M1.81 11.727a1 1 0 0 1 1.363.378c.29.513.835 1.343 1.7 2.174a9.5 9.5 0 0 0 3.457 2.128c1.03.361 2.244.593 3.67.593s2.64-.232 3.67-.593a9.5 9.5 0 0 0 3.458-2.128 9.7 9.7 0 0 0 1.698-2.174 1 1 0 0 1 1.742.984 11.5 11.5 0 0 1-1.445 2.001l1.686 2.322a1 1 0 1 1-1.618 1.175l-1.537-2.116a11.4 11.4 0 0 1-2.453 1.48l.763 2.785a1 1 0 1 1-1.928.528l-.73-2.661c-.993.251-2.093.397-3.306.397s-2.313-.146-3.306-.397l-.73 2.661a1 1 0 1 1-1.928-.528l.763-2.786a11.4 11.4 0 0 1-2.453-1.479L2.81 18.587a1 1 0 0 1-1.618-1.175l1.686-2.322a11.5 11.5 0 0 1-1.445-2 1 1 0 0 1 .379-1.363\" clip-rule=\"evenodd\"/></svg>';\nexport const preview_off = icon;\nexport const previewOff = 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 7c-5.382 0-7.908 3.33-8.758 4.775a.43.43 0 0 0 0 .45C4.092 13.67 6.618 17 12 17s7.908-3.33 8.758-4.775a.43.43 0 0 0 0-.45C19.908 10.33 17.382 7 12 7M1.518 10.761C2.55 9.005 5.618 5 12 5s9.45 4.005 10.482 5.761a2.43 2.43 0 0 1 0 2.478C21.45 14.995 18.382 19 12 19s-9.45-4.005-10.482-5.761a2.43 2.43 0 0 1 0-2.478M8 12a4 4 0 1 1 8 0 4 4 0 0 1-8 0m4-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4\" clip-rule=\"evenodd\"/></svg>';\nexport const preview_on = icon;\nexport const previewOn = icon;\n","export const translations = {\n  SHOW: {\n    sv: 'Visa',\n    en: 'Show',\n    da: 'At vise',\n    fi: 'Näytä',\n    no: 'Vise',\n  },\n  HIDE: {\n    sv: 'Dölj',\n    en: 'Hide',\n    da: 'Skjule',\n    fi: 'Piilottaa',\n    no: 'Gjemme seg',\n  },\n  CLEAR: {\n    sv: 'Rensa',\n    en: 'Clear',\n    da: 'Klar',\n    fi: 'Asia selvä',\n    no: 'Klar',\n  },\n}","@use 'src/globals/main';\n\npn-input {\n  display: inline-flex;\n  flex-direction: column;\n}\n\npn-input .pn-input {\n  &-label {\n    @include main.pn-input-label;\n  }\n\n  &-group {\n    position: relative;\n  }\n\n  &-element {\n    --pn-input-offset-left: 0em;\n    --pn-input-offset-right: 0em;\n\n    @include main.pn-input-field;\n\n    width: 100%;\n\n    padding-left: calc(var(--pn-input-offset-left) + 0.75em);\n    padding-right: calc(var(--pn-input-offset-right) + 0.75em);\n\n    &:read-only {\n      @include main.pn-readonly;\n    }\n\n    &:disabled ~ .pn-input-eyecandy > pn-icon > .pn-icon-svg > path {\n      fill: main.$input-button-disabled;\n    }\n\n    &::-webkit-calendar-picker-indicator {\n      visibility: hidden;\n      display: none;\n    }\n\n    &::-webkit-textfield-decoration-container,\n    &::-webkit-search-cancel-button,\n    &::-webkit-inner-spin-button,\n    &::-webkit-outer-spin-button,\n    &::-webkit-search-decoration {\n      -webkit-appearance: none;\n      -moz-appearance: none;\n      appearance: none;\n    }\n\n    &[type='number'] {\n      appearance: textfield;\n    }\n  }\n\n  &-eyecandy {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5em;\n    height: 1.5em;\n    &[data-prefix] {\n      left: 0.75em;\n    }\n    &[data-suffix] {\n      right: 0.75em;\n    }\n  }\n\n  &-text {\n    color: main.$gray700;\n    font-weight: 400;\n    line-height: 1.5em;\n  }\n\n  &-message {\n    @include main.pn-input-helpertext;\n    &[hidden],\n    > span[hidden] {\n      display: none;\n    }\n  }\n\n  &[data-error] {\n    > .pn-input-label {\n      color: main.$label-color-error;\n    }\n\n    > .pn-input-group > .pn-input-element {\n      @include main.pn-input-field-error;\n    }\n\n    > .pn-input-message[role='alert'] {\n      color: main.$helpertext-color-error;\n    }\n  }\n\n  &[data-valid] {\n    > .pn-input-label {\n      color: main.$label-color-success;\n    }\n\n    > .pn-input-group > .pn-input-element {\n      @include main.pn-input-field-success;\n    }\n  }\n}\n","import { Component, Element, Prop, h, Host, State, Watch } from '@stencil/core';\nimport { PnLanguages, uuidv4, en, awaitTopbar, PnColors } from '@/index';\n\nimport { alert_exclamation_circle, check, close, preview_on, preview_off } from 'pn-design-assets/pn-assets/icons.js';\n\nimport { translations } from './translations';\n\n/**\n * The `pn-input` is a regular `input` but styled. This means you can use native events to listen to the changes.\n * Always use the `label` prop to make sure the input is accessible.\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 * @slot helpertext - You can use this slot instead of the prop `helpertext`. Recommended, only if you need to include additional HTML markup.\n * Such as a `pn-text-link`. Use a `span` element to wrap the text and link. {@since v7.2.0}\n * @slot error - You can use this slot instead of the prop `error`. Recommended, only if you need to include additional HTML markup.\n * Such as a `pn-text-link`. Use a `span` element to wrap the text and link. {@since v7.2.0}\n */\n@Component({\n  tag: 'pn-input',\n  styleUrl: 'pn-input.scss',\n})\nexport class PnInput {\n  private readonly id: string = `pn-input-${uuidv4()}`;\n  private idMessage = `${this.id}-message`;\n\n  private prefix: HTMLDivElement;\n  private suffix: HTMLDivElement;\n\n  private mo: MutationObserver;\n\n  @Element() hostElement: HTMLElement;\n\n  @State() offsetLeft: number = 0;\n  @State() offsetRight: number = 0;\n\n  @State() showHelperSlot: boolean = false;\n  @State() showErrorSlot: boolean = false;\n\n  @State() showPassword: boolean = false;\n  togglePassword() {\n    this.showPassword = !this.showPassword;\n  }\n\n  /** Text label placed above the input field. */\n  @Prop() label!: string;\n  /** Text message placed underneath the input field. */\n  @Prop() helpertext?: string;\n  /**\n   * Provide a unique HTML id to connect the input with the label.\n   * A unique uuid ID will be generated if this field is left empty.\n   **/\n  @Prop() inputid: string = this.id;\n  /** Set the value of the input. */\n  @Prop({ mutable: true }) value: string = '';\n  /**\n   * Set the language manually for the translations of show/hide/clear button text.\n   * Not needed if you have the pntopbar on the page.\n   **/\n  @Prop() language?: PnLanguages = null;\n\n  /**\n   * Select an icon to display before the input field value.\n   * `icon` takes precedence over the `text-prefix` prop.\n   *\n   * @see {@link textPrefix}\n   * @category Visual\n   **/\n  @Prop() icon: string;\n  /**\n   * Set a small text before the input field value.\n   * Cannot be used together with an `icon` at the same time.\n   *\n   * @see {@link icon}\n   * @see {@link textSuffix}\n   * @category Visual\n   **/\n  @Prop() textPrefix: string;\n  /**\n   * Set a small text after the input field value.\n   * Cannot be used with the `text-prefix` prop at the same time.\n   *\n   * @see {@link textPrefix}\n   * @category Visual\n   **/\n  @Prop() textSuffix: string;\n\n  /** pn-input supports: `text`, `password`, `url`, `tel`, `search`, `number` & `email`. @category HTML input */\n  @Prop({ mutable: true }) type?: 'text' | 'password' | 'url' | 'tel' | 'search' | 'number' | 'email' | '' = 'text';\n  /**\n   * HTML input name. Setting a name will help the browser understand what type of data the input have\n   * and can better assist with autofill data based on previous entires much better.\n   *\n   * @category HTML input\n   **/\n  @Prop() name?: string;\n  /**\n   * Provide a placeholder text. Remember that this is no replacement for a label.\n   * The placeholder should be a nice addition to the label/helpertext, not important information.\n   *\n   * @category HTML input\n   **/\n  @Prop() placeholder?: string;\n  /**\n   * Let the browser know what type of autocorrects the input should use.\n   * Works much better if a `name` and `inputid` is supplied.\n   * @see {@link name}\n   * @see {@link inputid}\n   *\n   * @category HTML input */\n  @Prop() autocomplete?: string;\n  /** The maximum number of characters the user should be able to add, also adds a visible counter. @category HTML input */\n  @Prop() maxlength: number;\n  /**\n   * Hint the browser about what type of virtual keyboard should be used.\n   * The browser will be able to decide this on its own most of the time,\n   * especially if you use the `type`, `name` and `inputid` props.\n   *\n   * Leave empty or with a `''` value if you want the browsers default behaviour (`text`).\n   *\n   * @category HTML input\n   **/\n  @Prop() inputmode?: 'text' | 'none' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';\n  /** Point to a datalist element for this input. @category HTML input */\n  @Prop() list?: string;\n  /** Pattern prop. @category HTML input*/\n  @Prop() pattern?: string;\n  /** Set the `min` value of the `number` input. @category HTML input */\n  @Prop() min?: number | string;\n  /** Set the `max` value of the `number` input. @category HTML input */\n  @Prop() max?: number | string;\n  /** Set a `step` for the number input. @category HTML input */\n  @Prop() step?: number | string;\n  /** While you can use the `aria-label`, using a `label` is far more accessible. @category HTML input */\n  @Prop() arialabel?: string;\n  /** Set the ID of what this input controls. @category HTML input */\n  @Prop() ariacontrols?: string;\n\n  /** Set the input as `required`. @category State */\n  @Prop() required: boolean = false;\n  /** Set the input as `disabled`. @category State */\n  @Prop() disabled: boolean = false;\n  /** Set the input as `readonly`. @category State */\n  @Prop() readonly: boolean = false;\n\n  /** Set the input as `valid`. Provides a green color and a check icon. @category Validation */\n  @Prop() valid?: boolean = false;\n  /**\n   * Set the input as `invalid`. Provides a red color and red warning icon.\n   * @see{@link error Provide an error message.}\n   * @category Validation\n   **/\n  @Prop() invalid: boolean = false;\n  /**\n   * Set the input as `invalid` and display an error message (applies the same style as `invalid`).\n   *\n   * Error message; will take precedence over helpertext if both are provided.\n   * @see{@link invalid Set invalid without an error message.}\n   * @category Validation\n   **/\n  @Prop() error?: string;\n\n  @Watch('textPrefix')\n  @Watch('textSuffix')\n  handleOffset() {\n    requestAnimationFrame(() =>\n      requestAnimationFrame(() => {\n        const left = this.prefix?.clientWidth ? this.prefix.clientWidth + 8 : 0;\n        const right = this.suffix?.clientWidth ? this.suffix.clientWidth + 8 : 0;\n\n        this.offsetLeft = left;\n        this.offsetRight = right;\n      }),\n    );\n  }\n\n  @Watch('helpertext')\n  @Watch('error')\n  handleMessage() {\n    this.checkSlottedHelper();\n    this.checkSlottedError();\n  }\n\n  async componentWillLoad() {\n    this.handleMessage();\n\n    if (this.inputid !== this.id) this.idMessage = `${this.inputid}-message`;\n\n    if (this.language === null) await awaitTopbar(this.hostElement);\n  }\n\n  componentDidLoad() {\n    this.handleOffset();\n\n    if (this.mo) this.mo.disconnect();\n\n    this.mo = new MutationObserver(() => {\n      this.handleOffset();\n      this.handleMessage();\n    });\n\n    this.mo.observe(this.hostElement, {\n      subtree: true,\n      childList: true,\n    });\n  }\n\n  private setVal(event: InputEvent) {\n    const target = event.composedPath?.()[0] as HTMLInputElement;\n    this.value = target.value;\n  }\n\n  private clearVal() {\n    const inputClear = new InputEvent('input', { bubbles: true, data: '' });\n\n    const input = this.hostElement.querySelector('input');\n\n    this.value = '';\n\n    input.focus();\n    input.value = this.value;\n    input.dispatchEvent(inputClear);\n  }\n\n  private translate(prop: string): string {\n    return translations?.[prop]?.[this.language || en];\n  }\n\n  private hasHelperText(): boolean {\n    return this.helpertext?.length > 0 || this.showHelperSlot;\n  }\n\n  private hasErrorMessage(): boolean {\n    return this.error?.length > 0 || this.showErrorSlot;\n  }\n\n  /** If any error is active, either via the prop `invalid` or `error` prop/slot. */\n  private hasError(): boolean {\n    return this.hasErrorMessage() || this.invalid || this.showErrorSlot;\n  }\n\n  /** If any helpertext or error message is active. Checks both props and slots. */\n  private hasMessage(): boolean {\n    return this.hasHelperText() || this.hasErrorMessage();\n  }\n\n  private checkSlottedHelper(): void {\n    const slottedHelper = this.hostElement.querySelector<HTMLElement>('[slot=helpertext]')?.textContent;\n    this.showHelperSlot = !!slottedHelper?.length;\n  }\n\n  private checkSlottedError(): void {\n    const slottedError = this.hostElement.querySelector<HTMLElement>('[slot=error]')?.textContent;\n    this.showErrorSlot = !!slottedError?.length;\n  }\n\n  private getInputType(): string {\n    const types = ['text', 'password', 'url', 'tel', 'search', 'number', 'email'];\n\n    return types.includes(this.type) && !this.showPassword ? this.type : 'text';\n  }\n\n  private isPassword(): boolean {\n    if (this.disabled) return false;\n    return this.type === 'password' || (this.type === 'text' && this.showPassword);\n  }\n\n  private passwordText(): string {\n    return this.translate(this.showPassword ? 'HIDE' : 'SHOW');\n  }\n\n  /** Check if there is a valid or error state active. Returns false if neither is true. */\n  private displayState(): boolean {\n    return this.valid || this.hasError();\n  }\n\n  /**\n   * Returns the correct icon for the current state (valid or error).\n   * Defaults to error icon.\n   * @see {@link displayState}\n   */\n  private stateIcon(): string {\n    if (this.valid) return check;\n    return alert_exclamation_circle;\n  }\n\n  /**\n   * Returns the correct color for the validation icon. Defaults to red.\n   * @see {@link displayState}\n   */\n  private stateColor(): PnColors {\n    if (this.valid) return 'green700';\n    return 'warning';\n  }\n\n  private showPrefix(): boolean {\n    return this.textPrefix && !this.icon;\n  }\n\n  private showSuffix(): boolean {\n    return !this.showPrefix() && !!this.textSuffix?.length && !this.isPassword() && this.type !== 'search';\n  }\n\n  private showClear(): boolean {\n    if (this.disabled || this.readonly) return false;\n    return this.type === 'search' && !!this.value?.length;\n  }\n\n  render(): HTMLPnInputElement {\n    return (\n      <Host>\n        <div class=\"pn-input\" data-valid={this.valid} data-error={this.hasError()}>\n          {(this.label || this.maxlength >= 1) && (\n            <label htmlFor={this.inputid} class=\"pn-input-label\">\n              {this.label && <span>{this.label}</span>}\n              {this.maxlength >= 0 && <span>{`${this.value.length}/${this.maxlength}`}</span>}\n            </label>\n          )}\n          <div class=\"pn-input-group\">\n            <input\n              type={this.getInputType()}\n              id={this.inputid}\n              class=\"pn-input-element\"\n              name={this.name}\n              placeholder={this.placeholder}\n              autocomplete={this.autocomplete}\n              maxlength={this.maxlength}\n              list={this.list}\n              pattern={this.pattern}\n              min={this.min}\n              max={this.max}\n              step={this.step}\n              value={this.value}\n              inputmode={this.inputmode}\n              disabled={this.disabled}\n              required={this.required}\n              readonly={this.readonly}\n              aria-label={this.arialabel}\n              aria-describedby={this.hasMessage() ? this.idMessage : null}\n              aria-controls={this.ariacontrols}\n              aria-invalid={this.hasError()?.toString()}\n              style={{\n                '--pn-input-offset-left': `${this.offsetLeft}px`,\n                '--pn-input-offset-right': `${this.offsetRight}px`,\n              }}\n              onInput={e => this.setVal(e)}\n            />\n\n            <div class=\"pn-input-eyecandy\" data-prefix ref={el => (this.prefix = el)}>\n              {!!this.icon && <pn-icon icon={this.icon} aria-hidden=\"true\" />}\n              {this.showPrefix() && <span class=\"pn-input-text\">{this.textPrefix}</span>}\n            </div>\n\n            <div class=\"pn-input-eyecandy\" data-suffix ref={el => (this.suffix = el)}>\n              {this.showSuffix() && <span class=\"pn-input-text\">{this.textSuffix}</span>}\n\n              {this.displayState() && <pn-icon aria-hidden=\"true\" icon={this.stateIcon()} color={this.stateColor()} />}\n\n              {this.isPassword() && (\n                <pn-button\n                  icon={this.showPassword ? preview_on : preview_off}\n                  iconOnly={true}\n                  arialabel={this.passwordText()}\n                  small\n                  appearance=\"light\"\n                  variant=\"borderless\"\n                  onClick={() => this.togglePassword()}\n                />\n              )}\n              {this.showClear() && (\n                <pn-button\n                  icon={close}\n                  iconOnly={true}\n                  arialabel={this.translate('CLEAR')}\n                  small\n                  appearance=\"light\"\n                  variant=\"borderless\"\n                  onClick={() => this.clearVal()}\n                />\n              )}\n            </div>\n          </div>\n\n          <p\n            class=\"pn-input-message\"\n            id={this.idMessage}\n            role={this.hasErrorMessage() ? 'alert' : null}\n            hidden={!this.hasMessage()}\n          >\n            {this.hasHelperText() && !this.hasError() && <span class=\"pn-input-helper\">{this.helpertext}</span>}\n            <span class=\"pn-input-helper-slot\" hidden={!this.showHelperSlot || this.hasError()}>\n              <slot name=\"helpertext\" />\n            </span>\n\n            {this.hasErrorMessage() && <span class=\"pn-input-error\">{this.error}</span>}\n            <span class=\"pn-input-error-slot\" hidden={!this.showErrorSlot}>\n              <slot name=\"error\" />\n            </span>\n          </p>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":["icon","uuidv4","awaitTopbar","en","check","alert_exclamation_circle","h","Host","close"],"mappings":"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","x_google_ignoreList":[0,1]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"pn-modal.entry.cjs.js","sources":["src/components/feedback/pn-modal/translation.ts","src/components/feedback/pn-modal/pn-modal.scss?tag=pn-modal","src/components/feedback/pn-modal/pn-modal.tsx"],"sourcesContent":["export const translations = {\n  CLOSE_MODAL: {\n    en: 'Close dialog',\n    sv: 'Stäng dialogrutan',\n    da: 'Luk dialogboks',\n    fi: 'Sulje valintaikkuna',\n    no: 'Lukk dialogboksen',\n  },\n};\n\nexport type PnTranslations = keyof typeof translations;\n","@use 'sass:string';\n@use 'src/globals/main';\n\npn-modal .pn-modal {\n  --pn-modal-max-width: 45em;\n\n  z-index: 10000;\n  position: fixed;\n  top: 0;\n\n  inset-block-start: 0;\n  inset-block-end: 0;\n\n  margin: auto;\n  padding: 0;\n\n  max-width: var(--pn-modal-max-width);\n\n  overflow: hidden;\n  border: 0;\n  border-radius: 1.5em;\n\n  box-shadow:\n    0 0.25em 0.875em rgba(0, 0, 0, 0.18),\n    0 1.625em 3.5em rgba(0, 0, 0, 0.22);\n  background-color: main.$white;\n\n  display: none;\n  opacity: 0;\n  transform: translate(0%, 20%);\n\n  @include main.pn-focus(main.$white);\n\n  @include main.pn-transition(\n    'opacity, overlay, display, transform, outline-color, border-radius',\n    main.$timing-layout\n  );\n  transition-behavior: allow-discrete;\n\n  &[data-allow-overflow] {\n    overflow: unset;\n    .pn-modal-container {\n      overflow: unset;\n    }\n    .pn-modal-picture {\n      border-top-right-radius: 1.5em;\n    }\n  }\n\n  &[data-image] {\n    padding-top: 0;\n  }\n\n  &[data-sheet] {\n    margin: 0 0 0 auto;\n    height: 100%;\n    max-height: unset;\n    border-radius: 1.5em 0 0 1.5em;\n    transform: translate(20%, 0%);\n    .pn-modal-container {\n      max-height: unset;\n    }\n  }\n\n  &[open] {\n    display: flex;\n    opacity: 1;\n    transform: translate(0%, 0%);\n\n    @starting-style {\n      display: flex;\n      opacity: 0;\n      transform: translate(0%, 20%);\n    }\n\n    &[data-sheet] {\n      transform: translate(0%, 0%);\n      @starting-style {\n        transform: translate(20%, 0%);\n      }\n    }\n  }\n\n  &::backdrop {\n    background-color: rgba(main.$black, 0);\n\n    @include main.pn-transition('opacity, background-color, overlay, display', main.$timing-layout);\n    transition-behavior: allow-discrete;\n  }\n\n  &[open]::backdrop {\n    background-color: rgba(main.$black, 0.55);\n    @starting-style {\n      background-color: rgba(main.$black, 0);\n    }\n  }\n\n  &-container {\n    max-height: 85vh;\n\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n\n    overflow: hidden auto;\n    @include main.pn-scrollbar;\n  }\n\n  &-close-button {\n    position: absolute;\n    z-index: 10;\n    right: 0.75em;\n    top: 0.75em;\n  }\n\n  &-header {\n    display: flex;\n    flex-direction: column;\n    gap: 0.5em;\n    padding: clamp(1em, 5vw, 1.5em);\n    &[hidden] {\n      display: none;\n    }\n    &:not([hidden]) + .pn-modal-content:not([hidden]) {\n      padding-top: 0;\n    }\n  }\n\n  &-label {\n    line-height: 1.5;\n    padding-right: 1.5em;\n    margin: 0;\n  }\n\n  &-text {\n    margin: 0;\n  }\n\n  &-content {\n    padding: clamp(1em, 5vw, 1.5em);\n  }\n\n  &-image {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    &[hidden] {\n      display: none;\n    }\n  }\n\n  &-picture {\n    margin: 0;\n    padding: 0;\n    display: block;\n    overflow: hidden;\n    border-radius: 1.5em 0 0 0;\n    > *[slot='image'] {\n      display: block;\n      height: 100%;\n      width: 100%;\n      object-fit: cover;\n    }\n  }\n\n  &-buttons {\n    background-color: main.$white;\n    border-top: 0.0625em solid main.$gray200;\n    padding: clamp(1em, 5vw, 1.5em);\n    display: flex;\n    justify-content: flex-end;\n    gap: 0.5em;\n    border-radius: 0 0 1.5em 1.5em;\n\n    > [slot='buttons']:not(pn-button) {\n      display: flex;\n      justify-content: flex-end;\n      gap: 0.5em;\n      > [data-left] {\n        margin-right: auto;\n      }\n    }\n\n    > [data-left] {\n      margin-right: auto;\n    }\n\n    &:empty {\n      display: none;\n    }\n  }\n}\n\n@media (max-width: 55em) {\n  pn-modal .pn-modal {\n    max-height: 95vh;\n    margin-bottom: 0;\n    bottom: 0;\n    transform: translate(0%, 20%);\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n}\n","import {\n  Component,\n  Element,\n  h,\n  Host,\n  Prop,\n  Watch,\n  Event,\n  EventEmitter,\n  forceUpdate,\n  State,\n  Listen,\n} from '@stencil/core';\nimport { awaitTopbar, en, isSmallScreen, reduceMotion } from '@/index';\nimport type { PnLanguages } from '@/index';\n\nimport { close as closeIcon } from 'pn-design-assets/pn-assets/icons.js';\nimport { PnTranslations, translations } from './translation';\n\n/**\n * Present content in a modal that overlays everything on the current page.\n * Use the prop `open` to toggle the visiblity.\n * Use the event `modalToggle` to determine when the modal is being closed/opened by the user.\n *\n * @slot - The default slot, will be placed in the middle content area.\n * @slot image - Place an image or illustration at the top of the modal. {@since v7.15.0}\n * @slot header - Place the title + lead text in the header. {@since v7.14.0}\n * @slot buttons - Place buttons inside the modal at the bottom.\n * pn-buttons aligns automatically to the right, set the data-left attribute on the button you want to align to the left.\n */\n@Component({\n  tag: 'pn-modal',\n  styleUrl: 'pn-modal.scss',\n})\nexport class PnModal {\n  private mo: MutationObserver;\n\n  private readonly standardAnimationDuration = 400;\n  private animationDuration: number = this.standardAnimationDuration;\n\n  private modalTimeout: NodeJS.Timeout;\n\n  private modalElement: HTMLDialogElement;\n  private modalContainer: HTMLDivElement;\n  private modalPicture: HTMLPictureElement;\n\n  @Element() hostElement: HTMLElement;\n\n  @State() isClosing: boolean = false;\n  @State() isOpening: boolean = false;\n\n  /** If true, the modal content will remove overflow CSS property. */\n  @State() removeOverflow: boolean = false;\n\n  /** Set a label for the modal. @since v7.14.0 */\n  @Prop() label?: string;\n  /** Set a descriptive text for the modal. @since v7.14.0 */\n  @Prop() helpertext?: string;\n  /** Set the language. @since v7.14.0 */\n  @Prop() language?: PnLanguages = null;\n\n  /** Bind to this property if you want to control the visibility of the modal from your own data. @category Features */\n  @Prop({ mutable: true, reflect: true }) open?: boolean = false;\n  /**\n   * Prevent users from closing the modal by clicking on the backdrop or the `ESC` key.\n   * @since v7.14.0\n   * @category Features\n   */\n  @Prop() persistent?: boolean = false;\n  /**\n   * Hide the close button. If you disable this, make sure you build your own cancel button.\n   * @since v7.14.0\n   * @category Features\n   */\n  @Prop() hideClose?: boolean = false;\n  /**\n   * Allow overflow if possible. When the modal opens, it will check scrollHeight > offsetHeight.\n   * Do not use if you have a lot of conditional rendering inside the modal.\n   * @since v7.14.0\n   */\n  @Prop() allowOverflow?: boolean = false;\n\n  /**\n   * Use the `sheet` visual. Aligns the modal to the right.\n   * @since v7.14.0\n   * @category Visual\n   */\n  @Prop() sheet?: boolean = false;\n  /**\n   * Define your own max width of the modal. Default is `45em`.\n   * @category Visual\n   * @since v7.14.0\n   */\n  @Prop() maxWidth?: string = null;\n\n  @Watch('open')\n  handleOpen() {\n    if (this.open) this.openModal();\n    else {\n      this.closeModal();\n      /** In the next update, we can remove this one so you can finally stack modals. */\n      this.close.emit(true);\n    }\n\n    this.handleOverflow();\n\n    clearTimeout(this.modalTimeout);\n    this.isClosing = !this.open && true;\n\n    if (reduceMotion()) this.animationDuration = 0;\n    else this.animationDuration = this.standardAnimationDuration;\n\n    this.modalTimeout = setTimeout(() => {\n      this.isClosing = false;\n      this.modalVisiblity.emit({ visible: this.open });\n    }, this.animationDuration);\n  }\n\n  @Watch('maxWidth')\n  handleMaxWidth() {\n    const width = this.maxWidth || '45em';\n    this.modalElement.style.setProperty('--pn-modal-max-width', width);\n  }\n\n  @Listen('resize', { target: 'window' })\n  handleOverflow() {\n    if (this.allowOverflow) this.setOverflow();\n  }\n\n  /** This event is fired when the modal is toggled. {@since v7.14.0} */\n  @Event() modalToggle: EventEmitter<{ open: boolean }>;\n  /** This event is dispatched after the opening/closing animation has finished playing. {@since v7.14.0} */\n  @Event() modalVisiblity: EventEmitter<{ visible: boolean }>;\n  /**\n   * Event fired when the modal is closed, either by clicking on the dark background or by clicking on the close button.\n   * @deprecated Use the new `modalToggle` event instead.\n   */\n  @Event() close: EventEmitter<boolean>;\n\n  connectedCallback() {\n    this.mo = new MutationObserver(() => forceUpdate(this.hostElement));\n    this.mo.observe(this.hostElement, { childList: true, subtree: true });\n  }\n\n  disconnectedCallback() {\n    if (this.mo) this.mo.disconnect();\n  }\n\n  async componentWillLoad() {\n    if (this.language === null) await awaitTopbar(this.hostElement);\n  }\n\n  componentDidLoad() {\n    this.handleMaxWidth();\n    if (this.open) this.openModal();\n  }\n\n  private translate(prop: PnTranslations) {\n    return translations?.[prop]?.[this.language || en] || prop;\n  }\n\n  private showImage() {\n    return !!this.modalPicture?.innerHTML;\n  }\n\n  private showHeader() {\n    return !!(this.label || this.helpertext || this.hostElement.querySelector('[slot=\"header\"]')?.textContent);\n  }\n\n  private setOverflow() {\n    this.removeOverflow = !this.hasOverflow();\n  }\n\n  private hasOverflow(): boolean {\n    const multiplyWith = isSmallScreen() ? 0.95 : 0.85;\n    return this.modalContainer?.scrollHeight > innerHeight * multiplyWith;\n  }\n\n  private isSameModal(target: HTMLElement): boolean {\n    return this.modalElement.isSameNode(target);\n  }\n\n  private handleKeyboard(event: KeyboardEvent) {\n    if (event.key !== 'Escape') return;\n\n    event.preventDefault();\n    event.stopImmediatePropagation();\n\n    if (!this.persistent) this.setModalClose();\n  }\n\n  private clickModalBackground(event: MouseEvent) {\n    const { clientY, clientX } = event;\n\n    const notInsideAnyModal = (event.target as HTMLDialogElement).localName !== this.modalElement.localName;\n    const notThisModal = !this.isSameModal(event.target as HTMLElement);\n\n    if (notInsideAnyModal || notThisModal) return;\n\n    const { top, left, height, width } = this.modalElement.getBoundingClientRect();\n    const isInModal = top <= clientY && clientY <= top + height && left <= clientX && clientX <= left + width;\n\n    if (!isInModal && !this.persistent) this.toggleOpen(false);\n  }\n\n  private setModalClose() {\n    this.toggleOpen(false);\n  }\n\n  private closeModal() {\n    this.modalElement.close();\n  }\n\n  private openModal() {\n    this.modalElement.showModal();\n  }\n\n  private toggleOpen(state?: boolean) {\n    this.open = state ?? !this.open;\n  }\n\n  render() {\n    return (\n      <Host>\n        <dialog\n          class=\"pn-modal\"\n          data-closing={this.isClosing}\n          data-sheet={this.sheet}\n          data-image={this.showImage()}\n          data-allow-overflow={this.removeOverflow}\n          onClose={() => this.setModalClose()}\n          onCancel={() => this.setModalClose()}\n          onToggle={() => this.modalToggle.emit({ open: this.open })}\n          onKeyDown={event => this.handleKeyboard(event)}\n          onClick={event => this.clickModalBackground(event)}\n          ref={el => (this.modalElement = el)}\n        >\n          {!this.hideClose && (\n            <pn-button\n              small\n              class=\"pn-modal-close-button\"\n              icon={closeIcon}\n              iconOnly={true}\n              arialabel={this.translate('CLOSE_MODAL')}\n              appearance=\"light\"\n              variant=\"borderless\"\n              type=\"button\"\n              onPnClick={() => this.setModalClose()}\n            />\n          )}\n          <div class=\"pn-modal-container\" ref={el => (this.modalContainer = el)}>\n            <div class=\"pn-modal-image\" hidden={!this.showImage()}>\n              <picture class=\"pn-modal-picture\" ref={el => (this.modalPicture = el)}>\n                <slot name=\"image\"></slot>\n              </picture>\n            </div>\n            <header class=\"pn-modal-header\" hidden={!this.showHeader()}>\n              {this.label && <h2 class=\"pn-modal-label\">{this.label}</h2>}\n              {this.helpertext && <p class=\"pn-modal-text\">{this.helpertext}</p>}\n\n              <slot name=\"header\"></slot>\n            </header>\n            <section class=\"pn-modal-content\">\n              <slot></slot>\n            </section>\n            <nav class=\"pn-modal-buttons\">\n              <slot name=\"buttons\"></slot>\n            </nav>\n          </div>\n        </dialog>\n      </Host>\n    );\n  }\n}\n"],"names":["reduceMotion","forceUpdate","awaitTopbar","en","isSmallScreen","h","Host","closeIcon"],"mappings":"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"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"pn-ocr-search.entry.cjs.js","sources":["src/components/web-components/pn-ocr-search/translations.ts","src/components/web-components/pn-ocr-search/pn-ocr-search.scss?tag=pn-ocr-search","src/components/web-components/pn-ocr-search/pn-ocr-search.tsx"],"sourcesContent":["export const translations = {\n  SEARCH_BUTTON: {\n    da: 'Search',\n    en: 'Search',\n    fi: 'Search',\n    no: 'Search',\n    sv: 'Sök',\n  },\n  SEARCH_SUCCESS: {\n    da: 'Your OCR number is',\n    en: 'Your OCR number is',\n    fi: 'Your OCR number is',\n    no: 'Your OCR number is',\n    sv: 'Ditt OCR-nummer är',\n  },\n  ERROR_INVALID_LICENSE_NUMBER: {\n    da: 'Invalid license number',\n    en: 'Invalid license number',\n    fi: 'Invalid license number',\n    no: 'Invalid license number',\n    sv: 'Ogiltligt licensnummer',\n  },\n  ERROR_NO_RESULTS: {\n    da: 'The search did not generate any results',\n    en: 'The search did not generate any results',\n    fi: 'The search did not generate any results',\n    no: 'The search did not generate any results',\n    sv: 'Sökningen genererade inga träffar',\n  },\n  ERROR_REASON_HEADER: {\n    da: 'It may be due to:',\n    en: 'It may be due to:',\n    fi: 'It may be due to:',\n    no: 'It may be due to:',\n    sv: 'Det kan bero på:',\n  },\n  ERROR_REASON_ONE: {\n    da: 'We could not find that license number',\n    en: 'We could not find that license number',\n    fi: 'We could not find that license number',\n    no: 'We could not find that license number',\n    sv: 'Vi hittar inget sådant licensnummer',\n  },\n  ERROR_REASON_TWO: {\n    da: 'Check the information and try again.',\n    en: 'Check the information and try again.',\n    fi: 'Check the information and try again.',\n    no: 'Check the information and try again.',\n    sv: 'Kontrollera uppgifterna och försök igen.',\n  },\n  PLACEHOLDER_TEXT: {\n    da: 'License number 6 digits',\n    en: 'License number 6 digits',\n    fi: 'License number 6 digits',\n    no: 'License number 6 digits',\n    sv: 'Licensnummer 6 tecken',\n  },\n};\n","@use 'src/globals/main';\n\npn-ocr-search {\n  .bold {\n    font-weight: 700;\n  }\n\n  .search-results,\n  .error-text-container {\n    padding: 1em 0.5em;\n  }\n\n  .invalid-text-container {\n    padding: 0.5em 1em;\n\n    .invalid-ocr {\n      color: main.$warning;\n    }\n  }\n}\n","import { Component, h, State, Host, Prop, Element } from '@stencil/core';\nimport { translations } from './translations';\nimport { sv, awaitTopbar } from '@/index';\nimport type { PnLanguages } from '@/index';\n\n@Component({\n  tag: 'pn-ocr-search',\n  styleUrl: 'pn-ocr-search.scss',\n})\nexport class PnOcrSearch {\n  @Element() hostElement: HTMLElement;\n\n  @State() loading: boolean = false;\n  @State() error: boolean = false;\n  @State() ocrNumber?: string;\n  @State() searchSuccess: boolean = false;\n  @State() invalidOcrNumber: boolean = false;\n\n  /** The `language` property will be prioritized before the pnTopbar language. */\n  @Prop() language?: PnLanguages = null;\n\n  async componentWillLoad() {\n    if (this.language === null) await awaitTopbar(this.hostElement);\n  }\n\n  getTranslation(key: string): string {\n    return translations[key][this.language || sv];\n  }\n\n  handleSearch(e: CustomEvent<string>) {\n    // reset states\n    this.invalidOcrNumber = false;\n    this.searchSuccess = false;\n    this.error = false;\n\n    const validationResult = this.validateOcrNumber(e.detail);\n\n    if (validationResult.error) {\n      this.invalidOcrNumber = true;\n      return;\n    }\n\n    this.ocrNumberSearch(validationResult.value);\n  }\n\n  async ocrNumberSearch(ocrNumber: string) {\n    this.loading = true;\n\n    await fetch(`https://portal.postnord.com/public-service/api/ocr?key=${ocrNumber}`)\n      .then(response => response.json())\n      .then(data => {\n        this.ocrNumber = data.newOcr;\n        this.searchSuccess = true;\n      })\n      .catch(() => {\n        this.error = true;\n        this.searchSuccess = false;\n      })\n      .finally(() => {\n        this.loading = false;\n      });\n  }\n\n  validateOcrNumber(value: string) {\n    // Removes spaces and dashes\n    const formatValue = value ? value.replace(/[ -]/gi, '') : '';\n\n    // Looks for non-digits\n    const ocrRegex = new RegExp(/\\D+/);\n\n    // Needs to be atleast 6 numbers\n    const error = ocrRegex.test(formatValue) || formatValue.length !== 6;\n\n    return { error, value: formatValue };\n  }\n\n  renderSearchResult() {\n    if (!this.loading && !this.error && this.searchSuccess) {\n      return (\n        <div class=\"search-results\">\n          {this.getTranslation('SEARCH_SUCCESS')}: <b>{this.ocrNumber}</b>\n        </div>\n      );\n    }\n  }\n\n  renderErrorMessage() {\n    if (this.invalidOcrNumber && !this.loading) {\n      return (\n        <div class=\"invalid-text-container\">\n          <p class=\"invalid-ocr\">{this.getTranslation('ERROR_INVALID_LICENSE_NUMBER')}</p>\n        </div>\n      );\n    }\n    if (this.error && !this.loading) {\n      return (\n        <div class=\"error-text-container\">\n          <p class=\"bold\">{this.getTranslation('ERROR_NO_RESULTS')}</p>\n          <p class=\"bold\">{this.getTranslation('ERROR_REASON_HEADER')}</p>\n          <p>{this.getTranslation('ERROR_REASON_ONE')}</p>\n          <p>{this.getTranslation('ERROR_REASON_TWO')}</p>\n        </div>\n      );\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <pn-search-field\n          loading={this.loading}\n          label={this.getTranslation('SEARCH_BUTTON')}\n          button=\"icon\"\n          buttonLabel={this.getTranslation('SEARCH_BUTTON')}\n          placeholder={this.getTranslation('PLACEHOLDER_TEXT')}\n          onSearch={e => this.handleSearch(e)}\n        />\n        {this.renderSearchResult()}\n        {this.renderErrorMessage()}\n      </Host>\n    );\n  }\n}\n"],"names":["awaitTopbar","sv","h","Host"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"pn-page-nav-dropdown-item.entry.cjs.js","sources":["src/components/navigation/pn-page-nav/dropdown-item/pn-page-nav-dropdown-item.scss?tag=pn-page-nav-dropdown-item","src/components/navigation/pn-page-nav/dropdown-item/pn-page-nav-dropdown-item.tsx"],"sourcesContent":["@use 'src/globals/main';\n\npn-page-nav-dropdown-item {\n  &:first-of-type li > a,\n  &:first-of-type li > button {\n    border-radius: 0.5em 0.5em 0 0;\n  }\n\n  &:last-of-type li > a,\n  &:last-of-type li > button {\n    border-radius: 0 0 0.5em 0.5em;\n  }\n\n  &:last-of-type li > hr {\n    display: none;\n  }\n}\n\npn-page-nav-dropdown-item li {\n  font-size: inherit;\n\n  > * {\n    color: main.$white;\n    font-size: inherit;\n    border: none;\n    padding: 1em;\n    margin: 0;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    cursor: pointer;\n    transition: background 0.15s;\n    outline: none;\n    width: 100%;\n    font-weight: 500;\n\n    > pn-icon {\n      margin-left: 1em;\n    }\n\n    &.pn-page-nav-dropdown-item-active {\n      background: main.$blue700;\n\n      &:hover,\n      &:focus {\n        background: main.$blue700;\n      }\n    }\n\n    &:hover,\n    &:focus {\n      background: main.$blue900;\n    }\n\n    &:focus {\n      box-shadow:\n        inset 0 0 0 0.1em main.$blue700,\n        inset 0 0 0 0.2em main.$gray200;\n    }\n  }\n\n  > a {\n    text-decoration: none;\n  }\n\n  > button {\n    background: none;\n  }\n\n  > hr {\n    bottom: 0;\n    padding: 0;\n    margin: 0 auto;\n    border-top: 0.0625em solid main.$gray200;\n    opacity: 0.6;\n    width: 85%;\n  }\n}\n","import { Component, Element, Prop, h, EventEmitter, Event } from '@stencil/core';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n/**\n * @deprecated This component will be removed in v8. Please use the `pn-tablist` instead.\n * @see {@link https://portal.postnord.com/web-components/?path=/docs/components-navigation-tablist--docs Use `pn-tablist` instead.}\n */\n@Component({\n  tag: 'pn-page-nav-dropdown-item',\n  styleUrl: 'pn-page-nav-dropdown-item.scss',\n})\nexport class PnPageNavDropdownItem {\n  @Element() hostElement: HTMLElement;\n\n  /**\n   * The value that will be emitted upon selection, only pass this if the item\n   * is a link, if you want a button (for quick actions), omit this prop.\n   */\n  @Prop() value!: string;\n  /** Pass an href to the items if you want to have links that lead outside of your app */\n  @Prop() href: string;\n  /** Ignore this, it's internal communication with parent. @hide true */\n  @Prop() active: boolean = false;\n\n  /** Ignore this, it's internal communication with parent */\n  @Event() itemselection: EventEmitter<string>;\n\n  select(e: MouseEvent) {\n    if (this.value && !this.href) e.preventDefault();\n\n    this.itemselection.emit(this.value);\n  }\n\n  setClassnames() {\n    let classes = 'pn-page-nav-dropdown-item ';\n\n    if (this.active) classes += 'pn-page-nav-dropdown-item-active ';\n\n    return classes;\n  }\n\n  getType() {\n    return this.value ? null : 'button';\n  }\n\n  getTagName(): string {\n    return this.value ? 'a' : 'button';\n  }\n\n  render() {\n    const TagName = this.getTagName();\n\n    return (\n      <li>\n        <TagName\n          href={this.href || '#'}\n          class={this.setClassnames()}\n          type={this.getType()}\n          onClick={e => this.select(e)}\n          tabindex=\"-1\"\n        >\n          <slot></slot>\n          <pn-icon icon={arrow_right} color=\"white\"></pn-icon>\n        </TagName>\n        <hr />\n      </li>\n    );\n  }\n}\n"],"names":["h","arrow_right"],"mappings":";;;;;;;;;AAAA,MAAM,wBAAwB,GAAG,gyCAAgyC;;MCWpzC,qBAAqB,GAAA,MAAA;;;;;;AAGhC;;;AAGG;AACK,IAAA,KAAK;;AAEL,IAAA,IAAI;;IAEJ,MAAM,GAAY,KAAK;;AAGtB,IAAA,aAAa;AAEtB,IAAA,MAAM,CAAC,CAAa,EAAA;AAClB,QAAA,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,CAAC,CAAC,cAAc,EAAE;QAEhD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;;IAGrC,aAAa,GAAA;QACX,IAAI,OAAO,GAAG,4BAA4B;QAE1C,IAAI,IAAI,CAAC,MAAM;YAAE,OAAO,IAAI,mCAAmC;AAE/D,QAAA,OAAO,OAAO;;IAGhB,OAAO,GAAA;QACL,OAAO,IAAI,CAAC,KAAK,GAAG,IAAI,GAAG,QAAQ;;IAGrC,UAAU,GAAA;QACR,OAAO,IAAI,CAAC,KAAK,GAAG,GAAG,GAAG,QAAQ;;IAGpC,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE;QAEjC,QACEA,OAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAA,CAAC,OAAO,EACN,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,GAAG,EACtB,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,EAC3B,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,EACpB,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAC5B,QAAQ,EAAC,IAAI,EAAA,EAEbA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACbA,OAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAEC,uBAAW,EAAE,KAAK,EAAC,OAAO,GAAW,CAC5C,EACVD,OAAM,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;;"}

package/umd/modules/@postnord/web-components/cjs/pn-page-nav-item.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pn-page-nav-item.entry.cjs.js","sources":["src/components/navigation/pn-page-nav/item/pn-page-nav-item.scss?tag=pn-page-nav-item","src/components/navigation/pn-page-nav/item/pn-page-nav-item.tsx"],"sourcesContent":["@use 'src/globals/main';\n\npn-page-nav-item {\n  position: relative;\n  color: main.$white;\n  margin-right: 0.5em;\n  z-index: 2;\n  white-space: nowrap;\n  scroll-snap-align: center;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  transform: translateZ(0);\n\n  a {\n    text-decoration: none;\n    color: main.$white;\n    height: 100%;\n    width: 100%;\n    padding: 0.5em;\n    font-weight: 500;\n    border-radius: 3em;\n    border: 0.0625em solid transparent;\n    display: inline-flex;\n    align-items: center;\n    cursor: pointer;\n    outline: none;\n    transition: box-shadow 0.15s;\n\n    &:focus {\n      box-shadow: 0 0 0 0.1em main.$gray200;\n    }\n\n    & > pn-icon {\n      margin-right: 0.5em;\n    }\n  }\n\n  &:last-of-type {\n    margin-right: 0;\n  }\n}\n","import { Component, Element, Prop, h, Host, EventEmitter, Event } from '@stencil/core';\n\n/**\n * @deprecated This component will be removed in v8. Please use the `pn-tablist` instead.\n * @see {@link https://portal.postnord.com/web-components/?path=/docs/components-navigation-tablist--docs Use `pn-tablist` instead.}\n */\n@Component({\n  tag: 'pn-page-nav-item',\n  styleUrl: 'pn-page-nav-item.scss',\n})\nexport class PnPageNavItem {\n  @Element() hostElement: HTMLElement;\n\n  /** The item value. Used by `pn-page-nav` to determine pre-selected item. */\n  @Prop() value!: string;\n  /** Pass an href to the items if you want to have links that lead outside of your app. */\n  @Prop() href: string;\n  /** The SVG content of the icon you want. */\n  @Prop() icon: string;\n\n  /** Event is emitted when you select an item. */\n  @Event() itemselection: EventEmitter<string>;\n\n  select(e: MouseEvent) {\n    if (this.value && !this.href) e.preventDefault();\n\n    this.itemselection.emit(this.value);\n  }\n\n  render() {\n    return (\n      <Host>\n        <li>\n          <a href={this.href || '#'} class=\"pn-page-nav-item\" onClick={e => this.select(e)}>\n            {this.icon && <pn-icon icon={this.icon} color=\"white\"></pn-icon>}\n            <slot></slot>\n          </a>\n        </li>\n      </Host>\n    );\n  }\n}\n"],"names":["h","Host"],"mappings":";;;;;;;;AAAA,MAAM,gBAAgB,GAAG,0lBAA0lB;;MCUtmB,aAAa,GAAA,MAAA;;;;;;;AAIhB,IAAA,KAAK;;AAEL,IAAA,IAAI;;AAEJ,IAAA,IAAI;;AAGH,IAAA,aAAa;AAEtB,IAAA,MAAM,CAAC,CAAa,EAAA;AAClB,QAAA,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,CAAC,CAAC,cAAc,EAAE;QAEhD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;;IAGrC,MAAM,GAAA;QACJ,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,GAAG,EAAE,KAAK,EAAC,kBAAkB,EAAC,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAA,EAC7E,IAAI,CAAC,IAAI,IAAIA,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAC,OAAO,EAAW,CAAA,EAChEA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACX,CACD,CACA;;;;;;;"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"pn-pagination.entry.cjs.js","sources":["src/components/navigation/pn-pagination/translations.ts","src/components/navigation/pn-pagination/pn-pagination.scss?tag=pn-pagination","src/components/navigation/pn-pagination/pn-pagination.tsx"],"sourcesContent":["export const translations = {\n  PAGINATION: {\n    sv: 'Paginering',\n    en: 'Pagination',\n    da: 'Paginering',\n    fi: 'Sivunumerointi',\n    no: 'Paginering',\n  },\n  PAGE: {\n    sv: 'Sida',\n    en: 'Page',\n    da: 'Side',\n    fi: 'Sivu',\n    no: 'Side',\n  },\n  PREVIOUS_PAGE: {\n    sv: 'Föregående sida',\n    en: 'Previous page',\n    da: 'Forrige side',\n    fi: 'Edellinen sivu',\n    no: 'Forrige side',\n  },\n  NEXT_PAGE: {\n    sv: 'Nästa sida',\n    en: 'Next page',\n    da: 'Næste side',\n    fi: 'Seuraava sivu',\n    no: 'Neste side',\n  },\n  ROWS_PAGE: {\n    sv: 'Object per sida',\n    en: 'Items per page',\n    da: 'Varer pr. side',\n    fi: 'Kohteita per sivu',\n    no: 'Elementer per side',\n  },\n};\n","@use 'src/globals/main';\n\npn-pagination {\n  display: block;\n  margin-top: 1.5em;\n}\n\npn-pagination .pn-pagination {\n  display: flex;\n  gap: 1em;\n  flex-wrap: wrap;\n\n  padding-top: 1em;\n  border-top: 0.0625em solid main.$gray100;\n\n  &-container {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 0.5em;\n\n    margin: 0 auto;\n    &[data-right] {\n      margin-right: 0;\n    }\n\n    > [data-arrow] {\n      display: none;\n      &[data-show] {\n        display: inline-block;\n      }\n    }\n  }\n\n  &-rows {\n    flex: 0 0 auto;\n    margin-right: auto;\n  }\n\n  &-pages {\n    flex: 0 0 auto;\n    margin-left: auto;\n  }\n\n  &-list {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 0.5em;\n\n    pn-button > .pn-button {\n      padding: 0.375em 0.75em;\n    }\n  }\n\n  &-dot {\n    display: none;\n    padding: 0.375em 0.5em;\n    height: 2em;\n    width: 2.5em;\n    text-align: center;\n\n    &[data-show] {\n      display: inline-block;\n    }\n  }\n}\n","import { Component, Host, Element, Prop, State, Watch, Event, EventEmitter, h } from '@stencil/core';\nimport { arrow_left, arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\nimport { en, awaitTopbar } from '@/index';\nimport type { PnLanguages, PnPaginationItem } from '@/index';\n\nimport { translations } from './translations';\n\n/**\n * Accessible pagination needs each item to link to a different part of the document.\n * This means that you must `preventDefault` on the `MouseEvent` emitted from the `pageSelected` event if you have a SPA.\n *\n * If you set a `page` value that is higher than `pages`, the component will automatically lower it to the `pages` value.\n *\n * @since v7.9.0\n */\n@Component({\n  tag: 'pn-pagination',\n  styleUrl: 'pn-pagination.scss',\n})\nexport class PnPagination {\n  listElement: HTMLUListElement;\n\n  @Element() hostElement: HTMLElement;\n\n  @State() list: PnPaginationItem[];\n\n  /** Set a label for the pagination element for screen readers. It defaults to `Pagination`. */\n  @Prop() label?: string;\n  /** Set a custom URL template. Use `{page}` within the string to position where the dynamic page number should be. */\n  @Prop() urlTemplate: string = '?page={page}';\n  /** Set a HTML id on the pagination element. */\n  @Prop() paginationId?: string = null;\n  /** Manually set the language. */\n  @Prop() language?: PnLanguages = null;\n\n  /**\n   * Set which page the user is currently viewing.\n   * Use this to set an inital page or if the selected page is changed from outside this component.\n   *\n   * @category Pages\n   **/\n  @Prop({ mutable: true, reflect: true }) page: number = 1;\n  /** Set how many pages are available. @category Pages */\n  @Prop({ mutable: true }) pages!: number;\n  /** Set how many pages should be visible at one time. Use an odd number. Minimum is `5`. @category Pages */\n  @Prop({ mutable: true }) pagesVisible: number = 5;\n\n  /**\n   * Allow the user to decide how many items should be shown per page.\n   * Make sure this value exists in the `rowsList` string.\n   *\n   * @see {@link rowsList}\n   * @category Rows per page\n   * */\n  @Prop({ mutable: true }) rows: number = null;\n  /**\n   * Set available items per page options the user can select. Use a comma separated string.\n   *\n   * @see {@link rows}\n   * @category Rows per page\n   * */\n  @Prop() rowsList: string = '10,25,50';\n  /**\n   * Default label is \"Items per page\".\n   * @see {@link rows}\n   * @category Rows per page\n   * */\n  @Prop() rowsLabel: string = null;\n\n  @Watch('page')\n  handlePage() {\n    if (this.page > this.pages) this.page = this.pages;\n    else if (this.page < 1) this.page = 1;\n  }\n\n  @Watch('pages')\n  handlePages() {\n    const list = [];\n\n    if (this.pages > 10000) {\n      console.error(`${this.hostElement.localName}: Invalid page count ${this.pages}. Maximum is 10000.`);\n      this.pages = 10000;\n    }\n\n    for (let index = 0; this.pages > index; index++) {\n      const page = index + 1;\n      list.push({ index, page });\n    }\n\n    this.list = list;\n    this.handlePage();\n  }\n\n  @Watch('pagesVisible')\n  handlePagesVisible() {\n    if (5 > this.pagesVisible) this.pagesVisible = 5;\n    if (this.pagesVisible % 2 === 0) this.pagesVisible = Math.round(this.pagesVisible) - 1;\n  }\n\n  /** Emitted when the page is changed. Either via clicking a link or selecting a page in the select. */\n  @Event() pageSelected: EventEmitter<{ page: number; mouse: MouseEvent }>;\n  /** This event fires when the user changes how many items should be shown per page. */\n  @Event() rowsSelected: EventEmitter<{ rows: number; change: Event }>;\n\n  async componentWillLoad() {\n    this.handlePagesVisible();\n    this.handlePages();\n    if (this.language === null) await awaitTopbar(this.hostElement);\n  }\n\n  private translate(prop: keyof typeof translations) {\n    return translations[prop][this.language || en];\n  }\n\n  private isActivePage(page: number): boolean {\n    return page === this.page;\n  }\n\n  private navigate({ page, event, focus }: { page?: number; event: MouseEvent; focus?: boolean }) {\n    if (typeof page === 'number' && page >= 1 && this.pages >= page) this.page = page;\n\n    this.pageSelected.emit({ page: this.page, mouse: event });\n\n    if (focus)\n      requestAnimationFrame(() => {\n        const element = this.listElement.querySelector<HTMLLinkElement>('a[aria-current=\"page\"]');\n        element?.focus({ preventScroll: true });\n      });\n  }\n\n  private useRowList() {\n    return !!this.rows && !!this.rowsList;\n  }\n\n  private setRows(event: Event) {\n    const target = event.target as HTMLSelectElement;\n    this.rows = Number(target.value);\n    this.rowsSelected.emit({ rows: this.rows, change: event });\n  }\n\n  private getRowList() {\n    return this.rowsList.split(',').map(item => Number(item.trim()));\n  }\n\n  /** Get the page numbers of the lowest and highest visible page. */\n  private getPaginationIndex() {\n    const current = this.page;\n\n    let low = current - Math.ceil(this.pagesVisible / 2);\n    let high = current + Math.floor(this.pagesVisible / 2);\n\n    for (let i = 0; this.pagesVisible > i; i++) {\n      if (low < 0) {\n        high++;\n        low++;\n      } else if (high > this.pages) {\n        high--;\n        low--;\n      }\n    }\n\n    const lowest = 0 > low ? 0 : low;\n\n    const leftIndent = lowest >= 1;\n    const rightIndent = this.pages > high;\n\n    return {\n      low: rightIndent && leftIndent ? lowest + 1 : lowest,\n      high: rightIndent && leftIndent ? high - 1 : high,\n      leftIndent,\n      rightIndent,\n    };\n  }\n\n  private getPagination() {\n    const { low, high } = this.getPaginationIndex();\n    return this.list.slice(low, high);\n  }\n\n  private getUrl(page: number): string {\n    return this.setPageText(this.urlTemplate, page);\n  }\n\n  private setPageText(text: string, page: number) {\n    return text.replace('{page}', page.toString());\n  }\n\n  private getPrevPage() {\n    let page = this.page;\n    return page > 1 ? (page -= 1) : 1;\n  }\n\n  private getNextPage() {\n    let page = this.page;\n    return this.pages > page ? (page += 1) : this.pages;\n  }\n\n  private showIntendation(last = false) {\n    const { leftIndent, rightIndent } = this.getPaginationIndex();\n    return last ? rightIndent : leftIndent;\n  }\n\n  private renderDivider(last = false): HTMLSpanElement {\n    return (\n      <span class=\"pn-pagination-dot\" data-show={this.showIntendation(last)}>\n        ...\n      </span>\n    );\n  }\n\n  private renderButton({ page, dataAttr }: { page: number; dataAttr?: string }) {\n    const active = this.isActivePage(page);\n    return (\n      <pn-button\n        label={page.toString()}\n        arialabel={`${this.translate('PAGE')} ${page}`}\n        ariacurrent={active ? 'page' : null}\n        href={this.getUrl(page)}\n        variant={active ? 'outlined' : ''}\n        appearance=\"light\"\n        small\n        data-arrow={dataAttr}\n        data-show={dataAttr && this.showIntendation(dataAttr === 'last')}\n        onPnClick={({ detail }) => this.navigate({ page, event: detail, focus: true })}\n      />\n    );\n  }\n\n  private renderItem({ page }: PnPaginationItem) {\n    return (\n      <li class=\"pn-pagination-list-item\" aria-setsize={this.pages} aria-posinset={page}>\n        {this.renderButton({ page })}\n      </li>\n    );\n  }\n\n  private renderJumpButton(last = false) {\n    const rel = last ? 'next' : 'prev';\n    const icon = last ? arrow_right : arrow_left;\n\n    const page = last ? this.getNextPage() : this.getPrevPage();\n\n    const current = last ? this.pages === this.page : 1 === this.page;\n\n    const text = last ? 'NEXT_PAGE' : 'PREVIOUS_PAGE';\n    const showPageNumber = current ? '' : ` (${page})`;\n    const label = `${this.translate(text)}${showPageNumber}`;\n\n    return (\n      <pn-button\n        arialabel={label}\n        ariacurrent={current ? 'page' : null}\n        href={this.getUrl(page)}\n        rel={current ? null : rel}\n        appearance=\"light\"\n        small\n        icon={icon}\n        iconOnly\n        onPnClick={({ detail }) => this.navigate({ page, event: detail })}\n      />\n    );\n  }\n\n  render() {\n    return (\n      <Host>\n        <nav id={this.paginationId} class=\"pn-pagination\" aria-label={this.label || this.translate('PAGINATION')}>\n          {this.useRowList() && (\n            <pn-select\n              class=\"pn-pagination-rows\"\n              label={this.rowsLabel || this.translate('ROWS_PAGE')}\n              onChange={event => this.setRows(event)}\n            >\n              {this.getRowList().map(item => (\n                <option value={item} selected={this.rows === Number(item)} innerHTML={`${item}`} />\n              ))}\n            </pn-select>\n          )}\n\n          <div class=\"pn-pagination-container\" data-right={this.useRowList()}>\n            {this.renderJumpButton()}\n            {this.renderButton({ page: 1, dataAttr: 'first' })}\n            {this.renderDivider()}\n\n            <ol class=\"pn-pagination-list\" ref={el => (this.listElement = el)}>\n              {this.getPagination().map(item => this.renderItem(item))}\n            </ol>\n\n            {this.renderDivider(true)}\n            {this.renderButton({ page: this.pages, dataAttr: 'last' })}\n            {this.renderJumpButton(true)}\n          </div>\n        </nav>\n      </Host>\n    );\n  }\n}\n"],"names":["awaitTopbar","en","h","arrow_right","arrow_left","Host"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"pn-progress-bar.entry.cjs.js","sources":["src/components/feedback/pn-progress-bar/pn-progress-bar.scss?tag=pn-progress-bar","src/components/feedback/pn-progress-bar/pn-progress-bar.tsx"],"sourcesContent":["@use 'src/globals/main';\n\npn-progress-bar .pn-progress-bar {\n  &-label {\n    margin-bottom: 0.5em;\n    color: main.$gray900;\n    font-weight: 500;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 0.5em;\n  }\n\n  &-subtext {\n    margin-top: 0.5em;\n    color: main.$gray700;\n    font-weight: 400;\n  }\n\n  &-container {\n    overflow: hidden;\n    padding: 0.0625em;\n    height: 0.75em;\n    border-radius: 0.5em;\n  }\n\n  &-meter {\n    position: relative;\n    width: 100%;\n    background: main.$gray50;\n    height: 0.625em;\n    border-radius: 0.5em;\n    box-shadow: (0 0 0 0.0625em main.$gray400);\n  }\n\n  &-value {\n    position: absolute;\n    top: -0.0625em;\n    left: -0.0625em;\n\n    height: 0.75em;\n    background-color: main.$blue700;\n    width: var(--progress-value);\n    border-radius: 0.5em 0 0 0.5em;\n\n    transition-property: width, border-radius, background-color;\n    transition-duration: 0.2s, 0.2s, 0.5s;\n    transition-timing-function: linear;\n\n    @media (prefers-reduced-motion: reduce) {\n      transition-duration: 0s;\n    }\n\n    &[data-valid] {\n      width: calc(var(--progress-value) + 0.125em);\n      background-color: main.$green500;\n      border-top-right-radius: 0.5em;\n      border-bottom-right-radius: 0.5em;\n    }\n    &[data-error] {\n      background-color: main.$warning;\n    }\n  }\n}\n","import { Component, Element, Prop, h, Host, Watch, State } from '@stencil/core';\nimport { alert_exclamation_circle, check_circle } from 'pn-design-assets/pn-assets/icons.js';\nimport { uuidv4 } from '@/globals/helpers';\n\n@Component({\n  tag: 'pn-progress-bar',\n  styleUrl: 'pn-progress-bar.scss',\n})\nexport class PnProgressBar {\n  uniqueId: string = uuidv4();\n\n  idProgress: string = `pn-progress-bar-${this.uniqueId}`;\n  idLabel: string = `${this.idProgress}-label`;\n  idText: string = `${this.idProgress}-text`;\n\n  @Element() hostElement: HTMLElement;\n\n  @State() progressPercentage: string;\n\n  /** Set a label for the progress bar */\n  @Prop() label?: string;\n  /** Progress value, 0-100 */\n  @Prop() progress: number = 0;\n  /** Replaces the default progress percentage text */\n  @Prop() progressText?: string;\n  /** Text shown on success (100%)  */\n  @Prop() successText?: string;\n  /** Trigger an error and display a message */\n  @Prop() error?: string;\n  /** A unique HTML id fror the progress bar */\n  @Prop() progressId: string = this.idProgress;\n\n  @Watch('progress')\n  setProgress(): void {\n    if (!Number.isInteger(this.progress)) return;\n\n    const progressWidth = this.progress < 100 ? Math.ceil(this.progress) : 100;\n\n    this.progressPercentage = `${progressWidth.toString()}%`;\n\n    this.hostElement.style.setProperty('--progress-value', this.progressPercentage);\n  }\n\n  componentWillLoad() {\n    this.setProgress();\n  }\n\n  hasLabel(): boolean {\n    return !!this.label?.length;\n  }\n\n  hasText(): boolean {\n    return !!this.successText?.length;\n  }\n\n  hasError(): boolean {\n    return !!this.error?.length;\n  }\n\n  isValid(): boolean {\n    return this.progress === 100;\n  }\n\n  hasIcon(): boolean {\n    return this.isValid() || this.hasError();\n  }\n\n  getSubtext() {\n    if (this.hasError()) return this.error;\n    if (this.isValid() && this.hasText()) return this.successText;\n\n    return this.progressText ? this.progressText : this.progressPercentage;\n  }\n\n  getIconSvg() {\n    if (this.hasError()) return alert_exclamation_circle;\n    return check_circle;\n  }\n\n  getIconColor() {\n    if (this.hasError()) return 'warning';\n    return 'green500';\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.hasLabel() && (\n          <p id={this.idLabel} class=\"pn-progress-bar-label\">\n            <span>{this.label}</span>\n            {this.hasIcon() && <pn-icon icon={this.getIconSvg()} color={this.getIconColor()}></pn-icon>}\n          </p>\n        )}\n        <div\n          id={this.progressId}\n          class=\"pn-progress-bar-container\"\n          role=\"progressbar\"\n          aria-labelledby={this.idLabel}\n          aria-describedby={this.hasIcon() ? this.idText : null}\n          aria-valuenow={this.progress}\n          aria-valuetext={this.progressPercentage}\n        >\n          <div class=\"pn-progress-bar-meter\">\n            <div class=\"pn-progress-bar-value\" data-error={this.hasError()} data-valid={this.isValid()}></div>\n          </div>\n        </div>\n        <p id={this.idText} class=\"pn-progress-bar-subtext\" role={this.hasError() ? 'alert' : null}>\n          <span>{this.getSubtext()}</span>\n        </p>\n      </Host>\n    );\n  }\n}\n"],"names":["uuidv4","alert_exclamation_circle","check_circle","h","Host"],"mappings":"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"}

package/umd/modules/@postnord/web-components/cjs/pn-progress-indicator-step.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pn-progress-indicator-step.entry.cjs.js","sources":["src/components/feedback/pn-progress-indicator/pn-progress-indicator-step/pn-progress-indicator-step.scss?tag=pn-progress-indicator-step","src/components/feedback/pn-progress-indicator/pn-progress-indicator-step/pn-progress-indicator-step.tsx"],"sourcesContent":["@use 'src/globals/main';\n\npn-progress-indicator-step {\n  display: flex;\n  flex: 1 0 4em;\n\n  &:first-child {\n    flex: 0 0 auto;\n\n    .progress-line {\n      display: none;\n    }\n\n    .info-container {\n      transform: translateX(-50%);\n      left: 50%;\n    }\n  }\n}\n\n.pn-progress-indicator-step {\n  position: relative;\n  display: flex;\n  flex: 1 0 4em;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -webkit-tap-highlight-color: transparent;\n\n  .circle {\n    width: 1.5em;\n    height: 1.5em;\n    padding: 0.3rem;\n    border-radius: 50%;\n    background-color: main.$gray50;\n    @include main.pn-transition('background-color');\n  }\n\n  .info-container {\n    position: absolute;\n    bottom: -2.5em;\n    right: 0;\n    transform: translateX(50%) translateX(-1.2rem);\n    white-space: nowrap;\n    color: main.$gray50;\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n    font-size: 1em;\n    font-weight: normal;\n    @include main.pn-transition('color');\n\n    .pn-icon-svg {\n      height: 1.7em;\n      width: 1.7em;\n      margin-bottom: 0.1em;\n    }\n\n    .pn-icon-svg path,\n    .pn-icon-svg polygon {\n      fill: main.$gray50;\n    }\n  }\n\n  .progress-line {\n    flex: 1 1 auto;\n    margin: auto 4px;\n    height: 0.8rem;\n    background-color: main.$gray50;\n    position: relative;\n    overflow: hidden;\n    pointer-events: none;\n    border-radius: 10rem;\n\n    &:after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 0.8rem;\n      width: 100%;\n      background-color: main.$blue700;\n      transform: translateX(-100%);\n      @include main.pn-transition('transform');\n      transition-delay: main.$timing;\n    }\n  }\n\n  &.active {\n    .info-container {\n      color: main.$black;\n\n      .pn-icon-svg path {\n        fill: main.$black;\n      }\n\n      .pn-icon-svg polygon {\n        fill: main.$black;\n      }\n    }\n  }\n\n  &.activated {\n    cursor: pointer;\n  }\n\n  &.done,\n  &.active {\n    .progress-line:after {\n      transform: translateX(0);\n    }\n\n    .circle {\n      background-color: main.$blue700;\n    }\n  }\n\n  &.done {\n    .checkmark-path {\n      stroke-linecap: round;\n      stroke-dasharray: 27;\n      stroke-dashoffset: -23;\n      animation: dash main.$timing cubic-bezier(0.55, 0, 0.1, 1) both;\n    }\n  }\n}\n\n@keyframes dash {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n","import { Component, Prop, Event, EventEmitter, h, Host, State } from '@stencil/core';\nimport { white } from 'pn-design-assets/pn-assets/colors.js';\n\n/**\n * @deprecated This component will be removed in v8. Please use the `pn-progress-stepper` instead.\n * @see {@link https://portal.postnord.com/web-components/?path=/docs/components-feedback-progress-stepper--docs Use `pn-progress-stepper` instead.}\n */\n@Component({\n  tag: 'pn-progress-indicator-step',\n  styleUrl: 'pn-progress-indicator-step.scss',\n})\nexport class PnProgressIndicatorStep {\n  @State() activated: boolean;\n  @State() done: boolean;\n\n  /** Set by the parent component. Do not use manually. @hide true */\n  @Prop() activeStep: number;\n  /** Set by the parent component. Do not use manually. @hide true */\n  @Prop() index: number;\n  /** The step name. */\n  @Prop() name: string;\n  /** Set the step as checked, meaning a white check mark will appear. */\n  @Prop() checked: boolean = false;\n  /** Set by the parent component. Do not use manually. @hide true */\n  @Prop() active?: 'yes' | 'no';\n\n  @Event() setactivestep: EventEmitter<number>;\n  setActiveStepHandler() {\n    if (this.done || this.activated) {\n      this.setactivestep.emit(this.index);\n    }\n  }\n\n  componentWillLoad() {\n    this.checkStatus();\n  }\n\n  componentDidUpdate() {\n    this.checkStatus();\n  }\n\n  checkStatus() {\n    if (!this.done) {\n      this.done = this.checked || this.activeStep > this.index;\n    }\n\n    if (this.active === 'yes') {\n      this.activated = true;\n    } else if (this.active === 'no') {\n      this.activated = false;\n      this.done = false;\n    } else if (!this.activated) {\n      this.activated = this.activeStep >= this.index;\n    }\n  }\n\n  getClassNames() {\n    let className = 'pn-progress-indicator-step';\n    if (this.done || this.checked) className += ' done';\n    if (this.activated) className += ' activated';\n    if (this.activeStep === this.index) className += ' active';\n    return className;\n  }\n\n  render() {\n    return (\n      <Host class={this.getClassNames()} onClick={() => this.setActiveStepHandler()}>\n        <div class=\"progress-line\" />\n        <div class=\"info-container\">\n          <slot />\n          {this.name}\n        </div>\n        <div class=\"circle\">\n          {this.done || this.checked ? (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              enable-background=\"new 0 0 24 24\"\n              id=\"checkmark\"\n              version=\"1.0\"\n              viewBox=\"0 0 24 24\"\n            >\n              <polyline\n                class=\"checkmark-path\"\n                fill=\"none\"\n                points=\"20,6 9,17 4,12\"\n                stroke={white}\n                stroke-miterlimit=\"10\"\n                stroke-width=\"3\"\n              />\n            </svg>\n          ) : (\n            ''\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":["h","Host","white"],"mappings":";;;;;;;;;AAAA,MAAM,0BAA0B,GAAG,k2FAAk2F;;MCWx3F,uBAAuB,GAAA,MAAA;;;;;AACzB,IAAA,SAAS;AACT,IAAA,IAAI;;AAGL,IAAA,UAAU;;AAEV,IAAA,KAAK;;AAEL,IAAA,IAAI;;IAEJ,OAAO,GAAY,KAAK;;AAExB,IAAA,MAAM;AAEL,IAAA,aAAa;IACtB,oBAAoB,GAAA;QAClB,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,EAAE;YAC/B,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;;;IAIvC,iBAAiB,GAAA;QACf,IAAI,CAAC,WAAW,EAAE;;IAGpB,kBAAkB,GAAA;QAChB,IAAI,CAAC,WAAW,EAAE;;IAGpB,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;AACd,YAAA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK;;AAG1D,QAAA,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,EAAE;AACzB,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI;;AAChB,aAAA,IAAI,IAAI,CAAC,MAAM,KAAK,IAAI,EAAE;AAC/B,YAAA,IAAI,CAAC,SAAS,GAAG,KAAK;AACtB,YAAA,IAAI,CAAC,IAAI,GAAG,KAAK;;AACZ,aAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;YAC1B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK;;;IAIlD,aAAa,GAAA;QACX,IAAI,SAAS,GAAG,4BAA4B;AAC5C,QAAA,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO;YAAE,SAAS,IAAI,OAAO;QACnD,IAAI,IAAI,CAAC,SAAS;YAAE,SAAS,IAAI,YAAY;AAC7C,QAAA,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,CAAC,KAAK;YAAE,SAAS,IAAI,SAAS;AAC1D,QAAA,OAAO,SAAS;;IAGlB,MAAM,GAAA;AACJ,QAAA,QACEA,OAAC,CAAAC,UAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,oBAAoB,EAAE,EAAA,EAC3ED,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAG,CAAA,EAC7BA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EACzBA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACP,IAAI,CAAC,IAAI,CACN,EACNA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,EAAA,EAChB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO,IACxBA,OAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,4BAA4B,EAAA,mBAAA,EAChB,eAAe,EACjC,EAAE,EAAC,WAAW,EACd,OAAO,EAAC,KAAK,EACb,OAAO,EAAC,WAAW,EAAA,EAEnBA,OAAA,CAAA,UAAA,EAAA,EACE,KAAK,EAAC,gBAAgB,EACtB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,gBAAgB,EACvB,MAAM,EAAEE,YAAK,EACK,mBAAA,EAAA,IAAI,EACT,cAAA,EAAA,GAAG,EAChB,CAAA,CACE,KAEN,EAAE,CACH,CACG,CACD;;;;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"pn-progress-indicator.entry.cjs.js","sources":["src/components/feedback/pn-progress-indicator/pn-progress-indicator.scss?tag=pn-progress-indicator","src/components/feedback/pn-progress-indicator/pn-progress-indicator.tsx"],"sourcesContent":[".pn-progress-indicator {\n  display: flex;\n  padding: 2.8em 1em 0;\n}\n","import { Component, Prop, Element, Listen, Event, EventEmitter, h } from '@stencil/core';\n\n/**\n * @deprecated This component will be removed in v8. Please use the `pn-progress-stepper` instead.\n * @see {@link https://portal.postnord.com/web-components/?path=/docs/components-feedback-progress-stepper--docs Use `pn-progress-stepper` instead.}\n */\n@Component({\n  tag: 'pn-progress-indicator',\n  styleUrl: 'pn-progress-indicator.scss',\n})\nexport class PnProgressIndicator {\n  @Element() hostElement: HTMLElement;\n\n  /** Takes the index of the active step */\n  @Prop({ mutable: true }) activeStep: number = 0;\n\n  /** This will emit when progress is changed and is the value you want to bind to your VM state */\n  @Event() progresschange: EventEmitter<number>;\n\n  @Listen('setactivestep')\n  setActiveStepHandler({ detail }) {\n    this.activeStep = detail;\n    this.progresschange.emit(this.activeStep);\n  }\n\n  componentWillLoad() {\n    this.passPropsToChildren();\n  }\n\n  componentDidUpdate() {\n    this.passPropsToChildren();\n  }\n\n  passPropsToChildren() {\n    const children = Array.from(\n      this.hostElement.querySelectorAll<HTMLPnProgressIndicatorStepElement>('pn-progress-indicator-step'),\n    );\n\n    children.forEach((child, i) => {\n      child.activeStep = this.activeStep;\n      child.index = i;\n    });\n  }\n\n  render() {\n    return (\n      <div class=\"pn-progress-indicator\">\n        <slot />\n      </div>\n    );\n  }\n}\n"],"names":["h"],"mappings":";;;;;;;;AAAA,MAAM,sBAAsB,GAAG,0DAA0D;;MCU5E,mBAAmB,GAAA,MAAA;;;;;;;IAIL,UAAU,GAAW,CAAC;;AAGtC,IAAA,cAAc;IAGvB,oBAAoB,CAAC,EAAE,MAAM,EAAE,EAAA;AAC7B,QAAA,IAAI,CAAC,UAAU,GAAG,MAAM;QACxB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;;IAG3C,iBAAiB,GAAA;QACf,IAAI,CAAC,mBAAmB,EAAE;;IAG5B,kBAAkB,GAAA;QAChB,IAAI,CAAC,mBAAmB,EAAE;;IAG5B,mBAAmB,GAAA;AACjB,QAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CACzB,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAqC,4BAA4B,CAAC,CACpG;QAED,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,CAAC,KAAI;AAC5B,YAAA,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU;AAClC,YAAA,KAAK,CAAC,KAAK,GAAG,CAAC;AACjB,SAAC,CAAC;;IAGJ,MAAM,GAAA;QACJ,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,uBAAuB,EAAA,EAChCA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACJ;;;;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"pn-progress-stepper.entry.cjs.js","sources":["src/components/feedback/pn-progress-stepper/translations.ts","src/components/feedback/pn-progress-stepper/pn-progress-stepper.scss?tag=pn-progress-stepper","src/components/feedback/pn-progress-stepper/pn-progress-stepper.tsx"],"sourcesContent":["export const translations = {\n  STEP: {\n    da: 'Trin',\n    en: 'Step',\n    fi: 'Vaihe',\n    no: 'Trinn',\n    sv: 'Steg',\n  },\n};\n","@use 'src/globals/main';\n\npn-progress-stepper {\n  display: block;\n}\n\npn-progress-stepper .pn-progress {\n  position: relative;\n\n  width: 100%;\n  background: main.$gray50;\n  height: 0.5em;\n  border-radius: 0.5em;\n  box-shadow: (0 0 0 0.0625em main.$gray400);\n\n  &-label {\n    display: block;\n    color: main.$gray900;\n    font-size: 1em;\n    margin-bottom: 0.5em;\n  }\n\n  &-value {\n    position: absolute;\n    top: -0.0625em;\n    left: -0.0625em;\n\n    height: 0.625em;\n    background-color: main.$blue700;\n    width: calc(var(--pn-progress-value) + 0.125em);\n    border-radius: 0.5em 0 0 0.5em;\n\n    @include main.pn-transition('width, border-radius', main.$timing-layout);\n\n    &[data-full] {\n      border-top-right-radius: 0.5em;\n      border-bottom-right-radius: 0.5em;\n    }\n  }\n\n  &-dots {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 1em;\n  }\n\n  &-dot {\n    width: 0.875em;\n    height: 0.875em;\n    background-color: main.$gray50;\n    border: 0.0625em solid main.$gray200;\n    border-radius: 50%;\n\n    transform: scale(1) translateY(0%);\n\n    @include main.pn-transition('background-color, border-color', main.$timing-layout);\n\n    // Default state - plays backwards animation when data-active is removed\n    animation: pnBackwards main.$timing main.$easing;\n    animation-fill-mode: forwards;\n\n    &[data-active] {\n      background-color: main.$blue700;\n      border-color: main.$blue700;\n      animation: pnForward main.$timing main.$easing;\n      animation-fill-mode: forwards;\n    }\n  }\n\n  @include main.pn-sr-only-class();\n}\n\n@keyframes pnForward {\n  0% {\n    transform: scale(1) translateY(0%);\n  }\n  50% {\n    transform: scale(1) translateY(20%);\n  }\n  75% {\n    transform: scale(1.1) translateY(10%);\n  }\n  100% {\n    transform: scale(1) translateY(0%);\n  }\n}\n\n@keyframes pnBackwards {\n  0% {\n    transform: scale(1) translateY(0%);\n  }\n  50% {\n    transform: scale(1) translateY(-20%);\n  }\n  75% {\n    transform: scale(0.9) translateY(-10%);\n  }\n  100% {\n    transform: scale(1) translateY(0%);\n  }\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { translations } from './translations';\nimport { en, awaitTopbar, uuidv4 } from '@/globals/helpers';\nimport type { PnLanguages, PnStepProps } from '@/globals/types';\n\n/**\n * The `pn-progress-stepper` is used to visualize the users progress through a flow (checkout/survey, etc...).\n **/\n@Component({\n  tag: 'pn-progress-stepper',\n  styleUrl: 'pn-progress-stepper.scss',\n})\nexport class PnProgressStepper {\n  private readonly id: string = `pn-progress-stepper-${uuidv4()}`;\n\n  private readonly minStep: 1 = 1;\n  private readonly maxStep: 7 = 7;\n\n  @Element() hostElement: HTMLElement;\n\n  @State() private builtInLabel: string;\n  /** Percentage calculated with currentStep / totalSteps. */\n  @State() private progressValue: number = 0;\n\n  /** Set custom label for the stepper, default label is \"Step\". */\n  @Prop() label?: string = '';\n  /** Set a custom HTML id on the progress stepper element to associate progress bar with label. */\n  @Prop() progressStepperId?: string = '';\n  /**\n   * Set the language manually, only use this prop if the pnTopbar is not loaded.\n   * Will not overwrite the custom `label` prop if used.\n   **/\n  @Prop() language?: PnLanguages = null;\n\n  /** Set total amount of steps, maximum allowed is `7`. @category Steps */\n  @Prop({ mutable: true }) totalSteps: number = this.maxStep;\n  /** The current step of the progress stepper. @category Steps */\n  @Prop({ mutable: true }) currentStep: number = this.minStep;\n  /** You can add a custom optional string to the label if you need a name for the current step. @category Steps */\n  @Prop() stepName?: string;\n\n  /**\n   * Use the dots visual, instead of the bar.\n   *\n   * This will hide the label from view, but is still accessible to screenreaders.\n   *\n   * @since v7.16.0\n   * @category Visual\n   */\n  @Prop() dots: boolean = false;\n\n  @Watch('currentStep')\n  @Watch('totalSteps')\n  stepWatchers(a: number, b: number, c: 'currentStep' | 'totalSteps') {\n    if (c === 'currentStep') this.validate(a, 'currentStep');\n    if (c === 'totalSteps') this.validate(b, 'totalSteps');\n    this.calculateProgress();\n  }\n\n  @Watch('language')\n  watchLanguage() {\n    this.builtInLabel = translations.STEP[this.language || en];\n  }\n\n  async componentWillLoad() {\n    this.watchLanguage();\n\n    this.validate(this.currentStep, 'currentStep');\n    this.validate(this.totalSteps, 'totalSteps');\n\n    this.calculateProgress();\n\n    if (this.language === null) await awaitTopbar(this.hostElement);\n  }\n\n  private validate(step: number, prop: PnStepProps) {\n    const componentName = this.hostElement.localName;\n    if (step < this.minStep) {\n      console.warn(\n        `${componentName}: The ${prop} ${step} is below the minimum allowed steps of ${this.minStep}. ${prop} will default to ${this.minStep}.`,\n      );\n      this[prop] = this.minStep;\n    }\n    if (prop === 'currentStep' && step > this.totalSteps) {\n      console.warn(\n        `${componentName}: The ${prop} ${step} is above totalSteps ${this.totalSteps}, ${prop} will default to ${this.totalSteps}.`,\n      );\n      this[prop] = this.totalSteps;\n    }\n    if (step > this.maxStep) {\n      console.warn(\n        `${componentName}: The ${prop} ${step} is above the maximum allowed steps of ${this.maxStep}. ${prop} will default to ${this.maxStep}.`,\n      );\n      this[prop] = this.maxStep;\n    }\n  }\n\n  private calculateProgress() {\n    try {\n      this.progressValue = Math.floor((this.currentStep / this.totalSteps) * 100);\n      this.hostElement.style.setProperty('--pn-progress-value', `${this.progressValue}%`);\n    } catch (error) {\n      console.error(`${this.hostElement.localName}:`, error.message);\n    }\n  }\n\n  private getLabel() {\n    return this.label || this.builtInLabel;\n  }\n\n  private getId() {\n    return this.progressStepperId || this.id;\n  }\n\n  render() {\n    return (\n      <Host>\n        <label htmlFor={this.getId()} class={'pn-progress-label' + (this.dots ? ' pn-progress-sr-only' : '')}>\n          <span>\n            {this.getLabel()} {this.currentStep}/{this.totalSteps}\n          </span>\n          {this.stepName && <span> - {this.stepName}</span>}\n        </label>\n        <progress id={this.getId()} class=\"pn-progress-sr-only\" max=\"100\" value={this.progressValue} />\n\n        {this.dots ? (\n          <div class=\"pn-progress-dots\" aria-hidden=\"true\">\n            {[...Array(this.totalSteps)].map((_, i) => (\n              <div class=\"pn-progress-dot\" data-active={i + 1 <= this.currentStep} key={i} />\n            ))}\n          </div>\n        ) : (\n          <div aria-hidden=\"true\" class=\"pn-progress\">\n            <div class=\"pn-progress-value\" data-full={this.currentStep === this.totalSteps} />\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"names":["uuidv4","en","awaitTopbar","h","Host"],"mappings":"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"}