npm - @postnord/pn-marketweb-components - Versions diffs - 4.3.1 → 4.3.2 - Mend

@postnord/pn-marketweb-components 4.3.1 → 4.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (332) hide show

package/esm/pn-marketweb-header-main-row_2.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-marketweb-header-main-row.pn-marketweb-header-top-row.entry.js","mappings":"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","names":[],"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}"],"version":3}
1	+ {"file":"pn-marketweb-header-main-row.pn-marketweb-header-top-row.entry.js","mappings":"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","names":[],"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 > [slot=\"mobile-toprightend\"] {\n display: flex;\n align-items: center;\n align-self: center;\n padding: 1rem 0;\n margin-right: $siteheader-space-xl;\n color: var(--siteheader-cart-link-color, var(--siteheader-top-link-color, inherit));\n text-decoration: none;\n\n > :not(pn-icon):not([data-cart-countindicator]) {\n display: none;\n }\n\n pn-icon {\n svg > path {\n fill: var(--siteheader-cart-icon-color, var(--siteheader-top-icon-fill, currentColor));\n }\n }\n }\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 > [slot=\"mobile-toprightend\"] {\n display: none;\n }\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 <slot name=\"mobile-toprightend\"></slot>\n\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}"],"version":3}

package/esm/pn-marketweb-header-skeleton-loader.entry.js CHANGED Viewed

