@postnord/pn-marketweb-components 4.3.1 → 4.3.3

package/pn-market-web-components/p-16570ed2.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pnVersaCardCss","PnVersaCardStyle0","PnVersaCard","cx","parts","filter","Boolean","join","hasImageCoverText","this","label","heading","preamble","showRte","showCta","normalizedOpacity","Math","min","max","opacity","cardColor","value","hostElement","getAttribute","trim","toLowerCase","hasBg","cardClass","horizontal","imgAlignment","hasImageCover","roundImage","center","alignMiddle","imageGrow","transparentBackground","showContent","showTextContent","componentWillLoad","showImage","querySelector","render","h","Host","key","class","style","name","HeadingTag","cssClass","level","headingLevel"],"sources":["src/components/cards/pn-versa-card/pn-versa-card.scss?tag=pn-versa-card","src/components/cards/pn-versa-card/pn-versa-card.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\n// -----------------------------------------------------------------------------\n// SCSS tokens\n// Internal layout / implementation constants\n// -----------------------------------------------------------------------------\n$versa-card-radius: rem16(16px);\n$versa-card-gap: rem16(8px);\n$versa-card-content-gap: rem16(16px);\n$versa-card-content-padding-bottom: rem16(16px);\n$versa-card-text-max-width: rem16(700px);\n$versa-card-cover-padding: rem16(24px);\n$versa-card-horizontal-gap: rem16(32px);\n$versa-card-horizontal-padding: rem16(24px);\n$versa-card-horizontal-padding-lg: rem16(32px);\n$versa-card-sticky-top: rem16(16px);\n\n$versa-card-meta-margin-bottom: rem16(4px);\n$versa-card-cta-gap: rem16(16px);\n$versa-card-cta-min-height: rem16(48px);\n$versa-card-rounded-image-max-width: rem16(120px);\n\n$versa-card-cover-overlay-rgb: rgb(13, 35, 75);\n$versa-card-cover-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8),\n    0 4px 12px rgba(0, 0, 0, 0.5);\n\n$versa-card-cta-icon-offset: -0.3rem;\n$versa-card-cta-transition: 0.3s ease-in-out;\n\n// -----------------------------------------------------------------------------\n// Root / design tokens\n// CSS variables are kept for styling + contextual overrides\n// -----------------------------------------------------------------------------\npn-versa-card {\n    display: flex;\n    width: 100%;\n    height: 100%;\n\n    --versa-card-bg: transparent;\n    --versa-card-heading-color: inherit;\n    --versa-card-text-color: inherit;\n    --versa-card-blockquote-border-color: inherit;\n    --versa-link-color: #{$blue700};\n\n    --versa-card-padding: #{rem16(16px)};\n    --versa-card-heading-size: #{rem16(24px)};\n    --versa-card-preamble-size: #{rem16(18px)};\n    --versa-card-label-size: #{rem16(12px)};\n\n    --rte-text-color: var(--versa-card-text-color);\n    --rte-heading-color: var(--versa-card-heading-color);\n    --rte-blockquote-border-color: var(--versa-card-blockquote-border-color);\n    --rte-image-radius: #{$versa-card-radius};\n\n    .pn-versa-card-label {\n        display: block;\n        font-size: var(--versa-card-label-size);\n        text-transform: uppercase;\n        margin: 0 0 $versa-card-meta-margin-bottom 0;\n    }\n\n    .pn-versa-card-heading {\n        font-size: var(--versa-card-heading-size);\n        margin: 0 0 $versa-card-meta-margin-bottom 0;\n        color: var(--versa-card-heading-color);\n    }\n\n    .pn-versa-card-preamble {\n        font-size: var(--versa-card-preamble-size);\n        margin: 0 0 $versa-card-meta-margin-bottom 0;\n    }\n}\n\n// -----------------------------------------------------------------------------\n// Base structure\n// -----------------------------------------------------------------------------\npn-versa-card {\n    .pn-versa-card {\n        display: flex;\n        flex-direction: column;\n        width: 100%;\n        height: 100%;\n        gap: $versa-card-gap;\n        position: relative;\n\n        .pn-versa-card-imageWrapper {\n\n            [slot='image'],\n            [slot='image'] picture,\n            [slot='image'] picture img {\n                display: block;\n                width: 100%;\n                height: 100%;\n            }\n\n            [slot='image'] picture img {\n                border-radius: $versa-card-radius;\n                object-fit: cover;\n            }\n\n            [slot='image'] picture {\n                max-width: $versa-card-text-max-width;\n                margin: 0 auto;\n            }\n        }\n\n        .pn-versa-card-content {\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            height: 100%;\n            width: 100%;\n            max-width: 100%;\n            gap: $versa-card-content-gap;\n            padding-bottom: $versa-card-content-padding-bottom;\n\n            --pn-link-current-color: var(--versa-link-color);\n            --rte-link-color: var(--pn-link-current-color);\n\n            .pn-versa-card-textContent,\n            .pn-versa-card-linkwrapper {\n                max-width: $versa-card-text-max-width;                \n                margin: 0 auto;\n            }\n\n            .pn-versa-card-textContent {\n                display: flex;\n                flex-direction: column;\n                color: var(--versa-card-text-color);                \n                width: 100%;\n                \n            }\n\n            .pn-versa-card-linkwrapper {\n                display: flex;\n                align-items: center;\n                min-height: $versa-card-cta-min-height;\n                width: 100%;\n\n                [slot='cta'] {\n                    display: flex;\n                    flex-direction: row;\n                    flex-wrap: wrap;\n                    align-items: center;\n                    gap: $versa-card-cta-gap;\n                    width: 100%;\n\n                    a {\n                        margin-bottom: 0;\n                    }\n\n                    pn-button[appearance='light'] {\n                        color: unset;\n                    }\n\n                    a:not(.pn-button) {\n                        color: var(--pn-link-current-color);\n                        text-decoration: none;\n                        font-weight: 400;\n\n                        &:hover {\n                            text-decoration: underline;\n                        }\n                    }\n\n                    a.versa-card-cta-link-animated pn-icon svg path {\n                        fill: var(--pn-link-current-color);\n                    }\n                }\n            }\n        }\n    }\n}\n\n// -----------------------------------------------------------------------------\n// Modifiers (visual / state)\n// -----------------------------------------------------------------------------\npn-versa-card {\n    .pn-versa-card-hasBg {\n        position: relative;\n        padding: var(--versa-card-padding);\n        border-radius: $versa-card-radius;\n        background-color: transparent;\n\n        &::before {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background-color: var(--versa-card-bg);\n            border-radius: inherit;\n            z-index: 0;\n            pointer-events: none;\n            opacity: 1;\n        }\n\n        >* {\n            position: relative;\n            z-index: 1;\n        }\n\n        .pn-versa-card-content {\n            padding-bottom: 0;\n        }\n\n        &.pn-versa-card-transparentBackground {\n            &::before {\n                opacity: 0.9;\n                transition: opacity 500ms ease-in-out;\n            }\n\n            &:hover::before {\n                opacity: 0.98;\n            }\n        }\n    }\n\n    .pn-versa-card-hasImageCover {\n        padding: 0;\n\n        .pn-versa-card-imageWrapper {\n            height: 100%;\n            margin-bottom: 0;\n\n            [slot='image'] picture img {\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n            }\n        }\n\n        &.pn-versa-card-hasImageCoverText {\n            --pn-versa-hover-overlay-alpha: var(--pn-versa-opacity, 0.85);\n\n            .pn-versa-card-imageWrapper {\n                position: relative;\n                height: 100%;\n\n                &::before,\n                &::after {\n                    content: '';\n                    position: absolute;\n                    inset: 0;\n                    border-radius: $versa-card-radius;\n                    pointer-events: none;\n                }\n\n                &::before {\n                    background: radial-gradient(circle,\n                            rgba($versa-card-cover-overlay-rgb, 0.8) 7%,\n                            rgba($versa-card-cover-overlay-rgb, 0) 100%);\n                    z-index: 1;\n                }\n\n                &::after {\n                    background-color: rgba($versa-card-cover-overlay-rgb, var(--pn-versa-hover-overlay-alpha));\n                    opacity: 0;\n                    transition: opacity 1s;\n                    z-index: 2;\n                }\n\n                [slot='image'] picture img {\n                    position: relative;\n                    z-index: 0;\n                }\n            }\n\n            .pn-versa-card-content {\n                position: absolute;\n                inset: 0;\n                z-index: 3;\n\n                display: flex;\n                flex-direction: column;\n                justify-content: center;\n                align-items: center;\n\n                padding: $versa-card-cover-padding;\n                max-width: unset;\n\n                color: #{$white};\n                text-shadow: $versa-card-cover-text-shadow;\n\n                --pn-link-current-color: #{$white};\n                --rte-text-color: #{$white};\n                --rte-heading-color: #{$white};\n                --rte-blockquote-text-color: #{$white};\n                --rte-blockquote-border-color: rgba(255, 255, 255, 0.8);\n                --rte-quote-author-color: #{$white};\n                --rte-quote-author-bg: rgba(255, 255, 255, 0.16);\n\n                a {\n                    color: var(--pn-link-current-color);\n                    text-shadow: none;\n                }\n\n                pn-button[appearance='light'] a {\n                    color: $blue700;\n                }\n\n                .pn-versa-card-linkwrapper {\n                    [slot='cta'] {\n                        a.versa-card-cta-link-animated pn-icon svg path {\n                            fill: var(--pn-link-current-color);\n                        }\n                    }\n                }\n            }\n\n            &:hover .pn-versa-card-imageWrapper::after {\n                opacity: 1;\n            }\n        }\n    }\n\n    .pn-versa-card-hasRoundedImage {\n        .pn-versa-card-imageWrapper {\n            width: auto;\n            height: auto;\n\n            [slot='image'] picture img {\n                aspect-ratio: 1 / 1;\n                width: 100%;\n                height: 100%;\n                max-width: $versa-card-rounded-image-max-width;\n                border-radius: 50%;\n            }\n        }\n    }\n}\n\n// -----------------------------------------------------------------------------\n// Layout + alignment\n// -----------------------------------------------------------------------------\npn-versa-card {\n    .pn-versa-card-horizontal {\n        flex-direction: column;\n\n        &.pn-versa-card-imageGrow {\n            .pn-versa-card-imageWrapper {\n                [slot='image'] picture img {\n                    height: 100%;\n                }\n            }\n        }\n    }\n\n    .pn-versa-card-center {\n        .pn-versa-card-imageWrapper {\n            align-self: center;\n        }\n\n        .pn-versa-card-content {\n            align-items: center;\n            text-align: center;\n\n            .pn-versa-card-linkwrapper {\n                [slot='cta'] {\n                    justify-content: center;\n                }\n            }\n        }\n    }\n\n    .pn-versa-card-alignMiddle {\n\n        justify-content: center;\n\n\n        .pn-versa-card-content {\n            height: auto;\n        }\n    }\n}\n\n// -----------------------------------------------------------------------------\n// Theme / colors\n// -----------------------------------------------------------------------------\npn-versa-card {\n    &[data-card-color='white'] {\n        --versa-card-bg: #{$white};\n    }\n\n    &[data-card-color='blue25'] {\n        --versa-card-bg: #{$blue25};\n        --versa-card-blockquote-border-color: #{$blue400};\n    }\n\n    &[data-card-color='blue50'] {\n        --versa-card-bg: #{$blue50};\n        --versa-card-blockquote-border-color: #{$blue400};\n    }\n\n    &[data-card-color='blue400'] {\n        --versa-card-bg: #{$blue400};\n        --rte-heading-color:#{$white};\n    }\n\n    &[data-card-color='blue900'] {\n        --versa-card-bg: #{$blue900};\n        --versa-card-heading-color: #{$blue200};\n        --versa-card-text-color: #{$white};\n        --versa-card-blockquote-border-color: #{$white};\n        --versa-link-color: #{$white};\n        --rte-heading-color:#{$white};\n    }\n\n    &[data-card-color='coral25'] {\n        --versa-card-bg: #{$coral25};\n        --versa-card-blockquote-border-color: #{$coral400};\n    }\n\n    &[data-card-color='coral50'] {\n        --versa-card-bg: #{$coral50};\n        --versa-card-blockquote-border-color: #{$coral400};\n    }\n\n    &[data-card-color='green25'] {\n        --versa-card-bg: #{$green25};\n        --versa-card-blockquote-border-color: #{$green400};\n    }\n\n    &[data-card-color='green50'] {\n        --versa-card-bg: #{$green50};\n        --versa-card-blockquote-border-color: #{$green400};\n    }\n}\n\n// -----------------------------------------------------------------------------\n// Responsive\n// -----------------------------------------------------------------------------\n@media (min-width: 600px) {\n    pn-versa-card {\n        .pn-versa-card-horizontal {\n            flex-direction: row;\n            gap: $versa-card-horizontal-gap;\n\n            .pn-versa-card-imageWrapper,\n            .pn-versa-card-content {\n                flex: 1;\n            }\n\n            .pn-versa-card-imageWrapper {\n                height: auto;\n\n                [slot='image'] picture img {\n                    height: auto;\n                    position: sticky;\n                    top: $versa-card-sticky-top;\n                }\n            }\n\n            .pn-versa-card-content {\n                width: 50%;\n                box-sizing: border-box;\n                justify-content: flex-start;\n            }\n\n            &.pn-versa-card-hasBg {\n                padding: $versa-card-horizontal-padding;\n            }\n\n            &.pn-versa-card-horizontal--imgRight {\n                flex-direction: row-reverse;\n            }\n\n            &.pn-versa-card-imageGrow {\n                .pn-versa-card-imageWrapper {\n                    height: 100%;\n                }\n            }\n\n            &.pn-versa-card-center {\n                .pn-versa-card-imageWrapper {\n                    align-self: auto;\n                }\n\n                .pn-versa-card-content {\n                    align-items: stretch;\n                    text-align: center;\n\n                    .pn-versa-card-textContent,\n                    .pn-versa-card-linkwrapper {\n                        align-self: center;\n                    }\n\n                    .pn-versa-card-linkwrapper {\n                        [slot='cta'] {\n                            justify-content: center;\n                        }\n                    }\n                }\n            }\n\n            &.pn-versa-card-alignMiddle {\n                .pn-versa-card-content {\n                    justify-content: center; //overrides mobile alignMiddle which sets justify-content to space-between\n                }\n            }\n\n            &.pn-versa-card-hasRoundedImage {\n                .pn-versa-card-imageWrapper {\n                    width: 50%;\n\n                    [slot='image'] picture img {\n                        max-width: unset;\n                    }\n                }\n            }\n        }\n    }\n}\n\n@media (min-width: 1440px) {\n    pn-versa-card {\n        .pn-versa-card-horizontal.pn-versa-card-hasBg {\n            padding: $versa-card-horizontal-padding-lg;\n        }\n    }\n}\n\n// -----------------------------------------------------------------------------\n// CTA animation\n// -----------------------------------------------------------------------------\npn-versa-card {\n    .versa-card-cta-link-animated {\n        pn-icon {\n            position: relative;\n            left: $versa-card-cta-icon-offset;\n            transition: $versa-card-cta-transition;\n        }\n\n        &:hover pn-icon {\n            left: 0;\n        }\n    }\n}\n\n// -----------------------------------------------------------------------------\n// RTE\n// -----------------------------------------------------------------------------\npn-versa-card {\n    .pn-versa-card-RTEtext {\n        [slot='rte'] {\n            @include shared-rte;\n\n            .pn-quote-card__section {\n                max-width: none !important;\n                background-color: transparent;\n            }\n\n            .quoteblock-section .pn-quote-card__section .pn-quote-card__quote {\n                border: none !important;\n                padding-left: 0 !important;\n            }\n        }\n    }\n}\n\n// -----------------------------------------------------------------------------\n// CMS Width Overrides\n// -----------------------------------------------------------------------------\n.onethirdwidth {\n    pn-versa-card {\n        --rte-forms-spacing: #{rem16(12px)};\n    }\n}\n\n@media (min-width: 992px) {\n    .onequarterwidth {\n        pn-versa-card {\n            --versa-card-padding: #{rem16(8px)};\n            --versa-card-heading-size: #{rem16(20px)};\n            --versa-card-preamble-size: #{rem16(17px)};\n            --versa-card-label-size: #{rem16(11px)};\n\n            --rte-h2-size: #{rem16(20px)};\n            --rte-h3-size: #{rem16(18px)};\n            --rte-h4-size: #{rem16(16px)};\n        }\n    }\n\n    .halfwidth,\n    .fullwidth {\n        pn-versa-card {\n            --rte-blockquote-margin: #{rem16(24px)} 0;\n        }\n    }\n}\n\n@media (min-width: 1640px) {\n    .onequarterwidth {\n        pn-versa-card {\n            --versa-card-padding: #{rem16(16px)};\n        }\n    }\n}\n\n//when not wrapped by versacardblock class\npn-versa-card:not(:where(.versacardblock *)) {\n    height: auto;\n}","import { HeadingTag } from '@/globals/HeadingTag';\nimport {\n  Component,\n  Element,\n  h,\n  Host,\n  Prop,\n  State,\n} from '@stencil/core';\n\n/** A short description about `pn-versa-card` */\n@Component({\n  tag: 'pn-versa-card',\n  styleUrl: 'pn-versa-card.scss',\n})\nexport class PnVersaCard {\n\n  @Element() hostElement: HTMLElement;\n\n  @Prop() label?: string;\n  @Prop() heading?: string;\n  @Prop() preamble?: string;\n  @Prop() imageGrow = false;\n\n  // Layout / modifiers\n  @Prop() horizontal = false;\n  @Prop() imgAlignment?: 'left' | 'right' = 'left';\n  @Prop() hasImageCover = false;\n  @Prop() alignMiddle = false;\n  @Prop() center = false;\n\n  @Prop() roundImage = false;\n  @Prop() headingLevel: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' = 'h3';\n\n  @Prop() opacity: number = 90;\n  @Prop() transparentBackground = false;\n\n  private cx(parts: Array<string | false | null | undefined>) {\n    return parts.filter(Boolean).join(' ');\n  }\n\n  private get hasImageCoverText(): boolean {\n    return !!(this.label || this.heading || this.preamble || this.showRte || this.showCta);\n  }\n\n  private get normalizedOpacity(): number {\n    return Math.min(100, Math.max(0, this.opacity ?? 90));\n  }\n\n  // This getter reads the data-card-color attribute, which is used to set CSS variables for background and text colors in the SCSS file. It returns the color value or null if not set.\n  private get cardColor() {\n    const value = this.hostElement.getAttribute('data-card-color')?.trim().toLowerCase();\n    return value || null;\n  }\n\n  private get hasBg(): boolean {\n    return !!this.cardColor;\n  }\n\n  private get cardClass() {\n\n    return this.cx([\n      'pn-versa-card',\n\n      // modifiers      \n      this.horizontal && 'pn-versa-card-horizontal',\n      this.horizontal && this.imgAlignment === 'right' && 'pn-versa-card-horizontal--imgRight',\n      this.hasBg && 'pn-versa-card-hasBg',\n      this.hasImageCover && 'pn-versa-card-hasImageCover', // can be true without text, just means image covers whole card without text on top\n      this.hasImageCover && this.hasImageCoverText && 'pn-versa-card-hasImageCoverText', //has to have imageCover true AND imageCoverText in order for class to be set\n      this.roundImage && 'pn-versa-card-hasRoundedImage',\n      this.center && 'pn-versa-card-center',\n      this.alignMiddle && 'pn-versa-card-alignMiddle',\n      this.imageGrow && 'pn-versa-card-imageGrow',\n      this.hasBg && this.transparentBackground && 'pn-versa-card-transparentBackground',\n\n    ]);\n  }\n\n  private get showContent(): boolean {\n    return this.showTextContent || this.showCta;\n  }\n\n  private get showTextContent(): boolean {\n    return !!(this.label || this.heading || this.preamble || this.showRte);\n  }\n\n  @State() showImage: boolean = false;\n  @State() showRte: boolean = false;\n  @State() showCta: boolean = false;\n\n  componentWillLoad() {\n    this.showImage = !!this.hostElement.querySelector('[slot=\"image\"]');\n    this.showRte = !!this.hostElement.querySelector('[slot=\"rte\"]');\n    this.showCta = !!this.hostElement.querySelector('[slot=\"cta\"]');\n\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.cardClass} style={{ '--pn-versa-opacity': `${this.normalizedOpacity / 100}` }}>\n          {this.showImage && (\n            <div class=\"pn-versa-card-imageWrapper\">\n              <slot name=\"image\" />\n            </div>)}\n          {this.showContent && (\n            <div class=\"pn-versa-card-content\">\n              {this.showTextContent && <div class=\"pn-versa-card-textContent\">\n                {this.label && (\n                  <span class=\"pn-versa-card-label\">{this.label}</span>\n                )}\n\n                {this.heading && (\n                  <HeadingTag cssClass=\"pn-versa-card-heading\" level={this.headingLevel}>{this.heading}</HeadingTag>\n                )}\n\n                {this.preamble && (\n                  <p class=\"pn-versa-card-preamble\">{this.preamble}</p>\n                )}\n\n                {this.showRte && <div class=\"pn-versa-card-RTEtext\">\n                  <slot name=\"rte\" />\n                </div>\n                }\n              </div>}\n\n              {this.showCta && <div class=\"pn-versa-card-linkwrapper\">\n                <slot name=\"cta\" />\n              </div>}\n\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}"],"mappings":"wFAAA,MAAMA,EAAiB,4pfACvB,MAAAC,EAAeD,E,MCcFE,EAAW,M,4GAOF,M,gBAGC,M,kBACqB,O,mBAClB,M,iBACF,M,YACL,M,gBAEI,M,kBAC2C,K,aAEtC,G,2BACM,M,eAoDF,M,aACF,M,aACA,K,kCApDpB,EAAAC,CAAGC,GACT,OAAOA,EAAMC,OAAOC,SAASC,KAAK,I,CAGpC,qBAAYC,GACV,SAAUC,KAAKC,OAASD,KAAKE,SAAWF,KAAKG,UAAYH,KAAKI,SAAWJ,KAAKK,Q,CAGhF,qBAAYC,GACV,OAAOC,KAAKC,IAAI,IAAKD,KAAKE,IAAI,EAAGT,KAAKU,SAAW,I,CAInD,aAAYC,GACV,MAAMC,EAAQZ,KAAKa,YAAYC,aAAa,oBAAoBC,OAAOC,cACvE,OAAOJ,GAAS,I,CAGlB,SAAYK,GACV,QAASjB,KAAKW,S,CAGhB,aAAYO,GAEV,OAAOlB,KAAKN,GAAG,CACb,gBAGAM,KAAKmB,YAAc,2BACnBnB,KAAKmB,YAAcnB,KAAKoB,eAAiB,SAAW,qCACpDpB,KAAKiB,OAAS,sBACdjB,KAAKqB,eAAiB,8BACtBrB,KAAKqB,eAAiBrB,KAAKD,mBAAqB,kCAChDC,KAAKsB,YAAc,gCACnBtB,KAAKuB,QAAU,uBACfvB,KAAKwB,aAAe,4BACpBxB,KAAKyB,WAAa,0BAClBzB,KAAKiB,OAASjB,KAAK0B,uBAAyB,uC,CAKhD,eAAYC,GACV,OAAO3B,KAAK4B,iBAAmB5B,KAAKK,O,CAGtC,mBAAYuB,GACV,SAAU5B,KAAKC,OAASD,KAAKE,SAAWF,KAAKG,UAAYH,KAAKI,Q,CAOhE,iBAAAyB,GACE7B,KAAK8B,YAAc9B,KAAKa,YAAYkB,cAAc,kBAClD/B,KAAKI,UAAYJ,KAAKa,YAAYkB,cAAc,gBAChD/B,KAAKK,UAAYL,KAAKa,YAAYkB,cAAc,e,CAIlD,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOpC,KAAKkB,UAAWmB,MAAO,CAAE,qBAAsB,GAAGrC,KAAKM,kBAAoB,QACpFN,KAAK8B,WACJG,EAAA,OAAAE,IAAA,2CAAKC,MAAM,8BACTH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,WAEdtC,KAAK2B,aACJM,EAAA,OAAAE,IAAA,2CAAKC,MAAM,yBACRpC,KAAK4B,iBAAmBK,EAAA,OAAAE,IAAA,2CAAKC,MAAM,6BACjCpC,KAAKC,OACJgC,EAAA,QAAAE,IAAA,2CAAMC,MAAM,uBAAuBpC,KAAKC,OAGzCD,KAAKE,SACJ+B,EAACM,EAAU,CAAAJ,IAAA,2CAACK,SAAS,wBAAwBC,MAAOzC,KAAK0C,cAAe1C,KAAKE,SAG9EF,KAAKG,UACJ8B,EAAA,KAAAE,IAAA,2CAAGC,MAAM,0BAA0BpC,KAAKG,UAGzCH,KAAKI,SAAW6B,EAAA,OAAAE,IAAA,2CAAKC,MAAM,yBAC1BH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,UAKdtC,KAAKK,SAAW4B,EAAA,OAAAE,IAAA,2CAAKC,MAAM,6BAC1BH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,W","ignoreList":[]}

