@postnord/pn-marketweb-components 2.0.132 → 2.0.133
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/loader.cjs.js +1 -1
- package/cjs/pn-chart.cjs.entry.js +4 -3
- package/cjs/pn-charts-card.cjs.entry.js +2 -2
- package/cjs/pn-market-web-components.cjs.js +1 -1
- package/collection/components/charts/pn-chart/pn-chart.css +7 -6
- package/collection/components/charts/pn-chart/pn-chart.js +4 -2
- package/collection/components/charts/pn-charts-card/pn-charts-card.css +80 -6
- package/collection/components/charts/pn-charts-card/pn-charts-card.js +11 -9
- package/collection/components/charts/pn-charts-card/pn-charts-card.stories.js +20 -1
- package/custom-elements/index.js +7 -6
- package/esm/loader.js +1 -1
- package/esm/pn-chart.entry.js +4 -3
- package/esm/pn-charts-card.entry.js +2 -2
- package/esm/pn-market-web-components.js +1 -1
- package/esm-es5/loader.js +1 -1
- package/esm-es5/pn-chart.entry.js +1 -1
- package/esm-es5/pn-charts-card.entry.js +1 -1
- package/esm-es5/pn-market-web-components.js +1 -1
- package/package.json +1 -1
- package/pn-market-web-components/{p-1751415f.entry.js → p-10f3dd3f.entry.js} +1 -1
- package/pn-market-web-components/p-16ddb9b7.system.entry.js +1 -0
- package/pn-market-web-components/{p-b97cb315.system.entry.js → p-5a487f97.system.entry.js} +1 -1
- package/pn-market-web-components/p-67887512.system.js +1 -1
- package/pn-market-web-components/p-7c335b6f.entry.js +1 -0
- package/pn-market-web-components/pn-market-web-components.esm.js +1 -1
- package/umd/pn-marketweb-init.js +1 -1
- package/umd/pn-marketweb-salesforce.js +2 -2
- package/pn-market-web-components/p-d3a0ed9b.system.entry.js +0 -1
- package/pn-market-web-components/p-effbbf45.entry.js +0 -1
package/cjs/loader.cjs.js
CHANGED
|
@@ -14,7 +14,7 @@ const patchEsm = () => {
|
|
|
14
14
|
const defineCustomElements = (win, options) => {
|
|
15
15
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
16
16
|
return patchEsm().then(() => {
|
|
17
|
-
return index.bootstrapLazy(JSON.parse("[[\"pn-marketweb-siteheader.cjs\",[[4,\"pn-marketweb-siteheader\",{\"market\":[1537],\"language\":[1537],\"siteid\":[1],\"environment\":[1537],\"userToken\":[1,\"user-token\"],\"userFullname\":[1,\"user-fullname\"],\"userLoggedin\":[516,\"user-loggedin\"],\"endpoint\":[1],\"hideSiteSelector\":[1540,\"hide-site-selector\"],\"hideHomeMenuItem\":[1540,\"hide-home-menu-item\"],\"hideLanguageSelector\":[1540,\"hide-language-selector\"],\"hideSearch\":[1540,\"hide-search\"],\"hideLogin\":[1540,\"hide-login\"],\"showProfileSelection\":[1540,\"show-profile-selection\"],\"siteDomainInUrls\":[4,\"site-domain-in-urls\"],\"AutocompleteEndpoint\":[1,\"autocomplete-endpoint\"],\"sessionForward\":[4,\"session-forward\"],\"cache\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"spaMode\":[4,\"spa-mode\"],\"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],\"loginManager\":[32]},[[0,\"setLanguage\",\"onLanguageSelectorChange\"],[0,\"loginStateChange\",\"onLoginStateChange\"],[9,\"resize\",\"handleResize\"]]]]],[\"pn-find-price.cjs\",[[0,\"pn-find-price\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"filteredItems\":[32],\"weight\":[32],\"weightvalue\":[32],\"sourceData\":[32],\"sizecategory\":[32]}]]],[\"pn-find-service-and-price.cjs\",[[0,\"pn-find-service-and-price\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"filteredItems\":[32],\"postagetype\":[32],\"weight\":[32],\"weightvalue\":[32],\"deliveryscope\":[32],\"sourceData\":[32]}]]],[\"pn-product-pricelist.cjs\",[[4,\"pn-product-pricelist\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"productid\":[1],\"filteredItems\":[32],\"sourceData\":[32],\"gotData\":[32],\"loading\":[32],\"postagetype\":[32],\"weight\":[32],\"weightvalue\":[32]}]]],[\"pn-proxio-pricegroup.cjs\",[[0,\"pn-proxio-pricegroup\",{\"endpoint\":[1025],\"language\":[1],\"market\":[1],\"tariffid\":[1],\"cache\":[4],\"activeWeightIndex\":[32],\"data\":[32],\"i18n\":[32]},[[0,\"activeWeightIndex\",\"setActiveWeightIndex\"],[0,\"language\",\"setLanguage\"]]]]],[\"pn-product-pricelist-result.cjs\",[[0,\"pn-product-pricelist-result\",{\"item\":[1040],\"description\":[16],\"shownitems\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"weightText\":[32]}]]],[\"pn-marketweb-sitefooter.cjs\",[[4,\"pn-marketweb-sitefooter\",{\"market\":[1537],\"language\":[1537],\"environment\":[1537],\"endpoint\":[1],\"siteDomainInUrls\":[4,\"site-domain-in-urls\"],\"cache\":[4],\"theme\":[513],\"backgroundcolor\":[513],\"siteDefinition\":[32],\"footerContent\":[32],\"i18n\":[32],\"gotData\":[32],\"fetchingData\":[32]}]]],[\"pn-parcel-tracker.cjs\",[[0,\"pn-parcel-tracker\",{\"formActionUrl\":[1,\"form-action-url\"],\"heading\":[1],\"buttonLabel\":[1,\"button-label\"],\"locale\":[1],\"placeholder\":[1],\"inputName\":[1,\"input-name\"],\"currentWidth\":[32]},[[9,\"resize\",\"handleViewportSizeChange\"]]]]],[\"pn-pex-pricefinder.cjs\",[[0,\"pn-pex-pricefinder\",{\"language\":[1],\"currency\":[1],\"apiUrl\":[1,\"api-url\"],\"i18n\":[32],\"fromzip\":[32],\"tozip\":[32],\"weight\":[32],\"when\":[32],\"response\":[32]},[[0,\"language\",\"setLanguage\"]]]]],[\"pn-stats-info.cjs\",[[0,\"pn-stats-info\",{\"heading\":[1],\"dataArray\":[1,\"data-array\"],\"backgroundUrl\":[1,\"background-url\"],\"myParsedArray\":[32]}]]],[\"pn-bonus-progressbar.cjs\",[[4,\"pn-bonus-progressbar\",{\"icon\":[1],\"heading\":[1],\"sumtext\":[513],\"theme\":[513],\"bonuspercentage\":[1],\"currency\":[513],\"value\":[1538],\"min\":[1538],\"max\":[1538],\"valuepercentage\":[32],\"progresspercentage\":[32],\"levelValues\":[32],\"currentLevelAdjustedValue\":[32]}]]],[\"pn-bonus-progressbar-level.cjs\",[[0,\"pn-bonus-progressbar-level\",{\"current\":[516],\"value\":[1538],\"bonuspercentage\":[1537],\"visualpercentage\":[1538],\"percentage\":[32],\"max\":[32],\"min\":[32],\"currency\":[32]}]]],[\"pn-breakpoints.cjs\",[[0,\"pn-breakpoints\",{\"breakPointClass\":[1,\"break-point-class\"],\"currentWidth\":[32]},[[9,\"resize\",\"handleViewportSizeChange\"]]]]],[\"pn-chart.cjs\",[[0,\"pn-chart\",{\"labels\":[1],\"dataSets\":[1,\"data-sets\"],\"dataChartType\":[8,\"data-chart-type\"],\"parsedDataSets\":[32],\"parsedLabels\":[32]}]]],[\"pn-charts-card.cjs\",[[4,\"pn-charts-card\",{\"header\":[1],\"highlight\":[1],\"preamble\":[1],\"label\":[1],\"source\":[1],\"sourceUrl\":[1,\"source-url\"],\"openInNewWindow\":[4,\"open-in-new-window\"],\"someState\":[32]}]]],[\"pn-customernumber-selector.cjs\",[[4,\"pn-customernumber-selector\",{\"language\":[1537],\"open\":[1540],\"heading\":[1],\"description\":[1],\"i18n\":[32]}]]],[\"pn-customernumber-selector-option.cjs\",[[4,\"pn-customernumber-selector-option\",{\"heading\":[1],\"description\":[1],\"url\":[1]}]]],[\"pn-filter-checkbox.cjs\",[[1,\"pn-filter-checkbox\",{\"value\":[520],\"name\":[1],\"checkboxid\":[1],\"disabled\":[4],\"checked\":[4],\"indeterminate\":[1028]},[[0,\"change\",\"handlechange\"]]]]],[\"pn-line-shape.cjs\",[[0,\"pn-line-shape\"]]],[\"pn-marketweb-search.cjs\",[[1,\"pn-marketweb-search\",{\"disabled\":[4],\"placeholder\":[1],\"inputid\":[1],\"name\":[1],\"autocomplete\":[1],\"list\":[1],\"value\":[1],\"label\":[1],\"loading\":[4],\"button\":[1],\"light\":[4],\"suggestionObserver\":[32],\"hasClonedInput\":[32],\"listSuggestion\":[32]},[[0,\"input\",\"inputHandler\"]]]]],[\"pn-product-tile.cjs\",[[4,\"pn-product-tile\"]]],[\"pn-profile-modal.cjs\",[[4,\"pn-profile-modal\",{\"heading\":[1],\"continueCtaText\":[1,\"continue-cta-text\"],\"choosenCompanyText\":[1,\"choosen-company-text\"],\"toText\":[1,\"to-text\"],\"chooseCustomerNumberText\":[1,\"choose-customer-number-text\"],\"isLoading\":[32]},[[0,\"urlSelected\",\"onUrlSelected\"]]]]],[\"pn-profile-modal-customernumber.cjs\",[[4,\"pn-profile-modal-customernumber\",{\"url\":[513],\"customernumber\":[513],\"selected\":[516]}]]],[\"pn-profile-modal-profile.cjs\",[[4,\"pn-profile-modal-profile\",{\"heading\":[513],\"description\":[513],\"url\":[513],\"selected\":[1028],\"showCustomerNumbers\":[516,\"show-customer-numbers\"],\"pleaseSelectText\":[513,\"please-select-text\"],\"visible\":[1540],\"identifier\":[32]}]]],[\"pn-profile-modal-type.cjs\",[[4,\"pn-profile-modal-type\",{\"typeid\":[513],\"name\":[1025],\"selected\":[1028],\"selectedprofile\":[1025]}]]],[\"pn-profile-selector.cjs\",[[4,\"pn-profile-selector\",{\"language\":[1537],\"returnUrl\":[1,\"return-url\"],\"heading\":[1],\"i18n\":[32],\"isLoading\":[32],\"numberOfProfiles\":[32]}]]],[\"pn-profile-selector-option.cjs\",[[0,\"pn-profile-selector-option\",{\"heading\":[1],\"description\":[1],\"url\":[1]}]]],[\"pn-quick-cta.cjs\",[[4,\"pn-quick-cta\",{\"heading\":[1],\"preamble\":[1]}]]],[\"pn-quote-card.cjs\",[[4,\"pn-quote-card\",{\"quote\":[1],\"name\":[1],\"occupation\":[1]}]]],[\"pn-sidenav.cjs\",[[4,\"pn-sidenav\",{\"language\":[1],\"navLabel\":[1,\"nav-label\"],\"i18n\":[32]},[[0,\"language\",\"setLanguage\"],[0,\"openSubMenuLevelChange\",\"onOpenSubMenuLevelChange\"]]]]],[\"pn-sidenav-level.cjs\",[[4,\"pn-sidenav-level\",{\"level\":[32],\"levelId\":[32],\"isOpen\":[32],\"parentName\":[32],\"parentHref\":[32],\"parentLinkId\":[32],\"alignment\":[32]}]]],[\"pn-sidenav-link.cjs\",[[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.cjs\",[[4,\"pn-sidenav-togglebutton\",{\"label\":[1],\"i18n\":[32]}]]],[\"pn-spotlight.cjs\",[[4,\"pn-spotlight\",{\"heading\":[1],\"preamble\":[1]}]]],[\"pn-teaser-card.cjs\",[[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-product-card_4.cjs\",[[0,\"pn-product-card-info\",{\"rulle\":[1],\"paket\":[1],\"label\":[1],\"text\":[1]}],[0,\"pn-product-card-price\",{\"label\":[1],\"amount\":[1],\"currency\":[1],\"note\":[1],\"url\":[1],\"service\":[1],\"linkid\":[1]}],[4,\"pn-titletag\",{\"icon\":[1],\"color\":[1537]}],[4,\"pn-product-card\"]]],[\"pn-find-service-and-price-result.cjs\",[[0,\"pn-find-service-and-price-result\",{\"item\":[1040],\"shownitems\":[16],\"weightText\":[32]}]]],[\"pn-stats-info-data.cjs\",[[0,\"pn-stats-info-data\",{\"data\":[2],\"unit\":[1],\"preamble\":[1],\"compId\":[1,\"comp-id\"],\"duration\":[2],\"hasBeenShown\":[32]}]]],[\"pn-find-price-result.cjs\",[[0,\"pn-find-price-result\",{\"item\":[1040],\"shownitems\":[16],\"Usp1\":[1,\"usp-1\"],\"Usp2\":[1,\"usp-2\"],\"Usp3\":[1,\"usp-3\"],\"description\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"weightText\":[32],\"linkId\":[32],\"shopLabel\":[32],\"shopUrl\":[32],\"shopId\":[32]}]]],[\"pn-site-footer_2.cjs\",[[4,\"pn-site-footer\",{\"url\":[1],\"linktitle\":[1],\"theme\":[513]}],[4,\"pn-site-footer-col\",{\"theme\":[513]}]]],[\"pn-choice-button.cjs\",[[4,\"pn-choice-button\",{\"value\":[520],\"name\":[1],\"choiceid\":[1],\"type\":[1],\"disabled\":[4],\"checked\":[4],\"indeterminate\":[1028]},[[0,\"change\",\"handlechange\"]]]]],[\"pn-mainnav-link.cjs\",[[4,\"pn-mainnav-link\",{\"name\":[1],\"href\":[1],\"target\":[1],\"linkid\":[1],\"levelId\":[32],\"open\":[32],\"hasChildren\":[32]}]]],[\"pn-marketweb-input.cjs\",[[0,\"pn-marketweb-input\",{\"disabled\":[4],\"error\":[1],\"invalid\":[4],\"helpertext\":[1],\"label\":[1],\"placeholder\":[1],\"inputid\":[1],\"name\":[1],\"required\":[4],\"type\":[1025],\"autocomplete\":[1],\"valid\":[4],\"value\":[1],\"maxlength\":[1],\"min\":[1],\"max\":[1],\"step\":[1],\"pattern\":[1],\"showText\":[32]}]]],[\"pn-marketweb-siteheader-login-links_2.cjs\",[[0,\"pn-marketweb-siteheader-login-links\",{\"loginDialog\":[1040],\"loginManager\":[16],\"idNamespace\":[1,\"id-namespace\"],\"loggedin\":[516],\"username\":[1]}],[0,\"pn-marketweb-siteheader-login-profileselection\",{\"loginDialog\":[1040],\"loginManager\":[16],\"endpoint\":[1],\"loggedin\":[4],\"idNamespace\":[1,\"id-namespace\"],\"heading\":[1],\"i18n\":[16],\"currentProfile\":[1040],\"profileoptions\":[1040],\"user\":[32],\"logoutLink\":[32],\"userName\":[32],\"userEmail\":[32]}]]],[\"pn-proxio-productcard_4.cjs\",[[4,\"pn-proxio-productcard\"],[0,\"pn-proxio-productcard-description\",{\"heading\":[1],\"highlight\":[1],\"description\":[1],\"list\":[1040]}],[0,\"pn-proxio-productcard-information\",{\"label\":[1],\"information\":[16]}],[0,\"pn-proxio-productcard-pricelink\",{\"price\":[1],\"link\":[1],\"linktext\":[1]}]]],[\"pn-product-tile-info_2.cjs\",[[0,\"pn-product-tile-info\",{\"label\":[1],\"text\":[1],\"icon\":[1]}],[0,\"pn-product-tile-price\",{\"label\":[1],\"amount\":[1],\"currency\":[1],\"url\":[1]}]]],[\"pn-marketweb-siteheader-login-linklist.cjs\",[[0,\"pn-marketweb-siteheader-login-linklist\",{\"heading\":[1],\"links\":[16],\"idNamespace\":[1,\"id-namespace\"],\"loginManager\":[16]}]]],[\"pn-language-selector_9.cjs\",[[0,\"pn-marketweb-siteheader-login\",{\"endpoint\":[1],\"token\":[1],\"i18n\":[16],\"siteUrl\":[1,\"site-url\"],\"emitEvents\":[4,\"emit-events\"],\"loginDialog\":[1040],\"fullname\":[1],\"loggedin\":[4],\"showProfileSelection\":[1028,\"show-profile-selection\"],\"loginManager\":[32],\"loginLinks\":[32],\"toggleButtonText\":[32],\"username\":[32]}],[4,\"pn-mainnav-level\",{\"label\":[1537],\"level\":[32],\"levelId\":[32],\"isOpen\":[32],\"parentName\":[32],\"parentHref\":[32],\"parentLinkId\":[32],\"listCount\":[32],\"alignment\":[32]}],[4,\"pn-language-selector\",{\"value\":[1537],\"selectedLanguageName\":[32],\"options\":[32],\"i18n\":[32]}],[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]}]]]]"), options);
|
|
17
|
+
return index.bootstrapLazy(JSON.parse("[[\"pn-marketweb-siteheader.cjs\",[[4,\"pn-marketweb-siteheader\",{\"market\":[1537],\"language\":[1537],\"siteid\":[1],\"environment\":[1537],\"userToken\":[1,\"user-token\"],\"userFullname\":[1,\"user-fullname\"],\"userLoggedin\":[516,\"user-loggedin\"],\"endpoint\":[1],\"hideSiteSelector\":[1540,\"hide-site-selector\"],\"hideHomeMenuItem\":[1540,\"hide-home-menu-item\"],\"hideLanguageSelector\":[1540,\"hide-language-selector\"],\"hideSearch\":[1540,\"hide-search\"],\"hideLogin\":[1540,\"hide-login\"],\"showProfileSelection\":[1540,\"show-profile-selection\"],\"siteDomainInUrls\":[4,\"site-domain-in-urls\"],\"AutocompleteEndpoint\":[1,\"autocomplete-endpoint\"],\"sessionForward\":[4,\"session-forward\"],\"cache\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"spaMode\":[4,\"spa-mode\"],\"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],\"loginManager\":[32]},[[0,\"setLanguage\",\"onLanguageSelectorChange\"],[0,\"loginStateChange\",\"onLoginStateChange\"],[9,\"resize\",\"handleResize\"]]]]],[\"pn-find-price.cjs\",[[0,\"pn-find-price\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"filteredItems\":[32],\"weight\":[32],\"weightvalue\":[32],\"sourceData\":[32],\"sizecategory\":[32]}]]],[\"pn-find-service-and-price.cjs\",[[0,\"pn-find-service-and-price\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"filteredItems\":[32],\"postagetype\":[32],\"weight\":[32],\"weightvalue\":[32],\"deliveryscope\":[32],\"sourceData\":[32]}]]],[\"pn-product-pricelist.cjs\",[[4,\"pn-product-pricelist\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"productid\":[1],\"filteredItems\":[32],\"sourceData\":[32],\"gotData\":[32],\"loading\":[32],\"postagetype\":[32],\"weight\":[32],\"weightvalue\":[32]}]]],[\"pn-proxio-pricegroup.cjs\",[[0,\"pn-proxio-pricegroup\",{\"endpoint\":[1025],\"language\":[1],\"market\":[1],\"tariffid\":[1],\"cache\":[4],\"activeWeightIndex\":[32],\"data\":[32],\"i18n\":[32]},[[0,\"activeWeightIndex\",\"setActiveWeightIndex\"],[0,\"language\",\"setLanguage\"]]]]],[\"pn-product-pricelist-result.cjs\",[[0,\"pn-product-pricelist-result\",{\"item\":[1040],\"description\":[16],\"shownitems\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"weightText\":[32]}]]],[\"pn-marketweb-sitefooter.cjs\",[[4,\"pn-marketweb-sitefooter\",{\"market\":[1537],\"language\":[1537],\"environment\":[1537],\"endpoint\":[1],\"siteDomainInUrls\":[4,\"site-domain-in-urls\"],\"cache\":[4],\"theme\":[513],\"backgroundcolor\":[513],\"siteDefinition\":[32],\"footerContent\":[32],\"i18n\":[32],\"gotData\":[32],\"fetchingData\":[32]}]]],[\"pn-parcel-tracker.cjs\",[[0,\"pn-parcel-tracker\",{\"formActionUrl\":[1,\"form-action-url\"],\"heading\":[1],\"buttonLabel\":[1,\"button-label\"],\"locale\":[1],\"placeholder\":[1],\"inputName\":[1,\"input-name\"],\"currentWidth\":[32]},[[9,\"resize\",\"handleViewportSizeChange\"]]]]],[\"pn-pex-pricefinder.cjs\",[[0,\"pn-pex-pricefinder\",{\"language\":[1],\"currency\":[1],\"apiUrl\":[1,\"api-url\"],\"i18n\":[32],\"fromzip\":[32],\"tozip\":[32],\"weight\":[32],\"when\":[32],\"response\":[32]},[[0,\"language\",\"setLanguage\"]]]]],[\"pn-stats-info.cjs\",[[0,\"pn-stats-info\",{\"heading\":[1],\"dataArray\":[1,\"data-array\"],\"backgroundUrl\":[1,\"background-url\"],\"myParsedArray\":[32]}]]],[\"pn-bonus-progressbar.cjs\",[[4,\"pn-bonus-progressbar\",{\"icon\":[1],\"heading\":[1],\"sumtext\":[513],\"theme\":[513],\"bonuspercentage\":[1],\"currency\":[513],\"value\":[1538],\"min\":[1538],\"max\":[1538],\"valuepercentage\":[32],\"progresspercentage\":[32],\"levelValues\":[32],\"currentLevelAdjustedValue\":[32]}]]],[\"pn-bonus-progressbar-level.cjs\",[[0,\"pn-bonus-progressbar-level\",{\"current\":[516],\"value\":[1538],\"bonuspercentage\":[1537],\"visualpercentage\":[1538],\"percentage\":[32],\"max\":[32],\"min\":[32],\"currency\":[32]}]]],[\"pn-breakpoints.cjs\",[[0,\"pn-breakpoints\",{\"breakPointClass\":[1,\"break-point-class\"],\"currentWidth\":[32]},[[9,\"resize\",\"handleViewportSizeChange\"]]]]],[\"pn-chart.cjs\",[[0,\"pn-chart\",{\"labels\":[1],\"dataSets\":[1,\"data-sets\"],\"dataChartType\":[8,\"data-chart-type\"],\"myChartCtxRef\":[32],\"parsedDataSets\":[32],\"parsedLabels\":[32]}]]],[\"pn-charts-card.cjs\",[[4,\"pn-charts-card\",{\"header\":[1],\"highlight\":[1],\"preamble\":[1],\"label\":[1],\"source\":[1],\"sourceUrl\":[1,\"source-url\"],\"openInNewWindow\":[4,\"open-in-new-window\"],\"someState\":[32]}]]],[\"pn-customernumber-selector.cjs\",[[4,\"pn-customernumber-selector\",{\"language\":[1537],\"open\":[1540],\"heading\":[1],\"description\":[1],\"i18n\":[32]}]]],[\"pn-customernumber-selector-option.cjs\",[[4,\"pn-customernumber-selector-option\",{\"heading\":[1],\"description\":[1],\"url\":[1]}]]],[\"pn-filter-checkbox.cjs\",[[1,\"pn-filter-checkbox\",{\"value\":[520],\"name\":[1],\"checkboxid\":[1],\"disabled\":[4],\"checked\":[4],\"indeterminate\":[1028]},[[0,\"change\",\"handlechange\"]]]]],[\"pn-line-shape.cjs\",[[0,\"pn-line-shape\"]]],[\"pn-marketweb-search.cjs\",[[1,\"pn-marketweb-search\",{\"disabled\":[4],\"placeholder\":[1],\"inputid\":[1],\"name\":[1],\"autocomplete\":[1],\"list\":[1],\"value\":[1],\"label\":[1],\"loading\":[4],\"button\":[1],\"light\":[4],\"suggestionObserver\":[32],\"hasClonedInput\":[32],\"listSuggestion\":[32]},[[0,\"input\",\"inputHandler\"]]]]],[\"pn-product-tile.cjs\",[[4,\"pn-product-tile\"]]],[\"pn-profile-modal.cjs\",[[4,\"pn-profile-modal\",{\"heading\":[1],\"continueCtaText\":[1,\"continue-cta-text\"],\"choosenCompanyText\":[1,\"choosen-company-text\"],\"toText\":[1,\"to-text\"],\"chooseCustomerNumberText\":[1,\"choose-customer-number-text\"],\"isLoading\":[32]},[[0,\"urlSelected\",\"onUrlSelected\"]]]]],[\"pn-profile-modal-customernumber.cjs\",[[4,\"pn-profile-modal-customernumber\",{\"url\":[513],\"customernumber\":[513],\"selected\":[516]}]]],[\"pn-profile-modal-profile.cjs\",[[4,\"pn-profile-modal-profile\",{\"heading\":[513],\"description\":[513],\"url\":[513],\"selected\":[1028],\"showCustomerNumbers\":[516,\"show-customer-numbers\"],\"pleaseSelectText\":[513,\"please-select-text\"],\"visible\":[1540],\"identifier\":[32]}]]],[\"pn-profile-modal-type.cjs\",[[4,\"pn-profile-modal-type\",{\"typeid\":[513],\"name\":[1025],\"selected\":[1028],\"selectedprofile\":[1025]}]]],[\"pn-profile-selector.cjs\",[[4,\"pn-profile-selector\",{\"language\":[1537],\"returnUrl\":[1,\"return-url\"],\"heading\":[1],\"i18n\":[32],\"isLoading\":[32],\"numberOfProfiles\":[32]}]]],[\"pn-profile-selector-option.cjs\",[[0,\"pn-profile-selector-option\",{\"heading\":[1],\"description\":[1],\"url\":[1]}]]],[\"pn-quick-cta.cjs\",[[4,\"pn-quick-cta\",{\"heading\":[1],\"preamble\":[1]}]]],[\"pn-quote-card.cjs\",[[4,\"pn-quote-card\",{\"quote\":[1],\"name\":[1],\"occupation\":[1]}]]],[\"pn-sidenav.cjs\",[[4,\"pn-sidenav\",{\"language\":[1],\"navLabel\":[1,\"nav-label\"],\"i18n\":[32]},[[0,\"language\",\"setLanguage\"],[0,\"openSubMenuLevelChange\",\"onOpenSubMenuLevelChange\"]]]]],[\"pn-sidenav-level.cjs\",[[4,\"pn-sidenav-level\",{\"level\":[32],\"levelId\":[32],\"isOpen\":[32],\"parentName\":[32],\"parentHref\":[32],\"parentLinkId\":[32],\"alignment\":[32]}]]],[\"pn-sidenav-link.cjs\",[[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.cjs\",[[4,\"pn-sidenav-togglebutton\",{\"label\":[1],\"i18n\":[32]}]]],[\"pn-spotlight.cjs\",[[4,\"pn-spotlight\",{\"heading\":[1],\"preamble\":[1]}]]],[\"pn-teaser-card.cjs\",[[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-product-card_4.cjs\",[[0,\"pn-product-card-info\",{\"rulle\":[1],\"paket\":[1],\"label\":[1],\"text\":[1]}],[0,\"pn-product-card-price\",{\"label\":[1],\"amount\":[1],\"currency\":[1],\"note\":[1],\"url\":[1],\"service\":[1],\"linkid\":[1]}],[4,\"pn-titletag\",{\"icon\":[1],\"color\":[1537]}],[4,\"pn-product-card\"]]],[\"pn-find-service-and-price-result.cjs\",[[0,\"pn-find-service-and-price-result\",{\"item\":[1040],\"shownitems\":[16],\"weightText\":[32]}]]],[\"pn-stats-info-data.cjs\",[[0,\"pn-stats-info-data\",{\"data\":[2],\"unit\":[1],\"preamble\":[1],\"compId\":[1,\"comp-id\"],\"duration\":[2],\"hasBeenShown\":[32]}]]],[\"pn-find-price-result.cjs\",[[0,\"pn-find-price-result\",{\"item\":[1040],\"shownitems\":[16],\"Usp1\":[1,\"usp-1\"],\"Usp2\":[1,\"usp-2\"],\"Usp3\":[1,\"usp-3\"],\"description\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"weightText\":[32],\"linkId\":[32],\"shopLabel\":[32],\"shopUrl\":[32],\"shopId\":[32]}]]],[\"pn-site-footer_2.cjs\",[[4,\"pn-site-footer\",{\"url\":[1],\"linktitle\":[1],\"theme\":[513]}],[4,\"pn-site-footer-col\",{\"theme\":[513]}]]],[\"pn-choice-button.cjs\",[[4,\"pn-choice-button\",{\"value\":[520],\"name\":[1],\"choiceid\":[1],\"type\":[1],\"disabled\":[4],\"checked\":[4],\"indeterminate\":[1028]},[[0,\"change\",\"handlechange\"]]]]],[\"pn-mainnav-link.cjs\",[[4,\"pn-mainnav-link\",{\"name\":[1],\"href\":[1],\"target\":[1],\"linkid\":[1],\"levelId\":[32],\"open\":[32],\"hasChildren\":[32]}]]],[\"pn-marketweb-input.cjs\",[[0,\"pn-marketweb-input\",{\"disabled\":[4],\"error\":[1],\"invalid\":[4],\"helpertext\":[1],\"label\":[1],\"placeholder\":[1],\"inputid\":[1],\"name\":[1],\"required\":[4],\"type\":[1025],\"autocomplete\":[1],\"valid\":[4],\"value\":[1],\"maxlength\":[1],\"min\":[1],\"max\":[1],\"step\":[1],\"pattern\":[1],\"showText\":[32]}]]],[\"pn-marketweb-siteheader-login-links_2.cjs\",[[0,\"pn-marketweb-siteheader-login-links\",{\"loginDialog\":[1040],\"loginManager\":[16],\"idNamespace\":[1,\"id-namespace\"],\"loggedin\":[516],\"username\":[1]}],[0,\"pn-marketweb-siteheader-login-profileselection\",{\"loginDialog\":[1040],\"loginManager\":[16],\"endpoint\":[1],\"loggedin\":[4],\"idNamespace\":[1,\"id-namespace\"],\"heading\":[1],\"i18n\":[16],\"currentProfile\":[1040],\"profileoptions\":[1040],\"user\":[32],\"logoutLink\":[32],\"userName\":[32],\"userEmail\":[32]}]]],[\"pn-proxio-productcard_4.cjs\",[[4,\"pn-proxio-productcard\"],[0,\"pn-proxio-productcard-description\",{\"heading\":[1],\"highlight\":[1],\"description\":[1],\"list\":[1040]}],[0,\"pn-proxio-productcard-information\",{\"label\":[1],\"information\":[16]}],[0,\"pn-proxio-productcard-pricelink\",{\"price\":[1],\"link\":[1],\"linktext\":[1]}]]],[\"pn-product-tile-info_2.cjs\",[[0,\"pn-product-tile-info\",{\"label\":[1],\"text\":[1],\"icon\":[1]}],[0,\"pn-product-tile-price\",{\"label\":[1],\"amount\":[1],\"currency\":[1],\"url\":[1]}]]],[\"pn-marketweb-siteheader-login-linklist.cjs\",[[0,\"pn-marketweb-siteheader-login-linklist\",{\"heading\":[1],\"links\":[16],\"idNamespace\":[1,\"id-namespace\"],\"loginManager\":[16]}]]],[\"pn-language-selector_9.cjs\",[[0,\"pn-marketweb-siteheader-login\",{\"endpoint\":[1],\"token\":[1],\"i18n\":[16],\"siteUrl\":[1,\"site-url\"],\"emitEvents\":[4,\"emit-events\"],\"loginDialog\":[1040],\"fullname\":[1],\"loggedin\":[4],\"showProfileSelection\":[1028,\"show-profile-selection\"],\"loginManager\":[32],\"loginLinks\":[32],\"toggleButtonText\":[32],\"username\":[32]}],[4,\"pn-mainnav-level\",{\"label\":[1537],\"level\":[32],\"levelId\":[32],\"isOpen\":[32],\"parentName\":[32],\"parentHref\":[32],\"parentLinkId\":[32],\"listCount\":[32],\"alignment\":[32]}],[4,\"pn-language-selector\",{\"value\":[1537],\"selectedLanguageName\":[32],\"options\":[32],\"i18n\":[32]}],[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]}]]]]"), options);
|
|
18
18
|
});
|
|
19
19
|
};
|
|
20
20
|
|
|
@@ -21889,7 +21889,7 @@ const dataSetProps = (set, dataChartType) => {
|
|
|
21889
21889
|
return Object.assign(Object.assign({}, set), variant);
|
|
21890
21890
|
};
|
|
21891
21891
|
|
|
21892
|
-
const pnChartCss = "pn-chart{display:-ms-flexbox;display:flex;height:100%}pn-chart .chart-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;height:100%;
|
|
21892
|
+
const pnChartCss = "pn-chart{display:-ms-flexbox;display:flex;height:100%;width:100%}pn-chart .chart-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;height:100%;padding:1.6rem 0}pn-chart canvas.pnChart{width:100% !important}pn-chart[data-chart-type=bar] .chart-wrapper,pn-chart[data-chart-type=line] .chart-wrapper{min-height:100%;max-width:100%;min-width:100%}@media screen and (min-width: 768px){.fullwidth pn-chart{max-width:50%}}";
|
|
21893
21893
|
|
|
21894
21894
|
let PnChart = class {
|
|
21895
21895
|
constructor(hostRef) {
|
|
@@ -21906,11 +21906,12 @@ let PnChart = class {
|
|
|
21906
21906
|
};
|
|
21907
21907
|
}
|
|
21908
21908
|
componentDidLoad() {
|
|
21909
|
-
this.myChartCtxRef = this.element.
|
|
21909
|
+
this.myChartCtxRef = this.element.querySelector('#chart-canvas');
|
|
21910
21910
|
this.myChart = new Chart.Chart(this.myChartCtxRef, chartCfg(this.dataChartType, this.data));
|
|
21911
|
+
this.myChartCtxRef.height = this.myChartCtxRef.width / 2;
|
|
21911
21912
|
}
|
|
21912
21913
|
render() {
|
|
21913
|
-
return (index.h(index.Host, null, index.h("div", { class: "chart-wrapper" }, index.h("canvas", { class: "pnChart" }))));
|
|
21914
|
+
return (index.h(index.Host, null, index.h("div", { class: "chart-wrapper" }, index.h("canvas", { id: "chart-canvas", class: "pnChart" }))));
|
|
21914
21915
|
}
|
|
21915
21916
|
get element() { return index.getElement(this); }
|
|
21916
21917
|
};
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-e3e27c79.js');
|
|
6
6
|
|
|
7
|
-
const pnChartsCardCss = "pn-charts-card{width:100%;height:100%;display:-ms-flexbox;display:flex}pn-charts-card .pn-charts-card__wrapper{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#EFFBFF;border-radius:2.4rem;padding:2.4rem}@media screen and (min-width: 1200px){pn-charts-card .pn-charts-card__wrapper{padding:3.2rem}}pn-charts-card .pn-charts-card__heading__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:
|
|
7
|
+
const pnChartsCardCss = "pn-charts-card{width:100%;height:100%;display:-ms-flexbox;display:flex}pn-charts-card .pn-charts-card__wrapper{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#EFFBFF;border-radius:2.4rem;padding:2.4rem}@media screen and (min-width: 1200px){pn-charts-card .pn-charts-card__wrapper{padding:3.2rem}}pn-charts-card .pn-charts-card__heading__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;gap:0.8rem}pn-charts-card .pn-charts-card__heading{font-weight:700;font-size:2.4rem;line-height:110%}@media screen and (min-width: 1200px){pn-charts-card .pn-charts-card__heading{font-size:3.2rem}}pn-charts-card .pn-charts-card__heading__highlight{font-weight:700;font-size:2.4rem;line-height:110%;color:#005D92}@media screen and (min-width: 1200px){pn-charts-card .pn-charts-card__heading__highlight{font-size:3.2rem}}pn-charts-card .pn-charts-card__content__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}pn-charts-card .pn-charts-card__text__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;height:100%}pn-charts-card .pn-charts-card__text__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}pn-charts-card .pn-charts-card__text__wrapper span{display:block;margin-bottom:5.4rem}pn-charts-card .pn-charts-card__preamble{font-weight:400;font-size:1.6rem;line-height:140%;-ms-flex-positive:1;flex-grow:1;margin-bottom:1.6rem}@media screen and (min-width: 1200px){pn-charts-card .pn-charts-card__preamble{font-size:2rem}}pn-charts-card .pn-charts-card__source{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}pn-charts-card .pn-charts-card__source label{background-color:#00A0D6;color:#FFFFFF;border-radius:0.4rem;font-weight:400;font-size:1rem;line-height:140%;text-transform:uppercase;padding:0.4rem;margin-bottom:0.6rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (min-width: 1200px){pn-charts-card .pn-charts-card__source label{font-size:1.2rem}}pn-charts-card .pn-charts-card__source h3{font-weight:400;font-size:1.6rem;line-height:140%;color:#005D92}@media screen and (min-width: 1200px){pn-charts-card .pn-charts-card__source h3{font-size:2rem}}pn-charts-card .pn-charts-card__source a{text-decoration:none;color:#005D92;font-weight:500;font-size:1.6rem;text-decoration:none;color:#005D92;font-weight:400}pn-charts-card .pn-charts-card__source a:hover{text-decoration:underline}@media screen and (min-width: 1200px){pn-charts-card .pn-charts-card__source a{font-size:2rem}}pn-charts-card .pn-charts-card__source a pn-icon svg path{fill:#005D92}pn-charts-card .pn-charts-card__source a[target=_blank]:not(.pn-button):after{display:none}.fullwidth .pn-charts-card__wrapper{padding:4rem}.fullwidth .pn-charts-card__heading__wrapper{margin-bottom:3.2rem}.fullwidth .pn-charts-card__heading,.fullwidth .pn-charts-card__heading__highlight{font-size:3.2rem}.fullwidth .pn-charts-card__content__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width: 768px){.fullwidth .pn-charts-card__content__wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}}.fullwidth .pn-charts-card__text__container{-ms-flex-pack:center;justify-content:center}@media screen and (min-width: 768px){.fullwidth .pn-charts-card__text__container{max-width:50%}}.fullwidth .pn-charts-card__preamble{-ms-flex-positive:0;flex-grow:0}pn-charts-card[data-chart-color=coral]>.pn-charts-card__wrapper{background-color:#FDEFEE}pn-charts-card[data-chart-color=green]>.pn-charts-card__wrapper{background-color:#DCF6E7}pn-charts-card[data-chart-color=white]>.pn-charts-card__wrapper{background-color:#FFFFFF}pn-charts-card[data-chart-color=gray]>.pn-charts-card__wrapper{background-color:#F9F8F8}";
|
|
8
8
|
|
|
9
9
|
let PnChartsCard = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -12,7 +12,7 @@ let PnChartsCard = class {
|
|
|
12
12
|
this.openInNewWindow = false;
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return (index.h(index.Host, null, index.h("slot", { name: "clickable-block-wrapper" }), index.h("div", { class: "pn-charts-card__wrapper" }, index.h("div", { class: "pn-charts-card__heading__wrapper" }, index.h("div", { class: "pn-charts-card__heading" }, this.header), index.h("div", { class: "pn-charts-card__heading__highlight" }, this.highlight)), index.h("slot", { name: "chart" }), index.h("span", { class: "pn-charts-card__preamble" }, this.preamble), index.h("div", { class: "pn-charts-card__text__wrapper" }, index.h("div", { class: "pn-charts-card__source" }, index.h("label", null, this.label), index.h("h3", null, this.source), index.h("a", { class: "link--animated", href: this.sourceUrl, rel: this.openInNewWindow ? 'noopener nofollower noreferrer' : null, target: this.openInNewWindow ? '_blank' : null }, "Read the report ", index.h("pn-icon", { symbol: "arrow-right" }, " ")))))));
|
|
15
|
+
return (index.h(index.Host, null, index.h("slot", { name: "clickable-block-wrapper" }), index.h("div", { class: "pn-charts-card__wrapper" }, index.h("div", { class: "pn-charts-card__heading__wrapper" }, index.h("div", { class: "pn-charts-card__heading" }, this.header), index.h("div", { class: "pn-charts-card__heading__highlight" }, this.highlight)), index.h("div", { class: "pn-charts-card__content__wrapper" }, index.h("slot", { name: "chart" }), index.h("div", { class: "pn-charts-card__text__container" }, index.h("span", { class: "pn-charts-card__preamble" }, this.preamble), index.h("div", { class: "pn-charts-card__text__wrapper" }, index.h("div", { class: "pn-charts-card__source" }, index.h("label", null, this.label), index.h("h3", null, this.source), index.h("a", { class: "link--animated", href: this.sourceUrl, rel: this.openInNewWindow ? 'noopener nofollower noreferrer' : null, target: this.openInNewWindow ? '_blank' : null }, "Read the report ", index.h("pn-icon", { symbol: "arrow-right" }, " ")))))))));
|
|
16
16
|
}
|
|
17
17
|
get hostElement() { return index.getElement(this); }
|
|
18
18
|
};
|
|
@@ -55,5 +55,5 @@ const patchCloneNodeFix = (HTMLElementPrototype) => {
|
|
|
55
55
|
};
|
|
56
56
|
|
|
57
57
|
patchBrowser().then(options => {
|
|
58
|
-
return index.bootstrapLazy(JSON.parse("[[\"pn-marketweb-siteheader.cjs\",[[4,\"pn-marketweb-siteheader\",{\"market\":[1537],\"language\":[1537],\"siteid\":[1],\"environment\":[1537],\"userToken\":[1,\"user-token\"],\"userFullname\":[1,\"user-fullname\"],\"userLoggedin\":[516,\"user-loggedin\"],\"endpoint\":[1],\"hideSiteSelector\":[1540,\"hide-site-selector\"],\"hideHomeMenuItem\":[1540,\"hide-home-menu-item\"],\"hideLanguageSelector\":[1540,\"hide-language-selector\"],\"hideSearch\":[1540,\"hide-search\"],\"hideLogin\":[1540,\"hide-login\"],\"showProfileSelection\":[1540,\"show-profile-selection\"],\"siteDomainInUrls\":[4,\"site-domain-in-urls\"],\"AutocompleteEndpoint\":[1,\"autocomplete-endpoint\"],\"sessionForward\":[4,\"session-forward\"],\"cache\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"spaMode\":[4,\"spa-mode\"],\"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],\"loginManager\":[32]},[[0,\"setLanguage\",\"onLanguageSelectorChange\"],[0,\"loginStateChange\",\"onLoginStateChange\"],[9,\"resize\",\"handleResize\"]]]]],[\"pn-find-price.cjs\",[[0,\"pn-find-price\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"filteredItems\":[32],\"weight\":[32],\"weightvalue\":[32],\"sourceData\":[32],\"sizecategory\":[32]}]]],[\"pn-find-service-and-price.cjs\",[[0,\"pn-find-service-and-price\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"filteredItems\":[32],\"postagetype\":[32],\"weight\":[32],\"weightvalue\":[32],\"deliveryscope\":[32],\"sourceData\":[32]}]]],[\"pn-product-pricelist.cjs\",[[4,\"pn-product-pricelist\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"productid\":[1],\"filteredItems\":[32],\"sourceData\":[32],\"gotData\":[32],\"loading\":[32],\"postagetype\":[32],\"weight\":[32],\"weightvalue\":[32]}]]],[\"pn-proxio-pricegroup.cjs\",[[0,\"pn-proxio-pricegroup\",{\"endpoint\":[1025],\"language\":[1],\"market\":[1],\"tariffid\":[1],\"cache\":[4],\"activeWeightIndex\":[32],\"data\":[32],\"i18n\":[32]},[[0,\"activeWeightIndex\",\"setActiveWeightIndex\"],[0,\"language\",\"setLanguage\"]]]]],[\"pn-product-pricelist-result.cjs\",[[0,\"pn-product-pricelist-result\",{\"item\":[1040],\"description\":[16],\"shownitems\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"weightText\":[32]}]]],[\"pn-marketweb-sitefooter.cjs\",[[4,\"pn-marketweb-sitefooter\",{\"market\":[1537],\"language\":[1537],\"environment\":[1537],\"endpoint\":[1],\"siteDomainInUrls\":[4,\"site-domain-in-urls\"],\"cache\":[4],\"theme\":[513],\"backgroundcolor\":[513],\"siteDefinition\":[32],\"footerContent\":[32],\"i18n\":[32],\"gotData\":[32],\"fetchingData\":[32]}]]],[\"pn-parcel-tracker.cjs\",[[0,\"pn-parcel-tracker\",{\"formActionUrl\":[1,\"form-action-url\"],\"heading\":[1],\"buttonLabel\":[1,\"button-label\"],\"locale\":[1],\"placeholder\":[1],\"inputName\":[1,\"input-name\"],\"currentWidth\":[32]},[[9,\"resize\",\"handleViewportSizeChange\"]]]]],[\"pn-pex-pricefinder.cjs\",[[0,\"pn-pex-pricefinder\",{\"language\":[1],\"currency\":[1],\"apiUrl\":[1,\"api-url\"],\"i18n\":[32],\"fromzip\":[32],\"tozip\":[32],\"weight\":[32],\"when\":[32],\"response\":[32]},[[0,\"language\",\"setLanguage\"]]]]],[\"pn-stats-info.cjs\",[[0,\"pn-stats-info\",{\"heading\":[1],\"dataArray\":[1,\"data-array\"],\"backgroundUrl\":[1,\"background-url\"],\"myParsedArray\":[32]}]]],[\"pn-bonus-progressbar.cjs\",[[4,\"pn-bonus-progressbar\",{\"icon\":[1],\"heading\":[1],\"sumtext\":[513],\"theme\":[513],\"bonuspercentage\":[1],\"currency\":[513],\"value\":[1538],\"min\":[1538],\"max\":[1538],\"valuepercentage\":[32],\"progresspercentage\":[32],\"levelValues\":[32],\"currentLevelAdjustedValue\":[32]}]]],[\"pn-bonus-progressbar-level.cjs\",[[0,\"pn-bonus-progressbar-level\",{\"current\":[516],\"value\":[1538],\"bonuspercentage\":[1537],\"visualpercentage\":[1538],\"percentage\":[32],\"max\":[32],\"min\":[32],\"currency\":[32]}]]],[\"pn-breakpoints.cjs\",[[0,\"pn-breakpoints\",{\"breakPointClass\":[1,\"break-point-class\"],\"currentWidth\":[32]},[[9,\"resize\",\"handleViewportSizeChange\"]]]]],[\"pn-chart.cjs\",[[0,\"pn-chart\",{\"labels\":[1],\"dataSets\":[1,\"data-sets\"],\"dataChartType\":[8,\"data-chart-type\"],\"parsedDataSets\":[32],\"parsedLabels\":[32]}]]],[\"pn-charts-card.cjs\",[[4,\"pn-charts-card\",{\"header\":[1],\"highlight\":[1],\"preamble\":[1],\"label\":[1],\"source\":[1],\"sourceUrl\":[1,\"source-url\"],\"openInNewWindow\":[4,\"open-in-new-window\"],\"someState\":[32]}]]],[\"pn-customernumber-selector.cjs\",[[4,\"pn-customernumber-selector\",{\"language\":[1537],\"open\":[1540],\"heading\":[1],\"description\":[1],\"i18n\":[32]}]]],[\"pn-customernumber-selector-option.cjs\",[[4,\"pn-customernumber-selector-option\",{\"heading\":[1],\"description\":[1],\"url\":[1]}]]],[\"pn-filter-checkbox.cjs\",[[1,\"pn-filter-checkbox\",{\"value\":[520],\"name\":[1],\"checkboxid\":[1],\"disabled\":[4],\"checked\":[4],\"indeterminate\":[1028]},[[0,\"change\",\"handlechange\"]]]]],[\"pn-line-shape.cjs\",[[0,\"pn-line-shape\"]]],[\"pn-marketweb-search.cjs\",[[1,\"pn-marketweb-search\",{\"disabled\":[4],\"placeholder\":[1],\"inputid\":[1],\"name\":[1],\"autocomplete\":[1],\"list\":[1],\"value\":[1],\"label\":[1],\"loading\":[4],\"button\":[1],\"light\":[4],\"suggestionObserver\":[32],\"hasClonedInput\":[32],\"listSuggestion\":[32]},[[0,\"input\",\"inputHandler\"]]]]],[\"pn-product-tile.cjs\",[[4,\"pn-product-tile\"]]],[\"pn-profile-modal.cjs\",[[4,\"pn-profile-modal\",{\"heading\":[1],\"continueCtaText\":[1,\"continue-cta-text\"],\"choosenCompanyText\":[1,\"choosen-company-text\"],\"toText\":[1,\"to-text\"],\"chooseCustomerNumberText\":[1,\"choose-customer-number-text\"],\"isLoading\":[32]},[[0,\"urlSelected\",\"onUrlSelected\"]]]]],[\"pn-profile-modal-customernumber.cjs\",[[4,\"pn-profile-modal-customernumber\",{\"url\":[513],\"customernumber\":[513],\"selected\":[516]}]]],[\"pn-profile-modal-profile.cjs\",[[4,\"pn-profile-modal-profile\",{\"heading\":[513],\"description\":[513],\"url\":[513],\"selected\":[1028],\"showCustomerNumbers\":[516,\"show-customer-numbers\"],\"pleaseSelectText\":[513,\"please-select-text\"],\"visible\":[1540],\"identifier\":[32]}]]],[\"pn-profile-modal-type.cjs\",[[4,\"pn-profile-modal-type\",{\"typeid\":[513],\"name\":[1025],\"selected\":[1028],\"selectedprofile\":[1025]}]]],[\"pn-profile-selector.cjs\",[[4,\"pn-profile-selector\",{\"language\":[1537],\"returnUrl\":[1,\"return-url\"],\"heading\":[1],\"i18n\":[32],\"isLoading\":[32],\"numberOfProfiles\":[32]}]]],[\"pn-profile-selector-option.cjs\",[[0,\"pn-profile-selector-option\",{\"heading\":[1],\"description\":[1],\"url\":[1]}]]],[\"pn-quick-cta.cjs\",[[4,\"pn-quick-cta\",{\"heading\":[1],\"preamble\":[1]}]]],[\"pn-quote-card.cjs\",[[4,\"pn-quote-card\",{\"quote\":[1],\"name\":[1],\"occupation\":[1]}]]],[\"pn-sidenav.cjs\",[[4,\"pn-sidenav\",{\"language\":[1],\"navLabel\":[1,\"nav-label\"],\"i18n\":[32]},[[0,\"language\",\"setLanguage\"],[0,\"openSubMenuLevelChange\",\"onOpenSubMenuLevelChange\"]]]]],[\"pn-sidenav-level.cjs\",[[4,\"pn-sidenav-level\",{\"level\":[32],\"levelId\":[32],\"isOpen\":[32],\"parentName\":[32],\"parentHref\":[32],\"parentLinkId\":[32],\"alignment\":[32]}]]],[\"pn-sidenav-link.cjs\",[[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.cjs\",[[4,\"pn-sidenav-togglebutton\",{\"label\":[1],\"i18n\":[32]}]]],[\"pn-spotlight.cjs\",[[4,\"pn-spotlight\",{\"heading\":[1],\"preamble\":[1]}]]],[\"pn-teaser-card.cjs\",[[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-product-card_4.cjs\",[[0,\"pn-product-card-info\",{\"rulle\":[1],\"paket\":[1],\"label\":[1],\"text\":[1]}],[0,\"pn-product-card-price\",{\"label\":[1],\"amount\":[1],\"currency\":[1],\"note\":[1],\"url\":[1],\"service\":[1],\"linkid\":[1]}],[4,\"pn-titletag\",{\"icon\":[1],\"color\":[1537]}],[4,\"pn-product-card\"]]],[\"pn-find-service-and-price-result.cjs\",[[0,\"pn-find-service-and-price-result\",{\"item\":[1040],\"shownitems\":[16],\"weightText\":[32]}]]],[\"pn-stats-info-data.cjs\",[[0,\"pn-stats-info-data\",{\"data\":[2],\"unit\":[1],\"preamble\":[1],\"compId\":[1,\"comp-id\"],\"duration\":[2],\"hasBeenShown\":[32]}]]],[\"pn-find-price-result.cjs\",[[0,\"pn-find-price-result\",{\"item\":[1040],\"shownitems\":[16],\"Usp1\":[1,\"usp-1\"],\"Usp2\":[1,\"usp-2\"],\"Usp3\":[1,\"usp-3\"],\"description\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"weightText\":[32],\"linkId\":[32],\"shopLabel\":[32],\"shopUrl\":[32],\"shopId\":[32]}]]],[\"pn-site-footer_2.cjs\",[[4,\"pn-site-footer\",{\"url\":[1],\"linktitle\":[1],\"theme\":[513]}],[4,\"pn-site-footer-col\",{\"theme\":[513]}]]],[\"pn-choice-button.cjs\",[[4,\"pn-choice-button\",{\"value\":[520],\"name\":[1],\"choiceid\":[1],\"type\":[1],\"disabled\":[4],\"checked\":[4],\"indeterminate\":[1028]},[[0,\"change\",\"handlechange\"]]]]],[\"pn-mainnav-link.cjs\",[[4,\"pn-mainnav-link\",{\"name\":[1],\"href\":[1],\"target\":[1],\"linkid\":[1],\"levelId\":[32],\"open\":[32],\"hasChildren\":[32]}]]],[\"pn-marketweb-input.cjs\",[[0,\"pn-marketweb-input\",{\"disabled\":[4],\"error\":[1],\"invalid\":[4],\"helpertext\":[1],\"label\":[1],\"placeholder\":[1],\"inputid\":[1],\"name\":[1],\"required\":[4],\"type\":[1025],\"autocomplete\":[1],\"valid\":[4],\"value\":[1],\"maxlength\":[1],\"min\":[1],\"max\":[1],\"step\":[1],\"pattern\":[1],\"showText\":[32]}]]],[\"pn-marketweb-siteheader-login-links_2.cjs\",[[0,\"pn-marketweb-siteheader-login-links\",{\"loginDialog\":[1040],\"loginManager\":[16],\"idNamespace\":[1,\"id-namespace\"],\"loggedin\":[516],\"username\":[1]}],[0,\"pn-marketweb-siteheader-login-profileselection\",{\"loginDialog\":[1040],\"loginManager\":[16],\"endpoint\":[1],\"loggedin\":[4],\"idNamespace\":[1,\"id-namespace\"],\"heading\":[1],\"i18n\":[16],\"currentProfile\":[1040],\"profileoptions\":[1040],\"user\":[32],\"logoutLink\":[32],\"userName\":[32],\"userEmail\":[32]}]]],[\"pn-proxio-productcard_4.cjs\",[[4,\"pn-proxio-productcard\"],[0,\"pn-proxio-productcard-description\",{\"heading\":[1],\"highlight\":[1],\"description\":[1],\"list\":[1040]}],[0,\"pn-proxio-productcard-information\",{\"label\":[1],\"information\":[16]}],[0,\"pn-proxio-productcard-pricelink\",{\"price\":[1],\"link\":[1],\"linktext\":[1]}]]],[\"pn-product-tile-info_2.cjs\",[[0,\"pn-product-tile-info\",{\"label\":[1],\"text\":[1],\"icon\":[1]}],[0,\"pn-product-tile-price\",{\"label\":[1],\"amount\":[1],\"currency\":[1],\"url\":[1]}]]],[\"pn-marketweb-siteheader-login-linklist.cjs\",[[0,\"pn-marketweb-siteheader-login-linklist\",{\"heading\":[1],\"links\":[16],\"idNamespace\":[1,\"id-namespace\"],\"loginManager\":[16]}]]],[\"pn-language-selector_9.cjs\",[[0,\"pn-marketweb-siteheader-login\",{\"endpoint\":[1],\"token\":[1],\"i18n\":[16],\"siteUrl\":[1,\"site-url\"],\"emitEvents\":[4,\"emit-events\"],\"loginDialog\":[1040],\"fullname\":[1],\"loggedin\":[4],\"showProfileSelection\":[1028,\"show-profile-selection\"],\"loginManager\":[32],\"loginLinks\":[32],\"toggleButtonText\":[32],\"username\":[32]}],[4,\"pn-mainnav-level\",{\"label\":[1537],\"level\":[32],\"levelId\":[32],\"isOpen\":[32],\"parentName\":[32],\"parentHref\":[32],\"parentLinkId\":[32],\"listCount\":[32],\"alignment\":[32]}],[4,\"pn-language-selector\",{\"value\":[1537],\"selectedLanguageName\":[32],\"options\":[32],\"i18n\":[32]}],[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]}]]]]"), options);
|
|
58
|
+
return index.bootstrapLazy(JSON.parse("[[\"pn-marketweb-siteheader.cjs\",[[4,\"pn-marketweb-siteheader\",{\"market\":[1537],\"language\":[1537],\"siteid\":[1],\"environment\":[1537],\"userToken\":[1,\"user-token\"],\"userFullname\":[1,\"user-fullname\"],\"userLoggedin\":[516,\"user-loggedin\"],\"endpoint\":[1],\"hideSiteSelector\":[1540,\"hide-site-selector\"],\"hideHomeMenuItem\":[1540,\"hide-home-menu-item\"],\"hideLanguageSelector\":[1540,\"hide-language-selector\"],\"hideSearch\":[1540,\"hide-search\"],\"hideLogin\":[1540,\"hide-login\"],\"showProfileSelection\":[1540,\"show-profile-selection\"],\"siteDomainInUrls\":[4,\"site-domain-in-urls\"],\"AutocompleteEndpoint\":[1,\"autocomplete-endpoint\"],\"sessionForward\":[4,\"session-forward\"],\"cache\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"spaMode\":[4,\"spa-mode\"],\"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],\"loginManager\":[32]},[[0,\"setLanguage\",\"onLanguageSelectorChange\"],[0,\"loginStateChange\",\"onLoginStateChange\"],[9,\"resize\",\"handleResize\"]]]]],[\"pn-find-price.cjs\",[[0,\"pn-find-price\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"filteredItems\":[32],\"weight\":[32],\"weightvalue\":[32],\"sourceData\":[32],\"sizecategory\":[32]}]]],[\"pn-find-service-and-price.cjs\",[[0,\"pn-find-service-and-price\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"filteredItems\":[32],\"postagetype\":[32],\"weight\":[32],\"weightvalue\":[32],\"deliveryscope\":[32],\"sourceData\":[32]}]]],[\"pn-product-pricelist.cjs\",[[4,\"pn-product-pricelist\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"productid\":[1],\"filteredItems\":[32],\"sourceData\":[32],\"gotData\":[32],\"loading\":[32],\"postagetype\":[32],\"weight\":[32],\"weightvalue\":[32]}]]],[\"pn-proxio-pricegroup.cjs\",[[0,\"pn-proxio-pricegroup\",{\"endpoint\":[1025],\"language\":[1],\"market\":[1],\"tariffid\":[1],\"cache\":[4],\"activeWeightIndex\":[32],\"data\":[32],\"i18n\":[32]},[[0,\"activeWeightIndex\",\"setActiveWeightIndex\"],[0,\"language\",\"setLanguage\"]]]]],[\"pn-product-pricelist-result.cjs\",[[0,\"pn-product-pricelist-result\",{\"item\":[1040],\"description\":[16],\"shownitems\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"weightText\":[32]}]]],[\"pn-marketweb-sitefooter.cjs\",[[4,\"pn-marketweb-sitefooter\",{\"market\":[1537],\"language\":[1537],\"environment\":[1537],\"endpoint\":[1],\"siteDomainInUrls\":[4,\"site-domain-in-urls\"],\"cache\":[4],\"theme\":[513],\"backgroundcolor\":[513],\"siteDefinition\":[32],\"footerContent\":[32],\"i18n\":[32],\"gotData\":[32],\"fetchingData\":[32]}]]],[\"pn-parcel-tracker.cjs\",[[0,\"pn-parcel-tracker\",{\"formActionUrl\":[1,\"form-action-url\"],\"heading\":[1],\"buttonLabel\":[1,\"button-label\"],\"locale\":[1],\"placeholder\":[1],\"inputName\":[1,\"input-name\"],\"currentWidth\":[32]},[[9,\"resize\",\"handleViewportSizeChange\"]]]]],[\"pn-pex-pricefinder.cjs\",[[0,\"pn-pex-pricefinder\",{\"language\":[1],\"currency\":[1],\"apiUrl\":[1,\"api-url\"],\"i18n\":[32],\"fromzip\":[32],\"tozip\":[32],\"weight\":[32],\"when\":[32],\"response\":[32]},[[0,\"language\",\"setLanguage\"]]]]],[\"pn-stats-info.cjs\",[[0,\"pn-stats-info\",{\"heading\":[1],\"dataArray\":[1,\"data-array\"],\"backgroundUrl\":[1,\"background-url\"],\"myParsedArray\":[32]}]]],[\"pn-bonus-progressbar.cjs\",[[4,\"pn-bonus-progressbar\",{\"icon\":[1],\"heading\":[1],\"sumtext\":[513],\"theme\":[513],\"bonuspercentage\":[1],\"currency\":[513],\"value\":[1538],\"min\":[1538],\"max\":[1538],\"valuepercentage\":[32],\"progresspercentage\":[32],\"levelValues\":[32],\"currentLevelAdjustedValue\":[32]}]]],[\"pn-bonus-progressbar-level.cjs\",[[0,\"pn-bonus-progressbar-level\",{\"current\":[516],\"value\":[1538],\"bonuspercentage\":[1537],\"visualpercentage\":[1538],\"percentage\":[32],\"max\":[32],\"min\":[32],\"currency\":[32]}]]],[\"pn-breakpoints.cjs\",[[0,\"pn-breakpoints\",{\"breakPointClass\":[1,\"break-point-class\"],\"currentWidth\":[32]},[[9,\"resize\",\"handleViewportSizeChange\"]]]]],[\"pn-chart.cjs\",[[0,\"pn-chart\",{\"labels\":[1],\"dataSets\":[1,\"data-sets\"],\"dataChartType\":[8,\"data-chart-type\"],\"myChartCtxRef\":[32],\"parsedDataSets\":[32],\"parsedLabels\":[32]}]]],[\"pn-charts-card.cjs\",[[4,\"pn-charts-card\",{\"header\":[1],\"highlight\":[1],\"preamble\":[1],\"label\":[1],\"source\":[1],\"sourceUrl\":[1,\"source-url\"],\"openInNewWindow\":[4,\"open-in-new-window\"],\"someState\":[32]}]]],[\"pn-customernumber-selector.cjs\",[[4,\"pn-customernumber-selector\",{\"language\":[1537],\"open\":[1540],\"heading\":[1],\"description\":[1],\"i18n\":[32]}]]],[\"pn-customernumber-selector-option.cjs\",[[4,\"pn-customernumber-selector-option\",{\"heading\":[1],\"description\":[1],\"url\":[1]}]]],[\"pn-filter-checkbox.cjs\",[[1,\"pn-filter-checkbox\",{\"value\":[520],\"name\":[1],\"checkboxid\":[1],\"disabled\":[4],\"checked\":[4],\"indeterminate\":[1028]},[[0,\"change\",\"handlechange\"]]]]],[\"pn-line-shape.cjs\",[[0,\"pn-line-shape\"]]],[\"pn-marketweb-search.cjs\",[[1,\"pn-marketweb-search\",{\"disabled\":[4],\"placeholder\":[1],\"inputid\":[1],\"name\":[1],\"autocomplete\":[1],\"list\":[1],\"value\":[1],\"label\":[1],\"loading\":[4],\"button\":[1],\"light\":[4],\"suggestionObserver\":[32],\"hasClonedInput\":[32],\"listSuggestion\":[32]},[[0,\"input\",\"inputHandler\"]]]]],[\"pn-product-tile.cjs\",[[4,\"pn-product-tile\"]]],[\"pn-profile-modal.cjs\",[[4,\"pn-profile-modal\",{\"heading\":[1],\"continueCtaText\":[1,\"continue-cta-text\"],\"choosenCompanyText\":[1,\"choosen-company-text\"],\"toText\":[1,\"to-text\"],\"chooseCustomerNumberText\":[1,\"choose-customer-number-text\"],\"isLoading\":[32]},[[0,\"urlSelected\",\"onUrlSelected\"]]]]],[\"pn-profile-modal-customernumber.cjs\",[[4,\"pn-profile-modal-customernumber\",{\"url\":[513],\"customernumber\":[513],\"selected\":[516]}]]],[\"pn-profile-modal-profile.cjs\",[[4,\"pn-profile-modal-profile\",{\"heading\":[513],\"description\":[513],\"url\":[513],\"selected\":[1028],\"showCustomerNumbers\":[516,\"show-customer-numbers\"],\"pleaseSelectText\":[513,\"please-select-text\"],\"visible\":[1540],\"identifier\":[32]}]]],[\"pn-profile-modal-type.cjs\",[[4,\"pn-profile-modal-type\",{\"typeid\":[513],\"name\":[1025],\"selected\":[1028],\"selectedprofile\":[1025]}]]],[\"pn-profile-selector.cjs\",[[4,\"pn-profile-selector\",{\"language\":[1537],\"returnUrl\":[1,\"return-url\"],\"heading\":[1],\"i18n\":[32],\"isLoading\":[32],\"numberOfProfiles\":[32]}]]],[\"pn-profile-selector-option.cjs\",[[0,\"pn-profile-selector-option\",{\"heading\":[1],\"description\":[1],\"url\":[1]}]]],[\"pn-quick-cta.cjs\",[[4,\"pn-quick-cta\",{\"heading\":[1],\"preamble\":[1]}]]],[\"pn-quote-card.cjs\",[[4,\"pn-quote-card\",{\"quote\":[1],\"name\":[1],\"occupation\":[1]}]]],[\"pn-sidenav.cjs\",[[4,\"pn-sidenav\",{\"language\":[1],\"navLabel\":[1,\"nav-label\"],\"i18n\":[32]},[[0,\"language\",\"setLanguage\"],[0,\"openSubMenuLevelChange\",\"onOpenSubMenuLevelChange\"]]]]],[\"pn-sidenav-level.cjs\",[[4,\"pn-sidenav-level\",{\"level\":[32],\"levelId\":[32],\"isOpen\":[32],\"parentName\":[32],\"parentHref\":[32],\"parentLinkId\":[32],\"alignment\":[32]}]]],[\"pn-sidenav-link.cjs\",[[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.cjs\",[[4,\"pn-sidenav-togglebutton\",{\"label\":[1],\"i18n\":[32]}]]],[\"pn-spotlight.cjs\",[[4,\"pn-spotlight\",{\"heading\":[1],\"preamble\":[1]}]]],[\"pn-teaser-card.cjs\",[[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-product-card_4.cjs\",[[0,\"pn-product-card-info\",{\"rulle\":[1],\"paket\":[1],\"label\":[1],\"text\":[1]}],[0,\"pn-product-card-price\",{\"label\":[1],\"amount\":[1],\"currency\":[1],\"note\":[1],\"url\":[1],\"service\":[1],\"linkid\":[1]}],[4,\"pn-titletag\",{\"icon\":[1],\"color\":[1537]}],[4,\"pn-product-card\"]]],[\"pn-find-service-and-price-result.cjs\",[[0,\"pn-find-service-and-price-result\",{\"item\":[1040],\"shownitems\":[16],\"weightText\":[32]}]]],[\"pn-stats-info-data.cjs\",[[0,\"pn-stats-info-data\",{\"data\":[2],\"unit\":[1],\"preamble\":[1],\"compId\":[1,\"comp-id\"],\"duration\":[2],\"hasBeenShown\":[32]}]]],[\"pn-find-price-result.cjs\",[[0,\"pn-find-price-result\",{\"item\":[1040],\"shownitems\":[16],\"Usp1\":[1,\"usp-1\"],\"Usp2\":[1,\"usp-2\"],\"Usp3\":[1,\"usp-3\"],\"description\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"weightText\":[32],\"linkId\":[32],\"shopLabel\":[32],\"shopUrl\":[32],\"shopId\":[32]}]]],[\"pn-site-footer_2.cjs\",[[4,\"pn-site-footer\",{\"url\":[1],\"linktitle\":[1],\"theme\":[513]}],[4,\"pn-site-footer-col\",{\"theme\":[513]}]]],[\"pn-choice-button.cjs\",[[4,\"pn-choice-button\",{\"value\":[520],\"name\":[1],\"choiceid\":[1],\"type\":[1],\"disabled\":[4],\"checked\":[4],\"indeterminate\":[1028]},[[0,\"change\",\"handlechange\"]]]]],[\"pn-mainnav-link.cjs\",[[4,\"pn-mainnav-link\",{\"name\":[1],\"href\":[1],\"target\":[1],\"linkid\":[1],\"levelId\":[32],\"open\":[32],\"hasChildren\":[32]}]]],[\"pn-marketweb-input.cjs\",[[0,\"pn-marketweb-input\",{\"disabled\":[4],\"error\":[1],\"invalid\":[4],\"helpertext\":[1],\"label\":[1],\"placeholder\":[1],\"inputid\":[1],\"name\":[1],\"required\":[4],\"type\":[1025],\"autocomplete\":[1],\"valid\":[4],\"value\":[1],\"maxlength\":[1],\"min\":[1],\"max\":[1],\"step\":[1],\"pattern\":[1],\"showText\":[32]}]]],[\"pn-marketweb-siteheader-login-links_2.cjs\",[[0,\"pn-marketweb-siteheader-login-links\",{\"loginDialog\":[1040],\"loginManager\":[16],\"idNamespace\":[1,\"id-namespace\"],\"loggedin\":[516],\"username\":[1]}],[0,\"pn-marketweb-siteheader-login-profileselection\",{\"loginDialog\":[1040],\"loginManager\":[16],\"endpoint\":[1],\"loggedin\":[4],\"idNamespace\":[1,\"id-namespace\"],\"heading\":[1],\"i18n\":[16],\"currentProfile\":[1040],\"profileoptions\":[1040],\"user\":[32],\"logoutLink\":[32],\"userName\":[32],\"userEmail\":[32]}]]],[\"pn-proxio-productcard_4.cjs\",[[4,\"pn-proxio-productcard\"],[0,\"pn-proxio-productcard-description\",{\"heading\":[1],\"highlight\":[1],\"description\":[1],\"list\":[1040]}],[0,\"pn-proxio-productcard-information\",{\"label\":[1],\"information\":[16]}],[0,\"pn-proxio-productcard-pricelink\",{\"price\":[1],\"link\":[1],\"linktext\":[1]}]]],[\"pn-product-tile-info_2.cjs\",[[0,\"pn-product-tile-info\",{\"label\":[1],\"text\":[1],\"icon\":[1]}],[0,\"pn-product-tile-price\",{\"label\":[1],\"amount\":[1],\"currency\":[1],\"url\":[1]}]]],[\"pn-marketweb-siteheader-login-linklist.cjs\",[[0,\"pn-marketweb-siteheader-login-linklist\",{\"heading\":[1],\"links\":[16],\"idNamespace\":[1,\"id-namespace\"],\"loginManager\":[16]}]]],[\"pn-language-selector_9.cjs\",[[0,\"pn-marketweb-siteheader-login\",{\"endpoint\":[1],\"token\":[1],\"i18n\":[16],\"siteUrl\":[1,\"site-url\"],\"emitEvents\":[4,\"emit-events\"],\"loginDialog\":[1040],\"fullname\":[1],\"loggedin\":[4],\"showProfileSelection\":[1028,\"show-profile-selection\"],\"loginManager\":[32],\"loginLinks\":[32],\"toggleButtonText\":[32],\"username\":[32]}],[4,\"pn-mainnav-level\",{\"label\":[1537],\"level\":[32],\"levelId\":[32],\"isOpen\":[32],\"parentName\":[32],\"parentHref\":[32],\"parentLinkId\":[32],\"listCount\":[32],\"alignment\":[32]}],[4,\"pn-language-selector\",{\"value\":[1537],\"selectedLanguageName\":[32],\"options\":[32],\"i18n\":[32]}],[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]}]]]]"), options);
|
|
59
59
|
});
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
pn-chart {
|
|
2
2
|
display: flex;
|
|
3
3
|
height: 100%;
|
|
4
|
+
width: 100%;
|
|
4
5
|
}
|
|
5
6
|
pn-chart .chart-wrapper {
|
|
6
7
|
display: flex;
|
|
@@ -9,18 +10,18 @@ pn-chart .chart-wrapper {
|
|
|
9
10
|
position: relative;
|
|
10
11
|
width: 100%;
|
|
11
12
|
height: 100%;
|
|
12
|
-
|
|
13
|
+
padding: 1.6rem 0;
|
|
13
14
|
}
|
|
14
15
|
pn-chart canvas.pnChart {
|
|
15
|
-
|
|
16
|
+
width: 100% !important;
|
|
16
17
|
}
|
|
17
18
|
pn-chart[data-chart-type=bar] .chart-wrapper, pn-chart[data-chart-type=line] .chart-wrapper {
|
|
18
|
-
aspect-ratio: 16/9;
|
|
19
|
-
padding: 2.4rem 0;
|
|
20
19
|
min-height: 100%;
|
|
21
20
|
max-width: 100%;
|
|
22
21
|
min-width: 100%;
|
|
23
22
|
}
|
|
24
|
-
|
|
25
|
-
|
|
23
|
+
@media screen and (min-width: 768px) {
|
|
24
|
+
.fullwidth pn-chart {
|
|
25
|
+
max-width: 50%;
|
|
26
|
+
}
|
|
26
27
|
}
|
|
@@ -15,13 +15,14 @@ export class PnChart {
|
|
|
15
15
|
};
|
|
16
16
|
}
|
|
17
17
|
componentDidLoad() {
|
|
18
|
-
this.myChartCtxRef = this.element.
|
|
18
|
+
this.myChartCtxRef = this.element.querySelector('#chart-canvas');
|
|
19
19
|
this.myChart = new Chart(this.myChartCtxRef, chartCfg(this.dataChartType, this.data));
|
|
20
|
+
this.myChartCtxRef.height = this.myChartCtxRef.width / 2;
|
|
20
21
|
}
|
|
21
22
|
render() {
|
|
22
23
|
return (h(Host, null,
|
|
23
24
|
h("div", { class: "chart-wrapper" },
|
|
24
|
-
h("canvas", { class: "pnChart" }))));
|
|
25
|
+
h("canvas", { id: "chart-canvas", class: "pnChart" }))));
|
|
25
26
|
}
|
|
26
27
|
static get is() { return "pn-chart"; }
|
|
27
28
|
static get originalStyleUrls() { return {
|
|
@@ -87,6 +88,7 @@ export class PnChart {
|
|
|
87
88
|
}
|
|
88
89
|
}; }
|
|
89
90
|
static get states() { return {
|
|
91
|
+
"myChartCtxRef": {},
|
|
90
92
|
"parsedDataSets": {},
|
|
91
93
|
"parsedLabels": {}
|
|
92
94
|
}; }
|
|
@@ -19,19 +19,41 @@ pn-charts-card .pn-charts-card__wrapper {
|
|
|
19
19
|
pn-charts-card .pn-charts-card__heading__wrapper {
|
|
20
20
|
display: flex;
|
|
21
21
|
flex-direction: row;
|
|
22
|
-
justify-content: space-
|
|
22
|
+
justify-content: space-between;
|
|
23
|
+
gap: 0.8rem;
|
|
23
24
|
}
|
|
24
25
|
pn-charts-card .pn-charts-card__heading {
|
|
25
26
|
font-weight: 700;
|
|
26
|
-
font-size:
|
|
27
|
+
font-size: 2.4rem;
|
|
27
28
|
line-height: 110%;
|
|
28
29
|
}
|
|
30
|
+
@media screen and (min-width: 1200px) {
|
|
31
|
+
pn-charts-card .pn-charts-card__heading {
|
|
32
|
+
font-size: 3.2rem;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
29
35
|
pn-charts-card .pn-charts-card__heading__highlight {
|
|
30
36
|
font-weight: 700;
|
|
31
|
-
font-size:
|
|
37
|
+
font-size: 2.4rem;
|
|
32
38
|
line-height: 110%;
|
|
33
39
|
color: #005D92;
|
|
34
40
|
}
|
|
41
|
+
@media screen and (min-width: 1200px) {
|
|
42
|
+
pn-charts-card .pn-charts-card__heading__highlight {
|
|
43
|
+
font-size: 3.2rem;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
pn-charts-card .pn-charts-card__content__wrapper {
|
|
47
|
+
display: flex;
|
|
48
|
+
flex-direction: column;
|
|
49
|
+
height: 100%;
|
|
50
|
+
}
|
|
51
|
+
pn-charts-card .pn-charts-card__text__container {
|
|
52
|
+
display: flex;
|
|
53
|
+
flex-direction: column;
|
|
54
|
+
justify-content: space-between;
|
|
55
|
+
height: 100%;
|
|
56
|
+
}
|
|
35
57
|
pn-charts-card .pn-charts-card__text__wrapper {
|
|
36
58
|
display: flex;
|
|
37
59
|
flex-direction: column;
|
|
@@ -43,11 +65,16 @@ pn-charts-card .pn-charts-card__text__wrapper span {
|
|
|
43
65
|
}
|
|
44
66
|
pn-charts-card .pn-charts-card__preamble {
|
|
45
67
|
font-weight: 400;
|
|
46
|
-
font-size:
|
|
68
|
+
font-size: 1.6rem;
|
|
47
69
|
line-height: 140%;
|
|
48
70
|
flex-grow: 1;
|
|
49
71
|
margin-bottom: 1.6rem;
|
|
50
72
|
}
|
|
73
|
+
@media screen and (min-width: 1200px) {
|
|
74
|
+
pn-charts-card .pn-charts-card__preamble {
|
|
75
|
+
font-size: 2rem;
|
|
76
|
+
}
|
|
77
|
+
}
|
|
51
78
|
pn-charts-card .pn-charts-card__source {
|
|
52
79
|
display: flex;
|
|
53
80
|
flex-direction: column;
|
|
@@ -57,19 +84,29 @@ pn-charts-card .pn-charts-card__source label {
|
|
|
57
84
|
color: #FFFFFF;
|
|
58
85
|
border-radius: 0.4rem;
|
|
59
86
|
font-weight: 400;
|
|
60
|
-
font-size:
|
|
87
|
+
font-size: 1rem;
|
|
61
88
|
line-height: 140%;
|
|
62
89
|
text-transform: uppercase;
|
|
63
90
|
padding: 0.4rem;
|
|
64
91
|
margin-bottom: 0.6rem;
|
|
65
92
|
width: fit-content;
|
|
66
93
|
}
|
|
94
|
+
@media screen and (min-width: 1200px) {
|
|
95
|
+
pn-charts-card .pn-charts-card__source label {
|
|
96
|
+
font-size: 1.2rem;
|
|
97
|
+
}
|
|
98
|
+
}
|
|
67
99
|
pn-charts-card .pn-charts-card__source h3 {
|
|
68
100
|
font-weight: 400;
|
|
69
|
-
font-size:
|
|
101
|
+
font-size: 1.6rem;
|
|
70
102
|
line-height: 140%;
|
|
71
103
|
color: #005D92;
|
|
72
104
|
}
|
|
105
|
+
@media screen and (min-width: 1200px) {
|
|
106
|
+
pn-charts-card .pn-charts-card__source h3 {
|
|
107
|
+
font-size: 2rem;
|
|
108
|
+
}
|
|
109
|
+
}
|
|
73
110
|
pn-charts-card .pn-charts-card__source a {
|
|
74
111
|
text-decoration: none;
|
|
75
112
|
color: #005D92;
|
|
@@ -82,6 +119,11 @@ pn-charts-card .pn-charts-card__source a {
|
|
|
82
119
|
pn-charts-card .pn-charts-card__source a:hover {
|
|
83
120
|
text-decoration: underline;
|
|
84
121
|
}
|
|
122
|
+
@media screen and (min-width: 1200px) {
|
|
123
|
+
pn-charts-card .pn-charts-card__source a {
|
|
124
|
+
font-size: 2rem;
|
|
125
|
+
}
|
|
126
|
+
}
|
|
85
127
|
pn-charts-card .pn-charts-card__source a pn-icon svg path {
|
|
86
128
|
fill: #005D92;
|
|
87
129
|
}
|
|
@@ -89,6 +131,38 @@ pn-charts-card .pn-charts-card__source a[target=_blank]:not(.pn-button):after {
|
|
|
89
131
|
display: none;
|
|
90
132
|
}
|
|
91
133
|
|
|
134
|
+
.fullwidth .pn-charts-card__wrapper {
|
|
135
|
+
padding: 4rem;
|
|
136
|
+
}
|
|
137
|
+
.fullwidth .pn-charts-card__heading__wrapper {
|
|
138
|
+
margin-bottom: 3.2rem;
|
|
139
|
+
}
|
|
140
|
+
.fullwidth .pn-charts-card__heading,
|
|
141
|
+
.fullwidth .pn-charts-card__heading__highlight {
|
|
142
|
+
font-size: 3.2rem;
|
|
143
|
+
}
|
|
144
|
+
.fullwidth .pn-charts-card__content__wrapper {
|
|
145
|
+
display: flex;
|
|
146
|
+
flex-direction: column;
|
|
147
|
+
justify-content: space-between;
|
|
148
|
+
}
|
|
149
|
+
@media screen and (min-width: 768px) {
|
|
150
|
+
.fullwidth .pn-charts-card__content__wrapper {
|
|
151
|
+
flex-direction: row-reverse;
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
.fullwidth .pn-charts-card__text__container {
|
|
155
|
+
justify-content: center;
|
|
156
|
+
}
|
|
157
|
+
@media screen and (min-width: 768px) {
|
|
158
|
+
.fullwidth .pn-charts-card__text__container {
|
|
159
|
+
max-width: 50%;
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
.fullwidth .pn-charts-card__preamble {
|
|
163
|
+
flex-grow: 0;
|
|
164
|
+
}
|
|
165
|
+
|
|
92
166
|
pn-charts-card[data-chart-color=coral] > .pn-charts-card__wrapper {
|
|
93
167
|
background-color: #FDEFEE;
|
|
94
168
|
}
|
|
@@ -10,15 +10,17 @@ export class PnChartsCard {
|
|
|
10
10
|
h("div", { class: "pn-charts-card__heading__wrapper" },
|
|
11
11
|
h("div", { class: "pn-charts-card__heading" }, this.header),
|
|
12
12
|
h("div", { class: "pn-charts-card__heading__highlight" }, this.highlight)),
|
|
13
|
-
h("
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
h("
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
13
|
+
h("div", { class: "pn-charts-card__content__wrapper" },
|
|
14
|
+
h("slot", { name: "chart" }),
|
|
15
|
+
h("div", { class: "pn-charts-card__text__container" },
|
|
16
|
+
h("span", { class: "pn-charts-card__preamble" }, this.preamble),
|
|
17
|
+
h("div", { class: "pn-charts-card__text__wrapper" },
|
|
18
|
+
h("div", { class: "pn-charts-card__source" },
|
|
19
|
+
h("label", null, this.label),
|
|
20
|
+
h("h3", null, this.source),
|
|
21
|
+
h("a", { class: "link--animated", href: this.sourceUrl, rel: this.openInNewWindow ? 'noopener nofollower noreferrer' : null, target: this.openInNewWindow ? '_blank' : null },
|
|
22
|
+
"Read the report ",
|
|
23
|
+
h("pn-icon", { symbol: "arrow-right" }, " ")))))))));
|
|
22
24
|
}
|
|
23
25
|
static get is() { return "pn-charts-card"; }
|
|
24
26
|
static get originalStyleUrls() { return {
|
|
@@ -11,6 +11,25 @@ export default {
|
|
|
11
11
|
const TemplateChartsCardOne = ({ ...args }) => {
|
|
12
12
|
return `
|
|
13
13
|
<pn-breakpoints></pn-breakpoints>
|
|
14
|
+
|
|
15
|
+
<div style="width:100%; display:flex; flex-direction:row; gap:16px;">
|
|
16
|
+
<div class="fullwidth" style="width:100%; padding:16px 0;">
|
|
17
|
+
<pn-charts-card
|
|
18
|
+
header="${args.header}"
|
|
19
|
+
highlight="${args.highlight}"
|
|
20
|
+
preamble="${args.preamble}"
|
|
21
|
+
label="${args.label}"
|
|
22
|
+
source="${args.source}"
|
|
23
|
+
source-url="${args.sourceUrl}"
|
|
24
|
+
open-in-new-window="${args.openInNewWindow}"
|
|
25
|
+
data-chart-color="blue"
|
|
26
|
+
>
|
|
27
|
+
<pn-chart data-chart-type="doughnut" slot="chart" labels='["XSmall", "Small", "Medium"]' data-sets='[{ "label": "# of packages in billions", "backgroundColor": ["#E0F8FF", "#8EDDF9", "#00A0D6"], "data": [50, 100, 500] }]'></pn-chart>
|
|
28
|
+
|
|
29
|
+
</pn-charts-card>
|
|
30
|
+
</div>
|
|
31
|
+
</div>
|
|
32
|
+
|
|
14
33
|
<div style="width:100%; display:flex; flex-direction:row; gap:16px;">
|
|
15
34
|
<div class="onethirdwidth" style="width:33%; padding:16px 0;">
|
|
16
35
|
<pn-charts-card
|
|
@@ -21,7 +40,7 @@ const TemplateChartsCardOne = ({ ...args }) => {
|
|
|
21
40
|
source="${args.source}"
|
|
22
41
|
source-url="${args.sourceUrl}"
|
|
23
42
|
open-in-new-window="${args.openInNewWindow}"
|
|
24
|
-
data-chart-color="blue"
|
|
43
|
+
data-chart-color="blue"
|
|
25
44
|
>
|
|
26
45
|
<pn-chart data-chart-type="doughnut" slot="chart" labels='["XSmall", "Small", "Medium"]' data-sets='[{ "label": "# of packages in billions", "backgroundColor": ["#E0F8FF", "#8EDDF9", "#00A0D6"], "data": [50, 100, 500] }]'></pn-chart>
|
|
27
46
|
|
package/custom-elements/index.js
CHANGED
|
@@ -22068,7 +22068,7 @@ const dataSetProps = (set, dataChartType) => {
|
|
|
22068
22068
|
return Object.assign(Object.assign({}, set), variant);
|
|
22069
22069
|
};
|
|
22070
22070
|
|
|
22071
|
-
const pnChartCss = "pn-chart{display:-ms-flexbox;display:flex;height:100%}pn-chart .chart-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;height:100%;
|
|
22071
|
+
const pnChartCss = "pn-chart{display:-ms-flexbox;display:flex;height:100%;width:100%}pn-chart .chart-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;height:100%;padding:1.6rem 0}pn-chart canvas.pnChart{width:100% !important}pn-chart[data-chart-type=bar] .chart-wrapper,pn-chart[data-chart-type=line] .chart-wrapper{min-height:100%;max-width:100%;min-width:100%}@media screen and (min-width: 768px){.fullwidth pn-chart{max-width:50%}}";
|
|
22072
22072
|
|
|
22073
22073
|
let PnChart$1 = class extends HTMLElement {
|
|
22074
22074
|
constructor() {
|
|
@@ -22086,17 +22086,18 @@ let PnChart$1 = class extends HTMLElement {
|
|
|
22086
22086
|
};
|
|
22087
22087
|
}
|
|
22088
22088
|
componentDidLoad() {
|
|
22089
|
-
this.myChartCtxRef = this.element.
|
|
22089
|
+
this.myChartCtxRef = this.element.querySelector('#chart-canvas');
|
|
22090
22090
|
this.myChart = new Chart.Chart(this.myChartCtxRef, chartCfg(this.dataChartType, this.data));
|
|
22091
|
+
this.myChartCtxRef.height = this.myChartCtxRef.width / 2;
|
|
22091
22092
|
}
|
|
22092
22093
|
render() {
|
|
22093
|
-
return (h(Host, null, h("div", { class: "chart-wrapper" }, h("canvas", { class: "pnChart" }))));
|
|
22094
|
+
return (h(Host, null, h("div", { class: "chart-wrapper" }, h("canvas", { id: "chart-canvas", class: "pnChart" }))));
|
|
22094
22095
|
}
|
|
22095
22096
|
get element() { return this; }
|
|
22096
22097
|
static get style() { return pnChartCss; }
|
|
22097
22098
|
};
|
|
22098
22099
|
|
|
22099
|
-
const pnChartsCardCss = "pn-charts-card{width:100%;height:100%;display:-ms-flexbox;display:flex}pn-charts-card .pn-charts-card__wrapper{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#EFFBFF;border-radius:2.4rem;padding:2.4rem}@media screen and (min-width: 1200px){pn-charts-card .pn-charts-card__wrapper{padding:3.2rem}}pn-charts-card .pn-charts-card__heading__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:
|
|
22100
|
+
const pnChartsCardCss = "pn-charts-card{width:100%;height:100%;display:-ms-flexbox;display:flex}pn-charts-card .pn-charts-card__wrapper{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#EFFBFF;border-radius:2.4rem;padding:2.4rem}@media screen and (min-width: 1200px){pn-charts-card .pn-charts-card__wrapper{padding:3.2rem}}pn-charts-card .pn-charts-card__heading__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;gap:0.8rem}pn-charts-card .pn-charts-card__heading{font-weight:700;font-size:2.4rem;line-height:110%}@media screen and (min-width: 1200px){pn-charts-card .pn-charts-card__heading{font-size:3.2rem}}pn-charts-card .pn-charts-card__heading__highlight{font-weight:700;font-size:2.4rem;line-height:110%;color:#005D92}@media screen and (min-width: 1200px){pn-charts-card .pn-charts-card__heading__highlight{font-size:3.2rem}}pn-charts-card .pn-charts-card__content__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}pn-charts-card .pn-charts-card__text__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;height:100%}pn-charts-card .pn-charts-card__text__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}pn-charts-card .pn-charts-card__text__wrapper span{display:block;margin-bottom:5.4rem}pn-charts-card .pn-charts-card__preamble{font-weight:400;font-size:1.6rem;line-height:140%;-ms-flex-positive:1;flex-grow:1;margin-bottom:1.6rem}@media screen and (min-width: 1200px){pn-charts-card .pn-charts-card__preamble{font-size:2rem}}pn-charts-card .pn-charts-card__source{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}pn-charts-card .pn-charts-card__source label{background-color:#00A0D6;color:#FFFFFF;border-radius:0.4rem;font-weight:400;font-size:1rem;line-height:140%;text-transform:uppercase;padding:0.4rem;margin-bottom:0.6rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (min-width: 1200px){pn-charts-card .pn-charts-card__source label{font-size:1.2rem}}pn-charts-card .pn-charts-card__source h3{font-weight:400;font-size:1.6rem;line-height:140%;color:#005D92}@media screen and (min-width: 1200px){pn-charts-card .pn-charts-card__source h3{font-size:2rem}}pn-charts-card .pn-charts-card__source a{text-decoration:none;color:#005D92;font-weight:500;font-size:1.6rem;text-decoration:none;color:#005D92;font-weight:400}pn-charts-card .pn-charts-card__source a:hover{text-decoration:underline}@media screen and (min-width: 1200px){pn-charts-card .pn-charts-card__source a{font-size:2rem}}pn-charts-card .pn-charts-card__source a pn-icon svg path{fill:#005D92}pn-charts-card .pn-charts-card__source a[target=_blank]:not(.pn-button):after{display:none}.fullwidth .pn-charts-card__wrapper{padding:4rem}.fullwidth .pn-charts-card__heading__wrapper{margin-bottom:3.2rem}.fullwidth .pn-charts-card__heading,.fullwidth .pn-charts-card__heading__highlight{font-size:3.2rem}.fullwidth .pn-charts-card__content__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width: 768px){.fullwidth .pn-charts-card__content__wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}}.fullwidth .pn-charts-card__text__container{-ms-flex-pack:center;justify-content:center}@media screen and (min-width: 768px){.fullwidth .pn-charts-card__text__container{max-width:50%}}.fullwidth .pn-charts-card__preamble{-ms-flex-positive:0;flex-grow:0}pn-charts-card[data-chart-color=coral]>.pn-charts-card__wrapper{background-color:#FDEFEE}pn-charts-card[data-chart-color=green]>.pn-charts-card__wrapper{background-color:#DCF6E7}pn-charts-card[data-chart-color=white]>.pn-charts-card__wrapper{background-color:#FFFFFF}pn-charts-card[data-chart-color=gray]>.pn-charts-card__wrapper{background-color:#F9F8F8}";
|
|
22100
22101
|
|
|
22101
22102
|
let PnChartsCard$1 = class extends HTMLElement {
|
|
22102
22103
|
constructor() {
|
|
@@ -22105,7 +22106,7 @@ let PnChartsCard$1 = class extends HTMLElement {
|
|
|
22105
22106
|
this.openInNewWindow = false;
|
|
22106
22107
|
}
|
|
22107
22108
|
render() {
|
|
22108
|
-
return (h(Host, null, h("slot", { name: "clickable-block-wrapper" }), h("div", { class: "pn-charts-card__wrapper" }, h("div", { class: "pn-charts-card__heading__wrapper" }, h("div", { class: "pn-charts-card__heading" }, this.header), h("div", { class: "pn-charts-card__heading__highlight" }, this.highlight)), h("slot", { name: "chart" }), h("span", { class: "pn-charts-card__preamble" }, this.preamble), h("div", { class: "pn-charts-card__text__wrapper" }, h("div", { class: "pn-charts-card__source" }, h("label", null, this.label), h("h3", null, this.source), h("a", { class: "link--animated", href: this.sourceUrl, rel: this.openInNewWindow ? 'noopener nofollower noreferrer' : null, target: this.openInNewWindow ? '_blank' : null }, "Read the report ", h("pn-icon", { symbol: "arrow-right" }, " ")))))));
|
|
22109
|
+
return (h(Host, null, h("slot", { name: "clickable-block-wrapper" }), h("div", { class: "pn-charts-card__wrapper" }, h("div", { class: "pn-charts-card__heading__wrapper" }, h("div", { class: "pn-charts-card__heading" }, this.header), h("div", { class: "pn-charts-card__heading__highlight" }, this.highlight)), h("div", { class: "pn-charts-card__content__wrapper" }, h("slot", { name: "chart" }), h("div", { class: "pn-charts-card__text__container" }, h("span", { class: "pn-charts-card__preamble" }, this.preamble), h("div", { class: "pn-charts-card__text__wrapper" }, h("div", { class: "pn-charts-card__source" }, h("label", null, this.label), h("h3", null, this.source), h("a", { class: "link--animated", href: this.sourceUrl, rel: this.openInNewWindow ? 'noopener nofollower noreferrer' : null, target: this.openInNewWindow ? '_blank' : null }, "Read the report ", h("pn-icon", { symbol: "arrow-right" }, " ")))))))));
|
|
22109
22110
|
}
|
|
22110
22111
|
get hostElement() { return this; }
|
|
22111
22112
|
static get style() { return pnChartsCardCss; }
|
|
@@ -28941,7 +28942,7 @@ let PnTiletag = class extends HTMLElement {
|
|
|
28941
28942
|
const PnBonusProgressbar = /*@__PURE__*/proxyCustomElement(PnBonusProgressbar$1, [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]}]);
|
|
28942
28943
|
const PnBonusProgressbarLevel = /*@__PURE__*/proxyCustomElement(PnBonusProgressbarLevel$1, [0,"pn-bonus-progressbar-level",{"current":[516],"value":[1538],"bonuspercentage":[1537],"visualpercentage":[1538],"percentage":[32],"max":[32],"min":[32],"currency":[32]}]);
|
|
28943
28944
|
const PnBreakpoints = /*@__PURE__*/proxyCustomElement(PnBreakpoints$1, [0,"pn-breakpoints",{"breakPointClass":[1,"break-point-class"],"currentWidth":[32]},[[9,"resize","handleViewportSizeChange"]]]);
|
|
28944
|
-
const PnChart = /*@__PURE__*/proxyCustomElement(PnChart$1, [0,"pn-chart",{"labels":[1],"dataSets":[1,"data-sets"],"dataChartType":[8,"data-chart-type"],"parsedDataSets":[32],"parsedLabels":[32]}]);
|
|
28945
|
+
const PnChart = /*@__PURE__*/proxyCustomElement(PnChart$1, [0,"pn-chart",{"labels":[1],"dataSets":[1,"data-sets"],"dataChartType":[8,"data-chart-type"],"myChartCtxRef":[32],"parsedDataSets":[32],"parsedLabels":[32]}]);
|
|
28945
28946
|
const PnChartsCard = /*@__PURE__*/proxyCustomElement(PnChartsCard$1, [4,"pn-charts-card",{"header":[1],"highlight":[1],"preamble":[1],"label":[1],"source":[1],"sourceUrl":[1,"source-url"],"openInNewWindow":[4,"open-in-new-window"],"someState":[32]}]);
|
|
28946
28947
|
const PnChoiceButton = /*@__PURE__*/proxyCustomElement(PnChoiceButton$1, [4,"pn-choice-button",{"value":[520],"name":[1],"choiceid":[1],"type":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]);
|
|
28947
28948
|
const PnCustomernumberSelector = /*@__PURE__*/proxyCustomElement(PnCustomernumberSelector$1, [4,"pn-customernumber-selector",{"language":[1537],"open":[1540],"heading":[1],"description":[1],"i18n":[32]}]);
|