@postnord/pn-marketweb-components 2.0.88 → 2.0.90
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-market-web-components.cjs.js +1 -1
- package/cjs/pn-proxio-pricegroup.cjs.entry.js +11 -8
- package/cjs/pn-teaser-card.cjs.entry.js +26 -0
- package/collection/collection-manifest.json +1 -0
- package/collection/components/cards/pn-teaser-card/pn-teaser-card.css +123 -0
- package/collection/components/cards/pn-teaser-card/pn-teaser-card.js +105 -0
- package/collection/components/cards/pn-teaser-card/pn-teaser-card.stories.js +128 -0
- package/collection/components/widgets/pn-proxio-pricegroup/pn-proxio-pricegroup.js +3 -5
- package/collection/components/widgets/pn-proxio-pricegroup/pn-proxio-pricegroup.stories.js +1 -1
- package/collection/components/widgets/pn-proxio-pricegroup/translations.js +8 -4
- package/collection/components/widgets/pn-proxio-productcard/pn-proxio-productcard.stories.js +0 -2
- package/custom-elements/index.d.ts +6 -0
- package/custom-elements/index.js +34 -9
- package/esm/loader.js +1 -1
- package/esm/pn-market-web-components.js +1 -1
- package/esm/pn-proxio-pricegroup.entry.js +11 -8
- package/esm/pn-teaser-card.entry.js +22 -0
- package/esm-es5/loader.js +1 -1
- package/esm-es5/pn-market-web-components.js +1 -1
- package/esm-es5/pn-proxio-pricegroup.entry.js +1 -1
- package/esm-es5/pn-teaser-card.entry.js +1 -0
- package/package.json +1 -1
- package/pn-market-web-components/p-1e7c4c50.system.entry.js +1 -0
- package/pn-market-web-components/p-2e633fdb.entry.js +1 -0
- package/pn-market-web-components/p-67887512.system.js +1 -1
- package/pn-market-web-components/p-79473404.system.entry.js +1 -0
- package/pn-market-web-components/p-f63483d9.entry.js +1 -0
- package/pn-market-web-components/pn-market-web-components.esm.js +1 -1
- package/types/components/cards/pn-teaser-card/pn-teaser-card.d.ts +8 -0
- package/types/components/widgets/pn-proxio-pricegroup/translations.d.ts +8 -4
- package/types/components/widgets/pn-proxio-pricegroup/types.d.ts +0 -1
- package/types/components.d.ts +21 -0
- package/umd/pn-marketweb-salesforce.js +2 -2
- package/pn-market-web-components/p-40f0bb03.entry.js +0 -1
- package/pn-market-web-components/p-e217affa.system.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([["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"],"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],"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],"culture":[1],"tariffid":[1],"cache":[4],"activeWeightIndex":[32],"data":[32],"i18n":[32]},[[0,"activeWeightIndex","setActiveWeightIndex"],[0,"culture","setCulture"]]]]],["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],"siteDefinition":[32],"footerContent":[32],"i18n":[32],"gotData":[32],"fetchingData":[32]}]]],["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-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-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-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-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-
|
|
17
|
+
return index.bootstrapLazy([["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"],"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],"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],"culture":[1],"tariffid":[1],"cache":[4],"activeWeightIndex":[32],"data":[32],"i18n":[32]},[[0,"activeWeightIndex","setActiveWeightIndex"],[0,"culture","setCulture"]]]]],["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],"siteDefinition":[32],"footerContent":[32],"i18n":[32],"gotData":[32],"fetchingData":[32]}]]],["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-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-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-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-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-teaser-card.cjs",[[4,"pn-teaser-card",{"text":[1],"heading":[1],"dataCardColor":[513,"data-card-color"],"dataCardAlignment":[513,"data-card-alignment"]}]]],["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-find-service-and-price-result.cjs",[[0,"pn-find-service-and-price-result",{"item":[1040],"shownitems":[16],"weightText":[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-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]}],[4,"pn-site-footer-col"]]],["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-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-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],"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",{"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],"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-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"]]]], options);
|
|
18
18
|
});
|
|
19
19
|
};
|
|
20
20
|
|
|
@@ -55,5 +55,5 @@ const patchCloneNodeFix = (HTMLElementPrototype) => {
|
|
|
55
55
|
};
|
|
56
56
|
|
|
57
57
|
patchBrowser().then(options => {
|
|
58
|
-
return index.bootstrapLazy([["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"],"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],"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],"culture":[1],"tariffid":[1],"cache":[4],"activeWeightIndex":[32],"data":[32],"i18n":[32]},[[0,"activeWeightIndex","setActiveWeightIndex"],[0,"culture","setCulture"]]]]],["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],"siteDefinition":[32],"footerContent":[32],"i18n":[32],"gotData":[32],"fetchingData":[32]}]]],["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-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-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-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-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-
|
|
58
|
+
return index.bootstrapLazy([["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"],"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],"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],"culture":[1],"tariffid":[1],"cache":[4],"activeWeightIndex":[32],"data":[32],"i18n":[32]},[[0,"activeWeightIndex","setActiveWeightIndex"],[0,"culture","setCulture"]]]]],["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],"siteDefinition":[32],"footerContent":[32],"i18n":[32],"gotData":[32],"fetchingData":[32]}]]],["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-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-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-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-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-teaser-card.cjs",[[4,"pn-teaser-card",{"text":[1],"heading":[1],"dataCardColor":[513,"data-card-color"],"dataCardAlignment":[513,"data-card-alignment"]}]]],["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-find-service-and-price-result.cjs",[[0,"pn-find-service-and-price-result",{"item":[1040],"shownitems":[16],"weightText":[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-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]}],[4,"pn-site-footer-col"]]],["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-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-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],"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",{"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],"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-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"]]]], options);
|
|
59
59
|
});
|
|
@@ -6,18 +6,22 @@ const index = require('./index-e3e27c79.js');
|
|
|
6
6
|
const FetchHelper = require('./FetchHelper-c6cee722.js');
|
|
7
7
|
|
|
8
8
|
const translations = {
|
|
9
|
-
'sv-
|
|
9
|
+
'sv-SE': {
|
|
10
10
|
"from": "Från ",
|
|
11
11
|
"labelRoll": "Rulle",
|
|
12
12
|
"labelPackage": "Paket",
|
|
13
|
-
"notTraceable": "Inte spårbart",
|
|
14
13
|
"Creapest": "Billigast"
|
|
15
14
|
},
|
|
16
|
-
'en-
|
|
15
|
+
'en-GB': {
|
|
16
|
+
"from": "From ",
|
|
17
|
+
"labelRoll": "Roll",
|
|
18
|
+
"labelPackage": "Package",
|
|
19
|
+
"Creapest": "Cheapest"
|
|
20
|
+
},
|
|
21
|
+
'en-US': {
|
|
17
22
|
"from": "From ",
|
|
18
23
|
"labelRoll": "Roll",
|
|
19
24
|
"labelPackage": "Package",
|
|
20
|
-
"notTraceable": "Not traceable",
|
|
21
25
|
"Creapest": "Cheapest"
|
|
22
26
|
}
|
|
23
27
|
};
|
|
@@ -29,12 +33,12 @@ let PnProxioPricegroup = class {
|
|
|
29
33
|
index.registerInstance(this, hostRef);
|
|
30
34
|
/** Specifies which endpoint domain we should load from */
|
|
31
35
|
this.endpoint = null;
|
|
32
|
-
this.culture = "sv-
|
|
36
|
+
this.culture = "sv-SE";
|
|
33
37
|
this.tariffid = "";
|
|
34
38
|
this.cache = true;
|
|
35
39
|
this.activeWeightIndex = 0;
|
|
36
40
|
this.data = null;
|
|
37
|
-
this.i18n = translations["sv-
|
|
41
|
+
this.i18n = translations["sv-SE"];
|
|
38
42
|
this.fetchHelper = new FetchHelper.FetchHelper("proxiopricegroup");
|
|
39
43
|
}
|
|
40
44
|
componentWillLoad() {
|
|
@@ -139,8 +143,7 @@ let PnProxioPricegroup = class {
|
|
|
139
143
|
var _a, _b, _c;
|
|
140
144
|
return (index.h(index.Host, null, ((_a = this.data) === null || _a === void 0 ? void 0 : _a.proxioProduct) ? (index.h("div", { class: "proxio-pricegroup-container" }, index.h("div", { class: "weightcontainer" }, this.data.proxioProduct.weightAndPriceList ?
|
|
141
145
|
(index.h("div", { class: "weightvaluecontainer" }, index.h("pn-button", { disabled: this.activeWeightIndex === 0 ? ("disabled") : (null), "icon-only": "true", icon: "arrow-left", appearance: "light", small: "true", onClick: () => this.setActiveWeightIndex(this.activeWeightIndex - 1) }), index.h("div", { class: "weightradios ", "data-carousel-container-position": this.getContainerPosition() }, index.h("div", { class: "weightline" }), this.data.proxioProduct.weightAndPriceList.map((weightItem, index$1) => this.getCarouselPosition(index$1) !== null ?
|
|
142
|
-
index.h("div", { class: "weightdata", "data-carousel-position": this.getCarouselPosition(index$1), onClick: () => this.setActiveWeightIndex(index$1) }, index.h("input", { type: "radio", id: "weightradio" + index$1, name: "weightradio", value: index$1, checked: this.isActive(index$1) }), index.h("label", { htmlFor: "weightradio" + index$1 }, weightItem.item1)) : null)), index.h("pn-button", { disabled: this.activeWeightIndex === ((_c = (_b = this.data.proxioProduct) === null || _b === void 0 ? void 0 : _b.weightAndPriceList) === null || _c === void 0 ? void 0 : _c.length) - 1 ? ("disabled") : (null), icon: "arrow-right", appearance: "light", "icon-only": "true", small: "true", onClick: () => this.setActiveWeightIndex(this.activeWeightIndex + 1) }))) : (null)), index.h("pn-proxio-productcard", null, index.h("pn-illustration", { slot: "illustrationmobile", illustration: this.data.proxioProduct.productIcon }), index.h("h2", { slot: "title" }, this.data.proxioProduct.productTitle), index.h("pn-proxio-productcard-description", { slot: "description", heading: this.data.proxioProduct.productPreamble, highlight: this.data.proxioProduct.deliveryDateInformation, list: this.data.proxioProduct.productDescriptionBulletListItems }), index.h("div", { slot: "information" }, index.h("pn-proxio-productcard-information", { label: this.i18n.labelPackage, information: this.data.proxioProduct.productPackageDimensionsList }), index.h("pn-proxio-productcard-information", { label: this.i18n.labelRoll, information: this.data.proxioProduct.productRollDimensionsList })), index.h("div", { slot: "bottomtags" }, this.data.proxioProduct.
|
|
143
|
-
(index.h("pn-titletag", { color: "gray50" }, this.i18n.notTraceable)) : (null), this.data.proxioProduct.usp1 ?
|
|
146
|
+
index.h("div", { class: "weightdata", "data-carousel-position": this.getCarouselPosition(index$1), onClick: () => this.setActiveWeightIndex(index$1) }, index.h("input", { type: "radio", id: "weightradio" + index$1, name: "weightradio", value: index$1, checked: this.isActive(index$1) }), index.h("label", { htmlFor: "weightradio" + index$1 }, weightItem.item1)) : null)), index.h("pn-button", { disabled: this.activeWeightIndex === ((_c = (_b = this.data.proxioProduct) === null || _b === void 0 ? void 0 : _b.weightAndPriceList) === null || _c === void 0 ? void 0 : _c.length) - 1 ? ("disabled") : (null), icon: "arrow-right", appearance: "light", "icon-only": "true", small: "true", onClick: () => this.setActiveWeightIndex(this.activeWeightIndex + 1) }))) : (null)), index.h("pn-proxio-productcard", null, index.h("pn-illustration", { slot: "illustrationmobile", illustration: this.data.proxioProduct.productIcon }), index.h("h2", { slot: "title" }, this.data.proxioProduct.productTitle), index.h("pn-proxio-productcard-description", { slot: "description", heading: this.data.proxioProduct.productPreamble, highlight: this.data.proxioProduct.deliveryDateInformation, list: this.data.proxioProduct.productDescriptionBulletListItems }), index.h("div", { slot: "information" }, index.h("pn-proxio-productcard-information", { label: this.i18n.labelPackage, information: this.data.proxioProduct.productPackageDimensionsList }), index.h("pn-proxio-productcard-information", { label: this.i18n.labelRoll, information: this.data.proxioProduct.productRollDimensionsList })), index.h("div", { slot: "bottomtags" }, this.data.proxioProduct.usp1 ?
|
|
144
147
|
(index.h("pn-titletag", { color: "gray50" }, this.data.proxioProduct.usp1)) : (null), this.data.proxioProduct.usp2 ?
|
|
145
148
|
(index.h("pn-titletag", { color: "gray50" }, this.data.proxioProduct.usp2)) : (null), this.data.proxioProduct.usp3 ?
|
|
146
149
|
(index.h("pn-titletag", { color: "gray50" }, this.data.proxioProduct.usp3)) : (null)), index.h("pn-illustration", { slot: "illustration", illustration: this.data.proxioProduct.productIcon }), index.h("div", { slot: "pricelink" }, index.h("pn-proxio-productcard-pricelink", { price: this.getPriceString(this.data.proxioProduct), link: this.data.proxioProduct.productLink, linktext: this.data.proxioProduct.productLinkText }), this.data.relatedProxioProducts ? (this.data.relatedProxioProducts.map((product) => (index.h("pn-proxio-productcard-pricelink", { price: this.getPriceString(product), link: product.productLink, linktext: product.productLinkText })))) : (null))))) : (null)));
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const index = require('./index-e3e27c79.js');
|
|
6
|
+
|
|
7
|
+
const pnTeaserCardCss = "pn-teaser-card{width:100%;height:100%;display:-ms-flexbox;display:flex}pn-teaser-card .pn-teaser-card__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;border-radius:2.4rem}pn-teaser-card .pn-teaser-card__container__image__container{width:100%;position:relative}pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]{width:100%;height:auto;border-top-left-radius:2.4rem;border-top-right-radius:2.4rem;-webkit-clip-path:ellipse(100% 90% at 50% 0%);clip-path:ellipse(100% 90% at 50% 0%);aspect-ratio:16/9}pn-teaser-card .pn-teaser-card__container__content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;-ms-flex:1 1 100%;flex:1 1 100%;gap:32px;padding:2.4rem 2.4rem;padding-top:0}pn-teaser-card .pn-teaser-card__container__content__text__container>h1{font-weight:700;font-size:2.4rem;line-height:2.64rem}pn-teaser-card .pn-teaser-card__container__content__text__container>p{padding-top:1.6rem;font-weight:400;font-size:1.6rem;line-height:2.24rem}pn-teaser-card .pn-teaser-card__container__content__cta>pn-button{-ms-flex-item-align:end;align-self:flex-end;width:100%}pn-teaser-card[data-card-color=coral]>.pn-teaser-card__container{background-color:#FDEFEE}pn-teaser-card[data-card-color=green]>.pn-teaser-card__container{background-color:#DCF6E7}@media screen and (min-width: 1200px){.halfwidth pn-teaser-card .pn-teaser-card__container__content{padding:0 5.6rem 5.6rem}.halfwidth pn-teaser-card .pn-teaser-card__container__content__text__container>h1{font-weight:700;font-size:3.2rem;line-height:3.52rem}.halfwidth pn-teaser-card .pn-teaser-card__container__content__text__container>p{font-weight:400;font-size:2rem;line-height:2.8rem}.halfwidth pn-teaser-card .pn-teaser-card__container__content__cta>pn-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}@media screen and (min-width: 768px){.fullwidth pn-teaser-card{min-height:350px}.fullwidth pn-teaser-card .pn-teaser-card__container{-ms-flex-direction:row;flex-direction:row}.fullwidth pn-teaser-card .pn-teaser-card__container__content{-ms-flex-item-align:center;align-self:center;gap:2.4rem;padding-top:2.4rem}.fullwidth pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]{height:100%;border-top-left-radius:2.4rem;border-bottom-left-radius:2.4rem;-webkit-clip-path:ellipse(100% 100% at 0% 50%);clip-path:ellipse(100% 100% at 0% 50%);-o-object-fit:cover;object-fit:cover}.fullwidth pn-teaser-card .pn-teaser-card__container__content__cta>pn-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}@media screen and (min-width: 1200px){.fullwidth pn-teaser-card{min-height:450px}.fullwidth pn-teaser-card .pn-teaser-card__container__content{padding:3.6rem}.fullwidth pn-teaser-card .pn-teaser-card__container__content__text__container>h1{font-weight:700;font-size:4.8rem;line-height:5.28rem}.fullwidth pn-teaser-card .pn-teaser-card__container__content__text__container>p{font-size:2rem;line-height:2.8rem}}@media screen and (min-width: 768px){.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container__image__container>[slot=illustration]{border-bottom-right-radius:2.4rem;-webkit-clip-path:ellipse(100% 100% at 100% 50%);clip-path:ellipse(100% 100% at 100% 50%)}}";
|
|
8
|
+
|
|
9
|
+
let PnTeaserCard = class {
|
|
10
|
+
constructor(hostRef) {
|
|
11
|
+
index.registerInstance(this, hostRef);
|
|
12
|
+
//props
|
|
13
|
+
this.text = 'some short text describing whatever';
|
|
14
|
+
this.heading = 'some heading';
|
|
15
|
+
this.dataCardColor = 'coral';
|
|
16
|
+
this.dataCardAlignment = 'left';
|
|
17
|
+
}
|
|
18
|
+
//render
|
|
19
|
+
render() {
|
|
20
|
+
return (index.h(index.Host, null, index.h("div", { class: "pn-teaser-card__container" }, index.h("div", { class: "pn-teaser-card__container__image__container" }, index.h("slot", { name: "illustration" })), index.h("div", { class: "pn-teaser-card__container__content" }, index.h("div", { class: "pn-teaser-card__container__content__text__container" }, index.h("h1", null, this.heading), index.h("p", null, this.text)), index.h("div", { class: "pn-teaser-card__container__content__cta" }, index.h("slot", { name: "cta" }))))));
|
|
21
|
+
}
|
|
22
|
+
get hostElement() { return index.getElement(this); }
|
|
23
|
+
};
|
|
24
|
+
PnTeaserCard.style = pnTeaserCardCss;
|
|
25
|
+
|
|
26
|
+
exports.pn_teaser_card = PnTeaserCard;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"entries": [
|
|
3
|
+
"./components/cards/pn-teaser-card/pn-teaser-card.js",
|
|
3
4
|
"./components/input/pn-bonus-progressbar/pn-bonus-progressbar-level.js",
|
|
4
5
|
"./components/input/pn-bonus-progressbar/pn-bonus-progressbar.js",
|
|
5
6
|
"./components/input/pn-choice-button/pn-choice-button.js",
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
pn-teaser-card {
|
|
2
|
+
width: 100%;
|
|
3
|
+
height: 100%;
|
|
4
|
+
display: flex;
|
|
5
|
+
}
|
|
6
|
+
pn-teaser-card .pn-teaser-card__container {
|
|
7
|
+
display: flex;
|
|
8
|
+
flex-direction: column;
|
|
9
|
+
justify-content: flex-start;
|
|
10
|
+
border-radius: 2.4rem;
|
|
11
|
+
}
|
|
12
|
+
pn-teaser-card .pn-teaser-card__container__image__container {
|
|
13
|
+
width: 100%;
|
|
14
|
+
position: relative;
|
|
15
|
+
}
|
|
16
|
+
pn-teaser-card .pn-teaser-card__container__image__container > [slot=illustration] {
|
|
17
|
+
width: 100%;
|
|
18
|
+
height: auto;
|
|
19
|
+
border-top-left-radius: 2.4rem;
|
|
20
|
+
border-top-right-radius: 2.4rem;
|
|
21
|
+
clip-path: ellipse(100% 90% at 50% 0%);
|
|
22
|
+
aspect-ratio: 16/9;
|
|
23
|
+
}
|
|
24
|
+
pn-teaser-card .pn-teaser-card__container__content {
|
|
25
|
+
display: flex;
|
|
26
|
+
flex-direction: column;
|
|
27
|
+
justify-content: space-between;
|
|
28
|
+
flex: 1 1 100%;
|
|
29
|
+
gap: 32px;
|
|
30
|
+
padding: 2.4rem 2.4rem;
|
|
31
|
+
padding-top: 0;
|
|
32
|
+
}
|
|
33
|
+
pn-teaser-card .pn-teaser-card__container__content__text__container > h1 {
|
|
34
|
+
font-weight: 700;
|
|
35
|
+
font-size: 2.4rem;
|
|
36
|
+
line-height: 2.64rem;
|
|
37
|
+
}
|
|
38
|
+
pn-teaser-card .pn-teaser-card__container__content__text__container > p {
|
|
39
|
+
padding-top: 1.6rem;
|
|
40
|
+
font-weight: 400;
|
|
41
|
+
font-size: 1.6rem;
|
|
42
|
+
line-height: 2.24rem;
|
|
43
|
+
}
|
|
44
|
+
pn-teaser-card .pn-teaser-card__container__content__cta > pn-button {
|
|
45
|
+
align-self: flex-end;
|
|
46
|
+
width: 100%;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
pn-teaser-card[data-card-color=coral] > .pn-teaser-card__container {
|
|
50
|
+
background-color: #FDEFEE;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
pn-teaser-card[data-card-color=green] > .pn-teaser-card__container {
|
|
54
|
+
background-color: #DCF6E7;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
@media screen and (min-width: 1200px) {
|
|
58
|
+
.halfwidth pn-teaser-card .pn-teaser-card__container__content {
|
|
59
|
+
padding: 0 5.6rem 5.6rem;
|
|
60
|
+
}
|
|
61
|
+
.halfwidth pn-teaser-card .pn-teaser-card__container__content__text__container > h1 {
|
|
62
|
+
font-weight: 700;
|
|
63
|
+
font-size: 3.2rem;
|
|
64
|
+
line-height: 3.52rem;
|
|
65
|
+
}
|
|
66
|
+
.halfwidth pn-teaser-card .pn-teaser-card__container__content__text__container > p {
|
|
67
|
+
font-weight: 400;
|
|
68
|
+
font-size: 2rem;
|
|
69
|
+
line-height: 2.8rem;
|
|
70
|
+
}
|
|
71
|
+
.halfwidth pn-teaser-card .pn-teaser-card__container__content__cta > pn-button {
|
|
72
|
+
width: fit-content;
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
@media screen and (min-width: 768px) {
|
|
76
|
+
.fullwidth pn-teaser-card {
|
|
77
|
+
min-height: 350px;
|
|
78
|
+
}
|
|
79
|
+
.fullwidth pn-teaser-card .pn-teaser-card__container {
|
|
80
|
+
flex-direction: row;
|
|
81
|
+
}
|
|
82
|
+
.fullwidth pn-teaser-card .pn-teaser-card__container__content {
|
|
83
|
+
align-self: center;
|
|
84
|
+
gap: 2.4rem;
|
|
85
|
+
padding-top: 2.4rem;
|
|
86
|
+
}
|
|
87
|
+
.fullwidth pn-teaser-card .pn-teaser-card__container__image__container > [slot=illustration] {
|
|
88
|
+
height: 100%;
|
|
89
|
+
border-top-left-radius: 2.4rem;
|
|
90
|
+
border-bottom-left-radius: 2.4rem;
|
|
91
|
+
clip-path: ellipse(100% 100% at 0% 50%);
|
|
92
|
+
object-fit: cover;
|
|
93
|
+
}
|
|
94
|
+
.fullwidth pn-teaser-card .pn-teaser-card__container__content__cta > pn-button {
|
|
95
|
+
width: fit-content;
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
@media screen and (min-width: 1200px) {
|
|
99
|
+
.fullwidth pn-teaser-card {
|
|
100
|
+
min-height: 450px;
|
|
101
|
+
}
|
|
102
|
+
.fullwidth pn-teaser-card .pn-teaser-card__container__content {
|
|
103
|
+
padding: 3.6rem;
|
|
104
|
+
}
|
|
105
|
+
.fullwidth pn-teaser-card .pn-teaser-card__container__content__text__container > h1 {
|
|
106
|
+
font-weight: 700;
|
|
107
|
+
font-size: 4.8rem;
|
|
108
|
+
line-height: 5.28rem;
|
|
109
|
+
}
|
|
110
|
+
.fullwidth pn-teaser-card .pn-teaser-card__container__content__text__container > p {
|
|
111
|
+
font-size: 2rem;
|
|
112
|
+
line-height: 2.8rem;
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
@media screen and (min-width: 768px) {
|
|
116
|
+
.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container {
|
|
117
|
+
flex-direction: row-reverse;
|
|
118
|
+
}
|
|
119
|
+
.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container__image__container > [slot=illustration] {
|
|
120
|
+
border-bottom-right-radius: 2.4rem;
|
|
121
|
+
clip-path: ellipse(100% 100% at 100% 50%);
|
|
122
|
+
}
|
|
123
|
+
}
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
import { Component, Element, h, Host, Prop, } from '@stencil/core';
|
|
2
|
+
export class PnTeaserCard {
|
|
3
|
+
constructor() {
|
|
4
|
+
//props
|
|
5
|
+
this.text = 'some short text describing whatever';
|
|
6
|
+
this.heading = 'some heading';
|
|
7
|
+
this.dataCardColor = 'coral';
|
|
8
|
+
this.dataCardAlignment = 'left';
|
|
9
|
+
}
|
|
10
|
+
//render
|
|
11
|
+
render() {
|
|
12
|
+
return (h(Host, null,
|
|
13
|
+
h("div", { class: "pn-teaser-card__container" },
|
|
14
|
+
h("div", { class: "pn-teaser-card__container__image__container" },
|
|
15
|
+
h("slot", { name: "illustration" })),
|
|
16
|
+
h("div", { class: "pn-teaser-card__container__content" },
|
|
17
|
+
h("div", { class: "pn-teaser-card__container__content__text__container" },
|
|
18
|
+
h("h1", null, this.heading),
|
|
19
|
+
h("p", null, this.text)),
|
|
20
|
+
h("div", { class: "pn-teaser-card__container__content__cta" },
|
|
21
|
+
h("slot", { name: "cta" }))))));
|
|
22
|
+
}
|
|
23
|
+
static get is() { return "pn-teaser-card"; }
|
|
24
|
+
static get originalStyleUrls() { return {
|
|
25
|
+
"$": ["pn-teaser-card.scss"]
|
|
26
|
+
}; }
|
|
27
|
+
static get styleUrls() { return {
|
|
28
|
+
"$": ["pn-teaser-card.css"]
|
|
29
|
+
}; }
|
|
30
|
+
static get properties() { return {
|
|
31
|
+
"text": {
|
|
32
|
+
"type": "string",
|
|
33
|
+
"mutable": false,
|
|
34
|
+
"complexType": {
|
|
35
|
+
"original": "string",
|
|
36
|
+
"resolved": "string",
|
|
37
|
+
"references": {}
|
|
38
|
+
},
|
|
39
|
+
"required": false,
|
|
40
|
+
"optional": false,
|
|
41
|
+
"docs": {
|
|
42
|
+
"tags": [],
|
|
43
|
+
"text": ""
|
|
44
|
+
},
|
|
45
|
+
"attribute": "text",
|
|
46
|
+
"reflect": false,
|
|
47
|
+
"defaultValue": "'some short text describing whatever'"
|
|
48
|
+
},
|
|
49
|
+
"heading": {
|
|
50
|
+
"type": "string",
|
|
51
|
+
"mutable": false,
|
|
52
|
+
"complexType": {
|
|
53
|
+
"original": "string",
|
|
54
|
+
"resolved": "string",
|
|
55
|
+
"references": {}
|
|
56
|
+
},
|
|
57
|
+
"required": false,
|
|
58
|
+
"optional": false,
|
|
59
|
+
"docs": {
|
|
60
|
+
"tags": [],
|
|
61
|
+
"text": ""
|
|
62
|
+
},
|
|
63
|
+
"attribute": "heading",
|
|
64
|
+
"reflect": false,
|
|
65
|
+
"defaultValue": "'some heading'"
|
|
66
|
+
},
|
|
67
|
+
"dataCardColor": {
|
|
68
|
+
"type": "string",
|
|
69
|
+
"mutable": false,
|
|
70
|
+
"complexType": {
|
|
71
|
+
"original": "string",
|
|
72
|
+
"resolved": "string",
|
|
73
|
+
"references": {}
|
|
74
|
+
},
|
|
75
|
+
"required": false,
|
|
76
|
+
"optional": false,
|
|
77
|
+
"docs": {
|
|
78
|
+
"tags": [],
|
|
79
|
+
"text": ""
|
|
80
|
+
},
|
|
81
|
+
"attribute": "data-card-color",
|
|
82
|
+
"reflect": true,
|
|
83
|
+
"defaultValue": "'coral'"
|
|
84
|
+
},
|
|
85
|
+
"dataCardAlignment": {
|
|
86
|
+
"type": "string",
|
|
87
|
+
"mutable": false,
|
|
88
|
+
"complexType": {
|
|
89
|
+
"original": "string",
|
|
90
|
+
"resolved": "string",
|
|
91
|
+
"references": {}
|
|
92
|
+
},
|
|
93
|
+
"required": false,
|
|
94
|
+
"optional": false,
|
|
95
|
+
"docs": {
|
|
96
|
+
"tags": [],
|
|
97
|
+
"text": ""
|
|
98
|
+
},
|
|
99
|
+
"attribute": "data-card-alignment",
|
|
100
|
+
"reflect": true,
|
|
101
|
+
"defaultValue": "'left'"
|
|
102
|
+
}
|
|
103
|
+
}; }
|
|
104
|
+
static get elementRef() { return "hostElement"; }
|
|
105
|
+
}
|
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
import readme from './readme.md';
|
|
2
|
+
|
|
3
|
+
export default {
|
|
4
|
+
title: 'Cards/Teaser Card',
|
|
5
|
+
parameters: {
|
|
6
|
+
notes: readme,
|
|
7
|
+
layout: 'centered',
|
|
8
|
+
},
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
const TemplateOneThird = ({ cards, ...args }) => {
|
|
12
|
+
return `
|
|
13
|
+
<div style="width:100%; display:flex; flex-direction:row; gap:16px;">
|
|
14
|
+
<div class="onethirdwidth" style="width:33%; padding:16px 0;">
|
|
15
|
+
<pn-teaser-card heading="${cards[0].heading}" text="${cards[0].text}" data-card-color="coral">
|
|
16
|
+
<img slot="illustration" src="https://www.postnord.se/siteassets/1.-skicka/inspecting-containers-in-a-shipping-terminal-1.jpg" />
|
|
17
|
+
<pn-button slot="cta">${cards[0].buttonLabel}</button>
|
|
18
|
+
</pn-teaser-card>
|
|
19
|
+
</div>
|
|
20
|
+
<div class="onethirdwidth" style="width:33%; padding:16px 0;">
|
|
21
|
+
<pn-teaser-card heading="${cards[1].heading}" text="${cards[1].text}" data-card-color="green">
|
|
22
|
+
<img slot="illustration" src="https://www.postnord.se/siteassets/images-new/start-page/kvinna-hamtar-paket-ur-paketbox-3840x2140.jpg" />
|
|
23
|
+
<pn-button slot="cta">${cards[1].buttonLabel}</button>
|
|
24
|
+
</pn-teaser-card>
|
|
25
|
+
</div>
|
|
26
|
+
<div class="onethirdwidth" style="width:33%; padding:16px 0;">
|
|
27
|
+
<pn-teaser-card heading="${cards[2].heading}" text="${cards[2].text}" data-card-color="coral">
|
|
28
|
+
<img slot="illustration" src="https://www.postnord.se/siteassets/images-new/start-page/kvinna-hamtar-paket-ur-paketbox-3840x2140.jpg" />
|
|
29
|
+
<pn-button slot="cta">${cards[2].buttonLabel}</button>
|
|
30
|
+
</pn-teaser-card>
|
|
31
|
+
</div>
|
|
32
|
+
</div>
|
|
33
|
+
`;
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
const TemplateOneHalf = ({ cards, ...args }) => {
|
|
37
|
+
return `
|
|
38
|
+
<div style="width:100%; display:flex; flex-direction:row; gap:16px;">
|
|
39
|
+
<div class="halfwidth" style="width:50%; padding:16px 0;">
|
|
40
|
+
<pn-teaser-card heading="${cards[0].heading}" text="${cards[0].text}" data-card-color="green">
|
|
41
|
+
<img slot="illustration" src="https://www.postnord.se/siteassets/1.-skicka/inspecting-containers-in-a-shipping-terminal-1.jpg" />
|
|
42
|
+
<pn-button slot="cta">${cards[0].buttonLabel}</button>
|
|
43
|
+
</pn-teaser-card>
|
|
44
|
+
</div>
|
|
45
|
+
<div class="halfwidth" style="width:50%; padding:16px 0;">
|
|
46
|
+
<pn-teaser-card heading="${cards[1].heading}" text="${cards[1].text}" data-card-color="coral">
|
|
47
|
+
<img slot="illustration" src="https://www.postnord.se/siteassets/1.-skicka/colleagues-in-meeting.jpg" />
|
|
48
|
+
<pn-button slot="cta">${cards[1].buttonLabel}</button>
|
|
49
|
+
</pn-teaser-card>
|
|
50
|
+
</div>
|
|
51
|
+
</div>
|
|
52
|
+
`;
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
const TemplateFullWidth = ({ cards, ...args }) => {
|
|
56
|
+
return `
|
|
57
|
+
<div style="width:100%; display:flex; flex-direction:row; gap:16px;">
|
|
58
|
+
<div class="fullwidth" style="width:100%; padding:16px 0;">
|
|
59
|
+
<pn-teaser-card heading="${cards[0].heading}" text="${cards[0].text}" data-card-color="green" data-card-alignment="left">
|
|
60
|
+
<img slot="illustration" src="https://www.postnord.se/siteassets/1.-skicka/inspecting-containers-in-a-shipping-terminal-1.jpg" />
|
|
61
|
+
<pn-button slot="cta">${cards[0].buttonLabel}</button>
|
|
62
|
+
</pn-teaser-card>
|
|
63
|
+
</div>
|
|
64
|
+
</div>
|
|
65
|
+
|
|
66
|
+
<div style="width:100%; display:flex; flex-direction:row; gap:16px;">
|
|
67
|
+
<div class="fullwidth" style="width:100%; padding:16px 0;">
|
|
68
|
+
<pn-teaser-card heading="${cards[1].heading}" text="${cards[1].text}" data-card-color="coral" data-card-alignment="right">
|
|
69
|
+
<img slot="illustration" src="https://www.postnord.se/siteassets/1.-skicka/inspecting-containers-in-a-shipping-terminal-1.jpg" />
|
|
70
|
+
<pn-button slot="cta">${cards[1].buttonLabel}</button>
|
|
71
|
+
</pn-teaser-card>
|
|
72
|
+
</div>
|
|
73
|
+
</div>`;
|
|
74
|
+
};
|
|
75
|
+
|
|
76
|
+
export const OneThird = TemplateOneThird.bind({});
|
|
77
|
+
export const Half = TemplateOneHalf.bind({});
|
|
78
|
+
export const FullWidth = TemplateFullWidth.bind({});
|
|
79
|
+
|
|
80
|
+
OneThird.args = {
|
|
81
|
+
cards: [
|
|
82
|
+
{
|
|
83
|
+
heading: 'E-commerce & Logistics',
|
|
84
|
+
text: 'Pellentesque lectus orci, ullamcorper a quam in, malesuada efficitur nulla. Duis rhoncus suscipit tortor, at volutpat magna posuere scelerisque. Fusce vitae sem tristique',
|
|
85
|
+
buttonLabel: 'Some button',
|
|
86
|
+
},
|
|
87
|
+
{
|
|
88
|
+
heading: 'Lorem ipsum dolor sit amet',
|
|
89
|
+
text: 'Pellentesque lectus orci, ullamcorper a quam in, malesuada efficitur nulla. Duis rhoncus suscipit tortor, at volutpat magna posuere scelerisque. Fusce vitae sem tristique Pellentesque lectus orci',
|
|
90
|
+
buttonLabel: 'Some button',
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
heading: 'Communications',
|
|
94
|
+
text: 'Pellentesque lectus orci, ullamcorper a quam in eargareg aergarea aerg aergaeg a aer gaerg ',
|
|
95
|
+
buttonLabel: 'Some button',
|
|
96
|
+
},
|
|
97
|
+
],
|
|
98
|
+
};
|
|
99
|
+
|
|
100
|
+
Half.args = {
|
|
101
|
+
cards: [
|
|
102
|
+
{
|
|
103
|
+
heading: 'Communications',
|
|
104
|
+
text: 'Pellentesque lectus orci, ullamcorper a quam in eargareg aergarea aerg aergaeg a aer gaerg ',
|
|
105
|
+
buttonLabel: 'Some button',
|
|
106
|
+
},
|
|
107
|
+
{
|
|
108
|
+
heading: 'Green by PostNord -Sustainable logistics',
|
|
109
|
+
text: 'PostNord is a leading provider of parcel and logistics services to, from, and within the Nordic region. We ensure that our business and non-business customers are able to communicate with their recipients reliably, efficiently and on time – regardless of whether this involves a global logistics solution, an ad campaign or birthday greetings.',
|
|
110
|
+
buttonLabel: 'Learn more our customer value proposition',
|
|
111
|
+
},
|
|
112
|
+
],
|
|
113
|
+
};
|
|
114
|
+
|
|
115
|
+
FullWidth.args = {
|
|
116
|
+
cards: [
|
|
117
|
+
{
|
|
118
|
+
heading: 'Green by PostNord -Sustainable logistics',
|
|
119
|
+
text: 'Pellentesque lectus orci, ullamcorper a quam in eargareg aergarea aerg aergaeg a aer gaerg ',
|
|
120
|
+
buttonLabel: 'More about our sustainability work',
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
heading: 'Communications',
|
|
124
|
+
text: 'PostNord is a leading provider of parcel and logistics services to, from, and within the Nordic region. We ensure that our business and non-business customers are able to communicate with their recipients reliably, efficiently and on time – regardless of whether this involves a global logistics solution, an ad campaign or birthday greetings.',
|
|
125
|
+
buttonLabel: 'Learn more our customer value proposition',
|
|
126
|
+
},
|
|
127
|
+
],
|
|
128
|
+
};
|
|
@@ -6,12 +6,12 @@ export class PnProxioPricegroup {
|
|
|
6
6
|
constructor() {
|
|
7
7
|
/** Specifies which endpoint domain we should load from */
|
|
8
8
|
this.endpoint = null;
|
|
9
|
-
this.culture = "sv-
|
|
9
|
+
this.culture = "sv-SE";
|
|
10
10
|
this.tariffid = "";
|
|
11
11
|
this.cache = true;
|
|
12
12
|
this.activeWeightIndex = 0;
|
|
13
13
|
this.data = null;
|
|
14
|
-
this.i18n = translations["sv-
|
|
14
|
+
this.i18n = translations["sv-SE"];
|
|
15
15
|
this.fetchHelper = new FetchHelper("proxiopricegroup");
|
|
16
16
|
}
|
|
17
17
|
componentWillLoad() {
|
|
@@ -133,8 +133,6 @@ export class PnProxioPricegroup {
|
|
|
133
133
|
h("pn-proxio-productcard-information", { label: this.i18n.labelPackage, information: this.data.proxioProduct.productPackageDimensionsList }),
|
|
134
134
|
h("pn-proxio-productcard-information", { label: this.i18n.labelRoll, information: this.data.proxioProduct.productRollDimensionsList })),
|
|
135
135
|
h("div", { slot: "bottomtags" },
|
|
136
|
-
this.data.proxioProduct.tracable ?
|
|
137
|
-
(h("pn-titletag", { color: "gray50" }, this.i18n.notTraceable)) : (null),
|
|
138
136
|
this.data.proxioProduct.usp1 ?
|
|
139
137
|
(h("pn-titletag", { color: "gray50" }, this.data.proxioProduct.usp1)) : (null),
|
|
140
138
|
this.data.proxioProduct.usp2 ?
|
|
@@ -188,7 +186,7 @@ export class PnProxioPricegroup {
|
|
|
188
186
|
},
|
|
189
187
|
"attribute": "culture",
|
|
190
188
|
"reflect": false,
|
|
191
|
-
"defaultValue": "\"sv-
|
|
189
|
+
"defaultValue": "\"sv-SE\""
|
|
192
190
|
},
|
|
193
191
|
"tariffid": {
|
|
194
192
|
"type": "string",
|