package/pn-market-web-components/p-24ffac0a.entry.js

@@ -1,2 +0,0 @@
-import{r as e,g as t,h as s,d as a}from"./p-b3a13b6a.js";const n="";const r=n;const c=class{constructor(t){e(this,t);this.label="Mina sidor!";this.myPageUrl=undefined}get hostElement(){return t(this)}render(){return s(a,{key:"c124432d15ec5bdf0aa2bbeb4354f6ecf2bce080"},s("pn-button",{key:"a5dd43d7ed7d03ca1cbe6ac6ff467cb75da83082",href:this.myPageUrl},this.label))}};c.style=r;export{c as pn_marketweb_siteheader_login_mypage_button};
-//# sourceMappingURL=p-24ffac0a.entry.js.map

package/pn-market-web-components/p-3239c36b.entry.js

@@ -1,2 +0,0 @@
-import{h as e,r as t}from"./p-b3a13b6a.js";import{e as a,d as i,f as n,h as r}from"./p-04f51418.js";function d(t){const i=a(t.vm.rawMenuItems);if(!i.hasMenuSwitching){return null}const n=i.menuModeOptions.map((e=>({...e,href:t.navigateOnMenuToggle?e.href:undefined})));return e("pn-marketweb-header-toggle",{value:t.activeMenuMode,options:n,onToggleChange:t.onMenuToggleChange})}function o(t){const a=t.homePageLink??"/";return e("div",{class:"siteheader-logocontainer"},e("a",{href:a,title:t.homeLabel,"aria-label":t.homeLabel,class:"siteheader-logolink"},e("slot",{name:"logo"},e("svg",{class:"siteheader-logo",xmlns:"http://www.w3.org/2000/svg",width:"12.7rem",height:"2.4rem",viewBox:"0 0 141.73 26.65",role:"img","aria-label":"PostNord"},e("path",{d:"M108.84,13.35c0,6.34-5.17,9-10,9S89,19.76,89,13.63c0-6.28,5.08-9,10-9S108.84,7.25,108.84,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.29,3.29,0,0,0,3.42,3.41A3.24,3.24,0,0,0,102.28,13.54Zm-83,0c0,4.83-3.32,8.82-8.49,8.82a6.54,6.54,0,0,1-4.65-1.57v5.86H0V5.16H6.17V6.8a6.43,6.43,0,0,1,5.11-2.18C16.41,4.62,19.31,8.58,19.31,13.54Zm-6.53,0A3.27,3.27,0,0,0,9.4,10,3.28,3.28,0,0,0,6,13.54,3.29,3.29,0,0,0,9.4,16.95,3.24,3.24,0,0,0,12.78,13.54Zm103.69,0.27c0-2.54,1.54-3.32,3.6-3.32a6.56,6.56,0,0,1,2.08.3L122.3,5.1a3.92,3.92,0,0,0-1.45-.18c-3.45,0-4.38,2.18-4.38,2.18V5.16H110.3V21.84h6.17v-8ZM141.73,0V21.84h-6.16V20.21a6.43,6.43,0,0,1-5.11,2.18c-5.14,0-8-4-8-8.91s3.32-8.82,8.49-8.82a6.54,6.54,0,0,1,4.65,1.57v-5Zm-6,13.48a3.28,3.28,0,0,0-3.41-3.41A3.24,3.24,0,0,0,129,13.47,3.4,3.4,0,1,0,135.75,13.47ZM81.35,4.62c-3.6,0-4.9,2.18-4.9,2.18V5.16H70.29V21.84h6.16V13.29c0-2.11.79-3.08,2.69-3.08s2.18,1.57,2.18,3.57v8.07h6.22V11.6C87.55,7,85.34,4.62,81.35,4.62ZM64.07,1.42H57.9V21.84h6.16V10.36H67l2.81-5.2H64.07V1.42ZM50.26,11.21c-2-.3-2.87-0.3-2.87-1.09s0.81-.94,2.42-0.94a16.15,16.15,0,0,1,5.11.91L56,5.41a24.56,24.56,0,0,0-6.13-.75c-5.89,0-9,2.27-9,5.89,0,2.81,1.66,4.47,6.53,5.11,2.06,0.27,2.81.39,2.81,1.15s-0.82,1-2.24,1a16.67,16.67,0,0,1-6-1.3L40.77,21.3a22.14,22.14,0,0,0,6.68,1c6.35,0,9.28-2.24,9.28-5.89C56.72,13.54,55.15,12,50.26,11.21ZM40.19,13.35c0,6.34-5.17,9-10,9s-9.82-2.6-9.82-8.73c0-6.28,5.08-9,10-9S40.19,7.25,40.19,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.28,3.28,0,0,0,3.41,3.41A3.24,3.24,0,0,0,33.63,13.54Z",fill:"currentColor",transform:"translate(0 0)"})))))}function s(t){if(!t.vm.loginDialog||t.hideLogin){return null}return e("pn-marketweb-siteheader-login",{token:t.userToken,siteUrl:t.vm.siteDefinition?.url,fullname:t.userFullname,loggedin:t.userLoggedin,loginDialog:t.vm.loginDialog,endpoint:t.endpoint??"",i18n:t.i18n,showProfileSelection:t.showProfileSelection,showUnifiedLogin:t.showUnifiedLogin,"check-user-logged-in-state-interval":t.checkUserLoggedInStateInterval,useMarketwebLogin:t.useMarketwebLogin,environment:t.environment,appearance:t.appearance})}function h(t){if(!t.vm.languageOptions.length||t.hideLanguageSelector){return null}return e("pn-language-selector",{value:t.language,appearance:t.appearance},t.vm.languageOptions.map((a=>e("pn-language-selector-option",{name:a.nativeName,code:a.twoLetterISOLanguageName,selected:a.isCurrent,url:i(a,t.vm.siteDefinition,t.spaMode)}))))}function l(t){if(!t.vm.siteSelector||t.hideSiteSelector){return null}return e("pn-site-selector",{language:t.language,buttontext:t.buttonText,appearance:t.appearance},t.vm.siteSelector.currentSiteTitle&&e("pn-site-selector-item",{heading:t.vm.siteSelector.currentSiteTitle,description:t.vm.siteSelector.currentSiteDescription}),(t.vm.siteSelector.siteSelections??[]).map((a=>e("pn-site-selector-item",{heading:a.linkText,description:a.linkDescription,url:t.adjustSiteSelectorUrl(a.href??a.pageLink??""),newwindow:a.openInNewWindow}))))}const m='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-header-main-row{display:contents}pn-marketweb-header-main-row .siteheader-row-main{background-color:var(--siteheader-main-row-bg-mobile, transparent)}pn-marketweb-header-main-row .siteheader-mobile-left{display:flex;align-items:center;flex:1 1 auto;min-width:0;order:1}pn-marketweb-header-main-row .siteheader-mobile-logo{display:flex;align-items:center;justify-content:flex-start;min-width:0;order:1}pn-marketweb-header-main-row .siteheader-mobile-logo .siteheader-logocontainer{min-height:5.6rem;background:transparent;position:static;left:auto;transform:none}pn-marketweb-header-main-row .siteheader-mobile-logo .siteheader-logolink{max-height:5.6rem}pn-marketweb-header-main-row .siteheader-mobile-logo .siteheader-logo{display:block;width:auto;max-width:12.7rem;height:2.4rem}pn-marketweb-header-main-row .siteheader-mobile-menu-toggle{display:none;align-items:center}pn-marketweb-header-main-row .siteheader-mainnav-middle{display:none;align-items:center;justify-content:flex-end;order:3}pn-marketweb-header-main-row .siteheader-mainnav-middle>pn-marketweb-siteheader-search{display:flex;align-items:center;justify-content:flex-end}pn-marketweb-header-main-row .siteheader-mainnav-middle>[slot=header-bottom-button]{display:contents}pn-marketweb-header-main-row .siteheader-mainnav-menu{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;order:2}pn-marketweb-header-main-row .siteheader-menu{max-width:100%;overflow:visible}pn-marketweb-header-main-row .siteheader-menu pn-mainnav-link a[target]::after{content:none}pn-marketweb-header-main-row .siteheader-menu pn-marketweb-siteheader-search{width:100%;padding:0.3rem 1.6rem}pn-marketweb-header-main-row .siteheader-menu [slot=top] pn-search-field{width:100%}pn-marketweb-header-main-row .siteheader-menu nav.mainnav[data-menu-open=true]>pn-mainnav-level[data-level="1"]{display:block;margin-top:0;height:calc(100dvh - 0);overflow-y:auto;-webkit-overflow-scrolling:touch}pn-marketweb-header-main-row .siteheader-mainnav-groups{display:flex;flex-direction:column}pn-marketweb-header-main-row .siteheader-mainnav-list{overflow:visible}pn-marketweb-header-main-row .siteheader-mainnav-divider{display:none}pn-marketweb-header-main-row .siteheader-menu-footer{display:flex;flex-direction:column;align-items:center}pn-marketweb-header-main-row .siteheader-menu-footer>*{margin:1.6rem}body[data-siteheader-menuopen=false] pn-marketweb-header-main-row .siteheader-mobile-logo,body:not([data-siteheader-menuopen]) pn-marketweb-header-main-row .siteheader-mobile-logo{display:flex}body[data-siteheader-menuopen=false] pn-marketweb-header-main-row .siteheader-mobile-menu-toggle,body:not([data-siteheader-menuopen]) pn-marketweb-header-main-row .siteheader-mobile-menu-toggle{display:none}body[data-siteheader-menuopen=true] pn-marketweb-header-main-row .siteheader-mobile-logo{display:none}body[data-siteheader-menuopen=true] pn-marketweb-header-main-row .siteheader-mobile-menu-toggle{display:flex}@media screen and (min-width: 769px){pn-marketweb-header-main-row .siteheader-row-main{background-color:var(--siteheader-main-row-bg-tablet, transparent)}pn-marketweb-header-main-row .siteheader-mobile-left{display:none}pn-marketweb-header-main-row .siteheader-mainnav-middle{display:flex;margin-left:auto}pn-marketweb-header-main-row .siteheader-mainnav-menu{justify-content:flex-start}pn-marketweb-header-main-row .siteheader-menu-footer{display:none}body[data-siteheader-menuopen=false] pn-marketweb-header-main-row .siteheader-mobile-logo,body:not([data-siteheader-menuopen]) pn-marketweb-header-main-row .siteheader-mobile-logo,body[data-siteheader-menuopen=true] pn-marketweb-header-main-row .siteheader-mobile-logo{display:flex}body[data-siteheader-menuopen=false] pn-marketweb-header-main-row .siteheader-mobile-menu-toggle,body:not([data-siteheader-menuopen]) pn-marketweb-header-main-row .siteheader-mobile-menu-toggle,body[data-siteheader-menuopen=true] pn-marketweb-header-main-row .siteheader-mobile-menu-toggle{display:none}}@media screen and (min-width: 1024px){pn-marketweb-header-main-row .siteheader-mainnav-groups{display:inline-flex;flex-direction:row;align-items:stretch;vertical-align:top}pn-marketweb-header-main-row .siteheader-mainnav-middle{order:3;margin-left:1.6rem}pn-marketweb-header-main-row .siteheader-mainnav-menu{order:2}pn-marketweb-header-main-row .siteheader-menu{margin-top:auto;overflow:visible}pn-marketweb-header-main-row .siteheader-menu nav.mainnav[data-menu-open=true]>pn-mainnav-level[data-level="1"]{margin-top:0;height:auto;overflow-y:visible}pn-marketweb-header-main-row .siteheader-mainnav-list{display:inline-flex;align-items:stretch;vertical-align:top}pn-marketweb-header-main-row .siteheader-mainnav-divider{display:inline-flex;align-self:center;width:1px;min-height:4rem;margin:0 0.8rem;background:var(--siteheader-mainnav-divider-color, #d3cecb)}}';const p=m;const w=class{constructor(e){t(this,e);this.vm=undefined;this.i18n=undefined;this.market=undefined;this.language=undefined;this.siteid=undefined;this.hideSearch=undefined;this.hideLogin=undefined;this.hideLanguageSelector=undefined;this.hideSiteSelector=undefined;this.minimizeSearch=undefined;this.activeMenuMode=undefined;this.navigateOnMenuToggle=undefined;this.primaryItems=undefined;this.sharedItems=undefined;this.showMenuDivider=undefined;this.userToken=undefined;this.userFullname=undefined;this.userLoggedin=undefined;this.endpoint=undefined;this.environment=undefined;this.showProfileSelection=undefined;this.showUnifiedLogin=undefined;this.checkUserLoggedInStateInterval=undefined;this.useMarketwebLogin=undefined;this.spaMode=undefined;this.theme=undefined;this.logoUrl=undefined;this.menuToggleChangeHandler=undefined;this.mainNavRefHandler=undefined;this.adjustSiteSelectorUrl=undefined}renderMenuLink(t){return e("pn-mainnav-link",{name:t.name,href:t.href,itemid:t.id,target:t.linkTarget??"_self",linkid:t.trackingId},(t.promotedMenuItems&&t.promotedMenuItems.length>0||t.children&&t.children.length>0)&&e("pn-mainnav-level",{label:t.name},!!t.children?.length&&e("pn-mainnav-list",{heading:t.navigationHeading??""},t.children.map((t=>e("pn-mainnav-link",{name:t.name,href:t.href,target:t.linkTarget??"_self",linkid:t.trackingId})))),!!t.promotedMenuItems?.length&&e("pn-mainnav-list",{heading:t.promotedMenuItemsHeader},t.promotedMenuItems.map((a=>e("pn-mainnav-link",{href:a.href,name:a.linkText,target:a.openInNewWindow?"_blank":"_self",linkid:n(a)+t.id}))))))}renderMenuLinks(e){return e.map((e=>this.renderMenuLink(e)))}renderGroupedMenuLists(t,a){const i=t.length>0;const n=a.length>0;const r=i&&n;return e("div",{class:"siteheader-mainnav-groups"},i?e("pn-mainnav-list",{class:"siteheader-mainnav-list siteheader-mainnav-list-primary"},this.renderMenuLinks(t)):null,r?e("div",{class:"siteheader-mainnav-divider","aria-hidden":"true"}):null,n?e("pn-mainnav-list",{class:"siteheader-mainnav-list siteheader-mainnav-list-shared"},this.renderMenuLinks(a)):null)}renderMenuFooter(t){return e("div",{slot:"footer",class:"siteheader-menu-footer"},e("slot",{name:"menu-footer-cta"}),s({vm:this.vm,hideLogin:this.hideLogin,userToken:this.userToken,userFullname:this.userFullname,userLoggedin:this.userLoggedin,endpoint:this.endpoint,environment:this.environment,i18n:this.i18n,showProfileSelection:this.showProfileSelection,showUnifiedLogin:this.showUnifiedLogin,checkUserLoggedInStateInterval:this.checkUserLoggedInStateInterval,useMarketwebLogin:this.useMarketwebLogin,appearance:t}),h({vm:this.vm,hideLanguageSelector:this.hideLanguageSelector,language:this.language,spaMode:this.spaMode,appearance:t}),l({vm:this.vm,hideSiteSelector:this.hideSiteSelector,language:this.language,appearance:t,adjustSiteSelectorUrl:this.adjustSiteSelectorUrl}))}render(){const t="light";return e("div",{key:"b19e8188f8776a417d92b422e97af169073992d7",class:"siteheader-row siteheader-row-main"},e("div",{key:"ee3206293821a283e0db7231fb88f8c7c4ccaf9f",class:"siteheader-mobile-left"},e("div",{key:"f02ae43733ecbb7d9a58f2f2faa0422e67ab398f",class:"siteheader-mobile-logo"},o({homePageLink:this.logoUrl,homeLabel:this.i18n.home})),this.vm.hasMenuSwitching&&e("div",{key:"7559d93cf6e65dd98d943cc0bd047597486c7562",class:"siteheader-mobile-menu-toggle"},d({vm:this.vm,activeMenuMode:this.activeMenuMode,navigateOnMenuToggle:this.navigateOnMenuToggle,onMenuToggleChange:this.menuToggleChangeHandler}))),e("div",{key:"25864e4241677776b8fffe41ba24cce1c3b5bc8f",class:"siteheader-mainnav-middle"},e("pn-marketweb-siteheader-search",{key:"1ff81b6b404c473ed028a01115780f1837f78ec2",language:this.language,siteid:this.siteid,primary:true,search:this.vm.search,"hide-search":this.hideSearch,"show-only-link":this.minimizeSearch,i18n:this.i18n}),e("slot",{key:"d650ca23a0fa02d7e4dacccea5020743a509c782",name:"header-bottom-button"})),e("div",{key:"b72af48b90c18d82a80469297327518af35c142c",class:"siteheader-mainnav-menu"},e("div",{key:"fbcd12fab8d69e0181fcc81185dca22fd502df7d",class:"siteheader-menu"},e("pn-mainnav",{key:"3980090469bd133fabc2576ac41a12ab98f3cbc5",ref:e=>{this.mainNavRefHandler(e)},market:this.market,language:this.language,onMenuOpenChange:e=>{document.body.setAttribute("data-siteheader-menuopen",String(e.detail))}},e("pn-mainnav-level",{key:"2c608f41f227e445808121d53abab276459cedc8"},this.showMenuDivider?this.renderGroupedMenuLists(this.primaryItems,this.sharedItems):e("pn-mainnav-list",null,this.renderMenuLinks(this.primaryItems)),this.renderMenuFooter(t),e("div",{key:"f41ca4efbce5a71be65381199efb81f491c0ee0d",slot:"top",class:"siteheader-menu-top"},e("pn-marketweb-siteheader-search",{key:"bf04f67936996b8151a6ba14c64a5a7212d90ee4",language:this.language,siteid:this.siteid,search:this.vm.search,"hide-search":this.hideSearch,i18n:this.i18n})))))))}};w.style=p;const c="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-header-top-row{display:contents}pn-marketweb-header-top-row .siteheader-row-top{border-bottom:0.1rem solid var(--siteheader-top-row-border-color, #f3f2f2);color:var(--siteheader-top-text-color, var(--siteheader-text-color, inherit));background-color:var(--siteheader-top-row-bg, transparent)}pn-marketweb-header-top-row .siteheader-topleft{display:flex;align-items:center;min-width:0;gap:0.8rem}pn-marketweb-header-top-row .siteheader-topleft pn-marketweb-header-toggle{display:flex;align-items:center;margin-left:1rem}pn-marketweb-header-top-row .siteheader-topleft pn-site-selector{display:none;padding:1rem 0;margin-left:0}pn-marketweb-header-top-row .siteheader-topright{display:flex;flex-direction:row;align-items:center;min-width:0;margin-right:0}pn-marketweb-header-top-row .siteheader-topright>pn-language-selector,pn-marketweb-header-top-row .siteheader-topright>pn-marketweb-siteheader-login,pn-marketweb-header-top-row .siteheader-topright>a,pn-marketweb-header-top-row .siteheader-topright>button,pn-marketweb-header-top-row .siteheader-topright>[slot=header-top-right-start],pn-marketweb-header-top-row .siteheader-topright>[slot=toprightend]{display:none;align-self:center;padding:1rem 0;margin-left:0;color:var(--siteheader-top-link-color, inherit)}pn-marketweb-header-top-row .siteheader-menu-top-search{display:none}@media screen and (min-width: 769px){pn-marketweb-header-top-row .siteheader-topleft pn-site-selector{display:block}pn-marketweb-header-top-row .siteheader-topright>pn-language-selector,pn-marketweb-header-top-row .siteheader-topright>pn-marketweb-siteheader-login,pn-marketweb-header-top-row .siteheader-topright>a,pn-marketweb-header-top-row .siteheader-topright>button,pn-marketweb-header-top-row .siteheader-topright>[slot=header-top-right-start],pn-marketweb-header-top-row .siteheader-topright>[slot=toprightend]{display:block;margin-left:1rem}}@media screen and (min-width: 1024px){pn-marketweb-header-top-row .siteheader-topleft pn-marketweb-header-toggle{margin-left:1.6rem}pn-marketweb-header-top-row .siteheader-topleft pn-site-selector{margin-left:1.3rem}pn-marketweb-header-top-row .siteheader-logocontainer{min-height:3em;position:absolute;left:50%;transform:translateX(-50%)}pn-marketweb-header-top-row .siteheader-topright{margin-right:1.6rem}pn-marketweb-header-top-row .siteheader-topright>pn-language-selector,pn-marketweb-header-top-row .siteheader-topright>pn-marketweb-siteheader-login,pn-marketweb-header-top-row .siteheader-topright>a,pn-marketweb-header-top-row .siteheader-topright>button,pn-marketweb-header-top-row .siteheader-topright>[slot=header-top-right-start],pn-marketweb-header-top-row .siteheader-topright>[slot=toprightend]{margin-left:1.6rem}}";const b=c;const g=class{constructor(e){t(this,e);this.vm=undefined;this.i18n=undefined;this.language=undefined;this.siteid=undefined;this.endpoint=undefined;this.environment=undefined;this.userToken=undefined;this.userFullname=undefined;this.userLoggedin=undefined;this.hideSiteSelector=undefined;this.hideLanguageSelector=undefined;this.hideSearch=undefined;this.hideLogin=undefined;this.showProfileSelection=undefined;this.showUnifiedLogin=undefined;this.spaMode=undefined;this.checkUserLoggedInStateInterval=undefined;this.useMarketwebLogin=undefined;this.activeMenuMode=undefined;this.navigateOnMenuToggle=undefined;this.theme=undefined;this.logoUrl=undefined;this.menuToggleChangeHandler=undefined;this.adjustSiteSelectorUrl=undefined}render(){const t=r(this.theme);return e("div",{key:"9049f93d4fb66778b1b7091b417f5d5aba810a84",class:"siteheader-row siteheader-row-top"},e("div",{key:"93f679b1fa27b8429ee7b06bf7f299f052217d3f",class:"siteheader-topleft"},e("slot",{key:"c55903c0bfe58aa095a949a3439a1138fbfec9f3",name:"header-top-left"}),l({vm:this.vm,hideSiteSelector:this.hideSiteSelector,language:this.language,buttonText:this.vm.siteSelector?.currentSiteTitle??"postnord",appearance:t,adjustSiteSelectorUrl:this.adjustSiteSelectorUrl}),d({vm:this.vm,activeMenuMode:this.activeMenuMode,navigateOnMenuToggle:this.navigateOnMenuToggle,onMenuToggleChange:this.menuToggleChangeHandler})),o({homePageLink:this.logoUrl,homeLabel:this.i18n.home}),e("div",{key:"707a07896949fa60022384a49236ae78559f8290",class:"siteheader-topright"},e("slot",{key:"03206c719b76c39694017db2125346686fe8c868",name:"header-top-right-start"}),s({vm:this.vm,hideLogin:this.hideLogin,userToken:this.userToken,userFullname:this.userFullname,userLoggedin:this.userLoggedin,endpoint:this.endpoint,environment:this.environment,i18n:this.i18n,showProfileSelection:this.showProfileSelection,showUnifiedLogin:this.showUnifiedLogin,checkUserLoggedInStateInterval:this.checkUserLoggedInStateInterval,useMarketwebLogin:this.useMarketwebLogin,appearance:t}),h({vm:this.vm,hideLanguageSelector:this.hideLanguageSelector,language:this.language,spaMode:this.spaMode,appearance:t}),e("slot",{key:"89b985631478ee126961384d73dc25614bfcf41f",name:"toprightend"}),e("div",{key:"8c70b69b1d87a942679c7a9e202bac6b07b484e9",class:"siteheader-menu-top-search"},e("pn-marketweb-siteheader-search",{key:"f541bb616b730459b8a55f6da9ef8752e4826cad",language:this.language,siteid:this.siteid,search:this.vm.search,"hide-search":this.hideSearch,i18n:this.i18n,icononly:true}))))}};g.style=b;export{w as pn_marketweb_header_main_row,g as pn_marketweb_header_top_row};
-//# sourceMappingURL=p-3239c36b.entry.js.map

