@postnord/pn-marketweb-components 3.0.2 → 3.0.4

package/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"pn-marketweb-siteheader\",[[4,\"pn-marketweb-siteheader\",{\"market\":[1537],\"language\":[1537],\"siteid\":[1],\"environment\":[1537],\"userToken\":[1,\"user-token\"],\"userFullname\":[1,\"user-fullname\"],\"userLoggedin\":[516,\"user-loggedin\"],\"endpoint\":[1],\"hideSiteSelector\":[1540,\"hide-site-selector\"],\"hideHomeMenuItem\":[1540,\"hide-home-menu-item\"],\"hideLanguageSelector\":[1540,\"hide-language-selector\"],\"hideSearch\":[1540,\"hide-search\"],\"hideLogin\":[1540,\"hide-login\"],\"showProfileSelection\":[1540,\"show-profile-selection\"],\"showUnifiedLogin\":[4,\"show-unified-login\"],\"siteDomainInUrls\":[4,\"site-domain-in-urls\"],\"AutocompleteEndpoint\":[1,\"autocomplete-endpoint\"],\"sessionForward\":[4,\"session-forward\"],\"cache\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"spaMode\":[4,\"spa-mode\"],\"checkUserLoggedInStateInterval\":[2,\"check-user-logged-in-state-interval\"],\"pageId\":[1,\"page-id\"],\"i18n\":[32],\"gotData\":[32],\"fetchingData\":[32],\"homePageLink\":[32],\"menuItems\":[32],\"siteDefinition\":[32],\"search\":[32],\"siteSelector\":[32],\"languageSelector\":[32],\"languageOptions\":[32],\"loginDialog\":[32],\"minimizeSearch\":[32],\"loggedIn\":[32]},[[0,\"setLanguage\",\"onLanguageSelectorChange\"],[0,\"loginStateChange\",\"onLoginStateChange\"],[9,\"resize\",\"handleResize\"]],{\"language\":[\"onLanguageChange\"],\"market\":[\"onMarketChange\"]}]]],[\"pn-proxio-findprice\",[[0,\"pn-proxio-findprice\",{\"endpoint\":[1025],\"language\":[1025],\"market\":[1025],\"showMedium\":[4,\"show-medium\"],\"showInternational\":[4,\"show-international\"],\"maxAbroadKg\":[2,\"max-abroad-kg\"],\"weightListName\":[1,\"weight-list-name\"],\"cache\":[4],\"filteredItems\":[32],\"weight\":[32],\"weightvalue\":[32],\"countrycodevalue\":[32],\"sizecategory\":[32],\"data\":[32]},null,{\"market\":[\"setState\"],\"language\":[\"setState\"],\"sizecategory\":[\"filterItems\"],\"weightvalue\":[\"filterItems\"],\"countrycodevalue\":[\"filterItems\"]}]]],[\"pn-find-price\",[[0,\"pn-find-price\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"filteredItems\":[32],\"weight\":[32],\"weightvalue\":[32],\"sourceData\":[32],\"sizecategory\":[32]},null,{\"market\":[\"setState\"],\"language\":[\"setState\"],\"sizecategory\":[\"filterItems\"],\"weightvalue\":[\"filterItems\"]}]]],[\"pn-find-service-and-price\",[[0,\"pn-find-service-and-price\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"filteredItems\":[32],\"postagetype\":[32],\"weight\":[32],\"weightvalue\":[32],\"deliveryscope\":[32],\"sourceData\":[32]},null,{\"market\":[\"setState\"],\"language\":[\"setState\"],\"postagetype\":[\"filterItems\"],\"deliveryscope\":[\"filterItems\"],\"weightvalue\":[\"filterItems\"]}]]],[\"pn-product-pricelist\",[[4,\"pn-product-pricelist\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"productid\":[1],\"filteredItems\":[32],\"sourceData\":[32],\"gotData\":[32],\"loading\":[32],\"postagetype\":[32],\"weight\":[32],\"weightvalue\":[32]},null,{\"market\":[\"setState\"],\"language\":[\"setState\"],\"postagetype\":[\"filterItems\"],\"weightvalue\":[\"filterItems\"]}]]],[\"pn-proxio-pricegroup\",[[0,\"pn-proxio-pricegroup\",{\"endpoint\":[1025],\"language\":[1],\"market\":[1],\"tariffid\":[1],\"cache\":[4],\"activeWeightIndex\":[32],\"data\":[32],\"i18n\":[32]},[[0,\"activeWeightIndex\",\"setActiveWeightIndex\"],[0,\"language\",\"setLanguage\"]]]]],[\"pn-product-pricelist-result\",[[0,\"pn-product-pricelist-result\",{\"item\":[1040],\"description\":[16],\"shownitems\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"weightText\":[32]},null,{\"item\":[\"composeItems\"]}]]],[\"pn-marketweb-sitefooter\",[[4,\"pn-marketweb-sitefooter\",{\"market\":[1537],\"language\":[1537],\"environment\":[1537],\"endpoint\":[1],\"siteDomainInUrls\":[4,\"site-domain-in-urls\"],\"cache\":[4],\"theme\":[513],\"backgroundcolor\":[513],\"showSwan\":[4,\"show-swan\"],\"siteDefinition\":[32],\"footerContent\":[32],\"i18n\":[32],\"gotData\":[32],\"fetchingData\":[32]},null,{\"language\":[\"onLanguageChange\"],\"market\":[\"onMarketChange\"]}]]],[\"pn-media-block\",[[4,\"pn-media-block\",{\"blockHeight\":[1,\"block-height\"],\"imageSrc\":[1,\"image-src\"],\"imageSrcSmallScreenFormat\":[1,\"image-src-small-screen-format\"],\"imageAltText\":[1,\"image-alt-text\"],\"videoSrc\":[1,\"video-src\"],\"parallaxScroll\":[4,\"parallax-scroll\"],\"showOverlayLayer\":[4,\"show-overlay-layer\"],\"customOverlayBackground\":[1,\"custom-overlay-background\"],\"animateOverlayBackground\":[4,\"animate-overlay-background\"],\"scrollSnapBlock\":[4,\"scroll-snap-block\"],\"fixedBackground\":[4,\"fixed-background\"],\"blockHeading\":[1,\"block-heading\"],\"blockHeadingLevel\":[2,\"block-heading-level\"],\"blockPreamble\":[1,\"block-preamble\"],\"pnPlayOnScrollObserverOptions\":[32],\"calculatedBlockHeight\":[32],\"hasButtonSlot\":[32]}]]],[\"pn-multi-row-connected-dropdown\",[[0,\"pn-multi-row-connected-dropdown\",{\"dropdownData\":[1,\"dropdown-data\"],\"languageCode\":[1,\"language-code\"],\"label\":[1],\"firstDropdownLabel\":[1,\"first-dropdown-label\"],\"secondDropdownLabel\":[1,\"second-dropdown-label\"],\"dropdownPlaceholder\":[1,\"dropdown-placeholder\"],\"addRowText\":[1,\"add-row-text\"],\"inputFildLabel\":[1,\"input-fild-label\"],\"inputFildPlaceholder\":[1,\"input-fild-placeholder\"],\"dateButtonText\":[1,\"date-button-text\"],\"datePlaceholder\":[1,\"date-placeholder\"],\"dateDaysFromToday\":[2,\"date-days-from-today\"],\"allowMultipleRows\":[4,\"allow-multiple-rows\"],\"allowMultipleDates\":[4,\"allow-multiple-dates\"],\"startDateLabel\":[1,\"start-date-label\"],\"endDateLabel\":[1,\"end-date-label\"],\"multiDateHelperText\":[1,\"multi-date-helper-text\"],\"generateDatesButtonText\":[1,\"generate-dates-button-text\"],\"saveDateButtonText\":[1,\"save-date-button-text\"],\"noDatesText\":[1,\"no-dates-text\"],\"yearsToAddToEndDate\":[2,\"years-to-add-to-end-date\"],\"rowCount\":[32],\"rowData\":[32],\"formValues\":[32]},[[0,\"rowValueChange\",\"predefinedValueChange\"],[0,\"deleteRowEvent\",\"deleteRowEvent\"]]]]],[\"pn-dropdown-with-multi-input-rows\",[[0,\"pn-dropdown-with-multi-input-rows\",{\"dropdownData\":[1,\"dropdown-data\"],\"languageCode\":[1,\"language-code\"],\"firstDropdownLabel\":[1,\"first-dropdown-label\"],\"firstDropdownHelperText\":[1,\"first-dropdown-helper-text\"],\"secondDropdownLabel\":[1,\"second-dropdown-label\"],\"secondDropdownHelperText\":[1,\"second-dropdown-helper-text\"],\"secondDropdownMax\":[2,\"second-dropdown-max\"],\"deleteMultipleRowsWarningText\":[1,\"delete-multiple-rows-warning-text\"],\"confirmDeleteButtonText\":[1,\"confirm-delete-button-text\"],\"abortDeleteButtonText\":[1,\"abort-delete-button-text\"],\"fristInputLabel\":[1,\"frist-input-label\"],\"fristInputPlaceholder\":[1,\"frist-input-placeholder\"],\"firstInputMin\":[2,\"first-input-min\"],\"firstInputMax\":[2,\"first-input-max\"],\"firstInputWarning\":[2,\"first-input-warning\"],\"firstInputWarningText\":[1,\"first-input-warning-text\"],\"firstInputLowErrorText\":[1,\"first-input-low-error-text\"],\"firstInputHighErrorText\":[1,\"first-input-high-error-text\"],\"secondInputLabel\":[1,\"second-input-label\"],\"secondInputPlaceholder\":[1,\"second-input-placeholder\"],\"secondInputMin\":[2,\"second-input-min\"],\"secondInputMax\":[2,\"second-input-max\"],\"secondInputWarning\":[2,\"second-input-warning\"],\"secondInputWarningText\":[1,\"second-input-warning-text\"],\"secondInputLowErrorText\":[1,\"second-input-low-error-text\"],\"secondInputHighErrorText\":[1,\"second-input-high-error-text\"],\"dateLabel\":[1,\"date-label\"],\"datePlaceholder\":[1,\"date-placeholder\"],\"dateDaysFromToday\":[2,\"date-days-from-today\"],\"yearsToAddToEndDate\":[2,\"years-to-add-to-end-date\"],\"sumFieldLabel\":[1,\"sum-field-label\"],\"addRowText\":[1,\"add-row-text\"],\"elementHelperText\":[1,\"element-helper-text\"],\"dropdownDataRoot\":[32],\"secondDropdownArr\":[32],\"rowCount\":[32],\"rowData\":[32],\"formValues\":[32],\"firstValidDateString\":[32],\"lastValidDateString\":[32],\"rowSum\":[32],\"minRowCount\":[32],\"showDelteConfirm\":[32]},[[0,\"rowValueChange\",\"predefinedValueChange\"],[0,\"firstInputChange\",\"predefinedValueChange\"],[0,\"secondInputChange\",\"predefinedValueChange\"],[0,\"deleteRowEvent\",\"deleteRowEvent\"]]]]],[\"pn-address-autofill\",[[0,\"pn-address-autofill\",{\"market\":[1537],\"environment\":[1537],\"endpoint\":[1],\"cache\":[4],\"countryCode\":[1,\"country-code\"],\"postalCodeProps\":[1,\"postal-code-props\"],\"cityProps\":[1,\"city-props\"],\"streetAddressProps\":[1,\"street-address-props\"],\"streetNumberProps\":[1,\"street-number-props\"],\"streetAdressArr\":[32],\"streetNumberArr\":[32],\"city\":[32],\"postalCode\":[32],\"streetAddress\":[32],\"streetNumber\":[32],\"fullAddress\":[32]}]]],[\"pn-dropdown-choice-adds-row\",[[4,\"pn-dropdown-choice-adds-row\",{\"dropdownData\":[1,\"dropdown-data\"],\"addRowDropdownName\":[1,\"add-row-dropdown-name\"],\"addRowDropdownPlaceholder\":[1,\"add-row-dropdown-placeholder\"],\"addRowDropdownLabel\":[1,\"add-row-dropdown-label\"],\"rowNameLabel\":[1,\"row-name-label\"],\"rowHasDropdown\":[4,\"row-has-dropdown\"],\"rowDropdownLabel\":[1,\"row-dropdown-label\"],\"rowDropdownPlaceholder\":[1,\"row-dropdown-placeholder\"],\"rowInputLabel\":[1,\"row-input-label\"],\"rowDeleteButtonText\":[1,\"row-delete-button-text\"],\"totalInputLimit\":[2,\"total-input-limit\"],\"inputLimitWarning\":[1,\"input-limit-warning\"],\"nextRowIndex\":[32],\"rowSelectDropdownArr\":[32],\"columnCount\":[32],\"showWarning\":[32],\"formValue\":[32]},null,{\"dropdownData\":[\"dropdownDataWatcher\"]}]]],[\"pn-multiple-input\",[[0,\"pn-multiple-input\",{\"label\":[1],\"placeholder\":[1],\"addRowButtonText\":[1,\"add-row-button-text\"],\"rowData\":[32]}]]],[\"pn-parcel-tracker\",[[0,\"pn-parcel-tracker\",{\"formActionUrl\":[1,\"form-action-url\"],\"heading\":[1],\"buttonLabel\":[1,\"button-label\"],\"locale\":[1],\"placeholder\":[1],\"inputName\":[1,\"input-name\"],\"currentWidth\":[32]},[[9,\"resize\",\"handleViewportSizeChange\"]]]]],[\"pn-pex-pricefinder\",[[0,\"pn-pex-pricefinder\",{\"language\":[1],\"currency\":[1],\"apiUrl\":[1,\"api-url\"],\"i18n\":[32],\"fromzip\":[32],\"tozip\":[32],\"weight\":[32],\"when\":[32],\"response\":[32]},[[0,\"language\",\"setLanguage\"]]]]],[\"pn-share\",[[0,\"pn-share\",{\"link\":[1],\"language\":[1537],\"i18n\":[32]},null,{\"language\":[\"onLanguageChange\"]}]]],[\"pn-stats-info\",[[4,\"pn-stats-info\",{\"heading\":[1],\"dataArray\":[1,\"data-array\"],\"backgroundUrl\":[1,\"background-url\"],\"myParsedArray\":[32]},null,{\"dataArray\":[\"parseMyArrayProp\"]}]]],[\"pn-animated-tile\",[[4,\"pn-animated-tile\",{\"toggled\":[32],\"transitionClassName\":[32],\"animateIcon\":[32]},null,{\"toggled\":[\"onToggledHandler\"]}]]],[\"pn-app-banner\",[[0,\"pn-app-banner\",{\"appName\":[1,\"app-name\"],\"appDescription\":[1,\"app-description\"],\"ctaText\":[1,\"cta-text\"],\"appleStoreLink\":[1,\"apple-store-link\"],\"googleStoreLink\":[1,\"google-store-link\"],\"isClosed\":[32],\"storeLink\":[32],\"isLocalStorageAvailable\":[32]}]]],[\"pn-bonus-progressbar\",[[4,\"pn-bonus-progressbar\",{\"icon\":[1],\"heading\":[1],\"sumtext\":[513],\"theme\":[513],\"bonuspercentage\":[1],\"currency\":[513],\"value\":[1538],\"min\":[1538],\"max\":[1538],\"valuepercentage\":[32],\"progresspercentage\":[32],\"levelValues\":[32],\"currentLevelAdjustedValue\":[32]},null,{\"currentLevelAdjustedValue\":[\"setValuePercentage\"],\"value\":[\"setValuePercentage\"],\"min\":[\"setValuePercentage\"],\"max\":[\"setValuePercentage\"]}]]],[\"pn-bonus-progressbar-level\",[[0,\"pn-bonus-progressbar-level\",{\"current\":[516],\"value\":[1538],\"bonuspercentage\":[1537],\"visualpercentage\":[1538],\"percentage\":[32],\"max\":[32],\"min\":[32],\"currency\":[32]}]]],[\"pn-breakpoints\",[[0,\"pn-breakpoints\",{\"breakPointClass\":[1,\"break-point-class\"],\"currentWidth\":[32]},[[9,\"resize\",\"handleViewportSizeChange\"]]]]],[\"pn-chart\",[[0,\"pn-chart\",{\"labels\":[1],\"dataSets\":[1,\"data-sets\"],\"dataChartType\":[8,\"data-chart-type\"],\"myChartCtxRef\":[32]},null,{\"dataSets\":[\"dataChangeHandler\"],\"labels\":[\"labelsChangeHandler\"]}]]],[\"pn-charts-card\",[[4,\"pn-charts-card\",{\"header\":[1],\"highlight\":[1],\"preamble\":[1],\"label\":[1],\"source\":[1],\"sourceUrl\":[1,\"source-url\"],\"ctaLinkText\":[1,\"cta-link-text\"],\"openInNewWindow\":[4,\"open-in-new-window\"]}]]],[\"pn-cta-block\",[[4,\"pn-cta-block\",{\"heading\":[1],\"bodyText\":[1,\"body-text\"],\"pnBackgroundColor\":[1,\"pn-background-color\"],\"isLarge\":[4,\"is-large\"],\"isCentered\":[4,\"is-centered\"],\"isSmall\":[4,\"is-small\"],\"contentTop\":[4,\"content-top\"]}]]],[\"pn-customernumber-selector\",[[4,\"pn-customernumber-selector\",{\"language\":[1537],\"open\":[1540],\"heading\":[1],\"description\":[1],\"i18n\":[32]}]]],[\"pn-customernumber-selector-option\",[[4,\"pn-customernumber-selector-option\",{\"heading\":[1],\"description\":[1],\"url\":[1]}]]],[\"pn-date-and-time\",[[0,\"pn-date-and-time\",{\"languageCode\":[1,\"language-code\"],\"dateAndTimeLabel\":[1,\"date-and-time-label\"],\"dateDaysFromToday\":[2,\"date-days-from-today\"],\"validTimeRangeMinutes\":[2,\"valid-time-range-minutes\"],\"errorMessage\":[1,\"error-message\"],\"dateHelperText\":[1,\"date-helper-text\"],\"timeHelperText\":[1,\"time-helper-text\"],\"disableWeekends\":[4,\"disable-weekends\"],\"datePlacehodler\":[1,\"date-placehodler\"],\"language\":[32],\"hourArr\":[32],\"minuteArr\":[32],\"formValue\":[32],\"invalidTimespan\":[32],\"selectedDate\":[32],\"selectedFromHour\":[32],\"selectedFromMin\":[32],\"selectedToHour\":[32],\"selectedToMin\":[32],\"firstValidDateString\":[32],\"lastValidDateString\":[32]}]]],[\"pn-hero-block-international\",[[4,\"pn-hero-block-international\",{\"heading\":[1],\"subHeading\":[1,\"sub-heading\"],\"preamble\":[1],\"animateLogo\":[4,\"animate-logo\"],\"showSideLoader\":[4,\"show-side-loader\"],\"centeredLayout\":[4,\"centered-layout\"]}]]],[\"pn-line-shape\",[[0,\"pn-line-shape\"]]],[\"pn-link-list\",[[4,\"pn-link-list\",{\"heading\":[1],\"label\":[1],\"preamble\":[1],\"url\":[1],\"showMoreLabel\":[1,\"show-more-label\"],\"showMoreUrl\":[1,\"show-more-url\"]}]]],[\"pn-marketweb-icon\",[[0,\"pn-marketweb-icon\",{\"symbol\":[1],\"small\":[4],\"color\":[1]}]]],[\"pn-marketweb-search\",[[1,\"pn-marketweb-search\",{\"disabled\":[4],\"placeholder\":[1],\"inputid\":[1],\"name\":[1],\"autocomplete\":[1],\"list\":[1],\"value\":[1],\"label\":[1],\"loading\":[4],\"button\":[1],\"light\":[4],\"suggestionObserver\":[32],\"hasClonedInput\":[32],\"listSuggestion\":[32]},[[0,\"input\",\"inputHandler\"]]]]],[\"pn-product-tile\",[[4,\"pn-product-tile\"]]],[\"pn-profile-modal\",[[4,\"pn-profile-modal\",{\"heading\":[1],\"continueCtaText\":[1,\"continue-cta-text\"],\"choosenCompanyText\":[1,\"choosen-company-text\"],\"toText\":[1,\"to-text\"],\"chooseCustomerNumberText\":[1,\"choose-customer-number-text\"],\"isLoading\":[32]},[[0,\"urlSelected\",\"onUrlSelected\"]]]]],[\"pn-profile-modal-customernumber\",[[4,\"pn-profile-modal-customernumber\",{\"url\":[513],\"customernumber\":[513],\"selected\":[516]}]]],[\"pn-profile-modal-profile\",[[4,\"pn-profile-modal-profile\",{\"heading\":[513],\"description\":[513],\"url\":[513],\"selected\":[1028],\"showCustomerNumbers\":[516,\"show-customer-numbers\"],\"pleaseSelectText\":[513,\"please-select-text\"],\"visible\":[1540],\"identifier\":[32]}]]],[\"pn-profile-modal-type\",[[4,\"pn-profile-modal-type\",{\"typeid\":[513],\"name\":[1025],\"selected\":[1028],\"selectedprofile\":[1025]},null,{\"selected\":[\"onSelectedChange\"]}]]],[\"pn-profile-selector\",[[4,\"pn-profile-selector\",{\"language\":[1537],\"returnUrl\":[1,\"return-url\"],\"heading\":[1],\"i18n\":[32],\"isLoading\":[32],\"numberOfProfiles\":[32]}]]],[\"pn-profile-selector-option\",[[0,\"pn-profile-selector-option\",{\"heading\":[1],\"description\":[1],\"url\":[1]}]]],[\"pn-quick-cta\",[[4,\"pn-quick-cta\",{\"heading\":[1],\"preamble\":[1]}]]],[\"pn-quote-card\",[[4,\"pn-quote-card\",{\"quote\":[1],\"name\":[1],\"occupation\":[1]}]]],[\"pn-sidenav\",[[4,\"pn-sidenav\",{\"language\":[1],\"navLabel\":[1,\"nav-label\"],\"i18n\":[32]},[[0,\"language\",\"setLanguage\"],[0,\"openSubMenuLevelChange\",\"onOpenSubMenuLevelChange\"]]]]],[\"pn-sidenav-level\",[[4,\"pn-sidenav-level\",{\"level\":[32],\"levelId\":[32],\"isOpen\":[32],\"parentName\":[32],\"parentHref\":[32],\"parentLinkId\":[32],\"alignment\":[32]},null,{\"isOpen\":[\"onOpen\"]}]]],[\"pn-sidenav-link\",[[4,\"pn-sidenav-link\",{\"name\":[1],\"href\":[1],\"target\":[1],\"linkid\":[1],\"icon\":[1],\"current\":[4],\"levelId\":[32],\"open\":[32],\"hasChildren\":[32]}]]],[\"pn-sidenav-togglebutton\",[[4,\"pn-sidenav-togglebutton\",{\"label\":[1],\"i18n\":[32]}]]],[\"pn-spotlight\",[[4,\"pn-spotlight\",{\"heading\":[1],\"preamble\":[1],\"isDynamic\":[4,\"is-dynamic\"],\"addDynamic\":[32]}]]],[\"pn-teaser-card\",[[4,\"pn-teaser-card\",{\"text\":[1],\"heading\":[1],\"label\":[1],\"dataCardColor\":[513,\"data-card-color\"],\"dataCardAlignment\":[513,\"data-card-alignment\"],\"hasCtaSlotContent\":[32],\"hasIllustrationSlot\":[32]}]]],[\"pn-usp-promoter\",[[4,\"pn-usp-promoter\",{\"heading\":[1],\"headingExtension\":[1,\"heading-extension\"],\"bodyText\":[1,\"body-text\"],\"backgroundGradient\":[1,\"background-gradient\"],\"fullWidth\":[4,\"full-width\"],\"rightAlign\":[4,\"right-align\"],\"hideMobileImage\":[4,\"hide-mobile-image\"]}]]],[\"pn-proxio-findprice-result\",[[0,\"pn-proxio-findprice-result\",{\"item\":[1040],\"activeweight\":[1026],\"shownitems\":[16],\"Usp1\":[1,\"usp-1\"],\"Usp2\":[1,\"usp-2\"],\"Usp3\":[1,\"usp-3\"],\"description\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"showInternational\":[4,\"show-international\"],\"selectedCountrycode\":[1,\"selected-countrycode\"],\"market\":[1],\"language\":[1025],\"weightText\":[32],\"linkId\":[32],\"shopLabel\":[32],\"shopUrl\":[32],\"shopId\":[32],\"i18n\":[32]},null,{\"item\":[\"composeItems\"],\"activeweight\":[\"getPriceString\",\"getProductLink\"]}]]],[\"pn-find-service-and-price-result\",[[0,\"pn-find-service-and-price-result\",{\"item\":[1040],\"shownitems\":[16],\"weightText\":[32]},null,{\"item\":[\"composeItems\"]}]]],[\"pn-multi-row-connected-dropdown-row\",[[0,\"pn-multi-row-connected-dropdown-row\",{\"dropdownData\":[1,\"dropdown-data\"],\"languageCode\":[1,\"language-code\"],\"label\":[1],\"firstDropdownLabel\":[1,\"first-dropdown-label\"],\"secondDropdownLabel\":[1,\"second-dropdown-label\"],\"dropdownPlaceholder\":[1,\"dropdown-placeholder\"],\"addRowText\":[1,\"add-row-text\"],\"inputFildLabel\":[1,\"input-fild-label\"],\"inputFildPlaceholder\":[1,\"input-fild-placeholder\"],\"dateButtonText\":[1,\"date-button-text\"],\"datePlaceholder\":[1,\"date-placeholder\"],\"dateDaysFromToday\":[2,\"date-days-from-today\"],\"allowMultipleDates\":[4,\"allow-multiple-dates\"],\"startDateLabel\":[1,\"start-date-label\"],\"endDateLabel\":[1,\"end-date-label\"],\"multiDateHelperText\":[1,\"multi-date-helper-text\"],\"generateDatesButtonText\":[1,\"generate-dates-button-text\"],\"saveDateButtonText\":[1,\"save-date-button-text\"],\"noDatesText\":[1,\"no-dates-text\"],\"index\":[2],\"predefinedValue\":[1,\"predefined-value\"],\"yearsToAddToEndDate\":[2,\"years-to-add-to-end-date\"],\"buttonsArray\":[32],\"firstDropdownArr\":[32],\"secondDropdownArr\":[32],\"firstDropdownClass\":[32],\"secondDropdownClass\":[32],\"firstValidDateString\":[32],\"lastValidDateString\":[32],\"firstDropdownPlaceholder\":[32],\"secondDropdownPlaceholder\":[32],\"starDateValue\":[32],\"endDateValue\":[32],\"generatedDatesArr\":[32],\"selectedButtonValue\":[32],\"inputFieldValue\":[32],\"dateValue\":[32],\"daysArr\":[32]},null,{\"predefinedValue\":[\"applyPredefinedValue\"]}]]],[\"pn-play-on-scroll\",[[0,\"pn-play-on-scroll\",{\"videoSrc\":[1,\"video-src\"],\"observerOptions\":[16],\"showOverlay\":[4,\"show-overlay\"],\"videoId\":[32],\"isManuallyPaused\":[32],\"isPaused\":[32]}]]],[\"pn-dropdown-with-multi-input-rows-row\",[[0,\"pn-dropdown-with-multi-input-rows-row\",{\"languageCode\":[1,\"language-code\"],\"fristInputPlaceholder\":[1,\"frist-input-placeholder\"],\"firstInputMin\":[2,\"first-input-min\"],\"firstInputMax\":[2,\"first-input-max\"],\"firstInputWarning\":[2,\"first-input-warning\"],\"firstInputWarningText\":[1,\"first-input-warning-text\"],\"firstInputLowErrorText\":[1,\"first-input-low-error-text\"],\"firstInputHighErrorText\":[1,\"first-input-high-error-text\"],\"secondInputPlaceholder\":[1,\"second-input-placeholder\"],\"secondInputMin\":[2,\"second-input-min\"],\"secondInputMax\":[2,\"second-input-max\"],\"secondInputWarning\":[2,\"second-input-warning\"],\"secondInputWarningText\":[1,\"second-input-warning-text\"],\"secondInputLowErrorText\":[1,\"second-input-low-error-text\"],\"secondInputHighErrorText\":[1,\"second-input-high-error-text\"],\"dateLabel\":[1,\"date-label\"],\"datePlaceholder\":[1,\"date-placeholder\"],\"firstValidDate\":[1,\"first-valid-date\"],\"lastValidDate\":[1,\"last-valid-date\"],\"predefinedValue\":[1,\"predefined-value\"],\"rowIndex\":[2,\"row-index\"],\"minRowCount\":[2,\"min-row-count\"],\"showFirstInputWarning\":[32],\"showFirstInputLowError\":[32],\"showFirstInputHighError\":[32],\"showSecondInputWarning\":[32],\"showSecondInputLowError\":[32],\"showSecondInputHighError\":[32],\"firstInputValue\":[32],\"secondInputValue\":[32],\"dateValue\":[32]},null,{\"predefinedValue\":[\"applyPredefinedValue\"]}]]],[\"pn-share-item\",[[4,\"pn-share-item\",{\"link\":[1],\"text\":[1]}]]],[\"pn-stats-info-data\",[[0,\"pn-stats-info-data\",{\"format\":[1],\"formatStyle\":[1,\"format-style\"],\"startValue\":[2,\"start-value\"],\"data\":[2],\"unit\":[1],\"preamble\":[1],\"duration\":[2],\"index\":[2],\"hasBeenShown\":[32],\"compId\":[32]},null,{\"hasBeenShown\":[\"watchStateHandlder\"]}]]],[\"pn-find-price-result\",[[0,\"pn-find-price-result\",{\"item\":[1040],\"shownitems\":[16],\"Usp1\":[1,\"usp-1\"],\"Usp2\":[1,\"usp-2\"],\"Usp3\":[1,\"usp-3\"],\"description\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"weightText\":[32],\"linkId\":[32],\"shopLabel\":[32],\"shopUrl\":[32],\"shopId\":[32]},null,{\"item\":[\"composeItems\"]}]]],[\"pn-filter-checkbox\",[[1,\"pn-filter-checkbox\",{\"value\":[520],\"name\":[1],\"checkboxid\":[1],\"disabled\":[4],\"checked\":[4],\"indeterminate\":[1028]},[[0,\"change\",\"handlechange\"]]]]],[\"pn-mainnav-link\",[[4,\"pn-mainnav-link\",{\"name\":[1],\"href\":[1],\"target\":[1],\"linkid\":[1],\"levelId\":[32],\"open\":[32],\"hasChildren\":[32]}]]],[\"pn-site-footer_3\",[[4,\"pn-site-footer\",{\"url\":[1],\"linktitle\":[1],\"theme\":[513]}],[4,\"pn-site-footer-col\",{\"theme\":[513]}],[0,\"pn-swan\",{\"licenseNumber\":[1,\"license-number\"],\"language\":[1537],\"linkTo\":[1,\"link-to\"],\"i18n\":[32]},null,{\"language\":[\"onLanguageChange\"]}]]],[\"pn-choice-button\",[[4,\"pn-choice-button\",{\"value\":[520],\"name\":[1],\"choiceid\":[1],\"type\":[1],\"disabled\":[4],\"checked\":[4],\"indeterminate\":[1028]},[[0,\"change\",\"handlechange\"]]]]],[\"pn-product-tile-info_2\",[[0,\"pn-product-tile-info\",{\"label\":[1],\"text\":[1],\"icon\":[1]}],[0,\"pn-product-tile-price\",{\"label\":[1],\"amount\":[1],\"currency\":[1],\"url\":[1]}]]],[\"pn-scroll_2\",[[4,\"pn-scroll\",{\"observerOptions\":[16],\"behaviourClasses\":[1,\"behaviour-classes\"],\"transitionDurationSeconds\":[2,\"transition-duration-seconds\"],\"shouldLoop\":[4,\"should-loop\"],\"intersectFunc\":[16],\"notIntersectFunc\":[16],\"compId\":[32]}],[0,\"pn-video-overlay\",{\"language\":[1],\"isPaused\":[4,\"is-paused\"],\"showOverlay\":[4,\"show-overlay\"],\"i18n\":[32]},null,{\"language\":[\"onLanguageChange\"]}]]],[\"pn-marketweb-siteheader-login-linklist\",[[0,\"pn-marketweb-siteheader-login-linklist\",{\"heading\":[1],\"links\":[16],\"idNamespace\":[1,\"id-namespace\"],\"showUnifiedLogin\":[4,\"show-unified-login\"]}]]],[\"pn-titletag\",[[4,\"pn-titletag\",{\"icon\":[1],\"color\":[1537]}]]],[\"pn-marketweb-input\",[[0,\"pn-marketweb-input\",{\"disabled\":[4],\"error\":[1],\"invalid\":[4],\"helpertext\":[1],\"label\":[1],\"placeholder\":[1],\"inputid\":[1],\"name\":[1],\"required\":[4],\"type\":[1025],\"autocomplete\":[1],\"valid\":[4],\"value\":[1],\"maxlength\":[1],\"min\":[1],\"max\":[1],\"step\":[1],\"pattern\":[1],\"showText\":[32]}]]],[\"pn-marketweb-siteheader-login-button_5\",[[0,\"pn-marketweb-siteheader-unified-login\",{\"loggedIn\":[4,\"logged-in\"],\"myPageLabel\":[1,\"my-page-label\"],\"myPageUrl\":[1,\"my-page-url\"],\"logInLabel\":[1,\"log-in-label\"]}],[0,\"pn-marketweb-siteheader-login-links\",{\"loginDialog\":[1040],\"idNamespace\":[1,\"id-namespace\"],\"loggedin\":[516],\"username\":[1],\"showUnifiedLogin\":[4,\"show-unified-login\"]},null,{\"loginDialog\":[\"init\"]}],[0,\"pn-marketweb-siteheader-login-profileselection\",{\"loginDialog\":[1040],\"endpoint\":[1],\"loggedin\":[4],\"idNamespace\":[1,\"id-namespace\"],\"heading\":[1],\"i18n\":[16],\"currentProfile\":[1040],\"profileoptions\":[1040],\"user\":[32],\"logoutLink\":[32],\"userName\":[32],\"userEmail\":[32]}],[0,\"pn-marketweb-siteheader-login-button\",{\"label\":[1]}],[0,\"pn-marketweb-siteheader-login-mypage-button\",{\"label\":[1],\"myPageUrl\":[1,\"my-page-url\"]}]]],[\"pn-language-selector_9\",[[0,\"pn-marketweb-siteheader-login\",{\"endpoint\":[1],\"token\":[1],\"i18n\":[16],\"siteUrl\":[1,\"site-url\"],\"emitEvents\":[4,\"emit-events\"],\"loginDialog\":[1040],\"fullname\":[1],\"loggedin\":[4],\"showProfileSelection\":[1028,\"show-profile-selection\"],\"showUnifiedLogin\":[4,\"show-unified-login\"],\"checkUserLoggedInStateInterval\":[2,\"check-user-logged-in-state-interval\"],\"environment\":[1],\"loginLinks\":[32],\"toggleButtonText\":[32],\"username\":[32]},null,{\"i18n\":[\"init\"],\"loginDialog\":[\"init\"]}],[4,\"pn-mainnav-level\",{\"label\":[1537],\"level\":[32],\"levelId\":[32],\"isOpen\":[32],\"parentName\":[32],\"parentHref\":[32],\"parentLinkId\":[32],\"listCount\":[32],\"alignment\":[32]},null,{\"label\":[\"setState\"],\"isOpen\":[\"onOpen\"]}],[4,\"pn-language-selector\",{\"value\":[1537],\"selectedLanguageName\":[32],\"options\":[32],\"i18n\":[32]},null,{\"value\":[\"setSelectedLanguageName\",\"setTranslations\",\"onValueChange\"]}],[0,\"pn-language-selector-option\",{\"name\":[1],\"code\":[1],\"url\":[1],\"selected\":[4],\"currentLanguage\":[1,\"current-language\"]}],[4,\"pn-mainnav\",{\"market\":[1],\"language\":[1],\"navigationId\":[1,\"navigation-id\"],\"openMenu\":[1028,\"open-menu\"],\"navLabel\":[1,\"nav-label\"]},[[0,\"language\",\"setLanguage\"],[0,\"market\",\"setMarket\"],[0,\"menuLanguageChange\",\"onLanguageChange\"],[0,\"setmenuopenstate\",\"setMenuOpenState\"],[0,\"openMenuLevelChange\",\"onOpenMenuLevelChange\"]]],[4,\"pn-mainnav-list\",{\"heading\":[1],\"linkCount\":[32]}],[0,\"pn-marketweb-siteheader-search\",{\"i18n\":[8,\"i-1-8n\"],\"showOnlyLink\":[1028,\"show-only-link\"],\"hideSearch\":[1028,\"hide-search\"],\"language\":[1537],\"siteid\":[1],\"search\":[1040],\"primary\":[4],\"icononly\":[4],\"autoCompleteOptions\":[32]}],[4,\"pn-site-selector\",{\"buttontext\":[1537],\"heading\":[1537],\"language\":[1537],\"i18n\":[32]}],[0,\"pn-site-selector-item\",{\"url\":[1],\"heading\":[1],\"description\":[1],\"newwindow\":[4]}]]],[\"pn-proxio-productcard_4\",[[4,\"pn-proxio-productcard\"],[0,\"pn-proxio-productcard-description\",{\"heading\":[1],\"highlight\":[1],\"description\":[1],\"list\":[1040]}],[0,\"pn-proxio-productcard-information\",{\"label\":[1],\"information\":[16]}],[0,\"pn-proxio-productcard-pricelink\",{\"price\":[1],\"vatText\":[1,\"vat-text\"],\"link\":[1],\"linktext\":[1]}]]],[\"pn-product-card_3\",[[0,\"pn-product-card-info\",{\"rulle\":[1],\"paket\":[1],\"label\":[1],\"text\":[1]}],[0,\"pn-product-card-price\",{\"label\":[1],\"amount\":[1],\"currency\":[1],\"note\":[1],\"url\":[1],\"service\":[1],\"linkid\":[1]}],[4,\"pn-product-card\"]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"pn-marketweb-siteheader\",[[4,\"pn-marketweb-siteheader\",{\"market\":[1537],\"language\":[1537],\"siteid\":[1],\"environment\":[1537],\"userToken\":[1,\"user-token\"],\"userFullname\":[1,\"user-fullname\"],\"userLoggedin\":[516,\"user-loggedin\"],\"endpoint\":[1],\"hideSiteSelector\":[1540,\"hide-site-selector\"],\"hideHomeMenuItem\":[1540,\"hide-home-menu-item\"],\"hideLanguageSelector\":[1540,\"hide-language-selector\"],\"hideSearch\":[1540,\"hide-search\"],\"hideLogin\":[1540,\"hide-login\"],\"showProfileSelection\":[1540,\"show-profile-selection\"],\"showUnifiedLogin\":[4,\"show-unified-login\"],\"siteDomainInUrls\":[4,\"site-domain-in-urls\"],\"AutocompleteEndpoint\":[1,\"autocomplete-endpoint\"],\"sessionForward\":[4,\"session-forward\"],\"cache\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"spaMode\":[4,\"spa-mode\"],\"checkUserLoggedInStateInterval\":[2,\"check-user-logged-in-state-interval\"],\"pageId\":[1,\"page-id\"],\"i18n\":[32],\"gotData\":[32],\"fetchingData\":[32],\"homePageLink\":[32],\"menuItems\":[32],\"siteDefinition\":[32],\"search\":[32],\"siteSelector\":[32],\"languageSelector\":[32],\"languageOptions\":[32],\"loginDialog\":[32],\"minimizeSearch\":[32],\"loggedIn\":[32]},[[0,\"setLanguage\",\"onLanguageSelectorChange\"],[0,\"loginStateChange\",\"onLoginStateChange\"],[9,\"resize\",\"handleResize\"]],{\"language\":[\"onLanguageChange\"],\"market\":[\"onMarketChange\"]}]]],[\"pn-proxio-findprice\",[[0,\"pn-proxio-findprice\",{\"endpoint\":[1025],\"language\":[1025],\"market\":[1025],\"showMedium\":[4,\"show-medium\"],\"showInternational\":[4,\"show-international\"],\"maxAbroadKg\":[2,\"max-abroad-kg\"],\"weightListName\":[1,\"weight-list-name\"],\"cache\":[4],\"filteredItems\":[32],\"weight\":[32],\"weightvalue\":[32],\"countrycodevalue\":[32],\"sizecategory\":[32],\"data\":[32]},null,{\"market\":[\"setState\"],\"language\":[\"setState\"],\"sizecategory\":[\"filterItems\"],\"weightvalue\":[\"filterItems\"],\"countrycodevalue\":[\"filterItems\"]}]]],[\"pn-find-price\",[[0,\"pn-find-price\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"filteredItems\":[32],\"weight\":[32],\"weightvalue\":[32],\"sourceData\":[32],\"sizecategory\":[32]},null,{\"market\":[\"setState\"],\"language\":[\"setState\"],\"sizecategory\":[\"filterItems\"],\"weightvalue\":[\"filterItems\"]}]]],[\"pn-find-service-and-price\",[[0,\"pn-find-service-and-price\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"filteredItems\":[32],\"postagetype\":[32],\"weight\":[32],\"weightvalue\":[32],\"deliveryscope\":[32],\"sourceData\":[32]},null,{\"market\":[\"setState\"],\"language\":[\"setState\"],\"postagetype\":[\"filterItems\"],\"deliveryscope\":[\"filterItems\"],\"weightvalue\":[\"filterItems\"]}]]],[\"pn-product-pricelist\",[[4,\"pn-product-pricelist\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"productid\":[1],\"filteredItems\":[32],\"sourceData\":[32],\"gotData\":[32],\"loading\":[32],\"postagetype\":[32],\"weight\":[32],\"weightvalue\":[32]},null,{\"market\":[\"setState\"],\"language\":[\"setState\"],\"postagetype\":[\"filterItems\"],\"weightvalue\":[\"filterItems\"]}]]],[\"pn-proxio-pricegroup\",[[0,\"pn-proxio-pricegroup\",{\"endpoint\":[1025],\"language\":[1],\"market\":[1],\"tariffid\":[1],\"cache\":[4],\"activeWeightIndex\":[32],\"data\":[32],\"i18n\":[32]},[[0,\"activeWeightIndex\",\"setActiveWeightIndex\"],[0,\"language\",\"setLanguage\"]]]]],[\"pn-product-pricelist-result\",[[0,\"pn-product-pricelist-result\",{\"item\":[1040],\"description\":[16],\"shownitems\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"weightText\":[32]},null,{\"item\":[\"composeItems\"]}]]],[\"pn-marketweb-sitefooter\",[[4,\"pn-marketweb-sitefooter\",{\"market\":[1537],\"language\":[1537],\"environment\":[1537],\"endpoint\":[1],\"siteDomainInUrls\":[4,\"site-domain-in-urls\"],\"cache\":[4],\"theme\":[513],\"backgroundcolor\":[513],\"showSwan\":[4,\"show-swan\"],\"siteDefinition\":[32],\"footerContent\":[32],\"i18n\":[32],\"gotData\":[32],\"fetchingData\":[32]},null,{\"language\":[\"onLanguageChange\"],\"market\":[\"onMarketChange\"]}]]],[\"pn-media-block\",[[4,\"pn-media-block\",{\"blockHeight\":[1,\"block-height\"],\"imageSrc\":[1,\"image-src\"],\"imageSrcSmallScreenFormat\":[1,\"image-src-small-screen-format\"],\"imageAltText\":[1,\"image-alt-text\"],\"videoSrc\":[1,\"video-src\"],\"parallaxScroll\":[4,\"parallax-scroll\"],\"showOverlayLayer\":[4,\"show-overlay-layer\"],\"customOverlayBackground\":[1,\"custom-overlay-background\"],\"animateOverlayBackground\":[4,\"animate-overlay-background\"],\"scrollSnapBlock\":[4,\"scroll-snap-block\"],\"fixedBackground\":[4,\"fixed-background\"],\"blockHeading\":[1,\"block-heading\"],\"blockHeadingLevel\":[2,\"block-heading-level\"],\"blockPreamble\":[1,\"block-preamble\"],\"pnPlayOnScrollObserverOptions\":[32],\"calculatedBlockHeight\":[32],\"hasButtonSlot\":[32]}]]],[\"pn-multi-row-connected-dropdown\",[[0,\"pn-multi-row-connected-dropdown\",{\"dropdownData\":[1,\"dropdown-data\"],\"languageCode\":[1,\"language-code\"],\"label\":[1],\"firstDropdownLabel\":[1,\"first-dropdown-label\"],\"secondDropdownLabel\":[1,\"second-dropdown-label\"],\"dropdownPlaceholder\":[1,\"dropdown-placeholder\"],\"addRowText\":[1,\"add-row-text\"],\"inputFildLabel\":[1,\"input-fild-label\"],\"inputFildPlaceholder\":[1,\"input-fild-placeholder\"],\"dateButtonText\":[1,\"date-button-text\"],\"datePlaceholder\":[1,\"date-placeholder\"],\"dateDaysFromToday\":[2,\"date-days-from-today\"],\"allowMultipleRows\":[4,\"allow-multiple-rows\"],\"allowMultipleDates\":[4,\"allow-multiple-dates\"],\"startDateLabel\":[1,\"start-date-label\"],\"endDateLabel\":[1,\"end-date-label\"],\"multiDateHelperText\":[1,\"multi-date-helper-text\"],\"generateDatesButtonText\":[1,\"generate-dates-button-text\"],\"saveDateButtonText\":[1,\"save-date-button-text\"],\"noDatesText\":[1,\"no-dates-text\"],\"yearsToAddToEndDate\":[2,\"years-to-add-to-end-date\"],\"rowCount\":[32],\"rowData\":[32],\"formValues\":[32]},[[0,\"rowValueChange\",\"predefinedValueChange\"],[0,\"deleteRowEvent\",\"deleteRowEvent\"]]]]],[\"pn-dropdown-with-multi-input-rows\",[[0,\"pn-dropdown-with-multi-input-rows\",{\"dropdownData\":[1,\"dropdown-data\"],\"languageCode\":[1,\"language-code\"],\"firstDropdownLabel\":[1,\"first-dropdown-label\"],\"firstDropdownHelperText\":[1,\"first-dropdown-helper-text\"],\"secondDropdownLabel\":[1,\"second-dropdown-label\"],\"secondDropdownHelperText\":[1,\"second-dropdown-helper-text\"],\"secondDropdownMax\":[2,\"second-dropdown-max\"],\"deleteMultipleRowsWarningText\":[1,\"delete-multiple-rows-warning-text\"],\"confirmDeleteButtonText\":[1,\"confirm-delete-button-text\"],\"abortDeleteButtonText\":[1,\"abort-delete-button-text\"],\"fristInputLabel\":[1,\"frist-input-label\"],\"fristInputPlaceholder\":[1,\"frist-input-placeholder\"],\"firstInputMin\":[2,\"first-input-min\"],\"firstInputMax\":[2,\"first-input-max\"],\"firstInputWarning\":[2,\"first-input-warning\"],\"firstInputWarningText\":[1,\"first-input-warning-text\"],\"firstInputLowErrorText\":[1,\"first-input-low-error-text\"],\"firstInputHighErrorText\":[1,\"first-input-high-error-text\"],\"secondInputLabel\":[1,\"second-input-label\"],\"secondInputPlaceholder\":[1,\"second-input-placeholder\"],\"secondInputMin\":[2,\"second-input-min\"],\"secondInputMax\":[2,\"second-input-max\"],\"secondInputWarning\":[2,\"second-input-warning\"],\"secondInputWarningText\":[1,\"second-input-warning-text\"],\"secondInputLowErrorText\":[1,\"second-input-low-error-text\"],\"secondInputHighErrorText\":[1,\"second-input-high-error-text\"],\"dateLabel\":[1,\"date-label\"],\"datePlaceholder\":[1,\"date-placeholder\"],\"dateDaysFromToday\":[2,\"date-days-from-today\"],\"yearsToAddToEndDate\":[2,\"years-to-add-to-end-date\"],\"sumFieldLabel\":[1,\"sum-field-label\"],\"addRowText\":[1,\"add-row-text\"],\"elementHelperText\":[1,\"element-helper-text\"],\"dropdownDataRoot\":[32],\"secondDropdownArr\":[32],\"rowCount\":[32],\"rowData\":[32],\"formValues\":[32],\"firstValidDateString\":[32],\"lastValidDateString\":[32],\"rowSum\":[32],\"minRowCount\":[32],\"showDelteConfirm\":[32]},[[0,\"rowValueChange\",\"predefinedValueChange\"],[0,\"firstInputChange\",\"predefinedValueChange\"],[0,\"secondInputChange\",\"predefinedValueChange\"],[0,\"deleteRowEvent\",\"deleteRowEvent\"]]]]],[\"pn-address-autofill\",[[0,\"pn-address-autofill\",{\"market\":[1537],\"environment\":[1537],\"endpoint\":[1],\"cache\":[4],\"countryCode\":[1,\"country-code\"],\"postalCodeProps\":[1,\"postal-code-props\"],\"cityProps\":[1,\"city-props\"],\"streetAddressProps\":[1,\"street-address-props\"],\"streetNumberProps\":[1,\"street-number-props\"],\"streetAdressArr\":[32],\"streetNumberArr\":[32],\"city\":[32],\"postalCode\":[32],\"streetAddress\":[32],\"streetNumber\":[32],\"fullAddress\":[32]}]]],[\"pn-dropdown-choice-adds-row\",[[4,\"pn-dropdown-choice-adds-row\",{\"dropdownData\":[1,\"dropdown-data\"],\"languageCode\":[1,\"language-code\"],\"addRowDropdownName\":[1,\"add-row-dropdown-name\"],\"addRowDropdownPlaceholder\":[1,\"add-row-dropdown-placeholder\"],\"addRowDropdownLabel\":[1,\"add-row-dropdown-label\"],\"rowNameLabel\":[1,\"row-name-label\"],\"rowHasDropdown\":[4,\"row-has-dropdown\"],\"rowDropdownLabel\":[1,\"row-dropdown-label\"],\"rowDropdownPlaceholder\":[1,\"row-dropdown-placeholder\"],\"rowInputLabel\":[1,\"row-input-label\"],\"rowDeleteButtonText\":[1,\"row-delete-button-text\"],\"totalInputLimit\":[2,\"total-input-limit\"],\"inputLimitWarning\":[1,\"input-limit-warning\"],\"nextRowIndex\":[32],\"rowSelectDropdownArr\":[32],\"columnCount\":[32],\"showWarning\":[32],\"formValue\":[32]},null,{\"dropdownData\":[\"dropdownDataWatcher\"]}]]],[\"pn-multiple-input\",[[0,\"pn-multiple-input\",{\"label\":[1],\"placeholder\":[1],\"addRowButtonText\":[1,\"add-row-button-text\"],\"rowData\":[32]}]]],[\"pn-parcel-tracker\",[[0,\"pn-parcel-tracker\",{\"formActionUrl\":[1,\"form-action-url\"],\"heading\":[1],\"buttonLabel\":[1,\"button-label\"],\"locale\":[1],\"placeholder\":[1],\"inputName\":[1,\"input-name\"],\"currentWidth\":[32]},[[9,\"resize\",\"handleViewportSizeChange\"]]]]],[\"pn-pex-pricefinder\",[[0,\"pn-pex-pricefinder\",{\"language\":[1],\"currency\":[1],\"apiUrl\":[1,\"api-url\"],\"i18n\":[32],\"fromzip\":[32],\"tozip\":[32],\"weight\":[32],\"when\":[32],\"response\":[32]},[[0,\"language\",\"setLanguage\"]]]]],[\"pn-share\",[[0,\"pn-share\",{\"link\":[1],\"language\":[1537],\"i18n\":[32]},null,{\"language\":[\"onLanguageChange\"]}]]],[\"pn-stats-info\",[[4,\"pn-stats-info\",{\"heading\":[1],\"dataArray\":[1,\"data-array\"],\"backgroundUrl\":[1,\"background-url\"],\"myParsedArray\":[32]},null,{\"dataArray\":[\"parseMyArrayProp\"]}]]],[\"pn-animated-tile\",[[4,\"pn-animated-tile\",{\"toggled\":[32],\"transitionClassName\":[32],\"animateIcon\":[32]},null,{\"toggled\":[\"onToggledHandler\"]}]]],[\"pn-app-banner\",[[0,\"pn-app-banner\",{\"appName\":[1,\"app-name\"],\"appDescription\":[1,\"app-description\"],\"ctaText\":[1,\"cta-text\"],\"appleStoreLink\":[1,\"apple-store-link\"],\"googleStoreLink\":[1,\"google-store-link\"],\"isClosed\":[32],\"storeLink\":[32],\"isLocalStorageAvailable\":[32]}]]],[\"pn-bonus-progressbar\",[[4,\"pn-bonus-progressbar\",{\"icon\":[1],\"heading\":[1],\"sumtext\":[513],\"theme\":[513],\"bonuspercentage\":[1],\"currency\":[513],\"value\":[1538],\"min\":[1538],\"max\":[1538],\"valuepercentage\":[32],\"progresspercentage\":[32],\"levelValues\":[32],\"currentLevelAdjustedValue\":[32]},null,{\"currentLevelAdjustedValue\":[\"setValuePercentage\"],\"value\":[\"setValuePercentage\"],\"min\":[\"setValuePercentage\"],\"max\":[\"setValuePercentage\"]}]]],[\"pn-bonus-progressbar-level\",[[0,\"pn-bonus-progressbar-level\",{\"current\":[516],\"value\":[1538],\"bonuspercentage\":[1537],\"visualpercentage\":[1538],\"percentage\":[32],\"max\":[32],\"min\":[32],\"currency\":[32]}]]],[\"pn-breakpoints\",[[0,\"pn-breakpoints\",{\"breakPointClass\":[1,\"break-point-class\"],\"currentWidth\":[32]},[[9,\"resize\",\"handleViewportSizeChange\"]]]]],[\"pn-chart\",[[0,\"pn-chart\",{\"labels\":[1],\"dataSets\":[1,\"data-sets\"],\"dataChartType\":[8,\"data-chart-type\"],\"myChartCtxRef\":[32]},null,{\"dataSets\":[\"dataChangeHandler\"],\"labels\":[\"labelsChangeHandler\"]}]]],[\"pn-charts-card\",[[4,\"pn-charts-card\",{\"header\":[1],\"highlight\":[1],\"preamble\":[1],\"label\":[1],\"source\":[1],\"sourceUrl\":[1,\"source-url\"],\"ctaLinkText\":[1,\"cta-link-text\"],\"openInNewWindow\":[4,\"open-in-new-window\"]}]]],[\"pn-cta-block\",[[4,\"pn-cta-block\",{\"heading\":[1],\"bodyText\":[1,\"body-text\"],\"pnBackgroundColor\":[1,\"pn-background-color\"],\"isLarge\":[4,\"is-large\"],\"isCentered\":[4,\"is-centered\"],\"isSmall\":[4,\"is-small\"],\"contentTop\":[4,\"content-top\"]}]]],[\"pn-customernumber-selector\",[[4,\"pn-customernumber-selector\",{\"language\":[1537],\"open\":[1540],\"heading\":[1],\"description\":[1],\"i18n\":[32]}]]],[\"pn-customernumber-selector-option\",[[4,\"pn-customernumber-selector-option\",{\"heading\":[1],\"description\":[1],\"url\":[1]}]]],[\"pn-date-and-time\",[[0,\"pn-date-and-time\",{\"languageCode\":[1,\"language-code\"],\"dateAndTimeLabel\":[1,\"date-and-time-label\"],\"dateDaysFromToday\":[2,\"date-days-from-today\"],\"validTimeRangeMinutes\":[2,\"valid-time-range-minutes\"],\"errorMessage\":[1,\"error-message\"],\"dateHelperText\":[1,\"date-helper-text\"],\"timeHelperText\":[1,\"time-helper-text\"],\"disableWeekends\":[4,\"disable-weekends\"],\"datePlacehodler\":[1,\"date-placehodler\"],\"language\":[32],\"hourArr\":[32],\"minuteArr\":[32],\"formValue\":[32],\"invalidTimespan\":[32],\"selectedDate\":[32],\"selectedFromHour\":[32],\"selectedFromMin\":[32],\"selectedToHour\":[32],\"selectedToMin\":[32],\"firstValidDateString\":[32],\"lastValidDateString\":[32]}]]],[\"pn-hero-block-international\",[[4,\"pn-hero-block-international\",{\"heading\":[1],\"subHeading\":[1,\"sub-heading\"],\"preamble\":[1],\"animateLogo\":[4,\"animate-logo\"],\"showSideLoader\":[4,\"show-side-loader\"],\"centeredLayout\":[4,\"centered-layout\"]}]]],[\"pn-line-shape\",[[0,\"pn-line-shape\"]]],[\"pn-link-list\",[[4,\"pn-link-list\",{\"heading\":[1],\"label\":[1],\"preamble\":[1],\"url\":[1],\"showMoreLabel\":[1,\"show-more-label\"],\"showMoreUrl\":[1,\"show-more-url\"]}]]],[\"pn-marketweb-icon\",[[0,\"pn-marketweb-icon\",{\"symbol\":[1],\"small\":[4],\"color\":[1]}]]],[\"pn-marketweb-search\",[[1,\"pn-marketweb-search\",{\"disabled\":[4],\"placeholder\":[1],\"inputid\":[1],\"name\":[1],\"autocomplete\":[1],\"list\":[1],\"value\":[1],\"label\":[1],\"loading\":[4],\"button\":[1],\"light\":[4],\"suggestionObserver\":[32],\"hasClonedInput\":[32],\"listSuggestion\":[32]},[[0,\"input\",\"inputHandler\"]]]]],[\"pn-product-tile\",[[4,\"pn-product-tile\"]]],[\"pn-profile-modal\",[[4,\"pn-profile-modal\",{\"heading\":[1],\"continueCtaText\":[1,\"continue-cta-text\"],\"choosenCompanyText\":[1,\"choosen-company-text\"],\"toText\":[1,\"to-text\"],\"chooseCustomerNumberText\":[1,\"choose-customer-number-text\"],\"isLoading\":[32]},[[0,\"urlSelected\",\"onUrlSelected\"]]]]],[\"pn-profile-modal-customernumber\",[[4,\"pn-profile-modal-customernumber\",{\"url\":[513],\"customernumber\":[513],\"selected\":[516]}]]],[\"pn-profile-modal-profile\",[[4,\"pn-profile-modal-profile\",{\"heading\":[513],\"description\":[513],\"url\":[513],\"selected\":[1028],\"showCustomerNumbers\":[516,\"show-customer-numbers\"],\"pleaseSelectText\":[513,\"please-select-text\"],\"visible\":[1540],\"identifier\":[32]}]]],[\"pn-profile-modal-type\",[[4,\"pn-profile-modal-type\",{\"typeid\":[513],\"name\":[1025],\"selected\":[1028],\"selectedprofile\":[1025]},null,{\"selected\":[\"onSelectedChange\"]}]]],[\"pn-profile-selector\",[[4,\"pn-profile-selector\",{\"language\":[1537],\"returnUrl\":[1,\"return-url\"],\"heading\":[1],\"i18n\":[32],\"isLoading\":[32],\"numberOfProfiles\":[32]}]]],[\"pn-profile-selector-option\",[[0,\"pn-profile-selector-option\",{\"heading\":[1],\"description\":[1],\"url\":[1]}]]],[\"pn-quick-cta\",[[4,\"pn-quick-cta\",{\"heading\":[1],\"preamble\":[1]}]]],[\"pn-quote-card\",[[4,\"pn-quote-card\",{\"quote\":[1],\"name\":[1],\"occupation\":[1]}]]],[\"pn-sidenav\",[[4,\"pn-sidenav\",{\"language\":[1],\"navLabel\":[1,\"nav-label\"],\"i18n\":[32]},[[0,\"language\",\"setLanguage\"],[0,\"openSubMenuLevelChange\",\"onOpenSubMenuLevelChange\"]]]]],[\"pn-sidenav-level\",[[4,\"pn-sidenav-level\",{\"level\":[32],\"levelId\":[32],\"isOpen\":[32],\"parentName\":[32],\"parentHref\":[32],\"parentLinkId\":[32],\"alignment\":[32]},null,{\"isOpen\":[\"onOpen\"]}]]],[\"pn-sidenav-link\",[[4,\"pn-sidenav-link\",{\"name\":[1],\"href\":[1],\"target\":[1],\"linkid\":[1],\"icon\":[1],\"current\":[4],\"levelId\":[32],\"open\":[32],\"hasChildren\":[32]}]]],[\"pn-sidenav-togglebutton\",[[4,\"pn-sidenav-togglebutton\",{\"label\":[1],\"i18n\":[32]}]]],[\"pn-spotlight\",[[4,\"pn-spotlight\",{\"heading\":[1],\"preamble\":[1],\"isDynamic\":[4,\"is-dynamic\"],\"addDynamic\":[32]}]]],[\"pn-teaser-card\",[[4,\"pn-teaser-card\",{\"text\":[1],\"heading\":[1],\"label\":[1],\"dataCardColor\":[513,\"data-card-color\"],\"dataCardAlignment\":[513,\"data-card-alignment\"],\"hasCtaSlotContent\":[32],\"hasIllustrationSlot\":[32]}]]],[\"pn-usp-promoter\",[[4,\"pn-usp-promoter\",{\"heading\":[1],\"headingExtension\":[1,\"heading-extension\"],\"bodyText\":[1,\"body-text\"],\"backgroundGradient\":[1,\"background-gradient\"],\"fullWidth\":[4,\"full-width\"],\"rightAlign\":[4,\"right-align\"],\"hideMobileImage\":[4,\"hide-mobile-image\"]}]]],[\"pn-proxio-findprice-result\",[[0,\"pn-proxio-findprice-result\",{\"item\":[1040],\"activeweight\":[1026],\"shownitems\":[16],\"Usp1\":[1,\"usp-1\"],\"Usp2\":[1,\"usp-2\"],\"Usp3\":[1,\"usp-3\"],\"description\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"showInternational\":[4,\"show-international\"],\"selectedCountrycode\":[1,\"selected-countrycode\"],\"market\":[1],\"language\":[1025],\"weightText\":[32],\"linkId\":[32],\"shopLabel\":[32],\"shopUrl\":[32],\"shopId\":[32],\"i18n\":[32]},null,{\"item\":[\"composeItems\"],\"activeweight\":[\"getPriceString\",\"getProductLink\"]}]]],[\"pn-find-service-and-price-result\",[[0,\"pn-find-service-and-price-result\",{\"item\":[1040],\"shownitems\":[16],\"weightText\":[32]},null,{\"item\":[\"composeItems\"]}]]],[\"pn-multi-row-connected-dropdown-row\",[[0,\"pn-multi-row-connected-dropdown-row\",{\"dropdownData\":[1,\"dropdown-data\"],\"languageCode\":[1,\"language-code\"],\"label\":[1],\"firstDropdownLabel\":[1,\"first-dropdown-label\"],\"secondDropdownLabel\":[1,\"second-dropdown-label\"],\"dropdownPlaceholder\":[1,\"dropdown-placeholder\"],\"addRowText\":[1,\"add-row-text\"],\"inputFildLabel\":[1,\"input-fild-label\"],\"inputFildPlaceholder\":[1,\"input-fild-placeholder\"],\"dateButtonText\":[1,\"date-button-text\"],\"datePlaceholder\":[1,\"date-placeholder\"],\"dateDaysFromToday\":[2,\"date-days-from-today\"],\"allowMultipleDates\":[4,\"allow-multiple-dates\"],\"startDateLabel\":[1,\"start-date-label\"],\"endDateLabel\":[1,\"end-date-label\"],\"multiDateHelperText\":[1,\"multi-date-helper-text\"],\"generateDatesButtonText\":[1,\"generate-dates-button-text\"],\"saveDateButtonText\":[1,\"save-date-button-text\"],\"noDatesText\":[1,\"no-dates-text\"],\"index\":[2],\"predefinedValue\":[1,\"predefined-value\"],\"yearsToAddToEndDate\":[2,\"years-to-add-to-end-date\"],\"buttonsArray\":[32],\"firstDropdownArr\":[32],\"secondDropdownArr\":[32],\"firstDropdownClass\":[32],\"secondDropdownClass\":[32],\"firstValidDateString\":[32],\"lastValidDateString\":[32],\"firstDropdownPlaceholder\":[32],\"secondDropdownPlaceholder\":[32],\"starDateValue\":[32],\"endDateValue\":[32],\"generatedDatesArr\":[32],\"selectedButtonValue\":[32],\"inputFieldValue\":[32],\"dateValue\":[32],\"daysArr\":[32]},null,{\"predefinedValue\":[\"applyPredefinedValue\"]}]]],[\"pn-play-on-scroll\",[[0,\"pn-play-on-scroll\",{\"videoSrc\":[1,\"video-src\"],\"observerOptions\":[16],\"showOverlay\":[4,\"show-overlay\"],\"videoId\":[32],\"isManuallyPaused\":[32],\"isPaused\":[32]}]]],[\"pn-dropdown-with-multi-input-rows-row\",[[0,\"pn-dropdown-with-multi-input-rows-row\",{\"languageCode\":[1,\"language-code\"],\"fristInputPlaceholder\":[1,\"frist-input-placeholder\"],\"firstInputMin\":[2,\"first-input-min\"],\"firstInputMax\":[2,\"first-input-max\"],\"firstInputWarning\":[2,\"first-input-warning\"],\"firstInputWarningText\":[1,\"first-input-warning-text\"],\"firstInputLowErrorText\":[1,\"first-input-low-error-text\"],\"firstInputHighErrorText\":[1,\"first-input-high-error-text\"],\"secondInputPlaceholder\":[1,\"second-input-placeholder\"],\"secondInputMin\":[2,\"second-input-min\"],\"secondInputMax\":[2,\"second-input-max\"],\"secondInputWarning\":[2,\"second-input-warning\"],\"secondInputWarningText\":[1,\"second-input-warning-text\"],\"secondInputLowErrorText\":[1,\"second-input-low-error-text\"],\"secondInputHighErrorText\":[1,\"second-input-high-error-text\"],\"dateLabel\":[1,\"date-label\"],\"datePlaceholder\":[1,\"date-placeholder\"],\"firstValidDate\":[1,\"first-valid-date\"],\"lastValidDate\":[1,\"last-valid-date\"],\"predefinedValue\":[1,\"predefined-value\"],\"rowIndex\":[2,\"row-index\"],\"minRowCount\":[2,\"min-row-count\"],\"showFirstInputWarning\":[32],\"showFirstInputLowError\":[32],\"showFirstInputHighError\":[32],\"showSecondInputWarning\":[32],\"showSecondInputLowError\":[32],\"showSecondInputHighError\":[32],\"firstInputValue\":[32],\"secondInputValue\":[32],\"dateValue\":[32]},null,{\"predefinedValue\":[\"applyPredefinedValue\"]}]]],[\"pn-share-item\",[[4,\"pn-share-item\",{\"link\":[1],\"text\":[1]}]]],[\"pn-stats-info-data\",[[0,\"pn-stats-info-data\",{\"format\":[1],\"formatStyle\":[1,\"format-style\"],\"startValue\":[2,\"start-value\"],\"data\":[2],\"unit\":[1],\"preamble\":[1],\"duration\":[2],\"index\":[2],\"hasBeenShown\":[32],\"compId\":[32]},null,{\"hasBeenShown\":[\"watchStateHandlder\"]}]]],[\"pn-find-price-result\",[[0,\"pn-find-price-result\",{\"item\":[1040],\"shownitems\":[16],\"Usp1\":[1,\"usp-1\"],\"Usp2\":[1,\"usp-2\"],\"Usp3\":[1,\"usp-3\"],\"description\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"weightText\":[32],\"linkId\":[32],\"shopLabel\":[32],\"shopUrl\":[32],\"shopId\":[32]},null,{\"item\":[\"composeItems\"]}]]],[\"pn-filter-checkbox\",[[1,\"pn-filter-checkbox\",{\"value\":[520],\"name\":[1],\"checkboxid\":[1],\"disabled\":[4],\"checked\":[4],\"indeterminate\":[1028]},[[0,\"change\",\"handlechange\"]]]]],[\"pn-mainnav-link\",[[4,\"pn-mainnav-link\",{\"name\":[1],\"href\":[1],\"target\":[1],\"linkid\":[1],\"levelId\":[32],\"open\":[32],\"hasChildren\":[32]}]]],[\"pn-site-footer_3\",[[4,\"pn-site-footer\",{\"url\":[1],\"linktitle\":[1],\"theme\":[513]}],[4,\"pn-site-footer-col\",{\"theme\":[513]}],[0,\"pn-swan\",{\"licenseNumber\":[1,\"license-number\"],\"language\":[1537],\"linkTo\":[1,\"link-to\"],\"i18n\":[32]},null,{\"language\":[\"onLanguageChange\"]}]]],[\"pn-choice-button\",[[4,\"pn-choice-button\",{\"value\":[520],\"name\":[1],\"choiceid\":[1],\"type\":[1],\"disabled\":[4],\"checked\":[4],\"indeterminate\":[1028]},[[0,\"change\",\"handlechange\"]]]]],[\"pn-product-tile-info_2\",[[0,\"pn-product-tile-info\",{\"label\":[1],\"text\":[1],\"icon\":[1]}],[0,\"pn-product-tile-price\",{\"label\":[1],\"amount\":[1],\"currency\":[1],\"url\":[1]}]]],[\"pn-scroll_2\",[[4,\"pn-scroll\",{\"observerOptions\":[16],\"behaviourClasses\":[1,\"behaviour-classes\"],\"transitionDurationSeconds\":[2,\"transition-duration-seconds\"],\"shouldLoop\":[4,\"should-loop\"],\"intersectFunc\":[16],\"notIntersectFunc\":[16],\"compId\":[32]}],[0,\"pn-video-overlay\",{\"language\":[1],\"isPaused\":[4,\"is-paused\"],\"showOverlay\":[4,\"show-overlay\"],\"i18n\":[32]},null,{\"language\":[\"onLanguageChange\"]}]]],[\"pn-marketweb-siteheader-login-linklist\",[[0,\"pn-marketweb-siteheader-login-linklist\",{\"heading\":[1],\"links\":[16],\"idNamespace\":[1,\"id-namespace\"],\"showUnifiedLogin\":[4,\"show-unified-login\"]}]]],[\"pn-titletag\",[[4,\"pn-titletag\",{\"icon\":[1],\"color\":[1537]}]]],[\"pn-marketweb-input\",[[0,\"pn-marketweb-input\",{\"disabled\":[4],\"error\":[1],\"invalid\":[4],\"helpertext\":[1],\"label\":[1],\"placeholder\":[1],\"inputid\":[1],\"name\":[1],\"required\":[4],\"type\":[1025],\"autocomplete\":[1],\"valid\":[4],\"value\":[1],\"maxlength\":[1],\"min\":[1],\"max\":[1],\"step\":[1],\"pattern\":[1],\"showText\":[32]}]]],[\"pn-marketweb-siteheader-login-button_5\",[[0,\"pn-marketweb-siteheader-unified-login\",{\"loggedIn\":[4,\"logged-in\"],\"myPageLabel\":[1,\"my-page-label\"],\"myPageUrl\":[1,\"my-page-url\"],\"logInLabel\":[1,\"log-in-label\"]}],[0,\"pn-marketweb-siteheader-login-links\",{\"loginDialog\":[1040],\"idNamespace\":[1,\"id-namespace\"],\"loggedin\":[516],\"username\":[1],\"showUnifiedLogin\":[4,\"show-unified-login\"]},null,{\"loginDialog\":[\"init\"]}],[0,\"pn-marketweb-siteheader-login-profileselection\",{\"loginDialog\":[1040],\"endpoint\":[1],\"loggedin\":[4],\"idNamespace\":[1,\"id-namespace\"],\"heading\":[1],\"i18n\":[16],\"currentProfile\":[1040],\"profileoptions\":[1040],\"user\":[32],\"logoutLink\":[32],\"userName\":[32],\"userEmail\":[32]}],[0,\"pn-marketweb-siteheader-login-button\",{\"label\":[1]}],[0,\"pn-marketweb-siteheader-login-mypage-button\",{\"label\":[1],\"myPageUrl\":[1,\"my-page-url\"]}]]],[\"pn-language-selector_9\",[[0,\"pn-marketweb-siteheader-login\",{\"endpoint\":[1],\"token\":[1],\"i18n\":[16],\"siteUrl\":[1,\"site-url\"],\"emitEvents\":[4,\"emit-events\"],\"loginDialog\":[1040],\"fullname\":[1],\"loggedin\":[4],\"showProfileSelection\":[1028,\"show-profile-selection\"],\"showUnifiedLogin\":[4,\"show-unified-login\"],\"checkUserLoggedInStateInterval\":[2,\"check-user-logged-in-state-interval\"],\"environment\":[1],\"loginLinks\":[32],\"toggleButtonText\":[32],\"username\":[32]},null,{\"i18n\":[\"init\"],\"loginDialog\":[\"init\"]}],[4,\"pn-mainnav-level\",{\"label\":[1537],\"level\":[32],\"levelId\":[32],\"isOpen\":[32],\"parentName\":[32],\"parentHref\":[32],\"parentLinkId\":[32],\"listCount\":[32],\"alignment\":[32]},null,{\"label\":[\"setState\"],\"isOpen\":[\"onOpen\"]}],[4,\"pn-language-selector\",{\"value\":[1537],\"selectedLanguageName\":[32],\"options\":[32],\"i18n\":[32]},null,{\"value\":[\"setSelectedLanguageName\",\"setTranslations\",\"onValueChange\"]}],[0,\"pn-language-selector-option\",{\"name\":[1],\"code\":[1],\"url\":[1],\"selected\":[4],\"currentLanguage\":[1,\"current-language\"]}],[4,\"pn-mainnav\",{\"market\":[1],\"language\":[1],\"navigationId\":[1,\"navigation-id\"],\"openMenu\":[1028,\"open-menu\"],\"navLabel\":[1,\"nav-label\"]},[[0,\"language\",\"setLanguage\"],[0,\"market\",\"setMarket\"],[0,\"menuLanguageChange\",\"onLanguageChange\"],[0,\"setmenuopenstate\",\"setMenuOpenState\"],[0,\"openMenuLevelChange\",\"onOpenMenuLevelChange\"]]],[4,\"pn-mainnav-list\",{\"heading\":[1],\"linkCount\":[32]}],[0,\"pn-marketweb-siteheader-search\",{\"i18n\":[8,\"i-1-8n\"],\"showOnlyLink\":[1028,\"show-only-link\"],\"hideSearch\":[1028,\"hide-search\"],\"language\":[1537],\"siteid\":[1],\"search\":[1040],\"primary\":[4],\"icononly\":[4],\"autoCompleteOptions\":[32]}],[4,\"pn-site-selector\",{\"buttontext\":[1537],\"heading\":[1537],\"language\":[1537],\"i18n\":[32]}],[0,\"pn-site-selector-item\",{\"url\":[1],\"heading\":[1],\"description\":[1],\"newwindow\":[4]}]]],[\"pn-proxio-productcard_4\",[[4,\"pn-proxio-productcard\"],[0,\"pn-proxio-productcard-description\",{\"heading\":[1],\"highlight\":[1],\"description\":[1],\"list\":[1040]}],[0,\"pn-proxio-productcard-information\",{\"label\":[1],\"information\":[16]}],[0,\"pn-proxio-productcard-pricelink\",{\"price\":[1],\"vatText\":[1,\"vat-text\"],\"link\":[1],\"linktext\":[1]}]]],[\"pn-product-card_3\",[[0,\"pn-product-card-info\",{\"rulle\":[1],\"paket\":[1],\"label\":[1],\"text\":[1]}],[0,\"pn-product-card-price\",{\"label\":[1],\"amount\":[1],\"currency\":[1],\"note\":[1],\"url\":[1],\"service\":[1],\"linkid\":[1]}],[4,\"pn-product-card\"]]]]"), options);
 };
 
 export { defineCustomElements };

