@postnord/pn-marketweb-components 2.0.10 → 2.0.11
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-find-price-result.cjs.entry.js +2 -2
- package/cjs/pn-market-web-components.cjs.js +1 -1
- package/cjs/{pn-product-card_3.cjs.entry.js → pn-product-card_4.cjs.entry.js} +19 -1
- package/cjs/pn-product-pricelist-result.cjs.entry.js +2 -2
- package/collection/collection-manifest.json +1 -0
- package/collection/components/minor/pn-titletag/pn-titletag.css +19 -0
- package/collection/components/minor/pn-titletag/pn-titletag.js +60 -0
- package/collection/components/minor/pn-titletag/title-tag.stories.js +24 -0
- package/collection/components/widgets/pn-find-price/pn-find-price-result.js +3 -7
- package/collection/components/widgets/pn-product-card/pn-product-card.css +25 -46
- package/collection/components/widgets/pn-product-pricelist/pn-product-pricelist-result.js +2 -6
- package/custom-elements/index.d.ts +6 -0
- package/custom-elements/index.js +27 -7
- package/esm/loader.js +1 -1
- package/esm/pn-find-price-result.entry.js +2 -2
- package/esm/pn-market-web-components.js +1 -1
- package/esm/{pn-product-card_3.entry.js → pn-product-card_4.entry.js} +20 -3
- package/esm/pn-product-pricelist-result.entry.js +2 -2
- package/esm-es5/loader.js +1 -1
- package/esm-es5/pn-find-price-result.entry.js +1 -1
- package/esm-es5/pn-market-web-components.js +1 -1
- package/esm-es5/pn-product-card_4.entry.js +1 -0
- package/esm-es5/pn-product-pricelist-result.entry.js +1 -1
- package/package.json +1 -1
- package/pn-market-web-components/p-0780aaab.system.entry.js +1 -0
- package/pn-market-web-components/p-17c4004f.entry.js +1 -0
- package/pn-market-web-components/p-67887512.system.js +1 -1
- package/pn-market-web-components/p-723b9901.system.entry.js +1 -0
- package/pn-market-web-components/p-96491220.entry.js +1 -0
- package/pn-market-web-components/p-99c929aa.system.entry.js +1 -0
- package/pn-market-web-components/p-adfb38e0.entry.js +1 -0
- package/pn-market-web-components/pn-market-web-components.esm.js +1 -1
- package/types/components/minor/pn-titletag/pn-titletag.d.ts +8 -0
- package/types/components.d.ts +29 -0
- package/umd/pn-marketweb-salesforce.js +1 -1
- package/esm-es5/pn-product-card_3.entry.js +0 -1
- package/pn-market-web-components/p-1ecf47ed.entry.js +0 -1
- package/pn-market-web-components/p-6f556e76.system.entry.js +0 -1
- package/pn-market-web-components/p-ae775ba5.system.entry.js +0 -1
- package/pn-market-web-components/p-b2840380.entry.js +0 -1
- package/pn-market-web-components/p-c2fada23.entry.js +0 -1
- package/pn-market-web-components/p-e7f8da0b.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],"environment":[1537],"userToken":[1,"user-token"],"userFullname":[1,"user-fullname"],"userLoggedin":[4,"user-loggedin"],"endpoint":[1],"hideSiteSelector":[1540,"hide-site-selector"],"hideLanguageSelector":[1540,"hide-language-selector"],"hideSearch":[1540,"hide-search"],"hideLogin":[1540,"hide-login"],"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-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",[[0,"pn-marketweb-sitefooter",{"market":[1537],"language":[1537],"environment":[1537],"endpoint":[1],"cache":[4],"siteDefinition":[32],"footerContent":[32],"i18n":[32],"gotData":[32],"fetchingData":[32]}]]],["pn-bonus-progressbar.cjs",[[4,"pn-bonus-progressbar",{"icon":[1],"heading":[1],"theme":[513],"bonuspercentage":[1],"currency":[513],"value":[1538],"min":[1538],"max":[1538],"valuepercentage":[32],"progresspercentage":[32],"levelValues":[32],"currentLevelAdjustedValue":[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-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-selector.cjs",[[4,"pn-profile-selector",{"language":[1537],"returnUrl":[1,"return-url"],"i18n":[32],"isLoading":[32],"numberOfProfiles":[32]}]]],["pn-profile-selector-option.cjs",[[0,"pn-profile-selector-option",{"name":[1],"identifier":[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-product-
|
|
17
|
+
return index.bootstrapLazy([["pn-marketweb-siteheader.cjs",[[4,"pn-marketweb-siteheader",{"market":[1537],"language":[1537],"environment":[1537],"userToken":[1,"user-token"],"userFullname":[1,"user-fullname"],"userLoggedin":[4,"user-loggedin"],"endpoint":[1],"hideSiteSelector":[1540,"hide-site-selector"],"hideLanguageSelector":[1540,"hide-language-selector"],"hideSearch":[1540,"hide-search"],"hideLogin":[1540,"hide-login"],"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-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",[[0,"pn-marketweb-sitefooter",{"market":[1537],"language":[1537],"environment":[1537],"endpoint":[1],"cache":[4],"siteDefinition":[32],"footerContent":[32],"i18n":[32],"gotData":[32],"fetchingData":[32]}]]],["pn-bonus-progressbar.cjs",[[4,"pn-bonus-progressbar",{"icon":[1],"heading":[1],"theme":[513],"bonuspercentage":[1],"currency":[513],"value":[1538],"min":[1538],"max":[1538],"valuepercentage":[32],"progresspercentage":[32],"levelValues":[32],"currentLevelAdjustedValue":[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-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-selector.cjs",[[4,"pn-profile-selector",{"language":[1537],"returnUrl":[1,"return-url"],"i18n":[32],"isLoading":[32],"numberOfProfiles":[32]}]]],["pn-profile-selector-option.cjs",[[0,"pn-profile-selector-option",{"name":[1],"identifier":[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-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-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-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"],"usp":[16],"weightText":[32],"linkId":[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-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-language-selector_9.cjs",[[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-login",{"endpoint":[1],"token":[1],"i18n":[8,"i-1-8n"],"emitEvents":[4,"emit-events"],"loginDialog":[1040],"fullname":[1],"loggedin":[4],"loginManager":[32],"toggleButtonText":[32],"username":[32]}],[0,"pn-marketweb-siteheader-search",{"i18n":[8,"i-1-8n"],"showOnlyLink":[1028,"show-only-link"],"hideSearch":[1028,"hide-search"],"language":[1537],"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]}]]]], options);
|
|
18
18
|
});
|
|
19
19
|
};
|
|
20
20
|
|
|
@@ -19,8 +19,8 @@ let PnfindPriceResult = class {
|
|
|
19
19
|
this.weightText = "";
|
|
20
20
|
this.linkId = '';
|
|
21
21
|
this.usp = {
|
|
22
|
-
Billigast: index.h("
|
|
23
|
-
Snabbast: index.h("
|
|
22
|
+
Billigast: index.h("pn-titletag", { slot: "Billigast", icon: "box-label" }, this.item.highestrankusp),
|
|
23
|
+
Snabbast: index.h("pn-titletag", { slot: "Snabbast", icon: "box-label", color: "blue700" }, this.item.highestrankusp)
|
|
24
24
|
};
|
|
25
25
|
}
|
|
26
26
|
componentWillLoad() {
|
|
@@ -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],"environment":[1537],"userToken":[1,"user-token"],"userFullname":[1,"user-fullname"],"userLoggedin":[4,"user-loggedin"],"endpoint":[1],"hideSiteSelector":[1540,"hide-site-selector"],"hideLanguageSelector":[1540,"hide-language-selector"],"hideSearch":[1540,"hide-search"],"hideLogin":[1540,"hide-login"],"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-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",[[0,"pn-marketweb-sitefooter",{"market":[1537],"language":[1537],"environment":[1537],"endpoint":[1],"cache":[4],"siteDefinition":[32],"footerContent":[32],"i18n":[32],"gotData":[32],"fetchingData":[32]}]]],["pn-bonus-progressbar.cjs",[[4,"pn-bonus-progressbar",{"icon":[1],"heading":[1],"theme":[513],"bonuspercentage":[1],"currency":[513],"value":[1538],"min":[1538],"max":[1538],"valuepercentage":[32],"progresspercentage":[32],"levelValues":[32],"currentLevelAdjustedValue":[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-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-selector.cjs",[[4,"pn-profile-selector",{"language":[1537],"returnUrl":[1,"return-url"],"i18n":[32],"isLoading":[32],"numberOfProfiles":[32]}]]],["pn-profile-selector-option.cjs",[[0,"pn-profile-selector-option",{"name":[1],"identifier":[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-product-
|
|
58
|
+
return index.bootstrapLazy([["pn-marketweb-siteheader.cjs",[[4,"pn-marketweb-siteheader",{"market":[1537],"language":[1537],"environment":[1537],"userToken":[1,"user-token"],"userFullname":[1,"user-fullname"],"userLoggedin":[4,"user-loggedin"],"endpoint":[1],"hideSiteSelector":[1540,"hide-site-selector"],"hideLanguageSelector":[1540,"hide-language-selector"],"hideSearch":[1540,"hide-search"],"hideLogin":[1540,"hide-login"],"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-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",[[0,"pn-marketweb-sitefooter",{"market":[1537],"language":[1537],"environment":[1537],"endpoint":[1],"cache":[4],"siteDefinition":[32],"footerContent":[32],"i18n":[32],"gotData":[32],"fetchingData":[32]}]]],["pn-bonus-progressbar.cjs",[[4,"pn-bonus-progressbar",{"icon":[1],"heading":[1],"theme":[513],"bonuspercentage":[1],"currency":[513],"value":[1538],"min":[1538],"max":[1538],"valuepercentage":[32],"progresspercentage":[32],"levelValues":[32],"currentLevelAdjustedValue":[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-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-selector.cjs",[[4,"pn-profile-selector",{"language":[1537],"returnUrl":[1,"return-url"],"i18n":[32],"isLoading":[32],"numberOfProfiles":[32]}]]],["pn-profile-selector-option.cjs",[[0,"pn-profile-selector-option",{"name":[1],"identifier":[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-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-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-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"],"usp":[16],"weightText":[32],"linkId":[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-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-language-selector_9.cjs",[[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-login",{"endpoint":[1],"token":[1],"i18n":[8,"i-1-8n"],"emitEvents":[4,"emit-events"],"loginDialog":[1040],"fullname":[1],"loggedin":[4],"loginManager":[32],"toggleButtonText":[32],"username":[32]}],[0,"pn-marketweb-siteheader-search",{"i18n":[8,"i-1-8n"],"showOnlyLink":[1028,"show-only-link"],"hideSearch":[1028,"hide-search"],"language":[1537],"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]}]]]], options);
|
|
59
59
|
});
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-e3e27c79.js');
|
|
6
6
|
|
|
7
|
-
const pnProductCardCss = "pn-product-card{border:0.1rem solid #D3CECB;outline:none;background:#FFFFFF;-webkit-box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);display:-ms-flexbox;display:flex;word-break:break-word;text-decoration:none;border-radius:0.8rem;position:relative;padding:11rem 2.4rem 2.4rem;margin-bottom:1.6rem}@media screen and (min-width: 36em){pn-product-card{padding:2.4rem}}pn-product-card [slot=title]{display:-ms-flexbox;display:flex;width:100%;margin-bottom:0.8rem;gap:1.6rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}@media screen and (min-width: 36em){pn-product-card [slot=title]{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:inherit;align-items:inherit}}pn-product-card [slot=title] h2{width:100%}@media screen and (min-width: 36em){pn-product-card [slot=title] h2{width:auto}}pn-product-card [slot=title] h2>a{color:#000000}pn-product-card [slot=title] h2>a::after{content:\"\" !important}pn-product-card [slot=title]
|
|
7
|
+
const pnProductCardCss = "pn-product-card{border:0.1rem solid #D3CECB;outline:none;background:#FFFFFF;-webkit-box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);display:-ms-flexbox;display:flex;word-break:break-word;text-decoration:none;border-radius:0.8rem;position:relative;padding:11rem 2.4rem 2.4rem;margin-bottom:1.6rem}@media screen and (min-width: 36em){pn-product-card{padding:2.4rem}}pn-product-card [slot=title]{display:-ms-flexbox;display:flex;width:100%;margin-bottom:0.8rem;gap:1.6rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}@media screen and (min-width: 36em){pn-product-card [slot=title]{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:inherit;align-items:inherit}}pn-product-card [slot=title] h2{width:100%}@media screen and (min-width: 36em){pn-product-card [slot=title] h2{width:auto}}pn-product-card [slot=title] h2>a{color:#000000}pn-product-card [slot=title] h2>a::after{content:\"\" !important}pn-product-card [slot=title] [slot=note]{margin-top:1em;margin-bottom:1em}pn-product-card [slot=title] [slot=additionalUSP]{display:-ms-flexbox;display:flex}pn-product-card [slot=title] [slot=additionalUSP] :first-child{margin-left:0em}pn-product-card [slot=title] [slot=additionalUSP] span{margin-left:1em;background:#D3CECB;color:#2D2013;border-radius:0.25em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0.3em;margin-top:0.5em;font-size:0.75em}pn-product-card [slot=title]>pn-illustration{min-width:8rem;width:8rem;height:8rem;-ms-flex-item-align:center;align-self:center;position:absolute;top:1.6rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);left:50%;-webkit-box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);border-radius:100%}@media screen and (min-width: 36em){pn-product-card [slot=title]>pn-illustration{-webkit-box-shadow:none;box-shadow:none;top:1.6rem;right:1.6rem;left:auto;-webkit-transform:none;transform:none}}@media screen and (min-width: 48em){pn-product-card [slot=title]>pn-illustration{position:static;top:auto;right:auto;margin-right:3rem}}pn-product-card [slot=title] .cardcontent{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 48em){pn-product-card [slot=title] .cardcontent{-ms-flex-direction:row;flex-direction:row;gap:1.6rem}}pn-product-card [slot=title] [slot=cardprice]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding:0.6em;-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 36em){pn-product-card [slot=title] [slot=cardprice]{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width: 48em){pn-product-card [slot=title] [slot=cardprice]{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:end;align-items:flex-end}}pn-product-card [slot=title] [slot=mobiledownload]{margin-top:1rem;white-space:nowrap;text-align:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}pn-product-card [slot=title] [slot=mobiledownload] #riktiga{-ms-flex-order:4;order:4;margin-top:1em}pn-product-card [slot=title] [slot=mobiledownload] #riktiga>div>a::after{content:\"\" !important}pn-product-card [slot=title] [slot=mobiledownload] .riktigaAndroidImg{width:6em;margin:0.5em}pn-product-card [slot=title] [slot=mobiledownload] .riktigaAppleImg{width:5.6em;margin:0.5em}pn-product-card [slot=title] [slot=mobiledownload] a{text-decoration:none;color:#005D92}pn-product-card [slot=title] [slot=mobiledownload] a h3{text-decoration:underline}pn-product-card [slot=title] [slot=servicepoint]{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:2;flex-grow:2;-ms-flex-align:end;align-items:flex-end;text-align:center}@media screen and (min-width: 36em){pn-product-card [slot=title] [slot=servicepoint]{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width: 48em){pn-product-card [slot=title] [slot=servicepoint]{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:end;align-items:flex-end}}pn-product-card [slot=title] .details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:100%}pn-product-card [slot=title] .info{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-positive:1;flex-grow:1;-ms-flex-flow:wrap;flex-flow:wrap;padding:0 1em 0 0}pn-product-card [slot=title] .info>*{min-width:6em;margin:0.5em 1em 0.5em 0}";
|
|
8
8
|
|
|
9
9
|
let PnProductCard = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -49,6 +49,24 @@ let PnProductCardPrice = class {
|
|
|
49
49
|
};
|
|
50
50
|
PnProductCardPrice.style = pnProductCardPriceCss;
|
|
51
51
|
|
|
52
|
+
const pnTitletagCss = "pn-titletag{display:-ms-inline-flexbox;display:inline-flex;border-radius:0.4rem;height:2.5em;font-weight:normal;font-size:0.75em;text-align:center;vertical-align:bottom;padding:0.6rem;gap:0.6em}pn-titletag[color=green700]{color:#005E41;background:#DCF6E7}pn-titletag[color=blue700]{background:#E0F8FF;color:#005D92}";
|
|
53
|
+
|
|
54
|
+
let PnTiletag = class {
|
|
55
|
+
constructor(hostRef) {
|
|
56
|
+
index.registerInstance(this, hostRef);
|
|
57
|
+
/** Icon of the tag */
|
|
58
|
+
this.icon = null;
|
|
59
|
+
/** Icon of the tag */
|
|
60
|
+
this.color = "green700";
|
|
61
|
+
}
|
|
62
|
+
render() {
|
|
63
|
+
return (index.h(index.Host, null, index.h("slot", null), this.icon ? (index.h("pn-icon", { symbol: this.icon, small: "false", color: this.color })) : null));
|
|
64
|
+
}
|
|
65
|
+
get hostElement() { return index.getElement(this); }
|
|
66
|
+
};
|
|
67
|
+
PnTiletag.style = pnTitletagCss;
|
|
68
|
+
|
|
52
69
|
exports.pn_product_card = PnProductCard;
|
|
53
70
|
exports.pn_product_card_info = PnProductCardInfo;
|
|
54
71
|
exports.pn_product_card_price = PnProductCardPrice;
|
|
72
|
+
exports.pn_titletag = PnTiletag;
|
|
@@ -57,8 +57,8 @@ let PnFindProductPricelistResult = class {
|
|
|
57
57
|
render() {
|
|
58
58
|
return (index$1.h(index$1.Host, null, this.shownitems.map((item) => (index$1.h("pn-product-card", { "data-productid": item.id }, index$1.h("pn-illustration", { slot: "illustration", illustration: this.item.illustration }), index$1.h("div", { slot: "title" }, index$1.h("h2", null, item.name, " "), (this.item.highestrankusp) ?
|
|
59
59
|
(this.item.highestrankusp === "Billigast") ?
|
|
60
|
-
(index$1.h("
|
|
61
|
-
: (index$1.h("
|
|
60
|
+
(index$1.h("pn-titletag", { slot: "Billigast", icon: "box-label" }, this.item.highestrankusp))
|
|
61
|
+
: (index$1.h("pn-titletag", { slot: "Snabbast", icon: "bolt", color: "blue700" }, this.item.highestrankusp)) : null), index$1.h("div", { slot: "content" }, index$1.h("div", { class: "content" }, (this.item.description) ? (index$1.h("div", { class: "description" }, this.description.map((desc) => (index$1.h("li", null, desc))))) : null, (this.item.info) ? (index$1.h("div", { class: "description" }, this.item.info)) : null)), this.item.note ? (index$1.h("small", { slot: "note" }, index$1.h("p", null, this.item.note))) : null, this.item.additionalusp ? (index$1.h("div", { slot: "additionalUSP" })) : null, this.showMeasurement ? (index$1.h("pn-product-card-info", { paket: this.item.maxmått, rulle: this.item.rulle })) : null, index$1.h("div", { slot: "cardprice" }, this.item.pricesenddirect ? (index$1.h("pn-product-card-price", { slot: "sendDirectPrice", label: state.i18n.senddirectcta, amount: this.item.pricesenddirect + '', currency: state.market.currency, url: data.sendDirectUrl, service: this.item.name + "-portal" })) : null, this.item.pricestamps ? (index$1.h("pn-product-card-price", { slot: "stampPrice", label: state.i18n.stampshopcta, amount: this.item.pricestamps + '', currency: state.market.currency, url: data.stampShopUrl, service: this.item.name + "-eshop" })) : null))
|
|
62
62
|
// <pn-product-tile>
|
|
63
63
|
// <pn-illustration slot="illustration" illustration={ item.illustration }></pn-illustration>
|
|
64
64
|
// <div slot="content">
|
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
"./components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login.js",
|
|
11
11
|
"./components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-search.js",
|
|
12
12
|
"./components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.js",
|
|
13
|
+
"./components/minor/pn-titletag/pn-titletag.js",
|
|
13
14
|
"./components/navigation/pn-language-selector/pn-language-selector-option.js",
|
|
14
15
|
"./components/navigation/pn-language-selector/pn-language-selector.js",
|
|
15
16
|
"./components/navigation/pn-mainnav/pn-mainnav-level.js",
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
pn-titletag {
|
|
2
|
+
display: inline-flex;
|
|
3
|
+
border-radius: 0.4rem;
|
|
4
|
+
height: 2.5em;
|
|
5
|
+
font-weight: normal;
|
|
6
|
+
font-size: 0.75em;
|
|
7
|
+
text-align: center;
|
|
8
|
+
vertical-align: bottom;
|
|
9
|
+
padding: 0.6rem;
|
|
10
|
+
gap: 0.6em;
|
|
11
|
+
}
|
|
12
|
+
pn-titletag[color=green700] {
|
|
13
|
+
color: #005E41;
|
|
14
|
+
background: #DCF6E7;
|
|
15
|
+
}
|
|
16
|
+
pn-titletag[color=blue700] {
|
|
17
|
+
background: #E0F8FF;
|
|
18
|
+
color: #005D92;
|
|
19
|
+
}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { Component, Prop, h, Host, Element } from "@stencil/core";
|
|
2
|
+
export class PnTiletag {
|
|
3
|
+
constructor() {
|
|
4
|
+
/** Icon of the tag */
|
|
5
|
+
this.icon = null;
|
|
6
|
+
/** Icon of the tag */
|
|
7
|
+
this.color = "green700";
|
|
8
|
+
}
|
|
9
|
+
render() {
|
|
10
|
+
return (h(Host, null,
|
|
11
|
+
h("slot", null),
|
|
12
|
+
this.icon ? (h("pn-icon", { symbol: this.icon, small: "false", color: this.color })) : null));
|
|
13
|
+
}
|
|
14
|
+
static get is() { return "pn-titletag"; }
|
|
15
|
+
static get originalStyleUrls() { return {
|
|
16
|
+
"$": ["pn-titletag.scss"]
|
|
17
|
+
}; }
|
|
18
|
+
static get styleUrls() { return {
|
|
19
|
+
"$": ["pn-titletag.css"]
|
|
20
|
+
}; }
|
|
21
|
+
static get properties() { return {
|
|
22
|
+
"icon": {
|
|
23
|
+
"type": "string",
|
|
24
|
+
"mutable": false,
|
|
25
|
+
"complexType": {
|
|
26
|
+
"original": "string",
|
|
27
|
+
"resolved": "string",
|
|
28
|
+
"references": {}
|
|
29
|
+
},
|
|
30
|
+
"required": false,
|
|
31
|
+
"optional": false,
|
|
32
|
+
"docs": {
|
|
33
|
+
"tags": [],
|
|
34
|
+
"text": "Icon of the tag"
|
|
35
|
+
},
|
|
36
|
+
"attribute": "icon",
|
|
37
|
+
"reflect": false,
|
|
38
|
+
"defaultValue": "null"
|
|
39
|
+
},
|
|
40
|
+
"color": {
|
|
41
|
+
"type": "string",
|
|
42
|
+
"mutable": true,
|
|
43
|
+
"complexType": {
|
|
44
|
+
"original": "string",
|
|
45
|
+
"resolved": "string",
|
|
46
|
+
"references": {}
|
|
47
|
+
},
|
|
48
|
+
"required": false,
|
|
49
|
+
"optional": false,
|
|
50
|
+
"docs": {
|
|
51
|
+
"tags": [],
|
|
52
|
+
"text": "Icon of the tag"
|
|
53
|
+
},
|
|
54
|
+
"attribute": "color",
|
|
55
|
+
"reflect": true,
|
|
56
|
+
"defaultValue": "\"green700\""
|
|
57
|
+
}
|
|
58
|
+
}; }
|
|
59
|
+
static get elementRef() { return "hostElement"; }
|
|
60
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import readme from "./readme.md";
|
|
2
|
+
|
|
3
|
+
export default {
|
|
4
|
+
title: "minor/Title tag",
|
|
5
|
+
parameters: {
|
|
6
|
+
notes: readme,
|
|
7
|
+
layout: 'centered'
|
|
8
|
+
},
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
const Template = ({ ...args }) => {
|
|
12
|
+
return `
|
|
13
|
+
<div style="padding:1rem">
|
|
14
|
+
<pn-titletag icon="box-label">Tag text here</pn-titletag>
|
|
15
|
+
<pn-titletag icon="bolt" color="blue700">Tag text here</pn-titletag>
|
|
16
|
+
<pn-titletag color="blue700">No icon</pn-titletag>
|
|
17
|
+
</fieldset>
|
|
18
|
+
`;
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
export const Primary = Template.bind({});
|
|
22
|
+
Primary.args = {
|
|
23
|
+
|
|
24
|
+
};
|
|
@@ -10,12 +10,8 @@ export class PnfindPriceResult {
|
|
|
10
10
|
this.weightText = "";
|
|
11
11
|
this.linkId = '';
|
|
12
12
|
this.usp = {
|
|
13
|
-
Billigast: h("
|
|
14
|
-
|
|
15
|
-
h("pn-icon", { symbol: "box-label", small: "false", color: "green700" })),
|
|
16
|
-
Snabbast: h("span", { slot: "Snabbast" },
|
|
17
|
-
this.item.highestrankusp,
|
|
18
|
-
h("pn-icon", { symbol: "bolt", small: "false", color: "blue700" }))
|
|
13
|
+
Billigast: h("pn-titletag", { slot: "Billigast", icon: "box-label" }, this.item.highestrankusp),
|
|
14
|
+
Snabbast: h("pn-titletag", { slot: "Snabbast", icon: "box-label", color: "blue700" }, this.item.highestrankusp)
|
|
19
15
|
};
|
|
20
16
|
}
|
|
21
17
|
componentWillLoad() {
|
|
@@ -221,7 +217,7 @@ export class PnfindPriceResult {
|
|
|
221
217
|
"tags": [],
|
|
222
218
|
"text": ""
|
|
223
219
|
},
|
|
224
|
-
"defaultValue": "{\n
|
|
220
|
+
"defaultValue": "{\n Billigast : <pn-titletag slot=\"Billigast\" icon=\"box-label\">{this.item.highestrankusp}</pn-titletag>,\n Snabbast : <pn-titletag slot=\"Snabbast\" icon=\"box-label\" color=\"blue700\">{this.item.highestrankusp}</pn-titletag>\n }"
|
|
225
221
|
}
|
|
226
222
|
}; }
|
|
227
223
|
static get states() { return {
|
|
@@ -44,38 +44,17 @@ pn-product-card [slot=title] h2 > a {
|
|
|
44
44
|
pn-product-card [slot=title] h2 > a::after {
|
|
45
45
|
content: "" !important;
|
|
46
46
|
}
|
|
47
|
-
pn-product-card [slot=title]
|
|
48
|
-
border-radius: 0.4rem;
|
|
49
|
-
height: 2.5em;
|
|
50
|
-
font-weight: normal;
|
|
51
|
-
font-size: 0.75em;
|
|
52
|
-
text-align: center;
|
|
53
|
-
vertical-align: bottom;
|
|
54
|
-
padding: 0.6rem;
|
|
55
|
-
}
|
|
56
|
-
pn-product-card [slot=title] > [slot] pn-icon {
|
|
57
|
-
vertical-align: middle;
|
|
58
|
-
margin-left: 0.6em;
|
|
59
|
-
}
|
|
60
|
-
pn-product-card [slot=title] > [slot=Billigast] {
|
|
61
|
-
color: #005E41;
|
|
62
|
-
background: #DCF6E7;
|
|
63
|
-
}
|
|
64
|
-
pn-product-card [slot=title] > [slot=Snabbast] {
|
|
65
|
-
background: #E0F8FF;
|
|
66
|
-
color: #005D92;
|
|
67
|
-
}
|
|
68
|
-
pn-product-card [slot=note] {
|
|
47
|
+
pn-product-card [slot=title] [slot=note] {
|
|
69
48
|
margin-top: 1em;
|
|
70
49
|
margin-bottom: 1em;
|
|
71
50
|
}
|
|
72
|
-
pn-product-card [slot=additionalUSP] {
|
|
51
|
+
pn-product-card [slot=title] [slot=additionalUSP] {
|
|
73
52
|
display: flex;
|
|
74
53
|
}
|
|
75
|
-
pn-product-card [slot=additionalUSP] :first-child {
|
|
54
|
+
pn-product-card [slot=title] [slot=additionalUSP] :first-child {
|
|
76
55
|
margin-left: 0em;
|
|
77
56
|
}
|
|
78
|
-
pn-product-card [slot=additionalUSP] span {
|
|
57
|
+
pn-product-card [slot=title] [slot=additionalUSP] span {
|
|
79
58
|
margin-left: 1em;
|
|
80
59
|
background: #D3CECB;
|
|
81
60
|
color: #2D2013;
|
|
@@ -85,7 +64,7 @@ pn-product-card [slot=additionalUSP] span {
|
|
|
85
64
|
margin-top: 0.5em;
|
|
86
65
|
font-size: 0.75em;
|
|
87
66
|
}
|
|
88
|
-
pn-product-card > pn-illustration {
|
|
67
|
+
pn-product-card [slot=title] > pn-illustration {
|
|
89
68
|
min-width: 8rem;
|
|
90
69
|
width: 8rem;
|
|
91
70
|
height: 8rem;
|
|
@@ -98,7 +77,7 @@ pn-product-card > pn-illustration {
|
|
|
98
77
|
border-radius: 100%;
|
|
99
78
|
}
|
|
100
79
|
@media screen and (min-width: 36em) {
|
|
101
|
-
pn-product-card > pn-illustration {
|
|
80
|
+
pn-product-card [slot=title] > pn-illustration {
|
|
102
81
|
box-shadow: none;
|
|
103
82
|
top: 1.6rem;
|
|
104
83
|
right: 1.6rem;
|
|
@@ -107,26 +86,26 @@ pn-product-card > pn-illustration {
|
|
|
107
86
|
}
|
|
108
87
|
}
|
|
109
88
|
@media screen and (min-width: 48em) {
|
|
110
|
-
pn-product-card > pn-illustration {
|
|
89
|
+
pn-product-card [slot=title] > pn-illustration {
|
|
111
90
|
position: static;
|
|
112
91
|
top: auto;
|
|
113
92
|
right: auto;
|
|
114
93
|
margin-right: 3rem;
|
|
115
94
|
}
|
|
116
95
|
}
|
|
117
|
-
pn-product-card .cardcontent {
|
|
96
|
+
pn-product-card [slot=title] .cardcontent {
|
|
118
97
|
display: flex;
|
|
119
98
|
flex-direction: column;
|
|
120
99
|
justify-content: center;
|
|
121
100
|
flex-grow: 1;
|
|
122
101
|
}
|
|
123
102
|
@media screen and (min-width: 48em) {
|
|
124
|
-
pn-product-card .cardcontent {
|
|
103
|
+
pn-product-card [slot=title] .cardcontent {
|
|
125
104
|
flex-direction: row;
|
|
126
105
|
gap: 1.6rem;
|
|
127
106
|
}
|
|
128
107
|
}
|
|
129
|
-
pn-product-card [slot=cardprice] {
|
|
108
|
+
pn-product-card [slot=title] [slot=cardprice] {
|
|
130
109
|
display: flex;
|
|
131
110
|
flex-direction: column;
|
|
132
111
|
justify-content: center;
|
|
@@ -134,48 +113,48 @@ pn-product-card [slot=cardprice] {
|
|
|
134
113
|
flex-grow: 1;
|
|
135
114
|
}
|
|
136
115
|
@media screen and (min-width: 36em) {
|
|
137
|
-
pn-product-card [slot=cardprice] {
|
|
116
|
+
pn-product-card [slot=title] [slot=cardprice] {
|
|
138
117
|
flex-direction: row;
|
|
139
118
|
justify-content: space-between;
|
|
140
119
|
}
|
|
141
120
|
}
|
|
142
121
|
@media screen and (min-width: 48em) {
|
|
143
|
-
pn-product-card [slot=cardprice] {
|
|
122
|
+
pn-product-card [slot=title] [slot=cardprice] {
|
|
144
123
|
flex-direction: column;
|
|
145
124
|
justify-content: center;
|
|
146
125
|
align-items: flex-end;
|
|
147
126
|
}
|
|
148
127
|
}
|
|
149
|
-
pn-product-card [slot=mobiledownload] {
|
|
128
|
+
pn-product-card [slot=title] [slot=mobiledownload] {
|
|
150
129
|
margin-top: 1rem;
|
|
151
130
|
white-space: nowrap;
|
|
152
131
|
text-align: center;
|
|
153
132
|
display: flex;
|
|
154
133
|
flex-direction: column;
|
|
155
134
|
}
|
|
156
|
-
pn-product-card [slot=mobiledownload] #riktiga {
|
|
135
|
+
pn-product-card [slot=title] [slot=mobiledownload] #riktiga {
|
|
157
136
|
order: 4;
|
|
158
137
|
margin-top: 1em;
|
|
159
138
|
}
|
|
160
|
-
pn-product-card [slot=mobiledownload] #riktiga > div > a::after {
|
|
139
|
+
pn-product-card [slot=title] [slot=mobiledownload] #riktiga > div > a::after {
|
|
161
140
|
content: "" !important;
|
|
162
141
|
}
|
|
163
|
-
pn-product-card [slot=mobiledownload] .riktigaAndroidImg {
|
|
142
|
+
pn-product-card [slot=title] [slot=mobiledownload] .riktigaAndroidImg {
|
|
164
143
|
width: 6em;
|
|
165
144
|
margin: 0.5em;
|
|
166
145
|
}
|
|
167
|
-
pn-product-card [slot=mobiledownload] .riktigaAppleImg {
|
|
146
|
+
pn-product-card [slot=title] [slot=mobiledownload] .riktigaAppleImg {
|
|
168
147
|
width: 5.6em;
|
|
169
148
|
margin: 0.5em;
|
|
170
149
|
}
|
|
171
|
-
pn-product-card [slot=mobiledownload] a {
|
|
150
|
+
pn-product-card [slot=title] [slot=mobiledownload] a {
|
|
172
151
|
text-decoration: none;
|
|
173
152
|
color: #005D92;
|
|
174
153
|
}
|
|
175
|
-
pn-product-card [slot=mobiledownload] a h3 {
|
|
154
|
+
pn-product-card [slot=title] [slot=mobiledownload] a h3 {
|
|
176
155
|
text-decoration: underline;
|
|
177
156
|
}
|
|
178
|
-
pn-product-card [slot=servicepoint] {
|
|
157
|
+
pn-product-card [slot=title] [slot=servicepoint] {
|
|
179
158
|
flex-direction: column;
|
|
180
159
|
justify-content: center;
|
|
181
160
|
flex-grow: 2;
|
|
@@ -183,32 +162,32 @@ pn-product-card [slot=servicepoint] {
|
|
|
183
162
|
text-align: center;
|
|
184
163
|
}
|
|
185
164
|
@media screen and (min-width: 36em) {
|
|
186
|
-
pn-product-card [slot=servicepoint] {
|
|
165
|
+
pn-product-card [slot=title] [slot=servicepoint] {
|
|
187
166
|
flex-direction: row;
|
|
188
167
|
justify-content: space-between;
|
|
189
168
|
}
|
|
190
169
|
}
|
|
191
170
|
@media screen and (min-width: 48em) {
|
|
192
|
-
pn-product-card [slot=servicepoint] {
|
|
171
|
+
pn-product-card [slot=title] [slot=servicepoint] {
|
|
193
172
|
flex-direction: column;
|
|
194
173
|
justify-content: center;
|
|
195
174
|
align-items: flex-end;
|
|
196
175
|
}
|
|
197
176
|
}
|
|
198
|
-
pn-product-card .details {
|
|
177
|
+
pn-product-card [slot=title] .details {
|
|
199
178
|
display: flex;
|
|
200
179
|
flex-direction: column;
|
|
201
180
|
justify-content: space-between;
|
|
202
181
|
width: 100%;
|
|
203
182
|
}
|
|
204
|
-
pn-product-card .info {
|
|
183
|
+
pn-product-card [slot=title] .info {
|
|
205
184
|
display: flex;
|
|
206
185
|
justify-content: space-between;
|
|
207
186
|
flex-grow: 1;
|
|
208
187
|
flex-flow: wrap;
|
|
209
188
|
padding: 0 1em 0 0;
|
|
210
189
|
}
|
|
211
|
-
pn-product-card .info > * {
|
|
190
|
+
pn-product-card [slot=title] .info > * {
|
|
212
191
|
min-width: 6em;
|
|
213
192
|
margin: 0.5em 1em 0.5em 0;
|
|
214
193
|
}
|
|
@@ -40,12 +40,8 @@ export class PnFindProductPricelistResult {
|
|
|
40
40
|
" "),
|
|
41
41
|
(this.item.highestrankusp) ?
|
|
42
42
|
(this.item.highestrankusp === "Billigast") ?
|
|
43
|
-
(h("
|
|
44
|
-
|
|
45
|
-
h("pn-icon", { symbol: "box-label", small: "false", color: "green700" })))
|
|
46
|
-
: (h("span", { slot: "Snabbast" },
|
|
47
|
-
this.item.highestrankusp,
|
|
48
|
-
h("pn-icon", { symbol: "bolt", small: "false", color: "blue700" }))) : null),
|
|
43
|
+
(h("pn-titletag", { slot: "Billigast", icon: "box-label" }, this.item.highestrankusp))
|
|
44
|
+
: (h("pn-titletag", { slot: "Snabbast", icon: "bolt", color: "blue700" }, this.item.highestrankusp)) : null),
|
|
49
45
|
h("div", { slot: "content" },
|
|
50
46
|
h("div", { class: "content" },
|
|
51
47
|
(this.item.description) ? (h("div", { class: "description" }, this.description.map((desc) => (h("li", null, desc))))) : null,
|
|
@@ -230,6 +230,12 @@ export const PnSiteSelectorItem: {
|
|
|
230
230
|
new (): PnSiteSelectorItem;
|
|
231
231
|
};
|
|
232
232
|
|
|
233
|
+
interface PnTitletag extends Components.PnTitletag, HTMLElement {}
|
|
234
|
+
export const PnTitletag: {
|
|
235
|
+
prototype: PnTitletag;
|
|
236
|
+
new (): PnTitletag;
|
|
237
|
+
};
|
|
238
|
+
|
|
233
239
|
/**
|
|
234
240
|
* Utility to define all custom elements within this package using the tag name provided in the component's source.
|
|
235
241
|
* When defining each custom element, it will also check it's safe to define by:
|