package/pn-market-web-components/p-3239c36b.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["renderHeaderMenuSwitcher","props","structure","extractToggleableMenuStructure","vm","rawMenuItems","hasMenuSwitching","options","menuModeOptions","map","option","href","navigateOnMenuToggle","undefined","h","value","activeMenuMode","onToggleChange","onMenuToggleChange","renderHeaderLogo","homePageLink","class","title","homeLabel","name","xmlns","width","height","viewBox","role","d","fill","transform","renderHeaderLogin","loginDialog","hideLogin","token","userToken","siteUrl","siteDefinition","url","fullname","userFullname","loggedin","userLoggedin","endpoint","i18n","showProfileSelection","showUnifiedLogin","checkUserLoggedInStateInterval","useMarketwebLogin","environment","appearance","renderHeaderLanguageSelector","languageOptions","length","hideLanguageSelector","language","nativeName","code","twoLetterISOLanguageName","selected","isCurrent","getLanguageVersionUrl","spaMode","renderHeaderSiteSelector","siteSelector","hideSiteSelector","buttontext","buttonText","currentSiteTitle","heading","description","currentSiteDescription","siteSelections","site","linkText","linkDescription","adjustSiteSelectorUrl","pageLink","newwindow","openInNewWindow","pnMarketwebHeaderMainRowCss","PnMarketwebHeaderMainRowStyle0","PnMarketwebHeaderMainRow","renderMenuLink","item","itemid","id","target","linkTarget","linkid","trackingId","promotedMenuItems","children","label","navigationHeading","childitem","promotedMenuItemsHeader","promotedItemId","renderMenuLinks","items","this","renderGroupedMenuLists","primaryItems","sharedItems","hasPrimaryItems","hasSharedItems","hasDivider","renderMenuFooter","slot","render","key","logoUrl","home","menuToggleChangeHandler","siteid","primary","search","hideSearch","minimizeSearch","ref","el","mainNavRefHandler","market","onMenuOpenChange","e","document","body","setAttribute","String","detail","showMenuDivider","pnMarketwebHeaderTopRowCss","PnMarketwebHeaderTopRowStyle0","PnMarketwebHeaderTopRow","getAppearanceForTheme","theme","icononly"],"sources":["src/components/layout-components/pn-marketweb-header/components/shared/pn-marketweb-header-shared.tsx","src/components/layout-components/pn-marketweb-header/components/pn-marketweb-header-main-row.scss?tag=pn-marketweb-header-main-row","src/components/layout-components/pn-marketweb-header/components/pn-marketweb-header-main-row.tsx","src/components/layout-components/pn-marketweb-header/components/pn-marketweb-header-top-row.scss?tag=pn-marketweb-header-top-row","src/components/layout-components/pn-marketweb-header/components/pn-marketweb-header-top-row.tsx"],"sourcesContent":["import { h } from '@stencil/core';\n\nimport type {\n    SiteHeaderI18N,\n} from '../../../pn-marketweb-siteheader/pn-marketweb-siteheader-types';\nimport type {\n    HeaderMenuMode,\n    HeaderViewModel,\n} from '../../types/pn-marketweb-header.types';\nimport { getLanguageVersionUrl } from '../../utils/header-language';\nimport { HeaderAppearance } from '../../utils/header-theme';\nimport { extractToggleableMenuStructure } from '../../utils/header-toggle-menu';\n\nexport interface HeaderLogoRenderProps {\n    homePageLink?: string;\n    homeLabel: string;\n}\n\nexport interface HeaderMenuToggleRenderProps {\n    vm: HeaderViewModel;\n    activeMenuMode: HeaderMenuMode;\n    navigateOnMenuToggle: boolean;\n    onMenuToggleChange: (e: CustomEvent<HeaderMenuMode>) => void;\n}\n\nexport interface HeaderLoginRenderProps {\n    vm: HeaderViewModel;\n    hideLogin: boolean;\n    userToken: string;\n    userFullname: string;\n    userLoggedin: boolean;\n    endpoint?: string;\n    environment?: string;\n    i18n: SiteHeaderI18N;\n    showProfileSelection: boolean;\n    showUnifiedLogin: boolean;\n    checkUserLoggedInStateInterval: number;\n    useMarketwebLogin: boolean;\n    appearance: HeaderAppearance;\n}\n\nexport interface HeaderLanguageSelectorRenderProps {\n    vm: HeaderViewModel;\n    hideLanguageSelector: boolean;\n    language?: string;\n    spaMode: boolean;\n    appearance: HeaderAppearance;\n}\n\nexport interface HeaderSiteSelectorRenderProps {\n    vm: HeaderViewModel;\n    hideSiteSelector: boolean;\n    language?: string;\n    buttonText?: string;\n    appearance: HeaderAppearance;\n    adjustSiteSelectorUrl: (href: string) => string;\n}\n\nexport function renderHeaderMenuSwitcher(props: HeaderMenuToggleRenderProps) {\n    const structure = extractToggleableMenuStructure(props.vm.rawMenuItems);\n\n    if (!structure.hasMenuSwitching) {\n        return null;\n    }\n\n    const options = structure.menuModeOptions.map(option => ({\n        ...option,\n        href: props.navigateOnMenuToggle ? option.href : undefined,\n    }));\n\n    return (\n        <pn-marketweb-header-toggle\n            value={props.activeMenuMode}\n            options={options}\n            onToggleChange={props.onMenuToggleChange}\n        />\n    );\n}\n\nexport function renderHeaderLogo(props: HeaderLogoRenderProps) {\n    const homePageLink = props.homePageLink ?? '/';\n\n    return (\n        <div class=\"siteheader-logocontainer\">\n            <a\n                href={homePageLink}\n                title={props.homeLabel}\n                aria-label={props.homeLabel}\n                class=\"siteheader-logolink\"\n            >\n                <slot name=\"logo\">\n                    <svg\n                        class=\"siteheader-logo\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        width=\"12.7rem\"\n                        height=\"2.4rem\"\n                        viewBox=\"0 0 141.73 26.65\"\n                        role=\"img\"\n                        aria-label=\"PostNord\"\n                    >\n                        <path\n                            d=\"M108.84,13.35c0,6.34-5.17,9-10,9S89,19.76,89,13.63c0-6.28,5.08-9,10-9S108.84,7.25,108.84,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.29,3.29,0,0,0,3.42,3.41A3.24,3.24,0,0,0,102.28,13.54Zm-83,0c0,4.83-3.32,8.82-8.49,8.82a6.54,6.54,0,0,1-4.65-1.57v5.86H0V5.16H6.17V6.8a6.43,6.43,0,0,1,5.11-2.18C16.41,4.62,19.31,8.58,19.31,13.54Zm-6.53,0A3.27,3.27,0,0,0,9.4,10,3.28,3.28,0,0,0,6,13.54,3.29,3.29,0,0,0,9.4,16.95,3.24,3.24,0,0,0,12.78,13.54Zm103.69,0.27c0-2.54,1.54-3.32,3.6-3.32a6.56,6.56,0,0,1,2.08.3L122.3,5.1a3.92,3.92,0,0,0-1.45-.18c-3.45,0-4.38,2.18-4.38,2.18V5.16H110.3V21.84h6.17v-8ZM141.73,0V21.84h-6.16V20.21a6.43,6.43,0,0,1-5.11,2.18c-5.14,0-8-4-8-8.91s3.32-8.82,8.49-8.82a6.54,6.54,0,0,1,4.65,1.57v-5Zm-6,13.48a3.28,3.28,0,0,0-3.41-3.41A3.24,3.24,0,0,0,129,13.47,3.4,3.4,0,1,0,135.75,13.47ZM81.35,4.62c-3.6,0-4.9,2.18-4.9,2.18V5.16H70.29V21.84h6.16V13.29c0-2.11.79-3.08,2.69-3.08s2.18,1.57,2.18,3.57v8.07h6.22V11.6C87.55,7,85.34,4.62,81.35,4.62ZM64.07,1.42H57.9V21.84h6.16V10.36H67l2.81-5.2H64.07V1.42ZM50.26,11.21c-2-.3-2.87-0.3-2.87-1.09s0.81-.94,2.42-0.94a16.15,16.15,0,0,1,5.11.91L56,5.41a24.56,24.56,0,0,0-6.13-.75c-5.89,0-9,2.27-9,5.89,0,2.81,1.66,4.47,6.53,5.11,2.06,0.27,2.81.39,2.81,1.15s-0.82,1-2.24,1a16.67,16.67,0,0,1-6-1.3L40.77,21.3a22.14,22.14,0,0,0,6.68,1c6.35,0,9.28-2.24,9.28-5.89C56.72,13.54,55.15,12,50.26,11.21ZM40.19,13.35c0,6.34-5.17,9-10,9s-9.82-2.6-9.82-8.73c0-6.28,5.08-9,10-9S40.19,7.25,40.19,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.28,3.28,0,0,0,3.41,3.41A3.24,3.24,0,0,0,33.63,13.54Z\"\n                            fill=\"currentColor\"\n                            transform=\"translate(0 0)\"\n                        ></path>\n                    </svg>\n                </slot>\n            </a>\n        </div>\n    );\n}\n\nexport function renderHeaderLogin(props: HeaderLoginRenderProps) {\n    if (!props.vm.loginDialog || props.hideLogin) {\n        return null;\n    }\n\n\n\n    return (\n        <pn-marketweb-siteheader-login\n            token={props.userToken}\n            siteUrl={props.vm.siteDefinition?.url}\n            fullname={props.userFullname}\n            loggedin={props.userLoggedin}\n            loginDialog={props.vm.loginDialog}\n            endpoint={props.endpoint ?? ''}\n            i18n={props.i18n}\n            showProfileSelection={props.showProfileSelection}\n            showUnifiedLogin={props.showUnifiedLogin}\n            check-user-logged-in-state-interval={props.checkUserLoggedInStateInterval}\n            useMarketwebLogin={props.useMarketwebLogin}\n            environment={props.environment}\n            appearance={props.appearance}\n        ></pn-marketweb-siteheader-login>\n    );\n}\n\nexport function renderHeaderLanguageSelector(props: HeaderLanguageSelectorRenderProps) {\n    if (!props.vm.languageOptions.length || props.hideLanguageSelector) {\n        return null;\n    }\n\n    return (\n        <pn-language-selector value={props.language} appearance={props.appearance}>\n            {props.vm.languageOptions.map(language => (\n                <pn-language-selector-option\n                    name={language.nativeName}\n                    code={language.twoLetterISOLanguageName}\n                    selected={language.isCurrent}\n                    url={getLanguageVersionUrl(language, props.vm.siteDefinition, props.spaMode)}\n                ></pn-language-selector-option>\n            ))}\n        </pn-language-selector>\n    );\n}\n\nexport function renderHeaderSiteSelector(props: HeaderSiteSelectorRenderProps) {\n    if (!props.vm.siteSelector || props.hideSiteSelector) {\n        return null;\n    }\n\n    return (\n        <pn-site-selector\n            language={props.language}\n            buttontext={props.buttonText}\n            appearance={props.appearance}\n        >\n            {props.vm.siteSelector.currentSiteTitle && (\n                <pn-site-selector-item\n                    heading={props.vm.siteSelector.currentSiteTitle}\n                    description={props.vm.siteSelector.currentSiteDescription}\n                ></pn-site-selector-item>\n            )}\n\n            {(props.vm.siteSelector.siteSelections ?? []).map(site => (\n                <pn-site-selector-item\n                    heading={site.linkText}\n                    description={site.linkDescription}\n                    url={props.adjustSiteSelectorUrl(site.href ?? site.pageLink ?? '')}\n                    newwindow={site.openInNewWindow}\n                ></pn-site-selector-item>\n            ))}\n        </pn-site-selector>\n    );\n}","@import \"../../../../globals/main.scss\";\n@import \"./../../pn-marketweb-siteheader/pn-marketweb-siteheader-common.scss\";\n\n$siteheader-breakpoint-tablet: 769px;\n$siteheader-breakpoint-desktop: 1024px;\n\n$siteheader-logo-width-mobile: 12.7rem;\n$siteheader-logo-height-mobile: 2.4rem;\n$siteheader-logo-container-min-height-mobile: 5.6rem;\n\n$siteheader-menu-mobile-offset-top: 0; //was 5.6rem;\n\n$siteheader-space-xxs: 0.3rem;\n$siteheader-space-md: 0.8rem;\n$siteheader-space-xl: 1.2rem;\n$siteheader-space-3xl: 1.6rem;\n\npn-marketweb-header-main-row {\n    display: contents;\n\n    .siteheader-row-main {\n        background-color: var(--siteheader-main-row-bg-mobile, transparent);\n    }\n\n    .siteheader-mobile-left {\n        display: flex;\n        align-items: center;\n        flex: 1 1 auto;\n        min-width: 0;\n        order: 1;\n    }\n\n    .siteheader-mobile-logo {\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n        min-width: 0;\n        order: 1;\n\n        .siteheader-logocontainer {\n            min-height: $siteheader-logo-container-min-height-mobile;\n            background: transparent;\n            position: static;\n            left: auto;\n            transform: none;\n        }\n\n        .siteheader-logolink {\n            max-height: $siteheader-logo-container-min-height-mobile;\n        }\n\n        .siteheader-logo {\n            display: block;\n            width: auto;\n            max-width: $siteheader-logo-width-mobile;\n            height: $siteheader-logo-height-mobile;\n        }\n    }\n\n    .siteheader-mobile-menu-toggle {\n        display: none;\n        align-items: center;\n    }\n\n    .siteheader-mainnav-middle {\n        display: none;\n        align-items: center;\n        justify-content: flex-end;\n        order: 3;\n\n        > pn-marketweb-siteheader-search {\n            display: flex;\n            align-items: center;\n            justify-content: flex-end;\n        }\n\n        > [slot=\"header-bottom-button\"] {\n            display: contents;\n        }\n    }\n\n    .siteheader-mainnav-menu {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n        flex: 0 0 auto;\n        order: 2;        \n    }\n\n    .siteheader-menu {\n        max-width: 100%;\n        overflow: visible;\n\n        pn-mainnav-link a[target] {\n            &::after {\n                content: none;\n            }\n        }\n\n        pn-marketweb-siteheader-search {\n            width: 100%;\n            padding: $siteheader-space-xxs $siteheader-space-3xl;\n        }\n\n        [slot=\"top\"] pn-search-field {\n            width: 100%;\n        }\n\n        nav.mainnav[data-menu-open=\"true\"] > pn-mainnav-level[data-level=\"1\"] {\n            display: block;\n            margin-top: $siteheader-menu-mobile-offset-top;\n            height: calc(100dvh - #{$siteheader-menu-mobile-offset-top});\n            overflow-y: auto;\n            -webkit-overflow-scrolling: touch;\n        }\n    }\n\n    .siteheader-mainnav-groups {\n        display: flex;\n        flex-direction: column;\n    }\n\n    .siteheader-mainnav-list {\n        overflow: visible;\n    }\n\n    .siteheader-mainnav-divider {\n        display: none;\n    }\n\n    .siteheader-menu-footer {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n\n        > * {\n            margin: $siteheader-space-3xl;\n        }\n    }\n}\n\npn-marketweb-header-main-row {\n    body[data-siteheader-menuopen=\"false\"] &,\n    body:not([data-siteheader-menuopen]) & {\n        .siteheader-mobile-logo {\n            display: flex;\n        }\n\n        .siteheader-mobile-menu-toggle {\n            display: none;\n        }\n    }\n\n    body[data-siteheader-menuopen=\"true\"] & {\n        .siteheader-mobile-logo {\n            display: none;\n        }\n\n        .siteheader-mobile-menu-toggle {\n            display: flex;\n        }\n    }\n}\n\n@media screen and (min-width: $siteheader-breakpoint-tablet) {\n    pn-marketweb-header-main-row {\n        .siteheader-row-main {\n            background-color: var(--siteheader-main-row-bg-tablet, transparent);\n        }\n\n        .siteheader-mobile-left {\n            display: none;\n        }\n\n        .siteheader-mainnav-middle {\n            display: flex;\n            margin-left: auto;\n        }\n\n        .siteheader-mainnav-menu {\n            justify-content: flex-start;\n        }\n\n        .siteheader-menu-footer {\n            display: none;\n        }\n\n        body[data-siteheader-menuopen=\"false\"] &,\n        body:not([data-siteheader-menuopen]) &,\n        body[data-siteheader-menuopen=\"true\"] & {\n            .siteheader-mobile-logo {\n                display: flex;\n            }\n\n            .siteheader-mobile-menu-toggle {\n                display: none;\n            }\n        }\n    }\n}\n\n@media screen and (min-width: $siteheader-breakpoint-desktop) {\n    pn-marketweb-header-main-row {\n        .siteheader-mainnav-groups {\n            display: inline-flex;\n            flex-direction: row;\n            align-items: stretch;\n            vertical-align: top;\n        }\n\n        .siteheader-mainnav-middle {\n            order: 3;\n            margin-left: $siteheader-space-3xl;\n        }\n\n        .siteheader-mainnav-menu {\n            order: 2;\n        }\n\n        .siteheader-menu {\n            margin-top: auto;\n            overflow: visible;\n\n            nav.mainnav[data-menu-open=\"true\"] > pn-mainnav-level[data-level=\"1\"] {\n                margin-top: 0;\n                height: auto;\n                overflow-y: visible;\n            }\n        }\n\n        .siteheader-mainnav-list {\n            display: inline-flex;\n            align-items: stretch;\n            vertical-align: top;\n        }\n\n        .siteheader-mainnav-divider {\n            display: inline-flex;\n            align-self: center;\n            width: 1px;\n            min-height: 4rem;\n            margin: 0 $siteheader-space-md;\n            background: var(--siteheader-mainnav-divider-color, #{$gray200});\n        }\n    }\n}","import {\n    Component,\n    h,\n    Prop,\n} from '@stencil/core';\n\nimport type {\n    MenuItem,\n    PromotedMenuItem,\n    SiteHeaderI18N,\n} from '../../pn-marketweb-siteheader/pn-marketweb-siteheader-types';\nimport type {\n    HeaderMenuMode,\n    HeaderViewModel,\n} from '../types/pn-marketweb-header.types';\nimport { promotedItemId } from '../utils/header-menu';\nimport {\n    HeaderAppearance,\n    HeaderTheme,\n} from '../utils/header-theme';\nimport {\n    renderHeaderLanguageSelector,\n    renderHeaderLogin,\n    renderHeaderLogo,\n    renderHeaderMenuSwitcher,\n    renderHeaderSiteSelector,\n} from './shared/pn-marketweb-header-shared';\n\n@Component({\n    tag: 'pn-marketweb-header-main-row',\n    styleUrl: 'pn-marketweb-header-main-row.scss',\n})\nexport class PnMarketwebHeaderMainRow {\n    @Prop() vm!: HeaderViewModel;\n    @Prop() i18n!: SiteHeaderI18N;\n\n    @Prop() market?: string;\n    @Prop() language?: string;\n    @Prop() siteid?: string;\n\n    @Prop() hideSearch!: boolean;\n    @Prop() hideLogin!: boolean;\n    @Prop() hideLanguageSelector!: boolean;\n    @Prop() hideSiteSelector!: boolean;\n\n    @Prop() minimizeSearch!: boolean;\n\n    @Prop() activeMenuMode!: HeaderMenuMode;\n    @Prop() navigateOnMenuToggle!: boolean;\n\n    @Prop() primaryItems!: MenuItem[];\n    @Prop() sharedItems!: MenuItem[];\n    @Prop() showMenuDivider!: boolean;\n\n    @Prop() userToken!: string;\n    @Prop() userFullname!: string;\n    @Prop() userLoggedin!: boolean;\n    @Prop() endpoint?: string;\n    @Prop() environment?: string;\n    @Prop() showProfileSelection!: boolean;\n    @Prop() showUnifiedLogin!: boolean;\n    @Prop() checkUserLoggedInStateInterval!: number;\n    @Prop() useMarketwebLogin!: boolean;\n    @Prop() spaMode!: boolean;\n\n    @Prop() theme: HeaderTheme;\n    @Prop() logoUrl:string;\n\n    @Prop() menuToggleChangeHandler!: (e: CustomEvent<HeaderMenuMode>) => void;\n    @Prop() mainNavRefHandler!: (el: HTMLElement | undefined) => void;\n    @Prop() adjustSiteSelectorUrl!: (href: string) => string;\n\n    private renderMenuLink(item: MenuItem) {\n        return (\n            <pn-mainnav-link\n                name={item.name}\n                href={item.href}\n                itemid={item.id}\n                target={item.linkTarget ?? '_self'}\n                linkid={item.trackingId}\n            >\n                {((item.promotedMenuItems && item.promotedMenuItems.length > 0) || (item.children && item.children.length > 0)) && (\n                    <pn-mainnav-level label={item.name}>\n                        {!!item.children?.length && (\n                            <pn-mainnav-list heading={item.navigationHeading ?? ''}>\n                                {item.children.map(childitem => (\n                                    <pn-mainnav-link\n                                        name={childitem.name}\n                                        href={childitem.href}\n                                        target={childitem.linkTarget ?? '_self'}\n                                        linkid={childitem.trackingId}\n                                    ></pn-mainnav-link>\n                                ))}\n                            </pn-mainnav-list>\n                        )}\n\n                        {!!item.promotedMenuItems?.length && (\n                            <pn-mainnav-list heading={item.promotedMenuItemsHeader}>\n                                {item.promotedMenuItems.map((childitem: PromotedMenuItem) => (\n                                    <pn-mainnav-link\n                                        href={childitem.href}\n                                        name={childitem.linkText}\n                                        target={childitem.openInNewWindow ? '_blank' : '_self'}\n                                        linkid={promotedItemId(childitem) + item.id}\n                                    ></pn-mainnav-link>\n                                ))}\n                            </pn-mainnav-list>\n                        )}\n                    </pn-mainnav-level>\n                )}\n            </pn-mainnav-link>\n        );\n    }\n\n    private renderMenuLinks(items: MenuItem[]) {\n        return items.map(item => this.renderMenuLink(item));\n    }\n\n    private renderGroupedMenuLists(primaryItems: MenuItem[], sharedItems: MenuItem[]) {\n        const hasPrimaryItems = primaryItems.length > 0;\n        const hasSharedItems = sharedItems.length > 0;\n        const hasDivider = hasPrimaryItems && hasSharedItems;\n\n        return <div class=\"siteheader-mainnav-groups\">\n            {hasPrimaryItems ? (\n                <pn-mainnav-list class=\"siteheader-mainnav-list siteheader-mainnav-list-primary\">\n                    {this.renderMenuLinks(primaryItems)}\n                </pn-mainnav-list>\n            ) : null}\n\n            {hasDivider ? (\n                <div class=\"siteheader-mainnav-divider\" aria-hidden=\"true\"></div>\n            ) : null}\n\n            {hasSharedItems ? (\n                <pn-mainnav-list class=\"siteheader-mainnav-list siteheader-mainnav-list-shared\">\n                    {this.renderMenuLinks(sharedItems)}\n                </pn-mainnav-list>\n            ) : null}\n        </div>\n    }\n\n    private renderMenuFooter(appearance: HeaderAppearance) {\n        return (\n            <div slot=\"footer\" class=\"siteheader-menu-footer\">\n                <slot name=\"menu-footer-cta\"></slot>\n\n                {renderHeaderLogin({\n                    vm: this.vm,\n                    hideLogin: this.hideLogin,\n                    userToken: this.userToken,\n                    userFullname: this.userFullname,\n                    userLoggedin: this.userLoggedin,\n                    endpoint: this.endpoint,\n                    environment: this.environment,\n                    i18n: this.i18n,\n                    showProfileSelection: this.showProfileSelection,\n                    showUnifiedLogin: this.showUnifiedLogin,\n                    checkUserLoggedInStateInterval: this.checkUserLoggedInStateInterval,\n                    useMarketwebLogin: this.useMarketwebLogin,\n                    appearance\n                })}\n\n                {renderHeaderLanguageSelector({\n                    vm: this.vm,\n                    hideLanguageSelector: this.hideLanguageSelector,\n                    language: this.language,\n                    spaMode: this.spaMode,\n                    appearance\n                })}\n\n                {renderHeaderSiteSelector({\n                    vm: this.vm,\n                    hideSiteSelector: this.hideSiteSelector,\n                    language: this.language,\n                    appearance,\n                    adjustSiteSelectorUrl: this.adjustSiteSelectorUrl,\n                })}\n            </div>\n        );\n    }\n\n    render() {\n        // main row's subcomponent have light appearance even if business theme, since white bg\n        const appearance: HeaderAppearance = 'light';               \n        return (\n            <div class=\"siteheader-row siteheader-row-main\">\n                <div class=\"siteheader-mobile-left\">\n                    <div class=\"siteheader-mobile-logo\">\n                        {renderHeaderLogo({\n                            homePageLink: this.logoUrl, //this.vm.homePageLink,\n                            homeLabel: this.i18n.home,\n                        })}\n                    </div>\n\n                    {this.vm.hasMenuSwitching && (\n                        <div class=\"siteheader-mobile-menu-toggle\">\n                            {renderHeaderMenuSwitcher({\n                                vm: this.vm,\n                                activeMenuMode: this.activeMenuMode,\n                                navigateOnMenuToggle: this.navigateOnMenuToggle,\n                                onMenuToggleChange: this.menuToggleChangeHandler,\n                            })}\n                        </div>\n                    )}\n                </div>\n\n                <div class=\"siteheader-mainnav-middle\">\n                    <pn-marketweb-siteheader-search\n                        language={this.language}\n                        siteid={this.siteid}\n                        primary={true}\n                        search={this.vm.search}\n                        hide-search={this.hideSearch}\n                        show-only-link={this.minimizeSearch}\n                        i18n={this.i18n}\n                    ></pn-marketweb-siteheader-search>\n\n                    <slot name=\"header-bottom-button\"></slot>\n                </div>\n\n                <div class=\"siteheader-mainnav-menu\">\n                    <div class=\"siteheader-menu\">\n                        <pn-mainnav\n                            ref={el => {\n                                this.mainNavRefHandler(el as HTMLElement | undefined);\n                            }}\n                            market={this.market}\n                            language={this.language}\n                            onMenuOpenChange={e => {\n                                document.body.setAttribute('data-siteheader-menuopen', String(e.detail));\n                            }}\n                        >\n                            <pn-mainnav-level>\n                                {this.showMenuDivider ? (\n                                    this.renderGroupedMenuLists(this.primaryItems, this.sharedItems)\n                                ) : (\n                                    <pn-mainnav-list>{this.renderMenuLinks(this.primaryItems)}</pn-mainnav-list>\n                                )}\n\n                                {this.renderMenuFooter(appearance)}\n\n                                <div slot=\"top\" class=\"siteheader-menu-top\">\n                                    <pn-marketweb-siteheader-search\n                                        language={this.language}\n                                        siteid={this.siteid}\n                                        search={this.vm.search}\n                                        hide-search={this.hideSearch}\n                                        i18n={this.i18n}\n                                    ></pn-marketweb-siteheader-search>\n                                </div>\n                            </pn-mainnav-level>\n                        </pn-mainnav>\n                    </div>\n                </div>\n            </div>\n        );\n    }\n}","@import \"../../../../globals/main.scss\";\n@import \"./../../pn-marketweb-siteheader/pn-marketweb-siteheader-common.scss\";\n\n$siteheader-breakpoint-tablet: 769px;\n$siteheader-breakpoint-desktop: 1024px;\n\n$siteheader-space-lg: 1rem;\n$siteheader-space-2xl: 1.3rem;\n$siteheader-space-3xl: 1.6rem;\n\n$siteheader-logo-container-min-height-desktop: 3em;\n\npn-marketweb-header-top-row {\n    display: contents;\n\n    .siteheader-row-top {\n        border-bottom: 0.1rem solid var(--siteheader-top-row-border-color,#{$gray50});\n        color: var(--siteheader-top-text-color, var(--siteheader-text-color, inherit));\n        background-color: var(--siteheader-top-row-bg, transparent);\n    }\n\n    .siteheader-topleft {\n        display: flex;\n        align-items: center;\n        min-width: 0;\n        gap:rem16(8px);\n\n        pn-marketweb-header-toggle {\n            display: flex;\n            align-items: center;\n            margin-left: $siteheader-space-lg;\n        }\n\n        pn-site-selector {\n            display: none;\n            padding: $siteheader-space-lg 0;\n            margin-left: 0;\n        }\n    }\n\n    .siteheader-topright {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        min-width: 0;\n        margin-right: 0;\n\n        >pn-language-selector,\n        >pn-marketweb-siteheader-login,\n        >a,\n        >button,\n        >[slot=\"header-top-right-start\"],\n        >[slot=\"toprightend\"] {\n            display: none;\n            align-self: center;\n            padding: $siteheader-space-lg 0;\n            margin-left: 0;\n            color: var(--siteheader-top-link-color, inherit);\n        }\n    }\n\n    .siteheader-menu-top-search {\n        display: none;\n    }\n}\n\n@media screen and (min-width: $siteheader-breakpoint-tablet) {\n    pn-marketweb-header-top-row {\n        .siteheader-topleft {\n            pn-site-selector {\n                display: block;\n            }\n        }\n\n        .siteheader-topright {\n\n            >pn-language-selector,\n            >pn-marketweb-siteheader-login,\n            >a,\n            >button,\n            >[slot=\"header-top-right-start\"],\n            >[slot=\"toprightend\"] {\n                display: block;\n                margin-left: $siteheader-space-lg;\n            }\n        }\n    }\n}\n\n@media screen and (min-width: $siteheader-breakpoint-desktop) {\n    pn-marketweb-header-top-row {\n        .siteheader-topleft {\n            pn-marketweb-header-toggle {\n                margin-left: $siteheader-space-3xl;\n            }\n\n            pn-site-selector {\n                margin-left: $siteheader-space-2xl;\n            }\n        }\n\n        .siteheader-logocontainer {\n            min-height: $siteheader-logo-container-min-height-desktop;\n            position: absolute;\n            left: 50%;\n            transform: translateX(-50%);\n        }\n\n        .siteheader-topright {\n            margin-right: $siteheader-space-3xl;\n\n            >pn-language-selector,\n            >pn-marketweb-siteheader-login,\n            >a,\n            >button,\n            >[slot=\"header-top-right-start\"],\n            >[slot=\"toprightend\"] {\n                margin-left: $siteheader-space-3xl;\n            }\n        }\n    }\n}","import {\n    Component,\n    h,\n    Prop,\n} from '@stencil/core';\n\nimport type {\n    SiteHeaderI18N,\n} from '../../pn-marketweb-siteheader/pn-marketweb-siteheader-types';\nimport type {\n    HeaderMenuMode,\n    HeaderViewModel,\n} from '../types/pn-marketweb-header.types';\nimport {\n    getAppearanceForTheme,\n    HeaderTheme,\n} from '../utils/header-theme';\nimport {\n    renderHeaderLanguageSelector,\n    renderHeaderLogin,\n    renderHeaderLogo,\n    renderHeaderMenuSwitcher,\n    renderHeaderSiteSelector,\n} from './shared/pn-marketweb-header-shared';\n\n@Component({\n    tag: 'pn-marketweb-header-top-row',\n    styleUrl: 'pn-marketweb-header-top-row.scss',\n})\nexport class PnMarketwebHeaderTopRow {\n    @Prop() vm!: HeaderViewModel;\n    @Prop() i18n!: SiteHeaderI18N;\n\n    @Prop() language?: string;\n    @Prop() siteid?: string;\n    @Prop() endpoint?: string;\n    @Prop() environment?: string;\n\n    @Prop() userToken!: string;\n    @Prop() userFullname!: string;\n    @Prop() userLoggedin!: boolean;\n\n    @Prop() hideSiteSelector!: boolean;\n    @Prop() hideLanguageSelector!: boolean;\n    @Prop() hideSearch!: boolean;\n    @Prop() hideLogin!: boolean;\n\n    @Prop() showProfileSelection!: boolean;\n    @Prop() showUnifiedLogin!: boolean;\n    @Prop() spaMode!: boolean;\n    @Prop() checkUserLoggedInStateInterval!: number;\n    @Prop() useMarketwebLogin!: boolean;\n\n    @Prop() activeMenuMode!: HeaderMenuMode;\n    @Prop() navigateOnMenuToggle!: boolean;\n\n    @Prop() theme: HeaderTheme;\n    @Prop() logoUrl:string;\n\n    @Prop() menuToggleChangeHandler!: (e: CustomEvent<HeaderMenuMode>) => void;\n    @Prop() adjustSiteSelectorUrl!: (href: string) => string;\n\n    render() {\n        const appearance = getAppearanceForTheme(this.theme);        \n        return (\n            <div class=\"siteheader-row siteheader-row-top\">\n                <div class=\"siteheader-topleft\">\n                    <slot name=\"header-top-left\"></slot>\n\n                    {renderHeaderSiteSelector({\n                        vm: this.vm,\n                        hideSiteSelector: this.hideSiteSelector,\n                        language: this.language,\n                        buttonText: this.vm.siteSelector?.currentSiteTitle ?? 'postnord',\n                        appearance,\n                        adjustSiteSelectorUrl: this.adjustSiteSelectorUrl,\n                    })}\n\n                    {renderHeaderMenuSwitcher({\n                        vm: this.vm,\n                        activeMenuMode: this.activeMenuMode,\n                        navigateOnMenuToggle: this.navigateOnMenuToggle,\n                        onMenuToggleChange: this.menuToggleChangeHandler,\n                    })}\n\n                </div>\n\n                {renderHeaderLogo({\n                    homePageLink: this.logoUrl, //this.vm.homePageLink,\n                    homeLabel: this.i18n.home,\n                })}\n\n                <div class=\"siteheader-topright\">\n                    <slot name=\"header-top-right-start\"></slot>\n\n                    {renderHeaderLogin({\n                        vm: this.vm,\n                        hideLogin: this.hideLogin,\n                        userToken: this.userToken,\n                        userFullname: this.userFullname,\n                        userLoggedin: this.userLoggedin,\n                        endpoint: this.endpoint,\n                        environment: this.environment,\n                        i18n: this.i18n,\n                        showProfileSelection: this.showProfileSelection,\n                        showUnifiedLogin: this.showUnifiedLogin,\n                        checkUserLoggedInStateInterval: this.checkUserLoggedInStateInterval,\n                        useMarketwebLogin: this.useMarketwebLogin,\n                        appearance\n                    })}\n\n                    {renderHeaderLanguageSelector({\n                        vm: this.vm,\n                        hideLanguageSelector: this.hideLanguageSelector,\n                        language: this.language,\n                        spaMode: this.spaMode,\n                        appearance\n                    })}\n\n                    <slot name=\"toprightend\"></slot>\n\n                    <div class=\"siteheader-menu-top-search\">\n                        <pn-marketweb-siteheader-search\n                            language={this.language}\n                            siteid={this.siteid}\n                            search={this.vm.search}\n                            hide-search={this.hideSearch}\n                            i18n={this.i18n}\n                            icononly={true}\n                        ></pn-marketweb-siteheader-search>\n                    </div>\n                </div>\n            </div>\n        );\n    }\n}"],"mappings":"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","ignoreList":[]}