@@ -9,7 +9,7 @@ const PnMarketwebHeaderSkeletonLoader = class {
     }
     render() {
         console.log('Rendering PnMarketwebHeaderSkeletonLoader...');
-        return (h(Host, { key: 'df31cc237329e033c4ace683027a6458a3790ef1' }, h("header", { key: '51d25dc2af64660068fcabfa5f95cc0872d29cce', class: "header-skeleton", "aria-hidden": "true" }, h("div", { key: '1469d90c9ca66cc371257818dbf1aacbdc2c0b8c', class: "mobile-layout" }, h("div", { key: '591d0124da5d93e45809cf35f514b590c60d666f', class: "mobile-row" }, h("div", { key: '1e8ec053ab87561b5f3a6a5c6e45c4fbcbe66212', class: "skel skel-logo" }), h("div", { key: '83c7c0f633155348cb92e3370f16daf3c5d0e6c2', class: "skel skel-icon-button" }))), h("div", { key: '847b9bbe3de7c3a0aa5954e82167e99a5813fcd2', class: "tablet-desktop-layout" }, h("div", { key: '5b4f7867da490285dd1032fdf9b7387b705a51f2', class: "top-row" }, h("div", { key: '208485c9f664ef1008bf57eb5a98e6687ba70949', class: "top-row-left" }, h("div", { key: 'b2fdca97d9b576d20d16ca833e84a80191653e3f', class: "skel skel-chip" }), h("div", { key: 'ca6b630a8c38cd87c4e65ffd483e0e65e4774326', class: "skel skel-icon-button" })), h("div", { key: '0923c1a855f32159dd42dc49eb9e84b47a70a549', class: "top-row-center" }, h("div", { key: 'dda22514ffd4a1ceae80252dafe49597a63ec364', class: "skel skel-logo" })), h("div", { key: 'a6ec95a525889c8cc13b35ccc03a90c509a2c35c', class: "top-row-right" }, h("div", { key: '41d4a9998a8478423a2b1ce566568fe845c8767a', class: "skel skel-icon-button" }), h("div", { key: '0fb5f413dad85ffab8e8038c7720f3828fb24b72', class: "skel skel-icon-button" }), h("div", { key: 'b53f8b517499a89c30ee3c46179ffed6cc7e12b4', class: "skel skel-pill" }))), h("div", { key: 'e7c90c573556c1599f25bf99761d437e7ed3e7c8', class: "bottom-row" }, h("div", { key: '0c9d2b72369a256efa2daf8eafd8f938369601a0', class: "bottom-row-left" }, h("div", { key: '9835aa30019d52084f98c362e0e8a255fc747d46', class: "skel skel-menu-button" })), h("div", { key: '4cc96d47f41114dbe08ce67b62106664b2f8deee', class: "bottom-row-right" }, h("div", { key: '5bcab9e4e0f36f838b7467e3dcf130d4b95faa85', class: "skel skel-search" })))))));
+        return (h(Host, { key: '5c4c13c622367a8feaa0e033874a72ae32d08544' }, h("header", { key: 'ae00c78d2e9fe06a48f95bf8031afdbc2a789b07', class: "header-skeleton", "aria-hidden": "true" }, h("div", { key: '37ce3f8e8032610e1c7c961d585f6646af1e278f', class: "mobile-layout" }, h("div", { key: '155ca8796a56d85a5e8f50670927230d2efe75d9', class: "mobile-row" }, h("div", { key: '36ce4fc8111957ab530c06bcad478468f9a10aa6', class: "skel skel-logo" }), h("div", { key: '74fb1c6b13d6fcbe5f0e5e7fce0662b93260763d', class: "skel skel-icon-button" }))), h("div", { key: '631f88856f05eaf98b8012833647a65fbd1bd504', class: "tablet-desktop-layout" }, h("div", { key: 'e15650439b2ce20ac981003bc0f348ba1bc8ab79', class: "top-row" }, h("div", { key: '41867b971e7a114fc05fae6e7d0cd08d147580eb', class: "top-row-left" }, h("div", { key: '2dbabfef4fb9b7eecf402c41c1ef504b8bec4811', class: "skel skel-chip" }), h("div", { key: '69bf07438a8374517117db88a4df0ef788a495ed', class: "skel skel-icon-button" })), h("div", { key: '56910a40f903999ed98213b59938a0c598d998e8', class: "top-row-center" }, h("div", { key: '6c8f2aac70e20b586bc8b270cbceec0aa6b769ca', class: "skel skel-logo" })), h("div", { key: 'abeb394fda5834e169c9fd6ba596297d58340d7e', class: "top-row-right" }, h("div", { key: 'fd9f236694831537f5895410b0e60e6d05ff9bee', class: "skel skel-icon-button" }), h("div", { key: 'e04ee10525a54e6134ebe1caf7c9de28e487a89a', class: "skel skel-icon-button" }), h("div", { key: '5d0c1f732ee30ab266f5f9c22a45dcfe9cf402be', class: "skel skel-pill" }))), h("div", { key: 'bcd942e081c9dc503e5d99b948d0e8ffe7b314a5', class: "bottom-row" }, h("div", { key: 'fb23008de03b74125c60747ce51a48ca5ac9bf16', class: "bottom-row-left" }, h("div", { key: '5e7d0f027d9ba32a9c6f8acfab42444e4f3b56dc', class: "skel skel-menu-button" })), h("div", { key: '183351a3e21b17c01401bd88ef5fe5fc3a96470b', class: "bottom-row-right" }, h("div", { key: '4b6cfa35eb8d67ace2ae277a39d34be8f4c1c1a1', class: "skel skel-search" })))))));
     }
 };
 PnMarketwebHeaderSkeletonLoader.style = PnMarketwebHeaderSkeletonLoaderStyle0;

package/esm/pn-marketweb-header.entry.js CHANGED Viewed

