hemfixarna-web-components 1.2.0 → 1.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/hemfixarna-address_20.cjs.entry.js +35 -17
- package/dist/cjs/hemfixarna-address_20.cjs.entry.js.map +1 -1
- package/dist/cjs/hemfixarna-components.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/assets/hornbach/logo.svg +42 -0
- package/dist/collection/assets/hornbach/nav.jpg +0 -0
- package/dist/collection/components/hemfixarna-breadcrumbs/hemfixarna-breadcrumbs.js +39 -1
- package/dist/collection/components/hemfixarna-breadcrumbs/hemfixarna-breadcrumbs.js.map +1 -1
- package/dist/collection/components/hemfixarna-byggmax/hemfixarna-byggmax.js +11 -10
- package/dist/collection/components/hemfixarna-byggmax/hemfixarna-byggmax.js.map +1 -1
- package/dist/collection/components/hemfixarna-checkout/hemfixarna-checkout.js +2 -2
- package/dist/collection/components/hemfixarna-checkout/hemfixarna-checkout.js.map +1 -1
- package/dist/collection/components/hemfixarna-component/hemfixarna-component.js +68 -2
- package/dist/collection/components/hemfixarna-component/hemfixarna-component.js.map +1 -1
- package/dist/collection/components/hemfixarna-component/hemfixarna.css +68 -0
- package/dist/collection/components/hemfixarna-getuser/hemfixarna-getuser.js.map +1 -1
- package/dist/collection/components/hemfixarna-hornbach/hemfixarna-hornbach.js +28 -8
- package/dist/collection/components/hemfixarna-hornbach/hemfixarna-hornbach.js.map +1 -1
- package/dist/collection/components/hemfixarna-kund/hemfixarna-kund.js +9 -8
- package/dist/collection/components/hemfixarna-kund/hemfixarna-kund.js.map +1 -1
- package/dist/collection/components/hemfixarna-skanska/hemfixarna-skanska.js +20 -1
- package/dist/collection/components/hemfixarna-skanska/hemfixarna-skanska.js.map +1 -1
- package/dist/collection/components/hemfixarna-string/hemfixarna-string-furniture.js +9 -8
- package/dist/collection/components/hemfixarna-string/hemfixarna-string-furniture.js.map +1 -1
- package/dist/esm/hemfixarna-address_20.entry.js +35 -17
- package/dist/esm/hemfixarna-address_20.entry.js.map +1 -1
- package/dist/esm/hemfixarna-components.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/hemfixarna-components/assets/hornbach/logo.svg +42 -0
- package/dist/hemfixarna-components/assets/hornbach/nav.jpg +0 -0
- package/dist/hemfixarna-components/hemfixarna-components.esm.js +1 -1
- package/dist/hemfixarna-components/p-24be8f8d.entry.js +2 -0
- package/dist/types/components/hemfixarna-breadcrumbs/hemfixarna-breadcrumbs.d.ts +2 -0
- package/dist/types/components/hemfixarna-byggmax/hemfixarna-byggmax.d.ts +1 -1
- package/dist/types/components/hemfixarna-component/hemfixarna-component.d.ts +7 -0
- package/dist/types/components/hemfixarna-hornbach/hemfixarna-hornbach.d.ts +2 -1
- package/dist/types/components/hemfixarna-kund/hemfixarna-kund.d.ts +1 -1
- package/dist/types/components/hemfixarna-skanska/hemfixarna-skanska.d.ts +1 -0
- package/dist/types/components/hemfixarna-string/hemfixarna-string-furniture.d.ts +1 -1
- package/dist/types/components.d.ts +30 -8
- package/package.json +1 -1
- package/dist/hemfixarna-components/p-8b5cb9c4.entry.js +0 -2
- /package/dist/hemfixarna-components/{p-8b5cb9c4.entry.js.map → p-24be8f8d.entry.js.map} +0 -0
|
@@ -463,6 +463,8 @@ const HemfixarnaBreadcrumbs = class {
|
|
|
463
463
|
};
|
|
464
464
|
this.tree = undefined;
|
|
465
465
|
this.closeModal = undefined;
|
|
466
|
+
this.loadFromQuery = false;
|
|
467
|
+
this.isDemo = false;
|
|
466
468
|
}
|
|
467
469
|
getCartLength() {
|
|
468
470
|
return state.cart.reduce((acc, curr) => acc + curr.amount, 0);
|
|
@@ -490,7 +492,7 @@ const HemfixarnaBreadcrumbs = class {
|
|
|
490
492
|
const close = index.getAssetPath(`./assets/close.svg`);
|
|
491
493
|
const cart = index.getAssetPath(`./assets/cart.svg`);
|
|
492
494
|
const back = index.getAssetPath(`./assets/back.svg`);
|
|
493
|
-
return (index.h("div", null, index.h("div", { class: "hemfixarna_crumbs" }, index.h("div", { class: "hemfixarna_crumbs--links" }, index.h("img", { onClick: () => this.handleHomePageClick(), src: logo, width: 110 }), index.h("img", { onClick: () => this.closeModal(), class: "close", src: close, width: 32 }), index.h("div", null, index.h("button", { onClick: () => this.handleHomePageClick() }, "Alla tj\u00E4nster"))), index.h("div", { onClick: () => this.handleCartClick(), class: `cart ${this.getCartLength() > 0 ? 'cart_active' : ''}` }, index.h("img", { src: cart, width: 24 }), index.h("span", null, this.getCartLength()))), [3, 4].includes(state.step) && !state.customer && (index.h("button", { class: "hemfixarna_crumbs--back", onClick: () => {
|
|
495
|
+
return (index.h("div", null, index.h("div", { class: "hemfixarna_crumbs" }, index.h("div", { class: "hemfixarna_crumbs--links" }, index.h("img", { onClick: () => this.handleHomePageClick(), src: logo, width: 110 }), !this.loadFromQuery || this.isDemo ? index.h("img", { onClick: () => this.closeModal(), class: "close", src: close, width: 32 }) : null, index.h("div", null, index.h("button", { onClick: () => this.handleHomePageClick() }, "Alla tj\u00E4nster"))), index.h("div", { onClick: () => this.handleCartClick(), class: `cart ${this.getCartLength() > 0 ? 'cart_active' : ''}` }, index.h("img", { src: cart, width: 24 }), index.h("span", null, this.getCartLength()))), [3, 4].includes(state.step) && !state.customer && (index.h("button", { class: "hemfixarna_crumbs--back", onClick: () => {
|
|
494
496
|
state.step = state.step === 4 ? 3 : 2;
|
|
495
497
|
} }, index.h("img", { width: 24, src: back, alt: "back arrow" }), index.h("span", null, "Se allt ", state.step === 4 ? state.selectedService.post_title : state.selectedCategory.name))), state.parentCategory && state.step < 5 && (index.h("button", { class: "hemfixarna_crumbs--back", onClick: () => {
|
|
496
498
|
state.step = 1;
|
|
@@ -522,11 +524,11 @@ const MyComponent$5 = class {
|
|
|
522
524
|
this.tree = null;
|
|
523
525
|
this.slug = undefined;
|
|
524
526
|
this.id = undefined;
|
|
525
|
-
this.customer = undefined;
|
|
526
527
|
this.forceOldTree = false;
|
|
528
|
+
this.loadFromQuery = false;
|
|
527
529
|
}
|
|
528
530
|
render() {
|
|
529
|
-
return (index.h("hemfixarna-component", { forceOldTree: this.forceOldTree, id: this.id, slug: this.slug, business: Business.byggmax, topCategory: TopCategory.byggmax }));
|
|
531
|
+
return (index.h("hemfixarna-component", { loadFromQuery: this.loadFromQuery, forceOldTree: this.forceOldTree, id: this.id, slug: this.slug, business: Business.byggmax, topCategory: TopCategory.byggmax }));
|
|
530
532
|
}
|
|
531
533
|
};
|
|
532
534
|
MyComponent$5.style = hemfixarnaByggmaxCss;
|
|
@@ -713,7 +715,7 @@ const HemfixarnaCheckout = class {
|
|
|
713
715
|
get el() { return index.getElement(this); }
|
|
714
716
|
};
|
|
715
717
|
|
|
716
|
-
const hemfixarnaCss = "@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap\"); *{box-sizing:border-box}:host{font-family:\"Inter\", sans-serif}:host .mb-2{margin-bottom:2rem}:host button{color:#474444}:host form{display:flex;flex-direction:column;gap:1rem}:host form img{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none}:host form img:first-of-type{left:1rem}:host form img:last-of-type{right:1rem}:host form span{margin-top:-0.5rem;color:#ec6632}:host form p{text-align:center}:host form p{margin:0}:host form div{position:relative}:host form div label{pointer-events:none;position:absolute;left:1rem;top:50%;transform:translateY(-50%);background:#fff;padding:0.25rem;transition:0.2s all cubic-bezier(0.465, 0.183, 0.153, 0.946)}:host form div input{padding:1rem;width:100%;font-size:1rem;border:1px solid #fcd9c9}:host form div input:focus~label,:host form div .input_active~label{top:0;transform:translateY(-50%);background:linear-gradient(180deg, #fffaf2 50%, #fff 50%)}:host h1{font-size:24px;font-weight:400;line-height:32px;letter-spacing:-3%;text-align:left;margin:0 0 0.5rem}:host h2{margin:0 0 1.5rem;font-weight:700;font-size:20px;line-height:28px;letter-spacing:-3%}:host p{font-size:16px;font-weight:400;line-height:24px;letter-spacing:-3%}:host .hemfixarna{width:100%;}:host .hemfixarna .switch{position:relative;display:inline-block;width:40px;height:20px}:host .hemfixarna .switch input{opacity:0;width:0;height:0}:host .hemfixarna .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:0.4s;transition:0.4s;border-radius:34px}:host .hemfixarna .slider:before{position:absolute;content:\"\";height:18px;width:18px;left:2px;bottom:1px;background-color:white;-webkit-transition:0.4s;transition:0.4s;border-radius:50%}:host .hemfixarna input:checked+.slider{background-color:#fcd9c9}:host .hemfixarna input:focus+.slider{box-shadow:0 0 1px #fcd9c9}:host .hemfixarna input:checked+.slider:before{-webkit-transform:translateX(18px);-ms-transform:translateX(18px);transform:translateX(18px);background:#ec6632}:host .hemfixarna_checkbox{display:grid;grid-template-columns:2.5rem auto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:-3%}:host .hemfixarna_checkbox>span{transform:translateY(6px)}:host .hemfixarna_checkbox span,:host .hemfixarna_checkbox span p{color:#474444;font-size:14px}:host .hemfixarna_checkbox p{text-align:left}:host .hemfixarna_info{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);border-radius:0.25rem;border:1px solid #fcd9c9}:host .hemfixarna_info h2{margin:0}@media (min-width: 769px){:host .hemfixarna_info{position:sticky;top:0}}:host .hemfixarna_infomodal{position:absolute;top:40%;left:50%;transform:translate(-50%, -50%);width:100%;max-width:80%;background:#fffaf2;border:1px solid #fcd9c9;padding:2rem;z-index:99;border-radius:0.25rem;box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);display:flex;flex-direction:column;gap:1rem}:host .hemfixarna_infomodal p,:host .hemfixarna_infomodal h4{margin:0}:host .hemfixarna_infomodal button{background:#ec6632;color:#fff;border-radius:60px;font-size:16px;padding:0.5rem 1rem}:host .hemfixarna_addressinfo{padding:1rem 1rem 4rem;border:1px solid #fcd9c9;position:relative;margin-bottom:2rem;display:grid;grid-template-columns:1fr;gap:0.5rem}@media (min-width: 769px){:host .hemfixarna_addressinfo{grid-template-columns:1fr 1fr}}:host .hemfixarna_addressinfo button{position:absolute;bottom:1rem;right:1rem;font-weight:500;text-underline-offset:2px;text-decoration:underline}:host .hemfixarna_part{background:#fff;box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);display:grid;padding:1rem;grid-template-columns:auto 75px}:host .hemfixarna_counter{display:flex;align-items:center}:host .hemfixarna_counter span{padding:0 0.5rem}:host .hemfixarna_counter img{cursor:pointer}:host .hemfixarna_counter img:not(.disabled):hover{transition:0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);filter:brightness(1.02);transform:scale(1.01);box-shadow:0px 8px 16px 2px rgba(0, 0, 0, 0.0392156863)}:host .hemfixarna_description{display:grid;gap:1rem}:host .hemfixarna_description ul{list-style:disc;padding-right:0.75rem;transform:translateX(0.75rem)}:host .hemfixarna_description--hidden{max-height:140px;overflow:hidden;position:relative;cursor:pointer}:host .hemfixarna_description--hidden::after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:8rem;background:linear-gradient(180deg, rgba(255, 253, 250, 0), rgba(255, 253, 250, 0.46) 50%, #fffaf2)}:host .hemfixarna_terms{font-size:14px}:host .hemfixarna_terms a{color:inherit}:host .hemfixarna_logo{height:4rem}:host .hemfixarna_box{padding:1rem;display:flex;align-items:center;justify-content:space-between;background:#fffaf2;border:1px solid #fcd9c9;width:100%;box-sizing:border-box;border-radius:0.25rem;gap:1rem 0.5rem}:host .hemfixarna_box>div{display:grid;gap:0.5rem}:host .hemfixarna_btn,:host .hemfixarna_buy,:host .hemfixarna input[type=submit]{border:none;border-radius:60px;font-weight:600;letter-spacing:0.5px;line-height:20px;box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863)}:host .hemfixarna_btn:not(.disabled):hover,:host .hemfixarna_buy:not(.disabled):hover,:host .hemfixarna input[type=submit]:not(.disabled):hover{transition:0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);filter:brightness(1.02);transform:scale(1.01);box-shadow:0px 8px 16px 2px rgba(0, 0, 0, 0.0392156863)}:host .hemfixarna_btn{font-size:14px;background:#c84e18;color:#fff;padding:1rem 1.5rem;white-space:nowrap;position:relative}:host .hemfixarna_btn span{position:absolute;background:#fff;border-radius:100%;width:24px;height:24px;display:flex;justify-content:center;align-items:center;font-weight:600;font-size:13px;line-height:11px;top:-0.5rem;right:-0.75rem}:host .hemfixarna_btn span{background:#25a710;color:#fff;right:0 !important}:host .hemfixarna_buy,:host .hemfixarna input[type=submit]{font-size:21px;background:#25a710;color:#fff;padding:1rem 1.5rem}:host .hemfixarna .disabled{opacity:0.5;cursor:default}:host .hemfixarna_modal{position:fixed;background:#fffaf2;border:1px solid #fcd9c9;border-radius:0.25rem;top:50%;left:50%;z-index:1000;transition:0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);transform:translate(-50%, -50%) scale(0.7);opacity:0;height:92%;width:92%;max-width:920px;display:flex;flex-direction:column;gap:0.5rem}:host .hemfixarna_modal--open{opacity:1;transform:translate(-50%, -50%) scale(1)}:host .hemfixarna_backdrop{z-index:999;position:fixed;background:#474444;top:0;left:0;bottom:0;right:0;opacity:0;transition:transform 0.1s cubic-bezier(0.465, 0.183, 0.153, 0.946), opacity 0.1s cubic-bezier(0.465, 0.183, 0.153, 0.946)}:host .hemfixarna_backdrop--open{opacity:0.3}:host .hemfixarna_order{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background-repeat:no-repeat !important;background-size:cover !important;background-position:center !important;display:grid;grid-template-columns:1fr 1fr;padding:3rem 2rem 4rem}@media (max-width: 768px){:host .hemfixarna_order{grid-template-columns:1fr;grid-template-rows:0 auto}}:host .hemfixarna_order>div:last-of-type{background:#fffaf2;padding:2rem;display:flex;flex-direction:column;max-height:100%;overflow:auto}:host .hemfixarna_order img{cursor:pointer}:host .hemfixarna_order button{margin:1rem 0;padding:0;text-decoration:underline;text-underline-offset:2px;font-size:14px;font-weight:600}:host .hemfixarna_cart{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 768px){:host .hemfixarna_cart{grid-template-columns:1fr;gap:0}}:host .hemfixarna_cart--right h2,:host .hemfixarna_cart--left h2{display:flex;align-items:center}:host .hemfixarna_cart--right h2 img,:host .hemfixarna_cart--left h2 img{margin-top:0.2rem}@media (min-width: 769px){:host .hemfixarna_cart--left h2 button{display:none}}@media (max-width: 768px){:host .hemfixarna_cart--right h2 button{display:none}}:host .hemfixarna_cart--startfee{display:flex;justify-content:space-between}:host .hemfixarna_cart--rutrot{display:flex;justify-content:space-between}:host .hemfixarna_cart--rutrot div{display:flex;gap:1rem;align-items:center}:host .hemfixarna_cart--additional{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-top:1px solid #fcd9c9}:host .hemfixarna_cart--additional p{font-size:14px}:host .hemfixarna_cart--additional strong{text-decoration:underline;text-underline-offset:2px;cursor:pointer;position:relative}:host .hemfixarna_cart--additional strong img{position:absolute;top:50%;transform:translateY(-50%);right:-1.5rem}:host .hemfixarna_cart--price{border-top:1px solid #fcd9c9;padding:1rem;display:flex;justify-content:space-between}:host .hemfixarna_cart--price h3{margin:0}:host .hemfixarna_cart--item{display:flex;flex-direction:column;gap:0.5rem;padding:1rem 0;border-top:1px solid #fcd9c9}:host .hemfixarna_cart--item>div{display:flex;justify-content:space-between}:host .hemfixarna_cart--item>div>div{display:flex;align-items:center;gap:1rem}:host .hemfixarna_cart--item>div button{color:#ec6632}:host .hemfixarna_categories{display:grid;gap:1.5rem}:host .hemfixarna_categories--wrapper{gap:2rem;display:grid;grid-template-columns:1fr 1fr}@media (max-width: 768px){:host .hemfixarna_categories--wrapper{grid-template-columns:1fr}}:host .hemfixarna_categories li{position:relative;background:#fff;border-radius:0.25rem;min-height:132px;padding:1.5rem;box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);display:flex;align-items:center;gap:1.5rem;cursor:pointer}:host .hemfixarna_categories li:hover{transition:0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);filter:brightness(1.02);transform:scale(1.01);box-shadow:0px 8px 16px 2px rgba(0, 0, 0, 0.0392156863)}:host .hemfixarna_categories li>button{height:100%;width:100%}:host .hemfixarna_categories li .price{font-weight:700}:host .hemfixarna_content{height:100%;overflow:auto;padding:0 2rem 4rem}:host .hemfixarna_content--5{padding-top:1rem}:host .hemfixarna_crumbs{position:relative;padding:1rem 1.5rem;border-bottom:1px solid #fcd9c9;display:flex;justify-content:space-between}:host .hemfixarna_crumbs--back{padding:1rem 1.5rem 0.5rem;display:flex;align-items:center;gap:0.5rem;box-shadow:none !important}:host .hemfixarna_crumbs--back:hover{transition:0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);filter:brightness(1.02);transform:scale(1.01);box-shadow:0px 8px 16px 2px rgba(0, 0, 0, 0.0392156863)}:host .hemfixarna_crumbs img{cursor:pointer}:host .hemfixarna_crumbs .close{position:absolute;right:-1rem;top:-1rem;z-index:9}:host .hemfixarna_crumbs .cart{padding-left:1rem;position:relative}:host .hemfixarna_crumbs .cart img{cursor:inherit}:host .hemfixarna_crumbs .cart span{position:absolute;background:#fff;border-radius:100%;width:24px;height:24px;display:flex;justify-content:center;align-items:center;font-weight:600;font-size:13px;line-height:11px;top:-0.5rem;right:-0.75rem}:host .hemfixarna_crumbs .cart_active{cursor:pointer}:host .hemfixarna_crumbs .cart_active span{background:#25a710;color:#fff}:host .hemfixarna_crumbs--links{display:flex;align-items:center;gap:1rem;overflow:auto}@media (min-width: 769px){:host .hemfixarna_crumbs--links{-ms-overflow-style:none}:host .hemfixarna_crumbs--links::-webkit-scrollbar{display:none}:host .hemfixarna_crumbs--links::-webkit-scrollbar-button{display:none}}:host .hemfixarna_crumbs button{white-space:nowrap;background:#f1ded6;border-radius:4rem;padding:0.75rem 1rem;font-size:12px;font-weight:600;letter-spacing:0.3px;box-shadow:none !important}:host .hemfixarna_crumbs button:not(.active):hover{transition:0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);filter:brightness(1.02);transform:scale(1.01);box-shadow:0px 8px 16px 2px rgba(0, 0, 0, 0.0392156863)}:host .hemfixarna_crumbs .active{background:#fffaf2;cursor:default}:host .hemfixarna_features{gap:0.75rem !important}:host .hemfixarna_features li{display:flex;gap:1rem;align-items:center}:host .hemfixarna_address{margin-bottom:1rem}:host .hemfixarna_product{display:grid;gap:1rem}:host .hemfixarna_product--link{font-weight:700;color:#474444;text-underline-offset:0.25rem}:host .hemfixarna_product--left{gap:2rem}:host .hemfixarna_product--right{gap:2rem}:host .hemfixarna_product--price{margin-top:0.25rem;font-weight:700}:host .hemfixarna_product--total{text-align:center;margin:-1rem 0;font-size:21px;line-height:28px}:host .hemfixarna_product--item{background:#fff;padding:1rem;display:grid;grid-template-columns:auto 75px;box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863)}:host .hemfixarna_product--grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 768px){:host .hemfixarna_product--grid{grid-template-columns:1fr}}:host .hemfixarna_product--grid>div{display:flex;flex-direction:column}:host .hemfixarna_product--grid ul{display:flex;flex-direction:column;gap:0.25rem}:host .hemfixarna_product p{margin:0}:host .hemfixarna_product--top{display:flex;gap:2rem}:host .hemfixarna_product--top>div{width:100%}:host .hemfixarna_product--top>div h1{max-width:80%}@media (max-width: 768px){:host .hemfixarna_product--top>div h1{max-width:100%}}:host .hemfixarna_product--top h4{margin-bottom:0.5rem}:host h5,:host p{margin:0}:host input[type=submit]{cursor:pointer}:host input[type=date]~label{left:3.5rem}:host input[type=date]{border:1px solid #fcd9c9;padding-left:4rem}:host input[type=checkbox]{height:1.125rem;width:1.125rem;border:1px solid #fcd9c9}:host input[type=checkbox]:checked{background:red}:host input[type=date]::-webkit-calendar-picker-indicator{background:transparent;bottom:0;color:transparent;cursor:pointer;height:auto;left:0;position:absolute;right:0;top:0;width:auto}:host button,:host a{cursor:pointer;background:none;border:none}:host ul{list-style:none;margin:0;padding:0}";
|
|
718
|
+
const hemfixarnaCss = "@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap\"); *{box-sizing:border-box}:host{font-family:\"Inter\", sans-serif}:host .mb-2{margin-bottom:2rem}:host button{color:#474444}:host form{display:flex;flex-direction:column;gap:1rem}:host form img{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none}:host form img:first-of-type{left:1rem}:host form img:last-of-type{right:1rem}:host form span{margin-top:-0.5rem;color:#ec6632}:host form p{text-align:center}:host form p{margin:0}:host form div{position:relative}:host form div label{pointer-events:none;position:absolute;left:1rem;top:50%;transform:translateY(-50%);background:#fff;padding:0.25rem;transition:0.2s all cubic-bezier(0.465, 0.183, 0.153, 0.946)}:host form div input{padding:1rem;width:100%;font-size:1rem;border:1px solid #fcd9c9}:host form div input:focus~label,:host form div .input_active~label{top:0;transform:translateY(-50%);background:linear-gradient(180deg, #fffaf2 50%, #fff 50%)}:host h1{font-size:24px;font-weight:400;line-height:32px;letter-spacing:-3%;text-align:left;margin:0 0 0.5rem}:host h2{margin:0 0 1.5rem;font-weight:700;font-size:20px;line-height:28px;letter-spacing:-3%}:host p{font-size:16px;font-weight:400;line-height:24px;letter-spacing:-3%}:host .hemfixarna{width:100%;}:host .hemfixarna_nav{position:absolute;top:0;width:100dvw;left:0;height:80px;z-index:9999}:host .hemfixarna_nav--links{display:none !important}@media (min-width: 769px){:host .hemfixarna_nav--links{display:flex !important}}:host .hemfixarna_nav--links a{color:#ec6632;text-decoration:none;border:1px solid rgba(255, 255, 255, 0.3);border-radius:3.5rem;padding:0.5rem 2rem}:host .hemfixarna_nav>div{position:relative;overflow:hidden;width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;padding:0 1rem}@media (min-width: 769px){:host .hemfixarna_nav>div{padding:0 2rem}}:host .hemfixarna_nav>div>div{display:flex;gap:2rem;justify-content:space-between}:host .hemfixarna_nav>div>img{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1}:host .hemfixarna_nav p{color:#fff}:host .hemfixarna_standalone .hemfixarna_backdrop{background:#fffaf2;opacity:1}:host .hemfixarna_standalone .hemfixarna_modal{top:80px;transform:translateX(-50%);border:none;height:calc(100dvh - 80px);opacity:0}:host .hemfixarna_standalone .hemfixarna_modal--open{opacity:1}:host .hemfixarna .switch{position:relative;display:inline-block;width:40px;height:20px}:host .hemfixarna .switch input{opacity:0;width:0;height:0}:host .hemfixarna .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:0.4s;transition:0.4s;border-radius:34px}:host .hemfixarna .slider:before{position:absolute;content:\"\";height:18px;width:18px;left:2px;bottom:1px;background-color:white;-webkit-transition:0.4s;transition:0.4s;border-radius:50%}:host .hemfixarna input:checked+.slider{background-color:#fcd9c9}:host .hemfixarna input:focus+.slider{box-shadow:0 0 1px #fcd9c9}:host .hemfixarna input:checked+.slider:before{-webkit-transform:translateX(18px);-ms-transform:translateX(18px);transform:translateX(18px);background:#ec6632}:host .hemfixarna_checkbox{display:grid;grid-template-columns:2.5rem auto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:-3%}:host .hemfixarna_checkbox>span{transform:translateY(6px)}:host .hemfixarna_checkbox span,:host .hemfixarna_checkbox span p{color:#474444;font-size:14px}:host .hemfixarna_checkbox p{text-align:left}:host .hemfixarna_info{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);border-radius:0.25rem;border:1px solid #fcd9c9}:host .hemfixarna_info h2{margin:0}@media (min-width: 769px){:host .hemfixarna_info{position:sticky;top:0}}:host .hemfixarna_infomodal{position:absolute;top:40%;left:50%;transform:translate(-50%, -50%);width:100%;max-width:80%;background:#fffaf2;border:1px solid #fcd9c9;padding:2rem;z-index:99;border-radius:0.25rem;box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);display:flex;flex-direction:column;gap:1rem}:host .hemfixarna_infomodal p,:host .hemfixarna_infomodal h4{margin:0}:host .hemfixarna_infomodal button{background:#ec6632;color:#fff;border-radius:60px;font-size:16px;padding:0.5rem 1rem}:host .hemfixarna_addressinfo{padding:1rem 1rem 4rem;border:1px solid #fcd9c9;position:relative;margin-bottom:2rem;display:grid;grid-template-columns:1fr;gap:0.5rem}@media (min-width: 769px){:host .hemfixarna_addressinfo{grid-template-columns:1fr 1fr}}:host .hemfixarna_addressinfo button{position:absolute;bottom:1rem;right:1rem;font-weight:500;text-underline-offset:2px;text-decoration:underline}:host .hemfixarna_part{background:#fff;box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);display:grid;padding:1rem;grid-template-columns:auto 75px}:host .hemfixarna_counter{display:flex;align-items:center}:host .hemfixarna_counter span{padding:0 0.5rem}:host .hemfixarna_counter img{cursor:pointer}:host .hemfixarna_counter img:not(.disabled):hover{transition:0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);filter:brightness(1.02);transform:scale(1.01);box-shadow:0px 8px 16px 2px rgba(0, 0, 0, 0.0392156863)}:host .hemfixarna_description{display:grid;gap:1rem}:host .hemfixarna_description ul{list-style:disc;padding-right:0.75rem;transform:translateX(0.75rem)}:host .hemfixarna_description--hidden{max-height:140px;overflow:hidden;position:relative;cursor:pointer}:host .hemfixarna_description--hidden::after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:8rem;background:linear-gradient(180deg, rgba(255, 253, 250, 0), rgba(255, 253, 250, 0.46) 50%, #fffaf2)}:host .hemfixarna_terms{font-size:14px}:host .hemfixarna_terms a{color:inherit}:host .hemfixarna_logo{height:4rem}:host .hemfixarna_box{padding:1rem;display:flex;align-items:center;justify-content:space-between;background:#fffaf2;border:1px solid #fcd9c9;width:100%;box-sizing:border-box;border-radius:0.25rem;gap:1rem 0.5rem}:host .hemfixarna_box>div{display:grid;gap:0.5rem}:host .hemfixarna_btn,:host .hemfixarna_buy,:host .hemfixarna input[type=submit]{border:none;border-radius:60px;font-weight:600;letter-spacing:0.5px;line-height:20px;box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863)}:host .hemfixarna_btn:not(.disabled):hover,:host .hemfixarna_buy:not(.disabled):hover,:host .hemfixarna input[type=submit]:not(.disabled):hover{transition:0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);filter:brightness(1.02);transform:scale(1.01);box-shadow:0px 8px 16px 2px rgba(0, 0, 0, 0.0392156863)}:host .hemfixarna_btn{font-size:14px;background:#c84e18;color:#fff;padding:1rem 1.5rem;white-space:nowrap;position:relative}:host .hemfixarna_btn span{position:absolute;background:#fff;border-radius:100%;width:24px;height:24px;display:flex;justify-content:center;align-items:center;font-weight:600;font-size:13px;line-height:11px;top:-0.5rem;right:-0.75rem}:host .hemfixarna_btn span{background:#25a710;color:#fff;right:0 !important}:host .hemfixarna_buy,:host .hemfixarna input[type=submit]{font-size:21px;background:#25a710;color:#fff;padding:1rem 1.5rem}:host .hemfixarna .disabled{opacity:0.5;cursor:default}:host .hemfixarna_modal{position:fixed;background:#fffaf2;border:1px solid #fcd9c9;border-radius:0.25rem;top:50%;left:50%;z-index:1000;transition:0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);transform:translate(-50%, -50%) scale(0.7);opacity:0;height:92%;width:92%;max-width:920px;display:flex;flex-direction:column;gap:0.5rem}:host .hemfixarna_modal--open{opacity:1;transform:translate(-50%, -50%) scale(1)}:host .hemfixarna_backdrop{z-index:999;position:fixed;background:#474444;top:0;left:0;bottom:0;right:0;opacity:0;transition:transform 0.1s cubic-bezier(0.465, 0.183, 0.153, 0.946), opacity 0.1s cubic-bezier(0.465, 0.183, 0.153, 0.946)}:host .hemfixarna_backdrop--open{opacity:0.3}:host .hemfixarna_order{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background-repeat:no-repeat !important;background-size:cover !important;background-position:center !important;display:grid;grid-template-columns:1fr 1fr;padding:3rem 2rem 4rem}@media (max-width: 768px){:host .hemfixarna_order{grid-template-columns:1fr;grid-template-rows:0 auto}}:host .hemfixarna_order>div:last-of-type{background:#fffaf2;padding:2rem;display:flex;flex-direction:column;max-height:100%;overflow:auto}:host .hemfixarna_order img{cursor:pointer}:host .hemfixarna_order button{margin:1rem 0;padding:0;text-decoration:underline;text-underline-offset:2px;font-size:14px;font-weight:600}:host .hemfixarna_cart{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 768px){:host .hemfixarna_cart{grid-template-columns:1fr;gap:0}}:host .hemfixarna_cart--right h2,:host .hemfixarna_cart--left h2{display:flex;align-items:center}:host .hemfixarna_cart--right h2 img,:host .hemfixarna_cart--left h2 img{margin-top:0.2rem}@media (min-width: 769px){:host .hemfixarna_cart--left h2 button{display:none}}@media (max-width: 768px){:host .hemfixarna_cart--right h2 button{display:none}}:host .hemfixarna_cart--startfee{display:flex;justify-content:space-between}:host .hemfixarna_cart--rutrot{display:flex;justify-content:space-between}:host .hemfixarna_cart--rutrot div{display:flex;gap:1rem;align-items:center}:host .hemfixarna_cart--additional{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-top:1px solid #fcd9c9}:host .hemfixarna_cart--additional p{font-size:14px}:host .hemfixarna_cart--additional strong{text-decoration:underline;text-underline-offset:2px;cursor:pointer;position:relative}:host .hemfixarna_cart--additional strong img{position:absolute;top:50%;transform:translateY(-50%);right:-1.5rem}:host .hemfixarna_cart--price{border-top:1px solid #fcd9c9;padding:1rem;display:flex;justify-content:space-between}:host .hemfixarna_cart--price h3{margin:0}:host .hemfixarna_cart--item{display:flex;flex-direction:column;gap:0.5rem;padding:1rem 0;border-top:1px solid #fcd9c9}:host .hemfixarna_cart--item>div{display:flex;justify-content:space-between}:host .hemfixarna_cart--item>div>div{display:flex;align-items:center;gap:1rem}:host .hemfixarna_cart--item>div button{color:#ec6632}:host .hemfixarna_categories{display:grid;gap:1.5rem}:host .hemfixarna_categories--wrapper{gap:2rem;display:grid;grid-template-columns:1fr 1fr}@media (max-width: 768px){:host .hemfixarna_categories--wrapper{grid-template-columns:1fr}}:host .hemfixarna_categories li{position:relative;background:#fff;border-radius:0.25rem;min-height:132px;padding:1.5rem;box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);display:flex;align-items:center;gap:1.5rem;cursor:pointer}:host .hemfixarna_categories li:hover{transition:0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);filter:brightness(1.02);transform:scale(1.01);box-shadow:0px 8px 16px 2px rgba(0, 0, 0, 0.0392156863)}:host .hemfixarna_categories li>button{height:100%;width:100%}:host .hemfixarna_categories li .price{font-weight:700}:host .hemfixarna_content{height:100%;overflow:auto;padding:0 2rem 4rem}:host .hemfixarna_content--5{padding-top:1rem}:host .hemfixarna_crumbs{position:relative;padding:1rem 1.5rem;border-bottom:1px solid #fcd9c9;display:flex;justify-content:space-between}:host .hemfixarna_crumbs--back{padding:1rem 1.5rem 0.5rem;display:flex;align-items:center;gap:0.5rem;box-shadow:none !important}:host .hemfixarna_crumbs--back:hover{transition:0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);filter:brightness(1.02);transform:scale(1.01);box-shadow:0px 8px 16px 2px rgba(0, 0, 0, 0.0392156863)}:host .hemfixarna_crumbs img{cursor:pointer}:host .hemfixarna_crumbs .close{position:absolute;right:-1rem;top:-1rem;z-index:9}:host .hemfixarna_crumbs .cart{padding-left:1rem;position:relative}:host .hemfixarna_crumbs .cart img{cursor:inherit}:host .hemfixarna_crumbs .cart span{position:absolute;background:#fff;border-radius:100%;width:24px;height:24px;display:flex;justify-content:center;align-items:center;font-weight:600;font-size:13px;line-height:11px;top:-0.5rem;right:-0.75rem}:host .hemfixarna_crumbs .cart_active{cursor:pointer}:host .hemfixarna_crumbs .cart_active span{background:#25a710;color:#fff}:host .hemfixarna_crumbs--links{display:flex;align-items:center;gap:1rem;overflow:auto}@media (min-width: 769px){:host .hemfixarna_crumbs--links{-ms-overflow-style:none}:host .hemfixarna_crumbs--links::-webkit-scrollbar{display:none}:host .hemfixarna_crumbs--links::-webkit-scrollbar-button{display:none}}:host .hemfixarna_crumbs button{white-space:nowrap;background:#f1ded6;border-radius:4rem;padding:0.75rem 1rem;font-size:12px;font-weight:600;letter-spacing:0.3px;box-shadow:none !important}:host .hemfixarna_crumbs button:not(.active):hover{transition:0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);filter:brightness(1.02);transform:scale(1.01);box-shadow:0px 8px 16px 2px rgba(0, 0, 0, 0.0392156863)}:host .hemfixarna_crumbs .active{background:#fffaf2;cursor:default}:host .hemfixarna_features{gap:0.75rem !important}:host .hemfixarna_features li{display:flex;gap:1rem;align-items:center}:host .hemfixarna_address{margin-bottom:1rem}:host .hemfixarna_product{display:grid;gap:1rem}:host .hemfixarna_product--link{font-weight:700;color:#474444;text-underline-offset:0.25rem}:host .hemfixarna_product--left{gap:2rem}:host .hemfixarna_product--right{gap:2rem}:host .hemfixarna_product--price{margin-top:0.25rem;font-weight:700}:host .hemfixarna_product--total{text-align:center;margin:-1rem 0;font-size:21px;line-height:28px}:host .hemfixarna_product--item{background:#fff;padding:1rem;display:grid;grid-template-columns:auto 75px;box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863)}:host .hemfixarna_product--grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 768px){:host .hemfixarna_product--grid{grid-template-columns:1fr}}:host .hemfixarna_product--grid>div{display:flex;flex-direction:column}:host .hemfixarna_product--grid ul{display:flex;flex-direction:column;gap:0.25rem}:host .hemfixarna_product p{margin:0}:host .hemfixarna_product--top{display:flex;gap:2rem}:host .hemfixarna_product--top>div{width:100%}:host .hemfixarna_product--top>div h1{max-width:80%}@media (max-width: 768px){:host .hemfixarna_product--top>div h1{max-width:100%}}:host .hemfixarna_product--top h4{margin-bottom:0.5rem}:host h5,:host p{margin:0}:host input[type=submit]{cursor:pointer}:host input[type=date]~label{left:3.5rem}:host input[type=date]{border:1px solid #fcd9c9;padding-left:4rem}:host input[type=checkbox]{height:1.125rem;width:1.125rem;border:1px solid #fcd9c9}:host input[type=checkbox]:checked{background:red}:host input[type=date]::-webkit-calendar-picker-indicator{background:transparent;bottom:0;color:transparent;cursor:pointer;height:auto;left:0;position:absolute;right:0;top:0;width:auto}:host button,:host a{cursor:pointer;background:none;border:none}:host ul{list-style:none;margin:0;padding:0}";
|
|
717
719
|
|
|
718
720
|
const HemfixarnaComponent = class {
|
|
719
721
|
constructor(hostRef) {
|
|
@@ -737,6 +739,9 @@ const HemfixarnaComponent = class {
|
|
|
737
739
|
this.business = undefined;
|
|
738
740
|
this.topCategory = undefined;
|
|
739
741
|
this.forceOldTree = false;
|
|
742
|
+
this.loadFromQuery = false;
|
|
743
|
+
this.isDemo = false;
|
|
744
|
+
this.nav = undefined;
|
|
740
745
|
}
|
|
741
746
|
loadCategoryOrProduct(id) {
|
|
742
747
|
this.proppedProduct = null;
|
|
@@ -839,6 +844,13 @@ const HemfixarnaComponent = class {
|
|
|
839
844
|
this.product = res;
|
|
840
845
|
}
|
|
841
846
|
}
|
|
847
|
+
if (this.loadFromQuery) {
|
|
848
|
+
const params = new URL(document.location.toString()).searchParams;
|
|
849
|
+
this.id = params.get('id');
|
|
850
|
+
if (!this.isDemo) {
|
|
851
|
+
this.openModal();
|
|
852
|
+
}
|
|
853
|
+
}
|
|
842
854
|
state.rotOptions = rot;
|
|
843
855
|
state.rutOptions = rut;
|
|
844
856
|
state.options = options;
|
|
@@ -880,6 +892,8 @@ const HemfixarnaComponent = class {
|
|
|
880
892
|
}, 200);
|
|
881
893
|
}
|
|
882
894
|
handleClick(e) {
|
|
895
|
+
if (this.loadFromQuery && !this.isDemo)
|
|
896
|
+
return;
|
|
883
897
|
const el = this.el.shadowRoot.querySelector('.hemfixarna_modal');
|
|
884
898
|
if (el) {
|
|
885
899
|
const isClickInside = el.contains(e.composedPath()[0]);
|
|
@@ -899,9 +913,11 @@ const HemfixarnaComponent = class {
|
|
|
899
913
|
return state.cart.reduce((acc, curr) => acc + curr.amount, 0);
|
|
900
914
|
}
|
|
901
915
|
render() {
|
|
902
|
-
var _a, _b, _c;
|
|
916
|
+
var _a, _b, _c, _d, _e;
|
|
903
917
|
const logo = index.getAssetPath(`./assets/hemfixarna.svg`);
|
|
904
|
-
|
|
918
|
+
const navBackground = ((_a = this.nav) === null || _a === void 0 ? void 0 : _a.background) ? index.getAssetPath(this.nav.background) : '';
|
|
919
|
+
const navLogo = ((_b = this.nav) === null || _b === void 0 ? void 0 : _b.logo) ? index.getAssetPath(this.nav.logo) : '';
|
|
920
|
+
return (index.h("div", { class: `hemfixarna ${this.loadFromQuery ? 'hemfixarna_standalone' : ''}` }, this.loadFromQuery && !this.isDemo && this.nav ? (index.h("nav", { class: "hemfixarna_nav" }, index.h("div", null, index.h("div", { class: "hemfixarna_nav--logos" }, index.h("a", { href: this.nav.url, target: "_blank" }, index.h("img", { src: navLogo, alt: `${this.business} logo` })), index.h("a", { href: "https://hemfixarna.se/", target: "_blank" }, index.h("p", null, "I samarbete med:"), index.h("img", { src: logo, alt: "hemfixarna_logo", width: 104 }))), index.h("div", { class: "hemfixarna_nav--links" }, index.h("a", { href: this.nav.url, target: "_blank" }, "Till ", this.business), index.h("a", { href: "https://www.hemfixarna.se/", target: "_blank" }, "Till Hemfixarna")), index.h("img", { src: navBackground, alt: "nav_background" })))) : null, !this.loadFromQuery || this.isDemo ? (index.h("div", { class: "hemfixarna_box" }, index.h("div", null, index.h("div", null, index.h("p", null, ((_c = this.product) === null || _c === void 0 ? void 0 : _c.post_title) || ((_d = this.proppedProduct) === null || _d === void 0 ? void 0 : _d.post_title) || (index.h("span", null, "Montering", index.h("wbr", null), "/Installation p\u00E5 plats - ", index.h("strong", null, "se priser h\u00E4r"))), (this.product && ((_e = this.slug) === null || _e === void 0 ? void 0 : _e.includes('product'))) || this.proppedProduct ? (index.h("span", null, ' från', " ", index.h("strong", null, getProductPriceWithRotAndRut(this.proppedProduct || this.product), "kr"))) : null)), index.h("img", { src: logo, width: 104 })), index.h("button", { onClick: () => this.openModal(), class: "hemfixarna_btn" }, "Till montering", this.getCartLength() > 0 && index.h("span", null, this.getCartLength())))) : null, this.modal && (index.h("div", null, index.h("div", { class: `hemfixarna_modal ${this.showModal ? 'hemfixarna_modal--open' : ''}` }, state.modal && (index.h("div", { class: "hemfixarna_infomodal" }, state.modal.title && index.h("h2", null, state.modal.title), state.modal.text.map((t) => (index.h("p", { innerHTML: t }))), index.h("div", null, index.h("button", { onClick: () => (state.modal = null) }, "St\u00E4ng")))), (this.tree || state.customer) && (index.h("hemfixarna-breadcrumbs", { isDemo: this.isDemo, loadFromQuery: this.loadFromQuery, closeModal: () => this.closeModal(), tree: this.tree })), !state.customer || this.slugIsOldFormat(this.slug) ? (index.h("div", { class: `hemfixarna_content hemfixarna_content--${state.step}` }, state.step === 1 && this.tree && index.h("hemfixarna-start", { tree: this.tree }), state.step === 2 && state.selectedCategory && index.h("hemfixarna-category", null), state.step === 3 && state.selectedService && index.h("hemfixarna-service", null), state.step === 4 && state.selectedProduct && index.h("hemfixarna-product", null), state.step === 5 && index.h("hemfixarna-cart", { tree: this.tree }), state.step === 6 && index.h("hemfixarna-order", { tree: this.tree }))) : (index.h("div", { class: `hemfixarna_content hemfixarna_content--${state.step}` }, state.step < 4 && index.h("hemfixarna-start", null), state.step === 4 && state.selectedProduct && index.h("hemfixarna-product", null), state.step === 5 && index.h("hemfixarna-cart", { tree: this.tree }), state.step === 6 && index.h("hemfixarna-order", { tree: this.tree })))), !this.isDemo ? index.h("div", { class: `hemfixarna_backdrop ${this.showModal ? 'hemfixarna_backdrop--open' : ''}` }) : null))));
|
|
905
921
|
}
|
|
906
922
|
static get assetsDirs() { return ["assets"]; }
|
|
907
923
|
get el() { return index.getElement(this); }
|
|
@@ -925,7 +941,7 @@ const MyComponent$4 = class {
|
|
|
925
941
|
this.customer = null;
|
|
926
942
|
}
|
|
927
943
|
getTopLevelCategory() {
|
|
928
|
-
switch ("
|
|
944
|
+
switch ("hornbach") {
|
|
929
945
|
case Business.byggmax:
|
|
930
946
|
return TopCategory.byggmax;
|
|
931
947
|
default:
|
|
@@ -941,14 +957,14 @@ const MyComponent$4 = class {
|
|
|
941
957
|
}
|
|
942
958
|
}
|
|
943
959
|
else {
|
|
944
|
-
const customer = await getCustomer("
|
|
960
|
+
const customer = await getCustomer("hornbach");
|
|
945
961
|
if (customer.code !== 'not_found' && customer) {
|
|
946
962
|
this.customer = customer;
|
|
947
963
|
}
|
|
948
964
|
}
|
|
949
965
|
}
|
|
950
966
|
getExample() {
|
|
951
|
-
return `<hemfixarna-${"
|
|
967
|
+
return `<hemfixarna-${"hornbach"}${this.selectedSlug ? ` slug="${this.selectedSlug}" ` : ''}${this.selectedID ? ` id="${this.selectedID}" ` : ''}></hemfixarna-${"hornbach"}>`;
|
|
952
968
|
}
|
|
953
969
|
copyExample() {
|
|
954
970
|
navigator.clipboard.writeText(this.getExample());
|
|
@@ -973,7 +989,7 @@ const MyComponent$4 = class {
|
|
|
973
989
|
}
|
|
974
990
|
render() {
|
|
975
991
|
const copy = index.getAssetPath(`./assets/copy.png`);
|
|
976
|
-
return (index.h("div", null, index.h("div", null, index.h("div", { onClick: () => this.copyExample(), class: "hemfixarna_example" }, index.h("p", null, this.getExample()), index.h("img", { src: copy, height: 20 }), index.h("span", { class: "hemfixarna_example--tooltip" }, this.tooltipText)), "
|
|
992
|
+
return (index.h("div", null, index.h("div", null, index.h("div", { onClick: () => this.copyExample(), class: "hemfixarna_example" }, index.h("p", null, this.getExample()), index.h("img", { src: copy, height: 20 }), index.h("span", { class: "hemfixarna_example--tooltip" }, this.tooltipText)), "hornbach" === Business.byggmax && (index.h("hemfixarna-byggmax", { forceOldTree: Boolean(process.env.FORCE_OLD_TREE), slug: this.selectedSlug, id: this.selectedID })), "hornbach" === Business.skanska && index.h("hemfixarna-skanska", { id: this.selectedID }), "hornbach" === Business.string && index.h("hemfixarna-string-furniture", { id: this.selectedID }), "hornbach" === Business.hornbach && index.h("hemfixarna-hornbach", { id: this.selectedID }), "hornbach" === Business.kund && index.h("hemfixarna-kund", { id: this.selectedID }), index.h("div", { class: "hemfixarna_install" }, index.h("div", { onClick: () => this.copyCdn(), class: "hemfixarna_example" }, index.h("p", null, this.cdnLink), index.h("span", { class: "hemfixarna_example--tooltip" }, this.tooltipText), index.h("img", { src: copy, height: 20 })))), index.h("ul", { class: "hemfixarna_categories" }, this.customer ? (index.h("div", null, this.customer.categories.map(c => (index.h("li", null, index.h("div", { class: "hemfixarna_categories--label hemfixarna_categories--label--big" }, index.h("div", null, index.h("p", null, c.name), index.h("span", null, `c-${c.id}`)), index.h("div", null, index.h("button", { onClick: () => navigator.clipboard.writeText(`c-${c.id}`) }, "Kopiera ID"), index.h("button", { onClick: () => (this.selectedID = `c-${c.id}`) }, "Ladda kategori"))), c.show_products && c.products ? (index.h("ul", null, c.products.map(p => (index.h("li", null, index.h("div", { class: "hemfixarna_categories--label hemfixarna_product--label" }, index.h("div", null, index.h("p", null, p.fields.post_title), index.h("span", null, p.fields.ID)), index.h("div", null, index.h("button", { onClick: () => navigator.clipboard.writeText(String(p.fields.ID)) }, "Kopiera ID"), index.h("button", { onClick: () => (this.selectedID = String(p.fields.ID)) }, "Ladda produkt")))))))) : (index.h("ul", null, c.sub_categories &&
|
|
977
993
|
c.sub_categories.map(sc => (index.h("li", null, index.h("div", { class: "hemfixarna_categories--label" }, index.h("div", null, index.h("p", null, sc.name), index.h("span", null, `c-${sc.id}`)), index.h("div", null, index.h("button", { onClick: () => navigator.clipboard.writeText(`c-${sc.id}`) }, "Kopiera ID"), index.h("button", { onClick: () => (this.selectedID = `c-${sc.id}`) }, "Ladda kategori"))), index.h("ul", null, sc.products.map(p => (index.h("li", null, index.h("div", { class: "hemfixarna_categories--label hemfixarna_product--label" }, index.h("div", null, index.h("p", null, p.fields.post_title), index.h("span", null, p.fields.ID)), index.h("div", null, index.h("button", { onClick: () => navigator.clipboard.writeText(String(p.fields.ID)) }, "Kopiera ID"), index.h("button", { onClick: () => (this.selectedID = String(p.fields.ID)) }, "Ladda produkt"))))))))))))))))) : (index.h("div", null, this.tree.sub_cats.map(c => (index.h("li", null, index.h("div", { class: "hemfixarna_categories--label hemfixarna_categories--label--big" }, index.h("div", null, index.h("p", null, c.name), index.h("span", null, `category/${c.slug}`)), index.h("div", null, index.h("button", { onClick: () => navigator.clipboard.writeText(`category/${c.slug}`) }, "Kopiera slug"), index.h("button", { onClick: () => (this.selectedSlug = `category/${c.slug}`) }, "Ladda kategori"))), index.h("ul", null, c.services.map(sc => (index.h("li", null, index.h("div", { class: "hemfixarna_categories--label" }, index.h("div", null, index.h("p", null, sc.post_title), index.h("span", null, `service/${sc.post_name}`)), index.h("div", null, index.h("button", { onClick: () => navigator.clipboard.writeText(`service/${sc.post_name}`) }, "Kopiera slug"), index.h("button", { onClick: () => (this.selectedSlug = `service/${sc.post_name}`) }, "Ladda kategori"))), index.h("ul", null, sc.products.map(sc => (index.h("li", null, index.h("div", { class: "hemfixarna_categories--label" }, index.h("div", null, index.h("p", null, sc.post_title), index.h("span", null, `product/${sc.post_name}`)), index.h("div", null, index.h("button", { onClick: () => navigator.clipboard.writeText(`product/${sc.post_name}`) }, "Kopiera slug"), index.h("button", { onClick: () => (this.selectedSlug = `product/${sc.post_name}`) }, "Ladda kategori")))))))))))))))))));
|
|
978
994
|
}
|
|
979
995
|
};
|
|
@@ -1707,10 +1723,11 @@ const MyComponent$3 = class {
|
|
|
1707
1723
|
constructor(hostRef) {
|
|
1708
1724
|
index.registerInstance(this, hostRef);
|
|
1709
1725
|
this.id = undefined;
|
|
1710
|
-
this.
|
|
1726
|
+
this.loadFromQuery = true;
|
|
1727
|
+
this.isDemo = true;
|
|
1711
1728
|
}
|
|
1712
1729
|
render() {
|
|
1713
|
-
return index.h("hemfixarna-component", { id: this.id, business: Business.hornbach });
|
|
1730
|
+
return (index.h("hemfixarna-component", { nav: { url: 'https://www.hornbach.se/', logo: 'assets/hornbach/logo.svg', background: './assets/hornbach/nav.jpg' }, isDemo: this.isDemo, loadFromQuery: this.loadFromQuery, id: this.id, business: Business.hornbach }));
|
|
1714
1731
|
}
|
|
1715
1732
|
};
|
|
1716
1733
|
MyComponent$3.style = hemfixarnaHornbachCss;
|
|
@@ -1738,10 +1755,10 @@ const MyComponent$2 = class {
|
|
|
1738
1755
|
constructor(hostRef) {
|
|
1739
1756
|
index.registerInstance(this, hostRef);
|
|
1740
1757
|
this.id = undefined;
|
|
1741
|
-
this.
|
|
1758
|
+
this.loadFromQuery = false;
|
|
1742
1759
|
}
|
|
1743
1760
|
render() {
|
|
1744
|
-
return index.h("hemfixarna-component", { id: this.id, business: Business.kund });
|
|
1761
|
+
return index.h("hemfixarna-component", { loadFromQuery: this.loadFromQuery, id: this.id, business: Business.kund });
|
|
1745
1762
|
}
|
|
1746
1763
|
};
|
|
1747
1764
|
|
|
@@ -1960,9 +1977,10 @@ const MyComponent$1 = class {
|
|
|
1960
1977
|
index.registerInstance(this, hostRef);
|
|
1961
1978
|
this.id = undefined;
|
|
1962
1979
|
this.customer = undefined;
|
|
1980
|
+
this.loadFromQuery = false;
|
|
1963
1981
|
}
|
|
1964
1982
|
render() {
|
|
1965
|
-
return index.h("hemfixarna-component", { id: this.id, business: Business.skanska });
|
|
1983
|
+
return index.h("hemfixarna-component", { loadFromQuery: this.loadFromQuery, id: this.id, business: Business.skanska });
|
|
1966
1984
|
}
|
|
1967
1985
|
};
|
|
1968
1986
|
MyComponent$1.style = hemfixarnaSkanskaCss;
|
|
@@ -1998,10 +2016,10 @@ const MyComponent = class {
|
|
|
1998
2016
|
constructor(hostRef) {
|
|
1999
2017
|
index.registerInstance(this, hostRef);
|
|
2000
2018
|
this.id = undefined;
|
|
2001
|
-
this.
|
|
2019
|
+
this.loadFromQuery = false;
|
|
2002
2020
|
}
|
|
2003
2021
|
render() {
|
|
2004
|
-
return index.h("hemfixarna-component", { id: this.id, business: Business.string });
|
|
2022
|
+
return index.h("hemfixarna-component", { loadFromQuery: this.loadFromQuery, id: this.id, business: Business.string });
|
|
2005
2023
|
}
|
|
2006
2024
|
};
|
|
2007
2025
|
MyComponent.style = hemfixarnaStringCss;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"hemfixarna-address.hemfixarna-box.hemfixarna-breadcrumbs.hemfixarna-byggmax.hemfixarna-cart.hemfixarna-category.hemfixarna-checkout.hemfixarna-component.hemfixarna-demo.hemfixarna-getuser.hemfixarna-hornbach.hemfixarna-info.hemfixarna-kund.hemfixarna-order.hemfixarna-orderrows.hemfixarna-product.hemfixarna-service.hemfixarna-skanska.hemfixarna-start.hemfixarna-string-furniture.entry.cjs.js","mappings":"
|
|
1
|
+
{"file":"hemfixarna-address.hemfixarna-box.hemfixarna-breadcrumbs.hemfixarna-byggmax.hemfixarna-cart.hemfixarna-category.hemfixarna-checkout.hemfixarna-component.hemfixarna-demo.hemfixarna-getuser.hemfixarna-hornbach.hemfixarna-info.hemfixarna-kund.hemfixarna-order.hemfixarna-orderrows.hemfixarna-product.hemfixarna-service.hemfixarna-skanska.hemfixarna-start.hemfixarna-string-furniture.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
|
|
@@ -20,7 +20,7 @@ const patchBrowser = () => {
|
|
|
20
20
|
};
|
|
21
21
|
|
|
22
22
|
patchBrowser().then(options => {
|
|
23
|
-
return index.bootstrapLazy([["hemfixarna-address_20.cjs",[[1,"hemfixarna-demo",{"selectedSlug":[32],"selectedID":[32],"tooltipText":[32],"tree":[32],"customer":[32]}],[1,"hemfixarna-byggmax",{"slug":[1],"id":[1],"
|
|
23
|
+
return index.bootstrapLazy([["hemfixarna-address_20.cjs",[[1,"hemfixarna-demo",{"selectedSlug":[32],"selectedID":[32],"tooltipText":[32],"tree":[32],"customer":[32]}],[1,"hemfixarna-byggmax",{"slug":[1],"id":[1],"forceOldTree":[4,"force-old-tree"],"loadFromQuery":[4,"load-from-query"],"tree":[32]}],[1,"hemfixarna-hornbach",{"id":[1],"loadFromQuery":[4,"load-from-query"],"isDemo":[4,"is-demo"]}],[1,"hemfixarna-kund",{"id":[1],"loadFromQuery":[4,"load-from-query"]}],[1,"hemfixarna-skanska",{"id":[1],"customer":[1],"loadFromQuery":[4,"load-from-query"]}],[1,"hemfixarna-string-furniture",{"id":[1],"loadFromQuery":[4,"load-from-query"]}],[1,"hemfixarna-component",{"slug":[1],"id":[1],"business":[1],"topCategory":[1,"top-category"],"forceOldTree":[4,"force-old-tree"],"loadFromQuery":[4,"load-from-query"],"isDemo":[4,"is-demo"],"nav":[16],"modal":[32],"showModal":[32],"tree":[32],"product":[32],"proppedProduct":[32]},[[0,"click","handleClick"]]],[0,"hemfixarna-cart",{"tree":[16]}],[0,"hemfixarna-category"],[0,"hemfixarna-order",{"tree":[16]}],[0,"hemfixarna-service"],[0,"hemfixarna-start",{"tree":[16],"slug":[1]}],[0,"hemfixarna-product",{"amount":[32],"hideDescription":[32]}],[0,"hemfixarna-breadcrumbs",{"tree":[16],"closeModal":[16],"loadFromQuery":[4,"load-from-query"],"isDemo":[4,"is-demo"]}],[0,"hemfixarna-checkout",{"date":[32],"dateError":[32],"generalError":[32]}],[0,"hemfixarna-address",{"street":[32],"streetError":[32],"zip":[32],"zipError":[32],"town":[32],"townError":[32]}],[0,"hemfixarna-getuser",{"email":[32],"emailError":[32],"phone":[32],"phoneError":[32],"ssn":[32],"ssnError":[32]}],[0,"hemfixarna-orderrows",{"cart":[4],"tree":[16]}],[0,"hemfixarna-box",{"post":[16],"category":[16],"icon":[1],"postTitle":[1,"post-title"]}],[0,"hemfixarna-info",{"list":[16]}]]]], options);
|
|
24
24
|
});
|
|
25
25
|
|
|
26
26
|
exports.setNonce = index.setNonce;
|
package/dist/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([["hemfixarna-address_20.cjs",[[1,"hemfixarna-demo",{"selectedSlug":[32],"selectedID":[32],"tooltipText":[32],"tree":[32],"customer":[32]}],[1,"hemfixarna-byggmax",{"slug":[1],"id":[1],"
|
|
17
|
+
return index.bootstrapLazy([["hemfixarna-address_20.cjs",[[1,"hemfixarna-demo",{"selectedSlug":[32],"selectedID":[32],"tooltipText":[32],"tree":[32],"customer":[32]}],[1,"hemfixarna-byggmax",{"slug":[1],"id":[1],"forceOldTree":[4,"force-old-tree"],"loadFromQuery":[4,"load-from-query"],"tree":[32]}],[1,"hemfixarna-hornbach",{"id":[1],"loadFromQuery":[4,"load-from-query"],"isDemo":[4,"is-demo"]}],[1,"hemfixarna-kund",{"id":[1],"loadFromQuery":[4,"load-from-query"]}],[1,"hemfixarna-skanska",{"id":[1],"customer":[1],"loadFromQuery":[4,"load-from-query"]}],[1,"hemfixarna-string-furniture",{"id":[1],"loadFromQuery":[4,"load-from-query"]}],[1,"hemfixarna-component",{"slug":[1],"id":[1],"business":[1],"topCategory":[1,"top-category"],"forceOldTree":[4,"force-old-tree"],"loadFromQuery":[4,"load-from-query"],"isDemo":[4,"is-demo"],"nav":[16],"modal":[32],"showModal":[32],"tree":[32],"product":[32],"proppedProduct":[32]},[[0,"click","handleClick"]]],[0,"hemfixarna-cart",{"tree":[16]}],[0,"hemfixarna-category"],[0,"hemfixarna-order",{"tree":[16]}],[0,"hemfixarna-service"],[0,"hemfixarna-start",{"tree":[16],"slug":[1]}],[0,"hemfixarna-product",{"amount":[32],"hideDescription":[32]}],[0,"hemfixarna-breadcrumbs",{"tree":[16],"closeModal":[16],"loadFromQuery":[4,"load-from-query"],"isDemo":[4,"is-demo"]}],[0,"hemfixarna-checkout",{"date":[32],"dateError":[32],"generalError":[32]}],[0,"hemfixarna-address",{"street":[32],"streetError":[32],"zip":[32],"zipError":[32],"town":[32],"townError":[32]}],[0,"hemfixarna-getuser",{"email":[32],"emailError":[32],"phone":[32],"phoneError":[32],"ssn":[32],"ssnError":[32]}],[0,"hemfixarna-orderrows",{"cart":[4],"tree":[16]}],[0,"hemfixarna-box",{"post":[16],"category":[16],"icon":[1],"postTitle":[1,"post-title"]}],[0,"hemfixarna-info",{"list":[16]}]]]], options);
|
|
18
18
|
});
|
|
19
19
|
};
|
|
20
20
|
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
<svg width="180" height="45" viewBox="0 0 180 45" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_100_9)">
|
|
3
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 45H180V0H0V45Z" fill="#041116"/>
|
|
4
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.65369 26.875H150.042V1.5H1.65369V26.875Z" fill="#F79E1C"/>
|
|
5
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.5124 14.1875C29.5124 16.6875 31.6749 18.625 34.2827 18.625C36.8905 18.625 38.9894 16.625 38.9894 14.1875C38.9894 11.75 36.8905 9.68751 34.2827 9.68751C31.6749 9.68751 29.5124 11.6875 29.5124 14.1875ZM90 16.9375C89.1731 16.3125 88.0919 16.3125 87.0742 16.375V19C88.0919 19 89.1731 19 90 18.4375C90.1651 18.2211 90.2544 17.958 90.2544 17.6875C90.2544 17.417 90.1651 17.1539 90 16.9375ZM104.12 15.8125H106.283L105.201 12.8125L104.12 15.8125ZM127.908 12.3125C127.272 11.125 126.763 10.75 125.364 10.1875C124.155 9.56251 122.565 9.68751 121.357 10.375C119.83 11.125 119.131 12.6875 119.067 14.3125C119.258 15.8125 119.958 17.5 121.611 18.125C123.074 18.8125 125.936 18.5625 127.908 16.4375V12.3125ZM88.6007 9.62501C88.1555 9.37501 87.6466 9.37501 87.0742 9.31251V11.5625C87.6466 11.5625 88.3463 11.5 88.7915 11C89.1095 10.625 88.9823 9.87501 88.6007 9.62501ZM53.5548 10C52.9187 9.37501 52.1555 9.37501 51.3286 9.37501V12.625C52.2191 12.5625 53.1095 12.4375 53.682 11.75C54 11.25 54 10.4375 53.5548 10ZM44.1413 8.87501L44.9682 10.5V4.37501H54.318C55.3764 4.36999 56.4193 4.62457 57.3522 5.11569C58.2852 5.6068 59.0787 6.31892 59.6608 7.18751C60.742 9.06251 60.742 12 59.6608 13.8125C58.9767 14.8589 57.9756 15.6678 56.7986 16.125L60.9965 20.75V4.37501H66.4664C69.3286 7.75001 72.1272 11.0625 74.7986 14.375V4.37501H89.7456C91.9717 4.37501 93.371 5.31251 94.1979 6.93751C95.2791 8.81251 95.2791 11.625 93.6254 13.1875C94.4948 13.5163 95.2472 14.0881 95.7898 14.8322C96.3323 15.5764 96.6412 16.4603 96.6784 17.375L101.894 4.68751L102.021 4.37501H108.509L112.579 15V14.5625C112.462 12.661 112.903 10.7664 113.85 9.10427C114.797 7.44215 116.211 6.08259 117.922 5.18751C120.721 3.68751 124.919 3.43751 127.908 4.43751H134.269V11.5H140.247V4.37501H146.481V23.8125H140.247V16.4375H134.269V23.9375H127.845C123.392 25.0625 118.749 24.5625 115.887 21.75L114.742 20.5C115.171 21.6233 115.595 22.7483 116.014 23.875H109.399L108.127 20.75H102.212L100.94 23.875H94.2615L94.8975 22.25C94.1979 23.0625 93.371 23.875 89.8092 23.875H75.1802C72.2544 20.6875 69.583 17.125 66.7844 13.8125V23.875H55.1449C53.682 22.1875 52.6007 20.3125 51.3286 18.4375L51.265 18.25V23.875H45.0318V17.625C44.2796 19.5491 42.9804 21.2202 41.2888 22.4392C39.5973 23.6581 37.5848 24.3734 35.4912 24.5C33.4634 24.7557 31.403 24.4733 29.5239 23.6819C27.6448 22.8906 26.0156 21.6192 24.8056 20C24.2968 19.25 23.9152 18.4375 23.5972 17.625L23.47 17.375V23.8125H17.1731V16.4375H11.1943V23.9375H4.96112V4.37501H11.1943V11.375H17.1731V4.43751H23.4064V10.375C24.2913 8.54459 25.6502 6.97484 27.347 5.82306C29.0438 4.67129 31.0188 3.97795 33.0742 3.81251C37.6537 3.50001 41.6608 5.31251 44.1413 8.87501Z" fill="#041116"/>
|
|
6
|
+
<mask id="mask0_100_9" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="180" height="45">
|
|
7
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 45H180V0H0V45Z" fill="white"/>
|
|
8
|
+
</mask>
|
|
9
|
+
<g mask="url(#mask0_100_9)">
|
|
10
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M151.633 26.875H178.346V1.5H151.633V26.875Z" fill="#C80986"/>
|
|
11
|
+
</g>
|
|
12
|
+
<mask id="mask1_100_9" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="180" height="45">
|
|
13
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 45H180V0H0V45Z" fill="white"/>
|
|
14
|
+
</mask>
|
|
15
|
+
<g mask="url(#mask1_100_9)">
|
|
16
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M151.633 26.875H153.477L178.346 3.3125V1.5625H176.502L151.696 25.0625L151.633 26.875ZM151.633 23.375L174.657 1.5625H171.095L151.76 19.875L151.633 23.375ZM151.633 18.1875L169.187 1.5625H165.562L151.633 14.6875V18.1875ZM151.633 13L163.717 1.5625H160.092L151.633 9.5V13ZM169.76 13.1875L178.346 21.3125V17.8125L171.604 11.4375L169.76 13.1875ZM167.025 15.75L178.346 26.4375V23L168.806 14.0625L167.025 15.75ZM164.29 18.375L173.194 26.8125H176.883L166.071 16.625L164.29 18.375ZM161.555 20.9375L167.788 26.8125H171.413L163.463 19.1875L161.555 20.9375Z" fill="#F89E2D"/>
|
|
17
|
+
</g>
|
|
18
|
+
<mask id="mask2_100_9" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="180" height="45">
|
|
19
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 45H180V0H0V45Z" fill="white"/>
|
|
20
|
+
</mask>
|
|
21
|
+
<g mask="url(#mask2_100_9)">
|
|
22
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.65369 43.4375H178.346V28.4375H1.65369V43.4375Z" fill="#FEF9D6"/>
|
|
23
|
+
</g>
|
|
24
|
+
<mask id="mask3_100_9" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="180" height="45">
|
|
25
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 45H180V0H0V45Z" fill="white"/>
|
|
26
|
+
</mask>
|
|
27
|
+
<g mask="url(#mask3_100_9)">
|
|
28
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M127.845 5.125L127.908 11C126.509 9.25 124.283 8.8125 122.057 9.3125C121.339 9.5183 120.676 9.87703 120.115 10.3631C119.555 10.8492 119.11 11.4508 118.813 12.125C118.049 14.125 118.368 16.5 120.085 18C121.357 19 123.074 19.4375 124.855 19.0625C126.026 18.7877 127.088 18.1788 127.908 17.3125V22.9375C124.728 24.25 120.403 23.9375 117.604 22.0625C115.99 21.0692 114.723 19.6153 113.973 17.8952C113.223 16.1752 113.025 14.271 113.406 12.4375C113.852 9 117.223 5.75 120.721 4.9375C123.074 4.25 125.809 4.3125 127.908 5.125M10.5583 12H17.8092V5.125H22.8975V23.375H17.9364V15.875H10.6219V23.375H5.53357V5H10.5583V12ZM133.633 12.0625H140.947V5.0625H145.972V23.3125H141.011V15.875H133.569V23.3125H128.608V5H133.569L133.633 12.0625ZM54.2544 9.875C53.4912 8.6875 52.0283 8.625 50.629 8.6875V13.1875C51.8375 13.1875 53.4276 13.1875 54.2544 12.125C54.6997 11.5 54.6997 10.5 54.2544 9.875ZM57.7527 6.25C59.788 7.75 60.106 10.3125 59.47 12.5C59.186 13.3329 58.6838 14.0775 58.0138 14.6591C57.3439 15.2406 56.5299 15.6384 55.6537 15.8125L61.5689 22.5V5H66.0848L75.371 16.25V5.1875H80.4594V23.3125H75.371L66.212 12.25V23.375H55.3993L50.5654 16.25V23.3125H45.6042V5H54.5088C55.6537 5 56.735 5.625 57.689 6.25M107.173 16.4375L105.138 10.6875L103.102 16.4375H107.173ZM115.124 23.25H109.781L108.636 20.125H101.64L100.368 23.25H95.0883L102.53 5H107.936L115.124 23.25ZM90.8269 16.875C89.9364 15.4375 87.9647 15.875 86.3746 15.8125V19.625C87.9011 19.625 89.4912 19.875 90.5724 18.8125C91.0177 18.375 91.0813 17.5 90.8269 16.875ZM89.5548 9.8125C89.1731 8.625 87.6467 8.6875 86.3746 8.6875V12.1875C87.4558 12.1875 88.5371 12.25 89.2368 11.5625C89.6184 11.125 89.7456 10.5 89.5548 9.8125ZM92.9894 6.375C94.4523 7.8125 94.5159 10.5 93.6254 12.25C93.2438 12.8125 92.6714 13.1875 92.0989 13.5C93.4982 13.75 95.2792 14.625 95.5972 15.9375C96.2332 17.8125 96.2332 20.1875 94.5795 21.8125C93.3074 22.9375 92.417 23.25 89.8728 23.25H81.2862V5.125H90.1272C91.2085 5.125 92.2262 5.5625 92.9894 6.375ZM28.8763 14.1875C28.8763 17 31.2933 19.3125 34.2827 19.3125C37.2721 19.3125 39.689 17 39.689 14.1875C39.689 11.375 37.2721 9.0625 34.2827 9.0625C32.8765 9.04566 31.5202 9.57429 30.5081 10.5337C29.496 11.4931 28.9097 12.806 28.8763 14.1875ZM43.6961 9.5625C45.6042 12.8125 45.0318 17.5 42.5512 20.3125C41.2767 21.7041 39.66 22.751 37.8559 23.3529C36.0518 23.9547 34.1207 24.0915 32.2474 23.75C29.258 23.3125 26.1413 21.5625 24.7421 18.75C22.9611 15.6875 23.1519 11.0625 25.5689 8.3125C28.1767 5.3125 31.8657 4.0625 36 4.5625C37.5787 4.78651 39.0874 5.35097 40.418 6.21541C41.7486 7.07985 42.868 8.22286 43.6961 9.5625Z" fill="#FEFEFE"/>
|
|
29
|
+
</g>
|
|
30
|
+
<mask id="mask4_100_9" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="180" height="45">
|
|
31
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 45H180V0H0V45Z" fill="white"/>
|
|
32
|
+
</mask>
|
|
33
|
+
<g mask="url(#mask4_100_9)">
|
|
34
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M30.1484 35.1875C30.0212 35.9375 30.1484 36.75 30.0848 37.4375C30.212 37.75 29.8304 38 29.7668 38.1875C29.5124 38.375 29.258 38.5 28.9399 38.375C28.8127 38.375 28.6855 38.25 28.6855 38.125C28.6219 37.375 29.1307 36.5625 28.6855 35.8125C28.6855 35.5 29.0035 35.1875 28.6855 34.875C28.8763 34.1875 28.8763 33.625 28.8763 32.8125C29.0035 32.4375 28.3675 32 28.8763 31.75C29.3216 31.75 29.7668 31.75 29.9576 32.1875C29.9576 32.5625 30.2756 32.9375 30.0848 33.3125V34.4375C30.212 34.6875 29.9576 34.9375 30.0848 35.1875M31.9293 36.5625C31.9293 35.75 31.9293 35.1875 31.8021 34.4375C31.9929 34.1875 31.8021 33.9375 31.8021 33.6875V32.875C31.9929 32.0625 31.6749 31.125 31.0389 30.5625C29.894 30.25 28.4947 30.1875 27.3498 30.3125L27.0318 30.5V30.9375C26.9682 31.875 27.2226 32.6875 27.0954 33.5625V35.3125L26.9682 38.75C27.159 39.125 26.7774 39.8125 27.4134 39.8125C28.3675 39.8125 29.576 40 30.5936 39.6875C30.8481 39.4375 31.2297 39.375 31.6113 39.0625C31.6113 38.8125 31.6113 38.5625 31.7385 38.375C31.6749 38 31.8657 37.625 31.8021 37.25C31.9929 37 31.6749 36.75 31.9293 36.5625ZM35.4276 35.1875C35.2368 35.3125 34.9823 35.3125 34.7915 35.25C34.6007 35.25 34.3463 35.25 34.2827 35.0625C34.2827 34.875 34.2191 34.5625 34.4099 34.4375C34.2191 34.3125 34.4099 34.125 34.4735 34C34.6643 33.6875 34.9823 33.875 35.2368 33.875C35.4912 34.1875 35.4276 34.75 35.4276 35.125M37.0813 35.3125C36.8905 35 37.0813 34.6875 37.0813 34.375C36.7633 33.9375 37.0813 33.125 36.4452 33.0625C36.1272 32.8125 35.8092 32.75 35.6184 32.625C34.9823 32.5 34.4735 32.5 33.9011 32.6875C33.5194 33 33.0106 33.3125 32.947 33.875C32.947 34.25 32.7562 34.625 32.8198 34.9375V35.5625C32.6926 36.125 32.8198 36.75 32.8198 37.25C32.7562 37.5 33.0106 37.6875 32.8198 37.875C32.947 38.4375 32.947 39 33.4558 39.4375C33.7739 39.5 34.0919 39.875 34.4735 39.75C34.9187 39.9375 35.4276 39.8125 35.9364 39.75C36.1272 39.5625 36.3816 39.5 36.5724 39.375C36.636 39.1875 36.9541 39.125 37.0177 38.9375C37.0177 38.375 37.2085 37.6875 36.6996 37.3125C36.2544 37.25 35.9364 37.1875 35.5548 37.3125C35.1095 37.5 35.5548 37.9375 35.3004 38.25C35.1731 38.375 35.0459 38.5625 34.7915 38.5625C34.3463 38.375 34.2827 37.9375 34.2191 37.5C34.2827 37.1875 34.0919 36.8125 34.3463 36.5C34.6643 36.5 34.9823 36.375 35.364 36.5C35.8728 36.3125 36.318 36.5625 36.8269 36.4375C37.2721 36.25 37.0177 35.75 37.0813 35.3125ZM41.2156 39C41.2792 38.875 41.2155 38.75 41.0247 38.6875C40.8339 38.1875 40.1979 38.5 39.8799 38.0625C39.8799 37.875 39.689 37.625 39.8799 37.4375C39.7527 36.625 40.1343 35.8125 39.8799 35.0625C40.1979 34.75 39.8799 34.4375 39.8799 34.125C40.0707 33.875 40.3887 34 40.6431 34C40.8975 33.8125 41.3428 33.75 41.2792 33.375C40.9611 33.1875 41.2792 32.9375 41.0247 32.75C40.7067 32.75 40.3887 32.5625 40.0071 32.5625C39.4982 32.375 40.0071 31.9375 40.0071 31.5625C40.2615 31.375 40.0071 31.1875 39.9435 30.9375C39.7527 30.6875 39.371 30.625 38.9894 30.6875C38.8622 30.75 38.4806 30.6875 38.3534 30.9375L38.4806 32.25V32.5C38.417 32.8125 38.1625 32.75 37.8445 32.75C37.7173 32.8125 37.7173 33 37.6537 33.1875C37.5901 33.375 37.5901 33.75 37.7809 33.9375L37.9081 33.875C38.0989 33.75 38.2898 33.875 38.417 34C38.5442 34.9375 38.3534 36 38.4806 37L38.3534 37.3125C38.4806 38.0625 38.2261 39.0625 38.9894 39.625C39.5618 39.6875 40.2615 39.875 40.8339 39.6875C41.0247 39.5 41.3428 39.3125 41.2156 39ZM49.1025 33.5C49.2933 33.3125 49.1025 33.0625 48.9753 32.875C48.7208 32.5625 48.2756 32.6875 47.9576 32.5C47.7668 32.375 47.9576 32.125 47.9576 31.875C48.0848 31.4375 48.7208 31.75 48.9753 31.375V30.9375C48.9753 30.75 48.6572 30.625 48.8481 30.4375C48.9753 30.25 48.6572 30.25 48.5936 30.125C48.0848 30 47.576 30.1875 47.0671 30.3125C46.4311 30.625 46.4311 31.375 46.4947 32C46.4947 32.1875 46.6855 32.3125 46.4947 32.5C46.4311 32.8125 46.1131 32.625 45.8587 32.75C45.4134 32.8125 45.7951 33.3125 45.6678 33.5625C45.7951 33.8125 46.1131 33.6875 46.3039 33.75C46.7491 34.125 46.4311 34.75 46.4947 35.25C46.6855 35.5625 46.2403 35.875 46.4947 36.1875C46.3675 36.8125 46.4947 37.5625 46.4947 38.1875C46.6855 38.75 46.0495 39.4375 46.6855 39.75C47.0035 39.625 47.3852 39.75 47.7032 39.75C47.9576 39.5625 48.3392 39.375 48.2756 38.9375C47.8304 38.5625 48.0212 37.9375 47.894 37.4375C48.0212 37.1875 47.9576 36.8125 47.894 36.625C48.0212 36.25 48.0212 35.8125 48.0212 35.375C48.0212 35.1875 48.1484 35 48.0212 34.75C48.0212 34.5 47.6396 34.125 48.0212 33.9375C48.53 33.9375 48.8481 33.75 49.1025 33.5ZM51.8375 39.0625C51.4558 38.75 51.583 38.25 51.6466 37.875C51.4558 37.5 51.6466 37.125 51.7739 36.75C51.6466 36.0625 51.5194 35.5 51.7103 34.8125C51.6466 34.75 51.583 34.625 51.6466 34.5625C52.0283 34.125 51.583 33.5625 51.6466 33.0625C51.583 32.75 51.265 32.5625 50.8834 32.5625C50.6926 32.6875 50.3746 32.5625 50.1201 32.8125C49.8021 33.5 50.3746 34.375 49.9929 35.0625C50.1837 36.0625 49.9929 37.125 49.9929 38.1875V38.5625C50.1201 38.9375 49.8021 39.5 50.311 39.75C50.7562 39.75 51.265 39.9375 51.583 39.625C51.7739 39.5 51.8375 39.25 51.8375 39M51.7103 30.625C51.3922 30.125 50.947 30.1875 50.4382 30.25C49.9293 30.375 50.2474 31 50.0565 31.3125C50.0565 31.4375 50.1201 31.625 50.311 31.625C50.6926 31.625 51.2014 31.875 51.583 31.625C52.2191 31.375 51.5194 30.9375 51.7103 30.625ZM56.9258 33.375C56.9258 32.9375 56.417 33.1875 56.417 32.8125C55.7809 32.5 54.8905 32.6875 54.318 33.125C54.1908 33.125 54.1908 33 54.1908 32.9375C54.1908 32.8125 54.0636 32.8125 54 32.75C53.6184 32.875 53.0459 32.5 52.7279 32.875L52.7915 34.9375V36C52.7106 36.8314 52.7106 37.6686 52.7915 38.5C52.6643 38.8125 52.6643 39.25 52.7279 39.5625C52.7279 39.75 52.9823 39.875 53.1731 39.875C53.4912 39.6875 53.8092 40 54.1272 39.8125C54.4452 39.5 54.318 39.0625 54.2544 38.6875V37.8125C54.1272 37.5625 54.2544 37.1875 54.2544 36.8125C54.1272 36.5 54.318 36.125 54.1272 35.8125C54.3816 35.1875 53.9364 34.5 54.5088 34.0625C54.6996 34.0625 54.9541 33.875 55.1449 34.0625C55.2085 34.5625 55.1449 35.125 55.2721 35.625C55.2085 35.8125 55.1449 35.9375 55.2085 36.0625C55.0813 37.1875 55.2721 38.375 55.0813 39.5C55.0813 39.625 55.2085 39.75 55.3357 39.8125C55.8445 39.625 56.2898 40.125 56.735 39.6875C56.7986 39.375 56.8622 39.0625 56.7986 38.625L56.735 37.125C56.9258 36.625 56.735 36.125 56.8622 35.625C56.6078 35.25 56.9258 34.9375 56.8622 34.5C56.9894 34.125 56.8622 33.75 56.8622 33.375M61.9505 33.375C62.0777 32.9375 61.5053 33.1875 61.5053 32.8125C60.8693 32.5 59.9152 32.6875 59.3428 33.125L59.2792 32.9375C59.2792 32.8125 59.1519 32.8125 59.0883 32.75C58.6431 32.875 58.1343 32.5 57.8163 32.875V34.9375L57.8799 36C57.7989 36.8314 57.7989 37.6686 57.8799 38.5C57.689 38.8125 57.7527 39.25 57.8163 39.5625C57.8163 39.75 58.0707 39.875 58.2615 39.875C58.5795 39.6875 58.8975 40 59.2155 39.8125C59.5336 39.5 59.3428 39.0625 59.2792 38.6875L59.4064 37.8125C59.1519 37.5625 59.4064 37.1875 59.4064 36.8125C59.2155 36.5 59.4064 36.125 59.2155 35.8125C59.4064 35.1875 59.0247 34.5 59.5972 34.0625C59.788 34.0625 60.0424 33.875 60.2332 34.0625L60.2968 35.625V36.0625C60.106 37.1875 60.3604 38.375 60.1696 39.5C60.1696 39.625 60.2968 39.75 60.424 39.8125C60.9329 39.625 61.3781 40.125 61.8233 39.6875C61.8233 39.375 61.9505 39.0625 61.8869 38.625L61.8233 37.125C62.0141 36.625 61.7597 36.125 61.8869 35.625C61.6325 35.25 62.0141 34.9375 61.8869 34.5C62.0777 34.125 61.8869 33.75 61.9505 33.375ZM66.8481 38.3125C66.8481 37.8125 66.9117 37.3125 66.6572 36.9375C66.5936 36.75 66.6572 36.625 66.53 36.5C66.0848 36.5 66.0212 35.875 65.5124 35.8125C65.3216 35.4375 64.8763 35.375 64.5583 35.1875C64.3675 34.875 64.1131 34.625 64.1767 34.25C64.3039 34.125 64.4311 33.875 64.6219 33.875C65.0035 33.875 65.1307 34.3125 65.258 34.5C65.5124 34.875 66.0212 34.5625 66.4028 34.5625C66.6572 34.5625 66.7845 34.25 66.7845 34.0625V33.4375C66.2756 33.3125 66.1484 32.8125 65.576 32.75C65.1307 32.4375 64.6219 32.6875 64.0495 32.5625L63.5406 32.9375C63.477 33.0625 63.2862 33.0625 63.2862 33.1875C62.7774 33.4375 62.9046 34.0625 62.6502 34.4375C62.6502 35.25 63.159 35.9375 63.7951 36.3125C64.1131 36.75 64.6855 36.875 65.0035 37.3125C65.1307 37.625 65.4488 38 65.1943 38.375C65.0035 38.6875 64.6855 38.5 64.4311 38.5C64.2403 38.3125 63.9859 38.0625 63.9859 37.8125C63.8587 37.25 63.2862 37.625 62.9046 37.625C62.523 37.625 62.7138 38.125 62.5866 38.375C62.9046 38.75 63.0318 39.3125 63.5406 39.5625C64.3039 39.9375 65.576 40.0625 66.2756 39.4375C66.7845 39.3125 66.7845 38.6875 66.8481 38.3125ZM73.5901 36.75C73.4629 37.375 73.9717 38.375 73.1449 38.625H72.7633C72.5724 38.3125 72.7633 38 72.7633 37.6875C72.8935 37.2732 73.1101 36.8901 73.3993 36.5625H73.4629L73.5901 36.75ZM75.371 39.4375C75.1802 39.125 75.2438 38.75 75.2438 38.4375C74.9894 38 75.2438 37.5 75.1166 36.9375C75.1166 36.8125 75.3074 36.6875 75.1802 36.5625V34.375C75.3074 33.9375 75.1802 33.4375 74.9258 33.125C74.417 32.625 73.6537 32.375 72.8905 32.625C72.318 32.8125 71.8092 33.25 71.5548 33.875C71.5548 34.0625 71.364 34.5 71.6184 34.6875H72.5724C73.1449 34.6875 72.7633 33.875 73.3357 33.875C73.7173 34.0625 73.6537 34.625 73.7173 35C73.6537 35.3125 73.3357 35.375 73.0813 35.4375C72.5724 36.0625 71.7456 36.25 71.4276 37.0625C71.364 37.4375 71.1731 37.8125 71.3004 38.3125C71.1095 38.8125 71.4276 39.25 71.682 39.625C72.0636 39.9375 72.5088 39.9375 72.9541 39.875C73.0813 39.625 73.3357 39.5625 73.5265 39.4375C73.9717 39.875 74.5442 39.8125 75.053 39.8125C75.3074 39.8125 75.3074 39.5 75.371 39.3125V39.4375ZM78.106 30.4375C77.6608 29.9375 77.0247 30.3125 76.4523 30.3125L76.3887 30.625C76.3887 31.9375 76.5159 33.125 76.3887 34.375C76.4523 35.5 76.1979 36.6875 76.3887 37.8125L76.3251 38.375C76.5159 38.75 76.0071 39.375 76.5159 39.625C76.9611 39.6875 77.47 40 77.8516 39.625C78.0424 39.625 78.106 39.5 78.0424 39.25C77.8516 39.125 77.9152 38.875 77.9788 38.625C77.7244 38.0625 78.106 37.5625 77.9788 37C77.788 36.8125 77.9788 36.5625 77.9152 36.375C78.0424 36.1875 77.6608 36 77.9152 35.75V35.3125C77.7244 34.875 78.106 34.4375 77.9152 34C77.6608 33.6875 78.0424 33.5 78.0424 33.1875C77.9152 33 78.106 32.8125 78.0424 32.6875C77.9788 32.5 77.788 32.1875 78.0424 32.0625C78.106 31.875 78.1696 31.5625 77.9788 31.4375C78.2332 31.125 77.9152 30.8125 78.106 30.4375ZM80.6502 30.4375C80.2686 29.9375 79.6325 30.3125 79.0601 30.3125L78.9965 30.625C78.9965 31.9375 79.1237 33.125 78.9329 34.375C79.0601 35.5 78.8057 36.6875 78.9329 37.8125V38.375C79.0601 38.75 78.6148 39.375 79.1237 39.625C79.5689 39.6875 80.0777 40 80.4594 39.625C80.5866 39.625 80.7138 39.5 80.6502 39.25C80.4594 39.125 80.523 38.875 80.5866 38.625C80.3322 38.0625 80.7138 37.5625 80.5866 37C80.3958 36.8125 80.5866 36.5625 80.523 36.375C80.6502 36.1875 80.2686 36 80.523 35.75V35.3125C80.3322 34.875 80.7138 34.4375 80.523 34C80.2686 33.6875 80.6502 33.5 80.5866 33.1875C80.5866 33 80.7138 32.8125 80.5866 32.6875C80.5866 32.5 80.3322 32.1875 80.5866 32.0625C80.7138 31.875 80.7774 31.5625 80.5866 31.4375C80.841 31.125 80.523 30.8125 80.7138 30.4375M85.0389 39.0625C85.1025 38.9375 84.9753 38.8125 84.8481 38.75C84.6572 38.25 84.0212 38.5625 83.7032 38.125C83.6396 37.9375 83.5124 37.6875 83.7032 37.5C83.576 36.6875 83.9576 35.875 83.7032 35.125C84.0212 34.8125 83.7032 34.5 83.7032 34.1875C83.894 33.9375 84.212 34.0625 84.4664 34.0625C84.7209 33.875 85.1025 33.8125 85.0389 33.4375C84.7845 33.25 85.0389 33 84.8481 32.8125C84.53 32.8125 84.212 32.625 83.8304 32.625C83.3216 32.4375 83.8304 32 83.7668 31.625C84.0212 31.4375 83.7668 31.25 83.7668 31C83.576 30.75 83.1307 30.6875 82.8127 30.75C82.6219 30.8125 82.3039 30.75 82.1767 31L82.2403 32.3125V32.5625C82.2403 32.875 81.9223 32.8125 81.6678 32.8125C81.5406 32.875 81.5406 33.0625 81.4134 33.25C81.4134 33.4375 81.4134 33.8125 81.6042 34L81.7315 33.9375C81.9223 33.8125 82.1131 33.9375 82.1767 34.0625C82.3039 35 82.1767 36.0625 82.3039 37.0625L82.1767 37.375C82.3039 38.125 82.0495 39.125 82.8127 39.6875C83.3852 39.75 84.0848 39.9375 84.6572 39.75C84.8481 39.5625 85.1025 39.375 85.0389 39.0625ZM87.583 39.0625C87.2014 38.8125 87.3286 38.3125 87.3922 37.9375C87.2014 37.5625 87.3922 37.1875 87.4558 36.8125C87.4558 36.125 87.2014 35.5625 87.4558 34.875C87.3922 34.8125 87.3286 34.6875 87.3922 34.625C87.7102 34.1875 87.3286 33.625 87.3922 33.125C87.265 32.8125 87.0106 32.625 86.629 32.625C86.3746 32.75 86.1201 32.625 85.8657 32.875C85.5477 33.5625 86.1201 34.4375 85.7385 35.125C85.9293 36.125 85.7385 37.1875 85.7385 38.25V38.625C85.8657 39 85.5477 39.5625 86.0565 39.8125C86.5018 39.8125 87.0106 40 87.3286 39.6875C87.5194 39.5625 87.583 39.3125 87.583 39.0625ZM87.4558 30.625C87.1378 30.125 86.6926 30.1875 86.1838 30.25C85.6749 30.375 85.9929 31 85.7385 31.3125C85.8021 31.4375 85.8657 31.625 85.9929 31.625C86.4382 31.625 86.947 31.875 87.265 31.625C87.9011 31.375 87.265 30.9375 87.4558 30.625ZM90.9541 37.75C91.0177 38.0625 91.0177 38.375 90.6997 38.5625C90.5724 38.5625 90.2544 38.6875 90.1908 38.5C89.9364 38.1875 90.0636 37.875 90 37.4375C90.1272 36.8125 89.9364 36.0625 90.0636 35.375C89.8728 35.0625 90.1272 34.625 90.0636 34.25C90.0636 34.125 90.1908 34.0625 90.318 33.9375C90.5088 33.9375 90.7633 33.9375 90.9541 34.125C90.9541 34.625 91.1449 35.1875 90.9541 35.625C91.0813 36.125 90.9541 36.5625 90.9541 37C91.1449 37.25 90.8905 37.5 90.9541 37.75ZM92.8622 31.8125C92.7986 31.6875 92.6714 31.5625 92.735 31.375C92.735 31.0625 92.8622 30.6875 92.6714 30.4375C92.2898 30.1875 91.7173 30.1875 91.2721 30.375C90.8269 31.125 91.2721 32 91.0177 32.875C91.0177 32.9375 90.8905 33.125 90.7633 33.0625C90.3816 32.6875 89.8728 32.625 89.3004 32.6875C89.0459 32.8125 88.7915 32.9375 88.6643 33.25L88.5371 34.125C88.5371 35.9375 88.2827 37.6875 88.7279 39.375C88.7279 39.5625 88.9187 39.75 89.1095 39.75C89.5548 40 90.318 39.9375 90.7633 39.5625C90.8905 39.5625 90.9541 39.6875 91.0813 39.75C91.7173 39.6875 92.3534 40.1875 92.735 39.5625V38.5C92.7986 38.0625 92.4806 37.625 92.6078 37.125L92.735 35.5625C92.5442 35.125 92.6714 34.5625 92.7986 34.125V34.0625C92.6078 33.9375 92.7986 33.75 92.7986 33.5625C92.7986 32.9375 92.4806 32.375 92.7986 31.8125M101.385 33.375C101.512 32.9375 100.94 33.1875 100.94 32.8125C100.304 32.5 99.3498 32.6875 98.7774 33.125L98.7138 32.9375C98.7138 32.8125 98.5866 32.8125 98.523 32.75C98.0777 32.875 97.5689 32.5 97.2509 32.875V34.9375L97.3145 36C97.2335 36.8314 97.2335 37.6686 97.3145 38.5C97.1237 38.8125 97.1873 39.25 97.2509 39.5625C97.2509 39.75 97.5053 39.875 97.6961 39.875C98.0141 39.6875 98.3322 40 98.6502 39.8125C98.9682 39.5 98.7774 39.0625 98.7138 38.6875L98.841 37.8125C98.5866 37.5625 98.841 37.1875 98.841 36.8125C98.6502 36.5 98.841 36.125 98.6502 35.8125C98.841 35.1875 98.4594 34.5 99.0318 34.0625C99.2226 34.0625 99.477 33.875 99.6678 34.0625L99.7315 35.625V36.0625C99.5406 37.1875 99.7951 38.375 99.6042 39.5C99.6042 39.625 99.7315 39.75 99.8587 39.8125C100.367 39.625 100.813 40.125 101.258 39.6875C101.258 39.375 101.385 39.0625 101.322 38.625L101.258 37.125C101.449 36.625 101.194 36.125 101.322 35.625C101.067 35.25 101.449 34.9375 101.322 34.5C101.512 34.125 101.322 33.75 101.385 33.375ZM104.438 36.75C104.311 37.375 104.82 38.375 103.993 38.625H103.611C103.42 38.3125 103.611 38 103.611 37.6875C103.742 37.2732 103.958 36.8901 104.247 36.5625H104.311L104.438 36.75ZM106.219 39.375C106.028 39.0625 106.092 38.6875 106.092 38.375C105.837 37.9375 106.092 37.4375 105.965 36.875C105.965 36.75 106.155 36.625 106.028 36.5V34.375C106.155 33.9375 106.028 33.4375 105.774 33.125C105.265 32.625 104.502 32.375 103.739 32.625C103.166 32.8125 102.657 33.25 102.403 33.875C102.403 34.0625 102.212 34.5 102.466 34.6875H103.421C103.993 34.6875 103.611 33.875 104.184 33.875C104.565 34.0625 104.502 34.625 104.565 35C104.502 35.3125 104.184 35.375 103.929 35.4375C103.42 36.0625 102.594 36.25 102.276 37.0625C102.212 37.4375 102.021 37.8125 102.148 38.3125C101.958 38.8125 102.276 39.25 102.53 39.625C102.912 39.9375 103.357 39.9375 103.802 39.875C103.929 39.625 104.184 39.5625 104.375 39.4375C104.82 39.875 105.392 39.8125 105.901 39.8125C106.155 39.8125 106.155 39.5 106.219 39.3125V39.375ZM103.675 30.4375C103.675 30.25 103.739 30 103.993 29.9375C104.311 29.6875 104.629 29.9375 105.011 29.9375C105.138 30.1875 105.392 30.4375 105.138 30.6875C105.138 30.9375 104.947 31.0625 104.82 31.1875C104.502 31.3125 104.184 31.375 103.929 31.1875C103.739 31 103.548 30.75 103.675 30.4375ZM105.647 31C105.71 30.625 105.774 30.25 105.647 29.875C105.265 29.25 104.502 29.3125 103.866 29.4375C103.675 29.5625 103.484 29.75 103.23 29.8125C103.23 29.9375 103.23 30.0625 103.102 30.125C102.975 30.75 103.23 31.4375 103.866 31.8125C104.057 31.8125 104.184 32.0625 104.438 32C104.502 31.8125 104.693 31.9375 104.82 31.8125C105.074 31.8125 105.265 31.6875 105.456 31.5625C105.583 31.375 105.837 31.25 105.647 30.9375V31ZM110.544 39C110.608 38.875 110.481 38.75 110.353 38.6875C110.099 38.1875 109.463 38.5 109.208 38.0625C109.145 37.875 109.018 37.625 109.208 37.4375C109.081 36.625 109.463 35.8125 109.208 35.0625C109.463 34.75 109.208 34.4375 109.208 34.125C109.399 33.875 109.717 34 109.972 34C110.226 33.8125 110.608 33.75 110.544 33.375C110.29 33.1875 110.544 32.9375 110.353 32.75C109.972 32.75 109.717 32.5625 109.336 32.5625C108.827 32.375 109.336 31.9375 109.272 31.5625C109.527 31.375 109.272 31.1875 109.272 30.9375C109.018 30.6875 108.636 30.625 108.318 30.6875C108.127 30.75 107.809 30.6875 107.682 30.9375L107.746 32.25V32.5C107.746 32.8125 107.428 32.75 107.173 32.75C107.046 32.8125 107.046 33 106.919 33.1875C106.919 33.375 106.919 33.75 107.11 33.9375L107.237 33.875C107.364 33.75 107.618 33.875 107.682 34C107.809 34.9375 107.682 36 107.809 37L107.682 37.3125C107.809 38.0625 107.491 39.0625 108.318 39.625C108.827 39.6875 109.59 39.875 110.099 39.6875C110.29 39.5 110.608 39.3125 110.544 39ZM117.35 36.6875C117.159 37.3125 117.668 38.3125 116.841 38.5625H116.459C116.269 38.25 116.459 37.9375 116.459 37.625C116.59 37.2107 116.806 36.8276 117.095 36.5H117.223L117.35 36.6875ZM118.94 39.375C118.749 39.0625 118.813 38.6875 118.813 38.375C118.558 37.9375 118.813 37.4375 118.686 36.875C118.686 36.75 118.876 36.625 118.813 36.5V34.375C118.94 33.9375 118.813 33.4375 118.495 33.125C117.986 32.625 117.223 32.375 116.523 32.625C115.887 32.8125 115.378 33.25 115.124 33.875C115.124 34.0625 114.933 34.5 115.187 34.6875H116.141C116.714 34.6875 116.332 33.875 116.905 33.875C117.286 34.0625 117.223 34.625 117.286 35C117.223 35.3125 116.968 35.375 116.65 35.4375C116.141 36.0625 115.314 36.25 114.996 37.0625C114.933 37.4375 114.742 37.8125 114.869 38.3125C114.742 38.8125 114.996 39.25 115.314 39.625C115.633 39.9375 116.141 39.9375 116.587 39.875C116.714 39.625 116.905 39.5625 117.095 39.4375C117.541 39.875 118.113 39.8125 118.622 39.8125C118.94 39.8125 118.876 39.5 118.94 39.3125V39.375ZM123.201 39C123.265 38.875 123.138 38.75 123.011 38.6875C122.82 38.1875 122.184 38.5 121.866 38.0625C121.802 37.875 121.675 37.625 121.866 37.4375C121.739 36.625 122.12 35.8125 121.866 35.0625C122.184 34.75 121.866 34.4375 121.866 34.125C122.057 33.875 122.375 34 122.629 34C122.883 33.8125 123.265 33.75 123.201 33.375C122.947 33.1875 123.201 32.9375 123.011 32.75C122.693 32.75 122.375 32.5625 121.993 32.5625C121.484 32.375 121.993 31.9375 121.929 31.5625C122.184 31.375 121.929 31.1875 121.929 30.9375C121.739 30.6875 121.293 30.625 120.975 30.6875C120.784 30.75 120.466 30.6875 120.339 30.9375L120.403 32.25V32.5C120.403 32.8125 120.085 32.75 119.83 32.75C119.703 32.8125 119.703 33 119.576 33.1875C119.576 33.375 119.576 33.75 119.767 33.9375L119.894 33.875C120.085 33.75 120.276 33.875 120.339 34C120.466 34.9375 120.339 36 120.466 37L120.339 37.3125C120.466 38.0625 120.212 39.0625 120.975 39.625C121.548 39.6875 122.247 39.875 122.82 39.6875C123.011 39.5 123.265 39.3125 123.201 39ZM127.527 39C127.527 38.875 127.399 38.75 127.272 38.6875C127.081 38.1875 126.445 38.5 126.127 38.0625C126.127 37.875 125.936 37.625 126.127 37.4375C126.064 36.625 126.382 35.8125 126.127 35.0625C126.445 34.75 126.127 34.4375 126.127 34.125C126.318 33.875 126.636 34 126.954 34C127.145 33.8125 127.59 33.75 127.463 33.375C127.208 33.1875 127.463 32.9375 127.336 32.75C126.954 32.75 126.7 32.5625 126.318 32.5625C125.746 32.375 126.318 31.9375 126.191 31.5625C126.509 31.375 126.191 31.1875 126.191 30.9375C126 30.6875 125.618 30.625 125.3 30.6875C125.11 30.75 124.728 30.6875 124.664 30.9375V32.5C124.664 32.8125 124.41 32.75 124.155 32.75C123.965 32.8125 123.965 33 123.901 33.1875C123.837 33.375 123.837 33.75 124.028 33.9375L124.155 33.875C124.346 33.75 124.537 33.875 124.664 34C124.792 34.9375 124.601 36 124.728 37L124.601 37.3125C124.728 38.0625 124.474 39.0625 125.237 39.625C125.809 39.6875 126.509 39.875 127.081 39.6875C127.272 39.5 127.59 39.3125 127.527 39ZM135.159 40.5625C135.159 40.75 135.159 40.9375 134.968 41.0625C134.459 41.1875 133.951 41.1875 133.442 40.9375C133.314 40.625 133.378 40.25 133.696 40.0625H134.396C134.587 40.0625 134.777 39.9375 134.968 40.125C135.095 40.25 135.159 40.4375 135.159 40.5625ZM134.396 36.25C134.396 36.5 134.205 36.625 134.014 36.6875C133.951 36.8125 133.76 36.6875 133.633 36.6875C133.505 36.625 133.442 36.375 133.378 36.25C133.442 35.8125 133.696 35.3125 133.569 34.875C133.442 34.625 133.442 34.3125 133.569 34C133.633 33.8125 133.887 33.6875 134.141 33.8125C134.777 34.5 134.141 35.4375 134.396 36.3125M136.749 33.5625C136.749 33.375 136.622 33.25 136.558 33.0625C136.495 32.8125 136.24 32.75 136.049 32.6875C135.668 32.5 135.604 33 135.286 33C135.032 32.6875 134.65 32.625 134.269 32.5625C134.014 32.4375 133.76 32.625 133.505 32.5625C133.124 32.875 132.551 32.9375 132.36 33.5C132.488 33.8125 132.106 34.125 132.233 34.4375C132.36 35.0625 132.233 35.5625 132.233 36.125C132.17 36.4375 132.297 36.75 132.424 37.0625C132.551 37.3125 133.06 37.5 132.933 37.875C132.551 38.1875 132.17 38.5 132.297 39C132.297 39.375 132.742 39.5 132.806 39.8125C132.742 40.0625 132.424 40.1875 132.17 40.3125C131.788 40.625 131.852 41.1875 131.979 41.5625C132.233 41.8125 132.551 42.1875 132.933 42.1875C133.378 42.5625 134.014 42.3125 134.523 42.5C135.159 42.375 135.604 42.0625 136.177 41.875C136.368 41.625 136.495 41.375 136.367 41.0625C136.813 40.6875 136.558 40.125 136.558 39.6875C136.558 39.375 136.24 39.375 136.113 39.0625C135.668 39.0625 135.35 38.625 134.905 38.8125C134.523 38.625 134.078 38.8125 133.696 38.625C133.569 38.5625 133.314 38.4375 133.378 38.1875C133.887 37.6875 134.905 38.1875 135.286 37.5C136.113 37.25 135.477 36.3125 135.795 35.8125C135.727 35.4826 135.727 35.1424 135.795 34.8125C135.795 34.5625 135.795 34.25 135.922 34C136.177 33.9375 136.558 33.9375 136.749 33.5625ZM139.611 37.625C139.611 37.9375 139.611 38.375 139.357 38.5C139.102 38.5625 138.912 38.5 138.721 38.375C138.212 37.9375 138.594 37.3125 138.657 36.75C138.339 36.1875 138.784 35.5625 138.466 35C138.594 34.625 138.466 34.125 138.784 33.9375C138.975 33.9375 139.166 33.8125 139.42 33.9375C139.866 34.25 139.484 34.9375 139.548 35.4375L139.611 37.625ZM141.201 33.875C140.947 33.75 141.074 33.4375 140.947 33.25C140.184 32.75 139.166 32.3125 138.276 32.8125C137.894 33.125 137.385 33.4375 137.385 34C137.131 34.625 137.322 35.3125 137.194 36C137.004 36.5 137.322 37.125 137.194 37.6875C137.385 38.125 137.194 38.75 137.512 39.125L138.021 39.5625C138.212 39.5 138.339 39.8125 138.594 39.8125C138.912 39.8125 139.166 39.9375 139.484 39.875C139.993 39.5625 140.756 39.625 141.011 38.9375V37.25C140.82 37 141.074 36.6875 141.011 36.4375C141.201 36.0625 141.011 35.6875 141.011 35.25C141.392 34.8125 140.947 34.375 141.201 33.875ZM138.975 30.9375C138.594 30.5 137.958 30.75 137.512 30.9375C137.258 31.125 137.385 31.5 137.385 31.75C137.576 32.3125 138.212 31.875 138.53 32.0625C139.166 32 138.721 31.375 138.975 30.9375ZM141.138 31.4375C140.947 31.1875 140.883 30.875 140.629 30.75C140.247 30.625 139.929 30.75 139.548 30.75C139.23 31 139.166 31.6875 139.548 32C139.929 32.125 140.311 32.0625 140.693 32.125C140.947 32 141.074 31.6875 141.138 31.5M145.654 33.75C145.654 33.3125 145.272 32.9375 145.018 32.625C144.827 32.625 144.572 32.5625 144.382 32.75C144.064 32.75 143.936 33.125 143.618 33.25C143.428 33.125 143.618 32.8125 143.428 32.6875C142.982 32.6875 142.537 32.625 142.155 32.9375L142.092 35.8125C142.346 36.4375 141.901 37.1875 142.155 37.8125C142.028 38.25 142.155 38.625 142.155 39.0625C142.155 39.25 142.028 39.5 142.219 39.625C142.728 39.625 143.3 39.875 143.746 39.5625V38.9375C143.936 38.6875 143.746 38.3125 143.746 38C143.618 37.625 143.555 37.125 143.746 36.8125C143.618 36.625 143.682 36.3125 143.746 36.0625C143.717 36.0039 143.703 35.9399 143.703 35.875C143.703 35.8101 143.717 35.7461 143.746 35.6875V34.75L144.254 34.1875C144.763 34.25 145.272 34 145.654 33.75ZM148.198 36.6875C148.071 37.3125 148.643 38.3125 147.753 38.5625H147.435C147.18 38.25 147.371 37.9375 147.435 37.625C147.565 37.2107 147.782 36.8276 148.071 36.5L148.198 36.6875ZM150.106 39.375C149.915 39.0625 149.915 38.6875 149.979 38.375C149.724 37.9375 149.915 37.4375 149.788 36.875C149.788 36.75 149.979 36.625 149.915 36.5V34.375C150.042 33.9375 149.915 33.4375 149.661 33.125C149.088 32.625 148.389 32.375 147.625 32.625C146.989 32.8125 146.481 33.25 146.226 33.875C146.226 34.0625 146.099 34.5 146.353 34.6875H147.244C147.88 34.6875 147.435 33.875 148.007 33.875C148.389 34.0625 148.325 34.625 148.389 35C148.389 35.3125 148.071 35.375 147.753 35.4375C147.244 36.0625 146.481 36.25 146.163 37.0625C146.035 37.4375 145.845 37.8125 145.972 38.3125C145.845 38.8125 146.099 39.25 146.417 39.625C146.735 39.9375 147.244 39.9375 147.689 39.875C147.816 39.625 148.071 39.5625 148.198 39.4375C148.643 39.875 149.216 39.8125 149.788 39.8125C150.042 39.8125 149.979 39.5 150.106 39.3125V39.375ZM153.032 39C153.032 38.75 152.841 38.5625 152.714 38.4375C152.332 37.875 151.76 38.4375 151.314 38.25C150.806 38.375 150.996 39.0625 151.06 39.5C151.06 39.625 151.314 39.75 151.505 39.75C151.887 39.6875 152.269 39.875 152.65 39.75C152.905 39.5625 152.841 39.1875 153.032 39Z" fill="#041116"/>
|
|
35
|
+
</g>
|
|
36
|
+
</g>
|
|
37
|
+
<defs>
|
|
38
|
+
<clipPath id="clip0_100_9">
|
|
39
|
+
<rect width="180" height="45" fill="white"/>
|
|
40
|
+
</clipPath>
|
|
41
|
+
</defs>
|
|
42
|
+
</svg>
|
|
Binary file
|
|
@@ -9,6 +9,8 @@ export class HemfixarnaBreadcrumbs {
|
|
|
9
9
|
};
|
|
10
10
|
this.tree = undefined;
|
|
11
11
|
this.closeModal = undefined;
|
|
12
|
+
this.loadFromQuery = false;
|
|
13
|
+
this.isDemo = false;
|
|
12
14
|
}
|
|
13
15
|
getCartLength() {
|
|
14
16
|
return state.cart.reduce((acc, curr) => acc + curr.amount, 0);
|
|
@@ -36,7 +38,7 @@ export class HemfixarnaBreadcrumbs {
|
|
|
36
38
|
const close = getAssetPath(`./assets/close.svg`);
|
|
37
39
|
const cart = getAssetPath(`./assets/cart.svg`);
|
|
38
40
|
const back = getAssetPath(`./assets/back.svg`);
|
|
39
|
-
return (h("div", null, h("div", { class: "hemfixarna_crumbs" }, h("div", { class: "hemfixarna_crumbs--links" }, h("img", { onClick: () => this.handleHomePageClick(), src: logo, width: 110 }), h("img", { onClick: () => this.closeModal(), class: "close", src: close, width: 32 }), h("div", null, h("button", { onClick: () => this.handleHomePageClick() }, "Alla tj\u00E4nster"))), h("div", { onClick: () => this.handleCartClick(), class: `cart ${this.getCartLength() > 0 ? 'cart_active' : ''}` }, h("img", { src: cart, width: 24 }), h("span", null, this.getCartLength()))), [3, 4].includes(state.step) && !state.customer && (h("button", { class: "hemfixarna_crumbs--back", onClick: () => {
|
|
41
|
+
return (h("div", null, h("div", { class: "hemfixarna_crumbs" }, h("div", { class: "hemfixarna_crumbs--links" }, h("img", { onClick: () => this.handleHomePageClick(), src: logo, width: 110 }), !this.loadFromQuery || this.isDemo ? h("img", { onClick: () => this.closeModal(), class: "close", src: close, width: 32 }) : null, h("div", null, h("button", { onClick: () => this.handleHomePageClick() }, "Alla tj\u00E4nster"))), h("div", { onClick: () => this.handleCartClick(), class: `cart ${this.getCartLength() > 0 ? 'cart_active' : ''}` }, h("img", { src: cart, width: 24 }), h("span", null, this.getCartLength()))), [3, 4].includes(state.step) && !state.customer && (h("button", { class: "hemfixarna_crumbs--back", onClick: () => {
|
|
40
42
|
state.step = state.step === 4 ? 3 : 2;
|
|
41
43
|
} }, h("img", { width: 24, src: back, alt: "back arrow" }), h("span", null, "Se allt ", state.step === 4 ? state.selectedService.post_title : state.selectedCategory.name))), state.parentCategory && state.step < 5 && (h("button", { class: "hemfixarna_crumbs--back", onClick: () => {
|
|
42
44
|
state.step = 1;
|
|
@@ -81,6 +83,42 @@ export class HemfixarnaBreadcrumbs {
|
|
|
81
83
|
"tags": [],
|
|
82
84
|
"text": ""
|
|
83
85
|
}
|
|
86
|
+
},
|
|
87
|
+
"loadFromQuery": {
|
|
88
|
+
"type": "boolean",
|
|
89
|
+
"mutable": false,
|
|
90
|
+
"complexType": {
|
|
91
|
+
"original": "boolean",
|
|
92
|
+
"resolved": "boolean",
|
|
93
|
+
"references": {}
|
|
94
|
+
},
|
|
95
|
+
"required": false,
|
|
96
|
+
"optional": false,
|
|
97
|
+
"docs": {
|
|
98
|
+
"tags": [],
|
|
99
|
+
"text": ""
|
|
100
|
+
},
|
|
101
|
+
"attribute": "load-from-query",
|
|
102
|
+
"reflect": false,
|
|
103
|
+
"defaultValue": "false"
|
|
104
|
+
},
|
|
105
|
+
"isDemo": {
|
|
106
|
+
"type": "boolean",
|
|
107
|
+
"mutable": false,
|
|
108
|
+
"complexType": {
|
|
109
|
+
"original": "boolean",
|
|
110
|
+
"resolved": "boolean",
|
|
111
|
+
"references": {}
|
|
112
|
+
},
|
|
113
|
+
"required": false,
|
|
114
|
+
"optional": false,
|
|
115
|
+
"docs": {
|
|
116
|
+
"tags": [],
|
|
117
|
+
"text": ""
|
|
118
|
+
},
|
|
119
|
+
"attribute": "is-demo",
|
|
120
|
+
"reflect": false,
|
|
121
|
+
"defaultValue": "false"
|
|
84
122
|
}
|
|
85
123
|
};
|
|
86
124
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hemfixarna-breadcrumbs.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-breadcrumbs/hemfixarna-breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"hemfixarna-breadcrumbs.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-breadcrumbs/hemfixarna-breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAMjD,MAAM,OAAO,qBAAqB;;IAWhC,uBAAkB,GAAG,GAAG,EAAE;MACxB,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,WAA0B,CAAC;MAC9C,WAAW,CAAC,EAAE,CAAC,CAAC;IAClB,CAAC,CAAC;;;yBAX+B,KAAK;kBACZ,KAAK;;EAG/B,aAAa;IACX,OAAO,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;EAChE,CAAC;EAOD,eAAe;;IACb,IAAI,MAAA,KAAK,CAAC,IAAI,0CAAE,MAAM,EAAE;MACtB,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC;MACf,IAAI,CAAC,kBAAkB,EAAE,CAAC;KAC3B;EACH,CAAC;EAED,mBAAmB;IACjB,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC;IACf,KAAK,CAAC,cAAc,GAAG,IAAI,CAAC;IAC5B,KAAK,CAAC,wBAAwB,GAAG,IAAI,CAAC;IACtC,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC1B,UAAU,CAAC,GAAG,EAAE;MACd,KAAK,CAAC,gBAAgB,GAAG,IAAI,CAAC;MAC9B,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC;MAC7B,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC;IAC/B,CAAC,EAAE,GAAG,CAAC,CAAC;EACV,CAAC;EAED,MAAM;IACJ,MAAM,IAAI,GAAG,YAAY,CAAC,yBAAyB,CAAC,CAAC;IACrD,MAAM,KAAK,GAAG,YAAY,CAAC,oBAAoB,CAAC,CAAC;IACjD,MAAM,IAAI,GAAG,YAAY,CAAC,mBAAmB,CAAC,CAAC;IAC/C,MAAM,IAAI,GAAG,YAAY,CAAC,mBAAmB,CAAC,CAAC;IAE/C,OAAO,CACL;MACE,WAAK,KAAK,EAAC,mBAAmB;QAC5B,WAAK,KAAK,EAAC,0BAA0B;UACnC,WAAK,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,GAAI;UACxE,CAAC,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,WAAK,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE,KAAK,EAAC,OAAO,EAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI;UAC3H;YACE,cAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,yBAAwB,CACrE,CACF;QACN,WAAK,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,EAAE,KAAK,EAAE,QAAQ,IAAI,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE;UACxG,WAAK,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,GAAI;UAC7B,gBAAO,IAAI,CAAC,aAAa,EAAE,CAAQ,CAC/B,CACF;MACL,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CACjD,cACE,KAAK,EAAC,yBAAyB,EAC/B,OAAO,EAAE,GAAG,EAAE;UACZ,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACxC,CAAC;QAED,WAAK,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAC,YAAY,GAAG;QAC9C;;UAAe,KAAK,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAQ,CACjG,CACV;MACA,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,IAAI,GAAG,CAAC,IAAI,CACzC,cACE,KAAK,EAAC,yBAAyB,EAC/B,OAAO,EAAE,GAAG,EAAE;UACZ,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC;UACf,KAAK,CAAC,wBAAwB,GAAG,KAAK,CAAC,cAAc,CAAC;UACtD,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC;QAC/B,CAAC;QAED,WAAK,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAC,YAAY,GAAG;QAC9C;;UAAe,KAAK,CAAC,cAAc,CAAC,IAAI,CAAQ,CACzC,CACV,CACG,CACP,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Prop, getAssetPath, h } from '@stencil/core';\nimport state from '../../store';\nimport { Category } from '../../types';\nimport { scrollToTop } from '../../utils/scroll';\n\n@Component({\n tag: 'hemfixarna-breadcrumbs',\n shadow: false,\n})\nexport class HemfixarnaBreadcrumbs {\n @Prop() tree: Category;\n @Prop() closeModal: () => void;\n @Prop() loadFromQuery: boolean = false;\n @Prop() isDemo: boolean = false;\n @Element() private el: HTMLElement;\n\n getCartLength() {\n return state.cart.reduce((acc, curr) => acc + curr.amount, 0);\n }\n\n triggerScrollTotop = () => {\n const el = this.el.nextSibling as HTMLElement;\n scrollToTop(el);\n };\n\n handleCartClick() {\n if (state.cart?.length) {\n state.step = 5;\n this.triggerScrollTotop();\n }\n }\n\n handleHomePageClick() {\n state.step = 1;\n state.parentCategory = null;\n state.selectedCustomerCategory = null;\n this.triggerScrollTotop();\n setTimeout(() => {\n state.selectedCategory = null;\n state.selectedProduct = null;\n state.selectedService = null;\n }, 200);\n }\n\n render() {\n const logo = getAssetPath(`./assets/hemfixarna.svg`);\n const close = getAssetPath(`./assets/close.svg`);\n const cart = getAssetPath(`./assets/cart.svg`);\n const back = getAssetPath(`./assets/back.svg`);\n\n return (\n <div>\n <div class=\"hemfixarna_crumbs\">\n <div class=\"hemfixarna_crumbs--links\">\n <img onClick={() => this.handleHomePageClick()} src={logo} width={110} />\n {!this.loadFromQuery || this.isDemo ? <img onClick={() => this.closeModal()} class=\"close\" src={close} width={32} /> : null}\n <div>\n <button onClick={() => this.handleHomePageClick()}>Alla tjänster</button>\n </div>\n </div>\n <div onClick={() => this.handleCartClick()} class={`cart ${this.getCartLength() > 0 ? 'cart_active' : ''}`}>\n <img src={cart} width={24} />\n <span>{this.getCartLength()}</span>\n </div>\n </div>\n {[3, 4].includes(state.step) && !state.customer && (\n <button\n class=\"hemfixarna_crumbs--back\"\n onClick={() => {\n state.step = state.step === 4 ? 3 : 2;\n }}\n >\n <img width={24} src={back} alt=\"back arrow\" />\n <span>Se allt {state.step === 4 ? state.selectedService.post_title : state.selectedCategory.name}</span>\n </button>\n )}\n {state.parentCategory && state.step < 5 && (\n <button\n class=\"hemfixarna_crumbs--back\"\n onClick={() => {\n state.step = 1;\n state.selectedCustomerCategory = state.parentCategory;\n state.selectedProduct = null;\n }}\n >\n <img width={24} src={back} alt=\"back arrow\" />\n <span>Se allt {state.parentCategory.name}</span>\n </button>\n )}\n </div>\n );\n }\n}\n"]}
|
|
@@ -5,11 +5,11 @@ export class MyComponent {
|
|
|
5
5
|
this.tree = null;
|
|
6
6
|
this.slug = undefined;
|
|
7
7
|
this.id = undefined;
|
|
8
|
-
this.customer = undefined;
|
|
9
8
|
this.forceOldTree = false;
|
|
9
|
+
this.loadFromQuery = false;
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (h("hemfixarna-component", { forceOldTree: this.forceOldTree, id: this.id, slug: this.slug, business: Business.byggmax, topCategory: TopCategory.byggmax }));
|
|
12
|
+
return (h("hemfixarna-component", { loadFromQuery: this.loadFromQuery, forceOldTree: this.forceOldTree, id: this.id, slug: this.slug, business: Business.byggmax, topCategory: TopCategory.byggmax }));
|
|
13
13
|
}
|
|
14
14
|
static get is() { return "hemfixarna-byggmax"; }
|
|
15
15
|
static get encapsulation() { return "shadow"; }
|
|
@@ -59,12 +59,12 @@ export class MyComponent {
|
|
|
59
59
|
"attribute": "id",
|
|
60
60
|
"reflect": false
|
|
61
61
|
},
|
|
62
|
-
"
|
|
63
|
-
"type": "
|
|
62
|
+
"forceOldTree": {
|
|
63
|
+
"type": "boolean",
|
|
64
64
|
"mutable": false,
|
|
65
65
|
"complexType": {
|
|
66
|
-
"original": "
|
|
67
|
-
"resolved": "
|
|
66
|
+
"original": "boolean",
|
|
67
|
+
"resolved": "boolean",
|
|
68
68
|
"references": {}
|
|
69
69
|
},
|
|
70
70
|
"required": false,
|
|
@@ -73,10 +73,11 @@ export class MyComponent {
|
|
|
73
73
|
"tags": [],
|
|
74
74
|
"text": ""
|
|
75
75
|
},
|
|
76
|
-
"attribute": "
|
|
77
|
-
"reflect": false
|
|
76
|
+
"attribute": "force-old-tree",
|
|
77
|
+
"reflect": false,
|
|
78
|
+
"defaultValue": "false"
|
|
78
79
|
},
|
|
79
|
-
"
|
|
80
|
+
"loadFromQuery": {
|
|
80
81
|
"type": "boolean",
|
|
81
82
|
"mutable": false,
|
|
82
83
|
"complexType": {
|
|
@@ -90,7 +91,7 @@ export class MyComponent {
|
|
|
90
91
|
"tags": [],
|
|
91
92
|
"text": ""
|
|
92
93
|
},
|
|
93
|
-
"attribute": "
|
|
94
|
+
"attribute": "load-from-query",
|
|
94
95
|
"reflect": false,
|
|
95
96
|
"defaultValue": "false"
|
|
96
97
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hemfixarna-byggmax.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-byggmax/hemfixarna-byggmax.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAY,WAAW,EAAE,MAAM,aAAa,CAAC;AAO9D,MAAM,OAAO,WAAW;;gBACY,IAAI
|
|
1
|
+
{"version":3,"file":"hemfixarna-byggmax.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-byggmax/hemfixarna-byggmax.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAY,WAAW,EAAE,MAAM,aAAa,CAAC;AAO9D,MAAM,OAAO,WAAW;;gBACY,IAAI;;;wBAGL,KAAK;yBACJ,KAAK;;EAEvC,MAAM;IACJ,OAAO,CACL,4BACE,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,QAAQ,CAAC,OAAO,EAC1B,WAAW,EAAE,WAAW,CAAC,OAAO,GACV,CACzB,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, State, h } from '@stencil/core';\nimport { Business, Category, TopCategory } from '../../types';\n\n@Component({\n tag: 'hemfixarna-byggmax',\n styleUrl: 'hemfixarna-byggmax.scss',\n shadow: true,\n})\nexport class MyComponent {\n @State() tree?: Category | null = null;\n @Prop() slug?: string;\n @Prop() id?: string;\n @Prop() forceOldTree?: boolean = false;\n @Prop() loadFromQuery?: boolean = false;\n\n render() {\n return (\n <hemfixarna-component\n loadFromQuery={this.loadFromQuery}\n forceOldTree={this.forceOldTree}\n id={this.id}\n slug={this.slug}\n business={Business.byggmax}\n topCategory={TopCategory.byggmax}\n ></hemfixarna-component>\n );\n }\n}\n"]}
|