package/pn-market-web-components/p-b318ff19.entry.js

@@ -1,2 +0,0 @@
-import{r as e,g as a,h as t,d}from"./p-b3a13b6a.js";import{c}from"./p-cfaf2eec.js";const i="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-app-banner .pn-app-banner__wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;background-color:#f3f2f2;padding:1rem;margin:0 auto}pn-app-banner .pn-app-banner__sticky{position:relative;top:0;width:100%;z-index:999}pn-app-banner .icon-close:hover{cursor:pointer}pn-app-banner .pn-app-banner__icon{height:3.2rem}pn-app-banner .pn-app-banner__text{font-size:1.2rem;line-height:1}pn-app-banner .pn-app-banner__text span{font-weight:600}pn-app-banner .pn-app-banner__cta{margin-left:auto}pn-app-banner[data-is-closed=true]{display:none}";const n=i;const f=class{constructor(a){e(this,a);this.appName=undefined;this.appDescription=undefined;this.ctaText=undefined;this.appleStoreLink=undefined;this.googleStoreLink=undefined;this.isClosed=false;this.storeLink=undefined;this.isLocalStorageAvailable=true}get hostElement(){return a(this)}CLOSED_STORAGE_KEY="SmartAppBannerClosed";CLOSED_COOKIE_EXPIRY_DAYS=7;checkLocalStorage(){try{const e="__test__";localStorage.setItem(e,e);localStorage.removeItem(e)}catch(e){this.isLocalStorageAvailable=false}}detectDeviceAndSetStoreLink(){const e=navigator.userAgent;if(e.match(/Android/i)){this.storeLink=this.googleStoreLink}else if(e.match(/iPhone|iPad|iPod/i)){this.storeLink=this.appleStoreLink}else{this.storeLink=null;this.isClosed=true}}handleOnClose=()=>{this.isClosed=true;if(this.isLocalStorageAvailable){localStorage.setItem(this.CLOSED_STORAGE_KEY,"true")}else{const e=new Date;e.setDate(e.getDate()+this.CLOSED_COOKIE_EXPIRY_DAYS);document.cookie=`${this.CLOSED_STORAGE_KEY}=true; expires=${e.toUTCString()}`}};componentWillLoad(){this.checkLocalStorage();if(this.isLocalStorageAvailable){this.isClosed=localStorage.getItem(this.CLOSED_STORAGE_KEY)==="true"}else{const e=document.cookie.split(";");for(const a of e){const[e,t]=a.trim().split("=");if(e===this.CLOSED_STORAGE_KEY&&t==="true"){this.isClosed=true;break}}}if(!this.isClosed){this.detectDeviceAndSetStoreLink()}}render(){return t(d,{key:"bb5a692a664cf4ac468489c23277f9930997f12f","data-is-closed":this.isClosed?"true":"false"},t("div",{key:"922253cff363aee59e30fbcf4418c1b97022f768",class:"pn-app-banner__wrapper pn-app-banner__sticky"},t("div",{key:"7bb7e90a5cebe49d0f9746b1ce44986f9f9431af",class:"icon-close",onClick:this.handleOnClose},t("pn-icon",{key:"fb110fcc7af1d4f1637f24c7c435f7f51d524941",icon:c,small:"false",color:"black"})),t("div",{key:"5b2b6ae7517cedaae7442112cb0ca10d955ca824",class:"pn-app-banner__icon"},t("svg",{key:"2fc78aef304cb725e45429eb3ec673cd1dfc6b7f",width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("g",{key:"31f0608277956ae51fb99f10df7d6b0fd3945154","clip-path":"url(#clip0_17800_45416)"},t("path",{key:"1c30e7a3e8bdf57b7839090d1f466e0152d75082",d:"M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z",fill:"#F18D8D"}),t("mask",{key:"2f6bcb976612f6629b45d87e1cfde3da14ebad22",id:"mask0_17800_45416",style:{"mask-type":"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"32",height:"32"},t("path",{key:"671a12108274c3fb652397204aaadc7f1d8b47ea",d:"M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z",fill:"#0D234B"})),t("g",{key:"dca4f556965c83fb468451197b5c9370191ead3f",mask:"url(#mask0_17800_45416)"},t("path",{key:"73b5a2127da6891c338c287dd6ad7aa5773b2437",d:"M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z",fill:"#0D234B"}),t("path",{key:"69559c6b8b8f128f78c919281500b947e637bde1",d:"M50.8125 14.1562H18.8125V46.1562H50.8125V14.1562Z",fill:"url(#paint0_linear_17800_45416)"}),t("path",{key:"646656b2d8c6b9931878b8027818c0402804503d",d:"M2.09375 31.375C2.09375 15.2379 15.1754 2.15625 31.3125 2.15625H31.9844V31.9844H2.09998C2.09583 31.7819 2.09375 31.5788 2.09375 31.375Z",fill:"#00A0D6"}),t("g",{key:"d2748b51a56c2f89e518738935ac77cc55226fc6",filter:"url(#filter0_d_17800_45416)"},t("path",{key:"72d52a14eaed722e619f87def6886c8eb99bfd60",d:"M7.40625 11.8062C7.40625 10.2661 7.40625 9.49603 7.70597 8.90778C7.96963 8.39034 8.39034 7.96963 8.90778 7.70597C9.49603 7.40625 10.2661 7.40625 11.8062 7.40625H20.1938C21.7339 7.40625 22.504 7.40625 23.0922 7.70597C23.6097 7.96963 24.0304 8.39034 24.294 8.90778C24.5938 9.49603 24.5938 10.2661 24.5938 11.8062V20.1938C24.5938 21.7339 24.5938 22.504 24.294 23.0922C24.0304 23.6097 23.6097 24.0304 23.0922 24.294C22.504 24.5938 21.7339 24.5938 20.1938 24.5938H11.8062C10.2661 24.5938 9.49603 24.5938 8.90778 24.294C8.39034 24.0304 7.96963 23.6097 7.70597 23.0922C7.40625 22.504 7.40625 21.7339 7.40625 20.1938V11.8062Z",fill:"#F1F7FA"}),t("path",{key:"addc701b1c97bc1451c229d0e44a1b78cc5039a1",opacity:"0.6","fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.5938 10.0625C10.3176 10.0625 10.0938 10.2863 10.0938 10.5625C10.0938 10.8387 10.3176 11.0625 10.5938 11.0625H12.875C13.1512 11.0625 13.375 10.8387 13.375 10.5625C13.375 10.2863 13.1512 10.0625 12.875 10.0625H10.5938ZM10.5938 12.3125C10.3176 12.3125 10.0938 12.5363 10.0938 12.8125C10.0938 13.0887 10.3176 13.3125 10.5938 13.3125H15.3125C15.5887 13.3125 15.8125 13.0887 15.8125 12.8125C15.8125 12.5363 15.5887 12.3125 15.3125 12.3125H10.5938ZM10.0938 14.75C10.0938 14.4738 10.3176 14.25 10.5938 14.25H13.5625C13.8387 14.25 14.0625 14.4738 14.0625 14.75C14.0625 15.0262 13.8387 15.25 13.5625 15.25H10.5938C10.3176 15.25 10.0938 15.0262 10.0938 14.75ZM15.1875 14.25C14.9113 14.25 14.6875 14.4738 14.6875 14.75C14.6875 15.0262 14.9113 15.25 15.1875 15.25C15.4637 15.25 15.6875 15.0262 15.6875 14.75C15.6875 14.4738 15.4637 14.25 15.1875 14.25Z",fill:"#A5C0CA"}),t("path",{key:"1efbbea95f38eaab6d34af1d1ea20b5cf98504bd",d:"M17.9375 10.5938C17.9375 10.3176 18.1613 10.0938 18.4375 10.0938H21.75C22.0262 10.0938 22.25 10.3176 22.25 10.5938C22.25 10.8699 22.0262 11.0938 21.75 11.0938H18.4375C18.1613 11.0938 17.9375 10.8699 17.9375 10.5938Z",fill:"#00A0D6"}),t("path",{key:"be54da3ee727f5b7827099927c7afb1c8dd6c055","fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.0938 19.3125C10.0938 18.8983 10.4295 18.5625 10.8438 18.5625C11.258 18.5625 11.5938 18.8983 11.5938 19.3125V21.25C11.5938 21.6642 11.258 22 10.8438 22C10.4295 22 10.0938 21.6642 10.0938 21.25V19.3125ZM19.3438 19.3125C19.3438 18.8983 19.6795 18.5625 20.0938 18.5625C20.508 18.5625 20.8438 18.8983 20.8438 19.3125V21.25C20.8438 21.6642 20.508 22 20.0938 22C19.6795 22 19.3438 21.6642 19.3438 21.25V19.3125ZM14.5938 18.5625C14.1795 18.5625 13.8438 18.8983 13.8438 19.3125V21.25C13.8438 21.6642 14.1795 22 14.5938 22C15.008 22 15.3438 21.6642 15.3438 21.25V19.3125C15.3438 18.8983 15.008 18.5625 14.5938 18.5625ZM12.5938 18.9375C12.5938 18.7304 12.7617 18.5625 12.9688 18.5625C13.1758 18.5625 13.3438 18.7304 13.3438 18.9375V21.625C13.3438 21.8321 13.1758 22 12.9688 22C12.7617 22 12.5938 21.8321 12.5938 21.625V18.9375ZM21.5938 18.5625C21.3867 18.5625 21.2188 18.7304 21.2188 18.9375V21.625C21.2188 21.8321 21.3867 22 21.5938 22C21.8008 22 21.9688 21.8321 21.9688 21.625V18.9375C21.9688 18.7304 21.8008 18.5625 21.5938 18.5625ZM17.5938 18.9375C17.5938 18.7304 17.7617 18.5625 17.9688 18.5625C18.1758 18.5625 18.3438 18.7304 18.3438 18.9375V21.625C18.3438 21.8321 18.1758 22 17.9688 22C17.7617 22 17.5938 21.8321 17.5938 21.625V18.9375ZM16.5938 18.5625C16.3176 18.5625 16.0938 18.7863 16.0938 19.0625V21.5C16.0938 21.7762 16.3176 22 16.5938 22C16.8699 22 17.0938 21.7762 17.0938 21.5V19.0625C17.0938 18.7863 16.8699 18.5625 16.5938 18.5625Z",fill:"#0D234B"})))),t("defs",{key:"2d2b614df17f56c528be25d27804cf9c4e8b1c9e"},t("filter",{key:"1c7b412c254104658f3cec6a01a048908a36a915",id:"filter0_d_17800_45416",x:"-52.5938",y:"-48.5938",width:"137.188",height:"137.188",filterUnits:"userSpaceOnUse","color-interpolation-filters":"sRGB"},t("feFlood",{key:"8e6d3f054d755175cc3d2e96b356f814b161d3b9","flood-opacity":"0",result:"BackgroundImageFix"}),t("feColorMatrix",{key:"72cf185feec5f61c5ad0823818dd5d9d1aa3558e",in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),t("feOffset",{key:"c12f651bcd4f62ee9fe2104634e4318a515c1e79",dy:"4"}),t("feGaussianBlur",{key:"b6d0028d0387c47269488ae7ed7c870568c32023",stdDeviation:"30"}),t("feColorMatrix",{key:"acc1052c4a65703d6cf4d2c7716bc9b299468d94",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"}),t("feBlend",{key:"1bb14668ed99e2d3bd245527bdae646c78898c96",mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_17800_45416"}),t("feBlend",{key:"984158446c947700b92f356532860a3e8147e10c",mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_17800_45416",result:"shape"})),t("linearGradient",{key:"3f77cbf8722750bd894dae18f31e917693199b1b",id:"paint0_linear_17800_45416",x1:"29.2305",y1:"44.3441",x2:"51.5694",y2:"15.1782",gradientUnits:"userSpaceOnUse"},t("stop",{key:"14540eaae692cf53176cbec45737a43656072bb6",offset:"0.0800778","stop-color":"#0D244C"}),t("stop",{key:"b2003e2c029158a38fe68ff8bed0e75cd6ca000f",offset:"1","stop-color":"#0D234B"})),t("clipPath",{key:"b6945cc9461ca2b13a436fd38369e820ecfeb6e6",id:"clip0_17800_45416"},t("rect",{key:"db436fea1d119d0ea7f31b50e8ea0d848934d062",width:"32",height:"32",fill:"white"}))))),t("div",{key:"723e29b0368cc88e83ca90a2c8a29eb073fb2e53",class:"pn-app-banner__text"},t("span",{key:"46af19bf9a8180a0503cc49ceeb0469cdccd4d01"},this.appName),t("br",{key:"dbc88ba7c81ade84156479d01e7665097b74e021"}),this.appDescription),t("div",{key:"b5764d80dac817a9d9d4c6b7dddcedcfc7455240",class:"pn-app-banner__cta"},t("pn-button",{key:"61bd60cb3b981b1894fae95b4cf2a78e350564ab",small:true,href:this.storeLink},this.ctaText))))}};f.style=n;export{f as pn_app_banner};
-//# sourceMappingURL=p-b318ff19.entry.js.map

package/pn-market-web-components/p-e8cd1608.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t,d as n}from"./p-b3a13b6a.js";const i="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-product-tile{margin-bottom:1em;border:0.1rem solid #d3cecb;outline:none;background:white;box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);display:flex;padding:1.5em;word-break:break-word;text-decoration:none;border-radius:0.8rem}pn-product-tile [slot=content] h3{display:flex;width:100%;justify-content:space-between;margin-bottom:0.5em}pn-product-tile>pn-illustration{min-width:8rem;width:8rem;height:8rem;margin-right:3rem;align-self:center}pn-product-tile .tilecontent{display:flex;flex-direction:row;justify-content:center;flex-grow:1}pn-product-tile .details{display:flex;flex-direction:column;justify-content:space-between;width:100%}pn-product-tile .info{display:flex;justify-content:space-between;flex-grow:1;max-width:66.6666666667%;flex-flow:wrap}pn-product-tile .info>*{min-width:6em;margin:0.2em 1em 0.2em 0}";const o=i;const d=class{constructor(t){e(this,t)}render(){return t(n,{key:"99f3bd493857b069d293d66d0767ef4c9949ad94"},t("slot",{key:"5c459c6549a064657db7c9a95f54397ac347ca4d",name:"illustration"}),t("div",{key:"5918411dccc982f84789c563239ac98ec571a870",class:"tilecontent"},t("div",{key:"8501ede4da3f87b96cb667bd1c64e3463ccb7d90",class:"details"},t("slot",{key:"8b74a38ce893c9edc87edd158b30a6e151bb0e01",name:"content"}),t("div",{key:"043564ff4b1f7e2417ff2d6607e59618bc7fcfe5",class:"info"},t("slot",{key:"af6e0b484a9888b0f4d134a1f172911fc8279310"})),t("slot",{key:"f1fce6a4f2c8dd58e9c843b13a81fd2925ab06bb",name:"note"})),t("slot",{key:"62bf5776f093932dc5e99dc9fa712b4f5a3d3525",name:"price"})))}};d.style=o;export{d as pn_product_tile};
-//# sourceMappingURL=p-e8cd1608.entry.js.map