@postnord/pn-marketweb-components 4.0.2 → 4.0.4-test

package/dist/cjs/pn-link-list.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"pn-link-list.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["src/components/widgets/pn-link-list/pn-link-list.scss?tag=pn-link-list","src/components/widgets/pn-link-list/pn-link-list.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-link-list {\n  .link-list__header {\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n    align-items: center;\n    margin-bottom: 0.8rem;\n  }\n\n  .link-list__heading {\n    margin-bottom: 0.8rem;\n\n    @media screen and (min-width: $max-width-xl) {\n      font-size: 3.2rem;\n    }\n  }\n\n  .link-list__preamble {\n    max-width: 85rem;\n    text-align: center;\n    margin-bottom: 0;\n\n    @media screen and (min-width: $max-width-xl) {\n      text-wrap: balance;\n    }\n  }\n\n  .link-list {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    overflow: hidden;\n\n    margin: 0;\n    margin-bottom: 2.4rem;\n    padding: 0;\n  }\n\n  .link-list__container {\n    overflow-x: auto;\n    text-align: center;\n    white-space: nowrap;\n\n    &.link-list__active {\n      a,\n      li,\n      ul {\n        cursor: grab;\n        cursor: -webkit-grab;\n      }\n    }\n\n    &::-webkit-scrollbar {\n      height: 0.4rem;\n      margin-top: 2rem;\n      -webkit-appearance: none;\n\n      @media screen and (min-width: $min-width-md) {\n        height: 0.6rem;\n      }\n    }\n\n    &::-webkit-scrollbar-thumb {\n      background: $blue700;\n      border-radius: 2rem;\n    }\n\n    &::-webkit-scrollbar-track {\n      background: #d3cecb;\n      border-radius: 2rem;\n      width: 100%;\n      margin: 0 5rem;\n\n      @media screen and (min-width: $min-width-md) {\n        margin: 0 10rem;\n      }\n\n      @media screen and (min-width: $max-width-xl) {\n        margin: 0 15rem;\n      }\n\n      @media screen and (min-width: $max-width-xxl) {\n        margin: 0 20rem;\n      }\n    }\n\n    &::-webkit-resizer {\n      display: none;\n    }\n\n    &::before,\n    &::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      height: 85%;\n      width: 10%;\n    }\n\n    &::before {\n      background: linear-gradient(270deg, rgba(255, 255, 255, 0) 50%, #fff 95%);\n      left: 0;\n    }\n\n    &::after {\n      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #fff 95%);\n      right: 0;\n    }\n  }\n\n  .link-list__scrollable {\n    display: inline-block;\n    padding: 2rem 0 1rem;\n\n    @media screen and (min-width: $min-width-lg) {\n      padding: 0.5rem 2rem 1rem;\n    }\n  }\n\n  [slot='linklist'] {\n    ul {\n      display: flex;\n      list-style: none;\n      margin: 0;\n      padding: 0 1.6rem;\n    }\n\n    li {\n      & > a {\n        display: block;\n        color: $gray900;\n        font-size: 1.4rem;\n        font-weight: 500;\n        line-height: 140%;\n        text-decoration: none;\n        cursor: pointer;\n\n        background-color: $white;\n        border: 0.1rem solid $gray200;\n        border-radius: 0.8rem;\n        margin: 0 0.8rem;\n        padding: 1rem;\n\n        @media screen and (min-width: 1410px) {\n          font-size: 1.6rem;\n        }\n\n        &:hover,\n        &:active,\n        &:focus {\n          color: #fff;\n        }\n\n        &:hover,\n        &:focus {\n          background-color: $blue700;\n        }\n\n        &:active {\n          background-color: $blue900;\n        }\n\n        &:focus {\n          outline: 2px solid $blue700;\n          outline-offset: 2px;\n        }\n      }\n    }\n  }\n\n  .link-list__button {\n    display: flex;\n    justify-content: center;\n  }\n\n  @-moz-document url-prefix() {\n    .link-list__container {\n      scrollbar-color: $blue700 #d3cecb;\n    }\n\n    .link-list__scrollable {\n      padding: 0.5rem 2rem 2rem;\n    }\n  }\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'pn-link-list',\n  styleUrl: 'pn-link-list.scss',\n})\nexport class PnLinkList {\n  @Prop() heading: string = null;\n  @Prop() label: string = null;\n  @Prop() preamble: string = null;\n  @Prop() url: string = null;\n  @Prop() showMoreLabel: string = null;\n  @Prop() showMoreUrl: string = null;\n\n  private slider: HTMLElement = null;\n  private isDragging = false;\n  private startX = 0;\n  private scrollLeft = 0;\n\n  componentDidLoad() {\n    this.slider = document.querySelector('.link-list__container') as HTMLElement;\n  }\n\n  private handleMouseDown = (e: MouseEvent) => {\n    const target = e.target as HTMLElement;\n\n    const isContainerClick = target.classList.contains('link-list__container');\n    const isLinkClick = target.tagName === 'A';\n\n    if (isContainerClick || isLinkClick) {\n      this.isDragging = true;\n      this.slider?.classList.add('link-list__active');\n      this.startX = e.pageX - this.slider?.offsetLeft;\n      this.scrollLeft = this.slider?.scrollLeft;\n\n      if (isLinkClick) {\n        e.preventDefault();\n      }\n    }\n  };\n\n  private handleMouseLeave = () => {\n    this.isDragging = false;\n    this.slider?.classList.remove('link-list__active');\n  };\n\n  private handleMouseUp = () => {\n    this.isDragging = false;\n    this.slider?.classList.remove('link-list__active');\n  };\n\n  private handleMouseMove = (e: MouseEvent) => {\n    if (this.isDragging) {\n      const x = e.pageX - this.slider?.offsetLeft;\n      const move = (x - this.startX) * 2;\n      this.slider.scrollLeft = this.scrollLeft - move;\n    }\n  };\n\n  render() {\n    return (\n      <Host>\n        {(this.heading || this.preamble) && (\n          <div class=\"link-list__header\">\n            {this.heading && <h2 class=\"link-list__heading\">{this.heading}</h2>}\n            {this.preamble && <p class=\"link-list__preamble\">{this.preamble}</p>}\n          </div>\n        )}\n        <div class=\"link-list\">\n          <div\n            class=\"link-list__container\"\n            onMouseDown={this.handleMouseDown}\n            onMouseUp={this.handleMouseUp}\n            onMouseLeave={this.handleMouseLeave}\n            onMouseMove={this.handleMouseMove}\n          >\n            <div class=\"link-list__scrollable\">\n              <slot name=\"linklist\" />\n            </div>\n          </div>\n        </div>\n        {this.showMoreUrl ? (\n          <div class=\"link-list__button\">\n            <pn-button appearance=\"light\" href={this.showMoreUrl}>\n              {this.showMoreLabel}\n            </pn-button>{' '}\n          </div>\n        ) : (\n          ''\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"pn-link-list.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["src/components/widgets/pn-link-list/pn-link-list.scss?tag=pn-link-list","src/components/widgets/pn-link-list/pn-link-list.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-link-list {\n  .link-list__header {\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n    align-items: center;\n    margin-bottom: 0.8rem;\n  }\n\n  .link-list__heading {\n    margin-bottom: 0.8rem;\n\n    @media screen and (min-width: $max-width-xl) {\n      font-size: 3.2rem;\n    }\n  }\n\n  .link-list__preamble {\n    max-width: 85rem;\n    text-align: center;\n    margin-bottom: 0;\n\n    @media screen and (min-width: $max-width-xl) {\n      text-wrap: balance;\n    }\n  }\n\n  .link-list {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    overflow: hidden;\n\n    margin: 0;\n    margin-bottom: 2.4rem;\n    padding: 0;\n  }\n\n  .link-list__container {\n    overflow-x: auto;\n    text-align: center;\n    white-space: nowrap;\n\n    &.link-list__active {\n      a,\n      li,\n      ul {\n        cursor: grab;\n        cursor: -webkit-grab;\n      }\n    }\n\n    &::-webkit-scrollbar {\n      height: 0.4rem;\n      margin-top: 2rem;\n      -webkit-appearance: none;\n\n      @media screen and (min-width: $min-width-md) {\n        height: 0.6rem;\n      }\n    }\n\n    &::-webkit-scrollbar-thumb {\n      background: $blue700;\n      border-radius: 2rem;\n    }\n\n    &::-webkit-scrollbar-track {\n      background: #d3cecb;\n      border-radius: 2rem;\n      width: 100%;\n      margin: 0 5rem;\n\n      @media screen and (min-width: $min-width-md) {\n        margin: 0 10rem;\n      }\n\n      @media screen and (min-width: $max-width-xl) {\n        margin: 0 15rem;\n      }\n\n      @media screen and (min-width: $max-width-xxl) {\n        margin: 0 20rem;\n      }\n    }\n\n    &::-webkit-resizer {\n      display: none;\n    }\n\n    &::before,\n    &::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      height: 85%;\n      width: 10%;\n    }\n\n    &::before {\n      background: linear-gradient(270deg, rgba(255, 255, 255, 0) 50%, #fff 95%);\n      left: 0;\n    }\n\n    &::after {\n      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #fff 95%);\n      right: 0;\n    }\n  }\n\n  .link-list__scrollable {\n    display: inline-block;\n    padding: 2rem 0 1rem;\n\n    @media screen and (min-width: $min-width-lg) {\n      padding: 0.5rem 2rem 1rem;\n    }\n  }\n\n  [slot='linklist'] {\n    ul {\n      display: flex;\n      list-style: none;\n      margin: 0;\n      padding: 0 1.6rem;\n    }\n\n    li {\n      & > a {\n        display: block;\n        color: $gray900;\n        font-size: 1.4rem;\n        font-weight: 500;\n        line-height: 140%;\n        text-decoration: none;\n        cursor: pointer;\n\n        background-color: $white;\n        border: 0.1rem solid $gray200;\n        border-radius: 0.8rem;\n        margin: 0 0.8rem;\n        padding: 1rem;\n\n        @media screen and (min-width: 1410px) {\n          font-size: 1.6rem;\n        }\n\n        &:hover,\n        &:active,\n        &:focus {\n          color: #fff;\n        }\n\n        &:hover,\n        &:focus {\n          background-color: $blue700;\n        }\n\n        &:active {\n          background-color: $blue900;\n        }\n\n        &:focus {\n          outline: 2px solid $blue700;\n          outline-offset: 2px;\n        }\n      }\n    }\n  }\n\n  .link-list__button {\n    display: flex;\n    justify-content: center;\n  }\n\n  @-moz-document url-prefix() {\n    .link-list__container {\n      scrollbar-color: $blue700 #d3cecb;\n    }\n\n    .link-list__scrollable {\n      padding: 0.5rem 2rem 2rem;\n    }\n  }\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'pn-link-list',\n  styleUrl: 'pn-link-list.scss',\n})\nexport class PnLinkList {\n  @Prop() heading: string = null;\n  @Prop() label: string = null;\n  @Prop() preamble: string = null;\n  @Prop() url: string = null;\n  @Prop() showMoreLabel: string = null;\n  @Prop() showMoreUrl: string = null;\n\n  private slider: HTMLElement = null;\n  private isDragging = false;\n  private startX = 0;\n  private scrollLeft = 0;\n\n  componentDidLoad() {\n    this.slider = document.querySelector('.link-list__container') as HTMLElement;\n  }\n\n  private handleMouseDown = (e: MouseEvent) => {\n    const target = e.target as HTMLElement;\n\n    const isContainerClick = target.classList.contains('link-list__container');\n    const isLinkClick = target.tagName === 'A';\n\n    if (isContainerClick || isLinkClick) {\n      this.isDragging = true;\n      this.slider?.classList.add('link-list__active');\n      this.startX = e.pageX - this.slider?.offsetLeft;\n      this.scrollLeft = this.slider?.scrollLeft;\n\n      if (isLinkClick) {\n        e.preventDefault();\n      }\n    }\n  };\n\n  private handleMouseLeave = () => {\n    this.isDragging = false;\n    this.slider?.classList.remove('link-list__active');\n  };\n\n  private handleMouseUp = () => {\n    this.isDragging = false;\n    this.slider?.classList.remove('link-list__active');\n  };\n\n  private handleMouseMove = (e: MouseEvent) => {\n    if (this.isDragging) {\n      const x = e.pageX - this.slider?.offsetLeft;\n      const move = (x - this.startX) * 2;\n      this.slider.scrollLeft = this.scrollLeft - move;\n    }\n  };\n\n  render() {\n    return (\n      <Host>\n        {(this.heading || this.preamble) && (\n          <div class=\"link-list__header\">\n            {this.heading && <h2 class=\"link-list__heading\">{this.heading}</h2>}\n            {this.preamble && <p class=\"link-list__preamble\">{this.preamble}</p>}\n          </div>\n        )}\n        <div class=\"link-list\">\n          <div\n            class=\"link-list__container\"\n            onMouseDown={this.handleMouseDown}\n            onMouseUp={this.handleMouseUp}\n            onMouseLeave={this.handleMouseLeave}\n            onMouseMove={this.handleMouseMove}\n          >\n            <div class=\"link-list__scrollable\">\n              <slot name=\"linklist\" />\n            </div>\n          </div>\n        </div>\n        {this.showMoreUrl ? (\n          <div class=\"link-list__button\">\n            <pn-button appearance=\"light\" href={this.showMoreUrl}>\n              {this.showMoreLabel}\n            </pn-button>{' '}\n          </div>\n        ) : (\n          ''\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/pn-mainnav-link.cjs.entry.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b02670c2.js');
-const pnMainnavStore = require('./pn-mainnav-store-5732f3ca.js');
+const index = require('./index-34e1c673.js');
+const pnMainnavStore = require('./pn-mainnav-store-1a8153fd.js');
 const angle_small_down = require('./angle_small_down-f00f19b1.js');
 const arrow_right = require('./arrow_right-66958158.js');
 const open_in_new = require('./open_in_new-03e5ca56.js');
-require('./index-4067c6a5.js');
+require('./index-1d8c9211.js');
 
-const pnMainnavLinkCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-mainnav-link{display:block}pn-mainnav-link button,pn-mainnav-link a{font-weight:normal;position:relative;border:0 none;display:flex;align-items:center;background-color:transparent;color:#005d92}pn-mainnav-link button:hover,pn-mainnav-link button:focus,pn-mainnav-link a:hover,pn-mainnav-link a:focus{background-color:#ffffff;color:#005d92;outline:0;box-shadow:none}pn-mainnav-link button:active,pn-mainnav-link a:active{background-color:#f3f2f2;color:#00a0d6;box-shadow:none}@media screen and (min-width: 64em){[data-level=\"1\"] pn-mainnav-link{height:100%;padding-left:0;position:relative;scroll-snap-align:center}}[data-level=\"1\"] pn-mainnav-link:first-child{border-top:0.1rem solid #f3f2f2}@media screen and (min-width: 64em){[data-level=\"1\"] pn-mainnav-link:first-child{border:0}}[data-level=\"1\"] pn-mainnav-link>button,[data-level=\"1\"] pn-mainnav-link>a{font-size:2rem;width:100%;border-bottom:0.1rem solid #f3f2f2;height:auto;padding:1.9rem 0 1.9rem 3rem}@media screen and (min-width: 64em){[data-level=\"1\"] pn-mainnav-link>button,[data-level=\"1\"] pn-mainnav-link>a{height:100%;border:0;font-size:1.6rem;font-weight:normal;position:relative;outline:0;overflow:hidden;padding:1.6rem 1.6rem;white-space:nowrap}[data-level=\"1\"] pn-mainnav-link>button::before,[data-level=\"1\"] pn-mainnav-link>a::before{content:\"\";background-color:#00a0d6;position:absolute;bottom:0;left:0;width:100%;height:0.5em;border-radius:0.5em 0.5em 0 0;transform:translateY(100%);transition:transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92)}[data-level=\"1\"] pn-mainnav-link>button:hover::before,[data-level=\"1\"] pn-mainnav-link>button:focus::before,[data-level=\"1\"] pn-mainnav-link>a:hover::before,[data-level=\"1\"] pn-mainnav-link>a:focus::before{transform:translateY(0)}[data-level=\"1\"] pn-mainnav-link>button:active,[data-level=\"1\"] pn-mainnav-link>a:active{outline:0;box-shadow:none;color:#005d92}[data-level=\"1\"] pn-mainnav-link>button:active::before,[data-level=\"1\"] pn-mainnav-link>a:active::before{background-color:#8eddf9;transform:translateY(0)}}@media screen and (min-width: 64em){[data-level=\"1\"] pn-mainnav-link>button:hover,[data-level=\"1\"] pn-mainnav-link>button:focus,[data-level=\"1\"] pn-mainnav-link>a:hover,[data-level=\"1\"] pn-mainnav-link>a:focus{text-decoration:none}}@media screen and (min-width: 64em){[data-level=\"1\"] pn-mainnav-link>button[aria-expanded=true]::before,[data-level=\"1\"] pn-mainnav-link>a[aria-expanded=true]::before{content:\"\";background-color:#00a0d6;position:absolute;bottom:0;left:0;width:100%;height:0.5em;border-radius:0.5em 0.5em 0 0;transform:translateY(0);transition:transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92)}}[data-level=\"1\"] pn-mainnav-link [aria-expanded=true] .first-level_icon{transform:rotateX(180deg)}[data-level=\"1\"] pn-mainnav-link pn-icon.first-level_icon{transition:0.25s linear transform;width:1.92rem;height:1.92rem;display:none}@media screen and (min-width: 64em){[data-level=\"1\"] pn-mainnav-link pn-icon.first-level_icon{display:block}}[data-level=\"1\"] pn-mainnav-link pn-icon.first-level_arrow{display:block;position:absolute;height:2.4rem;width:2.4rem;right:2.4rem;top:50%;transform:translateY(-50%)}@media screen and (min-width: 64em){[data-level=\"1\"] pn-mainnav-link pn-icon.first-level_arrow{display:none}}[data-level=\"1\"] pn-mainnav-link pn-icon svg{pointer-events:none;speak:none;width:100%;height:100%}@media screen and (min-width: 64em){pn-mainnav-level[data-level=\"2\"]:not([data-level-listcount=\"1\"]) pn-mainnav-list:last-child pn-mainnav-link>a{min-width:unset}}[data-level=\"2\"] pn-mainnav-link{position:static;display:inline-block;width:100%;height:auto}@media screen and (min-width: 64em){[data-level=\"2\"] pn-mainnav-link{padding-left:0;margin-bottom:1.6rem}}[data-level=\"2\"] pn-mainnav-link>a{font-size:1.6rem;border-bottom:0.1rem solid #f3f2f2;padding:2.2rem 0 2.2rem 3rem;white-space:normal}@media screen and (min-width: 64em){[data-level=\"2\"] pn-mainnav-link>a{min-width:16em;border:0;border-radius:1rem;padding:1.4rem 1.6rem}}[data-level=\"2\"] pn-mainnav-link>a:hover{background-color:#ffffff;color:#005d92}[data-level=\"2\"] pn-mainnav-link>a:hover,[data-level=\"2\"] pn-mainnav-link>a:focus{box-shadow:none}@media screen and (min-width: 64em){[data-level=\"2\"] pn-mainnav-link>a:hover,[data-level=\"2\"] pn-mainnav-link>a:focus{background-color:#f3f2f2;color:#005d92;text-decoration:underline;outline:0}}[data-level=\"2\"] pn-mainnav-link>a:hover::before,[data-level=\"2\"] pn-mainnav-link>a:focus::before{content:none}[data-level=\"2\"] pn-mainnav-link>a:active{box-shadow:none}@media screen and (min-width: 64em){[data-level=\"2\"] pn-mainnav-link>a:active{background-color:#f3f2f2;color:#00a0d6;outline:0}}[data-level=\"2\"] pn-mainnav-link>a:active::before{content:none}[data-level=\"2\"] pn-mainnav-link pn-icon{display:inline-block;margin-left:0.2em;min-width:1.5rem;width:1.5rem;height:1.5rem}";
+const pnMainnavLinkCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-mainnav-link{display:block}pn-mainnav-link button,pn-mainnav-link a{font-weight:normal;position:relative;border:0 none;display:flex;align-items:center;background-color:transparent;color:#005d92}pn-mainnav-link button:hover,pn-mainnav-link button:focus,pn-mainnav-link a:hover,pn-mainnav-link a:focus{background-color:#ffffff;color:#005d92;outline:0;box-shadow:none}pn-mainnav-link button:active,pn-mainnav-link a:active{background-color:#f3f2f2;color:#00a0d6;box-shadow:none}@media screen and (min-width: 64em){[data-level=\"1\"] pn-mainnav-link{height:100%;padding-left:0;position:relative;scroll-snap-align:center}}[data-level=\"1\"] pn-mainnav-link:first-child{border-top:0.1rem solid #f3f2f2}@media screen and (min-width: 64em){[data-level=\"1\"] pn-mainnav-link:first-child{border:0}}[data-level=\"1\"] pn-mainnav-link>button,[data-level=\"1\"] pn-mainnav-link>a{font-size:2rem;width:100%;border-bottom:0.1rem solid #f3f2f2;height:auto;padding:1.9rem 0 1.9rem 3rem}@media screen and (min-width: 64em){[data-level=\"1\"] pn-mainnav-link>button,[data-level=\"1\"] pn-mainnav-link>a{height:100%;border:0;font-size:1.6rem;font-weight:normal;position:relative;outline:0;overflow:hidden;padding:1.6rem 1.6rem;white-space:nowrap}[data-level=\"1\"] pn-mainnav-link>button::before,[data-level=\"1\"] pn-mainnav-link>a::before{content:\"\";background-color:#00a0d6;position:absolute;bottom:0;left:0;width:100%;height:0.5em;border-radius:0.5em 0.5em 0 0;transform:translateY(100%);transition:transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92)}[data-level=\"1\"] pn-mainnav-link>button:hover::before,[data-level=\"1\"] pn-mainnav-link>button:focus::before,[data-level=\"1\"] pn-mainnav-link>a:hover::before,[data-level=\"1\"] pn-mainnav-link>a:focus::before{transform:translateY(0)}[data-level=\"1\"] pn-mainnav-link>button:active,[data-level=\"1\"] pn-mainnav-link>a:active{outline:0;box-shadow:none;color:#005d92}[data-level=\"1\"] pn-mainnav-link>button:active::before,[data-level=\"1\"] pn-mainnav-link>a:active::before{background-color:#8eddf9;transform:translateY(0)}}@media screen and (min-width: 64em){[data-level=\"1\"] pn-mainnav-link>button:hover,[data-level=\"1\"] pn-mainnav-link>button:focus,[data-level=\"1\"] pn-mainnav-link>a:hover,[data-level=\"1\"] pn-mainnav-link>a:focus{text-decoration:none}}@media screen and (min-width: 64em){[data-level=\"1\"] pn-mainnav-link>button[aria-expanded=true]::before,[data-level=\"1\"] pn-mainnav-link>a[aria-expanded=true]::before{content:\"\";background-color:#00a0d6;position:absolute;bottom:0;left:0;width:100%;height:0.5em;border-radius:0.5em 0.5em 0 0;transform:translateY(0);transition:transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92)}}[data-level=\"1\"] pn-mainnav-link [aria-expanded=true] .first-level_icon{transform:rotateX(180deg)}[data-level=\"1\"] pn-mainnav-link pn-icon.first-level_icon{transition:0.25s linear transform;width:1.92rem;height:1.92rem;display:none}@media screen and (min-width: 64em){[data-level=\"1\"] pn-mainnav-link pn-icon.first-level_icon{display:block}}[data-level=\"1\"] pn-mainnav-link pn-icon.first-level_arrow{display:block;position:absolute;height:2.4rem;width:2.4rem;right:2.4rem;top:50%;transform:translateY(-50%)}@media screen and (min-width: 64em){[data-level=\"1\"] pn-mainnav-link pn-icon.first-level_arrow{display:none}}[data-level=\"1\"] pn-mainnav-link pn-icon svg{pointer-events:none;speak:none;width:100%;height:100%}@media screen and (min-width: 64em){pn-mainnav-level[data-level=\"2\"]:not([data-level-listcount=\"1\"]) pn-mainnav-list:last-child pn-mainnav-link>a{min-width:unset}}[data-level=\"2\"] pn-mainnav-link{position:static;display:inline-block;width:100%;height:auto}@media screen and (min-width: 64em){[data-level=\"2\"] pn-mainnav-link{padding-left:0;margin-bottom:1.6rem}}[data-level=\"2\"] pn-mainnav-link>a{font-size:1.6rem;border-bottom:0.1rem solid #f3f2f2;padding:2.2rem 0 2.2rem 3rem;white-space:normal}@media screen and (min-width: 64em){[data-level=\"2\"] pn-mainnav-link>a{min-width:16em;border:0;border-radius:1rem;padding:1.4rem 1.6rem}}[data-level=\"2\"] pn-mainnav-link>a:hover{background-color:#ffffff;color:#005d92}[data-level=\"2\"] pn-mainnav-link>a:hover,[data-level=\"2\"] pn-mainnav-link>a:focus{box-shadow:none}@media screen and (min-width: 64em){[data-level=\"2\"] pn-mainnav-link>a:hover,[data-level=\"2\"] pn-mainnav-link>a:focus{background-color:#f3f2f2;color:#005d92;text-decoration:underline;outline:0}}[data-level=\"2\"] pn-mainnav-link>a:hover::before,[data-level=\"2\"] pn-mainnav-link>a:focus::before{content:none}[data-level=\"2\"] pn-mainnav-link>a:active{box-shadow:none}@media screen and (min-width: 64em){[data-level=\"2\"] pn-mainnav-link>a:active{background-color:#f3f2f2;color:#00a0d6;outline:0}}[data-level=\"2\"] pn-mainnav-link>a:active::before{content:none}[data-level=\"2\"] pn-mainnav-link pn-icon{display:inline-block;margin-left:0.2em;min-width:1.5rem;width:1.5rem;height:1.5rem}";
 const PnMainnavLinkStyle0 = pnMainnavLinkCss;
 
 const PnMainnavLink = class {
@@ -35,7 +35,7 @@ const PnMainnavLink = class {
         pnMainnavStore.state.openLevel = pnMainnavStore.state.openLevel + '' === this.levelId + '' ? '' : this.levelId;
     }
     render() {
-        return (index.h(index.Host, { key: 'ced822a2bfbd97158796f232563b2eddd55573c0', role: "listitem", name: this.name, href: this.href, linkid: this.linkid }, this.hasChildren ? (index.h("button", { onClick: this.setOpenMenuLevel.bind(this), "aria-controls": this.levelId, "aria-expanded": (pnMainnavStore.state.openLevel + '' === this.levelId + '') + '', "aria-haspopup": "true" }, this.name, index.h("pn-icon", { class: "first-level_icon", icon: angle_small_down.angle_small_down, color: "blue700" }), index.h("pn-icon", { class: "first-level_arrow", icon: arrow_right.arrow_right, color: "blue700" }))) : (index.h("a", { href: this.href, ...(this.target ? { target: this.target } : {}), ...(this.target === '_blank' ? { rel: 'nofollow noopener' } : {}), ...(this.linkid ? { id: this.linkid } : {}) }, this.name, this.target === '_blank' ? index.h("pn-icon", { icon: open_in_new.open_in_new, color: "blue700" }) : null)), index.h("slot", { key: '3ded6dbe1b108680aa28d7a0248b25b2495206c4' })));
+        return (index.h(index.Host, { key: '83ff3cda7f2697675abf054ee2cf92da5fd14f36', role: "listitem", name: this.name, href: this.href, linkid: this.linkid }, this.hasChildren ? (index.h("button", { onClick: this.setOpenMenuLevel.bind(this), "aria-controls": this.levelId, "aria-expanded": (pnMainnavStore.state.openLevel + '' === this.levelId + '') + '', "aria-haspopup": "true" }, this.name, index.h("pn-icon", { class: "first-level_icon", icon: angle_small_down.angle_small_down, color: "blue700" }), index.h("pn-icon", { class: "first-level_arrow", icon: arrow_right.arrow_right, color: "blue700" }))) : (index.h("a", { href: this.href, ...(this.target ? { target: this.target } : {}), ...(this.target === '_blank' ? { rel: 'nofollow noopener' } : {}), ...(this.linkid ? { id: this.linkid } : {}) }, this.name, this.target === '_blank' ? index.h("pn-icon", { icon: open_in_new.open_in_new, color: "blue700" }) : null)), index.h("slot", { key: 'e03284078612289b6e86919c0fde15a1e5d956e1' })));
     }
 };
 PnMainnavLink.style = PnMainnavLinkStyle0;

package/dist/cjs/pn-mainnav-link.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"pn-mainnav-link.entry.cjs.js","mappings":";;;;;;;;;;;AAAA,MAAM,gBAAgB,GAAG,6uKAA6uK,CAAC;AACvwK,4BAAe,gBAAgB;;MCQlB,aAAa;;;oBAID,EAAE;oBAEF,EAAE;sBAEA,EAAE;sBAEF,EAAE;uBAGA,EAAE;oBAEJ,KAAK;2BACE,KAAK;;;IAErC,iBAAiB;QACf,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;QACpF,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,IAAI,EAAE;YACjC,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;YACnE,IAAI,CAAC,OAAO,GAAG,cAAc,CAAC,IAAI,aAAa,EAAE,CAAC;SACnD;KACF;IAED,gBAAgB;QACdA,oBAAK,CAAC,SAAS,GAAGA,oBAAK,CAAC,SAAS,GAAG,EAAE,KAAK,IAAI,CAAC,OAAO,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;KAClF;IAED,MAAM;QACJ,QACEC,QAACC,UAAI,qDAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,IACxE,IAAI,CAAC,WAAW,IACfD,oBAAQ,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,mBAAiB,IAAI,CAAC,OAAO,mBAAiB,CAACD,oBAAK,CAAC,SAAS,GAAG,EAAE,KAAK,IAAI,CAAC,OAAO,GAAG,EAAE,IAAI,EAAE,mBAAgB,MAAM,IACnK,IAAI,CAAC,IAAI,EACVC,qBAAS,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAEE,iCAAgB,EAAE,KAAK,EAAC,SAAS,GAAG,EAC5EF,qBAAS,KAAK,EAAC,mBAAmB,EAAC,IAAI,EAAEG,uBAAW,EAAE,KAAK,EAAC,SAAS,GAAG,CACjE,KAETH,eACE,IAAI,EAAE,IAAI,CAAC,IAAI,MACV,IAAI,CAAC,MAAM,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,MAC3C,IAAI,CAAC,MAAM,KAAK,QAAQ,GAAG,EAAE,GAAG,EAAE,mBAAmB,EAAE,GAAG,EAAE,CAAC,MAC7D,IAAI,CAAC,MAAM,GAAG,EAAE,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAE3C,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,MAAM,KAAK,QAAQ,GAAGA,qBAAS,IAAI,EAAEI,uBAAW,EAAE,KAAK,EAAC,SAAS,GAAW,GAAG,IAAI,CACvF,CACL,EACDJ,oEAAa,CACR,EACP;KACH;;;;;;","names":["state","h","Host","angle_small_down","arrow_right","open_in_new"],"sources":["src/components/navigation/pn-mainnav/pn-mainnav-link.scss?tag=pn-mainnav-link","src/components/navigation/pn-mainnav/pn-mainnav-link.tsx"],"sourcesContent":["@import './pn-mainnav-common.scss';\n@import '../../../globals/main.scss';\n\npn-mainnav-link {\n  display: block;\n  button,\n  a {\n    font-weight: normal;\n    position: relative;\n    border: 0 none;\n    display: flex;\n    align-items: center;\n    background-color: transparent;\n    color: $blue700;\n\n    &:hover,\n    &:focus {\n      background-color: $white;\n      color: $blue700;\n      outline: 0;\n      box-shadow: none;\n    }\n    &:active {\n      background-color: $gray50;\n      color: $blue400;\n      box-shadow: none;\n    }\n  }\n}\n\npn-mainnav-link {\n  [data-level='1'] & {\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n      height: 100%;\n      padding-left: 0;\n      position: relative;\n      scroll-snap-align: center;\n    }\n    &:first-child {\n      border-top: 0.1rem solid $gray50;\n\n      @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        border: 0;\n      }\n    }\n\n    > button,\n    > a {\n      font-size: 2rem;\n      width: 100%;\n      border-bottom: 0.1rem solid $gray50;\n      height: auto;\n      padding: 1.9rem 0 1.9rem 3rem;\n\n      @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        height: 100%;\n        border: 0;\n        font-size: 1.6rem;\n        font-weight: normal;\n        position: relative;\n        outline: 0;\n        overflow: hidden;\n        padding: 1.6rem 1.6rem;\n        white-space: nowrap;\n\n        &::before {\n          content: '';\n          background-color: $blue400;\n          position: absolute;\n          bottom: 0;\n          left: 0;\n          width: 100%;\n          height: 0.5em;\n          border-radius: 0.5em 0.5em 0 0;\n          transform: translateY(100%);\n          transition: transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);\n        }\n\n        &:hover,\n        &:focus {\n          &::before {\n            transform: translateY(0);\n          }\n        }\n\n        &:active {\n          outline: 0;\n          box-shadow: none;\n          color: $blue700;\n\n          &::before {\n            background-color: $blue200;\n            transform: translateY(0);\n          }\n        }\n      }\n\n      &:hover,\n      &:focus {\n        @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n          text-decoration: none;\n        }\n      }\n\n      &[aria-expanded='true'] {\n        &::before {\n          @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n            content: '';\n            background-color: $blue400;\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            height: 0.5em;\n            border-radius: 0.5em 0.5em 0 0;\n            transform: translateY(0);\n            transition: transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);\n          }\n        }\n      }\n    }\n\n    [aria-expanded='true'] {\n      .first-level_icon {\n        transform: rotateX(180deg);\n      }\n    }\n\n    pn-icon {\n      &.first-level_icon {\n        transition: 0.25s linear transform;\n        width: 1.92rem;\n        height: 1.92rem;\n        display: none;\n\n        @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n          display: block;\n        }\n      }\n\n      &.first-level_arrow {\n        display: block;\n\n        @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n          display: none;\n        }\n\n        position: absolute;\n        height: 2.4rem;\n        width: 2.4rem;\n        right: 2.4rem;\n        top: 50%;\n        transform: translateY(-50%);\n      }\n\n      svg {\n        pointer-events: none;\n        speak: none;\n        width: 100%;\n        height: 100%;\n      }\n    }\n  }\n}\n\npn-mainnav-link {\n  // Additional links added to a level 2 section should not have the min-width required to make the columns look good\n  pn-mainnav-level[data-level='2']:not([data-level-listcount='1']) pn-mainnav-list:last-child & {\n    > a {\n      @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        min-width: unset;\n      }\n    }\n  }\n  [data-level='2'] & {\n    position: static;\n    display: inline-block;\n    width: 100%;\n    height: auto;\n\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n      padding-left: 0;\n      margin-bottom: 1.6rem;\n    }\n\n    > a {\n      font-size: 1.6rem;\n      border-bottom: 0.1rem solid $gray50;\n      padding: 2.2rem 0 2.2rem 3rem;\n      white-space: normal;\n\n      @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        min-width: 16em;\n        border: 0;\n        border-radius: 1rem;\n        padding: 1.4rem 1.6rem;\n      }\n\n      &:hover {\n        background-color: $white;\n        color: $blue700;\n      }\n\n      &:hover,\n      &:focus {\n        box-shadow: none;\n\n        @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n          background-color: $gray50;\n          color: $blue700;\n          text-decoration: underline;\n          outline: 0;\n        }\n        &::before {\n          content: none;\n        }\n      }\n\n      &:active {\n        box-shadow: none;\n\n        @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n          background-color: $gray50;\n          color: $blue400;\n          outline: 0;\n        }\n\n        &::before {\n          content: none;\n        }\n      }\n    }\n\n    pn-icon {\n      display: inline-block;\n      margin-left: 0.2em;\n      min-width: 1.5rem;\n      width: 1.5rem;\n      height: 1.5rem;\n    }\n  }\n}\n","import { Component, Prop, h, State, Host, Element } from '@stencil/core';\nimport state from './pn-mainnav-store';\nimport { angle_small_down, arrow_right, open_in_new } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-mainnav-link',\n  styleUrl: 'pn-mainnav-link.scss',\n  shadow: false,\n})\nexport class PnMainnavLink {\n  @Element() hostElement: HTMLElement;\n\n  /** Name */\n  @Prop() name: string = '';\n  /** Href */\n  @Prop() href: string = '';\n  /** Target */\n  @Prop() target: string = '';\n  /** Link id */\n  @Prop() linkid: string = '';\n\n  /** Level ID that we control toggle on */\n  @State() levelId: string = '';\n  /** Menu item is open */\n  @State() open: boolean = false;\n  @State() hasChildren: boolean = false;\n\n  componentWillLoad() {\n    this.hasChildren = this.hostElement.querySelectorAll('pn-mainnav-level').length > 0;\n    if (this.hasChildren && this.name) {\n      const safeLevelName = this.name.toLowerCase().replace(/\\W/gi, '_');\n      this.levelId = `mainnav-lvl${2}-${safeLevelName}`;\n    }\n  }\n\n  setOpenMenuLevel() {\n    state.openLevel = state.openLevel + '' === this.levelId + '' ? '' : this.levelId;\n  }\n\n  render() {\n    return (\n      <Host role=\"listitem\" name={this.name} href={this.href} linkid={this.linkid}>\n        {this.hasChildren ? (\n          <button onClick={this.setOpenMenuLevel.bind(this)} aria-controls={this.levelId} aria-expanded={(state.openLevel + '' === this.levelId + '') + ''} aria-haspopup=\"true\">\n            {this.name}\n            <pn-icon class=\"first-level_icon\" icon={angle_small_down} color=\"blue700\" />\n            <pn-icon class=\"first-level_arrow\" icon={arrow_right} color=\"blue700\" />\n          </button>\n        ) : (\n          <a\n            href={this.href}\n            {...(this.target ? { target: this.target } : {})}\n            {...(this.target === '_blank' ? { rel: 'nofollow noopener' } : {})}\n            {...(this.linkid ? { id: this.linkid } : {})}\n          >\n            {this.name}\n            {this.target === '_blank' ? <pn-icon icon={open_in_new} color=\"blue700\"></pn-icon> : null}\n          </a>\n        )}\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"pn-mainnav-link.entry.cjs.js","mappings":";;;;;;;;;;;AAAA,MAAM,gBAAgB,GAAG,o6JAAo6J,CAAC;AAC97J,4BAAe,gBAAgB;;MCQlB,aAAa;;;oBAID,EAAE;oBAEF,EAAE;sBAEA,EAAE;sBAEF,EAAE;uBAGA,EAAE;oBAEJ,KAAK;2BACE,KAAK;;;IAErC,iBAAiB;QACf,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;QACpF,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,IAAI,EAAE;YACjC,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;YACnE,IAAI,CAAC,OAAO,GAAG,cAAc,CAAC,IAAI,aAAa,EAAE,CAAC;SACnD;KACF;IAED,gBAAgB;QACdA,oBAAK,CAAC,SAAS,GAAGA,oBAAK,CAAC,SAAS,GAAG,EAAE,KAAK,IAAI,CAAC,OAAO,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;KAClF;IAED,MAAM;QACJ,QACEC,QAACC,UAAI,qDAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,IACxE,IAAI,CAAC,WAAW,IACfD,oBAAQ,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,mBAAiB,IAAI,CAAC,OAAO,mBAAiB,CAACD,oBAAK,CAAC,SAAS,GAAG,EAAE,KAAK,IAAI,CAAC,OAAO,GAAG,EAAE,IAAI,EAAE,mBAAgB,MAAM,IACnK,IAAI,CAAC,IAAI,EACVC,qBAAS,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAEE,iCAAgB,EAAE,KAAK,EAAC,SAAS,GAAG,EAC5EF,qBAAS,KAAK,EAAC,mBAAmB,EAAC,IAAI,EAAEG,uBAAW,EAAE,KAAK,EAAC,SAAS,GAAG,CACjE,KAETH,eACE,IAAI,EAAE,IAAI,CAAC,IAAI,MACV,IAAI,CAAC,MAAM,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,MAC3C,IAAI,CAAC,MAAM,KAAK,QAAQ,GAAG,EAAE,GAAG,EAAE,mBAAmB,EAAE,GAAG,EAAE,CAAC,MAC7D,IAAI,CAAC,MAAM,GAAG,EAAE,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAE3C,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,MAAM,KAAK,QAAQ,GAAGA,qBAAS,IAAI,EAAEI,uBAAW,EAAE,KAAK,EAAC,SAAS,GAAW,GAAG,IAAI,CACvF,CACL,EACDJ,oEAAa,CACR,EACP;KACH;;;;;;","names":["state","h","Host","angle_small_down","arrow_right","open_in_new"],"sources":["src/components/navigation/pn-mainnav/pn-mainnav-link.scss?tag=pn-mainnav-link","src/components/navigation/pn-mainnav/pn-mainnav-link.tsx"],"sourcesContent":["@import './pn-mainnav-common.scss';\n@import '../../../globals/main.scss';\n\npn-mainnav-link {\n  display: block;\n  button,\n  a {\n    font-weight: normal;\n    position: relative;\n    border: 0 none;\n    display: flex;\n    align-items: center;\n    background-color: transparent;\n    color: $blue700;\n\n    &:hover,\n    &:focus {\n      background-color: $white;\n      color: $blue700;\n      outline: 0;\n      box-shadow: none;\n    }\n    &:active {\n      background-color: $gray50;\n      color: $blue400;\n      box-shadow: none;\n    }\n  }\n}\n\npn-mainnav-link {\n  [data-level='1'] & {\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n      height: 100%;\n      padding-left: 0;\n      position: relative;\n      scroll-snap-align: center;\n    }\n    &:first-child {\n      border-top: 0.1rem solid $gray50;\n\n      @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        border: 0;\n      }\n    }\n\n    > button,\n    > a {\n      font-size: 2rem;\n      width: 100%;\n      border-bottom: 0.1rem solid $gray50;\n      height: auto;\n      padding: 1.9rem 0 1.9rem 3rem;\n\n      @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        height: 100%;\n        border: 0;\n        font-size: 1.6rem;\n        font-weight: normal;\n        position: relative;\n        outline: 0;\n        overflow: hidden;\n        padding: 1.6rem 1.6rem;\n        white-space: nowrap;\n\n        &::before {\n          content: '';\n          background-color: $blue400;\n          position: absolute;\n          bottom: 0;\n          left: 0;\n          width: 100%;\n          height: 0.5em;\n          border-radius: 0.5em 0.5em 0 0;\n          transform: translateY(100%);\n          transition: transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);\n        }\n\n        &:hover,\n        &:focus {\n          &::before {\n            transform: translateY(0);\n          }\n        }\n\n        &:active {\n          outline: 0;\n          box-shadow: none;\n          color: $blue700;\n\n          &::before {\n            background-color: $blue200;\n            transform: translateY(0);\n          }\n        }\n      }\n\n      &:hover,\n      &:focus {\n        @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n          text-decoration: none;\n        }\n      }\n\n      &[aria-expanded='true'] {\n        &::before {\n          @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n            content: '';\n            background-color: $blue400;\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            height: 0.5em;\n            border-radius: 0.5em 0.5em 0 0;\n            transform: translateY(0);\n            transition: transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);\n          }\n        }\n      }\n    }\n\n    [aria-expanded='true'] {\n      .first-level_icon {\n        transform: rotateX(180deg);\n      }\n    }\n\n    pn-icon {\n      &.first-level_icon {\n        transition: 0.25s linear transform;\n        width: 1.92rem;\n        height: 1.92rem;\n        display: none;\n\n        @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n          display: block;\n        }\n      }\n\n      &.first-level_arrow {\n        display: block;\n\n        @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n          display: none;\n        }\n\n        position: absolute;\n        height: 2.4rem;\n        width: 2.4rem;\n        right: 2.4rem;\n        top: 50%;\n        transform: translateY(-50%);\n      }\n\n      svg {\n        pointer-events: none;\n        speak: none;\n        width: 100%;\n        height: 100%;\n      }\n    }\n  }\n}\n\npn-mainnav-link {\n  // Additional links added to a level 2 section should not have the min-width required to make the columns look good\n  pn-mainnav-level[data-level='2']:not([data-level-listcount='1']) pn-mainnav-list:last-child & {\n    > a {\n      @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        min-width: unset;\n      }\n    }\n  }\n  [data-level='2'] & {\n    position: static;\n    display: inline-block;\n    width: 100%;\n    height: auto;\n\n    @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n      padding-left: 0;\n      margin-bottom: 1.6rem;\n    }\n\n    > a {\n      font-size: 1.6rem;\n      border-bottom: 0.1rem solid $gray50;\n      padding: 2.2rem 0 2.2rem 3rem;\n      white-space: normal;\n\n      @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n        min-width: 16em;\n        border: 0;\n        border-radius: 1rem;\n        padding: 1.4rem 1.6rem;\n      }\n\n      &:hover {\n        background-color: $white;\n        color: $blue700;\n      }\n\n      &:hover,\n      &:focus {\n        box-shadow: none;\n\n        @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n          background-color: $gray50;\n          color: $blue700;\n          text-decoration: underline;\n          outline: 0;\n        }\n        &::before {\n          content: none;\n        }\n      }\n\n      &:active {\n        box-shadow: none;\n\n        @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n          background-color: $gray50;\n          color: $blue400;\n          outline: 0;\n        }\n\n        &::before {\n          content: none;\n        }\n      }\n    }\n\n    pn-icon {\n      display: inline-block;\n      margin-left: 0.2em;\n      min-width: 1.5rem;\n      width: 1.5rem;\n      height: 1.5rem;\n    }\n  }\n}\n","import { Component, Prop, h, State, Host, Element } from '@stencil/core';\nimport state from './pn-mainnav-store';\nimport { angle_small_down, arrow_right, open_in_new } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-mainnav-link',\n  styleUrl: 'pn-mainnav-link.scss',\n  shadow: false,\n})\nexport class PnMainnavLink {\n  @Element() hostElement: HTMLElement;\n\n  /** Name */\n  @Prop() name: string = '';\n  /** Href */\n  @Prop() href: string = '';\n  /** Target */\n  @Prop() target: string = '';\n  /** Link id */\n  @Prop() linkid: string = '';\n\n  /** Level ID that we control toggle on */\n  @State() levelId: string = '';\n  /** Menu item is open */\n  @State() open: boolean = false;\n  @State() hasChildren: boolean = false;\n\n  componentWillLoad() {\n    this.hasChildren = this.hostElement.querySelectorAll('pn-mainnav-level').length > 0;\n    if (this.hasChildren && this.name) {\n      const safeLevelName = this.name.toLowerCase().replace(/\\W/gi, '_');\n      this.levelId = `mainnav-lvl${2}-${safeLevelName}`;\n    }\n  }\n\n  setOpenMenuLevel() {\n    state.openLevel = state.openLevel + '' === this.levelId + '' ? '' : this.levelId;\n  }\n\n  render() {\n    return (\n      <Host role=\"listitem\" name={this.name} href={this.href} linkid={this.linkid}>\n        {this.hasChildren ? (\n          <button onClick={this.setOpenMenuLevel.bind(this)} aria-controls={this.levelId} aria-expanded={(state.openLevel + '' === this.levelId + '') + ''} aria-haspopup=\"true\">\n            {this.name}\n            <pn-icon class=\"first-level_icon\" icon={angle_small_down} color=\"blue700\" />\n            <pn-icon class=\"first-level_arrow\" icon={arrow_right} color=\"blue700\" />\n          </button>\n        ) : (\n          <a\n            href={this.href}\n            {...(this.target ? { target: this.target } : {})}\n            {...(this.target === '_blank' ? { rel: 'nofollow noopener' } : {})}\n            {...(this.linkid ? { id: this.linkid } : {})}\n          >\n            {this.name}\n            {this.target === '_blank' ? <pn-icon icon={open_in_new} color=\"blue700\"></pn-icon> : null}\n          </a>\n        )}\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/{pn-mainnav-store-5732f3ca.js → pn-mainnav-store-1a8153fd.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-4067c6a5.js');
+const index = require('./index-1d8c9211.js');
 
 // Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store
 const { state, onChange } = index.createStore({
@@ -19,4 +19,4 @@ const { state, onChange } = index.createStore({
 exports.onChange = onChange;
 exports.state = state;
 
-//# sourceMappingURL=pn-mainnav-store-5732f3ca.js.map
+//# sourceMappingURL=pn-mainnav-store-1a8153fd.js.map

package/dist/cjs/{pn-mainnav-store-5732f3ca.js.map → pn-mainnav-store-1a8153fd.js.map}

@@ -1 +1 @@
-{"file":"pn-mainnav-store-5732f3ca.js","mappings":";;;;AACA;MAEM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAGA,iBAAW,CAAC;IACtC,SAAS,EAAE,EAAE;IACb,YAAY,EAAE,CAAC;IACf,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE;QACJ,cAAc,EAAE,EAAE;QAClB,gBAAgB,EAAE,EAAE;QACpB,cAAc,EAAE,EAAE;QAClB,eAAe,EAAE,EAAE;QACnB,QAAQ,EAAE,EAAE;KACb;CACF;;;;;","names":["createStore"],"sources":["src/components/navigation/pn-mainnav/pn-mainnav-store.tsx"],"sourcesContent":["import { createStore } from '@stencil/store';\n// Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store\n\nconst { state, onChange } = createStore({\n  openLevel: '',\n  currentLevel: 1,\n  openMenu: false,\n  i18n: {\n    menuHomeButton: '',\n    menuGoBackButton: '',\n    mainMenuButton: '',\n    menuStartButton: '',\n    navLabel: '',\n  },\n});\n\nexport { state, onChange };\nexport default state;\n"],"version":3}
+{"file":"pn-mainnav-store-1a8153fd.js","mappings":";;;;AACA;MAEM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAGA,iBAAW,CAAC;IACtC,SAAS,EAAE,EAAE;IACb,YAAY,EAAE,CAAC;IACf,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE;QACJ,cAAc,EAAE,EAAE;QAClB,gBAAgB,EAAE,EAAE;QACpB,cAAc,EAAE,EAAE;QAClB,eAAe,EAAE,EAAE;QACnB,QAAQ,EAAE,EAAE;KACb;CACF;;;;;","names":["createStore"],"sources":["src/components/navigation/pn-mainnav/pn-mainnav-store.tsx"],"sourcesContent":["import { createStore } from '@stencil/store';\n// Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store\n\nconst { state, onChange } = createStore({\n  openLevel: '',\n  currentLevel: 1,\n  openMenu: false,\n  i18n: {\n    menuHomeButton: '',\n    menuGoBackButton: '',\n    mainMenuButton: '',\n    menuStartButton: '',\n    navLabel: '',\n  },\n});\n\nexport { state, onChange };\nexport default state;\n"],"version":3}

package/dist/cjs/pn-market-web-components.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b02670c2.js');
+const index = require('./index-34e1c673.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
@@ -40,7 +40,7 @@ var patchCloneNodeFix = (HTMLElementPrototype) => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"pn-marketweb-siteheader.cjs\",[[4,\"pn-marketweb-siteheader\",{\"market\":[1537],\"language\":[1537],\"siteid\":[1],\"environment\":[1537],\"userToken\":[1,\"user-token\"],\"userFullname\":[1,\"user-fullname\"],\"userLoggedin\":[516,\"user-loggedin\"],\"endpoint\":[1],\"hideSiteSelector\":[1540,\"hide-site-selector\"],\"hideHomeMenuItem\":[1540,\"hide-home-menu-item\"],\"hideLanguageSelector\":[1540,\"hide-language-selector\"],\"hideSearch\":[1540,\"hide-search\"],\"hideLogin\":[1540,\"hide-login\"],\"showProfileSelection\":[1540,\"show-profile-selection\"],\"showUnifiedLogin\":[4,\"show-unified-login\"],\"siteDomainInUrls\":[4,\"site-domain-in-urls\"],\"AutocompleteEndpoint\":[1,\"autocomplete-endpoint\"],\"sessionForward\":[4,\"session-forward\"],\"cache\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"spaMode\":[4,\"spa-mode\"],\"checkUserLoggedInStateInterval\":[2,\"check-user-logged-in-state-interval\"],\"useMarketwebLogin\":[4,\"use-marketweb-login\"],\"pageId\":[1,\"page-id\"],\"i18n\":[32],\"gotData\":[32],\"fetchingData\":[32],\"homePageLink\":[32],\"menuItems\":[32],\"siteDefinition\":[32],\"search\":[32],\"siteSelector\":[32],\"languageSelector\":[32],\"languageOptions\":[32],\"loginDialog\":[32],\"minimizeSearch\":[32],\"loggedIn\":[32]},[[0,\"setLanguage\",\"onLanguageSelectorChange\"],[0,\"loginStateChange\",\"onLoginStateChange\"],[9,\"resize\",\"handleResize\"]],{\"language\":[\"onLanguageChange\"],\"market\":[\"onMarketChange\"]}]]],[\"pn-proxio-findprice.cjs\",[[0,\"pn-proxio-findprice\",{\"endpoint\":[1025],\"language\":[1025],\"market\":[1025],\"showMedium\":[4,\"show-medium\"],\"showInternational\":[4,\"show-international\"],\"maxAbroadKg\":[2,\"max-abroad-kg\"],\"weightListName\":[1,\"weight-list-name\"],\"cache\":[4],\"filteredItems\":[32],\"weight\":[32],\"weightvalue\":[32],\"countrycodevalue\":[32],\"sizecategory\":[32],\"data\":[32]},null,{\"market\":[\"setState\"],\"language\":[\"setState\"],\"sizecategory\":[\"filterItems\"],\"weightvalue\":[\"filterItems\"],\"countrycodevalue\":[\"filterItems\"]}]]],[\"pn-find-price.cjs\",[[0,\"pn-find-price\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"filteredItems\":[32],\"weight\":[32],\"weightvalue\":[32],\"sourceData\":[32],\"sizecategory\":[32]},null,{\"market\":[\"setState\"],\"language\":[\"setState\"],\"sizecategory\":[\"filterItems\"],\"weightvalue\":[\"filterItems\"]}]]],[\"pn-find-service-and-price.cjs\",[[0,\"pn-find-service-and-price\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"filteredItems\":[32],\"postagetype\":[32],\"weight\":[32],\"weightvalue\":[32],\"deliveryscope\":[32],\"sourceData\":[32]},null,{\"market\":[\"setState\"],\"language\":[\"setState\"],\"postagetype\":[\"filterItems\"],\"deliveryscope\":[\"filterItems\"],\"weightvalue\":[\"filterItems\"]}]]],[\"pn-product-pricelist.cjs\",[[4,\"pn-product-pricelist\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"productid\":[1],\"filteredItems\":[32],\"sourceData\":[32],\"gotData\":[32],\"loading\":[32],\"postagetype\":[32],\"weight\":[32],\"weightvalue\":[32]},null,{\"market\":[\"setState\"],\"language\":[\"setState\"],\"postagetype\":[\"filterItems\"],\"weightvalue\":[\"filterItems\"]}]]],[\"pn-proxio-pricegroup.cjs\",[[0,\"pn-proxio-pricegroup\",{\"endpoint\":[1025],\"language\":[1],\"market\":[1],\"tariffid\":[1],\"cache\":[4],\"activeWeightIndex\":[32],\"data\":[32],\"i18n\":[32]},[[0,\"activeWeightIndex\",\"setActiveWeightIndex\"],[0,\"language\",\"setLanguage\"]]]]],[\"pn-product-pricelist-result.cjs\",[[0,\"pn-product-pricelist-result\",{\"item\":[1040],\"description\":[16],\"shownitems\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"weightText\":[32]},null,{\"item\":[\"composeItems\"]}]]],[\"pn-marketweb-sitefooter.cjs\",[[4,\"pn-marketweb-sitefooter\",{\"market\":[1537],\"language\":[1537],\"environment\":[1537],\"endpoint\":[1],\"siteDomainInUrls\":[4,\"site-domain-in-urls\"],\"cache\":[4],\"theme\":[513],\"backgroundcolor\":[513],\"showSwan\":[4,\"show-swan\"],\"headingLevel\":[1,\"heading-level\"],\"siteDefinition\":[32],\"footerContent\":[32],\"i18n\":[32],\"gotData\":[32],\"fetchingData\":[32]},null,{\"language\":[\"onLanguageChange\"],\"market\":[\"onMarketChange\"]}]]],[\"pn-media-block.cjs\",[[4,\"pn-media-block\",{\"blockHeight\":[1,\"block-height\"],\"imageSrc\":[1,\"image-src\"],\"imageSrcSmallScreenFormat\":[1,\"image-src-small-screen-format\"],\"imageAltText\":[1,\"image-alt-text\"],\"videoSrc\":[1,\"video-src\"],\"parallaxScroll\":[4,\"parallax-scroll\"],\"showOverlayLayer\":[4,\"show-overlay-layer\"],\"customOverlayBackground\":[1,\"custom-overlay-background\"],\"animateOverlayBackground\":[4,\"animate-overlay-background\"],\"scrollSnapBlock\":[4,\"scroll-snap-block\"],\"fixedBackground\":[4,\"fixed-background\"],\"blockHeading\":[1,\"block-heading\"],\"blockHeadingLevel\":[1,\"block-heading-level\"],\"blockPreamble\":[1,\"block-preamble\"],\"marginBottom\":[4,\"margin-bottom\"],\"pnPlayOnScrollObserverOptions\":[32],\"calculatedBlockHeight\":[32],\"hasButtonSlot\":[32]}]]],[\"pn-chat.cjs\",[[0,\"pn-chat\",{\"endpoint\":[1],\"customerSegment\":[1,\"customer-segment\"],\"mainHeading\":[1,\"main-heading\"],\"relatedContentAriaLabel\":[1,\"related-content-aria-label\"],\"chatMinimizedAriaLabel\":[1,\"chat-minimized-aria-label\"],\"chatOpenedAriaLabel\":[1,\"chat-opened-aria-label\"],\"minimizeChatAriaLabel\":[1,\"minimize-chat-aria-label\"],\"closeChatAriaLabel\":[1,\"close-chat-aria-label\"],\"openChatAriaLabel\":[1,\"open-chat-aria-label\"],\"chatControlsAriaLabel\":[1,\"chat-controls-aria-label\"],\"chatMessagesAriaLabel\":[1,\"chat-messages-aria-label\"],\"sentMessageAriaLabel\":[1,\"sent-message-aria-label\"],\"writeChatMessagePlaceholder\":[1,\"write-chat-message-placeholder\"],\"waitingForAnswerLabel\":[1,\"waiting-for-answer-label\"],\"sendButtonText\":[1,\"send-button-text\"],\"loadingText\":[1,\"loading-text\"],\"carouselSlidesToShow\":[2,\"carousel-slides-to-show\"],\"messages\":[1],\"language\":[1],\"market\":[1],\"itemId\":[1,\"item-id\"],\"pnChatId\":[1,\"pn-chat-id\"],\"forceOpen\":[4,\"force-open\"],\"isLoggedIn\":[4,\"is-logged-in\"],\"message\":[32],\"messagesData\":[32],\"isMinimized\":[32],\"isClosed\":[32],\"lastMessageId\":[32],\"i18n\":[32]},[[0,\"keydown\",\"handleKeyDown\"]],{\"messages\":[\"handleMessagesChange\"],\"pnChatId\":[\"handleNewChatId\"],\"forceOpen\":[\"handleSameChatId\"],\"isMinimized\":[\"scrollToBottom\"]}]]],[\"pn-level-up.cjs\",[[0,\"pn-level-up\",{\"heading\":[1],\"headingLevel\":[8,\"heading-level\"],\"preamble\":[1],\"imageUrl\":[1,\"image-url\"],\"imageAltText\":[1,\"image-alt-text\"],\"endpoint\":[1],\"webModalContinueOtherDeviceLabel\":[1,\"web-modal-continue-other-device-label\"],\"webModalContinueThisDeviceLabel\":[1,\"web-modal-continue-this-device-label\"],\"mobileModalContinueThisDeviceLabel\":[1,\"mobile-modal-continue-this-device-label\"],\"mobileModalContinueOtherDeviceLabel\":[1,\"mobile-modal-continue-other-device-label\"],\"modalInstructionPhoneLineOne\":[1,\"modal-instruction-phone-line-one\"],\"modalInstructionPhoneLineTwo\":[1,\"modal-instruction-phone-line-two\"],\"modalInstructionPhoneLineThree\":[1,\"modal-instruction-phone-line-three\"],\"modalHeadingText\":[1,\"modal-heading-text\"],\"modalOutdatedQRMessage\":[1,\"modal-outdated-q-r-message\"],\"modalExpiresInMessage\":[1,\"modal-expires-in-message\"],\"qrAriaLabel\":[1,\"qr-aria-label\"],\"leveledupMessage\":[1,\"leveledup-message\"],\"isLeveledUp\":[4,\"is-leveled-up\"],\"isLoading\":[32],\"isRecentLeveledUp\":[32],\"errorMessage\":[32]}]]],[\"pn-multi-row-connected-dropdown.cjs\",[[0,\"pn-multi-row-connected-dropdown\",{\"dropdownData\":[1,\"dropdown-data\"],\"languageCode\":[1,\"language-code\"],\"label\":[1],\"firstDropdownLabel\":[1,\"first-dropdown-label\"],\"secondDropdownLabel\":[1,\"second-dropdown-label\"],\"dropdownPlaceholder\":[1,\"dropdown-placeholder\"],\"addRowText\":[1,\"add-row-text\"],\"inputFieldLabel\":[1,\"input-field-label\"],\"inputFieldPlaceholder\":[1,\"input-field-placeholder\"],\"disabledDates\":[1,\"disabled-dates\"],\"dateButtonText\":[1,\"date-button-text\"],\"datePlaceholder\":[1,\"date-placeholder\"],\"dateDaysFromToday\":[2,\"date-days-from-today\"],\"allowMultipleRows\":[4,\"allow-multiple-rows\"],\"allowMultipleDates\":[4,\"allow-multiple-dates\"],\"startDateLabel\":[1,\"start-date-label\"],\"endDateLabel\":[1,\"end-date-label\"],\"multiDateHelperText\":[1,\"multi-date-helper-text\"],\"generateDatesButtonText\":[1,\"generate-dates-button-text\"],\"saveDateButtonText\":[1,\"save-date-button-text\"],\"noDatesText\":[1,\"no-dates-text\"],\"yearsToAddToEndDate\":[2,\"years-to-add-to-end-date\"],\"minAmount\":[2,\"min-amount\"],\"errorMessageEmpty\":[1,\"error-message-empty\"],\"errorMessageMinAmount\":[1,\"error-message-min-amount\"],\"minWarningAmount\":[2,\"min-warning-amount\"],\"warningMessageMinAmount\":[1,\"warning-message-min-amount\"],\"rowCount\":[32],\"rowData\":[32],\"formValues\":[32]},[[0,\"rowValueChange\",\"predefinedValueChange\"],[0,\"deleteRowEvent\",\"deleteRowEvent\"]]]]],[\"pn-dropdown-with-multi-input-rows.cjs\",[[0,\"pn-dropdown-with-multi-input-rows\",{\"dropdownData\":[1,\"dropdown-data\"],\"languageCode\":[1,\"language-code\"],\"firstDropdownLabel\":[1,\"first-dropdown-label\"],\"firstDropdownHelperText\":[1,\"first-dropdown-helper-text\"],\"secondDropdownLabel\":[1,\"second-dropdown-label\"],\"secondDropdownHelperText\":[1,\"second-dropdown-helper-text\"],\"secondDropdownMax\":[2,\"second-dropdown-max\"],\"deleteMultipleRowsWarningText\":[1,\"delete-multiple-rows-warning-text\"],\"confirmDeleteButtonText\":[1,\"confirm-delete-button-text\"],\"abortDeleteButtonText\":[1,\"abort-delete-button-text\"],\"firstInputLabel\":[1,\"first-input-label\"],\"firstInputPlaceholder\":[1,\"first-input-placeholder\"],\"firstInputMin\":[2,\"first-input-min\"],\"firstInputMax\":[2,\"first-input-max\"],\"firstInputWarning\":[2,\"first-input-warning\"],\"firstInputWarningText\":[1,\"first-input-warning-text\"],\"firstInputLowErrorText\":[1,\"first-input-low-error-text\"],\"firstInputHighErrorText\":[1,\"first-input-high-error-text\"],\"secondInputLabel\":[1,\"second-input-label\"],\"secondInputPlaceholder\":[1,\"second-input-placeholder\"],\"secondInputMin\":[2,\"second-input-min\"],\"secondInputMax\":[2,\"second-input-max\"],\"secondInputWarning\":[2,\"second-input-warning\"],\"secondInputWarningText\":[1,\"second-input-warning-text\"],\"secondInputLowErrorText\":[1,\"second-input-low-error-text\"],\"secondInputHighErrorText\":[1,\"second-input-high-error-text\"],\"disabledDates\":[1,\"disabled-dates\"],\"dateLabel\":[1,\"date-label\"],\"datePlaceholder\":[1,\"date-placeholder\"],\"dateDaysFromToday\":[2,\"date-days-from-today\"],\"yearsToAddToEndDate\":[2,\"years-to-add-to-end-date\"],\"sumFieldLabel\":[1,\"sum-field-label\"],\"addRowText\":[1,\"add-row-text\"],\"elementHelperText\":[1,\"element-helper-text\"],\"dropdownDataRoot\":[32],\"secondDropdownArr\":[32],\"rowData\":[32],\"formValues\":[32],\"firstValidDateString\":[32],\"lastValidDateString\":[32],\"rowSum\":[32],\"minRowCount\":[32],\"showDeleteConfirm\":[32],\"i18n\":[32]},[[0,\"rowValueChange\",\"predefinedValueChange\"],[0,\"firstInputChange\",\"predefinedValueChange\"],[0,\"secondInputChange\",\"predefinedValueChange\"],[0,\"deleteRowEvent\",\"deleteRowEvent\"]],{\"languageCode\":[\"setTranslations\"]}]]],[\"pn-multiple-input.cjs\",[[0,\"pn-multiple-input\",{\"label\":[1],\"placeholder\":[1],\"addRowButtonText\":[1,\"add-row-button-text\"],\"rowData\":[32]}]]],[\"pn-parcel-tracker.cjs\",[[0,\"pn-parcel-tracker\",{\"formActionUrl\":[1,\"form-action-url\"],\"heading\":[1],\"buttonLabel\":[1,\"button-label\"],\"locale\":[1],\"placeholder\":[1],\"inputName\":[1,\"input-name\"],\"currentWidth\":[32]},[[9,\"resize\",\"handleViewportSizeChange\"]]]]],[\"pn-pex-pricefinder.cjs\",[[0,\"pn-pex-pricefinder\",{\"language\":[1],\"currency\":[1],\"apiUrl\":[1,\"api-url\"],\"i18n\":[32],\"fromzip\":[32],\"tozip\":[32],\"weight\":[32],\"when\":[32],\"response\":[32]},[[0,\"language\",\"setLanguage\"]]]]],[\"pn-share.cjs\",[[0,\"pn-share\",{\"link\":[1],\"language\":[1537],\"i18n\":[32]},null,{\"language\":[\"onLanguageChange\"]}]]],[\"pn-stats-info.cjs\",[[4,\"pn-stats-info\",{\"heading\":[1],\"dataArray\":[1,\"data-array\"],\"backgroundUrl\":[1,\"background-url\"],\"myParsedArray\":[32]},null,{\"dataArray\":[\"parseMyArrayProp\"]}]]],[\"pn-address-autofill.cjs\",[[0,\"pn-address-autofill\",{\"market\":[1537],\"environment\":[1537],\"endpoint\":[1],\"cache\":[4],\"countryCode\":[1,\"country-code\"],\"language\":[1],\"postalCodeProps\":[1,\"postal-code-props\"],\"cityProps\":[1,\"city-props\"],\"streetAddressProps\":[1,\"street-address-props\"],\"streetNumberProps\":[1,\"street-number-props\"],\"addressNotFoundError\":[1,\"address-not-found-error\"],\"postalCode\":[32],\"city\":[32],\"streetAddress\":[32],\"streetNumber\":[32],\"validAddress\":[32],\"translation\":[32],\"postalCodeRequiredLabel\":[32],\"streetRequiredLabel\":[32],\"fullAddress\":[32],\"isLoading\":[32]}]]],[\"pn-animated-tile.cjs\",[[4,\"pn-animated-tile\",{\"toggled\":[32],\"transitionClassName\":[32],\"animateIcon\":[32]},null,{\"toggled\":[\"onToggledHandler\"]}]]],[\"pn-app-banner.cjs\",[[0,\"pn-app-banner\",{\"appName\":[1,\"app-name\"],\"appDescription\":[1,\"app-description\"],\"ctaText\":[1,\"cta-text\"],\"appleStoreLink\":[1,\"apple-store-link\"],\"googleStoreLink\":[1,\"google-store-link\"],\"isClosed\":[32],\"storeLink\":[32],\"isLocalStorageAvailable\":[32]}]]],[\"pn-bonus-progressbar.cjs\",[[4,\"pn-bonus-progressbar\",{\"icon\":[1],\"heading\":[1],\"sumtext\":[513],\"theme\":[513],\"bonuspercentage\":[1],\"currency\":[513],\"value\":[1538],\"min\":[1538],\"max\":[1538],\"valuepercentage\":[32],\"progresspercentage\":[32],\"levelValues\":[32],\"currentLevelAdjustedValue\":[32]},null,{\"currentLevelAdjustedValue\":[\"setValuePercentage\"],\"value\":[\"setValuePercentage\"],\"min\":[\"setValuePercentage\"],\"max\":[\"setValuePercentage\"]}]]],[\"pn-bonus-progressbar-level.cjs\",[[0,\"pn-bonus-progressbar-level\",{\"current\":[516],\"value\":[1538],\"bonuspercentage\":[1537],\"visualpercentage\":[1538],\"percentage\":[32],\"max\":[32],\"min\":[32],\"currency\":[32]}]]],[\"pn-breakpoints.cjs\",[[0,\"pn-breakpoints\",{\"breakPointClass\":[1,\"break-point-class\"],\"currentWidth\":[32]},[[9,\"resize\",\"handleViewportSizeChange\"]]]]],[\"pn-chart.cjs\",[[0,\"pn-chart\",{\"labels\":[1],\"dataSets\":[1,\"data-sets\"],\"dataChartType\":[8,\"data-chart-type\"],\"myChartCtxRef\":[32]},null,{\"dataSets\":[\"dataChangeHandler\"],\"labels\":[\"labelsChangeHandler\"]}]]],[\"pn-charts-card.cjs\",[[4,\"pn-charts-card\",{\"header\":[1],\"highlight\":[1],\"preamble\":[1],\"label\":[1],\"source\":[1],\"sourceUrl\":[1,\"source-url\"],\"ctaLinkText\":[1,\"cta-link-text\"],\"openInNewWindow\":[4,\"open-in-new-window\"]}]]],[\"pn-cta-block.cjs\",[[4,\"pn-cta-block\",{\"heading\":[1],\"bodyText\":[1,\"body-text\"],\"pnBackgroundColor\":[1,\"pn-background-color\"],\"isLarge\":[4,\"is-large\"],\"isCentered\":[4,\"is-centered\"],\"isSmall\":[4,\"is-small\"],\"contentTop\":[4,\"content-top\"]}]]],[\"pn-customernumber-selector.cjs\",[[4,\"pn-customernumber-selector\",{\"language\":[1537],\"open\":[1540],\"heading\":[1],\"description\":[1],\"i18n\":[32]}]]],[\"pn-customernumber-selector-option.cjs\",[[4,\"pn-customernumber-selector-option\",{\"heading\":[1],\"description\":[1],\"url\":[1]}]]],[\"pn-date-and-time.cjs\",[[0,\"pn-date-and-time\",{\"languageCode\":[1,\"language-code\"],\"dateAndTimeLabel\":[1,\"date-and-time-label\"],\"dateDaysFromToday\":[2,\"date-days-from-today\"],\"validTimeRangeMinutes\":[2,\"valid-time-range-minutes\"],\"errorMessage\":[1,\"error-message\"],\"dateHelperText\":[1,\"date-helper-text\"],\"timeHelperText\":[1,\"time-helper-text\"],\"disableWeekends\":[4,\"disable-weekends\"],\"disabledDates\":[1,\"disabled-dates\"],\"datePlaceholder\":[1,\"date-placeholder\"],\"minFromHour\":[2,\"min-from-hour\"],\"maxToHour\":[2,\"max-to-hour\"],\"language\":[32],\"hourArr\":[32],\"minuteArr\":[32],\"formValue\":[32],\"invalidTimespan\":[32],\"selectedDate\":[32],\"selectedFromHour\":[32],\"selectedFromMin\":[32],\"selectedToHour\":[32],\"selectedToMin\":[32],\"firstValidDateString\":[32],\"lastValidDateString\":[32]}]]],[\"pn-dropdown-choice-adds-row.cjs\",[[4,\"pn-dropdown-choice-adds-row\",{\"dropdownData\":[1,\"dropdown-data\"],\"languageCode\":[1,\"language-code\"],\"addRowDropdownName\":[1,\"add-row-dropdown-name\"],\"addRowDropdownPlaceholder\":[1,\"add-row-dropdown-placeholder\"],\"addRowDropdownLabel\":[1,\"add-row-dropdown-label\"],\"rowNameLabel\":[1,\"row-name-label\"],\"rowHasDropdown\":[4,\"row-has-dropdown\"],\"rowDropdownLabel\":[1,\"row-dropdown-label\"],\"rowDropdownPlaceholder\":[1,\"row-dropdown-placeholder\"],\"rowInputLabel\":[1,\"row-input-label\"],\"rowDeleteButtonText\":[1,\"row-delete-button-text\"],\"totalInputLimit\":[2,\"total-input-limit\"],\"inputLimitWarning\":[1,\"input-limit-warning\"],\"inputEmptyWarning\":[1,\"input-empty-warning\"],\"dropdownEmptyWarning\":[1,\"dropdown-empty-warning\"],\"nextRowIndex\":[32],\"rowSelectDropdownArr\":[32],\"formValue\":[32]},null,{\"dropdownData\":[\"dropdownDataWatcher\"]}]]],[\"pn-hero-block-international.cjs\",[[4,\"pn-hero-block-international\",{\"heading\":[1],\"subHeading\":[1,\"sub-heading\"],\"preamble\":[1],\"animateLogo\":[4,\"animate-logo\"],\"showSideLoader\":[4,\"show-side-loader\"],\"centeredLayout\":[4,\"centered-layout\"]}]]],[\"pn-line-shape.cjs\",[[0,\"pn-line-shape\"]]],[\"pn-link-list.cjs\",[[4,\"pn-link-list\",{\"heading\":[1],\"label\":[1],\"preamble\":[1],\"url\":[1],\"showMoreLabel\":[1,\"show-more-label\"],\"showMoreUrl\":[1,\"show-more-url\"]}]]],[\"pn-marketweb-icon.cjs\",[[0,\"pn-marketweb-icon\",{\"symbol\":[1],\"small\":[4],\"color\":[1]}]]],[\"pn-marketweb-search.cjs\",[[1,\"pn-marketweb-search\",{\"disabled\":[4],\"placeholder\":[1],\"inputid\":[1],\"name\":[1],\"autocomplete\":[1],\"list\":[1],\"value\":[1],\"label\":[1],\"loading\":[4],\"button\":[1],\"light\":[4],\"suggestionObserver\":[32],\"hasClonedInput\":[32],\"listSuggestion\":[32]},[[0,\"input\",\"inputHandler\"]]]]],[\"pn-marketweb-siteheader-login-mypage-button.cjs\",[[0,\"pn-marketweb-siteheader-login-mypage-button\",{\"label\":[1],\"myPageUrl\":[1,\"my-page-url\"]}]]],[\"pn-marketweb-table.cjs\",[[0,\"pn-marketweb-table\",{\"mainHeading\":[1,\"main-heading\"],\"mainHeadingLevel\":[1,\"main-heading-level\"],\"preamble\":[1],\"subHeadingLevel\":[1,\"sub-heading-level\"],\"headers\":[1],\"rows\":[1],\"showHeadersInCells\":[4,\"show-headers-in-cells\"],\"cellHeaderLevel\":[1,\"cell-header-level\"],\"tableRowCtaActionLabel\":[1,\"table-row-cta-action-label\"],\"imageColAriaHeader\":[1,\"image-col-aria-header\"],\"ctaColAriaHeader\":[1,\"cta-col-aria-header\"],\"checkForNewShipments\":[4,\"check-for-new-shipments\"],\"endpoint\":[1],\"language\":[1],\"market\":[1],\"toggleDetailLabel\":[1,\"toggle-detail-label\"],\"checkForChat\":[4,\"check-for-chat\"],\"value\":[1537],\"shipmentType\":[1,\"shipment-type\"],\"contentId\":[1,\"content-id\"],\"takeAmountRow\":[2,\"take-amount-row\"],\"shipmentCount\":[2,\"shipment-count\"],\"i18n\":[32],\"_headers\":[32],\"_rows\":[32],\"_allKeys\":[32],\"screenInfo\":[32]},null,{\"language\":[\"onLanguageChange\"]}]]],[\"pn-product-tile.cjs\",[[4,\"pn-product-tile\"]]],[\"pn-profile-modal.cjs\",[[4,\"pn-profile-modal\",{\"heading\":[1],\"continueCtaText\":[1,\"continue-cta-text\"],\"choosenCompanyText\":[1,\"choosen-company-text\"],\"toText\":[1,\"to-text\"],\"chooseCustomerNumberText\":[1,\"choose-customer-number-text\"],\"isLoading\":[32]},[[0,\"urlSelected\",\"onUrlSelected\"]]]]],[\"pn-profile-modal-customernumber.cjs\",[[4,\"pn-profile-modal-customernumber\",{\"url\":[513],\"customernumber\":[513],\"selected\":[516]}]]],[\"pn-profile-modal-profile.cjs\",[[4,\"pn-profile-modal-profile\",{\"heading\":[513],\"description\":[513],\"url\":[513],\"selected\":[1028],\"showCustomerNumbers\":[516,\"show-customer-numbers\"],\"pleaseSelectText\":[513,\"please-select-text\"],\"visible\":[1540],\"identifier\":[32]}]]],[\"pn-profile-modal-type.cjs\",[[4,\"pn-profile-modal-type\",{\"typeid\":[513],\"name\":[1025],\"selected\":[1028],\"selectedprofile\":[1025]},null,{\"selected\":[\"onSelectedChange\"]}]]],[\"pn-profile-selector.cjs\",[[4,\"pn-profile-selector\",{\"language\":[1537],\"returnUrl\":[1,\"return-url\"],\"heading\":[1],\"i18n\":[32],\"isLoading\":[32],\"numberOfProfiles\":[32]}]]],[\"pn-profile-selector-option.cjs\",[[0,\"pn-profile-selector-option\",{\"heading\":[1],\"description\":[1],\"url\":[1]}]]],[\"pn-quick-cta.cjs\",[[4,\"pn-quick-cta\",{\"heading\":[1],\"preamble\":[1]}]]],[\"pn-quote-card.cjs\",[[4,\"pn-quote-card\",{\"quote\":[1],\"name\":[1],\"occupation\":[1]}]]],[\"pn-sidenav.cjs\",[[4,\"pn-sidenav\",{\"language\":[1],\"navLabel\":[1,\"nav-label\"],\"i18n\":[32]},[[0,\"language\",\"setLanguage\"],[0,\"openSubMenuLevelChange\",\"onOpenSubMenuLevelChange\"]]]]],[\"pn-sidenav-level.cjs\",[[4,\"pn-sidenav-level\",{\"level\":[32],\"levelId\":[32],\"isOpen\":[32],\"parentName\":[32],\"parentHref\":[32],\"parentLinkId\":[32],\"alignment\":[32]},null,{\"isOpen\":[\"onOpen\"]}]]],[\"pn-sidenav-link.cjs\",[[4,\"pn-sidenav-link\",{\"name\":[1],\"href\":[1],\"target\":[1],\"linkid\":[1],\"icon\":[1],\"currentSelection\":[4,\"current-selection\"],\"levelId\":[32],\"open\":[32],\"hasChildren\":[32]}]]],[\"pn-sidenav-togglebutton.cjs\",[[4,\"pn-sidenav-togglebutton\",{\"label\":[1],\"i18n\":[32]}]]],[\"pn-spotlight.cjs\",[[4,\"pn-spotlight\",{\"heading\":[1],\"preamble\":[1],\"isDynamic\":[4,\"is-dynamic\"],\"addDynamic\":[32]}]]],[\"pn-teaser-card.cjs\",[[4,\"pn-teaser-card\",{\"text\":[1],\"heading\":[1],\"label\":[1],\"headingLevel\":[1,\"heading-level\"],\"dataCardColor\":[513,\"data-card-color\"],\"dataCardAlignment\":[513,\"data-card-alignment\"],\"hasCtaSlotContent\":[32],\"hasIllustrationSlot\":[32]}]]],[\"pn-usp-promoter.cjs\",[[4,\"pn-usp-promoter\",{\"heading\":[1],\"headingExtension\":[1,\"heading-extension\"],\"bodyText\":[1,\"body-text\"],\"backgroundGradient\":[1,\"background-gradient\"],\"fullWidth\":[4,\"full-width\"],\"rightAlign\":[4,\"right-align\"],\"hideMobileImage\":[4,\"hide-mobile-image\"]}]]],[\"pn-proxio-findprice-result.cjs\",[[0,\"pn-proxio-findprice-result\",{\"item\":[1040],\"activeweight\":[1026],\"shownitems\":[16],\"Usp1\":[1,\"usp-1\"],\"Usp2\":[1,\"usp-2\"],\"Usp3\":[1,\"usp-3\"],\"description\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"showInternational\":[4,\"show-international\"],\"selectedCountrycode\":[1,\"selected-countrycode\"],\"market\":[1],\"language\":[1025],\"weightText\":[32],\"linkId\":[32],\"shopLabel\":[32],\"shopUrl\":[32],\"shopId\":[32],\"i18n\":[32]},null,{\"item\":[\"composeItems\"],\"activeweight\":[\"getPriceString\",\"getProductLink\"]}]]],[\"pn-find-service-and-price-result.cjs\",[[0,\"pn-find-service-and-price-result\",{\"item\":[1040],\"shownitems\":[16],\"weightText\":[32]},null,{\"item\":[\"composeItems\"]}]]],[\"pn-play-on-scroll.cjs\",[[0,\"pn-play-on-scroll\",{\"videoSrc\":[1,\"video-src\"],\"observerOptions\":[16],\"showOverlay\":[4,\"show-overlay\"],\"videoId\":[32],\"isManuallyPaused\":[32],\"isPaused\":[32]}]]],[\"pn-level-up-modal.cjs\",[[0,\"pn-level-up-modal\",{\"open\":[513],\"endpoint\":[1],\"instructionPhoneLineOne\":[1,\"instruction-phone-line-one\"],\"instructionPhoneLineTwo\":[1,\"instruction-phone-line-two\"],\"instructionPhoneLineThree\":[1,\"instruction-phone-line-three\"],\"headingText\":[1,\"heading-text\"],\"outdatedQRMessage\":[1,\"outdated-q-r-message\"],\"expiresInMessage\":[1,\"expires-in-message\"],\"system\":[1],\"qrAriaLabel\":[1,\"qr-aria-label\"],\"openModalToggle\":[32],\"isLoading\":[32]},null,{\"open\":[\"updateOpen\"]}]]],[\"pn-multi-row-connected-dropdown-row.cjs\",[[0,\"pn-multi-row-connected-dropdown-row\",{\"dropdownData\":[1,\"dropdown-data\"],\"languageCode\":[1,\"language-code\"],\"label\":[1],\"firstDropdownLabel\":[1,\"first-dropdown-label\"],\"secondDropdownLabel\":[1,\"second-dropdown-label\"],\"dropdownPlaceholder\":[1,\"dropdown-placeholder\"],\"addRowText\":[1,\"add-row-text\"],\"inputFieldLabel\":[1,\"input-field-label\"],\"inputFieldPlaceholder\":[1,\"input-field-placeholder\"],\"disabledDates\":[1,\"disabled-dates\"],\"dateButtonText\":[1,\"date-button-text\"],\"datePlaceholder\":[1,\"date-placeholder\"],\"dateDaysFromToday\":[2,\"date-days-from-today\"],\"allowMultipleDates\":[4,\"allow-multiple-dates\"],\"startDateLabel\":[1,\"start-date-label\"],\"endDateLabel\":[1,\"end-date-label\"],\"multiDateHelperText\":[1,\"multi-date-helper-text\"],\"generateDatesButtonText\":[1,\"generate-dates-button-text\"],\"saveDateButtonText\":[1,\"save-date-button-text\"],\"noDatesText\":[1,\"no-dates-text\"],\"index\":[2],\"predefinedValue\":[1,\"predefined-value\"],\"yearsToAddToEndDate\":[2,\"years-to-add-to-end-date\"],\"minAmount\":[2,\"min-amount\"],\"errorMessageEmpty\":[1,\"error-message-empty\"],\"errorMessageMinAmount\":[1,\"error-message-min-amount\"],\"minWarningAmount\":[2,\"min-warning-amount\"],\"warningMessageMinAmount\":[1,\"warning-message-min-amount\"],\"buttonsArray\":[32],\"firstDropdownArr\":[32],\"secondDropdownArr\":[32],\"firstDropdownClass\":[32],\"secondDropdownClass\":[32],\"firstValidDateString\":[32],\"lastValidDateString\":[32],\"firstDropdownPlaceholder\":[32],\"secondDropdownPlaceholder\":[32],\"startDateValue\":[32],\"endDateValue\":[32],\"generatedDatesArr\":[32],\"selectedButtonValue\":[32],\"inputFieldValue\":[32],\"dateValue\":[32],\"daysArr\":[32]},null,{\"predefinedValue\":[\"applyPredefinedValue\"]}]]],[\"pn-dropdown-with-multi-input-rows-row.cjs\",[[0,\"pn-dropdown-with-multi-input-rows-row\",{\"languageCode\":[1,\"language-code\"],\"firstInputPlaceholder\":[1,\"first-input-placeholder\"],\"firstInputMin\":[2,\"first-input-min\"],\"firstInputMax\":[2,\"first-input-max\"],\"firstInputWarning\":[2,\"first-input-warning\"],\"firstInputWarningText\":[1,\"first-input-warning-text\"],\"firstInputLowErrorText\":[1,\"first-input-low-error-text\"],\"firstInputHighErrorText\":[1,\"first-input-high-error-text\"],\"secondInputPlaceholder\":[1,\"second-input-placeholder\"],\"secondInputMin\":[2,\"second-input-min\"],\"secondInputMax\":[2,\"second-input-max\"],\"secondInputWarning\":[2,\"second-input-warning\"],\"secondInputWarningText\":[1,\"second-input-warning-text\"],\"secondInputLowErrorText\":[1,\"second-input-low-error-text\"],\"secondInputHighErrorText\":[1,\"second-input-high-error-text\"],\"dateLabel\":[1,\"date-label\"],\"datePlaceholder\":[1,\"date-placeholder\"],\"firstValidDate\":[1,\"first-valid-date\"],\"lastValidDate\":[1,\"last-valid-date\"],\"predefinedValue\":[1,\"predefined-value\"],\"rowIndex\":[2,\"row-index\"],\"minRowCount\":[2,\"min-row-count\"],\"disabledDates\":[1,\"disabled-dates\"],\"showFirstInputWarning\":[32],\"showFirstInputLowError\":[32],\"showFirstInputHighError\":[32],\"showSecondInputWarning\":[32],\"showSecondInputLowError\":[32],\"showSecondInputHighError\":[32],\"firstInputValue\":[32],\"secondInputValue\":[32],\"dateValue\":[32]},null,{\"predefinedValue\":[\"applyPredefinedValue\"]}]]],[\"pn-share-item.cjs\",[[4,\"pn-share-item\",{\"link\":[1],\"text\":[1]}]]],[\"pn-stats-info-data.cjs\",[[0,\"pn-stats-info-data\",{\"format\":[1],\"formatStyle\":[1,\"format-style\"],\"startValue\":[2,\"start-value\"],\"data\":[2],\"unit\":[1],\"preamble\":[1],\"duration\":[2],\"index\":[2],\"hasBeenShown\":[32],\"compId\":[32]},null,{\"hasBeenShown\":[\"watchStateHandlder\"]}]]],[\"pn-find-price-result.cjs\",[[0,\"pn-find-price-result\",{\"item\":[1040],\"shownitems\":[16],\"Usp1\":[1,\"usp-1\"],\"Usp2\":[1,\"usp-2\"],\"Usp3\":[1,\"usp-3\"],\"description\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"weightText\":[32],\"linkId\":[32],\"shopLabel\":[32],\"shopUrl\":[32],\"shopId\":[32]},null,{\"item\":[\"composeItems\"]}]]],[\"pn-chat-message_2.cjs\",[[4,\"pn-chat-message\",{\"category\":[1],\"customerSegment\":[1,\"customer-segment\"],\"agentName\":[1,\"agent-name\"]}],[0,\"pn-marketweb-carousel\",{\"previousButtonLabel\":[1,\"previous-button-label\"],\"nextButtonLabel\":[1,\"next-button-label\"],\"ariaNavigationLabel\":[1,\"aria-navigation-label\"],\"source\":[1],\"slidesToShow\":[2,\"slides-to-show\"],\"showCarouselButtons\":[4,\"show-carousel-buttons\"],\"showFirstSlidePrevButton\":[4,\"show-first-slide-prev-button\"],\"showLastSlideNextButton\":[4,\"show-last-slide-next-button\"],\"slidesData\":[32],\"currentSlide\":[32],\"isDragging\":[32],\"slideWidth\":[32],\"goToSlide\":[64],\"getCurrentSlide\":[64]},null,{\"source\":[\"handleSourceChange\"]}]]],[\"pn-filter-checkbox.cjs\",[[1,\"pn-filter-checkbox\",{\"value\":[520],\"name\":[1],\"checkboxid\":[1],\"disabled\":[4],\"checked\":[4],\"indeterminate\":[1028]},[[0,\"change\",\"handlechange\"]]]]],[\"pn-mainnav-link.cjs\",[[4,\"pn-mainnav-link\",{\"name\":[1],\"href\":[1],\"target\":[1],\"linkid\":[1],\"levelId\":[32],\"open\":[32],\"hasChildren\":[32]}]]],[\"pn-qr-code-generator.cjs\",[[0,\"pn-qr-code-generator\",{\"url\":[1],\"countdownSeconds\":[2,\"countdown-seconds\"],\"outdatedMessage\":[1,\"outdated-message\"],\"expiresInMessage\":[1,\"expires-in-message\"],\"updateCodeEverySecond\":[4,\"update-code-every-second\"],\"ariaLabel\":[1,\"aria-label\"],\"remainingSeconds\":[32],\"isOutdated\":[32],\"isFullscreen\":[32]},null,{\"url\":[\"generateQRCode\"]}]]],[\"pn-site-footer_3.cjs\",[[4,\"pn-site-footer\",{\"url\":[1],\"linktitle\":[1],\"theme\":[513]}],[4,\"pn-site-footer-col\",{\"theme\":[513]}],[0,\"pn-swan\",{\"licenseNumber\":[1,\"license-number\"],\"language\":[1537],\"linkTo\":[1,\"link-to\"],\"i18n\":[32]},null,{\"language\":[\"onLanguageChange\"]}]]],[\"pn-choice-button.cjs\",[[4,\"pn-choice-button\",{\"value\":[520],\"name\":[1],\"choiceid\":[1],\"type\":[1],\"disabled\":[4],\"checked\":[4],\"indeterminate\":[1028]},[[0,\"change\",\"handlechange\"]]]]],[\"pn-marketweb-input.cjs\",[[0,\"pn-marketweb-input\",{\"disabled\":[4],\"error\":[1],\"invalid\":[4],\"helpertext\":[1],\"label\":[1],\"placeholder\":[1],\"inputid\":[1],\"name\":[1],\"required\":[4],\"type\":[1025],\"autocomplete\":[1],\"valid\":[4],\"value\":[1],\"maxlength\":[1],\"min\":[1],\"max\":[1],\"step\":[1],\"pattern\":[1],\"showText\":[32]}]]],[\"pn-product-tile-info_2.cjs\",[[0,\"pn-product-tile-info\",{\"label\":[1],\"text\":[1],\"icon\":[1]}],[0,\"pn-product-tile-price\",{\"label\":[1],\"amount\":[1],\"currency\":[1],\"url\":[1]}]]],[\"pn-scroll_2.cjs\",[[4,\"pn-scroll\",{\"observerOptions\":[16],\"behaviourClasses\":[1,\"behaviour-classes\"],\"transitionDurationSeconds\":[2,\"transition-duration-seconds\"],\"shouldLoop\":[4,\"should-loop\"],\"intersectFunc\":[16],\"notIntersectFunc\":[16],\"compId\":[32]}],[0,\"pn-video-overlay\",{\"language\":[1],\"isPaused\":[4,\"is-paused\"],\"showOverlay\":[4,\"show-overlay\"],\"i18n\":[32]},null,{\"language\":[\"onLanguageChange\"]}]]],[\"pn-marketweb-siteheader-login-linklist.cjs\",[[0,\"pn-marketweb-siteheader-login-linklist\",{\"heading\":[1],\"links\":[16],\"idNamespace\":[1,\"id-namespace\"],\"showUnifiedLogin\":[4,\"show-unified-login\"]}]]],[\"pn-titletag.cjs\",[[4,\"pn-titletag\",{\"icon\":[1],\"color\":[1537]}]]],[\"pn-marketweb-siteheader-login-button_4.cjs\",[[0,\"pn-marketweb-siteheader-login-links\",{\"loginDialog\":[1040],\"idNamespace\":[1,\"id-namespace\"],\"loggedin\":[516],\"username\":[1],\"showUnifiedLogin\":[4,\"show-unified-login\"]},null,{\"loginDialog\":[\"init\"]}],[0,\"pn-marketweb-siteheader-login-profileselection\",{\"loginDialog\":[1040],\"endpoint\":[1],\"loggedin\":[4],\"idNamespace\":[1,\"id-namespace\"],\"heading\":[1],\"i18n\":[16],\"currentProfile\":[1040],\"profileoptions\":[1040],\"user\":[32],\"logoutLink\":[32],\"userName\":[32],\"userEmail\":[32]}],[0,\"pn-marketweb-siteheader-unified-login\",{\"loggedIn\":[4,\"logged-in\"],\"logInLabel\":[1,\"log-in-label\"],\"useMarketwebLogin\":[4,\"use-marketweb-login\"],\"environment\":[1]}],[0,\"pn-marketweb-siteheader-login-button\",{\"label\":[1],\"useMarketwebLogin\":[4,\"use-marketweb-login\"],\"environment\":[1]}]]],[\"pn-language-selector_9.cjs\",[[0,\"pn-marketweb-siteheader-login\",{\"endpoint\":[1],\"token\":[1],\"i18n\":[16],\"siteUrl\":[1,\"site-url\"],\"emitEvents\":[4,\"emit-events\"],\"loginDialog\":[1040],\"fullname\":[1],\"loggedin\":[4],\"showProfileSelection\":[1028,\"show-profile-selection\"],\"showUnifiedLogin\":[4,\"show-unified-login\"],\"checkUserLoggedInStateInterval\":[2,\"check-user-logged-in-state-interval\"],\"environment\":[1],\"useMarketwebLogin\":[4,\"use-marketweb-login\"],\"loginLinks\":[32],\"toggleButtonText\":[32],\"username\":[32]},null,{\"i18n\":[\"init\"],\"loginDialog\":[\"init\"]}],[4,\"pn-mainnav-level\",{\"label\":[1537],\"level\":[32],\"levelId\":[32],\"isOpen\":[32],\"parentName\":[32],\"parentHref\":[32],\"parentLinkId\":[32],\"listCount\":[32],\"alignment\":[32]},null,{\"label\":[\"setState\"],\"isOpen\":[\"onOpen\"]}],[4,\"pn-language-selector\",{\"value\":[1537],\"selectedLanguageName\":[32],\"options\":[32],\"i18n\":[32]},null,{\"value\":[\"setSelectedLanguageName\",\"setTranslations\",\"onValueChange\"]}],[0,\"pn-language-selector-option\",{\"name\":[1],\"code\":[1],\"url\":[1],\"selected\":[4],\"currentLanguage\":[1,\"current-language\"]}],[4,\"pn-mainnav\",{\"market\":[1],\"language\":[1],\"navigationId\":[1,\"navigation-id\"],\"openMenu\":[1028,\"open-menu\"],\"navLabel\":[1,\"nav-label\"]},[[0,\"language\",\"setLanguage\"],[0,\"market\",\"setMarket\"],[0,\"menuLanguageChange\",\"onLanguageChange\"],[0,\"setmenuopenstate\",\"setMenuOpenState\"],[0,\"openMenuLevelChange\",\"onOpenMenuLevelChange\"]]],[4,\"pn-mainnav-list\",{\"heading\":[1],\"linkCount\":[32]}],[0,\"pn-marketweb-siteheader-search\",{\"i18n\":[8,\"i-1-8n\"],\"showOnlyLink\":[1028,\"show-only-link\"],\"hideSearch\":[1028,\"hide-search\"],\"language\":[1537],\"siteid\":[1],\"search\":[1040],\"primary\":[4],\"icononly\":[4],\"autoCompleteOptions\":[32]}],[4,\"pn-site-selector\",{\"buttontext\":[1537],\"heading\":[1537],\"language\":[1537],\"i18n\":[32]}],[0,\"pn-site-selector-item\",{\"url\":[1],\"heading\":[1],\"description\":[1],\"newwindow\":[4]}]]],[\"pn-proxio-productcard_4.cjs\",[[4,\"pn-proxio-productcard\"],[0,\"pn-proxio-productcard-description\",{\"heading\":[1],\"highlight\":[1],\"description\":[1],\"list\":[1040]}],[0,\"pn-proxio-productcard-information\",{\"label\":[1],\"information\":[16]}],[0,\"pn-proxio-productcard-pricelink\",{\"price\":[1],\"vatText\":[1,\"vat-text\"],\"link\":[1],\"linktext\":[1]}]]],[\"pn-product-card_3.cjs\",[[0,\"pn-product-card-info\",{\"rulle\":[1],\"paket\":[1],\"label\":[1],\"text\":[1]}],[0,\"pn-product-card-price\",{\"label\":[1],\"amount\":[1],\"currency\":[1],\"note\":[1],\"url\":[1],\"service\":[1],\"linkid\":[1]}],[4,\"pn-product-card\"]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"pn-marketweb-siteheader.cjs\",[[4,\"pn-marketweb-siteheader\",{\"market\":[1537],\"language\":[1537],\"siteid\":[1],\"environment\":[1537],\"userToken\":[1,\"user-token\"],\"userFullname\":[1,\"user-fullname\"],\"userLoggedin\":[516,\"user-loggedin\"],\"endpoint\":[1],\"hideSiteSelector\":[1540,\"hide-site-selector\"],\"hideHomeMenuItem\":[1540,\"hide-home-menu-item\"],\"hideLanguageSelector\":[1540,\"hide-language-selector\"],\"hideSearch\":[1540,\"hide-search\"],\"hideLogin\":[1540,\"hide-login\"],\"showProfileSelection\":[1540,\"show-profile-selection\"],\"showUnifiedLogin\":[4,\"show-unified-login\"],\"siteDomainInUrls\":[4,\"site-domain-in-urls\"],\"AutocompleteEndpoint\":[1,\"autocomplete-endpoint\"],\"sessionForward\":[4,\"session-forward\"],\"cache\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"spaMode\":[4,\"spa-mode\"],\"checkUserLoggedInStateInterval\":[2,\"check-user-logged-in-state-interval\"],\"useMarketwebLogin\":[4,\"use-marketweb-login\"],\"pageId\":[1,\"page-id\"],\"i18n\":[32],\"gotData\":[32],\"fetchingData\":[32],\"homePageLink\":[32],\"menuItems\":[32],\"siteDefinition\":[32],\"search\":[32],\"siteSelector\":[32],\"languageSelector\":[32],\"languageOptions\":[32],\"loginDialog\":[32],\"minimizeSearch\":[32],\"loggedIn\":[32]},[[0,\"setLanguage\",\"onLanguageSelectorChange\"],[0,\"loginStateChange\",\"onLoginStateChange\"],[9,\"resize\",\"handleResize\"]],{\"language\":[\"onLanguageChange\"],\"market\":[\"onMarketChange\"]}]]],[\"pn-proxio-findprice.cjs\",[[0,\"pn-proxio-findprice\",{\"endpoint\":[1025],\"language\":[1025],\"market\":[1025],\"showMedium\":[4,\"show-medium\"],\"showInternational\":[4,\"show-international\"],\"maxAbroadKg\":[2,\"max-abroad-kg\"],\"weightListName\":[1,\"weight-list-name\"],\"cache\":[4],\"filteredItems\":[32],\"weight\":[32],\"weightvalue\":[32],\"countrycodevalue\":[32],\"sizecategory\":[32],\"data\":[32]},null,{\"market\":[\"setState\"],\"language\":[\"setState\"],\"sizecategory\":[\"filterItems\"],\"weightvalue\":[\"filterItems\"],\"countrycodevalue\":[\"filterItems\"]}]]],[\"pn-find-price.cjs\",[[0,\"pn-find-price\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"filteredItems\":[32],\"weight\":[32],\"weightvalue\":[32],\"sourceData\":[32],\"sizecategory\":[32]},null,{\"market\":[\"setState\"],\"language\":[\"setState\"],\"sizecategory\":[\"filterItems\"],\"weightvalue\":[\"filterItems\"]}]]],[\"pn-find-service-and-price.cjs\",[[0,\"pn-find-service-and-price\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"filteredItems\":[32],\"postagetype\":[32],\"weight\":[32],\"weightvalue\":[32],\"deliveryscope\":[32],\"sourceData\":[32]},null,{\"market\":[\"setState\"],\"language\":[\"setState\"],\"postagetype\":[\"filterItems\"],\"deliveryscope\":[\"filterItems\"],\"weightvalue\":[\"filterItems\"]}]]],[\"pn-product-pricelist.cjs\",[[4,\"pn-product-pricelist\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"productid\":[1],\"filteredItems\":[32],\"sourceData\":[32],\"gotData\":[32],\"loading\":[32],\"postagetype\":[32],\"weight\":[32],\"weightvalue\":[32]},null,{\"market\":[\"setState\"],\"language\":[\"setState\"],\"postagetype\":[\"filterItems\"],\"weightvalue\":[\"filterItems\"]}]]],[\"pn-proxio-pricegroup.cjs\",[[0,\"pn-proxio-pricegroup\",{\"endpoint\":[1025],\"language\":[1],\"market\":[1],\"tariffid\":[1],\"cache\":[4],\"activeWeightIndex\":[32],\"data\":[32],\"i18n\":[32]},[[0,\"activeWeightIndex\",\"setActiveWeightIndex\"],[0,\"language\",\"setLanguage\"]]]]],[\"pn-product-pricelist-result.cjs\",[[0,\"pn-product-pricelist-result\",{\"item\":[1040],\"description\":[16],\"shownitems\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"weightText\":[32]},null,{\"item\":[\"composeItems\"]}]]],[\"pn-marketweb-sitefooter.cjs\",[[4,\"pn-marketweb-sitefooter\",{\"market\":[1537],\"language\":[1537],\"environment\":[1537],\"endpoint\":[1],\"siteDomainInUrls\":[4,\"site-domain-in-urls\"],\"cache\":[4],\"theme\":[513],\"backgroundcolor\":[513],\"showSwan\":[4,\"show-swan\"],\"headingLevel\":[1,\"heading-level\"],\"siteDefinition\":[32],\"footerContent\":[32],\"i18n\":[32],\"gotData\":[32],\"fetchingData\":[32]},null,{\"language\":[\"onLanguageChange\"],\"market\":[\"onMarketChange\"]}]]],[\"pn-media-block.cjs\",[[4,\"pn-media-block\",{\"blockHeight\":[1,\"block-height\"],\"imageSrc\":[1,\"image-src\"],\"imageSrcSmallScreenFormat\":[1,\"image-src-small-screen-format\"],\"imageAltText\":[1,\"image-alt-text\"],\"videoSrc\":[1,\"video-src\"],\"parallaxScroll\":[4,\"parallax-scroll\"],\"showOverlayLayer\":[4,\"show-overlay-layer\"],\"customOverlayBackground\":[1,\"custom-overlay-background\"],\"animateOverlayBackground\":[4,\"animate-overlay-background\"],\"scrollSnapBlock\":[4,\"scroll-snap-block\"],\"fixedBackground\":[4,\"fixed-background\"],\"blockHeading\":[1,\"block-heading\"],\"blockHeadingLevel\":[2,\"block-heading-level\"],\"blockPreamble\":[1,\"block-preamble\"],\"marginBottom\":[4,\"margin-bottom\"],\"pnPlayOnScrollObserverOptions\":[32],\"calculatedBlockHeight\":[32],\"hasButtonSlot\":[32]}]]],[\"pn-multi-row-connected-dropdown.cjs\",[[0,\"pn-multi-row-connected-dropdown\",{\"dropdownData\":[1,\"dropdown-data\"],\"languageCode\":[1,\"language-code\"],\"label\":[1],\"firstDropdownLabel\":[1,\"first-dropdown-label\"],\"secondDropdownLabel\":[1,\"second-dropdown-label\"],\"dropdownPlaceholder\":[1,\"dropdown-placeholder\"],\"addRowText\":[1,\"add-row-text\"],\"inputFieldLabel\":[1,\"input-field-label\"],\"inputFieldPlaceholder\":[1,\"input-field-placeholder\"],\"disabledDates\":[1,\"disabled-dates\"],\"dateButtonText\":[1,\"date-button-text\"],\"datePlaceholder\":[1,\"date-placeholder\"],\"dateDaysFromToday\":[2,\"date-days-from-today\"],\"allowMultipleRows\":[4,\"allow-multiple-rows\"],\"allowMultipleDates\":[4,\"allow-multiple-dates\"],\"startDateLabel\":[1,\"start-date-label\"],\"endDateLabel\":[1,\"end-date-label\"],\"multiDateHelperText\":[1,\"multi-date-helper-text\"],\"generateDatesButtonText\":[1,\"generate-dates-button-text\"],\"saveDateButtonText\":[1,\"save-date-button-text\"],\"noDatesText\":[1,\"no-dates-text\"],\"yearsToAddToEndDate\":[2,\"years-to-add-to-end-date\"],\"minAmount\":[2,\"min-amount\"],\"errorMessageEmpty\":[1,\"error-message-empty\"],\"errorMessageMinAmount\":[1,\"error-message-min-amount\"],\"minWarningAmount\":[2,\"min-warning-amount\"],\"warningMessageMinAmount\":[1,\"warning-message-min-amount\"],\"rowCount\":[32],\"rowData\":[32],\"formValues\":[32]},[[0,\"rowValueChange\",\"predefinedValueChange\"],[0,\"deleteRowEvent\",\"deleteRowEvent\"]]]]],[\"pn-dropdown-with-multi-input-rows.cjs\",[[0,\"pn-dropdown-with-multi-input-rows\",{\"dropdownData\":[1,\"dropdown-data\"],\"languageCode\":[1,\"language-code\"],\"firstDropdownLabel\":[1,\"first-dropdown-label\"],\"firstDropdownHelperText\":[1,\"first-dropdown-helper-text\"],\"secondDropdownLabel\":[1,\"second-dropdown-label\"],\"secondDropdownHelperText\":[1,\"second-dropdown-helper-text\"],\"secondDropdownMax\":[2,\"second-dropdown-max\"],\"deleteMultipleRowsWarningText\":[1,\"delete-multiple-rows-warning-text\"],\"confirmDeleteButtonText\":[1,\"confirm-delete-button-text\"],\"abortDeleteButtonText\":[1,\"abort-delete-button-text\"],\"firstInputLabel\":[1,\"first-input-label\"],\"firstInputPlaceholder\":[1,\"first-input-placeholder\"],\"firstInputMin\":[2,\"first-input-min\"],\"firstInputMax\":[2,\"first-input-max\"],\"firstInputWarning\":[2,\"first-input-warning\"],\"firstInputWarningText\":[1,\"first-input-warning-text\"],\"firstInputLowErrorText\":[1,\"first-input-low-error-text\"],\"firstInputHighErrorText\":[1,\"first-input-high-error-text\"],\"secondInputLabel\":[1,\"second-input-label\"],\"secondInputPlaceholder\":[1,\"second-input-placeholder\"],\"secondInputMin\":[2,\"second-input-min\"],\"secondInputMax\":[2,\"second-input-max\"],\"secondInputWarning\":[2,\"second-input-warning\"],\"secondInputWarningText\":[1,\"second-input-warning-text\"],\"secondInputLowErrorText\":[1,\"second-input-low-error-text\"],\"secondInputHighErrorText\":[1,\"second-input-high-error-text\"],\"disabledDates\":[1,\"disabled-dates\"],\"dateLabel\":[1,\"date-label\"],\"datePlaceholder\":[1,\"date-placeholder\"],\"dateDaysFromToday\":[2,\"date-days-from-today\"],\"yearsToAddToEndDate\":[2,\"years-to-add-to-end-date\"],\"sumFieldLabel\":[1,\"sum-field-label\"],\"addRowText\":[1,\"add-row-text\"],\"elementHelperText\":[1,\"element-helper-text\"],\"dropdownDataRoot\":[32],\"secondDropdownArr\":[32],\"rowData\":[32],\"formValues\":[32],\"firstValidDateString\":[32],\"lastValidDateString\":[32],\"rowSum\":[32],\"minRowCount\":[32],\"showDeleteConfirm\":[32],\"i18n\":[32]},[[0,\"rowValueChange\",\"predefinedValueChange\"],[0,\"firstInputChange\",\"predefinedValueChange\"],[0,\"secondInputChange\",\"predefinedValueChange\"],[0,\"deleteRowEvent\",\"deleteRowEvent\"]],{\"languageCode\":[\"setTranslations\"]}]]],[\"pn-multiple-input.cjs\",[[0,\"pn-multiple-input\",{\"label\":[1],\"placeholder\":[1],\"addRowButtonText\":[1,\"add-row-button-text\"],\"rowData\":[32]}]]],[\"pn-parcel-tracker.cjs\",[[0,\"pn-parcel-tracker\",{\"formActionUrl\":[1,\"form-action-url\"],\"heading\":[1],\"buttonLabel\":[1,\"button-label\"],\"locale\":[1],\"placeholder\":[1],\"inputName\":[1,\"input-name\"],\"currentWidth\":[32]},[[9,\"resize\",\"handleViewportSizeChange\"]]]]],[\"pn-pex-pricefinder.cjs\",[[0,\"pn-pex-pricefinder\",{\"language\":[1],\"currency\":[1],\"apiUrl\":[1,\"api-url\"],\"i18n\":[32],\"fromzip\":[32],\"tozip\":[32],\"weight\":[32],\"when\":[32],\"response\":[32]},[[0,\"language\",\"setLanguage\"]]]]],[\"pn-share.cjs\",[[0,\"pn-share\",{\"link\":[1],\"language\":[1537],\"i18n\":[32]},null,{\"language\":[\"onLanguageChange\"]}]]],[\"pn-stats-info.cjs\",[[4,\"pn-stats-info\",{\"heading\":[1],\"dataArray\":[1,\"data-array\"],\"backgroundUrl\":[1,\"background-url\"],\"myParsedArray\":[32]},null,{\"dataArray\":[\"parseMyArrayProp\"]}]]],[\"pn-address-autofill.cjs\",[[0,\"pn-address-autofill\",{\"market\":[1537],\"environment\":[1537],\"endpoint\":[1],\"cache\":[4],\"countryCode\":[1,\"country-code\"],\"language\":[1],\"postalCodeProps\":[1,\"postal-code-props\"],\"cityProps\":[1,\"city-props\"],\"streetAddressProps\":[1,\"street-address-props\"],\"streetNumberProps\":[1,\"street-number-props\"],\"postalCode\":[32],\"city\":[32],\"streetAddress\":[32],\"streetNumber\":[32],\"validAddress\":[32],\"translation\":[32],\"postalCodeRequiredLabel\":[32],\"streetRequiredLabel\":[32],\"fullAddress\":[32],\"isLoading\":[32]}]]],[\"pn-animated-tile.cjs\",[[4,\"pn-animated-tile\",{\"toggled\":[32],\"transitionClassName\":[32],\"animateIcon\":[32]},null,{\"toggled\":[\"onToggledHandler\"]}]]],[\"pn-app-banner.cjs\",[[0,\"pn-app-banner\",{\"appName\":[1,\"app-name\"],\"appDescription\":[1,\"app-description\"],\"ctaText\":[1,\"cta-text\"],\"appleStoreLink\":[1,\"apple-store-link\"],\"googleStoreLink\":[1,\"google-store-link\"],\"isClosed\":[32],\"storeLink\":[32],\"isLocalStorageAvailable\":[32]}]]],[\"pn-bonus-progressbar.cjs\",[[4,\"pn-bonus-progressbar\",{\"icon\":[1],\"heading\":[1],\"sumtext\":[513],\"theme\":[513],\"bonuspercentage\":[1],\"currency\":[513],\"value\":[1538],\"min\":[1538],\"max\":[1538],\"valuepercentage\":[32],\"progresspercentage\":[32],\"levelValues\":[32],\"currentLevelAdjustedValue\":[32]},null,{\"currentLevelAdjustedValue\":[\"setValuePercentage\"],\"value\":[\"setValuePercentage\"],\"min\":[\"setValuePercentage\"],\"max\":[\"setValuePercentage\"]}]]],[\"pn-bonus-progressbar-level.cjs\",[[0,\"pn-bonus-progressbar-level\",{\"current\":[516],\"value\":[1538],\"bonuspercentage\":[1537],\"visualpercentage\":[1538],\"percentage\":[32],\"max\":[32],\"min\":[32],\"currency\":[32]}]]],[\"pn-breakpoints.cjs\",[[0,\"pn-breakpoints\",{\"breakPointClass\":[1,\"break-point-class\"],\"currentWidth\":[32]},[[9,\"resize\",\"handleViewportSizeChange\"]]]]],[\"pn-chart.cjs\",[[0,\"pn-chart\",{\"labels\":[1],\"dataSets\":[1,\"data-sets\"],\"dataChartType\":[8,\"data-chart-type\"],\"myChartCtxRef\":[32]},null,{\"dataSets\":[\"dataChangeHandler\"],\"labels\":[\"labelsChangeHandler\"]}]]],[\"pn-charts-card.cjs\",[[4,\"pn-charts-card\",{\"header\":[1],\"highlight\":[1],\"preamble\":[1],\"label\":[1],\"source\":[1],\"sourceUrl\":[1,\"source-url\"],\"ctaLinkText\":[1,\"cta-link-text\"],\"openInNewWindow\":[4,\"open-in-new-window\"]}]]],[\"pn-cta-block.cjs\",[[4,\"pn-cta-block\",{\"heading\":[1],\"bodyText\":[1,\"body-text\"],\"pnBackgroundColor\":[1,\"pn-background-color\"],\"isLarge\":[4,\"is-large\"],\"isCentered\":[4,\"is-centered\"],\"isSmall\":[4,\"is-small\"],\"contentTop\":[4,\"content-top\"]}]]],[\"pn-customernumber-selector.cjs\",[[4,\"pn-customernumber-selector\",{\"language\":[1537],\"open\":[1540],\"heading\":[1],\"description\":[1],\"i18n\":[32]}]]],[\"pn-customernumber-selector-option.cjs\",[[4,\"pn-customernumber-selector-option\",{\"heading\":[1],\"description\":[1],\"url\":[1]}]]],[\"pn-date-and-time.cjs\",[[0,\"pn-date-and-time\",{\"languageCode\":[1,\"language-code\"],\"dateAndTimeLabel\":[1,\"date-and-time-label\"],\"dateDaysFromToday\":[2,\"date-days-from-today\"],\"validTimeRangeMinutes\":[2,\"valid-time-range-minutes\"],\"errorMessage\":[1,\"error-message\"],\"dateHelperText\":[1,\"date-helper-text\"],\"timeHelperText\":[1,\"time-helper-text\"],\"disableWeekends\":[4,\"disable-weekends\"],\"disabledDates\":[1,\"disabled-dates\"],\"datePlaceholder\":[1,\"date-placeholder\"],\"minFromHour\":[2,\"min-from-hour\"],\"maxToHour\":[2,\"max-to-hour\"],\"language\":[32],\"hourArr\":[32],\"minuteArr\":[32],\"formValue\":[32],\"invalidTimespan\":[32],\"selectedDate\":[32],\"selectedFromHour\":[32],\"selectedFromMin\":[32],\"selectedToHour\":[32],\"selectedToMin\":[32],\"firstValidDateString\":[32],\"lastValidDateString\":[32]}]]],[\"pn-dropdown-choice-adds-row.cjs\",[[4,\"pn-dropdown-choice-adds-row\",{\"dropdownData\":[1,\"dropdown-data\"],\"languageCode\":[1,\"language-code\"],\"addRowDropdownName\":[1,\"add-row-dropdown-name\"],\"addRowDropdownPlaceholder\":[1,\"add-row-dropdown-placeholder\"],\"addRowDropdownLabel\":[1,\"add-row-dropdown-label\"],\"rowNameLabel\":[1,\"row-name-label\"],\"rowHasDropdown\":[4,\"row-has-dropdown\"],\"rowDropdownLabel\":[1,\"row-dropdown-label\"],\"rowDropdownPlaceholder\":[1,\"row-dropdown-placeholder\"],\"rowInputLabel\":[1,\"row-input-label\"],\"rowDeleteButtonText\":[1,\"row-delete-button-text\"],\"totalInputLimit\":[2,\"total-input-limit\"],\"inputLimitWarning\":[1,\"input-limit-warning\"],\"inputEmptyWarning\":[1,\"input-empty-warning\"],\"dropdownEmptyWarning\":[1,\"dropdown-empty-warning\"],\"nextRowIndex\":[32],\"rowSelectDropdownArr\":[32],\"formValue\":[32]},null,{\"dropdownData\":[\"dropdownDataWatcher\"]}]]],[\"pn-hero-block-international.cjs\",[[4,\"pn-hero-block-international\",{\"heading\":[1],\"subHeading\":[1,\"sub-heading\"],\"preamble\":[1],\"animateLogo\":[4,\"animate-logo\"],\"showSideLoader\":[4,\"show-side-loader\"],\"centeredLayout\":[4,\"centered-layout\"]}]]],[\"pn-line-shape.cjs\",[[0,\"pn-line-shape\"]]],[\"pn-link-list.cjs\",[[4,\"pn-link-list\",{\"heading\":[1],\"label\":[1],\"preamble\":[1],\"url\":[1],\"showMoreLabel\":[1,\"show-more-label\"],\"showMoreUrl\":[1,\"show-more-url\"]}]]],[\"pn-marketweb-icon.cjs\",[[0,\"pn-marketweb-icon\",{\"symbol\":[1],\"small\":[4],\"color\":[1]}]]],[\"pn-marketweb-search.cjs\",[[1,\"pn-marketweb-search\",{\"disabled\":[4],\"placeholder\":[1],\"inputid\":[1],\"name\":[1],\"autocomplete\":[1],\"list\":[1],\"value\":[1],\"label\":[1],\"loading\":[4],\"button\":[1],\"light\":[4],\"suggestionObserver\":[32],\"hasClonedInput\":[32],\"listSuggestion\":[32]},[[0,\"input\",\"inputHandler\"]]]]],[\"pn-product-tile.cjs\",[[4,\"pn-product-tile\"]]],[\"pn-profile-modal.cjs\",[[4,\"pn-profile-modal\",{\"heading\":[1],\"continueCtaText\":[1,\"continue-cta-text\"],\"choosenCompanyText\":[1,\"choosen-company-text\"],\"toText\":[1,\"to-text\"],\"chooseCustomerNumberText\":[1,\"choose-customer-number-text\"],\"isLoading\":[32]},[[0,\"urlSelected\",\"onUrlSelected\"]]]]],[\"pn-profile-modal-customernumber.cjs\",[[4,\"pn-profile-modal-customernumber\",{\"url\":[513],\"customernumber\":[513],\"selected\":[516]}]]],[\"pn-profile-modal-profile.cjs\",[[4,\"pn-profile-modal-profile\",{\"heading\":[513],\"description\":[513],\"url\":[513],\"selected\":[1028],\"showCustomerNumbers\":[516,\"show-customer-numbers\"],\"pleaseSelectText\":[513,\"please-select-text\"],\"visible\":[1540],\"identifier\":[32]}]]],[\"pn-profile-modal-type.cjs\",[[4,\"pn-profile-modal-type\",{\"typeid\":[513],\"name\":[1025],\"selected\":[1028],\"selectedprofile\":[1025]},null,{\"selected\":[\"onSelectedChange\"]}]]],[\"pn-profile-selector.cjs\",[[4,\"pn-profile-selector\",{\"language\":[1537],\"returnUrl\":[1,\"return-url\"],\"heading\":[1],\"i18n\":[32],\"isLoading\":[32],\"numberOfProfiles\":[32]}]]],[\"pn-profile-selector-option.cjs\",[[0,\"pn-profile-selector-option\",{\"heading\":[1],\"description\":[1],\"url\":[1]}]]],[\"pn-quick-cta.cjs\",[[4,\"pn-quick-cta\",{\"heading\":[1],\"preamble\":[1]}]]],[\"pn-quote-card.cjs\",[[4,\"pn-quote-card\",{\"quote\":[1],\"name\":[1],\"occupation\":[1]}]]],[\"pn-sidenav.cjs\",[[4,\"pn-sidenav\",{\"language\":[1],\"navLabel\":[1,\"nav-label\"],\"i18n\":[32]},[[0,\"language\",\"setLanguage\"],[0,\"openSubMenuLevelChange\",\"onOpenSubMenuLevelChange\"]]]]],[\"pn-sidenav-level.cjs\",[[4,\"pn-sidenav-level\",{\"level\":[32],\"levelId\":[32],\"isOpen\":[32],\"parentName\":[32],\"parentHref\":[32],\"parentLinkId\":[32],\"alignment\":[32]},null,{\"isOpen\":[\"onOpen\"]}]]],[\"pn-sidenav-link.cjs\",[[4,\"pn-sidenav-link\",{\"name\":[1],\"href\":[1],\"target\":[1],\"linkid\":[1],\"icon\":[1],\"currentSelection\":[4,\"current-selection\"],\"levelId\":[32],\"open\":[32],\"hasChildren\":[32]}]]],[\"pn-sidenav-togglebutton.cjs\",[[4,\"pn-sidenav-togglebutton\",{\"label\":[1],\"i18n\":[32]}]]],[\"pn-spotlight.cjs\",[[4,\"pn-spotlight\",{\"heading\":[1],\"preamble\":[1],\"isDynamic\":[4,\"is-dynamic\"],\"addDynamic\":[32]}]]],[\"pn-teaser-card.cjs\",[[4,\"pn-teaser-card\",{\"text\":[1],\"heading\":[1],\"label\":[1],\"headingLevel\":[2,\"heading-level\"],\"dataCardColor\":[513,\"data-card-color\"],\"dataCardAlignment\":[513,\"data-card-alignment\"],\"hasCtaSlotContent\":[32],\"hasIllustrationSlot\":[32]}]]],[\"pn-usp-promoter.cjs\",[[4,\"pn-usp-promoter\",{\"heading\":[1],\"headingExtension\":[1,\"heading-extension\"],\"bodyText\":[1,\"body-text\"],\"backgroundGradient\":[1,\"background-gradient\"],\"fullWidth\":[4,\"full-width\"],\"rightAlign\":[4,\"right-align\"],\"hideMobileImage\":[4,\"hide-mobile-image\"]}]]],[\"pn-proxio-findprice-result.cjs\",[[0,\"pn-proxio-findprice-result\",{\"item\":[1040],\"activeweight\":[1026],\"shownitems\":[16],\"Usp1\":[1,\"usp-1\"],\"Usp2\":[1,\"usp-2\"],\"Usp3\":[1,\"usp-3\"],\"description\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"showInternational\":[4,\"show-international\"],\"selectedCountrycode\":[1,\"selected-countrycode\"],\"market\":[1],\"language\":[1025],\"weightText\":[32],\"linkId\":[32],\"shopLabel\":[32],\"shopUrl\":[32],\"shopId\":[32],\"i18n\":[32]},null,{\"item\":[\"composeItems\"],\"activeweight\":[\"getPriceString\",\"getProductLink\"]}]]],[\"pn-find-service-and-price-result.cjs\",[[0,\"pn-find-service-and-price-result\",{\"item\":[1040],\"shownitems\":[16],\"weightText\":[32]},null,{\"item\":[\"composeItems\"]}]]],[\"pn-play-on-scroll.cjs\",[[0,\"pn-play-on-scroll\",{\"videoSrc\":[1,\"video-src\"],\"observerOptions\":[16],\"showOverlay\":[4,\"show-overlay\"],\"videoId\":[32],\"isManuallyPaused\":[32],\"isPaused\":[32]}]]],[\"pn-filter-checkbox.cjs\",[[1,\"pn-filter-checkbox\",{\"value\":[520],\"name\":[1],\"checkboxid\":[1],\"disabled\":[4],\"checked\":[4],\"indeterminate\":[1028]},[[0,\"change\",\"handlechange\"]]]]],[\"pn-multi-row-connected-dropdown-row.cjs\",[[0,\"pn-multi-row-connected-dropdown-row\",{\"dropdownData\":[1,\"dropdown-data\"],\"languageCode\":[1,\"language-code\"],\"label\":[1],\"firstDropdownLabel\":[1,\"first-dropdown-label\"],\"secondDropdownLabel\":[1,\"second-dropdown-label\"],\"dropdownPlaceholder\":[1,\"dropdown-placeholder\"],\"addRowText\":[1,\"add-row-text\"],\"inputFieldLabel\":[1,\"input-field-label\"],\"inputFieldPlaceholder\":[1,\"input-field-placeholder\"],\"disabledDates\":[1,\"disabled-dates\"],\"dateButtonText\":[1,\"date-button-text\"],\"datePlaceholder\":[1,\"date-placeholder\"],\"dateDaysFromToday\":[2,\"date-days-from-today\"],\"allowMultipleDates\":[4,\"allow-multiple-dates\"],\"startDateLabel\":[1,\"start-date-label\"],\"endDateLabel\":[1,\"end-date-label\"],\"multiDateHelperText\":[1,\"multi-date-helper-text\"],\"generateDatesButtonText\":[1,\"generate-dates-button-text\"],\"saveDateButtonText\":[1,\"save-date-button-text\"],\"noDatesText\":[1,\"no-dates-text\"],\"index\":[2],\"predefinedValue\":[1,\"predefined-value\"],\"yearsToAddToEndDate\":[2,\"years-to-add-to-end-date\"],\"minAmount\":[2,\"min-amount\"],\"errorMessageEmpty\":[1,\"error-message-empty\"],\"errorMessageMinAmount\":[1,\"error-message-min-amount\"],\"minWarningAmount\":[2,\"min-warning-amount\"],\"warningMessageMinAmount\":[1,\"warning-message-min-amount\"],\"buttonsArray\":[32],\"firstDropdownArr\":[32],\"secondDropdownArr\":[32],\"firstDropdownClass\":[32],\"secondDropdownClass\":[32],\"firstValidDateString\":[32],\"lastValidDateString\":[32],\"firstDropdownPlaceholder\":[32],\"secondDropdownPlaceholder\":[32],\"startDateValue\":[32],\"endDateValue\":[32],\"generatedDatesArr\":[32],\"selectedButtonValue\":[32],\"inputFieldValue\":[32],\"dateValue\":[32],\"daysArr\":[32]},null,{\"predefinedValue\":[\"applyPredefinedValue\"]}]]],[\"pn-dropdown-with-multi-input-rows-row.cjs\",[[0,\"pn-dropdown-with-multi-input-rows-row\",{\"languageCode\":[1,\"language-code\"],\"firstInputPlaceholder\":[1,\"first-input-placeholder\"],\"firstInputMin\":[2,\"first-input-min\"],\"firstInputMax\":[2,\"first-input-max\"],\"firstInputWarning\":[2,\"first-input-warning\"],\"firstInputWarningText\":[1,\"first-input-warning-text\"],\"firstInputLowErrorText\":[1,\"first-input-low-error-text\"],\"firstInputHighErrorText\":[1,\"first-input-high-error-text\"],\"secondInputPlaceholder\":[1,\"second-input-placeholder\"],\"secondInputMin\":[2,\"second-input-min\"],\"secondInputMax\":[2,\"second-input-max\"],\"secondInputWarning\":[2,\"second-input-warning\"],\"secondInputWarningText\":[1,\"second-input-warning-text\"],\"secondInputLowErrorText\":[1,\"second-input-low-error-text\"],\"secondInputHighErrorText\":[1,\"second-input-high-error-text\"],\"dateLabel\":[1,\"date-label\"],\"datePlaceholder\":[1,\"date-placeholder\"],\"firstValidDate\":[1,\"first-valid-date\"],\"lastValidDate\":[1,\"last-valid-date\"],\"predefinedValue\":[1,\"predefined-value\"],\"rowIndex\":[2,\"row-index\"],\"minRowCount\":[2,\"min-row-count\"],\"disabledDates\":[1,\"disabled-dates\"],\"showFirstInputWarning\":[32],\"showFirstInputLowError\":[32],\"showFirstInputHighError\":[32],\"showSecondInputWarning\":[32],\"showSecondInputLowError\":[32],\"showSecondInputHighError\":[32],\"firstInputValue\":[32],\"secondInputValue\":[32],\"dateValue\":[32]},null,{\"predefinedValue\":[\"applyPredefinedValue\"]}]]],[\"pn-share-item.cjs\",[[4,\"pn-share-item\",{\"link\":[1],\"text\":[1]}]]],[\"pn-stats-info-data.cjs\",[[0,\"pn-stats-info-data\",{\"format\":[1],\"formatStyle\":[1,\"format-style\"],\"startValue\":[2,\"start-value\"],\"data\":[2],\"unit\":[1],\"preamble\":[1],\"duration\":[2],\"index\":[2],\"hasBeenShown\":[32],\"compId\":[32]},null,{\"hasBeenShown\":[\"watchStateHandlder\"]}]]],[\"pn-find-price-result.cjs\",[[0,\"pn-find-price-result\",{\"item\":[1040],\"shownitems\":[16],\"Usp1\":[1,\"usp-1\"],\"Usp2\":[1,\"usp-2\"],\"Usp3\":[1,\"usp-3\"],\"description\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"weightText\":[32],\"linkId\":[32],\"shopLabel\":[32],\"shopUrl\":[32],\"shopId\":[32]},null,{\"item\":[\"composeItems\"]}]]],[\"pn-mainnav-link.cjs\",[[4,\"pn-mainnav-link\",{\"name\":[1],\"href\":[1],\"target\":[1],\"linkid\":[1],\"levelId\":[32],\"open\":[32],\"hasChildren\":[32]}]]],[\"pn-site-footer_3.cjs\",[[4,\"pn-site-footer\",{\"url\":[1],\"linktitle\":[1],\"theme\":[513]}],[4,\"pn-site-footer-col\",{\"theme\":[513]}],[0,\"pn-swan\",{\"licenseNumber\":[1,\"license-number\"],\"language\":[1537],\"linkTo\":[1,\"link-to\"],\"i18n\":[32]},null,{\"language\":[\"onLanguageChange\"]}]]],[\"pn-choice-button.cjs\",[[4,\"pn-choice-button\",{\"value\":[520],\"name\":[1],\"choiceid\":[1],\"type\":[1],\"disabled\":[4],\"checked\":[4],\"indeterminate\":[1028]},[[0,\"change\",\"handlechange\"]]]]],[\"pn-marketweb-input.cjs\",[[0,\"pn-marketweb-input\",{\"disabled\":[4],\"error\":[1],\"invalid\":[4],\"helpertext\":[1],\"label\":[1],\"placeholder\":[1],\"inputid\":[1],\"name\":[1],\"required\":[4],\"type\":[1025],\"autocomplete\":[1],\"valid\":[4],\"value\":[1],\"maxlength\":[1],\"min\":[1],\"max\":[1],\"step\":[1],\"pattern\":[1],\"showText\":[32]}]]],[\"pn-product-tile-info_2.cjs\",[[0,\"pn-product-tile-info\",{\"label\":[1],\"text\":[1],\"icon\":[1]}],[0,\"pn-product-tile-price\",{\"label\":[1],\"amount\":[1],\"currency\":[1],\"url\":[1]}]]],[\"pn-scroll_2.cjs\",[[4,\"pn-scroll\",{\"observerOptions\":[16],\"behaviourClasses\":[1,\"behaviour-classes\"],\"transitionDurationSeconds\":[2,\"transition-duration-seconds\"],\"shouldLoop\":[4,\"should-loop\"],\"intersectFunc\":[16],\"notIntersectFunc\":[16],\"compId\":[32]}],[0,\"pn-video-overlay\",{\"language\":[1],\"isPaused\":[4,\"is-paused\"],\"showOverlay\":[4,\"show-overlay\"],\"i18n\":[32]},null,{\"language\":[\"onLanguageChange\"]}]]],[\"pn-marketweb-siteheader-login-linklist.cjs\",[[0,\"pn-marketweb-siteheader-login-linklist\",{\"heading\":[1],\"links\":[16],\"idNamespace\":[1,\"id-namespace\"],\"showUnifiedLogin\":[4,\"show-unified-login\"]}]]],[\"pn-titletag.cjs\",[[4,\"pn-titletag\",{\"icon\":[1],\"color\":[1537]}]]],[\"pn-marketweb-siteheader-login-button_5.cjs\",[[0,\"pn-marketweb-siteheader-unified-login\",{\"loggedIn\":[4,\"logged-in\"],\"myPageLabel\":[1,\"my-page-label\"],\"myPageUrl\":[1,\"my-page-url\"],\"logInLabel\":[1,\"log-in-label\"],\"useMarketwebLogin\":[4,\"use-marketweb-login\"],\"environment\":[1]}],[0,\"pn-marketweb-siteheader-login-links\",{\"loginDialog\":[1040],\"idNamespace\":[1,\"id-namespace\"],\"loggedin\":[516],\"username\":[1],\"showUnifiedLogin\":[4,\"show-unified-login\"]},null,{\"loginDialog\":[\"init\"]}],[0,\"pn-marketweb-siteheader-login-profileselection\",{\"loginDialog\":[1040],\"endpoint\":[1],\"loggedin\":[4],\"idNamespace\":[1,\"id-namespace\"],\"heading\":[1],\"i18n\":[16],\"currentProfile\":[1040],\"profileoptions\":[1040],\"user\":[32],\"logoutLink\":[32],\"userName\":[32],\"userEmail\":[32]}],[0,\"pn-marketweb-siteheader-login-button\",{\"label\":[1],\"useMarketwebLogin\":[4,\"use-marketweb-login\"],\"environment\":[1]}],[0,\"pn-marketweb-siteheader-login-mypage-button\",{\"label\":[1],\"myPageUrl\":[1,\"my-page-url\"]}]]],[\"pn-language-selector_9.cjs\",[[0,\"pn-marketweb-siteheader-login\",{\"endpoint\":[1],\"token\":[1],\"i18n\":[16],\"siteUrl\":[1,\"site-url\"],\"emitEvents\":[4,\"emit-events\"],\"loginDialog\":[1040],\"fullname\":[1],\"loggedin\":[4],\"showProfileSelection\":[1028,\"show-profile-selection\"],\"showUnifiedLogin\":[4,\"show-unified-login\"],\"checkUserLoggedInStateInterval\":[2,\"check-user-logged-in-state-interval\"],\"environment\":[1],\"useMarketwebLogin\":[4,\"use-marketweb-login\"],\"loginLinks\":[32],\"toggleButtonText\":[32],\"username\":[32]},null,{\"i18n\":[\"init\"],\"loginDialog\":[\"init\"]}],[4,\"pn-mainnav-level\",{\"label\":[1537],\"level\":[32],\"levelId\":[32],\"isOpen\":[32],\"parentName\":[32],\"parentHref\":[32],\"parentLinkId\":[32],\"listCount\":[32],\"alignment\":[32]},null,{\"label\":[\"setState\"],\"isOpen\":[\"onOpen\"]}],[4,\"pn-language-selector\",{\"value\":[1537],\"selectedLanguageName\":[32],\"options\":[32],\"i18n\":[32]},null,{\"value\":[\"setSelectedLanguageName\",\"setTranslations\",\"onValueChange\"]}],[0,\"pn-language-selector-option\",{\"name\":[1],\"code\":[1],\"url\":[1],\"selected\":[4],\"currentLanguage\":[1,\"current-language\"]}],[4,\"pn-mainnav\",{\"market\":[1],\"language\":[1],\"navigationId\":[1,\"navigation-id\"],\"openMenu\":[1028,\"open-menu\"],\"navLabel\":[1,\"nav-label\"]},[[0,\"language\",\"setLanguage\"],[0,\"market\",\"setMarket\"],[0,\"menuLanguageChange\",\"onLanguageChange\"],[0,\"setmenuopenstate\",\"setMenuOpenState\"],[0,\"openMenuLevelChange\",\"onOpenMenuLevelChange\"]]],[4,\"pn-mainnav-list\",{\"heading\":[1],\"linkCount\":[32]}],[0,\"pn-marketweb-siteheader-search\",{\"i18n\":[8,\"i-1-8n\"],\"showOnlyLink\":[1028,\"show-only-link\"],\"hideSearch\":[1028,\"hide-search\"],\"language\":[1537],\"siteid\":[1],\"search\":[1040],\"primary\":[4],\"icononly\":[4],\"autoCompleteOptions\":[32]}],[4,\"pn-site-selector\",{\"buttontext\":[1537],\"heading\":[1537],\"language\":[1537],\"i18n\":[32]}],[0,\"pn-site-selector-item\",{\"url\":[1],\"heading\":[1],\"description\":[1],\"newwindow\":[4]}]]],[\"pn-proxio-productcard_4.cjs\",[[4,\"pn-proxio-productcard\"],[0,\"pn-proxio-productcard-description\",{\"heading\":[1],\"highlight\":[1],\"description\":[1],\"list\":[1040]}],[0,\"pn-proxio-productcard-information\",{\"label\":[1],\"information\":[16]}],[0,\"pn-proxio-productcard-pricelink\",{\"price\":[1],\"vatText\":[1,\"vat-text\"],\"link\":[1],\"linktext\":[1]}]]],[\"pn-product-card_3.cjs\",[[0,\"pn-product-card-info\",{\"rulle\":[1],\"paket\":[1],\"label\":[1],\"text\":[1]}],[0,\"pn-product-card-price\",{\"label\":[1],\"amount\":[1],\"currency\":[1],\"note\":[1],\"url\":[1],\"service\":[1],\"linkid\":[1]}],[4,\"pn-product-card\"]]]]"), options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/pn-marketweb-icon.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b02670c2.js');
+const index = require('./index-34e1c673.js');
 
-const pnMarketwebIconCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}";
+const pnMarketwebIconCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}";
 const PnMarketwebIconStyle0 = pnMarketwebIconCss;
 
 const PnmarketwebIcon = class {
@@ -15,7 +15,7 @@ const PnmarketwebIcon = class {
         this.color = 'black';
     }
     render() {
-        return (index.h(index.Host, { key: 'a1917c9d9ae0182591904b2a06683b1961a13ec0' }, index.h("pn-icon", { key: '32ada4505d2162bce62c024099c754403860174c', icon: this.symbol, color: this.color, small: this.small })));
+        return (index.h(index.Host, { key: '51d1b49a349b16779dfe94b3f74c52944c35dff0' }, index.h("pn-icon", { key: '3bbc19a8f65de6f50a4bdefe6ff7d9aa09237dbc', icon: this.symbol, color: this.color, small: this.small })));
     }
 };
 PnmarketwebIcon.style = PnMarketwebIconStyle0;

package/dist/cjs/pn-marketweb-icon.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"pn-marketweb-icon.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,kBAAkB,GAAG,0ZAA0Z,CAAC;AACtb,8BAAe,kBAAkB;;MCMpB,eAAe;;;sBAED,IAAI;qBAEJ,KAAK;qBAEN,OAAO;;IAE/B,MAAM;QACJ,QACEA,QAACC,UAAI,uDACHD,sEAAS,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,GAAY,CACvE,EACP;KACH;;;;;;","names":["h","Host"],"sources":["src/components/minor/pn-marketweb-icon/pn-marketweb-icon.scss?tag=pn-marketweb-icon","src/components/minor/pn-marketweb-icon/pn-marketweb-icon.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-marketweb-icon',\n  styleUrl: 'pn-marketweb-icon.scss',\n})\nexport class PnmarketwebIcon {\n  /** The SVG content of the icon you want to use */\n  @Prop() symbol: string = null;\n  /** Medium is default but you can pass \"small\" for a 16x16 icon */\n  @Prop() small: boolean = false;\n  /** Check for the available colors in the knobs panel in the story */\n  @Prop() color: string = 'black';\n\n  render() {\n    return (\n      <Host>\n        <pn-icon icon={this.symbol} color={this.color} small={this.small}></pn-icon>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"pn-marketweb-icon.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,kBAAkB,GAAG,iFAAiF,CAAC;AAC7G,8BAAe,kBAAkB;;MCMpB,eAAe;;;sBAED,IAAI;qBAEJ,KAAK;qBAEN,OAAO;;IAE/B,MAAM;QACJ,QACEA,QAACC,UAAI,uDACHD,sEAAS,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,GAAY,CACvE,EACP;KACH;;;;;;","names":["h","Host"],"sources":["src/components/minor/pn-marketweb-icon/pn-marketweb-icon.scss?tag=pn-marketweb-icon","src/components/minor/pn-marketweb-icon/pn-marketweb-icon.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-marketweb-icon',\n  styleUrl: 'pn-marketweb-icon.scss',\n})\nexport class PnmarketwebIcon {\n  /** The SVG content of the icon you want to use */\n  @Prop() symbol: string = null;\n  /** Medium is default but you can pass \"small\" for a 16x16 icon */\n  @Prop() small: boolean = false;\n  /** Check for the available colors in the knobs panel in the story */\n  @Prop() color: string = 'black';\n\n  render() {\n    return (\n      <Host>\n        <pn-icon icon={this.symbol} color={this.color} small={this.small}></pn-icon>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/pn-marketweb-input.cjs.entry.js

@@ -2,10 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b02670c2.js');
-const alert_exclamation_circle = require('./alert_exclamation_circle-24f29a5b.js');
+const index = require('./index-34e1c673.js');
 
-const pnMarketwebInputCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn--marketweb-input{display:inline-flex;flex-direction:column}pn-marketweb-input input{padding:0.75em;font-size:1em;font-weight:500;-webkit-font-smoothing:antialiased;outline:none;border-radius:0.8rem;border:0.1rem solid #5e554a;transition:box-shadow 0.15s, border 0.15s;color:#000000;width:100%}pn-marketweb-input input::placeholder{color:#969087;font-weight:normal}pn-marketweb-input input:focus{border:0.1rem solid #005d92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92}pn-marketweb-input input:hover{border:0.1rem solid #00a0d6}pn-marketweb-input input:disabled{background:#f3f2f2;border:none}pn-marketweb-input>.input-container{position:relative}pn-marketweb-input>.input-container>button{position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#005d92;padding:0.6rem;border-radius:0.8rem;outline:none;transition:border 0.1s, background 0.2s, color 0.1s;border:0.1rem solid transparent}pn-marketweb-input>.input-container>button:focus{border:0.1rem solid #005d92}pn-marketweb-input>.input-container>button:hover{background:#e0f8ff}pn-marketweb-input>.input-container>button:active{background:#005d92;color:white}pn-marketweb-input>.input-container>svg{position:absolute;right:0.75em;top:50%;transform:translateY(-50%);height:1.5em;width:1.5em;pointer-events:none}pn-marketweb-input>.input-container>svg polyline{stroke-linecap:round;transition:stroke-dashoffset 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86)}pn-marketweb-input>.input-container>svg.pn-input-checkmark polyline{stroke:#005e41;stroke-dashoffset:23;stroke-dasharray:23}pn-marketweb-input .label-container{margin-bottom:0.4rem;color:#5e554a;font-size:0.875em;display:flex;justify-content:space-between;align-items:flex-end}pn-marketweb-input .label-container label{cursor:pointer;transition:color 0.2s}.label-container label.char-count{flex-shrink:0;padding-left:0.5em}pn-marketweb-input small{font-size:0.75em;font-size:max(.6em, 1.2rem);transition:transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);margin-top:0.5em;color:#5e554a}pn-input.error{color:#a70707}pn-input.error label{color:#a70707}pn-input.error small{color:#a70707}pn-input.error small>pn-icon{margin-right:0.25em}pn-input.error input{border:0.1rem solid #a70707}pn-input.error input:focus{border:0.1rem solid #a70707;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #a70707}pn-input.error input:hover{border:0.1rem solid #f06365}pn-input.valid{color:#005e41}pn-input.valid .input-container>svg.pn-input-checkmark polyline{stroke-dashoffset:0}pn-input.valid label{color:#005e41}pn-input.valid input{border:0.1rem solid #005e41}pn-input.valid input:focus{border:0.1rem solid #005e41;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005e41}pn-input.valid input:hover{border:0.1rem solid #5ec584}pn-marketweb-input.password input{padding-right:4em}pn-marketweb-input.icon input{padding-right:2.3em}";
+const icon = '<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0m8-10C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m1.4 5.497-.334 5.005a1.069 1.069 0 0 1-2.133 0L10.6 7.497a1.403 1.403 0 1 1 2.8 0M12 18a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3" clip-rule="evenodd"/></svg>';
+const alert_exclamation_circle = icon;
+
+const pnMarketwebInputCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn--marketweb-input{display:inline-flex;flex-direction:column}pn-marketweb-input input{padding:0.75em;font-size:1em;font-weight:500;-webkit-font-smoothing:antialiased;outline:none;border-radius:0.8rem;border:0.1rem solid #5e554a;transition:box-shadow 0.15s, border 0.15s;color:#000000;width:100%}pn-marketweb-input input::placeholder{color:#969087;font-weight:normal}pn-marketweb-input input:focus{border:0.1rem solid #005d92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92}pn-marketweb-input input:hover{border:0.1rem solid #00a0d6}pn-marketweb-input input:disabled{background:#f3f2f2;border:none}pn-marketweb-input>.input-container{position:relative}pn-marketweb-input>.input-container>button{position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#005d92;padding:0.6rem;border-radius:0.8rem;outline:none;transition:border 0.1s, background 0.2s, color 0.1s;border:0.1rem solid transparent}pn-marketweb-input>.input-container>button:focus{border:0.1rem solid #005d92}pn-marketweb-input>.input-container>button:hover{background:#e0f8ff}pn-marketweb-input>.input-container>button:active{background:#005d92;color:white}pn-marketweb-input>.input-container>svg{position:absolute;right:0.75em;top:50%;transform:translateY(-50%);height:1.5em;width:1.5em;pointer-events:none}pn-marketweb-input>.input-container>svg polyline{stroke-linecap:round;transition:stroke-dashoffset 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86)}pn-marketweb-input>.input-container>svg.pn-input-checkmark polyline{stroke:#005e41;stroke-dashoffset:23;stroke-dasharray:23}pn-marketweb-input .label-container{margin-bottom:0.4rem;color:#5e554a;font-size:0.875em;display:flex;justify-content:space-between;align-items:flex-end}pn-marketweb-input .label-container label{cursor:pointer;transition:color 0.2s}.label-container label.char-count{flex-shrink:0;padding-left:0.5em}pn-marketweb-input small{font-size:0.75em;font-size:max(.6em, 1.2rem);transition:transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);margin-top:0.5em;color:#5e554a}pn-input.error{color:#a70707}pn-input.error label{color:#a70707}pn-input.error small{color:#a70707}pn-input.error small>pn-icon{margin-right:0.25em}pn-input.error input{border:0.1rem solid #a70707}pn-input.error input:focus{border:0.1rem solid #a70707;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #a70707}pn-input.error input:hover{border:0.1rem solid #f06365}pn-input.valid{color:#005e41}pn-input.valid .input-container>svg.pn-input-checkmark polyline{stroke-dashoffset:0}pn-input.valid label{color:#005e41}pn-input.valid input{border:0.1rem solid #005e41}pn-input.valid input:focus{border:0.1rem solid #005e41;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005e41}pn-input.valid input:hover{border:0.1rem solid #5ec584}pn-marketweb-input.password input{padding-right:4em}pn-marketweb-input.icon input{padding-right:2.3em}";
 const PnMarketwebInputStyle0 = pnMarketwebInputCss;
 
 const PnMarketwebInput = class {
@@ -62,7 +64,7 @@ const PnMarketwebInput = class {
         return classNames;
     }
     render() {
-        return (index.h(index.Host, { key: '4f7f8f34c1ee53c4afb001753391d4c157e1478b', class: this.getClassNames() }, (this.label || this.maxlength) && (index.h("div", { key: '47d1c694771fc809834c83b1862479fd8a9e9d8d', class: "label-container" }, this.label && index.h("label", { key: '0fc212d7f191e9a14fbfc125c5f6f8170f89fa9a', htmlFor: this.inputid }, this.label), parseInt(this.maxlength) > 0 && (index.h("label", { key: 'b80c0e7c3a0303ab9f86c0a29869d65e0db2bc60', class: "char-count", htmlFor: this.inputid }, `${this.value.length}/${this.maxlength}`)))), index.h("div", { key: 'ff9cc8c88c7bd113bae6e70973705fd3e79720e1', class: "input-container" }, index.h("input", { key: '9d7032bf457b824ab3e8e9e4a26f5676f10fd75f', type: this.getInputType(), value: this.value, id: this.inputid, name: this.name, placeholder: this.placeholder, disabled: this.disabled, required: this.required, autocomplete: this.autocomplete, onInput: e => this.setVal(e), maxlength: this.maxlength ? this.maxlength : null, min: this.min ? this.min : null, max: this.max ? this.max : null, step: this.step ? this.step : null, pattern: this.pattern ? this.pattern : null }), index.h("svg", { key: '32edd92bb708da7494c80e21163321c976753506', class: "pn-input-checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }, index.h("polyline", { key: 'c7a4e9e801dd98d2f392954ce1f4cf38f4be59d0', class: "checkmark-path", points: "4,12 9,17 20,6", "stroke-width": "3" })), this.type === 'password' && !this.disabled && index.h("button", { key: '1afd953b2b8f429ef82978649382c969b47b3c52', onClick: () => this.toggleTextVisibility() }, "Show")), this.getTextMessage() && (index.h("small", { key: '8e10536b12bf476a98e54202c5302c8816d28f74' }, this.error && index.h("pn-icon", { key: 'a86e347e28f92a4b8437e964fbf9d3784dcdf158', icon: alert_exclamation_circle.alert_exclamation_circle, small: true, color: "warning" }), this.getTextMessage()))));
+        return (index.h(index.Host, { key: '4f7f8f34c1ee53c4afb001753391d4c157e1478b', class: this.getClassNames() }, (this.label || this.maxlength) && (index.h("div", { key: '47d1c694771fc809834c83b1862479fd8a9e9d8d', class: "label-container" }, this.label && index.h("label", { key: '0fc212d7f191e9a14fbfc125c5f6f8170f89fa9a', htmlFor: this.inputid }, this.label), parseInt(this.maxlength) > 0 && (index.h("label", { key: 'b80c0e7c3a0303ab9f86c0a29869d65e0db2bc60', class: "char-count", htmlFor: this.inputid }, `${this.value.length}/${this.maxlength}`)))), index.h("div", { key: 'ff9cc8c88c7bd113bae6e70973705fd3e79720e1', class: "input-container" }, index.h("input", { key: '9d7032bf457b824ab3e8e9e4a26f5676f10fd75f', type: this.getInputType(), value: this.value, id: this.inputid, name: this.name, placeholder: this.placeholder, disabled: this.disabled, required: this.required, autocomplete: this.autocomplete, onInput: e => this.setVal(e), maxlength: this.maxlength ? this.maxlength : null, min: this.min ? this.min : null, max: this.max ? this.max : null, step: this.step ? this.step : null, pattern: this.pattern ? this.pattern : null }), index.h("svg", { key: '32edd92bb708da7494c80e21163321c976753506', class: "pn-input-checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }, index.h("polyline", { key: 'c7a4e9e801dd98d2f392954ce1f4cf38f4be59d0', class: "checkmark-path", points: "4,12 9,17 20,6", "stroke-width": "3" })), this.type === 'password' && !this.disabled && index.h("button", { key: '1afd953b2b8f429ef82978649382c969b47b3c52', onClick: () => this.toggleTextVisibility() }, "Show")), this.getTextMessage() && (index.h("small", { key: '8e10536b12bf476a98e54202c5302c8816d28f74' }, this.error && index.h("pn-icon", { key: 'a86e347e28f92a4b8437e964fbf9d3784dcdf158', icon: alert_exclamation_circle, small: true, color: "warning" }), this.getTextMessage()))));
     }
 };
 PnMarketwebInput.style = PnMarketwebInputStyle0;

package/dist/cjs/pn-marketweb-input.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"pn-marketweb-input.entry.cjs.js","mappings":"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","names":["h","Host","alert_exclamation_circle"],"sources":["src/components/input/pn-marketweb-input/pn-marketweb-input.scss?tag=pn-marketweb-input","src/components/input/pn-marketweb-input/pn-marketweb-input.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn--marketweb-input {\n  display: inline-flex;\n  flex-direction: column;\n}\n\npn-marketweb-input input {\n  padding: 0.75em;\n  font-size: 1em;\n  font-weight: 500;\n  -webkit-font-smoothing: antialiased;\n  outline: none;\n  border-radius: 0.8rem;\n  border: 0.1rem solid $gray700;\n  transition:\n    box-shadow 0.15s,\n    border 0.15s;\n  color: $black;\n  width: 100%;\n\n  &::placeholder {\n    color: $gray400;\n    font-weight: normal;\n  }\n\n  &:focus {\n    border: 0.1rem solid $blue700;\n    box-shadow:\n      0 0 0 0.2rem #fff,\n      0 0 0 0.4rem $blue700;\n  }\n\n  &:hover {\n    border: 0.1rem solid $blue400;\n  }\n\n  &:disabled {\n    background: $gray50;\n    border: none;\n  }\n}\n\npn-marketweb-input > .input-container {\n  position: relative;\n\n  > button {\n    position: absolute;\n    right: 1.2rem;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: $blue700;\n    padding: 0.6rem;\n    border-radius: 0.8rem;\n    outline: none;\n    transition:\n      border 0.1s,\n      background 0.2s,\n      color 0.1s;\n    border: 0.1rem solid transparent;\n\n    &:focus {\n      border: 0.1rem solid $blue700;\n    }\n\n    &:hover {\n      background: $blue50;\n    }\n\n    &:active {\n      background: $blue700;\n      color: white;\n    }\n  }\n\n  > svg {\n    position: absolute;\n    right: 0.75em;\n    top: 50%;\n    transform: translateY(-50%);\n    height: 1.5em;\n    width: 1.5em;\n    pointer-events: none;\n\n    polyline {\n      stroke-linecap: round;\n      transition: stroke-dashoffset 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);\n    }\n  }\n\n  > svg.pn-input-checkmark polyline {\n    stroke: $green700;\n    stroke-dashoffset: 23;\n    stroke-dasharray: 23;\n  }\n}\n\npn-marketweb-input .label-container {\n  margin-bottom: 0.4rem;\n  color: $gray700;\n  font-size: 0.875em;\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-end;\n\n  label {\n    cursor: pointer;\n    transition: color 0.2s;\n  }\n}\n\n.label-container label.char-count {\n  flex-shrink: 0;\n  padding-left: 0.5em;\n}\n\npn-marketweb-input small {\n  font-size: 0.75em;\n  font-size: unquote('max(.6em, 1.2rem)');\n  transition: transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);\n  margin-top: 0.5em;\n  color: $gray700;\n}\n\npn-input.error {\n  color: $warning;\n\n  label {\n    color: $warning;\n  }\n\n  small {\n    color: $warning;\n  }\n\n  small > pn-icon {\n    margin-right: 0.25em;\n  }\n\n  input {\n    border: 0.1rem solid $warning;\n\n    &:focus {\n      border: 0.1rem solid $warning;\n      box-shadow:\n        0 0 0 0.2rem #fff,\n        0 0 0 0.4rem $warning;\n    }\n\n    &:hover {\n      border: 0.1rem solid $coral400;\n    }\n  }\n}\n\npn-input.valid {\n  color: $green700;\n\n  .input-container > svg.pn-input-checkmark polyline {\n    stroke-dashoffset: 0;\n  }\n\n  label {\n    color: $green700;\n  }\n\n  input {\n    border: 0.1rem solid $green700;\n\n    &:focus {\n      border: 0.1rem solid $green700;\n      box-shadow:\n        0 0 0 0.2rem #fff,\n        0 0 0 0.4rem $green700;\n    }\n\n    &:hover {\n      border: 0.1rem solid $green400;\n    }\n  }\n}\n\npn-marketweb-input.password input {\n  padding-right: 4em;\n}\n\npn-marketweb-input.icon input {\n  padding-right: 2.3em;\n}\n","import { Component, Prop, h, Host, State } from '@stencil/core';\nimport { alert_exclamation_circle } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-marketweb-input',\n  styleUrl: 'pn-marketweb-input.scss',\n})\nexport class PnMarketwebInput {\n  @Prop() disabled: boolean = false;\n  /** Error message; will take precedence over helpertext if both are provided (applies invalid styles automatically) */\n  @Prop() error: string = '';\n  /** Error state without message (If you want to control the error messaging on your own) */\n  @Prop() invalid: boolean = false;\n  /** Text message placed underneath the input field */\n  @Prop() helpertext: string = '';\n  /** Text label placed above the input field */\n  @Prop() label: string = '';\n  @Prop() placeholder: string = '';\n  @Prop() inputid: string = `${Math.random()}`;\n  @Prop() name: string = '';\n  @Prop() required: boolean = false;\n  @Prop({ mutable: true }) type: string = 'text';\n  @Prop() autocomplete: string = '';\n  @Prop() valid: boolean = null;\n  @Prop() value: string = '';\n  /** The maximum number of characters the user should be able to add, also adds a visible counter */\n  @Prop() maxlength: string = '';\n  @Prop() min: string = '';\n  @Prop() max: string = '';\n  @Prop() step: string = '';\n  @Prop() pattern: string = '';\n\n  getTextMessage() {\n    if (this.error) return this.error;\n    if (this.helpertext) return this.helpertext;\n\n    return null;\n  }\n\n  @State() showText: boolean = false;\n  toggleTextVisibility() {\n    this.showText = !this.showText;\n  }\n\n  getInputType() {\n    let types = ['text', 'password', 'url', 'tel', 'search', 'number', 'email', 'date', 'datetime-local', 'month', 'week', 'time'];\n\n    return types.includes(this.type) && !this.showText ? this.type : 'text';\n  }\n\n  setVal(e) {\n    const target: HTMLInputElement = e.composedPath?.()[0] as HTMLInputElement;\n    this.value = target.value;\n  }\n\n  getClassNames() {\n    let classNames = 'pn-input ';\n    if (this.error.length > 0 || this.invalid) classNames += 'error ';\n    if (this.valid) classNames += 'valid ';\n    if (this.type === 'password') classNames += 'password ';\n    if (this.error || this.invalid || this.valid) classNames += 'icon ';\n\n    return classNames;\n  }\n\n  render() {\n    return (\n      <Host class={this.getClassNames()}>\n        {(this.label || this.maxlength) && (\n          <div class=\"label-container\">\n            {this.label && <label htmlFor={this.inputid}>{this.label}</label>}\n            {parseInt(this.maxlength) > 0 && (\n              <label class=\"char-count\" htmlFor={this.inputid}>\n                {`${this.value.length}/${this.maxlength}`}\n              </label>\n            )}\n          </div>\n        )}\n        <div class=\"input-container\">\n          <input\n            type={this.getInputType()}\n            value={this.value}\n            id={this.inputid}\n            name={this.name}\n            placeholder={this.placeholder}\n            disabled={this.disabled}\n            required={this.required}\n            autocomplete={this.autocomplete}\n            onInput={e => this.setVal(e)}\n            maxlength={this.maxlength ? this.maxlength : null}\n            min={this.min ? this.min : null}\n            max={this.max ? this.max : null}\n            step={this.step ? this.step : null}\n            pattern={this.pattern ? this.pattern : null}\n          />\n          <svg class=\"pn-input-checkmark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <polyline class=\"checkmark-path\" points=\"4,12 9,17 20,6\" stroke-width=\"3\" />\n          </svg>\n\n          {this.type === 'password' && !this.disabled && <button onClick={() => this.toggleTextVisibility()}>Show</button>}\n        </div>\n\n        {this.getTextMessage() && (\n          <small>\n            {this.error && <pn-icon icon={alert_exclamation_circle} small color=\"warning\"></pn-icon>}\n            {this.getTextMessage()}\n          </small>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"pn-marketweb-input.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["node_modules/pn-design-assets/pn-assets/icons/alert_exclamation_circle.js","src/components/input/pn-marketweb-input/pn-marketweb-input.scss?tag=pn-marketweb-input","src/components/input/pn-marketweb-input/pn-marketweb-input.tsx"],"sourcesContent":["const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0m8-10C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m1.4 5.497-.334 5.005a1.069 1.069 0 0 1-2.133 0L10.6 7.497a1.403 1.403 0 1 1 2.8 0M12 18a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3\" clip-rule=\"evenodd\"/></svg>';\nexport const alert_exclamation_circle = icon;\nexport const alertExclamationCircle = icon;\n","@import '../../../globals/main.scss';\n\npn--marketweb-input {\n  display: inline-flex;\n  flex-direction: column;\n}\n\npn-marketweb-input input {\n  padding: 0.75em;\n  font-size: 1em;\n  font-weight: 500;\n  -webkit-font-smoothing: antialiased;\n  outline: none;\n  border-radius: 0.8rem;\n  border: 0.1rem solid $gray700;\n  transition:\n    box-shadow 0.15s,\n    border 0.15s;\n  color: $black;\n  width: 100%;\n\n  &::placeholder {\n    color: $gray400;\n    font-weight: normal;\n  }\n\n  &:focus {\n    border: 0.1rem solid $blue700;\n    box-shadow:\n      0 0 0 0.2rem #fff,\n      0 0 0 0.4rem $blue700;\n  }\n\n  &:hover {\n    border: 0.1rem solid $blue400;\n  }\n\n  &:disabled {\n    background: $gray50;\n    border: none;\n  }\n}\n\npn-marketweb-input > .input-container {\n  position: relative;\n\n  > button {\n    position: absolute;\n    right: 1.2rem;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: $blue700;\n    padding: 0.6rem;\n    border-radius: 0.8rem;\n    outline: none;\n    transition:\n      border 0.1s,\n      background 0.2s,\n      color 0.1s;\n    border: 0.1rem solid transparent;\n\n    &:focus {\n      border: 0.1rem solid $blue700;\n    }\n\n    &:hover {\n      background: $blue50;\n    }\n\n    &:active {\n      background: $blue700;\n      color: white;\n    }\n  }\n\n  > svg {\n    position: absolute;\n    right: 0.75em;\n    top: 50%;\n    transform: translateY(-50%);\n    height: 1.5em;\n    width: 1.5em;\n    pointer-events: none;\n\n    polyline {\n      stroke-linecap: round;\n      transition: stroke-dashoffset 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);\n    }\n  }\n\n  > svg.pn-input-checkmark polyline {\n    stroke: $green700;\n    stroke-dashoffset: 23;\n    stroke-dasharray: 23;\n  }\n}\n\npn-marketweb-input .label-container {\n  margin-bottom: 0.4rem;\n  color: $gray700;\n  font-size: 0.875em;\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-end;\n\n  label {\n    cursor: pointer;\n    transition: color 0.2s;\n  }\n}\n\n.label-container label.char-count {\n  flex-shrink: 0;\n  padding-left: 0.5em;\n}\n\npn-marketweb-input small {\n  font-size: 0.75em;\n  font-size: unquote('max(.6em, 1.2rem)');\n  transition: transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);\n  margin-top: 0.5em;\n  color: $gray700;\n}\n\npn-input.error {\n  color: $warning;\n\n  label {\n    color: $warning;\n  }\n\n  small {\n    color: $warning;\n  }\n\n  small > pn-icon {\n    margin-right: 0.25em;\n  }\n\n  input {\n    border: 0.1rem solid $warning;\n\n    &:focus {\n      border: 0.1rem solid $warning;\n      box-shadow:\n        0 0 0 0.2rem #fff,\n        0 0 0 0.4rem $warning;\n    }\n\n    &:hover {\n      border: 0.1rem solid $coral400;\n    }\n  }\n}\n\npn-input.valid {\n  color: $green700;\n\n  .input-container > svg.pn-input-checkmark polyline {\n    stroke-dashoffset: 0;\n  }\n\n  label {\n    color: $green700;\n  }\n\n  input {\n    border: 0.1rem solid $green700;\n\n    &:focus {\n      border: 0.1rem solid $green700;\n      box-shadow:\n        0 0 0 0.2rem #fff,\n        0 0 0 0.4rem $green700;\n    }\n\n    &:hover {\n      border: 0.1rem solid $green400;\n    }\n  }\n}\n\npn-marketweb-input.password input {\n  padding-right: 4em;\n}\n\npn-marketweb-input.icon input {\n  padding-right: 2.3em;\n}\n","import { Component, Prop, h, Host, State } from '@stencil/core';\nimport { alert_exclamation_circle } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-marketweb-input',\n  styleUrl: 'pn-marketweb-input.scss',\n})\nexport class PnMarketwebInput {\n  @Prop() disabled: boolean = false;\n  /** Error message; will take precedence over helpertext if both are provided (applies invalid styles automatically) */\n  @Prop() error: string = '';\n  /** Error state without message (If you want to control the error messaging on your own) */\n  @Prop() invalid: boolean = false;\n  /** Text message placed underneath the input field */\n  @Prop() helpertext: string = '';\n  /** Text label placed above the input field */\n  @Prop() label: string = '';\n  @Prop() placeholder: string = '';\n  @Prop() inputid: string = `${Math.random()}`;\n  @Prop() name: string = '';\n  @Prop() required: boolean = false;\n  @Prop({ mutable: true }) type: string = 'text';\n  @Prop() autocomplete: string = '';\n  @Prop() valid: boolean = null;\n  @Prop() value: string = '';\n  /** The maximum number of characters the user should be able to add, also adds a visible counter */\n  @Prop() maxlength: string = '';\n  @Prop() min: string = '';\n  @Prop() max: string = '';\n  @Prop() step: string = '';\n  @Prop() pattern: string = '';\n\n  getTextMessage() {\n    if (this.error) return this.error;\n    if (this.helpertext) return this.helpertext;\n\n    return null;\n  }\n\n  @State() showText: boolean = false;\n  toggleTextVisibility() {\n    this.showText = !this.showText;\n  }\n\n  getInputType() {\n    let types = ['text', 'password', 'url', 'tel', 'search', 'number', 'email', 'date', 'datetime-local', 'month', 'week', 'time'];\n\n    return types.includes(this.type) && !this.showText ? this.type : 'text';\n  }\n\n  setVal(e) {\n    const target: HTMLInputElement = e.composedPath?.()[0] as HTMLInputElement;\n    this.value = target.value;\n  }\n\n  getClassNames() {\n    let classNames = 'pn-input ';\n    if (this.error.length > 0 || this.invalid) classNames += 'error ';\n    if (this.valid) classNames += 'valid ';\n    if (this.type === 'password') classNames += 'password ';\n    if (this.error || this.invalid || this.valid) classNames += 'icon ';\n\n    return classNames;\n  }\n\n  render() {\n    return (\n      <Host class={this.getClassNames()}>\n        {(this.label || this.maxlength) && (\n          <div class=\"label-container\">\n            {this.label && <label htmlFor={this.inputid}>{this.label}</label>}\n            {parseInt(this.maxlength) > 0 && (\n              <label class=\"char-count\" htmlFor={this.inputid}>\n                {`${this.value.length}/${this.maxlength}`}\n              </label>\n            )}\n          </div>\n        )}\n        <div class=\"input-container\">\n          <input\n            type={this.getInputType()}\n            value={this.value}\n            id={this.inputid}\n            name={this.name}\n            placeholder={this.placeholder}\n            disabled={this.disabled}\n            required={this.required}\n            autocomplete={this.autocomplete}\n            onInput={e => this.setVal(e)}\n            maxlength={this.maxlength ? this.maxlength : null}\n            min={this.min ? this.min : null}\n            max={this.max ? this.max : null}\n            step={this.step ? this.step : null}\n            pattern={this.pattern ? this.pattern : null}\n          />\n          <svg class=\"pn-input-checkmark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <polyline class=\"checkmark-path\" points=\"4,12 9,17 20,6\" stroke-width=\"3\" />\n          </svg>\n\n          {this.type === 'password' && !this.disabled && <button onClick={() => this.toggleTextVisibility()}>Show</button>}\n        </div>\n\n        {this.getTextMessage() && (\n          <small>\n            {this.error && <pn-icon icon={alert_exclamation_circle} small color=\"warning\"></pn-icon>}\n            {this.getTextMessage()}\n          </small>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}