@postnord/pn-marketweb-components 4.1.0 → 4.1.2

package/umd/modules/@postnord/web-components/collection/components/input/pn-radio-button/pn-radio-button.js.map

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

package/umd/modules/@postnord/web-components/collection/components/input/pn-search-field/pn-search-field.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pn-search-field.js","sourceRoot":"","sources":["../../../../src/components/input/pn-search-field/pn-search-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAgB,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC/F,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,qCAAqC,CAAC;AAE1E,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C;;;;;GAKG;AAKH,MAAM,OAAO,aAAa;IACxB,EAAE,GAAW,mBAAmB,MAAM,EAAE,EAAE,CAAC;IAC3C,aAAa,CAAmB;IAErB,WAAW,CAAc;IAEpC,kDAAkD;IAC1C,KAAK,CAAU;IACvB,yCAAyC;IAChB,KAAK,GAAW,EAAE,CAAC;IAC5C,4EAA4E;IACpE,WAAW,CAAU;IAC7B,4CAA4C;IACpC,QAAQ,GAAW,IAAI,CAAC,EAAE,CAAC;IACnC,yCAAyC;IACjC,IAAI,CAAU;IACtB,0DAA0D;IAClD,YAAY,CAAU;IAC9B,gDAAgD;IACxC,IAAI,CAAU;IACtB,sCAAsC;IAC9B,QAAQ,GAAiB,IAAI,CAAC;IAEtC,gDAAgD;IACxC,QAAQ,GAAY,KAAK,CAAC;IAClC,wDAAwD;IAChD,QAAQ,GAAY,KAAK,CAAC;IAClC,iDAAiD;IACzC,OAAO,GAAY,KAAK,CAAC;IAEjC;;;;;;;;;;OAUG;IACK,MAAM,GAAwB,EAAE,CAAC;IACzC,qDAAqD;IAC7C,WAAW,CAAU;IAC7B,2DAA2D;IACnD,aAAa,CAAU;IAC/B;;;;;OAKG;IACK,WAAW,GAAY,KAAK,CAAC;IAErC,yEAAyE;IAChE,MAAM,CAAuB;IACtC,kIAAkI;IACzH,MAAM,CAAuB;IAGtC,YAAY;QACV,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED,KAAK,CAAC,iBAAiB;QACrB,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI;YAAE,MAAM,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAClE,CAAC;IAEO,SAAS,CAAC,IAAY;QAC5B,OAAO,YAAY,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;IACrD,CAAC;IAEO,UAAU,CAAC,EAAE,KAAK,EAAE,MAAM,EAAkD;QAClF,IAAI,KAAK,EAAE,IAAI,KAAK,OAAO,IAAI,CAAC,MAAM,EAAE,IAAI,KAAK,SAAS,IAAI,MAAM,EAAE,GAAG,KAAK,OAAO,CAAC,EAAE,CAAC;YACvF,yGAAyG;YACzG,MAAM,KAAK,GAAG,KAAK,IAAI,MAAM,CAAC;YAC9B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC;IAEO,MAAM,CAAC,CAAa;QAC1B,IAAI,CAAC,KAAK,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC;IACpD,CAAC;IAEO,UAAU;QAChB,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC7B,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,CAAC;IAClD,CAAC;IAEO,cAAc;QACpB,OAAO,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IACtD,CAAC;IAED,6BAA6B;IACrB,YAAY;QAClB,OAAO,IAAI,CAAC,MAAM,KAAK,MAAM,IAAI,IAAI,CAAC,MAAM,KAAK,QAAQ,CAAC;IAC5D,CAAC;IAED,0CAA0C;IAClC,UAAU;QAChB,OAAO,IAAI,CAAC,MAAM,KAAK,aAAa,IAAI,IAAI,CAAC,MAAM,KAAK,MAAM,IAAI,IAAI,CAAC,MAAM,KAAK,MAAM,CAAC;IAC3F,CAAC;IAEO,WAAW;QACjB,OAAO,IAAI,CAAC,MAAM,KAAK,OAAO,CAAC;IACjC,CAAC;IAEO,sBAAsB;QAC5B,OAAO,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;IAC9C,CAAC;IAEO,mBAAmB;QACzB,OAAO,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;IACjD,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DACE,KAAK,EAAC,iBAAiB,iBACV,IAAI,CAAC,UAAU,EAAE,kBAChB,IAAI,CAAC,OAAO,oBACV,CAAC,CAAC,IAAI,CAAC,KAAK,gBAChB,IAAI,CAAC,WAAW,EAAE;gBAE9B,4DAAK,KAAK,EAAC,2BAA2B;oBACpC,8DACE,KAAK,EAAC,uBAAuB,EAC7B,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,EAAE,EAAE,IAAI,CAAC,QAAQ,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,gBACH,IAAI,CAAC,KAAK,EACtB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC,EACpC,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAC9C,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAC5B;oBAEF,4DAAK,KAAK,EAAC,wBAAwB;wBAChC,IAAI,CAAC,UAAU,EAAE,IAAI,CACpB,kEACE,KAAK,EAAC,wBAAwB,EAC9B,IAAI,EAAC,QAAQ,EACb,UAAU,EAAC,OAAO,EAClB,KAAK,QACL,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,IAAI,EACd,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,EAChC,KAAK,EAAE,IAAI,CAAC,OAAO,EACnB,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GACpD,CACH;wBAEA,CAAC,IAAI,CAAC,QAAQ,IAAI,CACjB,kEACE,KAAK,QACL,KAAK,EAAC,uBAAuB,EAC7B,IAAI,EAAC,QAAQ,EACb,UAAU,EAAC,OAAO,EAClB,IAAI,EAAE,WAAW,EACjB,QAAQ,EAAE,IAAI,EACd,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,EAClC,KAAK,EAAE,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,EAClC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,GAClC,CACH;wBAEA,IAAI,CAAC,UAAU,EAAE,IAAI,mEAAY,KAAK,EAAC,yBAAyB,GAAc,CAC3E,CACF;gBAEL,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CACrB,kEACE,KAAK,EAAC,wBAAwB,EAC9B,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAC5B,OAAO,EAAE,IAAI,CAAC,aAAa,EAC3B,UAAU,EAAE,IAAI,CAAC,sBAAsB,EAAE,EACzC,OAAO,EAAE,IAAI,CAAC,mBAAmB,EAAE,EACnC,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,EACnD,SAAS,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,IAAI,EACnF,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GACpD,CACH,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { uuidv4, awaitTopbar, en } from '@/globals/helpers';\nimport { Component, Prop, h, Host, Event, EventEmitter, Element, Listen } from '@stencil/core';\nimport { close_small, search } from 'pn-design-assets/pn-assets/icons.js';\nimport type { PnButtonAppearance, PnButtonVariant, PnLanguages, PnSearchFieldButton } from '@/globals/types';\nimport { translations } from './translations';\n\n/**\n * The search field has multiple button variants that changes the visual appearance.\n *\n * @nativeInput Use the `input` event to listen to content being modified by the user. It is emitted everytime a user writes or removes content in the input.\n * @nativeChange The `change` event is emitted when the input loses focus, the user clicks `Enter` or makes a selection (such as auto complete or suggestions).\n */\n@Component({\n  tag: 'pn-search-field',\n  styleUrl: 'pn-search-field.scss',\n})\nexport class PnSearchField {\n  id: string = `pn-search-field-${uuidv4()}`;\n  searchElement: HTMLInputElement;\n\n  @Element() hostElement: HTMLElement;\n\n  /** Provide an aria-label for the search field. */\n  @Prop() label!: string;\n  /** Set the value of the search field. */\n  @Prop({ mutable: true }) value: string = '';\n  /** Set a search field placeholder. This is no replacement for a `label`. */\n  @Prop() placeholder?: string;\n  /** Set a unique ID for the search input. */\n  @Prop() searchid: string = this.id;\n  /** Set HTML name of the search input. */\n  @Prop() name?: string;\n  /** Allow the browser to autocomplete the search field. */\n  @Prop() autocomplete?: string;\n  /** Point to a datalist element with this id. */\n  @Prop() list?: string;\n  /** Override the pntopbar language. */\n  @Prop() language?: PnLanguages = null;\n\n  /** Disable the search field. @category State */\n  @Prop() disabled: boolean = false;\n  /** Set the search field as required. @category State */\n  @Prop() required: boolean = false;\n  /** Display loading animation. @category State */\n  @Prop() loading: boolean = false;\n\n  /**\n   * Button variant changes the visual of the search field:\n   * - `''` Standard with a blue button.\n   * - `simple` | ~~`icon`~~ with simple white icon only button.\n   * - `auto` | ~~`icon-inline`~~ | ~~`none`~~ with a white inline search button.\n   * - `jumbo` with a larger blue icon only button.\n   *\n   * @since v7.18.0: Use `''`, `simple`, `auto` or `jumbo`.\n   *\n   * @category Button\n   */\n  @Prop() button: PnSearchFieldButton = '';\n  /** Label for the button element. @category Button */\n  @Prop() buttonLabel?: string;\n  /** Add a tooltip to the search button. @category Button */\n  @Prop() buttonTooltip?: string;\n  /**\n   * Light instead of dark search button.\n   *\n   * @deprecated The color is now set automatically based on the button prop.\n   * @category Button\n   */\n  @Prop() buttonLight: boolean = false;\n\n  /** This is emitted on search submission both with keyboard and mouse. */\n  @Event() search: EventEmitter<string>;\n  /** Custom event that handles both clearing and input to have the option of just binding listeners to one event instead of two. */\n  @Event() update: EventEmitter<string>;\n\n  @Listen('input')\n  inputHandler() {\n    this.update.emit(this.value);\n  }\n\n  async componentWillLoad() {\n    if (this.language === null) await awaitTopbar(this.hostElement);\n  }\n\n  private translate(prop: string) {\n    return translations?.[prop]?.[this.language || en];\n  }\n\n  private emitSearch({ click, button }: { click?: MouseEvent; button?: KeyboardEvent }) {\n    if (click?.type === 'click' || (button?.type === 'keydown' && button?.key === 'Enter')) {\n      // We prevent the native search event since it's not supported in IE and FF, then we emit our own instead\n      const event = click || button;\n      event.preventDefault();\n      this.search.emit(this.value);\n    }\n  }\n\n  private setVal(e: InputEvent) {\n    this.value = (e.target as HTMLInputElement).value;\n  }\n\n  private clearInput() {\n    this.value = '';\n    this.update.emit(this.value);\n    this.hostElement.querySelector('input').focus();\n  }\n\n  private getButtonLabel() {\n    return this.buttonLabel || this.translate('SEARCH');\n  }\n\n  /** icon === simple-search */\n  private searchSimple() {\n    return this.button === 'icon' || this.button === 'simple';\n  }\n\n  /** none | icon-inline  === auto-search */\n  private searchAuto() {\n    return this.button === 'icon-inline' || this.button === 'none' || this.button === 'auto';\n  }\n\n  private searchJumbo() {\n    return this.button === 'jumbo';\n  }\n\n  private searchButtonAppearance(): PnButtonAppearance {\n    return this.searchSimple() ? 'light' : null;\n  }\n\n  private searchButtonVariant(): PnButtonVariant {\n    return this.searchSimple() ? 'outlined' : null;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div\n          class=\"pn-search-field\"\n          data-inline={this.searchAuto()}\n          data-loading={this.loading}\n          data-searching={!!this.value}\n          data-jumbo={this.searchJumbo()}\n        >\n          <div class=\"pn-search-field-container\">\n            <input\n              class=\"pn-search-field-input\"\n              type=\"search\"\n              value={this.value}\n              id={this.searchid}\n              name={this.name}\n              aria-label={this.label}\n              placeholder={this.placeholder}\n              disabled={this.disabled}\n              required={this.required}\n              autocomplete={this.autocomplete}\n              list={this.list}\n              ref={el => (this.searchElement = el)}\n              onKeyDown={e => this.emitSearch({ button: e })}\n              onInput={e => this.setVal(e)}\n            />\n\n            <div class=\"pn-search-field-inline\">\n              {this.searchAuto() && (\n                <pn-button\n                  class=\"pn-search-field-button\"\n                  type=\"button\"\n                  appearance=\"light\"\n                  small\n                  icon={search}\n                  iconOnly={true}\n                  arialabel={this.getButtonLabel()}\n                  noTab={this.loading}\n                  onPnClick={e => this.emitSearch({ click: e.detail })}\n                />\n              )}\n\n              {!this.disabled && (\n                <pn-button\n                  small\n                  class=\"pn-search-field-clear\"\n                  type=\"button\"\n                  appearance=\"light\"\n                  icon={close_small}\n                  iconOnly={true}\n                  arialabel={this.translate('CLEAR')}\n                  noTab={!this.value || this.loading}\n                  onPnClick={() => this.clearInput()}\n                />\n              )}\n\n              {this.searchAuto() && <pn-spinner class=\"pn-search-field-spinner\"></pn-spinner>}\n            </div>\n          </div>\n\n          {!this.searchAuto() && (\n            <pn-button\n              class=\"pn-search-field-submit\"\n              label={this.getButtonLabel()}\n              tooltip={this.buttonTooltip}\n              appearance={this.searchButtonAppearance()}\n              variant={this.searchButtonVariant()}\n              icon={search}\n              iconOnly={this.searchSimple() || this.searchJumbo()}\n              arialabel={this.searchSimple() || this.searchJumbo() ? this.getButtonLabel() : null}\n              loading={this.loading}\n              onPnClick={e => this.emitSearch({ click: e.detail })}\n            />\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/umd/modules/@postnord/web-components/collection/components/input/pn-search-field/translations.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"translations.js","sourceRoot":"","sources":["../../../../src/components/input/pn-search-field/translations.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,MAAM,EAAE;QACN,EAAE,EAAE,QAAQ;QACZ,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;KACV;IACD,KAAK,EAAE;QACL,EAAE,EAAE,oBAAoB;QACxB,EAAE,EAAE,iBAAiB;QACrB,EAAE,EAAE,gBAAgB;QACpB,EAAE,EAAE,qBAAqB;QACzB,EAAE,EAAE,gBAAgB;KACrB;CACF,CAAC","sourcesContent":["export const translations = {\n  SEARCH: {\n    en: 'Search',\n    sv: 'Sök',\n    da: 'Søg',\n    fi: 'Hae',\n    no: 'Søk',\n  },\n  CLEAR: {\n    en: 'Clear search field',\n    sv: 'Rensa sökfältet',\n    da: 'Ryd søgefeltet',\n    fi: 'Tyhjennä hakukenttä',\n    no: 'Tøm søkefeltet',\n  },\n};\n"]}

package/umd/modules/@postnord/web-components/collection/components/input/pn-segmented-control/pn-segmented-control.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pn-segmented-control.js","sourceRoot":"","sources":["../../../../src/components/input/pn-segmented-control/pn-segmented-control.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Prop, h, Host, Listen, State, Watch, forceUpdate } from '@stencil/core';\nimport { arrow_left, arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n/**\n * The `pn-segmented-control` and `pn-segmented` is built with native `input[type=\"radio\"]` in the background.\n * This means you can use native events to listen to the changes.\n *\n * @nativeChange Use the `change` event to listen when the segment state is being changed.\n */\n@Component({\n  tag: 'pn-segmented-control',\n  styleUrl: 'pn-segmented-control.scss',\n})\nexport class PnSegmentedControl {\n  mo: MutationObserver;\n\n  segmentContainer: HTMLDivElement;\n  segments: HTMLPnSegmentElement[] = [];\n  activeBg: HTMLDivElement;\n  hoverBg: HTMLDivElement;\n\n  scrollRegistered: boolean = false;\n\n  @Element() hostElement: HTMLElement;\n\n  @State() showScrollArrows: boolean = false;\n  @State() showLeftArrow: boolean = false;\n  @State() showRightArrow: boolean = false;\n\n  /** This is the name of the radio buttons inside the controller. @deprecated Set the name in the nested `pn-segment` components. */\n  @Prop() name!: string;\n  /** Currently active segment value. */\n  @Prop({ mutable: true }) value: string;\n\n  @Watch('value')\n  valueHandler() {\n    this.setActiveSegment();\n  }\n\n  @Listen('change')\n  changeHandler(event: InputEvent) {\n    const target = event.target as HTMLInputElement;\n\n    this.value = target.value;\n    this.setActiveSegment();\n  }\n\n  @Listen('resize', { target: 'window' })\n  handleResize() {\n    this.rerender();\n  }\n\n  @Listen('segmentHover')\n  handleHover(event: CustomEvent) {\n    const { target } = event.detail;\n    this.calcHighlight(target, true);\n  }\n\n  componentDidLoad() {\n    if (this.mo) this.mo.disconnect();\n\n    this.mo = new MutationObserver(() => {\n      forceUpdate(this.hostElement);\n      this.setSegments();\n    });\n\n    this.mo.observe(this.hostElement, { childList: true });\n\n    this.setSegments();\n  }\n\n  setSegments() {\n    this.segments = Array.from(this.hostElement.querySelectorAll('pn-segment'));\n    this.setActiveSegment();\n  }\n\n  setActiveSegment() {\n    this.segments.forEach(segmentEl => {\n      if (this.value === segmentEl.value) segmentEl.setAttribute('selected', 'true');\n      else segmentEl.removeAttribute('selected');\n    });\n    this.rerender();\n  }\n\n  rerender() {\n    requestAnimationFrame(() => {\n      this.calcHighlight();\n      this.scrollArrowRender();\n    });\n  }\n\n  /*---------------------------------------HIGHLIGHT LOGIC-------------------------------------------*/\n  calcHighlight(element?: HTMLElement, hover?: boolean) {\n    const chip = hover ? this.hoverBg : this.activeBg;\n    requestAnimationFrame(() => {\n      const el = element || this.segments.find(({ value }) => value === this.value);\n      const elSegment = el?.closest('pn-segment');\n      if (!elSegment) return;\n      const elRect = elSegment.getBoundingClientRect();\n      const { left: hostLeft } = this.segmentContainer.getBoundingClientRect();\n      const { left: segmentLeft, height: segmentHeight, width: segmentWidth } = elRect;\n\n      const offset = segmentLeft - hostLeft + this.segmentContainer.scrollLeft;\n\n      chip.style.setProperty('transform', `translate(${offset}px, -50%`);\n      chip.style.setProperty('width', `${segmentWidth}px`);\n      chip.style.setProperty('height', `${segmentHeight}px`);\n      (el as HTMLPnSegmentElement).disabled ? (chip.dataset.disabled = '') : delete chip.dataset.disabled;\n    });\n  }\n  /*---------------------------------------/HIGHLIGHT LOGIC-------------------------------------------*/\n\n  /*---------------------------------------SCROLL ARROW LOGIC-------------------------------------------*/\n  scrollArrowRender() {\n    if (this.segmentContainer.scrollWidth > this.segmentContainer.clientWidth) {\n      this.showScrollArrows = true;\n\n      if (!this.scrollRegistered) {\n        this.segmentContainer.addEventListener('scroll', this.scrollArrowRender.bind(this));\n        this.scrollRegistered = true;\n      }\n\n      const amountScrolled = Math.round(this.segmentContainer.scrollWidth - this.segmentContainer.scrollLeft);\n      const distanceToEnd = amountScrolled - this.segmentContainer.clientWidth;\n      const distanceToStart = this.segmentContainer.scrollLeft;\n\n      this.showLeftArrow = distanceToStart > 0;\n      this.showRightArrow = distanceToEnd > 0;\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.segmentContainer.scrollLeft + val;\n\n    this.segmentContainer.scroll({\n      left: amount,\n      behavior: 'smooth',\n    });\n  }\n\n  scrollArrowClasses() {\n    const list = ['pn-sc-arrows'];\n\n    if (this.showLeftArrow) list.push('pn-sc-left-visible');\n    if (this.showRightArrow) list.push('pn-sc-right-visible');\n\n    return list.join(' ');\n  }\n  /*---------------------------------------/SCROLL ARROW LOGIC-------------------------------------------*/\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-segmented-control\" ref={el => (this.segmentContainer = el)}>\n          <slot />\n          <div class=\"pn-sc-bg\" data-active ref={el => (this.activeBg = el)}></div>\n          <div class=\"pn-sc-bg\" data-hover ref={el => (this.hoverBg = el)}></div>\n        </div>\n\n        <div class={this.scrollArrowClasses()} hidden={!this.showScrollArrows}>\n          <button\n            aria-label=\"Left\"\n            class=\"pn-sc-arrow pn-sc-arrow-left\"\n            onClick={() => this.scroll(-120)}\n            tabindex=\"-1\"\n          >\n            <pn-icon icon={arrow_left} />\n          </button>\n\n          <button\n            aria-label=\"Right\"\n            class=\"pn-sc-arrow pn-sc-arrow-right\"\n            onClick={() => this.scroll(120)}\n            tabindex=\"-1\"\n          >\n            <pn-icon icon={arrow_right} />\n          </button>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/umd/modules/@postnord/web-components/collection/components/input/pn-segmented-control/segment/pn-segment.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pn-segment.js","sourceRoot":"","sources":["../../../../../src/components/input/pn-segmented-control/segment/pn-segment.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAEvF;;;GAGG;AAKH,MAAM,OAAO,SAAS;IACpB,EAAE,GAAW,cAAc,MAAM,EAAE,EAAE,CAAC;IAE3B,WAAW,CAAc;IAEpC,yDAAyD;IACjD,KAAK,CAAU;IACvB,mCAAmC;IAC3B,IAAI,CAAU;IACtB,yBAAyB;IACjB,KAAK,CAAU;IACvB,2GAA2G;IACnG,QAAQ,GAAY,KAAK,CAAC;IAClC,wBAAwB;IAChB,SAAS,GAAW,IAAI,CAAC,EAAE,CAAC;IACpC,4CAA4C;IACpC,IAAI,CAAU;IACtB,yCAAyC;IACjC,QAAQ,GAAY,KAAK,CAAC;IAElC,uFAAuF;IAC9E,YAAY,CAA2B;IAChD,WAAW,CAAC,KAAiB;QAC3B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,YAAY,EAAE,CAAC,KAAiB,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;YAChE,8DACE,KAAK,EAAC,YAAY,EAClB,EAAE,EAAE,IAAI,CAAC,SAAS,EAClB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACvB;YACF,8DAAO,OAAO,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAC,kBAAkB;gBACrD,IAAI,CAAC,IAAI,IAAI,gEAAS,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAC,SAAS,GAAW;gBAClE,6DAAM,KAAK,EAAC,iBAAiB;oBAC1B,IAAI,CAAC,KAAK;oBACX,8DAAa,CACR,CACD,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { uuidv4 } from '@/globals/helpers';\nimport { Component, Element, Prop, h, Host, Event, EventEmitter } from '@stencil/core';\n\n/**\n * The `pn-segment` is built with a native `input[type=\"radio\"]` in the background.\n * Do not listen to events on the `pn-segment`, but on the `pn-segmented-control` instead.\n */\n@Component({\n  tag: 'pn-segment',\n  styleUrl: 'pn-segment.scss',\n})\nexport class PnSegment {\n  id: string = `pn-segment-${uuidv4()}`;\n\n  @Element() hostElement: HTMLElement;\n\n  /** The segment label, same as the slot. @since v7.7.0 */\n  @Prop() label?: string;\n  /** The segment controller name. */\n  @Prop() name!: string;\n  /** The segment value. */\n  @Prop() value!: string;\n  /** Set the segment as selected. Used by the `pn-segmented-control`. **Do not use manually**. @hide true */\n  @Prop() selected: boolean = false;\n  /** A unique HTML id. */\n  @Prop() segmentid: string = this.id;\n  /** The SVG content of the icon you want. */\n  @Prop() icon?: string;\n  /** Disable the segment. @since v7.7.0 */\n  @Prop() disabled: boolean = false;\n\n  /** This event is used by the `pn-segmented-control` component. Do not use manually. */\n  @Event() segmentHover: EventEmitter<MouseEvent>;\n  handleHover(mouse: MouseEvent) {\n    this.segmentHover.emit(mouse);\n  }\n\n  render() {\n    return (\n      <Host onMouseEnter={(event: MouseEvent) => this.handleHover(event)}>\n        <input\n          class=\"pn-segment\"\n          id={this.segmentid}\n          name={this.name}\n          checked={this.selected}\n          type=\"radio\"\n          value={this.value}\n          disabled={this.disabled}\n        />\n        <label htmlFor={this.segmentid} class=\"pn-segment-label\">\n          {this.icon && <pn-icon icon={this.icon} color=\"blue700\"></pn-icon>}\n          <span class=\"pn-segment-text\">\n            {this.label}\n            <slot></slot>\n          </span>\n        </label>\n      </Host>\n    );\n  }\n}\n"]}

package/umd/modules/@postnord/web-components/collection/components/input/pn-select/pn-select.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pn-select.js","sourceRoot":"","sources":["../../../../src/components/input/pn-select/pn-select.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Host, Element, Prop, forceUpdate } from '@stencil/core';\nimport { alert_exclamation_circle, chevron_down } from 'pn-design-assets/pn-assets/icons.js';\nimport { uuidv4 } from '@/index';\n\n/**\n * The `pn-select` uses a native `select` element under the hood.\n * Use the slot to include `option` elements.\n *\n * Just like a regular `select`, you can use the `selected` prop on the nested option elements to preselect an option.\n *\n * @slot - This is the default slot, where the `option` elements go.\n *\n * @nativeChange Use the `change` event to listen to changes on the select element.\n */\n@Component({\n  tag: 'pn-select',\n  styleUrl: 'pn-select.scss',\n})\nexport class PnSelect {\n  id: string = `pn-select-${uuidv4()}`;\n  idHelpertext: string = `${this.id}-text`;\n\n  select: HTMLSelectElement;\n\n  mo: MutationObserver;\n\n  @Element() hostElement: HTMLElement;\n\n  /** Label placed above the select. */\n  @Prop() label!: string;\n  /** Display a helper text underneath the select. */\n  @Prop() helpertext?: string;\n  /** Select HTML id */\n  @Prop() selectId: string = this.id;\n  /** Display an icon to the left of the select input. */\n  @Prop() icon?: string;\n\n  /** HTML select name. @category HTML */\n  @Prop() name: string;\n  /** HTML form name. @category HTML */\n  @Prop() form: string;\n  /** HTML autocomplete. @category HTML */\n  @Prop() autocomplete: string;\n  /**\n   * Set the select as required.\n   * @category Validation\n   */\n  @Prop() required?: boolean = false;\n  /**\n   * Disable the select.\n   * @category Validation\n   */\n  @Prop() disabled?: boolean = false;\n  /**\n   * Trigger the invalid state.\n   * @category Validation\n   */\n  @Prop() invalid?: boolean = false;\n  /**\n   * Display an error message and trigger the invalid state.\n   * @category Validation\n   */\n  @Prop() error?: string;\n\n  componentDidLoad() {\n    if (this.mo) this.mo.disconnect();\n\n    this.mo = new MutationObserver(() => forceUpdate(this.hostElement));\n\n    this.mo.observe(this.hostElement, { childList: true, subtree: true });\n  }\n\n  hasError() {\n    return this.invalid || !!this.error;\n  }\n\n  hasMessage() {\n    return !!this.helpertext || !!this.error;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-select\" data-error={this.hasError()}>\n          {this.label && (\n            <label htmlFor={this.selectId} class=\"pn-select-label\">\n              <span>{this.label}</span>\n            </label>\n          )}\n          <div class=\"pn-select-input\">\n            {this.icon && <pn-icon class=\"pn-select-icon\" icon={this.icon} data-custom aria-hidden=\"true\" />}\n\n            {this.hasError() && (\n              <pn-icon\n                class=\"pn-select-icon\"\n                icon={alert_exclamation_circle}\n                color=\"warning\"\n                data-error\n                aria-hidden=\"true\"\n              />\n            )}\n\n            <select\n              id={this.selectId}\n              class=\"pn-select-element\"\n              name={this.name}\n              form={this.form}\n              autocomplete={this.autocomplete}\n              aria-describedby={this.hasMessage() && this.idHelpertext}\n              aria-invalid={this.hasError().toString()}\n              disabled={this.disabled}\n              data-placeholder={this.select?.value === ''}\n              ref={el => (this.select = el)}\n            >\n              <slot />\n            </select>\n\n            <pn-icon class=\"pn-select-icon\" icon={chevron_down} color=\"blue700\" data-default aria-hidden=\"true\" />\n          </div>\n\n          {this.hasMessage() && (\n            <p id={this.idHelpertext} class=\"pn-select-helper\" role={!!this.error ? 'alert' : null}>\n              <span>{this.error || this.helpertext}</span>\n            </p>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/umd/modules/@postnord/web-components/collection/components/input/pn-select/translations.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"translations.js","sourceRoot":"","sources":["../../../../src/components/input/pn-select/translations.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,gBAAgB,EAAE;QAChB,EAAE,EAAE,kBAAkB;QACtB,EAAE,EAAE,qBAAqB;QACzB,EAAE,EAAE,kBAAkB;QACtB,EAAE,EAAE,oBAAoB;QACxB,EAAE,EAAE,oBAAoB;KACzB;IACD,MAAM,EAAE;QACN,EAAE,EAAE,QAAQ;QACZ,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;KACV;IACD,aAAa,EAAE;QACb,EAAE,EAAE,eAAe;QACnB,EAAE,EAAE,qBAAqB;QACzB,EAAE,EAAE,mBAAmB;QACvB,EAAE,EAAE,qBAAqB;QACzB,EAAE,EAAE,qBAAqB;KAC1B;IACD,iBAAiB,EAAE;QACjB,EAAE,EAAE,kBAAkB;QACtB,EAAE,EAAE,0BAA0B;QAC9B,EAAE,EAAE,yBAAyB;QAC7B,EAAE,EAAE,0BAA0B;QAC9B,EAAE,EAAE,2BAA2B;KAChC;CACF,CAAC","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  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};\n"]}

package/umd/modules/@postnord/web-components/collection/components/input/pn-textarea/pn-textarea.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pn-textarea.js","sourceRoot":"","sources":["../../../../src/components/input/pn-textarea/pn-textarea.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, h, State, Element } from '@stencil/core';\nimport { uuidv4 } from '@/globals/helpers';\n\n/**\n * The `pn-textarea` is built with a native `textarea`.\n * This means you can use native events to listen to the input.\n *\n * @nativeInput Use the `input` event to listen to content being modified by the user.\n */\n@Component({\n  tag: 'pn-textarea',\n  styleUrl: 'pn-textarea.scss',\n})\nexport class PnTextarea {\n  id: string = `pn-textarea-${uuidv4()}`;\n  idHelper: string = `${this.id}-text`;\n\n  @Element() hostElement: HTMLElement;\n\n  /** The textarea content */\n  @State() content: number;\n\n  /** The label describing the textarea. */\n  @Prop() label!: string;\n  /** The textarea content, do not provide slotted content. */\n  @Prop() value: string = '';\n  /** Helper text that will appear underneath the textarea. Will be overwritten if you set an `error` string */\n  @Prop() helpertext?: string;\n\n  /** A unique ID connecting the element to the label. @category HTML Textarea */\n  @Prop() textareaid?: string = this.id;\n  /** HTML name. @category HTML Textarea */\n  @Prop() name?: string;\n  /** Set the associated form. @category HTML Textarea*/\n  @Prop() form?: string;\n  /** Set the row count for the textarea. @category HTML Textarea */\n  @Prop() rows?: number = 2;\n  /** Set the col count for the textarea. @category HTML Textarea */\n  @Prop() cols?: number = 20;\n  /** Set the wrap control. @category HTML Textarea */\n  @Prop() wrap?: string = 'soft';\n  /** The maximum number of characters the user should be able to add, also adds a visible counter. @category HTML Textarea */\n  @Prop() maxlength?: number;\n  /** Allow the browser to autocomplete the textarea. @category HTML Textarea */\n  @Prop() autocomplete?: string = 'off';\n  /** Allow the browser to spellcheck the textarea. @category HTML Textarea */\n  @Prop() spellcheck: boolean = false;\n  /** Placeholder for the textarea. @category HTML Textarea */\n  @Prop() placeholder?: string;\n  /** Allow the user to resize the textarea vertically. Handle width in your own layout. @category HTML Textarea */\n  @Prop() resize?: boolean = false;\n  /** Make the textarea required. @category HTML Textarea */\n  @Prop() required?: boolean = false;\n\n  /** Set the textarea as `valid`, will make the Label and focus rings green. @category State */\n  @Prop() valid?: boolean = false;\n  /** Set the textarea as `invalid`, will make the Label and focus rings red. @category State */\n  @Prop() invalid?: boolean = false;\n  /** Same as `invalid`, but will display the string as an error message under the textarea. @category State */\n  @Prop() error?: string;\n  /** Disable the textarea. @category State */\n  @Prop() disabled?: boolean = false;\n  /** Make the textarea readonly. @category State */\n  @Prop() readonly?: boolean = false;\n\n  componentWillLoad() {\n    if (this.textareaid !== this.id) {\n      this.idHelper = `${this.textareaid}-helper`;\n    }\n  }\n\n  setVal(event: Event) {\n    const value = (event.target as HTMLTextAreaElement).value;\n    this.value = value;\n  }\n\n  hasError(): boolean {\n    return this.invalid || !!this.error;\n  }\n\n  hasMessage(): boolean {\n    return !!(this.helpertext?.length || this.error?.length);\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-textarea\" data-valid={this.valid} data-error={this.hasError()} data-resize={this.resize}>\n          <label class=\"pn-textarea-label\" htmlFor={this.textareaid}>\n            <span>{this.label}</span>\n            {this.maxlength >= 1 && <span>{`${this.value?.length || 0}/${this.maxlength}`}</span>}\n          </label>\n          <textarea\n            class=\"pn-textarea-element\"\n            id={this.textareaid}\n            name={this.name}\n            rows={this.rows}\n            cols={this.cols}\n            wrap={this.wrap}\n            autocomplete={this.autocomplete}\n            spellcheck={this.spellcheck}\n            placeholder={this.placeholder}\n            maxlength={this.maxlength}\n            required={this.required}\n            disabled={this.disabled}\n            readonly={this.readonly}\n            aria-describedby={this.hasMessage() ? this.idHelper : null}\n            aria-invalid={this.hasError().toString()}\n            onInput={e => this.setVal(e)}\n            value={this.value}\n          />\n\n          {this.hasMessage() && (\n            <p id={this.idHelper} class=\"pn-textarea-text\" role={this.error?.length ? 'alert' : null}>\n              <span>{this.error || this.helpertext}</span>\n            </p>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/umd/modules/@postnord/web-components/collection/components/input/pn-toggle-switch/pn-toggle-switch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pn-toggle-switch.js","sourceRoot":"","sources":["../../../../src/components/input/pn-toggle-switch/pn-toggle-switch.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Prop, h, Host, Watch } from '@stencil/core';\nimport { uuidv4 } from '@/index';\n\n/**\n * The `pn-toggle-switch` is built with a native `input[type=\"checkbox\"]` in the background.\n * This means you can use native events to listen to the changes.\n *\n * @nativeChange Use the `change` event to listen when the switch state is being toggled.\n *\n * @slot helpertext - Set the helpertext with a slot instead of prop. Use a `span` element as wrapper.\n * Only use if you need HTML content, such as a link. {@since v7.12.0}\n */\n@Component({\n  tag: 'pn-toggle-switch',\n  styleUrl: 'pn-toggle-switch.scss',\n})\nexport class PnToggleSwitch {\n  private readonly id: string = `pn-toggle-${uuidv4()}`;\n  private idHelper: string = `${this.id}-helper`;\n\n  @Element() hostElement: HTMLElement;\n\n  /** A label for the toggle switch. */\n  @Prop() label!: string;\n  /** Provide a helpertext for the toggle switch. */\n  @Prop() helpertext?: string;\n  /** Precheck the toggle. */\n  @Prop({ mutable: true }) checked: boolean = false;\n  /** Set a unique HTML id. */\n  @Prop() toggleid: string = this.id;\n\n  /** HTML toggle name. @category HTML */\n  @Prop() name?: string = null;\n  /** HTML toggle value. @category HTML */\n  @Prop() value?: string = null;\n\n  /** Make the toggle smaller. @category Visual */\n  @Prop() small: boolean = false;\n  /** Make the toggle larger. @category Visual */\n  @Prop() large: boolean = false;\n\n  /** Disable the toggle. @category State */\n  @Prop() disabled: boolean = false;\n  /** Set the loading state. @category State */\n  @Prop() loading: boolean = false;\n\n  @Watch('toggleid')\n  handleHelperId() {\n    if (this.id !== this.toggleid) this.idHelper = `${this.toggleid}-helper`;\n  }\n\n  componentWillLoad() {\n    this.handleHelperId();\n  }\n\n  private hasHelpertextProp(): boolean {\n    return !!this.helpertext;\n  }\n\n  private hasHelpertextSlot(): boolean {\n    return !!this.hostElement.querySelector('[slot=\"helpertext\"]');\n  }\n\n  private showHelpertext(): boolean {\n    return this.hasHelpertextProp() || this.hasHelpertextSlot();\n  }\n\n  private describedBy(): string {\n    return this.showHelpertext() ? this.idHelper : null;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-toggle\">\n          {this.label && (\n            <div class=\"pn-toggle-content\">\n              <label htmlFor={this.toggleid} class=\"pn-toggle-label\">\n                <span>{this.label}</span>\n              </label>\n              <p id={this.idHelper} class=\"pn-toggle-helper\" hidden={!this.showHelpertext()}>\n                {this.hasHelpertextProp() && <span>{this.helpertext}</span>}\n                <slot name=\"helpertext\"></slot>\n              </p>\n            </div>\n          )}\n          <div class=\"pn-toggle-button\" data-small={this.small} data-large={this.large} data-loading={this.loading}>\n            <input\n              id={this.toggleid}\n              class=\"pn-toggle-element\"\n              type=\"checkbox\"\n              name={this.name}\n              value={this.value}\n              checked={this.checked}\n              disabled={this.disabled}\n              aria-describedby={this.describedBy()}\n            />\n            <div class=\"pn-toggle-bg\"></div>\n            <div class=\"pn-toggle-circle\">\n              <svg class=\"pn-toggle-check\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <polyline points=\"4,12 9,17 20,6\" stroke-width=\"3\" />\n              </svg>\n              <pn-spinner size={1.125} />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/umd/modules/@postnord/web-components/collection/components/layout/pn-header/pn-header.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pn-header.js","sourceRoot":"","sources":["../../../../src/components/layout/pn-header/pn-header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtF,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAEjE,MAAM,YAAY,GAA2B;IAC3C,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,SAAS;CACd,CAAC;AAEF;;;;;;;;;GASG;AAKH,MAAM,OAAO,QAAQ;IACX,EAAE,CAAmB;IAErB,aAAa,GAAY,KAAK,CAAC;IAC/B,UAAU,GAAY,KAAK,CAAC;IAEzB,WAAW,CAAc;IAEpC,6BAA6B;IACrB,OAAO,CAAS;IACxB,yEAAyE;IACjE,QAAQ,CAAU;IAE1B,WAAW;QACT,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC3B,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,aAAa,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IACnE,CAAC;IAED,gFAAgF;IACxE,UAAU,CAAU;IAC5B,kCAAkC;IAC1B,UAAU,CAAU;IAC5B,qHAAqH;IAC7G,QAAQ,GAAiB,IAAI,CAAC;IAEtC,iBAAiB;QACf,IAAI,CAAC,EAAE,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;YAClC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YAC9B,IAAI,CAAC,UAAU,EAAE,CAAC;QACpB,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IACxE,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,EAAE,EAAE,UAAU,EAAE,CAAC;IACxB,CAAC;IAED,KAAK,CAAC,iBAAiB;QACrB,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,IAAI,CAAC,WAAW,EAAE,CAAC;QAEnB,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI;YAAE,MAAM,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAClE,CAAC;IAEO,UAAU;QAChB,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAiB,qBAAqB,CAAC,CAAC;QAC7F,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAiB,kBAAkB,CAAC,CAAC;IACzF,CAAC;IAEO,cAAc;QACpB,OAAO,IAAI,CAAC,aAAa,IAAI,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC;IACzD,CAAC;IAEO,aAAa;QACnB,OAAO,IAAI,CAAC,UAAU,IAAI,YAAY,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;IAC9D,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,+DAAQ,KAAK,EAAC,WAAW;gBACvB,4DAAK,KAAK,EAAC,qBAAqB;oBAC9B,4DAAK,KAAK,EAAC,uBAAuB,EAAC,MAAM,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE;wBAC9D,IAAI,CAAC,UAAU,IAAI,CAClB,qEAAc,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,SAAG,CAChG;wBACD,6DAAM,IAAI,EAAC,YAAY,GAAQ,CAC3B;oBAEN,4DAAK,KAAK,EAAC,mBAAmB;wBAC3B,IAAI,CAAC,OAAO,IAAI,6DAAK,IAAI,CAAC,OAAO,CAAM;wBACxC,8DAAa,CACT;oBACN,4DAAK,KAAK,EAAC,mBAAmB,EAAC,MAAM,EAAE,CAAC,IAAI,CAAC,UAAU;wBACrD,6DAAM,IAAI,EAAC,SAAS,GAAQ,CACxB;oBACN,6DAAM,IAAI,EAAC,MAAM,GAAQ,CACrB,CACC,CACJ,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { en, awaitTopbar } from '@/globals/helpers';\nimport { PnLanguages } from '@/globals/types';\nimport { Component, h, Host, Element, Prop, forceUpdate, Watch } from '@stencil/core';\nimport { arrow_left } from 'pn-design-assets/pn-assets/icons.js';\n\nconst translations: Record<string, string> = {\n  sv: 'Tillbaka',\n  en: 'Back',\n  da: 'Tilbage',\n  fi: 'Takaisin',\n  no: 'Tilbake',\n};\n\n/**\n * The header component is a simple layout component used to display a page heading with optional text, buttons and tablist menu.\n *\n * @slot - The default slot is positioned below the heading and can be used to add additional text or elements.\n * @slot breadcrumb - This slot is reserved for a `pn-text-link` or another complex breadcrumb links structure.\n * Do not use this slot and the `go-back-href` prop at the same time.\n * @slot buttons - This slot is used to align multiple `pn-button` elements. However, we recommend a single button.\n * @slot menu - This slot is reserved for a `pn-tablist`.\n * This slot allows you to use the `href` prop on `pn-tab`, turning them into links instead of buttons.\n */\n@Component({\n  tag: 'pn-header',\n  styleUrl: 'pn-header.scss',\n})\nexport class PnHeader {\n  private mo: MutationObserver;\n\n  private hasBreadcrumb: boolean = false;\n  private hasButtons: boolean = false;\n\n  @Element() hostElement: HTMLElement;\n\n  /** The `h1` text content. */\n  @Prop() heading: string;\n  /** Set a inner container max-width, any width CSS value is accepted.  */\n  @Prop() maxWidth?: string;\n  @Watch('maxWidth')\n  setMaxWidth() {\n    if (!this.maxWidth) return;\n    this.hostElement.style.setProperty('--max-width', this.maxWidth);\n  }\n\n  /** The href for the go back link. If this is provided a button be displayed. */\n  @Prop() goBackHref?: string;\n  /** The text for the back link. */\n  @Prop() goBackText?: string;\n  /** Set the language manually, only use this prop if the pnTopbar is not loaded. Supported: sv, en, da, fi and no. */\n  @Prop() language?: PnLanguages = null;\n\n  connectedCallback() {\n    this.mo = new MutationObserver(() => {\n      forceUpdate(this.hostElement);\n      this.checkSlots();\n    });\n    this.mo.observe(this.hostElement, { subtree: true, childList: true });\n  }\n\n  disconnectedCallback() {\n    this.mo?.disconnect();\n  }\n\n  async componentWillLoad() {\n    this.checkSlots();\n    this.setMaxWidth();\n\n    if (this.language === null) await awaitTopbar(this.hostElement);\n  }\n\n  private checkSlots() {\n    this.hasBreadcrumb = !!this.hostElement.querySelector<HTMLDivElement>('[slot=\"breadcrumb\"]');\n    this.hasButtons = !!this.hostElement.querySelector<HTMLDivElement>('[slot=\"buttons\"]');\n  }\n\n  private showBreadcrumb() {\n    return this.hasBreadcrumb || !!this.goBackHref?.length;\n  }\n\n  private getButtonText() {\n    return this.goBackText || translations[this.language || en];\n  }\n\n  render() {\n    return (\n      <Host>\n        <header class=\"pn-header\">\n          <div class=\"pn-header-container\">\n            <div class=\"pn-header-breadcrumbs\" hidden={!this.showBreadcrumb()}>\n              {this.goBackHref && (\n                <pn-text-link label={this.getButtonText()} href={this.goBackHref} icon={arrow_left} leftIcon />\n              )}\n              <slot name=\"breadcrumb\"></slot>\n            </div>\n\n            <div class=\"pn-header-content\">\n              {this.heading && <h1>{this.heading}</h1>}\n              <slot></slot>\n            </div>\n            <div class=\"pn-header-buttons\" hidden={!this.hasButtons}>\n              <slot name=\"buttons\"></slot>\n            </div>\n            <slot name=\"menu\"></slot>\n          </div>\n        </header>\n      </Host>\n    );\n  }\n}\n"]}

package/umd/modules/@postnord/web-components/collection/components/navigation/pn-card/pn-card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pn-card.js","sourceRoot":"","sources":["../../../../src/components/navigation/pn-card/pn-card.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Host, Component, Prop, h, Element, Event, EventEmitter, State, Watch } from '@stencil/core';\nimport { arrow_right, open_in_new } from 'pn-design-assets/pn-assets/icons.js';\nimport { ripple, uuidv4 } from '@/index';\n\n/**\n * The card component is more than just a navigational element.\n * It is a flexible component that can be used as a product item, a clickable link card, etc...\n *\n * Setting the `href` prop will transform the entire `pn-card` into a clickable element.\n * If you need content to be interactable inside the card, do not use the `href` prop.\n *\n * @slot - The default slot is the primary content of the card. This is the same area where the `text` prop is located.\n * @slot image - Set a custom image/svg/illustration. Simply use an `img` tag with the slot \"image\".\n * @slot tags - Add `pn-tags` that will be positioned above the `label` and `overline` if used.\n * @slot header - The header content, same area that the `label` and `overline` props will appear.\n * @slot navigation - This slot is intended for one or more `pn-button` components.\n * Only use **without** the `href` prop. Having both at the same time makes the component inaccessible.\n *\n * @since v7.12.0\n */\n@Component({\n  tag: 'pn-card',\n  styleUrl: 'pn-card.scss',\n})\nexport class PnCard {\n  private readonly id: string = `pn-card-${uuidv4()}`;\n  private idTitle: string = `${this.id}-title`;\n\n  @State() visibleOutline: boolean = false;\n\n  @Element() hostElement: HTMLElement;\n\n  /** Headline of the card. Will act as label for the link if there is no `href-label` set. */\n  @Prop() label: string;\n  /** The label HTML tag. Default is `h3`. */\n  @Prop() labelTag?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' = 'h3';\n  /** Set a smaller text above the `label` text. */\n  @Prop() overline?: string;\n  /** Text content of the card. */\n  @Prop() text?: string;\n  /** Set a HTML id for the card. Optional and not required. */\n  @Prop() cardId?: string = null;\n\n  /**\n   * Uee the horizontal card layout.\n   * @category Features\n   * */\n  @Prop() horizontal?: boolean = false;\n  /** Reverse the order of which the image will wrap. @category Features */\n  @Prop() reverse?: boolean = false;\n  /**\n   * Select image aspect ratio. Example: '3/3', '16/9'.\n   * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio CSS documentation.}\n   * @category Features\n   * */\n  @Prop() aspectRatio?: string | '3/3' | '16/9' = '';\n\n  /** The card link. @category Href */\n  @Prop() href?: string;\n  /** The link text. @category Href */\n  @Prop() hrefLabel?: string;\n  /** The target attribute of the link. @category Href */\n  @Prop() target?: string;\n  /** The rel attribute of the link. @category Href */\n  @Prop() rel?: string = 'noopener noreferrer';\n  /** The link icon. Defaults to `arrow_right` or `open_in_new` if `target=\"_blank\"`. @category Href */\n  @Prop() icon?: string = null;\n\n  @Watch('cardId')\n  watchCardId() {\n    const id = this.cardId || this.id;\n    this.idTitle = `${id}-title`;\n  }\n\n  /** Emitted when you click on the card link (if you use the `href` prop). */\n  @Event() pnCard: EventEmitter<{ click: MouseEvent }>;\n\n  componentWillLoad() {\n    this.watchCardId();\n  }\n\n  private isExternal() {\n    return this.target === '_blank';\n  }\n\n  private showTitle() {\n    return !!this.label;\n  }\n\n  private showHref() {\n    return !!this.href && (this.hrefLabel || this.showTitle());\n  }\n\n  private getTitleId() {\n    return this.hrefLabel ? null : this.idTitle;\n  }\n\n  private getLabelledby() {\n    return this.hrefLabel ? null : this.showTitle() ? this.idTitle : null;\n  }\n\n  private getIcon() {\n    if (!!this.icon) return this.icon;\n    return this.isExternal() ? open_in_new : arrow_right;\n  }\n\n  private getHeadingTag() {\n    const tags = ['h2', 'h3', 'h4', 'h5', 'h6', 'p'];\n    return tags.includes(this.labelTag) ? this.labelTag : 'h3';\n  }\n\n  private handleFocus({ type, target }: FocusEvent) {\n    this.visibleOutline = type === 'focus' && (target as HTMLLinkElement).matches(':focus-visible');\n  }\n\n  private handleClick(event: MouseEvent) {\n    ripple(event, this.hostElement, '.pn-card');\n    this.pnCard.emit({ click: event });\n  }\n\n  render() {\n    const TitleTag = this.getHeadingTag();\n\n    return (\n      <Host>\n        <article\n          id={this.cardId}\n          class=\"pn-card\"\n          data-link={!!this.href}\n          data-horizontal={this.horizontal}\n          data-reverse={this.reverse}\n          data-focus={this.visibleOutline}\n        >\n          <div class=\"pn-card-image\">\n            <picture class=\"pn-card-picture\" style={{ '--pn-card-aspect-ratio': this.aspectRatio || 'unset' }}>\n              <slot name=\"image\"></slot>\n            </picture>\n          </div>\n          <div class=\"pn-card-content\">\n            <header class=\"pn-card-header\">\n              <div class=\"pn-card-tags\">\n                <slot name=\"tags\"></slot>\n              </div>\n              {!!this.overline && <p class=\"pn-card-label-overline\">{this.overline}</p>}\n              {!!this.label && (\n                <TitleTag id={this.getTitleId()} class=\"pn-card-label\">\n                  {this.label}\n                </TitleTag>\n              )}\n              <slot name=\"header\"></slot>\n            </header>\n            <section class=\"pn-card-section\">\n              {!!this.text && <p class=\"pn-card-section-paragraph\">{this.text}</p>}\n              <slot></slot>\n            </section>\n            <nav class=\"pn-card-navigation\">\n              {this.showHref() && (\n                <a\n                  class=\"pn-card-link\"\n                  href={this.href}\n                  target={this.target}\n                  rel={this.rel}\n                  aria-labelledby={this.getLabelledby()}\n                  onClick={event => this.handleClick(event)}\n                  onFocus={event => this.handleFocus(event)}\n                  onBlur={event => this.handleFocus(event)}\n                >\n                  {this.hrefLabel}\n                  <pn-icon color=\"blue700\" icon={this.getIcon()} />\n                </a>\n              )}\n              <slot name=\"navigation\"></slot>\n            </nav>\n          </div>\n        </article>\n      </Host>\n    );\n  }\n}\n"]}

package/umd/modules/@postnord/web-components/collection/components/navigation/pn-footer/pn-footer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pn-footer.js","sourceRoot":"","sources":["../../../../src/components/navigation/pn-footer/pn-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAElE,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAG5D;;;;;;;;GAQG;AAKH,MAAM,OAAO,QAAQ;IACR,WAAW,CAAc;IAEpC,qCAAqC;IAC7B,MAAM,GAAe,IAAI,CAAC;IAClC,uCAAuC;IAC/B,QAAQ,GAAiB,IAAI,CAAC;IAEtC,KAAK,CAAC,iBAAiB;QACrB,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QACzC,MAAM,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACtC,CAAC;IAED,OAAO,CAAC,IAAY;QAClB,OAAO,IAAI,EAAE,CAAC,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;IAClE,CAAC;IACD,OAAO,CAAC,IAAY;QAClB,IAAI,IAAI,KAAK,QAAQ;YAAE,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC;QAC9E,OAAO,YAAY,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC/C,CAAC;IAED,UAAU,CAAC,IAAY;QACrB,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAC/B,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAChC,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;YAChB,OAAO,oBAAc,KAAK,EAAE,IAAI,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,EAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,WAAW,GAAI,CAAC;QAC/G,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,eAAe;gBACxB,4DAAI,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAK;gBACjC,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,CACvB;YACN,4DAAK,KAAK,EAAC,eAAe;gBACvB,IAAI,CAAC,MAAM,KAAK,EAAE,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;gBAC9C,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC;gBAC1B,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,CACvB;YACN,4DAAK,KAAK,EAAC,eAAe;gBACxB,4DAAI,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAK;gBAC5B,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CACtB,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core';\nimport { open_in_new } from 'pn-design-assets/pn-assets/icons.js';\n\nimport { URLS } from './urls';\nimport { translations } from './translations';\n\nimport { SE, NO, en, awaitTopbar } from '@/globals/helpers';\nimport { PnMarkets, PnLanguages } from '@/globals/types';\n\n/**\n * The default market and language is SE/en.\n *\n * Make sure you set the market **and** language prop.\n * Example: Setting the `language` prop `da` will not display anything, as `da` does not exist on the `SE` market.\n *\n * @deprecated This component has been replaced with the pn-footer-nav.\n * @see {@link https://portal.postnord.com/web-components/?path=/docs/external-components-pn-footer-nav--docs pn-footer-nav}\n */\n@Component({\n  tag: 'pn-footer',\n  styleUrl: 'pn-footer.scss',\n})\nexport class PnFooter {\n  @Element() hostElement: HTMLElement;\n\n  /** Set the market for the footer. */\n  @Prop() market?: PnMarkets = null;\n  /** Set the language for the footer. */\n  @Prop() language?: PnLanguages = null;\n\n  async componentWillLoad() {\n    if (this.market && this.language) return;\n    await awaitTopbar(this.hostElement);\n  }\n\n  getLink(name: string): string {\n    return URLS?.[this.market || SE]?.[name]?.[this.language || en];\n  }\n  getText(name: string): string {\n    if (name === 'domain') return this.getLink(name)?.replace('https://www.', '');\n    return translations?.[name]?.[this.language];\n  }\n\n  renderLink(name: string): HTMLElement {\n    const url = this.getLink(name);\n    const text = this.getText(name);\n    if (url && text) {\n      return <pn-text-link label={text} target=\"_blank\" rel=\"noopener noreferrer\" href={url} icon={open_in_new} />;\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-footer-row\">\n          <p>{this.getText('questions')}</p>\n          {this.renderLink('contact')}\n        </div>\n        <div class=\"pn-footer-row\">\n          {this.market !== NO && this.renderLink('terms')}\n          {this.renderLink('privacy')}\n          {this.renderLink('cookies')}\n        </div>\n        <div class=\"pn-footer-row\">\n          <p>{this.getText('info')}</p>\n          {this.renderLink('domain')}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/umd/modules/@postnord/web-components/collection/components/navigation/pn-footer/translations.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"translations.js","sourceRoot":"","sources":["../../../../src/components/navigation/pn-footer/translations.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,OAAO,EAAE;QACP,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,SAAS;KACd;IACD,SAAS,EAAE;QACT,EAAE,EAAE,uBAAuB;QAC3B,EAAE,EAAE,4BAA4B;QAChC,EAAE,EAAE,yBAAyB;QAC7B,EAAE,EAAE,0BAA0B;QAC9B,EAAE,EAAE,uBAAuB;KAC5B;IACD,OAAO,EAAE;QACP,EAAE,EAAE,cAAc;QAClB,EAAE,EAAE,cAAc;QAClB,EAAE,EAAE,YAAY;QAChB,EAAE,EAAE,cAAc;QAClB,EAAE,EAAE,YAAY;KACjB;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,0CAA0C;QAC9C,EAAE,EAAE,iDAAiD;QACrD,EAAE,EAAE,wCAAwC;QAC5C,EAAE,EAAE,8CAA8C;QAClD,EAAE,EAAE,0CAA0C;KAC/C;IACD,OAAO,EAAE;QACP,EAAE,EAAE,mBAAmB;QACvB,EAAE,EAAE,gBAAgB;QACpB,EAAE,EAAE,oBAAoB;QACxB,EAAE,EAAE,sBAAsB;QAC1B,EAAE,EAAE,gBAAgB;KACrB;IACD,KAAK,EAAE;QACL,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,sBAAsB;QAC1B,EAAE,EAAE,uBAAuB;QAC3B,EAAE,EAAE,cAAc;QAClB,EAAE,EAAE,uBAAuB;KAC5B;CACF,CAAC","sourcesContent":["export const translations = {\n  cookies: {\n    sv: 'Cookies',\n    en: 'Cookies',\n    da: 'Cookies',\n    fi: 'Evästeet',\n    no: 'Cookies',\n  },\n  questions: {\n    sv: 'Undrar du över något?',\n    en: 'Do you have any questions?',\n    da: 'Har du nogen spørgsmål?',\n    fi: 'Onko sinulla kysyttävää?',\n    no: 'Har du noen spørsmål?',\n  },\n  contact: {\n    sv: 'Kontakta oss',\n    en: 'Get in touch',\n    da: 'Kontakt os',\n    fi: 'Ota yhteyttä',\n    no: 'Ta kontakt',\n  },\n  info: {\n    sv: 'Mer information om PostNord hittar du på',\n    en: 'More information about PostNord can be found at',\n    da: 'Mere information om PostNord findes på',\n    fi: 'Lisää tietoa PostNordista löydät osoitteesta',\n    no: 'Du finner mer informasjon om PostNord på',\n  },\n  privacy: {\n    sv: 'Integritetspolicy',\n    en: 'Privacy policy',\n    da: 'Integritetspolitik',\n    fi: 'Yksityisyysasetukset',\n    no: 'Privacy policy',\n  },\n  terms: {\n    sv: 'Villkor',\n    en: 'Terms and conditions',\n    da: 'Vilkår og betingelser',\n    fi: 'Sopimusehdot',\n    no: 'Betingelser og vilkår',\n  },\n};\n"]}

package/umd/modules/@postnord/web-components/collection/components/navigation/pn-footer/urls.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"urls.js","sourceRoot":"","sources":["../../../../src/components/navigation/pn-footer/urls.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,EAAE,EAAE;QACF,MAAM,EAAE;YACN,EAAE,EAAE,yBAAyB;YAC7B,EAAE,EAAE,4BAA4B;SACjC;QACD,OAAO,EAAE;YACP,EAAE,EAAE,qCAAqC;YACzC,EAAE,EAAE,wDAAwD;SAC7D;QACD,OAAO,EAAE;YACP,EAAE,EAAE,iCAAiC;YACrC,EAAE,EAAE,oCAAoC;SACzC;QACD,OAAO,EAAE;YACP,EAAE,EAAE,2CAA2C;YAC/C,EAAE,EAAE,2CAA2C;SAChD;QACD,KAAK,EAAE;YACL,EAAE,EAAE,mFAAmF;YACvF,EAAE,EAAE,mFAAmF;SACxF;KACF;IACD,EAAE,EAAE;QACF,MAAM,EAAE;YACN,EAAE,EAAE,yBAAyB;YAC7B,EAAE,EAAE,6BAA6B;SAClC;QACD,OAAO,EAAE;YACP,EAAE,EAAE,sCAAsC;YAC1C,EAAE,EAAE,6CAA6C;SAClD;QACD,OAAO,EAAE;YACP,EAAE,EAAE,iCAAiC;YACrC,EAAE,EAAE,oCAAoC;SACzC;QACD,OAAO,EAAE;YACP,EAAE,EAAE,gDAAgD;YACpD,EAAE,EAAE,2CAA2C;SAChD;QACD,KAAK,EAAE;YACL,EAAE,EAAE,0FAA0F;YAC9F,EAAE,EAAE,kFAAkF;SACvF;KACF;IACD,EAAE,EAAE;QACF,MAAM,EAAE;YACN,EAAE,EAAE,yBAAyB;YAC7B,EAAE,EAAE,4BAA4B;YAChC,EAAE,EAAE,4BAA4B;SACjC;QACD,OAAO,EAAE;YACP,EAAE,EAAE,qDAAqD;YACzD,EAAE,EAAE,uCAAuC;YAC3C,EAAE,EAAE,6CAA6C;SAClD;QACD,OAAO,EAAE;YACP,EAAE,EAAE,8DAA8D;YAClE,EAAE,EAAE,qEAAqE;YACzE,EAAE,EAAE,yEAAyE;SAC9E;QACD,OAAO,EAAE;YACP,EAAE,EAAE,4CAA4C;YAChD,EAAE,EAAE,8CAA8C;YAClD,EAAE,EAAE,2CAA2C;SAChD;QACD,KAAK,EAAE;YACL,EAAE,EAAE,6CAA6C;YACjD,EAAE,EAAE,2CAA2C;YAC/C,EAAE,EAAE,0CAA0C;SAC/C;KACF;IACD,EAAE,EAAE;QACF,MAAM,EAAE;YACN,EAAE,EAAE,yBAAyB;YAC7B,EAAE,EAAE,4BAA4B;SACjC;QACD,OAAO,EAAE;YACP,EAAE,EAAE,sCAAsC;YAC1C,EAAE,EAAE,6CAA6C;SAClD;QACD,OAAO,EAAE;YACP,EAAE,EAAE,iCAAiC;YACrC,EAAE,EAAE,oCAAoC;SACzC;QACD,OAAO,EAAE;YACP,EAAE,EAAE,8CAA8C;YAClD,EAAE,EAAE,2CAA2C;SAChD;KACF;IACD,OAAO,EAAE,6CAA6C;CACvD,CAAC","sourcesContent":["export const URLS = {\n  SE: {\n    domain: {\n      sv: 'https://www.postnord.se',\n      en: 'https://www.postnord.se/en',\n    },\n    contact: {\n      sv: 'https://www.postnord.se/kundservice',\n      en: 'https://www.postnord.se/en/help-and-support/contact-us',\n    },\n    cookies: {\n      sv: 'https://www.postnord.se/cookies',\n      en: 'https://www.postnord.se/en/cookies',\n    },\n    privacy: {\n      sv: 'https://www.postnord.se/integritetspolicy',\n      en: 'https://www.postnord.se/en/privacy-policy',\n    },\n    terms: {\n      sv: 'https://www.postnord.se/siteassets/pdf/villkor/anvandarvillkor-postnord-konto.pdf',\n      en: 'https://www.postnord.se/siteassets/pdf/villkor/anvandarvillkor-postnord-konto.pdf',\n    },\n  },\n  DK: {\n    domain: {\n      da: 'https://www.postnord.dk',\n      en: 'https://www.postnord.com/en',\n    },\n    contact: {\n      da: 'https://www.postnord.dk/kundeservice',\n      en: 'https://www.postnord.dk/en/help-and-support',\n    },\n    cookies: {\n      da: 'https://www.postnord.dk/cookies',\n      en: 'https://www.postnord.dk/en/cookies',\n    },\n    privacy: {\n      da: 'https://www.postnord.dk/personlige-oplysninger',\n      en: 'https://www.postnord.se/en/privacy-policy',\n    },\n    terms: {\n      da: 'https://www.postnord.dk/contentassets/4806069a7d6c44959c94b13417d78f22/kundeportalen.pdf',\n      en: 'https://www.postnord.dk/kundeservice/kundeservice-erhverv/forretningsbetingelser',\n    },\n  },\n  FI: {\n    domain: {\n      fi: 'https://www.postnord.fi',\n      sv: 'https://www.postnord.fi/sv',\n      en: 'https://www.postnord.fi/en',\n    },\n    contact: {\n      fi: 'https://www.postnord.fi/asiakaspalvelu/ota-yhteytta',\n      sv: 'https://www.postnord.fi/sv/kundtjanst',\n      en: 'https://www.postnord.fi/en/customer-service',\n    },\n    cookies: {\n      fi: 'https://www.postnord.fi/yksityisyydensuoja/tietoa-evasteista',\n      sv: 'https://www.postnord.fi/sv/integritetspolicy/information-om-cookies',\n      en: 'https://www.postnord.fi/en/privacy-policy/information-about-the-cookies',\n    },\n    privacy: {\n      fi: 'https://www.postnord.fi/yksityisyydensuoja',\n      sv: 'https://www.postnord.fi/sv/integritetspolicy',\n      en: 'https://www.postnord.se/en/privacy-policy',\n    },\n    terms: {\n      fi: 'https://www.postnord.fi/laheta/sopimusehdot',\n      sv: 'https://www.postnord.fi/sv/skicka/villkor',\n      en: 'https://www.postnord.fi/en/sending/terms',\n    },\n  },\n  NO: {\n    domain: {\n      no: 'https://www.postnord.no',\n      en: 'https://www.postnord.no/en',\n    },\n    contact: {\n      no: 'https://www.postnord.no/kundeservice',\n      en: 'https://www.postnord.no/en/contact-postnord',\n    },\n    cookies: {\n      no: 'https://www.postnord.no/cookies',\n      en: 'https://www.postnord.no/en/cookies',\n    },\n    privacy: {\n      no: 'https://www.postnord.no/personvernerklaering',\n      en: 'https://www.postnord.se/en/privacy-policy',\n    },\n  },\n  contact: 'https://portal.postnord.com/customerservice',\n};\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"pn-page-nav-dropdown-item.js","sourceRoot":"","sources":["../../../../../src/components/navigation/pn-page-nav/dropdown-item/pn-page-nav-dropdown-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAgB,KAAK,EAAE,MAAM,eAAe,CAAC;AACjF,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAElE;;;GAGG;AAKH,MAAM,OAAO,qBAAqB;IACrB,WAAW,CAAc;IAEpC;;;OAGG;IACK,KAAK,CAAU;IACvB,wFAAwF;IAChF,IAAI,CAAS;IACrB,uEAAuE;IAC/D,MAAM,GAAY,KAAK,CAAC;IAEhC,2DAA2D;IAClD,aAAa,CAAuB;IAE7C,MAAM,CAAC,CAAa;QAClB,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,CAAC,CAAC,cAAc,EAAE,CAAC;QAEjD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;IAED,aAAa;QACX,IAAI,OAAO,GAAG,4BAA4B,CAAC;QAE3C,IAAI,IAAI,CAAC,MAAM;YAAE,OAAO,IAAI,mCAAmC,CAAC;QAEhE,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,OAAO;QACL,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IACtC,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC;IACrC,CAAC;IAED,MAAM;QACJ,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAElC,OAAO,CACL;YACE,EAAC,OAAO,qDACN,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,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAC5B,QAAQ,EAAC,IAAI;gBAEb,8DAAa;gBACb,gEAAS,IAAI,EAAE,WAAW,EAAE,KAAK,EAAC,OAAO,GAAW,CAC5C;YACV,4DAAM,CACH,CACN,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"pn-page-nav-item.js","sourceRoot":"","sources":["../../../../../src/components/navigation/pn-page-nav/item/pn-page-nav-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAgB,KAAK,EAAE,MAAM,eAAe,CAAC;AAEvF;;;GAGG;AAKH,MAAM,OAAO,aAAa;IACb,WAAW,CAAc;IAEpC,4EAA4E;IACpE,KAAK,CAAU;IACvB,yFAAyF;IACjF,IAAI,CAAS;IACrB,4CAA4C;IACpC,IAAI,CAAS;IAErB,gDAAgD;IACvC,aAAa,CAAuB;IAE7C,MAAM,CAAC,CAAa;QAClB,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,CAAC,CAAC,cAAc,EAAE,CAAC;QAEjD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH;gBACE,0DAAG,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,GAAG,EAAE,KAAK,EAAC,kBAAkB,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;oBAC7E,IAAI,CAAC,IAAI,IAAI,gEAAS,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAC,OAAO,GAAW;oBAChE,8DAAa,CACX,CACD,CACA,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

package/umd/modules/@postnord/web-components/collection/components/navigation/pn-page-nav/menu/pn-page-nav.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pn-page-nav.js","sourceRoot":"","sources":["../../../../../src/components/navigation/pn-page-nav/menu/pn-page-nav.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}

package/umd/modules/@postnord/web-components/collection/components/navigation/pn-pagination/pn-pagination.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pn-pagination.js","sourceRoot":"","sources":["../../../../src/components/navigation/pn-pagination/pn-pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAgB,CAAC,EAAE,MAAM,eAAe,CAAC;AACrG,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAE9E,OAAO,EAAE,EAAE,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C;;;;;;;GAOG;AAKH,MAAM,OAAO,YAAY;IACvB,WAAW,CAAmB;IAEnB,WAAW,CAAc;IAE3B,IAAI,CAAqB;IAElC,8FAA8F;IACtF,KAAK,CAAU;IACvB,qHAAqH;IAC7G,WAAW,GAAW,cAAc,CAAC;IAC7C,+CAA+C;IACvC,YAAY,GAAY,IAAI,CAAC;IACrC,iCAAiC;IACzB,QAAQ,GAAiB,IAAI,CAAC;IAEtC;;;;;QAKI;IACoC,IAAI,GAAW,CAAC,CAAC;IACzD,wDAAwD;IAC/B,KAAK,CAAU;IACxC,2GAA2G;IAClF,YAAY,GAAW,CAAC,CAAC;IAElD;;;;;;SAMK;IACoB,IAAI,GAAW,IAAI,CAAC;IAC7C;;;;;SAKK;IACG,QAAQ,GAAW,UAAU,CAAC;IACtC;;;;SAIK;IACG,SAAS,GAAW,IAAI,CAAC;IAGjC,UAAU;QACR,IAAI,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK;YAAE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;aAC9C,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC;YAAE,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;IACxC,CAAC;IAGD,WAAW;QACT,MAAM,IAAI,GAAG,EAAE,CAAC;QAEhB,IAAI,IAAI,CAAC,KAAK,GAAG,KAAK,EAAE,CAAC;YACvB,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,wBAAwB,IAAI,CAAC,KAAK,qBAAqB,CAAC,CAAC;YACpG,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACrB,CAAC;QAED,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,KAAK,GAAG,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC;YAChD,MAAM,IAAI,GAAG,KAAK,GAAG,CAAC,CAAC;YACvB,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;QAC7B,CAAC;QAED,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAGD,kBAAkB;QAChB,IAAI,CAAC,GAAG,IAAI,CAAC,YAAY;YAAE,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;QACjD,IAAI,IAAI,CAAC,YAAY,GAAG,CAAC,KAAK,CAAC;YAAE,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IACzF,CAAC;IAED,sGAAsG;IAC7F,YAAY,CAAoD;IACzE,sFAAsF;IAC7E,YAAY,CAAgD;IAErE,KAAK,CAAC,iBAAiB;QACrB,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC1B,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI;YAAE,MAAM,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAClE,CAAC;IAEO,SAAS,CAAC,IAA+B;QAC/C,OAAO,YAAY,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;IACjD,CAAC;IAEO,YAAY,CAAC,IAAY;QAC/B,OAAO,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC;IAC5B,CAAC;IAEO,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAyD;QAC5F,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI;YAAE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QAElF,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;QAE1D,IAAI,KAAK;YACP,qBAAqB,CAAC,GAAG,EAAE;gBACzB,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAkB,wBAAwB,CAAC,CAAC;gBAC1F,OAAO,EAAE,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;YAC1C,CAAC,CAAC,CAAC;IACP,CAAC;IAEO,UAAU;QAChB,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC;IACxC,CAAC;IAEO,OAAO,CAAC,KAAY;QAC1B,MAAM,MAAM,GAAG,KAAK,CAAC,MAA2B,CAAC;QACjD,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACjC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7D,CAAC;IAEO,UAAU;QAChB,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IACnE,CAAC;IAED,mEAAmE;IAC3D,kBAAkB;QACxB,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC;QAE1B,IAAI,GAAG,GAAG,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;QACrD,IAAI,IAAI,GAAG,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;QAEvD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,YAAY,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;YAC3C,IAAI,GAAG,GAAG,CAAC,EAAE,CAAC;gBACZ,IAAI,EAAE,CAAC;gBACP,GAAG,EAAE,CAAC;YACR,CAAC;iBAAM,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;gBAC7B,IAAI,EAAE,CAAC;gBACP,GAAG,EAAE,CAAC;YACR,CAAC;QACH,CAAC;QAED,MAAM,MAAM,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;QAEjC,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,CAAC;QAC/B,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAEtC,OAAO;YACL,GAAG,EAAE,WAAW,IAAI,UAAU,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM;YACpD,IAAI,EAAE,WAAW,IAAI,UAAU,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI;YACjD,UAAU;YACV,WAAW;SACZ,CAAC;IACJ,CAAC;IAEO,aAAa;QACnB,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAChD,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;IACpC,CAAC;IAEO,MAAM,CAAC,IAAY;QACzB,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;IAClD,CAAC;IAEO,WAAW,CAAC,IAAY,EAAE,IAAY;QAC5C,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;IACjD,CAAC;IAEO,WAAW;QACjB,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACrB,OAAO,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACpC,CAAC;IAEO,WAAW;QACjB,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACrB,OAAO,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;IACtD,CAAC;IAEO,eAAe,CAAC,IAAI,GAAG,KAAK;QAClC,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC9D,OAAO,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC;IACzC,CAAC;IAEO,aAAa,CAAC,IAAI,GAAG,KAAK;QAChC,OAAO,CACL,YAAM,KAAK,EAAC,mBAAmB,eAAY,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,UAE9D,CACR,CAAC;IACJ,CAAC;IAEO,YAAY,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAuC;QAC1E,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QACvC,OAAO,CACL,iBACE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EACtB,SAAS,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,EAC9C,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EACnC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EACvB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EACjC,UAAU,EAAC,OAAO,EAClB,KAAK,sBACO,QAAQ,eACT,QAAQ,IAAI,IAAI,CAAC,eAAe,CAAC,QAAQ,KAAK,MAAM,CAAC,EAChE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,GAC9E,CACH,CAAC;IACJ,CAAC;IAEO,UAAU,CAAC,EAAE,IAAI,EAAoB;QAC3C,OAAO,CACL,UAAI,KAAK,EAAC,yBAAyB,kBAAe,IAAI,CAAC,KAAK,mBAAiB,IAAI,IAC9E,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,CAAC,CACzB,CACN,CAAC;IACJ,CAAC;IAEO,gBAAgB,CAAC,IAAI,GAAG,KAAK;QACnC,MAAM,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;QACnC,MAAM,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC;QAE7C,MAAM,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;QAE5D,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC;QAElE,MAAM,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC;QAClD,MAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,IAAI,GAAG,CAAC;QACnD,MAAM,KAAK,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,cAAc,EAAE,CAAC;QAEzD,OAAO,CACL,iBACE,SAAS,EAAE,KAAK,EAChB,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EACpC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EACvB,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EACzB,UAAU,EAAC,OAAO,EAClB,KAAK,QACL,IAAI,EAAE,IAAI,EACV,QAAQ,QACR,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,GACjE,CACH,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,EAAE,EAAE,IAAI,CAAC,YAAY,EAAE,KAAK,EAAC,eAAe,gBAAa,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC;gBACrG,IAAI,CAAC,UAAU,EAAE,IAAI,CACpB,kEACE,KAAK,EAAC,oBAAoB,EAC1B,KAAK,EAAE,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,EACpD,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAErC,IAAI,CAAC,UAAU,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAC7B,cAAQ,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAI,CACpF,CAAC,CACQ,CACb;gBAED,4DAAK,KAAK,EAAC,yBAAyB,gBAAa,IAAI,CAAC,UAAU,EAAE;oBAC/D,IAAI,CAAC,gBAAgB,EAAE;oBACvB,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;oBACjD,IAAI,CAAC,aAAa,EAAE;oBAErB,2DAAI,KAAK,EAAC,oBAAoB,EAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC,IAC9D,IAAI,CAAC,aAAa,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CACrD;oBAEJ,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;oBACxB,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC;oBACzD,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CACxB,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

package/umd/modules/@postnord/web-components/collection/components/navigation/pn-pagination/translations.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"translations.js","sourceRoot":"","sources":["../../../../src/components/navigation/pn-pagination/translations.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,UAAU,EAAE;QACV,EAAE,EAAE,YAAY;QAChB,EAAE,EAAE,YAAY;QAChB,EAAE,EAAE,YAAY;QAChB,EAAE,EAAE,gBAAgB;QACpB,EAAE,EAAE,YAAY;KACjB;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;KACX;IACD,aAAa,EAAE;QACb,EAAE,EAAE,iBAAiB;QACrB,EAAE,EAAE,eAAe;QACnB,EAAE,EAAE,cAAc;QAClB,EAAE,EAAE,gBAAgB;QACpB,EAAE,EAAE,cAAc;KACnB;IACD,SAAS,EAAE;QACT,EAAE,EAAE,YAAY;QAChB,EAAE,EAAE,WAAW;QACf,EAAE,EAAE,YAAY;QAChB,EAAE,EAAE,eAAe;QACnB,EAAE,EAAE,YAAY;KACjB;IACD,SAAS,EAAE;QACT,EAAE,EAAE,iBAAiB;QACrB,EAAE,EAAE,gBAAgB;QACpB,EAAE,EAAE,gBAAgB;QACpB,EAAE,EAAE,mBAAmB;QACvB,EAAE,EAAE,oBAAoB;KACzB;CACF,CAAC","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"]}

package/umd/modules/@postnord/web-components/collection/components/navigation/pn-tablist/pn-tablist.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pn-tablist.js","sourceRoot":"","sources":["../../../../src/components/navigation/pn-tablist/pn-tablist.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Prop,\n  Listen,\n  Element,\n  Event,\n  EventEmitter,\n  State,\n  h,\n  Host,\n  Watch,\n  forceUpdate,\n} from '@stencil/core';\nimport { chevron_left, chevron_right } from 'pn-design-assets/pn-assets/icons.js';\nimport translations from './translations';\nimport { awaitTopbar, en } from '@/globals/helpers';\nimport type { PnLanguages } from '@/globals/types';\nimport { HTMLStencilElement } from '@stencil/core/internal';\n\n/**\n * The tablist allows you to create a list with nested `pn-tab` components.\n * These should control the visibility of panel elements on the page.\n *\n * If you use the slot name \"menu\" the tablist will adapt to be used inside of\n * a `pn-header` component. This also allows the pn-tabs to use the `href` prop.\n *\n * @slot menu - Can only be used inside of a `pn-header`. Allows the `href` attribute on the `pn-tab` when active.\n */\n@Component({\n  tag: 'pn-tablist',\n  styleUrl: 'pn-tablist.scss',\n})\nexport class PnTablist {\n  private mo: MutationObserver;\n\n  private isMenu: boolean = false;\n  private isTabHovered: boolean = false;\n\n  private tabListEl: HTMLElement;\n  private lineActive: HTMLDivElement;\n  private lineHovered: HTMLDivElement;\n  private tabElement: HTMLPnTabElement;\n\n  @Element() hostElement: HTMLElement;\n\n  /** Display the scrolling arrows */\n  @State() private showScrollArrows: boolean = false;\n  /** Display the scroll arrow to the left */\n  @State() private arrowLeft: boolean = false;\n  /** Display the scroll arrow to the right */\n  @State() private arrowRight: boolean = false;\n\n  /** Give the tablist a name for screenreaders. */\n  @Prop() label!: string;\n  /** The value of the tab that is currently active, each `<pn-tab value=\"example-value\">` also expects a unique value */\n  @Prop({ reflect: true, mutable: true }) value!: string;\n  /** Make the tablist smaller */\n  @Prop() small?: boolean;\n  /** Icons are stacked vertically instead of the default rows */\n  @Prop() stackedicons?: boolean = false;\n  /** Manually set the language. */\n  @Prop() language?: PnLanguages = null;\n\n  /**\n   * This will emit when a tab is changed. The detail property of the event will contain the value of the selected tab.\n   * This is the event and value you listen to when you toggle the visibility among your tabpanels.\n   **/\n  @Event() tabchange: EventEmitter<string>;\n\n  @Watch('value')\n  setValue() {\n    const tabs = Array.from(this.hostElement.querySelectorAll('pn-tab'));\n\n    tabs.forEach(tab => {\n      tab.activeTab = this.value;\n    });\n  }\n\n  @Watch('showScrollArrows')\n  scrollHandler() {\n    if (this.showScrollArrows) {\n      this.tabListEl.addEventListener('scroll', this.scrollIndicators.bind(this));\n    } else {\n      this.tabListEl.removeEventListener('scroll', this.scrollIndicators);\n    }\n  }\n\n  @Listen('setActiveTab')\n  setActiveTabHandler({ detail }) {\n    this.tabElement = detail.el;\n    requestAnimationFrame(() => this.activateTab(detail.el));\n    if (this.value === detail.val) return;\n    this.value = detail.val;\n    this.tabchange.emit(this.value);\n    this.tabElement.querySelector<HTMLElement>('.pn-tab').focus();\n  }\n\n  @Listen('resize', { target: 'window' })\n  rerender() {\n    requestAnimationFrame(() => {\n      this.scrollIndicators();\n      this.isTabHovered = false;\n    });\n  }\n\n  @Listen('tabEnter')\n  handleEnter(e: { target: HTMLPnTabElement }) {\n    this.isTabHovered = true;\n    this.styleLines(e.target);\n  }\n\n  @Listen('tabLeave')\n  handleLeave() {\n    this.isTabHovered = false;\n    setTimeout(() => {\n      if (!this.isTabHovered) this.lineHovered.style.setProperty('--pn-hover-opacity', '0');\n    }, 500);\n  }\n\n  connectedCallback() {\n    this.mo = new MutationObserver(() => {\n      forceUpdate(this.hostElement);\n      this.setValue();\n      this.rerender();\n    });\n    this.mo.observe(this.hostElement, { subtree: true, childList: true });\n  }\n\n  disconnectedCallback() {\n    this.mo?.disconnect();\n  }\n\n  async componentWillLoad() {\n    this.isMenu = this.hostElement.slot === 'menu';\n\n    if (this.language === null) await awaitTopbar(this.hostElement);\n  }\n\n  componentDidRender() {\n    this.setValue();\n    this.rerender();\n  }\n\n  private getRect(element: HTMLElement | HTMLStencilElement): DOMRect {\n    return element.getBoundingClientRect();\n  }\n\n  private activateTab(element: HTMLPnTabElement) {\n    this.styleLines(element, true);\n    this.styleLines(element, false);\n  }\n\n  private styleLines(element: HTMLStencilElement, active: boolean = false) {\n    const tabListCoords = this.getRect(this.tabListEl);\n    const scrollOffset = this.tabListEl.scrollLeft;\n\n    const line = this.getRect(element);\n\n    const width = line.width;\n    const offset = line.left + scrollOffset - tabListCoords.left;\n\n    const cssVar = active ? 'active' : 'hover';\n    const prop = active ? 'lineActive' : 'lineHovered';\n\n    this[prop].style.setProperty(`--pn-${cssVar}-width`, `${width}px`);\n    this[prop].style.setProperty(`--pn-${cssVar}-offset`, `${offset}px`);\n    this[prop].style.setProperty(`--pn-${cssVar}-opacity`, '1');\n  }\n\n  private scrollIndicators() {\n    const { scrollWidth, scrollLeft } = this.tabListEl;\n\n    const { clientWidth } = this.hostElement;\n\n    this.showScrollArrows = scrollWidth > clientWidth;\n\n    this.arrowLeft = this.showScrollArrows && scrollLeft > 0;\n    this.arrowRight = this.showScrollArrows && clientWidth + 16 + scrollLeft < scrollWidth;\n  }\n\n  private scroll({ right = false }: { right?: boolean } = {}) {\n    const tabList = this.tabListEl;\n    const { scrollLeft, clientWidth } = tabList;\n\n    let left: number = scrollLeft;\n    // The width of the scroll arrow is 32px, so we remove that from this calculation so the scroll\n    const scrollAmount = clientWidth - 64;\n\n    if (right) left += scrollAmount;\n    else left -= scrollAmount;\n\n    tabList.scrollTo({\n      left,\n      behavior: 'smooth',\n    });\n  }\n\n  private translate(prop: string): string {\n    return translations?.[prop]?.[this.language || en];\n  }\n\n  render() {\n    return (\n      <Host>\n        <nav\n          class=\"pn-tablist\"\n          role={this.isMenu ? null : 'tablist'}\n          aria-label={this.label}\n          data-stacked={this.stackedicons}\n          data-small={!this.isMenu && this.small}\n          data-large={this.isMenu}\n          data-scroll={this.showScrollArrows}\n          ref={el => (this.tabListEl = el)}\n        >\n          <slot />\n          <div class=\"pn-tablist-line\">\n            <div ref={el => (this.lineActive = el)} class=\"pn-tablist-line-item pn-tablist-line-active\" />\n            <div ref={el => (this.lineHovered = el)} class=\"pn-tablist-line-item pn-tablist-line-hovered\" />\n          </div>\n        </nav>\n\n        <div class=\"pn-tablist-scroll\">\n          <pn-button\n            class=\"pn-tablist-arrow\"\n            data-show={this.arrowLeft}\n            onClick={() => this.scroll()}\n            noTab={true}\n            appearance=\"light\"\n            variant=\"outlined\"\n            icon={chevron_left}\n            iconOnly={true}\n            arialabel={this.translate('LEFT')}\n            small\n          />\n\n          <pn-button\n            class=\"pn-tablist-arrow\"\n            data-show={this.arrowRight}\n            onClick={() => this.scroll({ right: true })}\n            noTab={true}\n            appearance=\"light\"\n            variant=\"outlined\"\n            icon={chevron_right}\n            iconOnly={true}\n            arialabel={this.translate('RIGHT')}\n            small\n          />\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/umd/modules/@postnord/web-components/collection/components/navigation/pn-tablist/tab/pn-tab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pn-tab.js","sourceRoot":"","sources":["../../../../../src/components/navigation/pn-tablist/tab/pn-tab.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, Event, EventEmitter, Element, h, Host, forceUpdate } from '@stencil/core';\nimport { ripple } from '@/globals/helpers';\n\n/**\n * This tab should control a tab panel.\n * Use the `ariacontrols` and `tabid` props to connect the tab with the tab panel.\n * The tab panel should in turn have `aria-labelledby` set to the `tabid` of the tab.\n *\n * If you use the `href` prop, the tab will turn into an anchor element instead of a button.\n * This does not required the ariacontrols and tabid props.\n */\n@Component({\n  tag: 'pn-tab',\n  styleUrl: 'pn-tab.scss',\n})\nexport class PnTab {\n  private mo: MutationObserver;\n  private tag: string = 'button';\n\n  @Element() hostElement: HTMLElement;\n\n  /** Set a label for the tab. */\n  @Prop() label!: string;\n  /** This is the value that will be matched with `pn-tablist` value. (required) */\n  @Prop() value!: string;\n  /** Turns the tab from a `button` to an `a` element, but only if the `pn-tablist` is inside a `pn-header`. */\n  @Prop() href?: string;\n  /** The SVG content of the icon you want to display */\n  @Prop() icon?: string;\n  /** Use the ID of the container that this tab controls.  */\n  @Prop() ariacontrols?: string;\n  /** Tab ID, use if you want to have the tab container be `aria-labelledby` by this tab. */\n  @Prop() tabid?: string;\n  /** Is set by `pn-tablist`, don't use this prop. @hide true */\n  @Prop() activeTab: string;\n\n  /** Used by `pn-tab` to communicate with `pn-tablist`. Emits the selected tab value and element. */\n  @Event() setActiveTab: EventEmitter<{ val: string; el: HTMLElement }>;\n  setActiveTabHandler({ click = false, element }: { click?: boolean; element?: HTMLPnTabElement } = {}) {\n    if (click || this.isActive()) {\n      const val = element?.value || this.value;\n      const el = ((element?.value && element) || this.hostElement) as HTMLElement;\n\n      this.setActiveTab.emit({\n        val,\n        el,\n      });\n    }\n  }\n\n  /** Used by `pn-tab` to communicate with `pn-tablist`. Emits when the tab gets focus. */\n  @Event() tabEnter: EventEmitter<MouseEvent | FocusEvent>;\n  triggerEnter(event: MouseEvent | FocusEvent) {\n    this.tabEnter.emit(event);\n  }\n\n  /** Used by `pn-tab` to communicate with `pn-tablist`. Emits when the tab is blured.  */\n  @Event() tabLeave: EventEmitter<MouseEvent | FocusEvent>;\n  triggerLeave(event: MouseEvent | FocusEvent) {\n    this.tabLeave.emit(event);\n  }\n\n  connectedCallback() {\n    this.mo = new MutationObserver(() => forceUpdate(this.hostElement));\n    this.mo.observe(this.hostElement, { subtree: true, childList: true });\n  }\n\n  disconnectedCallback() {\n    this.mo?.disconnect();\n  }\n\n  componentWillLoad() {\n    this.tabTag();\n  }\n\n  componentDidUpdate() {\n    this.setActiveTabHandler();\n  }\n\n  componentDidLoad() {\n    this.setActiveTabHandler();\n  }\n\n  private arrowKeyNav(event: KeyboardEvent) {\n    if (!/^(ArrowRight|ArrowLeft|Home|End)$/.test(event.key)) return;\n\n    event.preventDefault();\n\n    // Get tablist parent\n    const parent = (event.target as HTMLButtonElement | HTMLLinkElement).closest<HTMLPnTablistElement>('pn-tablist');\n    const list = Array.from(parent.querySelectorAll('pn-tab'));\n\n    const first = list[0];\n    const last = list[list.length - 1];\n\n    const nextElement = this.hostElement.nextElementSibling as HTMLPnTabElement;\n    const previousElement = this.hostElement.previousElementSibling as HTMLPnTabElement;\n\n    if (event.key === 'Home') this.setActiveTabHandler({ element: first });\n\n    if (event.key === 'End') this.setActiveTabHandler({ element: last });\n\n    if (event.key === 'ArrowRight') {\n      // Check the next element value. We do this because the last element i a DIV element. If no value, go to the first element.\n      this.setActiveTabHandler({ element: nextElement?.value ? nextElement : first });\n    }\n    if (event.key === 'ArrowLeft') {\n      // Go to the last element if there is no element to your left.\n      this.setActiveTabHandler({ element: previousElement?.value ? previousElement : last });\n    }\n  }\n\n  private isActive() {\n    return this.activeTab === this.value;\n  }\n\n  private tabTag() {\n    const isMenu = this.hostElement.closest<HTMLPnTablistElement>('pn-tablist');\n    this.tag = isMenu.slot === 'menu' ? 'a' : 'button';\n  }\n\n  private renderProperties() {\n    return this.tag === 'a'\n      ? {\n          'href': this.href,\n          'aria-current': this.isActive() ? 'page' : 'false',\n        }\n      : {\n          'tabindex': this.isActive() ? 0 : -1,\n          'type': 'button',\n          'role': 'tab',\n          'aria-selected': this.isActive().toString(),\n          'aria-controls': this.ariacontrols,\n        };\n  }\n\n  private iconColor() {\n    return this.isActive() ? 'blue700' : 'gray900';\n  }\n\n  private handleClick(e: MouseEvent) {\n    this.setActiveTabHandler({ click: true });\n    ripple(e, this.hostElement, '.pn-tab');\n  }\n\n  render() {\n    const Tag = this.tag;\n    return (\n      <Host>\n        <Tag\n          id={this.tabid}\n          class=\"pn-tab\"\n          {...this.renderProperties()}\n          onClick={(e: MouseEvent) => this.handleClick(e)}\n          onMouseEnter={(e: MouseEvent) => this.triggerEnter(e)}\n          onFocus={(e: FocusEvent) => this.triggerEnter(e)}\n          onMouseLeave={(e: MouseEvent) => this.triggerLeave(e)}\n          onBlur={(e: FocusEvent) => this.triggerLeave(e)}\n          onKeyDown={(e: KeyboardEvent) => this.arrowKeyNav(e)}\n        >\n          {!!this.icon && <pn-icon icon={this.icon} color={this.iconColor()} />}\n          <slot></slot>\n          <span class=\"pn-tab-label\">{this.label}</span>\n        </Tag>\n      </Host>\n    );\n  }\n}\n"]}

package/umd/modules/@postnord/web-components/collection/components/navigation/pn-tablist/translations.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"translations.js","sourceRoot":"","sources":["../../../../src/components/navigation/pn-tablist/translations.ts"],"names":[],"mappings":"AAAA,eAAe;IACb,IAAI,EAAE;QACJ,EAAE,EAAE,oBAAoB;QACxB,EAAE,EAAE,oBAAoB;QACxB,EAAE,EAAE,iBAAiB;QACrB,EAAE,EAAE,oBAAoB;QACxB,EAAE,EAAE,kBAAkB;KACvB;IACD,KAAK,EAAE;QACL,EAAE,EAAE,kBAAkB;QACtB,EAAE,EAAE,qBAAqB;QACzB,EAAE,EAAE,eAAe;QACnB,EAAE,EAAE,kBAAkB;QACtB,EAAE,EAAE,gBAAgB;KACrB;CACF,CAAC","sourcesContent":["export default {\n  LEFT: {\n    sv: 'Bläddra åt vänster',\n    en: 'Scroll to the left',\n    da: 'Rul til venstre',\n    fi: 'Vieritä vasemmalle',\n    no: 'Rull til venstre',\n  },\n  RIGHT: {\n    sv: 'Bläddra åt höger',\n    en: 'Scroll to the right',\n    da: 'Rul til højre',\n    fi: 'Vieritä oikealle',\n    no: 'Rull til høyre',\n  },\n};\n"]}

package/umd/modules/@postnord/web-components/collection/components/navigation/pn-text-link/pn-text-link.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pn-text-link.js","sourceRoot":"","sources":["../../../../src/components/navigation/pn-text-link/pn-text-link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,8HAA8H;AAK9H,MAAM,OAAO,UAAU;IACV,WAAW,CAAc;IAEpC,mCAAmC;IAC3B,KAAK,CAAU;IACvB,sBAAsB;IACd,IAAI,CAAU;IAEtB,0DAA0D;IAClD,KAAK,GAAY,KAAK,CAAC;IAC/B,gDAAgD;IACxC,IAAI,CAAU;IACtB,mDAAmD;IAC3C,QAAQ,GAAY,KAAK,CAAC;IAElC,mEAAmE;IAC3D,QAAQ,CAAU;IAC1B,yEAAyE;IACjE,QAAQ,CAAU;IAC1B,4CAA4C;IACpC,KAAK,CAAU;IACvB,gEAAgE;IACxD,cAAc,CAAkB;IACxC,yDAAyD;IACjD,GAAG,GAAW,qBAAqB,CAAC;IAC5C,4DAA4D;IACpD,MAAM,CAAU;IACxB,uEAAuE;IAC/D,MAAM,CAAU;IAExB,MAAM;QACJ,OAAO,CACL,0DACE,EAAE,EAAE,IAAI,CAAC,MAAM,EACf,KAAK,EAAC,cAAc,EACpB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,cAAc,EAAE,IAAI,CAAC,cAAc,eACxB,CAAC,CAAC,IAAI,CAAC,IAAI,oBACN,IAAI,CAAC,QAAQ,gBACjB,IAAI,CAAC,KAAK;YAErB,IAAI,CAAC,KAAK;YACX,8DAAa;YACZ,IAAI,CAAC,IAAI,IAAI,gEAAS,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,CACxC,CACL,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Element } from '@stencil/core';\n\n/** The `pn-text-link` is a styled `a` element with some extra functionality built in. Such as `icon` and `light` support.  */\n@Component({\n  tag: 'pn-text-link',\n  styleUrl: 'pn-text-link.scss',\n})\nexport class PnTextLink {\n  @Element() hostElement: HTMLElement;\n\n  /** The link text. @since v7.5.0 */\n  @Prop() label?: string;\n  /** The URL string. */\n  @Prop() href!: string;\n\n  /** Use the light version of the link. @category Visual */\n  @Prop() light: boolean = false;\n  /** SVG content of the icon. @category Visual */\n  @Prop() icon?: string;\n  /** Align the icon on the left. @category Visual */\n  @Prop() leftIcon: boolean = false;\n\n  /** Treat the link as a download link. @category Link attributes */\n  @Prop() download?: string;\n  /** Set the hreflang of the URL destination. @category Link attributes */\n  @Prop() hreflang?: string;\n  /** Link media. @category Link attributes */\n  @Prop() media?: string;\n  /** Set referrerpolicy on the link. @category Link attributes */\n  @Prop() referrerpolicy?: ReferrerPolicy;\n  /** Set the rel of the link. @category Link attributes */\n  @Prop() rel: string = 'noopener noreferrer';\n  /** Set the target of the link. @category Link attributes */\n  @Prop() target?: string;\n  /** Set a unique html ID of the a element. @category Link attributes */\n  @Prop() linkid?: string;\n\n  render() {\n    return (\n      <a\n        id={this.linkid}\n        class=\"pn-text-link\"\n        href={this.href}\n        rel={this.rel}\n        target={this.target}\n        download={this.download}\n        hreflang={this.hreflang}\n        media={this.media}\n        referrerPolicy={this.referrerpolicy}\n        data-icon={!!this.icon}\n        data-icon-left={this.leftIcon}\n        data-light={this.light}\n      >\n        {this.label}\n        <slot></slot>\n        {this.icon && <pn-icon icon={this.icon} />}\n      </a>\n    );\n  }\n}\n"]}

package/umd/modules/@postnord/web-components/collection/components/navigation/pn-tile/pn-tile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pn-tile.js","sourceRoot":"","sources":["../../../../src/components/navigation/pn-tile/pn-tile.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Host, Component, State, Prop, h, Element, Event, EventEmitter, forceUpdate } from '@stencil/core';\nimport { open_in_new } from 'pn-design-assets/pn-assets/icons.js';\nimport { ripple } from '@/globals/helpers';\n\n/**\n * The `pn-tile` is a navigational element that is intended to be accompanied by an illustration.\n *\n * It is very important that you use the `label` and `url`. This component renders an `a` element if the URL prop is set,\n * so you do not need to wrap or nest the tile in another `a` element. Doing so makes the component inaccessible.\n *\n * @slot illustration - Set a custom SVG. We recommend you use the `pn-illustration` component.\n * This is the same as the `illustration` prop.\n */\n@Component({\n  tag: 'pn-tile',\n  styleUrl: 'pn-tile.scss',\n})\nexport class PnTile {\n  private mo: MutationObserver;\n\n  private tile: HTMLDivElement;\n  private illustrationSlot: HTMLDivElement;\n\n  @State() visibleOutline: boolean = false;\n\n  @Element() hostElement: HTMLElement;\n\n  /** Label of the link. This is required for the component to be accessible. */\n  @Prop() label!: string;\n  /** Set a string of text for the tile. Same as the default slot. @since v7.12.0 */\n  @Prop() text?: string;\n\n  /** The link of the tile. This is required for the component to be accessible. @category href */\n  @Prop() url!: string;\n  /** The target attribute of the link. @category href */\n  @Prop() target?: string;\n  /** The rel attribute of the link. @category href */\n  @Prop() rel?: string = 'noopener noreferrer';\n\n  /** The SVG content of an illustration. @category Image */\n  @Prop() illustration?: string;\n  /** The SVG content of a decorative icon. @since v7.12.0 @category Image */\n  @Prop() icon?: string;\n\n  /** Use the horizontal tile. @category Layout */\n  @Prop() horizontal?: boolean = false;\n\n  /**\n   * Emitted when the link is clicked. Use the `click` property to `preventDefault`\n   * if you wish to perform the navigation programmatically.\n   * @since v7.12.0\n   **/\n  @Event() pnTile: EventEmitter<{ click: MouseEvent }>;\n\n  connectedCallback() {\n    this.mo = new MutationObserver(() => forceUpdate(this.hostElement));\n    this.mo.observe(this.hostElement, { subtree: true, childList: true });\n  }\n\n  disconnectedCallback() {\n    this.mo?.disconnect();\n  }\n\n  private isExternal() {\n    return this.target === '_blank';\n  }\n\n  private showIcon() {\n    return !!this.icon && !this.showSlotIllustration();\n  }\n\n  private showPropIllustration() {\n    return !!this.illustration && !this.showSlotIllustration();\n  }\n\n  private showSlotIllustration() {\n    return !!this.illustrationSlot?.querySelector('[slot=\"illustration\"]');\n  }\n\n  private showImage() {\n    return this.showIcon() || this.showPropIllustration() || this.showSlotIllustration();\n  }\n\n  private handleFocus({ type, target }: FocusEvent) {\n    this.visibleOutline = type === 'focus' && (target as HTMLLinkElement).matches(':focus-visible');\n  }\n\n  private clickHandler(event: MouseEvent): void {\n    ripple(event, this.tile);\n    this.pnTile.emit({ click: event });\n  }\n\n  render() {\n    return (\n      <Host>\n        <div\n          class=\"pn-tile\"\n          data-horizontal={this.horizontal}\n          data-href={!!this.url}\n          data-focus={this.visibleOutline}\n          ref={el => (this.tile = el)}\n        >\n          <div\n            class=\"pn-tile-illustration\"\n            data-circle={!!this.url}\n            data-icon={this.showIcon()}\n            role=\"presentation\"\n            hidden={!this.showImage()}\n          >\n            {this.showPropIllustration() ? (\n              <pn-illustration illustration={this.illustration} />\n            ) : (\n              this.showIcon() && <pn-icon color=\"blue700\" icon={this.icon} />\n            )}\n\n            <div\n              class=\"pn-tile-illustration-slot\"\n              hidden={!this.showSlotIllustration()}\n              ref={el => (this.illustrationSlot = el)}\n            >\n              <slot name=\"illustration\" />\n            </div>\n          </div>\n\n          <div class=\"pn-tile-text\">\n            <h3 class=\"pn-tile-title\">\n              {this.url ? (\n                <a\n                  class=\"pn-tile-link\"\n                  href={this.url}\n                  target={this.target}\n                  rel={!this.rel && this.isExternal() ? 'noopener noreferrer' : this.rel}\n                  onClick={e => this.clickHandler(e)}\n                  onFocus={event => this.handleFocus(event)}\n                  onBlur={event => this.handleFocus(event)}\n                >\n                  {this.label}\n                </a>\n              ) : (\n                this.label\n              )}\n              {this.isExternal() && <pn-icon icon={open_in_new} small={true} color=\"blue700\" />}\n            </h3>\n            <div class=\"pn-tile-slot\">\n              {!!this.text && <p class=\"pn-tile-paragraph\">{this.text}</p>}\n              <slot />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"pn-ocr-search.js","sourceRoot":"","sources":["../../../../src/components/web-components/pn-ocr-search/pn-ocr-search.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}

package/umd/modules/@postnord/web-components/collection/components/web-components/pn-ocr-search/translations.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"translations.js","sourceRoot":"","sources":["../../../../src/components/web-components/pn-ocr-search/translations.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,aAAa,EAAE;QACb,EAAE,EAAE,QAAQ;QACZ,EAAE,EAAE,QAAQ;QACZ,EAAE,EAAE,QAAQ;QACZ,EAAE,EAAE,QAAQ;QACZ,EAAE,EAAE,KAAK;KACV;IACD,cAAc,EAAE;QACd,EAAE,EAAE,oBAAoB;QACxB,EAAE,EAAE,oBAAoB;QACxB,EAAE,EAAE,oBAAoB;QACxB,EAAE,EAAE,oBAAoB;QACxB,EAAE,EAAE,oBAAoB;KACzB;IACD,4BAA4B,EAAE;QAC5B,EAAE,EAAE,wBAAwB;QAC5B,EAAE,EAAE,wBAAwB;QAC5B,EAAE,EAAE,wBAAwB;QAC5B,EAAE,EAAE,wBAAwB;QAC5B,EAAE,EAAE,wBAAwB;KAC7B;IACD,gBAAgB,EAAE;QAChB,EAAE,EAAE,yCAAyC;QAC7C,EAAE,EAAE,yCAAyC;QAC7C,EAAE,EAAE,yCAAyC;QAC7C,EAAE,EAAE,yCAAyC;QAC7C,EAAE,EAAE,mCAAmC;KACxC;IACD,mBAAmB,EAAE;QACnB,EAAE,EAAE,mBAAmB;QACvB,EAAE,EAAE,mBAAmB;QACvB,EAAE,EAAE,mBAAmB;QACvB,EAAE,EAAE,mBAAmB;QACvB,EAAE,EAAE,kBAAkB;KACvB;IACD,gBAAgB,EAAE;QAChB,EAAE,EAAE,uCAAuC;QAC3C,EAAE,EAAE,uCAAuC;QAC3C,EAAE,EAAE,uCAAuC;QAC3C,EAAE,EAAE,uCAAuC;QAC3C,EAAE,EAAE,qCAAqC;KAC1C;IACD,gBAAgB,EAAE;QAChB,EAAE,EAAE,sCAAsC;QAC1C,EAAE,EAAE,sCAAsC;QAC1C,EAAE,EAAE,sCAAsC;QAC1C,EAAE,EAAE,sCAAsC;QAC1C,EAAE,EAAE,0CAA0C;KAC/C;IACD,gBAAgB,EAAE;QAChB,EAAE,EAAE,yBAAyB;QAC7B,EAAE,EAAE,yBAAyB;QAC7B,EAAE,EAAE,yBAAyB;QAC7B,EAAE,EAAE,yBAAyB;QAC7B,EAAE,EAAE,uBAAuB;KAC5B;CACF,CAAC","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"]}

package/umd/modules/@postnord/web-components/collection/components/web-components/pn-zipcode-search/pn-zipcode-search.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pn-zipcode-search.js","sourceRoot":"","sources":["../../../../src/components/web-components/pn-zipcode-search/pn-zipcode-search.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, State, Host, Event, EventEmitter, Prop, Element } from '@stencil/core';\nimport { translations } from './translations';\nimport { sv, uuidv4, awaitTopbar, PnZipCodeSearchLanguages } from '@/index';\n\n/** Check the delivery date for letters, newspapers and direct mail that are distributed every second day. */\n@Component({\n  tag: 'pn-zipcode-search',\n  styleUrl: 'pn-zipcode-search.scss',\n})\nexport class PnZipcodeSearch {\n  /** This language property will update when pnTopbar loads */\n  searchId: string = `pn-zipcode-${uuidv4()}`;\n\n  @Element() hostElement: HTMLElement;\n\n  @State() validZipCode?: string;\n  @State() loading: boolean = false;\n\n  @State() showResult: boolean = false;\n  @State() zipCodeSearchResult = {\n    delivery: '',\n    upcoming: '',\n    city: '',\n    postalCode: '',\n  };\n\n  @State() error: boolean = false;\n  @State() errorMessage: keyof typeof translations;\n\n  /** The `language` property will be prioritized before the pnTopbar language. */\n  @Prop() language?: PnZipCodeSearchLanguages = null;\n  /** Set a pre initialized value. */\n  @Prop({ mutable: true }) value?: string;\n\n  /** Event fired when search has result */\n  @Event() searchsuccessful: EventEmitter<boolean>;\n\n  async componentWillLoad() {\n    if (this.language === null) await awaitTopbar(this.hostElement);\n    if (!!this.value) this.handleSearch(this.value);\n  }\n\n  private translation(key: keyof typeof translations): string {\n    return translations[key][this.language || sv];\n  }\n\n  private handleSearch(value: string) {\n    this.value = value;\n    this.validateZipCode();\n\n    if (this.error) {\n      this.errorMessage = 'VALIDATION_ERROR_MESSAGE';\n      return;\n    }\n\n    this.zipCodeSearch();\n  }\n\n  private async zipCodeSearch() {\n    this.loading = true;\n    await fetch(`https://portal.postnord.com/api/sendoutarrival/closest?postalCode=${this.validZipCode}`)\n      .then(response => response.json())\n      .then(data => {\n        this.showResult = true;\n        this.zipCodeSearchResult = data;\n        this.searchsuccessful.emit(true);\n      })\n      .catch(() => {\n        this.error = true;\n        this.errorMessage = 'SERVER_ERROR_MESSAGE';\n        this.searchsuccessful.emit(false);\n      })\n      .finally(() => {\n        this.loading = false;\n      });\n  }\n\n  private validateZipCode(): void {\n    // Removes spaces and dashes\n    const formatValue = this.value ? this.value.replace(/[ -]/gi, '') : '';\n\n    const validRegex = /^\\d{5}$/;\n    const valid = validRegex.test(formatValue);\n\n    this.error = !valid;\n\n    if (valid) {\n      this.validZipCode = formatValue;\n    }\n  }\n\n  private renderSearchResult() {\n    if (!this.loading && !this.error && this.showResult) {\n      return (\n        <output class=\"pn-search-results\" htmlFor={this.searchId}>\n          <p class=\"text-row\">\n            <span>{this.translation('CLOSEST_DELIVERY_DATE')}</span>\n            <h3 class=\"delivery-date\">{this.zipCodeSearchResult.delivery}</h3>\n          </p>\n          <p class=\"text-row\">\n            <span>{this.translation('NEXT_DELIVERY_DATE')}</span>\n            <h3 class=\"delivery-date\">{this.zipCodeSearchResult.upcoming}</h3>\n          </p>\n          <p class=\"text-row\">\n            <span>{this.translation('ZIP_CODE')}</span>\n            <h3>\n              {this.zipCodeSearchResult.postalCode}, {this.zipCodeSearchResult.city || 'N/A'}\n            </h3>\n          </p>\n        </output>\n      );\n    }\n  }\n\n  private renderErrorMessage() {\n    if (this.error && !this.loading) {\n      return (\n        <p class=\"pn-error-text\" role=\"alert\">\n          <small>{this.translation(this.errorMessage)}</small>\n        </p>\n      );\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <pn-search-field\n          label={this.translation('PLACEHOLDER_TEXT')}\n          value={this.value}\n          searchid={this.searchId}\n          loading={this.loading}\n          button=\"icon\"\n          buttonLabel={this.translation('SEARCH')}\n          placeholder={this.translation('PLACEHOLDER_TEXT')}\n          onSearch={e => this.handleSearch(e.detail)}\n        />\n        {this.renderSearchResult()}\n        {this.renderErrorMessage()}\n      </Host>\n    );\n  }\n}\n"]}