package/esm/pn-address-autofill.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, d as Host, g as getElement } from './index-fa51bde4.js';
-import { F as FetchHelper, M as MarketWebContextService } from './FetchHelper-03b37a44.js';
+import { r as registerInstance, c as createEvent, g as getElement, h, d as Host } from './index-fa51bde4.js';
+import { F as FetchHelper, M as MarketWebContextService } from './FetchHelper-da579b12.js';
 import { d as debounce } from './index-1093ae90.js';
 
 const pnAddressAutofillCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-address-autofill pn-marketweb-input{width:50%}pn-address-autofill .input-container-row{display:flex;gap:1rem;margin-bottom:1rem}pn-address-autofill .label-container{color:#5e554a;font-size:0.875em;display:flex;justify-content:space-between;align-items:flex-end}pn-address-autofill .autocomplete-items{position:absolute;border-radius:0.8rem;border:0.1rem solid #5e554a;width:100%;max-height:30rem;overflow-y:auto}pn-address-autofill .autocomplete-items:hover,pn-address-autofill .autocomplete-items :focus{border:0.1rem solid #00a0d6}pn-address-autofill .autocomplete-items div{padding:1.6rem;cursor:pointer;background-color:#fff;border:0.1rem solid transparent}pn-address-autofill .autocomplete-items div:first-child{border-radius:0.8rem 0.8rem 0 0}pn-address-autofill .autocomplete-items div:last-child{border-radius:0 0 0.8rem 0.8rem}pn-address-autofill .autocomplete-items div:hover{background-color:#e0f8ff}pn-address-autofill .autocomplete-items .autocomplete-active{background-color:#e0f8ff}";
@@ -9,47 +9,6 @@ const PnAddressAutofill = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.addresscomplete = createEvent(this, "addresscomplete", 7);
-        this.pnInputPostalCode = null;
-        this.pnInputCity = null;
-        this.pnInputStreetAddress = null;
-        this.pnInputStreetNumber = null;
-        this.postalCodeInputField = null;
-        this.streetAddressInputField = null;
-        this.streetNumberInputField = null;
-        this.pnInputHiddenValue = null;
-        this.endpointPath = '/api/location/get-by-location';
-        this._postalCodeProps = null;
-        this._cityProps = null;
-        this._streetAddressProps = null;
-        this._streetNumberProps = null;
-        this.fetchHelper = new FetchHelper('PostalCodeCityAutofill');
-        this.filterStreetNames = (data) => {
-            const addresses = [];
-            this.streetAdressArr = null;
-            data.addresses.forEach(item => {
-                if (item.postalCode.postalCity === this.city && !addresses.includes(item.street)) {
-                    addresses.push(item.street);
-                }
-            });
-            this.streetAdressArr = addresses;
-        };
-        this.filterStreetNumbers = (data) => {
-            const streetNumbersResult = [];
-            data.addresses.forEach(item => {
-                if (item.postalCode.postalCode === this.postalCode) {
-                    const { numberFrom, numberTo } = item;
-                    const from = parseInt(numberFrom);
-                    const to = parseInt(numberTo);
-                    for (let i = from; i <= to; i++) {
-                        const nrString = i.toString();
-                        if (!streetNumbersResult.includes(nrString)) {
-                            streetNumbersResult.push(i.toString());
-                        }
-                    }
-                }
-            });
-            this.streetNumberArr = streetNumbersResult;
-        };
         this.market = null;
         this.environment = null;
         this.endpoint = null;
@@ -67,6 +26,22 @@ const PnAddressAutofill = class {
         this.streetNumber = null;
         this.fullAddress = null;
     }
+    get hostElement() { return getElement(this); }
+    pnInputPostalCode = null;
+    pnInputCity = null;
+    pnInputStreetAddress = null;
+    pnInputStreetNumber = null;
+    postalCodeInputField = null;
+    streetAddressInputField = null;
+    streetNumberInputField = null;
+    pnInputHiddenValue = null;
+    endpointPath = '/api/location/get-by-location';
+    _postalCodeProps = null;
+    _cityProps = null;
+    _streetAddressProps = null;
+    _streetNumberProps = null;
+    addresscomplete;
+    fetchHelper = new FetchHelper('PostalCodeCityAutofill');
     componentWillLoad() {
         this.setInitialValues();
         this._postalCodeProps = this.setProps(this.postalCodeProps);
@@ -89,12 +64,11 @@ const PnAddressAutofill = class {
         this.addEventHandlers();
     }
     async setInitialValues(href = window.location.href) {
-        var _a;
         const marketWebContextService = new MarketWebContextService(href);
         if (!this.environment) {
             this.environment = await marketWebContextService.getEnvironmentName();
         }
-        if (!this.endpoint && ((_a = this.environment) === null || _a === void 0 ? void 0 : _a.indexOf('local')) === -1) {
+        if (!this.endpoint && this.environment?.indexOf('local') === -1) {
             this.endpoint = await marketWebContextService.getEndpoint(this.environment, this.market);
         }
         if (!this.endpoint) {
@@ -130,7 +104,6 @@ const PnAddressAutofill = class {
         this.addresscomplete.emit(this.fullAddress);
     }
     async fetchData(field, e) {
-        var _a;
         if (e) {
             e.preventDefault();
             if (e.key === 'Tab') {
@@ -171,7 +144,7 @@ const PnAddressAutofill = class {
             }, this.cache));
             if (data) {
                 if (isPostalCodeSearch) {
-                    this.city = data.postalCodes ? (_a = data.postalCodes[0]) === null || _a === void 0 ? void 0 : _a.postalCity : null;
+                    this.city = data.postalCodes ? data.postalCodes[0]?.postalCity : null;
                 }
                 if (isStreetAddressSearch && data.addresses) {
                     this.postalCode = this.postalCodeInputField.value;
@@ -183,6 +156,33 @@ const PnAddressAutofill = class {
             }
         }
     }
+    filterStreetNames = (data) => {
+        const addresses = [];
+        this.streetAdressArr = null;
+        data.addresses.forEach(item => {
+            if (item.postalCode.postalCity === this.city && !addresses.includes(item.street)) {
+                addresses.push(item.street);
+            }
+        });
+        this.streetAdressArr = addresses;
+    };
+    filterStreetNumbers = (data) => {
+        const streetNumbersResult = [];
+        data.addresses.forEach(item => {
+            if (item.postalCode.postalCode === this.postalCode) {
+                const { numberFrom, numberTo } = item;
+                const from = parseInt(numberFrom);
+                const to = parseInt(numberTo);
+                for (let i = from; i <= to; i++) {
+                    const nrString = i.toString();
+                    if (!streetNumbersResult.includes(nrString)) {
+                        streetNumbersResult.push(i.toString());
+                    }
+                }
+            }
+        });
+        this.streetNumberArr = streetNumbersResult;
+    };
     async handleStreetAddressDropdown(e) {
         const target = e.target;
         if (target === this.streetAddressInputField && target.value.length) {
@@ -309,10 +309,8 @@ const PnAddressAutofill = class {
         }
     }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
-        return (h(Host, { key: '31d54cc786afb2a8b9ea3f0122fc146e837e8e97', class: "pn-address-autofill" }, ((_a = this._postalCodeProps) === null || _a === void 0 ? void 0 : _a.postalCodeCityLabel) ? (h("div", { class: "label-container" }, h("label", null, `${this._postalCodeProps.postalCodeCityLabel}`))) : null, h("div", { key: 'b4ec3793c6895ba3b52795e80891b842973d6545', class: "input-container-row" }, h("pn-marketweb-input", { key: 'e1c3e2f0623a2c012c11db7d197f041dbffebcd6', type: "text", name: (_b = this._postalCodeProps) === null || _b === void 0 ? void 0 : _b.postalCodeInputName, required: (_c = this._postalCodeProps) === null || _c === void 0 ? void 0 : _c.postalCodeInputRequired, placeholder: (_d = this._postalCodeProps) === null || _d === void 0 ? void 0 : _d.postalCodeInputPlaceholder, ref: el => (this.pnInputPostalCode = el), autocomplete: "off", helpertext: (_e = this._postalCodeProps) === null || _e === void 0 ? void 0 : _e.postalCodeInputHelpertext }), h("pn-marketweb-input", { key: '3c88411b408874109fc7014b2306549d6f75cfcd', type: "text", name: (_f = this._cityProps) === null || _f === void 0 ? void 0 : _f.cityInputName, disabled: true, value: this.city, placeholder: (_g = this._cityProps) === null || _g === void 0 ? void 0 : _g.cityInputPlaceholder, autocomplete: "off", helpertext: (_h = this._cityProps) === null || _h === void 0 ? void 0 : _h.cityInputHelpertext })), ((_j = this._streetAddressProps) === null || _j === void 0 ? void 0 : _j.streetAddressNumberLabel) ? (h("div", { class: "label-container" }, h("label", null, `${this._streetAddressProps.streetAddressNumberLabel}`))) : null, h("div", { key: '1f3f232bebd83bff4d31b3b79a86d03117e2136d', class: "input-container-row" }, h("pn-marketweb-input", { key: '3fae08f0de34286a23b145ffdf02d63ba63981ab', type: "text", name: (_k = this._streetAddressProps) === null || _k === void 0 ? void 0 : _k.streetAddressInputName, required: (_l = this._streetAddressProps) === null || _l === void 0 ? void 0 : _l.streetAddressInputRequired, value: this.streetAddress, placeholder: (_m = this._streetAddressProps) === null || _m === void 0 ? void 0 : _m.streetAddressInputPlaceholder, ref: el => (this.pnInputStreetAddress = el), autocomplete: "off", helpertext: (_o = this._streetAddressProps) === null || _o === void 0 ? void 0 : _o.streetAddressInputHelpertext }), h("pn-marketweb-input", { key: '9293d6d05fea0fb4df8bfb9a45d608efa6feb202', type: "text", name: (_p = this._streetNumberProps) === null || _p === void 0 ? void 0 : _p.streetNumberInputName, required: (_q = this._streetNumberProps) === null || _q === void 0 ? void 0 : _q.streetNumberInputRequired, value: this.streetNumber, placeholder: (_r = this._streetNumberProps) === null || _r === void 0 ? void 0 : _r.streetNumberInputPlaceholder, ref: el => (this.pnInputStreetNumber = el), autocomplete: "off", helpertext: (_s = this._streetNumberProps) === null || _s === void 0 ? void 0 : _s.streetNumberInputHelpertext }))));
+        return (h(Host, { key: '31d54cc786afb2a8b9ea3f0122fc146e837e8e97', class: "pn-address-autofill" }, this._postalCodeProps?.postalCodeCityLabel ? (h("div", { class: "label-container" }, h("label", null, `${this._postalCodeProps.postalCodeCityLabel}`))) : null, h("div", { key: 'b4ec3793c6895ba3b52795e80891b842973d6545', class: "input-container-row" }, h("pn-marketweb-input", { key: 'e1c3e2f0623a2c012c11db7d197f041dbffebcd6', type: "text", name: this._postalCodeProps?.postalCodeInputName, required: this._postalCodeProps?.postalCodeInputRequired, placeholder: this._postalCodeProps?.postalCodeInputPlaceholder, ref: el => (this.pnInputPostalCode = el), autocomplete: "off", helpertext: this._postalCodeProps?.postalCodeInputHelpertext }), h("pn-marketweb-input", { key: '3c88411b408874109fc7014b2306549d6f75cfcd', type: "text", name: this._cityProps?.cityInputName, disabled: true, value: this.city, placeholder: this._cityProps?.cityInputPlaceholder, autocomplete: "off", helpertext: this._cityProps?.cityInputHelpertext })), this._streetAddressProps?.streetAddressNumberLabel ? (h("div", { class: "label-container" }, h("label", null, `${this._streetAddressProps.streetAddressNumberLabel}`))) : null, h("div", { key: '1f3f232bebd83bff4d31b3b79a86d03117e2136d', class: "input-container-row" }, h("pn-marketweb-input", { key: '3fae08f0de34286a23b145ffdf02d63ba63981ab', type: "text", name: this._streetAddressProps?.streetAddressInputName, required: this._streetAddressProps?.streetAddressInputRequired, value: this.streetAddress, placeholder: this._streetAddressProps?.streetAddressInputPlaceholder, ref: el => (this.pnInputStreetAddress = el), autocomplete: "off", helpertext: this._streetAddressProps?.streetAddressInputHelpertext }), h("pn-marketweb-input", { key: '9293d6d05fea0fb4df8bfb9a45d608efa6feb202', type: "text", name: this._streetNumberProps?.streetNumberInputName, required: this._streetNumberProps?.streetNumberInputRequired, value: this.streetNumber, placeholder: this._streetNumberProps?.streetNumberInputPlaceholder, ref: el => (this.pnInputStreetNumber = el), autocomplete: "off", helpertext: this._streetNumberProps?.streetNumberInputHelpertext }))));
     }
-    get hostElement() { return getElement(this); }
 };
 PnAddressAutofill.style = PnAddressAutofillStyle0;
 

package/esm/pn-address-autofill.entry.js.map

@@ -1 +1 @@
-{"file":"pn-address-autofill.entry.js","mappings":"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","names":[],"sources":["src/components/input/pn-address-autofill/pn-address-autofill.scss?tag=pn-address-autofill","src/components/input/pn-address-autofill/pn-address-autofill.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-address-autofill {\n  pn-marketweb-input {\n    width: 50%;\n  }\n\n  .input-container-row {\n    display: flex;\n    //flex-grow: 1;\n    gap: 1rem;\n    margin-bottom: 1rem;\n  }\n\n  .label-container {\n    color: $gray700;\n    font-size: 0.875em;\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-end;\n  }\n\n  .autocomplete-items {\n    position: absolute;\n    border-radius: 0.8rem;\n    border: 0.1rem solid $gray700;\n    width: 100%;\n    max-height: 30rem;\n    overflow-y: auto;\n\n    &:hover,\n    :focus {\n      border: 0.1rem solid $blue400;\n    }\n\n    div {\n      padding: 1.6rem;\n      cursor: pointer;\n      background-color: #fff;\n      border: 0.1rem solid transparent;\n\n      &:first-child {\n        border-radius: 0.8rem 0.8rem 0 0;\n      }\n\n      &:last-child {\n        border-radius: 0 0 0.8rem 0.8rem;\n      }\n\n      &:hover {\n        background-color: #e0f8ff;\n      }\n    }\n\n    .autocomplete-active {\n      background-color: #e0f8ff;\n    }\n  }\n}\n","import { Component, Prop, h, Element, State, Host, EventEmitter, Event } from '@stencil/core';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { FetchHelper } from '../../../globals/FetchHelper';\nimport { Root, PostalCodeProps, CityProps, StreetAddressProps, StreetNumberProps } from './types';\nimport debounce from 'debounce';\n\n@Component({\n  tag: 'pn-address-autofill',\n  styleUrl: 'pn-address-autofill.scss',\n})\nexport class PnAddressAutofill {\n  @Element() hostElement: Element;\n  pnInputPostalCode: HTMLElement = null;\n  pnInputCity: HTMLElement = null;\n  pnInputStreetAddress: HTMLElement = null;\n  pnInputStreetNumber: HTMLElement = null;\n  postalCodeInputField: HTMLInputElement = null;\n  streetAddressInputField: HTMLInputElement = null;\n  streetNumberInputField: HTMLInputElement = null;\n  pnInputHiddenValue: HTMLElement = null;\n  endpointPath = '/api/location/get-by-location';\n  private _postalCodeProps: PostalCodeProps = null;\n  private _cityProps: CityProps = null;\n  private _streetAddressProps: StreetAddressProps = null;\n  private _streetNumberProps: StreetNumberProps = null;\n\n  /** Specifies which market we want to show (se,dk,fi,no,com) */\n  @Prop({ mutable: true, reflect: true }) market: string = null; //se\n  /** Specifies which environment we're fetching data from. (production, preproduction, integration, localhost) */\n  @Prop({ mutable: true, reflect: true }) environment: string = null; //sv\n  @Prop() endpoint: string = null;\n  @Prop() cache: boolean = true;\n  @Prop() countryCode: string = null;\n  @Prop() postalCodeProps: string | PostalCodeProps = null;\n  @Prop() cityProps: string | CityProps = null;\n  @Prop() streetAddressProps: string | StreetAddressProps = null;\n  @Prop() streetNumberProps: string | StreetNumberProps = null;\n\n  @State() streetAdressArr: string[] = null;\n  @State() streetNumberArr: string[] = null;\n  @State() city: string = null;\n  @State() postalCode: string = null;\n  @State() streetAddress: string = null;\n  @State() streetNumber: string = null;\n  @State() fullAddress: string = null;\n\n  @Event() addresscomplete: EventEmitter<string>;\n\n  fetchHelper = new FetchHelper('PostalCodeCityAutofill');\n\n  componentWillLoad() {\n    this.setInitialValues();\n    this._postalCodeProps = this.setProps(this.postalCodeProps);\n    this._cityProps = this.setProps(this.cityProps);\n    this._streetAddressProps = this.setProps(this.streetAddressProps);\n    this._streetNumberProps = this.setProps(this.streetNumberProps);\n  }\n\n  setProps(props) {\n    if (typeof props === 'string') {\n      return JSON.parse(props);\n    } else {\n      return props;\n    }\n  }\n\n  componentDidLoad() {\n    this.postalCodeInputField = this.pnInputPostalCode.querySelector('input');\n    this.streetAddressInputField = this.pnInputStreetAddress.querySelector('input');\n    this.streetNumberInputField = this.pnInputStreetNumber.querySelector('input');\n    this.addEventHandlers();\n  }\n\n  async setInitialValues(href = window.location.href) {\n    const marketWebContextService = new MarketWebContextService(href);\n    if (!this.environment) {\n      this.environment = await marketWebContextService.getEnvironmentName();\n    }\n\n    if (!this.endpoint && this.environment?.indexOf('local') === -1) {\n      this.endpoint = await marketWebContextService.getEndpoint(this.environment, this.market);\n    }\n\n    if (!this.endpoint) {\n      this.endpoint = '';\n    }\n  }\n\n  addEventHandlers() {\n    const postalCodeSearch = debounce(this.fetchData.bind(this, this.postalCodeInputField), 1000);\n    this.postalCodeInputField.addEventListener('keyup', postalCodeSearch);\n    this.streetAddressInputField.addEventListener('keyup', this.handleStreetAddressDropdown.bind(this));\n    this.streetNumberInputField.addEventListener('focus', this.handleStreetNumberDropdown.bind(this));\n    this.addFormFieldEvent();\n  }\n\n  addFormFieldEvent() {\n    const allInputs = this.hostElement.querySelectorAll('input');\n    allInputs.forEach(element => {\n      ['keyup', 'change'].forEach(eventName => {\n        const debounceUpdate = debounce(this.updateHiddenValue.bind(this), 1000);\n        element.addEventListener(eventName, debounceUpdate);\n      });\n    });\n  }\n\n  updateHiddenValue(e) {\n    if (e.target === this.streetNumberInputField) {\n      this.streetNumber = this.streetNumberInputField.value;\n    }\n\n    if (this.postalCode && this.city && this.streetAddress && this.streetNumber) {\n      this.fullAddress = `${this.streetAddress} ${this.streetNumber}, ${this.city} ${this.postalCode}`;\n    } else {\n      this.fullAddress = '';\n    }\n\n    this.addresscomplete.emit(this.fullAddress);\n  }\n\n  async fetchData(field, e: KeyboardEvent) {\n    if (e) {\n      e.preventDefault();\n\n      if (e.key === 'Tab') {\n        if (this.city) {\n          return;\n        }\n      }\n    }\n\n    let query = '';\n    const isPostalCodeSearch = e && e.target === this.postalCodeInputField;\n    const isStreetAddressSearch = field === this.streetAddressInputField && this.city && this.city.length;\n    const isStreetNumberSearch = field === this.streetNumberInputField && this.city && this.city.length && this.streetAddress && this.streetAddress.length;\n\n    if (isPostalCodeSearch) {\n      query = this.postalCodeInputField.value;\n      this.streetAdressArr = null;\n      this.streetAddressInputField.value = '';\n      this.streetNumberArr = null;\n      this.streetNumberInputField.value = '';\n      this.city = null;\n      this.streetAddress = null;\n      this.streetNumber = null;\n    }\n    if (isStreetAddressSearch) {\n      query = `${this.streetAddressInputField.value}, ${this.city}`;\n      this.streetNumberArr = null;\n      this.streetNumberInputField.value = '';\n      this.streetNumber = null;\n    }\n    if (isStreetNumberSearch) {\n      this.streetAdressArr = null;\n      query = `${this.streetAddress}, ${this.city}`;\n    }\n\n    if (query.length > 0) {\n      const endpointBase = this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;\n      const fetchUrl = `${endpointBase}${this.endpointPath}?countryCode=${this.countryCode}&query=${query}`;\n      const data = (await this.fetchHelper.fetchJson(\n        fetchUrl,\n        {\n          mode: 'cors',\n        },\n        this.cache,\n      )) as Root;\n\n      if (data) {\n        if (isPostalCodeSearch) {\n          this.city = data.postalCodes ? data.postalCodes[0]?.postalCity : null;\n        }\n\n        if (isStreetAddressSearch && data.addresses) {\n          this.postalCode = this.postalCodeInputField.value;\n          this.filterStreetNames(data);\n        }\n\n        if (isStreetNumberSearch && data.addresses) {\n          this.filterStreetNumbers(data);\n        }\n      }\n    }\n  }\n\n  filterStreetNames = (data: Root) => {\n    const addresses: string[] = [];\n    this.streetAdressArr = null;\n    data.addresses.forEach(item => {\n      if (item.postalCode.postalCity === this.city && !addresses.includes(item.street)) {\n        addresses.push(item.street);\n      }\n    });\n    this.streetAdressArr = addresses;\n  };\n\n  filterStreetNumbers = (data: Root) => {\n    const streetNumbersResult: string[] = [];\n    data.addresses.forEach(item => {\n      if (item.postalCode.postalCode === this.postalCode) {\n        const { numberFrom, numberTo } = item;\n        const from = parseInt(numberFrom);\n        const to = parseInt(numberTo);\n\n        for (let i = from; i <= to; i++) {\n          const nrString = i.toString();\n          if (!streetNumbersResult.includes(nrString)) {\n            streetNumbersResult.push(i.toString());\n          }\n        }\n      }\n    });\n    this.streetNumberArr = streetNumbersResult;\n  };\n\n  async handleStreetAddressDropdown(e) {\n    const target = e.target;\n\n    if (target === this.streetAddressInputField && target.value.length) {\n      if (!this.streetAdressArr || !this.streetAdressArr.length) {\n        await this.fetchData(this.streetAddressInputField, null);\n      }\n    }\n\n    if (!target.value || !target.value.length) {\n      this.streetAdressArr = null;\n    }\n\n    if (this.streetAdressArr && this.streetAdressArr.length) {\n      this.autoComplete(e, this.streetAdressArr);\n    }\n  }\n\n  async handleStreetNumberDropdown(e) {\n    e.preventDefault();\n    const target = e.target;\n\n    if (target === this.streetNumberInputField) {\n      if (!this.streetNumberArr || !this.streetNumberArr.length) {\n        await this.fetchData(this.streetNumberInputField, null);\n      }\n      if (this.streetNumberArr) {\n        this.autoComplete(e, this.streetNumberArr);\n      }\n    }\n  }\n\n  autoComplete(e, arr: string[]) {\n    const inputField = e.target;\n    if (arr.length < 1) {\n      return;\n    }\n\n    let currentFocus = 0;\n\n    inputField.addEventListener('input', () => {\n      const val = inputField.value;\n      this.closeAllLists(inputField);\n\n      if (!val) {\n        return;\n      }\n\n      currentFocus = -1;\n      let list = document.createElement('div');\n      list.setAttribute('id', 'autocomplete-list' + inputField.name);\n      list.setAttribute('class', 'autocomplete-items');\n      inputField.parentElement.appendChild(list);\n      for (let i = 0; i < arr.length; i++) {\n        if (arr[i].substring(0, val.length).toUpperCase() == val.toUpperCase()) {\n          let option = document.createElement('div');\n          option.innerHTML = '<strong>' + arr[i].substring(0, val.length) + '</strong>';\n          option.innerHTML += arr[i].substring(val.length);\n          option.innerHTML += \"<input type='hidden' value='\" + arr[i] + \"'>\";\n          option.addEventListener('click', clickEvent => {\n            const inputParrent = inputField.closest('pn-marketweb-input');\n            let eventTarget = clickEvent.target as HTMLElement;\n            if (eventTarget.nodeName === 'STRONG') {\n              eventTarget = eventTarget.parentElement;\n            }\n            inputParrent.value = eventTarget.getElementsByTagName('input')[0].value;\n\n            if (inputField === this.streetNumberInputField) {\n              this.streetNumber = inputParrent.value;\n            }\n            if (inputField === this.streetAddressInputField) {\n              this.streetAddress = inputParrent.value;\n            }\n\n            this.closeAllLists(clickEvent.target);\n            inputField.focus();\n          });\n\n          list.appendChild(option);\n        }\n      }\n    });\n\n    inputField.addEventListener('keydown', keydownEvent => {\n      const listElement = document.getElementById('autocomplete-list' + inputField.name);\n      let element;\n      if (listElement) {\n        element = listElement.getElementsByTagName('div');\n      } else {\n        element = listElement;\n      }\n\n      //If arrow DOWN key is pressed\n      if (keydownEvent.keyCode == 40) {\n        currentFocus++;\n        this.addActive(element, currentFocus);\n      }\n\n      //If the arrow UP key is pressed\n      if (keydownEvent.keyCode == 38) {\n        currentFocus--;\n        this.addActive(element, currentFocus);\n      }\n\n      //If the ENTER key is pressed\n      if (keydownEvent.keyCode == 13) {\n        keydownEvent.preventDefault();\n        if (currentFocus > -1) {\n          if (element) {\n            element[currentFocus].click();\n          }\n        }\n      }\n    });\n  }\n\n  //close all autocomplete lists in the document, except the one passed as an argument:\n  closeAllLists(elmnt) {\n    const lists = document.getElementsByClassName('autocomplete-items');\n    for (let i = 0; i < lists.length; i++) {\n      if (elmnt != lists[i]) {\n        lists[i].parentNode.removeChild(lists[i]);\n      }\n    }\n  }\n\n  //a function to classify an item as \"active\":\n  addActive(elmnt, currentFocus) {\n    if (!elmnt) return;\n    this.removeActive(elmnt);\n    if (currentFocus >= elmnt.length) currentFocus = 0;\n    if (currentFocus < 0) currentFocus = elmnt.length - 1;\n    elmnt[currentFocus].classList.add('autocomplete-active');\n  }\n\n  //a function to remove the \"active\" class from all autocomplete items:\n  removeActive(elmnt) {\n    for (let i = 0; i < elmnt.length; i++) {\n      elmnt[i].classList.remove('autocomplete-active');\n    }\n  }\n\n  render() {\n    return (\n      <Host class=\"pn-address-autofill\">\n        {this._postalCodeProps?.postalCodeCityLabel ? (\n          <div class=\"label-container\">\n            <label>{`${this._postalCodeProps.postalCodeCityLabel}`}</label>\n          </div>\n        ) : null}\n        <div class=\"input-container-row\">\n          <pn-marketweb-input\n            type=\"text\"\n            name={this._postalCodeProps?.postalCodeInputName}\n            required={this._postalCodeProps?.postalCodeInputRequired}\n            placeholder={this._postalCodeProps?.postalCodeInputPlaceholder}\n            ref={el => (this.pnInputPostalCode = el as HTMLElement)}\n            autocomplete=\"off\"\n            helpertext={this._postalCodeProps?.postalCodeInputHelpertext}\n          ></pn-marketweb-input>\n\n          <pn-marketweb-input\n            type=\"text\"\n            name={this._cityProps?.cityInputName}\n            disabled\n            value={this.city}\n            placeholder={this._cityProps?.cityInputPlaceholder}\n            autocomplete=\"off\"\n            helpertext={this._cityProps?.cityInputHelpertext}\n          ></pn-marketweb-input>\n        </div>\n\n        {this._streetAddressProps?.streetAddressNumberLabel ? (\n          <div class=\"label-container\">\n            <label>{`${this._streetAddressProps.streetAddressNumberLabel}`}</label>\n          </div>\n        ) : null}\n        <div class=\"input-container-row\">\n          <pn-marketweb-input\n            type=\"text\"\n            name={this._streetAddressProps?.streetAddressInputName}\n            required={this._streetAddressProps?.streetAddressInputRequired}\n            value={this.streetAddress}\n            placeholder={this._streetAddressProps?.streetAddressInputPlaceholder}\n            ref={el => (this.pnInputStreetAddress = el as HTMLElement)}\n            autocomplete=\"off\"\n            helpertext={this._streetAddressProps?.streetAddressInputHelpertext}\n          ></pn-marketweb-input>\n\n          <pn-marketweb-input\n            type=\"text\"\n            name={this._streetNumberProps?.streetNumberInputName}\n            required={this._streetNumberProps?.streetNumberInputRequired}\n            value={this.streetNumber}\n            placeholder={this._streetNumberProps?.streetNumberInputPlaceholder}\n            ref={el => (this.pnInputStreetNumber = el as HTMLElement)}\n            autocomplete=\"off\"\n            helpertext={this._streetNumberProps?.streetNumberInputHelpertext}\n          ></pn-marketweb-input>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"pn-address-autofill.entry.js","mappings":"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","names":[],"sources":["src/components/input/pn-address-autofill/pn-address-autofill.scss?tag=pn-address-autofill","src/components/input/pn-address-autofill/pn-address-autofill.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-address-autofill {\n  pn-marketweb-input {\n    width: 50%;\n  }\n\n  .input-container-row {\n    display: flex;\n    //flex-grow: 1;\n    gap: 1rem;\n    margin-bottom: 1rem;\n  }\n\n  .label-container {\n    color: $gray700;\n    font-size: 0.875em;\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-end;\n  }\n\n  .autocomplete-items {\n    position: absolute;\n    border-radius: 0.8rem;\n    border: 0.1rem solid $gray700;\n    width: 100%;\n    max-height: 30rem;\n    overflow-y: auto;\n\n    &:hover,\n    :focus {\n      border: 0.1rem solid $blue400;\n    }\n\n    div {\n      padding: 1.6rem;\n      cursor: pointer;\n      background-color: #fff;\n      border: 0.1rem solid transparent;\n\n      &:first-child {\n        border-radius: 0.8rem 0.8rem 0 0;\n      }\n\n      &:last-child {\n        border-radius: 0 0 0.8rem 0.8rem;\n      }\n\n      &:hover {\n        background-color: #e0f8ff;\n      }\n    }\n\n    .autocomplete-active {\n      background-color: #e0f8ff;\n    }\n  }\n}\n","import { Component, Prop, h, Element, State, Host, EventEmitter, Event } from '@stencil/core';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { FetchHelper } from '../../../globals/FetchHelper';\nimport { Root, PostalCodeProps, CityProps, StreetAddressProps, StreetNumberProps } from './types';\nimport debounce from 'debounce';\n\n@Component({\n  tag: 'pn-address-autofill',\n  styleUrl: 'pn-address-autofill.scss',\n})\nexport class PnAddressAutofill {\n  @Element() hostElement: Element;\n  pnInputPostalCode: HTMLElement = null;\n  pnInputCity: HTMLElement = null;\n  pnInputStreetAddress: HTMLElement = null;\n  pnInputStreetNumber: HTMLElement = null;\n  postalCodeInputField: HTMLInputElement = null;\n  streetAddressInputField: HTMLInputElement = null;\n  streetNumberInputField: HTMLInputElement = null;\n  pnInputHiddenValue: HTMLElement = null;\n  endpointPath = '/api/location/get-by-location';\n  private _postalCodeProps: PostalCodeProps = null;\n  private _cityProps: CityProps = null;\n  private _streetAddressProps: StreetAddressProps = null;\n  private _streetNumberProps: StreetNumberProps = null;\n\n  /** Specifies which market we want to show (se,dk,fi,no,com) */\n  @Prop({ mutable: true, reflect: true }) market: string = null; //se\n  /** Specifies which environment we're fetching data from. (production, preproduction, integration, localhost) */\n  @Prop({ mutable: true, reflect: true }) environment: string = null; //sv\n  @Prop() endpoint: string = null;\n  @Prop() cache: boolean = true;\n  @Prop() countryCode: string = null;\n  @Prop() postalCodeProps: string | PostalCodeProps = null;\n  @Prop() cityProps: string | CityProps = null;\n  @Prop() streetAddressProps: string | StreetAddressProps = null;\n  @Prop() streetNumberProps: string | StreetNumberProps = null;\n\n  @State() streetAdressArr: string[] = null;\n  @State() streetNumberArr: string[] = null;\n  @State() city: string = null;\n  @State() postalCode: string = null;\n  @State() streetAddress: string = null;\n  @State() streetNumber: string = null;\n  @State() fullAddress: string = null;\n\n  @Event() addresscomplete: EventEmitter<string>;\n\n  fetchHelper = new FetchHelper('PostalCodeCityAutofill');\n\n  componentWillLoad() {\n    this.setInitialValues();\n    this._postalCodeProps = this.setProps(this.postalCodeProps);\n    this._cityProps = this.setProps(this.cityProps);\n    this._streetAddressProps = this.setProps(this.streetAddressProps);\n    this._streetNumberProps = this.setProps(this.streetNumberProps);\n  }\n\n  setProps(props) {\n    if (typeof props === 'string') {\n      return JSON.parse(props);\n    } else {\n      return props;\n    }\n  }\n\n  componentDidLoad() {\n    this.postalCodeInputField = this.pnInputPostalCode.querySelector('input');\n    this.streetAddressInputField = this.pnInputStreetAddress.querySelector('input');\n    this.streetNumberInputField = this.pnInputStreetNumber.querySelector('input');\n    this.addEventHandlers();\n  }\n\n  async setInitialValues(href = window.location.href) {\n    const marketWebContextService = new MarketWebContextService(href);\n    if (!this.environment) {\n      this.environment = await marketWebContextService.getEnvironmentName();\n    }\n\n    if (!this.endpoint && this.environment?.indexOf('local') === -1) {\n      this.endpoint = await marketWebContextService.getEndpoint(this.environment, this.market);\n    }\n\n    if (!this.endpoint) {\n      this.endpoint = '';\n    }\n  }\n\n  addEventHandlers() {\n    const postalCodeSearch = debounce(this.fetchData.bind(this, this.postalCodeInputField), 1000);\n    this.postalCodeInputField.addEventListener('keyup', postalCodeSearch);\n    this.streetAddressInputField.addEventListener('keyup', this.handleStreetAddressDropdown.bind(this));\n    this.streetNumberInputField.addEventListener('focus', this.handleStreetNumberDropdown.bind(this));\n    this.addFormFieldEvent();\n  }\n\n  addFormFieldEvent() {\n    const allInputs = this.hostElement.querySelectorAll('input');\n    allInputs.forEach(element => {\n      ['keyup', 'change'].forEach(eventName => {\n        const debounceUpdate = debounce(this.updateHiddenValue.bind(this), 1000);\n        element.addEventListener(eventName, debounceUpdate);\n      });\n    });\n  }\n\n  updateHiddenValue(e) {\n    if (e.target === this.streetNumberInputField) {\n      this.streetNumber = this.streetNumberInputField.value;\n    }\n\n    if (this.postalCode && this.city && this.streetAddress && this.streetNumber) {\n      this.fullAddress = `${this.streetAddress} ${this.streetNumber}, ${this.city} ${this.postalCode}`;\n    } else {\n      this.fullAddress = '';\n    }\n\n    this.addresscomplete.emit(this.fullAddress);\n  }\n\n  async fetchData(field, e: KeyboardEvent) {\n    if (e) {\n      e.preventDefault();\n\n      if (e.key === 'Tab') {\n        if (this.city) {\n          return;\n        }\n      }\n    }\n\n    let query = '';\n    const isPostalCodeSearch = e && e.target === this.postalCodeInputField;\n    const isStreetAddressSearch = field === this.streetAddressInputField && this.city && this.city.length;\n    const isStreetNumberSearch = field === this.streetNumberInputField && this.city && this.city.length && this.streetAddress && this.streetAddress.length;\n\n    if (isPostalCodeSearch) {\n      query = this.postalCodeInputField.value;\n      this.streetAdressArr = null;\n      this.streetAddressInputField.value = '';\n      this.streetNumberArr = null;\n      this.streetNumberInputField.value = '';\n      this.city = null;\n      this.streetAddress = null;\n      this.streetNumber = null;\n    }\n    if (isStreetAddressSearch) {\n      query = `${this.streetAddressInputField.value}, ${this.city}`;\n      this.streetNumberArr = null;\n      this.streetNumberInputField.value = '';\n      this.streetNumber = null;\n    }\n    if (isStreetNumberSearch) {\n      this.streetAdressArr = null;\n      query = `${this.streetAddress}, ${this.city}`;\n    }\n\n    if (query.length > 0) {\n      const endpointBase = this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;\n      const fetchUrl = `${endpointBase}${this.endpointPath}?countryCode=${this.countryCode}&query=${query}`;\n      const data = (await this.fetchHelper.fetchJson(\n        fetchUrl,\n        {\n          mode: 'cors',\n        },\n        this.cache,\n      )) as Root;\n\n      if (data) {\n        if (isPostalCodeSearch) {\n          this.city = data.postalCodes ? data.postalCodes[0]?.postalCity : null;\n        }\n\n        if (isStreetAddressSearch && data.addresses) {\n          this.postalCode = this.postalCodeInputField.value;\n          this.filterStreetNames(data);\n        }\n\n        if (isStreetNumberSearch && data.addresses) {\n          this.filterStreetNumbers(data);\n        }\n      }\n    }\n  }\n\n  filterStreetNames = (data: Root) => {\n    const addresses: string[] = [];\n    this.streetAdressArr = null;\n    data.addresses.forEach(item => {\n      if (item.postalCode.postalCity === this.city && !addresses.includes(item.street)) {\n        addresses.push(item.street);\n      }\n    });\n    this.streetAdressArr = addresses;\n  };\n\n  filterStreetNumbers = (data: Root) => {\n    const streetNumbersResult: string[] = [];\n    data.addresses.forEach(item => {\n      if (item.postalCode.postalCode === this.postalCode) {\n        const { numberFrom, numberTo } = item;\n        const from = parseInt(numberFrom);\n        const to = parseInt(numberTo);\n\n        for (let i = from; i <= to; i++) {\n          const nrString = i.toString();\n          if (!streetNumbersResult.includes(nrString)) {\n            streetNumbersResult.push(i.toString());\n          }\n        }\n      }\n    });\n    this.streetNumberArr = streetNumbersResult;\n  };\n\n  async handleStreetAddressDropdown(e) {\n    const target = e.target;\n\n    if (target === this.streetAddressInputField && target.value.length) {\n      if (!this.streetAdressArr || !this.streetAdressArr.length) {\n        await this.fetchData(this.streetAddressInputField, null);\n      }\n    }\n\n    if (!target.value || !target.value.length) {\n      this.streetAdressArr = null;\n    }\n\n    if (this.streetAdressArr && this.streetAdressArr.length) {\n      this.autoComplete(e, this.streetAdressArr);\n    }\n  }\n\n  async handleStreetNumberDropdown(e) {\n    e.preventDefault();\n    const target = e.target;\n\n    if (target === this.streetNumberInputField) {\n      if (!this.streetNumberArr || !this.streetNumberArr.length) {\n        await this.fetchData(this.streetNumberInputField, null);\n      }\n      if (this.streetNumberArr) {\n        this.autoComplete(e, this.streetNumberArr);\n      }\n    }\n  }\n\n  autoComplete(e, arr: string[]) {\n    const inputField = e.target;\n    if (arr.length < 1) {\n      return;\n    }\n\n    let currentFocus = 0;\n\n    inputField.addEventListener('input', () => {\n      const val = inputField.value;\n      this.closeAllLists(inputField);\n\n      if (!val) {\n        return;\n      }\n\n      currentFocus = -1;\n      let list = document.createElement('div');\n      list.setAttribute('id', 'autocomplete-list' + inputField.name);\n      list.setAttribute('class', 'autocomplete-items');\n      inputField.parentElement.appendChild(list);\n      for (let i = 0; i < arr.length; i++) {\n        if (arr[i].substring(0, val.length).toUpperCase() == val.toUpperCase()) {\n          let option = document.createElement('div');\n          option.innerHTML = '<strong>' + arr[i].substring(0, val.length) + '</strong>';\n          option.innerHTML += arr[i].substring(val.length);\n          option.innerHTML += \"<input type='hidden' value='\" + arr[i] + \"'>\";\n          option.addEventListener('click', clickEvent => {\n            const inputParrent = inputField.closest('pn-marketweb-input');\n            let eventTarget = clickEvent.target as HTMLElement;\n            if (eventTarget.nodeName === 'STRONG') {\n              eventTarget = eventTarget.parentElement;\n            }\n            inputParrent.value = eventTarget.getElementsByTagName('input')[0].value;\n\n            if (inputField === this.streetNumberInputField) {\n              this.streetNumber = inputParrent.value;\n            }\n            if (inputField === this.streetAddressInputField) {\n              this.streetAddress = inputParrent.value;\n            }\n\n            this.closeAllLists(clickEvent.target);\n            inputField.focus();\n          });\n\n          list.appendChild(option);\n        }\n      }\n    });\n\n    inputField.addEventListener('keydown', keydownEvent => {\n      const listElement = document.getElementById('autocomplete-list' + inputField.name);\n      let element;\n      if (listElement) {\n        element = listElement.getElementsByTagName('div');\n      } else {\n        element = listElement;\n      }\n\n      //If arrow DOWN key is pressed\n      if (keydownEvent.keyCode == 40) {\n        currentFocus++;\n        this.addActive(element, currentFocus);\n      }\n\n      //If the arrow UP key is pressed\n      if (keydownEvent.keyCode == 38) {\n        currentFocus--;\n        this.addActive(element, currentFocus);\n      }\n\n      //If the ENTER key is pressed\n      if (keydownEvent.keyCode == 13) {\n        keydownEvent.preventDefault();\n        if (currentFocus > -1) {\n          if (element) {\n            element[currentFocus].click();\n          }\n        }\n      }\n    });\n  }\n\n  //close all autocomplete lists in the document, except the one passed as an argument:\n  closeAllLists(elmnt) {\n    const lists = document.getElementsByClassName('autocomplete-items');\n    for (let i = 0; i < lists.length; i++) {\n      if (elmnt != lists[i]) {\n        lists[i].parentNode.removeChild(lists[i]);\n      }\n    }\n  }\n\n  //a function to classify an item as \"active\":\n  addActive(elmnt, currentFocus) {\n    if (!elmnt) return;\n    this.removeActive(elmnt);\n    if (currentFocus >= elmnt.length) currentFocus = 0;\n    if (currentFocus < 0) currentFocus = elmnt.length - 1;\n    elmnt[currentFocus].classList.add('autocomplete-active');\n  }\n\n  //a function to remove the \"active\" class from all autocomplete items:\n  removeActive(elmnt) {\n    for (let i = 0; i < elmnt.length; i++) {\n      elmnt[i].classList.remove('autocomplete-active');\n    }\n  }\n\n  render() {\n    return (\n      <Host class=\"pn-address-autofill\">\n        {this._postalCodeProps?.postalCodeCityLabel ? (\n          <div class=\"label-container\">\n            <label>{`${this._postalCodeProps.postalCodeCityLabel}`}</label>\n          </div>\n        ) : null}\n        <div class=\"input-container-row\">\n          <pn-marketweb-input\n            type=\"text\"\n            name={this._postalCodeProps?.postalCodeInputName}\n            required={this._postalCodeProps?.postalCodeInputRequired}\n            placeholder={this._postalCodeProps?.postalCodeInputPlaceholder}\n            ref={el => (this.pnInputPostalCode = el as HTMLElement)}\n            autocomplete=\"off\"\n            helpertext={this._postalCodeProps?.postalCodeInputHelpertext}\n          ></pn-marketweb-input>\n\n          <pn-marketweb-input\n            type=\"text\"\n            name={this._cityProps?.cityInputName}\n            disabled\n            value={this.city}\n            placeholder={this._cityProps?.cityInputPlaceholder}\n            autocomplete=\"off\"\n            helpertext={this._cityProps?.cityInputHelpertext}\n          ></pn-marketweb-input>\n        </div>\n\n        {this._streetAddressProps?.streetAddressNumberLabel ? (\n          <div class=\"label-container\">\n            <label>{`${this._streetAddressProps.streetAddressNumberLabel}`}</label>\n          </div>\n        ) : null}\n        <div class=\"input-container-row\">\n          <pn-marketweb-input\n            type=\"text\"\n            name={this._streetAddressProps?.streetAddressInputName}\n            required={this._streetAddressProps?.streetAddressInputRequired}\n            value={this.streetAddress}\n            placeholder={this._streetAddressProps?.streetAddressInputPlaceholder}\n            ref={el => (this.pnInputStreetAddress = el as HTMLElement)}\n            autocomplete=\"off\"\n            helpertext={this._streetAddressProps?.streetAddressInputHelpertext}\n          ></pn-marketweb-input>\n\n          <pn-marketweb-input\n            type=\"text\"\n            name={this._streetNumberProps?.streetNumberInputName}\n            required={this._streetNumberProps?.streetNumberInputRequired}\n            value={this.streetNumber}\n            placeholder={this._streetNumberProps?.streetNumberInputPlaceholder}\n            ref={el => (this.pnInputStreetNumber = el as HTMLElement)}\n            autocomplete=\"off\"\n            helpertext={this._streetNumberProps?.streetNumberInputHelpertext}\n          ></pn-marketweb-input>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/esm/pn-animated-tile.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, d as Host, g as getElement } from './index-fa51bde4.js';
+import { r as registerInstance, g as getElement, h, d as Host } from './index-fa51bde4.js';
 import { c as classNames } from './index-097075ad.js';
 import { p as plus } from './plus-7ee93ae7.js';
 
@@ -8,13 +8,14 @@ const PnAnimatedTileStyle0 = pnAnimatedTileCss;
 const PnAnimatedTile = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.onClickHandler = () => {
-            this.toggled = !this.toggled;
-        };
         this.toggled = false;
         this.transitionClassName = '';
         this.animateIcon = '';
     }
+    get hostElement() { return getElement(this); }
+    onClickHandler = () => {
+        this.toggled = !this.toggled;
+    };
     onToggledHandler() {
         this.transitionClassName = classNames({ 'fade': this.toggled, 'fade--reversed': !this.toggled });
         this.animateIcon = classNames({ 'animate': this.toggled, '': !this.toggled });
@@ -22,7 +23,6 @@ const PnAnimatedTile = class {
     render() {
         return (h(Host, { key: 'ec2fa6234e759656fe4d0d40099248ba9feea212' }, h("div", { key: '6457a5c6f9776c7846ea89f6fad9236f21ebd2ec', class: "pn-animated-tile__container" }, h("div", { key: '5d4d15ad4016ab78e43ba598d464309d825a171d', class: `pn-animated-tile__content cat-animate ${this.transitionClassName}` }, h("slot", { key: '8669f993453f1999ada8eaa342cb6daaca5827e0', name: "side-a" }), h("slot", { key: '96e3b5ea3e2ae3f67f329a8ab7fc06b0961e8689', name: "side-b" })), h("button", { key: '7a45847b51d43175e422b55705f6e9130394e03a', type: "button", "aria-label": "Read more", class: `pn-animated-tile__toggle cat-animate toggle ${this.animateIcon}`, onClick: this.onClickHandler }, h("pn-icon", { key: '79c94d44537ca72618b1460becb62bfe39b0021d', icon: plus })))));
     }
-    get hostElement() { return getElement(this); }
     static get watchers() { return {
         "toggled": ["onToggledHandler"]
     }; }

package/esm/pn-animated-tile.entry.js.map

@@ -1 +1 @@
-{"file":"pn-animated-tile.entry.js","mappings":";;;;AAAA,MAAM,iBAAiB,GAAG,qsIAAqsI,CAAC;AAChuI,6BAAe,iBAAiB;;MCQnB,cAAc;;;QAOzB,mBAAc,GAAG;YACf,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;SAC9B,CAAC;uBAN0B,KAAK;mCACM,EAAE;2BACV,EAAE;;IAOjC,gBAAgB;QACd,IAAI,CAAC,mBAAmB,GAAG,UAAU,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,gBAAgB,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;QACjG,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;KAC/E;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,6BAA6B,IACtC,4DAAK,KAAK,EAAE,yCAAyC,IAAI,CAAC,mBAAmB,EAAE,IAC7E,6DAAM,IAAI,EAAC,QAAQ,GAAG,EACtB,6DAAM,IAAI,EAAC,QAAQ,GAAG,CAClB,EACN,+DAAQ,IAAI,EAAC,QAAQ,gBAAY,WAAW,EAAC,KAAK,EAAE,+CAA+C,IAAI,CAAC,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,cAAc,IACjJ,gEAAS,IAAI,EAAE,IAAI,GAAY,CACxB,CACL,CACD,EACP;KACH;;;;;;;;;;","names":[],"sources":["src/components/animation/pn-animated-tile/pn-animated-tile.scss?tag=pn-animated-tile","src/components/animation/pn-animated-tile/pn-animated-tile.tsx"],"sourcesContent":["@import '../../../globals/main';\n\n$gray100: #e9e6e5;\n\npn-animated-tile {\n  .pn-animated-tile__container {\n    position: relative;\n    border-radius: 2.4rem;\n    height: 56rem;\n\n    cursor: default;\n  }\n\n  .pn-animated-tile__content {\n    position: relative;\n    display: flex;\n\n    height: 100%;\n    width: 100%;\n    background-color: transparent;\n  }\n\n  [slot='side-a'],\n  [slot='side-b'] {\n    position: absolute;\n    align-self: stretch;\n\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  //initial slots' state\n  [slot='side-a'] {\n    padding: 0;\n    opacity: 1;\n  }\n\n  [slot='side-b'] {\n    z-index: -1;\n    padding: 2.4rem 2.4rem 7rem 2.4rem;\n    opacity: 0;\n    transform: translateY(50px);\n  }\n\n  .pn-animated-tile__toggle {\n    z-index: 2;\n    position: absolute;\n    bottom: 2.4rem;\n    right: 2.4rem;\n    padding: 0.8rem;\n    border-radius: 50%;\n    border: none;\n    cursor: pointer;\n\n    background-color: $white;\n    transition: background-color 0.45s ease-in-out;\n    pn-icon {\n      background-color: $white;\n      transition:\n        background-color 0.45s ease-in-out,\n        transform 0.45s ease-in-out 0.5s;\n    }\n\n    &:hover {\n      background-color: $gray100;\n      pn-icon {\n        background-color: $gray100;\n      }\n    }\n  }\n\n  .button-tooltip {\n    display: none;\n  }\n}\n\n//animations\n.cat-animate {\n  [slot='side-a'],\n  [slot='side-b'] {\n    transition:\n      opacity 0.45s ease-in-out,\n      transform 0.45s ease-in-out 0.5s;\n  }\n\n  &.fade {\n    //from a to b\n    [slot='side-a'] {\n      opacity: 0;\n      z-index: -1;\n    }\n\n    [slot='side-b'] {\n      z-index: 1;\n      opacity: 1;\n      transform: translateY(0);\n      transition-delay: 0.5s;\n    }\n\n    //from b to a\n    &--reversed {\n      [slot='side-a'] {\n        opacity: 1;\n\n        transition-delay: 0.5s;\n      }\n\n      [slot='side-b'] {\n        opacity: 0;\n        transform: translateY(50px);\n      }\n    }\n  }\n\n  &.toggle {\n    &.animate {\n      pn-icon {\n        transform: rotate(45deg);\n      }\n    }\n  }\n}\n\n//themes\n[data-cat-theme='white'] {\n  .pn-animated-tile__container {\n    background-color: $white;\n  }\n\n  .pn-animated-tile__toggle {\n    background-color: $blue400;\n    pn-icon {\n      background-color: $blue400;\n      svg > path {\n        fill: $white;\n      }\n    }\n\n    &:hover {\n      background-color: $blue700;\n      pn-icon {\n        background-color: $blue700;\n      }\n    }\n\n    &:focus,\n    &:focus-visible {\n      outline-color: $blue700;\n    }\n  }\n}\n\n[data-cat-theme='coral400'] {\n  .pn-animated-tile__container {\n    background-color: $coral400;\n  }\n\n  .pn-animated-tile__toggle {\n    background-color: $white;\n    pn-icon {\n      background-color: $white;\n      svg > path {\n        fill: $coral400;\n      }\n    }\n\n    &:focus,\n    &:focus-visible {\n      outline-color: $coral400;\n    }\n  }\n}\n\n[data-cat-theme='private'] {\n  .pn-animated-tile__container {\n    background-color: $blue400;\n  }\n\n  .pn-animated-tile__toggle {\n    background-color: $white;\n    pn-icon {\n      background-color: $white;\n      svg > path {\n        fill: $blue400;\n      }\n    }\n\n    &:focus,\n    &:focus-visible {\n      outline-color: $blue400;\n    }\n  }\n}\n\n[data-cat-theme='business'] {\n  .pn-animated-tile__container {\n    background-color: $blue900;\n  }\n\n  .pn-animated-tile__toggle {\n    background-color: $white;\n    pn-icon {\n      background-color: $white;\n      svg > path {\n        fill: $blue900;\n      }\n    }\n\n    &:focus,\n    &:focus-visible {\n      outline-color: $blue900;\n    }\n  }\n}\n\n[data-cat-theme='hybrid'] {\n  .pn-animated-tile__container {\n    background-color: $gray100;\n  }\n\n  .pn-animated-tile__toggle {\n    background-color: $white;\n    pn-icon {\n      background-color: $white;\n      svg > path {\n        fill: $blue700;\n      }\n    }\n\n    &:focus,\n    &:focus-visible {\n      outline-color: $blue700;\n    }\n  }\n}\n\n[data-cat-firstpage-only='true'] {\n  [slot='side-b'],\n  .pn-animated-tile__toggle {\n    display: none;\n  }\n}\n","import classNames from 'classnames';\n\nimport { Component, Element, h, Host, State, Watch } from '@stencil/core';\nimport { plus } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-animated-tile',\n  styleUrl: 'pn-animated-tile.scss',\n})\nexport class PnAnimatedTile {\n  @Element() hostElement: HTMLElement;\n\n  @State() toggled: boolean = false;\n  @State() transitionClassName: string = '';\n  @State() animateIcon: string = '';\n\n  onClickHandler = () => {\n    this.toggled = !this.toggled;\n  };\n\n  @Watch('toggled')\n  onToggledHandler() {\n    this.transitionClassName = classNames({ 'fade': this.toggled, 'fade--reversed': !this.toggled });\n    this.animateIcon = classNames({ 'animate': this.toggled, '': !this.toggled });\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-animated-tile__container\">\n          <div class={`pn-animated-tile__content cat-animate ${this.transitionClassName}`}>\n            <slot name=\"side-a\" />\n            <slot name=\"side-b\" />\n          </div>\n          <button type=\"button\" aria-label=\"Read more\" class={`pn-animated-tile__toggle cat-animate toggle ${this.animateIcon}`} onClick={this.onClickHandler}>\n            <pn-icon icon={plus}></pn-icon>\n          </button>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"pn-animated-tile.entry.js","mappings":";;;;AAAA,MAAM,iBAAiB,GAAG,qsIAAqsI,CAAC;AAChuI,6BAAe,iBAAiB;;MCQnB,cAAc;;;uBAGG,KAAK;mCACM,EAAE;2BACV,EAAE;;;IAEjC,cAAc,GAAG;QACf,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;KAC9B,CAAC;IAGF,gBAAgB;QACd,IAAI,CAAC,mBAAmB,GAAG,UAAU,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,gBAAgB,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;QACjG,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;KAC/E;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,6BAA6B,IACtC,4DAAK,KAAK,EAAE,yCAAyC,IAAI,CAAC,mBAAmB,EAAE,IAC7E,6DAAM,IAAI,EAAC,QAAQ,GAAG,EACtB,6DAAM,IAAI,EAAC,QAAQ,GAAG,CAClB,EACN,+DAAQ,IAAI,EAAC,QAAQ,gBAAY,WAAW,EAAC,KAAK,EAAE,+CAA+C,IAAI,CAAC,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,cAAc,IACjJ,gEAAS,IAAI,EAAE,IAAI,GAAY,CACxB,CACL,CACD,EACP;KACH;;;;;;;;;","names":[],"sources":["src/components/animation/pn-animated-tile/pn-animated-tile.scss?tag=pn-animated-tile","src/components/animation/pn-animated-tile/pn-animated-tile.tsx"],"sourcesContent":["@import '../../../globals/main';\n\n$gray100: #e9e6e5;\n\npn-animated-tile {\n  .pn-animated-tile__container {\n    position: relative;\n    border-radius: 2.4rem;\n    height: 56rem;\n\n    cursor: default;\n  }\n\n  .pn-animated-tile__content {\n    position: relative;\n    display: flex;\n\n    height: 100%;\n    width: 100%;\n    background-color: transparent;\n  }\n\n  [slot='side-a'],\n  [slot='side-b'] {\n    position: absolute;\n    align-self: stretch;\n\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  //initial slots' state\n  [slot='side-a'] {\n    padding: 0;\n    opacity: 1;\n  }\n\n  [slot='side-b'] {\n    z-index: -1;\n    padding: 2.4rem 2.4rem 7rem 2.4rem;\n    opacity: 0;\n    transform: translateY(50px);\n  }\n\n  .pn-animated-tile__toggle {\n    z-index: 2;\n    position: absolute;\n    bottom: 2.4rem;\n    right: 2.4rem;\n    padding: 0.8rem;\n    border-radius: 50%;\n    border: none;\n    cursor: pointer;\n\n    background-color: $white;\n    transition: background-color 0.45s ease-in-out;\n    pn-icon {\n      background-color: $white;\n      transition:\n        background-color 0.45s ease-in-out,\n        transform 0.45s ease-in-out 0.5s;\n    }\n\n    &:hover {\n      background-color: $gray100;\n      pn-icon {\n        background-color: $gray100;\n      }\n    }\n  }\n\n  .button-tooltip {\n    display: none;\n  }\n}\n\n//animations\n.cat-animate {\n  [slot='side-a'],\n  [slot='side-b'] {\n    transition:\n      opacity 0.45s ease-in-out,\n      transform 0.45s ease-in-out 0.5s;\n  }\n\n  &.fade {\n    //from a to b\n    [slot='side-a'] {\n      opacity: 0;\n      z-index: -1;\n    }\n\n    [slot='side-b'] {\n      z-index: 1;\n      opacity: 1;\n      transform: translateY(0);\n      transition-delay: 0.5s;\n    }\n\n    //from b to a\n    &--reversed {\n      [slot='side-a'] {\n        opacity: 1;\n\n        transition-delay: 0.5s;\n      }\n\n      [slot='side-b'] {\n        opacity: 0;\n        transform: translateY(50px);\n      }\n    }\n  }\n\n  &.toggle {\n    &.animate {\n      pn-icon {\n        transform: rotate(45deg);\n      }\n    }\n  }\n}\n\n//themes\n[data-cat-theme='white'] {\n  .pn-animated-tile__container {\n    background-color: $white;\n  }\n\n  .pn-animated-tile__toggle {\n    background-color: $blue400;\n    pn-icon {\n      background-color: $blue400;\n      svg > path {\n        fill: $white;\n      }\n    }\n\n    &:hover {\n      background-color: $blue700;\n      pn-icon {\n        background-color: $blue700;\n      }\n    }\n\n    &:focus,\n    &:focus-visible {\n      outline-color: $blue700;\n    }\n  }\n}\n\n[data-cat-theme='coral400'] {\n  .pn-animated-tile__container {\n    background-color: $coral400;\n  }\n\n  .pn-animated-tile__toggle {\n    background-color: $white;\n    pn-icon {\n      background-color: $white;\n      svg > path {\n        fill: $coral400;\n      }\n    }\n\n    &:focus,\n    &:focus-visible {\n      outline-color: $coral400;\n    }\n  }\n}\n\n[data-cat-theme='private'] {\n  .pn-animated-tile__container {\n    background-color: $blue400;\n  }\n\n  .pn-animated-tile__toggle {\n    background-color: $white;\n    pn-icon {\n      background-color: $white;\n      svg > path {\n        fill: $blue400;\n      }\n    }\n\n    &:focus,\n    &:focus-visible {\n      outline-color: $blue400;\n    }\n  }\n}\n\n[data-cat-theme='business'] {\n  .pn-animated-tile__container {\n    background-color: $blue900;\n  }\n\n  .pn-animated-tile__toggle {\n    background-color: $white;\n    pn-icon {\n      background-color: $white;\n      svg > path {\n        fill: $blue900;\n      }\n    }\n\n    &:focus,\n    &:focus-visible {\n      outline-color: $blue900;\n    }\n  }\n}\n\n[data-cat-theme='hybrid'] {\n  .pn-animated-tile__container {\n    background-color: $gray100;\n  }\n\n  .pn-animated-tile__toggle {\n    background-color: $white;\n    pn-icon {\n      background-color: $white;\n      svg > path {\n        fill: $blue700;\n      }\n    }\n\n    &:focus,\n    &:focus-visible {\n      outline-color: $blue700;\n    }\n  }\n}\n\n[data-cat-firstpage-only='true'] {\n  [slot='side-b'],\n  .pn-animated-tile__toggle {\n    display: none;\n  }\n}\n","import classNames from 'classnames';\n\nimport { Component, Element, h, Host, State, Watch } from '@stencil/core';\nimport { plus } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-animated-tile',\n  styleUrl: 'pn-animated-tile.scss',\n})\nexport class PnAnimatedTile {\n  @Element() hostElement: HTMLElement;\n\n  @State() toggled: boolean = false;\n  @State() transitionClassName: string = '';\n  @State() animateIcon: string = '';\n\n  onClickHandler = () => {\n    this.toggled = !this.toggled;\n  };\n\n  @Watch('toggled')\n  onToggledHandler() {\n    this.transitionClassName = classNames({ 'fade': this.toggled, 'fade--reversed': !this.toggled });\n    this.animateIcon = classNames({ 'animate': this.toggled, '': !this.toggled });\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-animated-tile__container\">\n          <div class={`pn-animated-tile__content cat-animate ${this.transitionClassName}`}>\n            <slot name=\"side-a\" />\n            <slot name=\"side-b\" />\n          </div>\n          <button type=\"button\" aria-label=\"Read more\" class={`pn-animated-tile__toggle cat-animate toggle ${this.animateIcon}`} onClick={this.onClickHandler}>\n            <pn-icon icon={plus}></pn-icon>\n          </button>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}