@@ -1018,7 +1018,7 @@ const PnMarketwebHeader = class {
             : { primaryItems: [], sharedItems: [] };
         return (h(Host, { key: '77b50a06702c9c8aee59392c7ebcf392d0e93ace', language: this.language ?? undefined, market: this.market ?? undefined, environment: this.environment ?? undefined, "data-status": this.status, "data-mode": this.activeMenuMode, "data-theme": activeTheme }, h("header", { key: 'f17a9126e62264bcbc596802394d8a0eb64809d7' }, vm && (h(Fragment, { key: 'e4d0c6cbb175bd545c37011e8a26040e293b5078' }, h("pn-marketweb-header-top-row", { key: 'f20e51e813cd52f09a223d860e04759f9d277183', vm: vm, i18n: i18n, language: this.language ?? undefined, siteid: this.siteid ?? undefined, endpoint: this.endpoint ?? undefined, environment: this.environment ?? undefined, userToken: this.userToken, userFullname: this.userFullname, userLoggedin: this.userLoggedin, hideSiteSelector: this.hideSiteSelector, hideLanguageSelector: this.hideLanguageSelector, hideSearch: this.hideSearch, hideLogin: this.hideLogin, showProfileSelection: this.showProfileSelection, showUnifiedLogin: this.showUnifiedLogin, spaMode: this.spaMode, checkUserLoggedInStateInterval: this.checkUserLoggedInStateInterval, useMarketwebLogin: this.useMarketwebLogin, activeMenuMode: this.activeMenuMode, theme: activeTheme, navigateOnMenuToggle: this.navigateOnMenuToggle, menuToggleChangeHandler: this.onMenuToggleChange, adjustSiteSelectorUrl: (href) => this.adjustSiteSelectorUrl(href), logoUrl: logoUrl }, h("slot", { key: 'c0025425b08f233bc8ef6c9db59c516b1c2c8d05', name: "header-top-left", slot: "header-top-left" }), h("slot", { key: '822354a2c86ca56f4a7e6926492a5202e82d0d2e', name: "header-top-right-start", slot: "header-top-right-start" }), h("slot", { key: '68364a475418c6bb6baba867f9b78bc2f7cd3c92', name: "toprightend", slot: "toprightend" })), h("slot", { key: 'e49bc7c21f51abb86b05e6a986163f6b8848c425', name: "siteheader-menu-top-button" }), h("pn-marketweb-header-main-row", { key: 'a56827628a3f649546881449479df0d7721da5b2', vm: vm, i18n: i18n, market: this.market ?? undefined, language: this.language ?? undefined, siteid: this.siteid ?? undefined, hideSearch: this.hideSearch, hideLogin: this.hideLogin, hideLanguageSelector: this.hideLanguageSelector, hideSiteSelector: this.hideSiteSelector, minimizeSearch: this.minimizeSearch, activeMenuMode: this.activeMenuMode, theme: activeTheme, navigateOnMenuToggle: this.navigateOnMenuToggle, primaryItems: menuGroups.primaryItems, sharedItems: menuGroups.sharedItems, showMenuDivider: menuGroups.primaryItems.length > 0 && menuGroups.sharedItems.length > 0, userToken: this.userToken, userFullname: this.userFullname, userLoggedin: this.userLoggedin, endpoint: this.endpoint ?? undefined, environment: this.environment ?? undefined, showProfileSelection: this.showProfileSelection, showUnifiedLogin: this.showUnifiedLogin, checkUserLoggedInStateInterval: this.checkUserLoggedInStateInterval, useMarketwebLogin: this.useMarketwebLogin, spaMode: this.spaMode, menuToggleChangeHandler: this.onMenuToggleChange, mainNavRefHandler: (el) => {
                 this.mainNavEl = el;
-            }, adjustSiteSelectorUrl: (href) => this.adjustSiteSelectorUrl(href), logoUrl: logoUrl }, h("slot", { key: '624d401daf67b3af80f3708d8321f541547f3225', name: "header-bottom-button", slot: "header-bottom-button" }), h("slot", { key: '5bf770f2882a239a3a45b511af696fc87bbf861d', name: "menu-footer-cta", slot: "menu-footer-cta" })))))));
+            }, adjustSiteSelectorUrl: (href) => this.adjustSiteSelectorUrl(href), logoUrl: logoUrl }, h("slot", { key: '673017970d5f273a2810acc09d47744cfdda19e6', name: "mobile-toprightend", slot: "mobile-toprightend" }), h("slot", { key: '86493520b39dd5c0fbe4a371e3503cfdcc51e8bf', name: "header-bottom-button", slot: "header-bottom-button" }), h("slot", { key: '1fa6a9440a1f2b4bcb081fbc5c7ce3bb31a6bb63', name: "menu-footer-cta", slot: "menu-footer-cta" })))))));
     }
     static get watchers() { return {
         "language": ["onLanguageChange"],