hemfixarna-web-components 1.3.8 → 1.3.9
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_24.cjs.entry.js +71 -19
- package/dist/cjs/hemfixarna-address_24.cjs.entry.js.map +1 -1
- package/dist/collection/assets/gubbe-pensel.svg +1 -0
- package/dist/collection/assets/pensel.svg +1 -0
- package/dist/collection/components/hemfixarna-breadcrumbs/hemfixarna-breadcrumbs.js +2 -0
- package/dist/collection/components/hemfixarna-breadcrumbs/hemfixarna-breadcrumbs.js.map +1 -1
- package/dist/collection/components/hemfixarna-component/hemfixarna-component.js +21 -11
- package/dist/collection/components/hemfixarna-component/hemfixarna-component.js.map +1 -1
- package/dist/collection/components/hemfixarna-component/hemfixarna.css +48 -34
- package/dist/collection/components/hemfixarna-demo/hemfixarna-demo.js +7 -2
- package/dist/collection/components/hemfixarna-demo/hemfixarna-demo.js.map +1 -1
- package/dist/collection/components/hemfixarna-order/hemfixarna-order.js +1 -0
- package/dist/collection/components/hemfixarna-order/hemfixarna-order.js.map +1 -1
- package/dist/collection/components/hemfixarna-product/hemfixarna-product.css +0 -0
- package/dist/collection/components/hemfixarna-product/hemfixarna-product.js +37 -2
- package/dist/collection/components/hemfixarna-product/hemfixarna-product.js.map +1 -1
- package/dist/collection/components/hemfixarna-start/hemfixarna-start.js +8 -2
- package/dist/collection/components/hemfixarna-start/hemfixarna-start.js.map +1 -1
- package/dist/collection/store/index.js +1 -0
- package/dist/collection/store/index.js.map +1 -1
- package/dist/collection/types/index.js.map +1 -1
- package/dist/esm/hemfixarna-address_24.entry.js +71 -19
- package/dist/esm/hemfixarna-address_24.entry.js.map +1 -1
- package/dist/hemfixarna-components/assets/gubbe-pensel.svg +1 -0
- package/dist/hemfixarna-components/assets/pensel.svg +1 -0
- package/dist/hemfixarna-components/hemfixarna-components.esm.js +1 -1
- package/dist/hemfixarna-components/p-2a1146f9.entry.js +2 -0
- package/dist/types/components/hemfixarna-demo/hemfixarna-demo.d.ts +1 -0
- package/dist/types/components/hemfixarna-product/hemfixarna-product.d.ts +1 -0
- package/dist/types/components/hemfixarna-start/hemfixarna-start.d.ts +1 -0
- package/dist/types/store/index.d.ts +1 -0
- package/dist/types/types/index.d.ts +8 -4
- package/package.json +3 -2
- package/dist/hemfixarna-components/p-ffa06bf9.entry.js +0 -2
- /package/dist/hemfixarna-components/{p-ffa06bf9.entry.js.map → p-2a1146f9.entry.js.map} +0 -0
|
@@ -217,6 +217,7 @@ const { state, onChange, } = createStore({
|
|
|
217
217
|
parentCategory: null,
|
|
218
218
|
creditSafeUser: null,
|
|
219
219
|
checkoutInvoice: false,
|
|
220
|
+
maleri: false,
|
|
220
221
|
});
|
|
221
222
|
onChange('cart', cart => {
|
|
222
223
|
window.sessionStorage.setItem(`hemfixarna-${state.business}-cart`, JSON.stringify(cart));
|
|
@@ -498,6 +499,7 @@ const HemfixarnaBreadcrumbs = class {
|
|
|
498
499
|
setTimeout(() => {
|
|
499
500
|
state.selectedCategory = null;
|
|
500
501
|
state.selectedProduct = null;
|
|
502
|
+
state.maleri = null;
|
|
501
503
|
state.selectedService = null;
|
|
502
504
|
}, 200);
|
|
503
505
|
}
|
|
@@ -512,6 +514,7 @@ const HemfixarnaBreadcrumbs = class {
|
|
|
512
514
|
state.step = 1;
|
|
513
515
|
state.selectedCustomerCategory = state.parentCategory;
|
|
514
516
|
state.selectedProduct = null;
|
|
517
|
+
state.maleri = null;
|
|
515
518
|
} }, index.h("img", { width: 24, src: back, alt: "back arrow" }), index.h("span", null, "Se allt ", state.parentCategory.name)))));
|
|
516
519
|
}
|
|
517
520
|
get el() { return index.getElement(this); }
|
|
@@ -813,7 +816,7 @@ const HemfixarnaCheckout = class {
|
|
|
813
816
|
get el() { return index.getElement(this); }
|
|
814
817
|
};
|
|
815
818
|
|
|
816
|
-
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:32px}:host button{color:#474444}:host form{display:flex;flex-direction:column;gap:16px}:host form img{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none}:host form img:first-of-type{left:16px}:host form img:last-of-type{right:16px}:host form span{margin-top:-8px;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:16px;top:50%;transform:translateY(-50%);background:#fff;padding:4px;transition:0.2s all cubic-bezier(0.465, 0.183, 0.153, 0.946)}:host form div input{padding:16px;width:100%;font-size:16px;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 8px}:host h2{margin:0 0 24px;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_navbg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}:host .hemfixarna_nav{position:absolute;top:0;width:100dvw;left:0;height:80px;z-index:9999}:host .hemfixarna_nav:has(.nav_background) p{color:#fff}:host .hemfixarna_nav:has(.nav_background) a{text-decoration:none}:host .hemfixarna_nav:has(.nav_background) .hemfixarna_nav--links a{color:#ec6632;border:1px solid rgba(255, 255, 255, 0.3)}:host .hemfixarna_nav:has(.hemfixarna_navbg) p{color:#474444}:host .hemfixarna_nav:has(.hemfixarna_navbg) a{text-decoration:none}:host .hemfixarna_nav:has(.hemfixarna_navbg) .hemfixarna_nav--links a{text-decoration:none;color:#474444;background:#f1ded6}:host .hemfixarna_nav--links{display:none !important}@media (min-width: 769px){:host .hemfixarna_nav--links{display:flex !important}}:host .hemfixarna_nav--links a{text-decoration:none;border-radius:56px;padding:8px 32px;text-transform:capitalize;font-weight:500}:host .hemfixarna_nav>div{position:relative;overflow:hidden;width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;padding:0 16px}@media (min-width: 769px){:host .hemfixarna_nav>div{padding:0 32px}}:host .hemfixarna_nav>div>div{display:flex;gap:32px;justify-content:space-between}:host .hemfixarna_nav>div>img{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1}: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:40px 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:24px;padding:32px;box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);border-radius:4px;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:32px;z-index:99;border-radius:4px;box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);display:flex;flex-direction:column;gap:16px}: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:8px 16px}:host .hemfixarna_addressinfo{padding:16px 16px 64px;border:1px solid #fcd9c9;position:relative;margin-bottom:32px;display:grid;grid-template-columns:1fr;gap:8px}@media (min-width: 769px){:host .hemfixarna_addressinfo{grid-template-columns:1fr 1fr}}:host .hemfixarna_addressinfo button{position:absolute;bottom:16px;right:16px;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:16px;grid-template-columns:auto 75px}:host .hemfixarna_counter{display:flex;align-items:center}:host .hemfixarna_counter span{padding:0 8px}: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:16px}:host .hemfixarna_description ul{list-style:disc;padding-right:12px;transform:translateX(12px)}: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:128px;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:64px}:host .hemfixarna_partnerlogo{max-width:180px;max-height:45px}:host .hemfixarna_box{padding:16px;display:flex;align-items:center;width:100%;box-sizing:border-box;border-radius:4px;gap:16px 8px;border-radius:4px;gap:16px 8px}:host .hemfixarna_box p,:host .hemfixarna_box span{font-size:15px}:host .hemfixarna_box .underline{text-decoration:underline;text-underline-offset:2px}:host .hemfixarna_box .pointer{cursor:pointer}:host .hemfixarna_box .p-s{font-size:12px}:host .hemfixarna_box>div{display:grid;gap:8px}:host .hemfixarna_box--standard{background:#fffaf2;border:1px solid #fcd9c9}:host .hemfixarna_box--alternative,:host .hemfixarna_box--alternative_2,:host .hemfixarna_box--alternative_3{background:transparent;border:1px solid #e3e3e3}:host .hemfixarna_box--alternative_2,:host .hemfixarna_box--alternative_3{box-shadow:0px 2px 16px 0px rgba(0, 0, 0, 0.0784313725)}:host .hemfixarna_box--alternative_3{justify-content:center}:host .hemfixarna_altbtn{display:flex !important;flex-direction:column;gap:8px;align-items:center;margin-left:auto}:host .hemfixarna_btn{margin-left:auto}: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 div:has(>input[type=submit]){position:relative}:host .hemfixarna div:has(>input[type=submit]) input{cursor:pointer}:host .hemfixarna div:has(>input[type=submit]) img{display:none}:host .hemfixarna .loading{cursor:default;opacity:0.6}:host .hemfixarna .loading>img{display:initial !important;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}:host .hemfixarna_btn{font-size:14px;background:#c84e18;color:#fff;padding:16px 24px;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:-8px;right:-12px}: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:16px 24px}:host .hemfixarna .disabled{opacity:0.5;cursor:default}:host .hemfixarna_modal{position:fixed;background:#fffaf2;border:1px solid #fcd9c9;border-radius:4px;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:8px}: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:48px 32px 64px}@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:32px;display:flex;flex-direction:column;max-height:100%;overflow:auto}:host .hemfixarna_order img{cursor:pointer}:host .hemfixarna_order button{margin:16px 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:32px}@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:3.2px}@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:16px;align-items:center}:host .hemfixarna_cart--additional{display:flex;flex-direction:column;gap:16px;padding:16px;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:-24px}:host .hemfixarna_cart--price{border-top:1px solid #fcd9c9;padding:16px;display:flex;justify-content:space-between}:host .hemfixarna_cart--price h3{margin:0}:host .hemfixarna_cart--item{display:flex;flex-direction:column;gap:8px;padding:16px 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:16px}:host .hemfixarna_cart--item>div button{color:#ec6632}:host .hemfixarna_categories{display:grid;gap:24px}:host .hemfixarna_categories--wrapper{gap:32px;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:4px;min-height:132px;padding:24px;box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);display:flex;align-items:center;gap:24px;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 32px 64px}:host .hemfixarna_content--5{padding-top:16px}:host .hemfixarna_crumbs{position:relative;padding:16px 24px;border-bottom:1px solid #fcd9c9;display:flex;justify-content:space-between}:host .hemfixarna_crumbs--back{padding:16px 24px 8px;display:flex;align-items:center;gap:8px;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:-16px;top:-16px;z-index:9}:host .hemfixarna_crumbs .cart{padding-left:16px;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:-8px;right:-12px}: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:16px;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:64px;padding:12px 16px;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:12px !important}:host .hemfixarna_features li{display:flex;gap:16px;align-items:center}:host .hemfixarna_address{margin-bottom:16px}:host .hemfixarna_product{display:grid;gap:16px}:host .hemfixarna_product--link{font-weight:700;color:#474444;text-underline-offset:4px}:host .hemfixarna_product--left{gap:32px}:host .hemfixarna_product--right{gap:32px}:host .hemfixarna_product--price{margin-top:4px;font-weight:700}:host .hemfixarna_product--total{text-align:center;margin:-16px 0;font-size:21px;line-height:28px}:host .hemfixarna_product--item{background:#fff;padding:16px;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:32px}@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:4px}:host .hemfixarna_product p{margin:0}:host .hemfixarna_product--top{display:flex;gap:32px}: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:8px}:host h5,:host p{margin:0}:host input[type=submit]{cursor:pointer}:host input[type=date]~label{left:56px}:host input[type=date]{border:1px solid #fcd9c9;padding-left:64px}:host input[type=checkbox]{height:18px;width:18px;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}";
|
|
819
|
+
const hemfixarnaCss = "@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap\");\n@keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n* {\n box-sizing: border-box;\n}\n\n:host {\n font-family: \"Inter\", sans-serif;\n}\n:host .mb-2 {\n margin-bottom: 32px;\n}\n:host button {\n color: #474444;\n}\n:host form {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n:host form img {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n pointer-events: none;\n}\n:host form img:first-of-type {\n left: 16px;\n}\n:host form img:last-of-type {\n right: 16px;\n}\n:host form span {\n margin-top: -8px;\n color: #ec6632;\n}\n:host form p {\n text-align: center;\n}\n:host form p {\n margin: 0;\n}\n:host form div {\n position: relative;\n}\n:host form div label {\n pointer-events: none;\n position: absolute;\n left: 16px;\n top: 50%;\n transform: translateY(-50%);\n background: #fff;\n padding: 4px;\n transition: 0.2s all cubic-bezier(0.465, 0.183, 0.153, 0.946);\n}\n:host form div input {\n padding: 16px;\n width: 100%;\n font-size: 16px;\n border: 1px solid #fcd9c9;\n}\n:host form div input:focus ~ label,\n:host form div .input_active ~ label {\n top: 0;\n transform: translateY(-50%);\n background: linear-gradient(180deg, #fffaf2 50%, #fff 50%);\n}\n:host h1 {\n font-size: 24px;\n font-weight: 400;\n line-height: 32px;\n letter-spacing: -3%;\n text-align: left;\n margin: 0 0 8px;\n}\n:host h2 {\n margin: 0 0 24px;\n font-weight: 700;\n font-size: 20px;\n line-height: 28px;\n letter-spacing: -3%;\n}\n:host p {\n font-size: 16px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: -3%;\n}\n:host .hemfixarna {\n width: 100%;\n /* Hide default HTML checkbox */\n /* The slider */\n}\n:host .hemfixarna_painting {\n opacity: 0;\n padding: 0 1rem;\n animation: fadeIn 0.5s forwards 0.3s;\n}\n:host .hemfixarna_painting > h2,\n:host .hemfixarna_painting p {\n text-align: center;\n padding: 0 16px;\n}\n:host .hemfixarna_painting > h2 {\n margin: 0 0 8px;\n}\n:host .hemfixarna_nav {\n position: absolute;\n top: 0;\n width: 100dvw;\n left: 0;\n height: 80px;\n z-index: 9999;\n}\n:host .hemfixarna_nav--links {\n display: none !important;\n}\n@media (min-width: 769px) {\n :host .hemfixarna_nav--links {\n display: flex !important;\n }\n}\n:host .hemfixarna_nav--links a {\n color: #ec6632;\n text-decoration: none;\n border: 1px solid rgba(255, 255, 255, 0.3);\n border-radius: 56px;\n padding: 8px 32px;\n text-transform: capitalize;\n}\n:host .hemfixarna_nav > div {\n position: relative;\n overflow: hidden;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0 16px;\n}\n@media (min-width: 769px) {\n :host .hemfixarna_nav > div {\n padding: 0 32px;\n }\n}\n:host .hemfixarna_nav > div > div {\n display: flex;\n gap: 32px;\n justify-content: space-between;\n}\n:host .hemfixarna_nav > div > img {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: -1;\n}\n:host .hemfixarna_nav p {\n color: #fff;\n}\n:host .hemfixarna_standalone .hemfixarna_backdrop {\n background: #fffaf2;\n opacity: 1;\n}\n:host .hemfixarna_standalone .hemfixarna_modal {\n top: 80px;\n transform: translateX(-50%);\n border: none;\n height: calc(100dvh - 80px);\n opacity: 0;\n}\n:host .hemfixarna_standalone .hemfixarna_modal--open {\n opacity: 1;\n}\n:host .hemfixarna .switch {\n position: relative;\n display: inline-block;\n width: 40px;\n height: 20px;\n}\n:host .hemfixarna .switch input {\n opacity: 0;\n width: 0;\n height: 0;\n}\n:host .hemfixarna .slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: #ccc;\n -webkit-transition: 0.4s;\n transition: 0.4s;\n border-radius: 34px;\n}\n:host .hemfixarna .slider:before {\n position: absolute;\n content: \"\";\n height: 18px;\n width: 18px;\n left: 2px;\n bottom: 1px;\n background-color: white;\n -webkit-transition: 0.4s;\n transition: 0.4s;\n border-radius: 50%;\n}\n:host .hemfixarna input:checked + .slider {\n background-color: #fcd9c9;\n}\n:host .hemfixarna input:focus + .slider {\n box-shadow: 0 0 1px #fcd9c9;\n}\n:host .hemfixarna input:checked + .slider:before {\n -webkit-transform: translateX(18px);\n -ms-transform: translateX(18px);\n transform: translateX(18px);\n background: #ec6632;\n}\n:host .hemfixarna_maleribox {\n background: #fff;\n box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);\n width: 100%;\n min-height: 132px;\n padding: 24px;\n display: flex;\n align-items: center;\n gap: 24px;\n text-align: left;\n}\n:host .hemfixarna_maleribox:hover {\n transition: 0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);\n filter: brightness(1.02);\n transform: scale(1.01);\n box-shadow: 0px 8px 16px 2px rgba(0, 0, 0, 0.0392156863);\n}\n:host .hemfixarna_checkbox {\n display: grid;\n grid-template-columns: 40px auto;\n font-size: 16px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: -3%;\n}\n:host .hemfixarna_checkbox > span {\n transform: translateY(6px);\n}\n:host .hemfixarna_checkbox span,\n:host .hemfixarna_checkbox span p {\n color: #474444;\n font-size: 14px;\n}\n:host .hemfixarna_checkbox p {\n text-align: left;\n}\n:host .hemfixarna_info {\n display: flex;\n flex-direction: column;\n gap: 24px;\n padding: 32px;\n box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);\n border-radius: 4px;\n border: 1px solid #fcd9c9;\n}\n:host .hemfixarna_info h2 {\n margin: 0;\n}\n@media (min-width: 769px) {\n :host .hemfixarna_info {\n position: sticky;\n top: 0;\n }\n}\n:host .hemfixarna_infomodal {\n position: absolute;\n top: 40%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n max-width: 80%;\n background: #fffaf2;\n border: 1px solid #fcd9c9;\n padding: 32px;\n z-index: 99;\n border-radius: 4px;\n box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n:host .hemfixarna_infomodal p,\n:host .hemfixarna_infomodal h4 {\n margin: 0;\n}\n:host .hemfixarna_infomodal button {\n background: #ec6632;\n color: #fff;\n border-radius: 60px;\n font-size: 16px;\n padding: 8px 16px;\n}\n:host .hemfixarna_addressinfo {\n padding: 16px 16px 64px;\n border: 1px solid #fcd9c9;\n position: relative;\n margin-bottom: 32px;\n display: grid;\n grid-template-columns: 1fr;\n gap: 8px;\n}\n@media (min-width: 769px) {\n :host .hemfixarna_addressinfo {\n grid-template-columns: 1fr 1fr;\n }\n}\n:host .hemfixarna_addressinfo button {\n position: absolute;\n bottom: 16px;\n right: 16px;\n font-weight: 500;\n text-underline-offset: 2px;\n text-decoration: underline;\n}\n:host .hemfixarna_part {\n background: #fff;\n box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);\n display: grid;\n padding: 16px;\n grid-template-columns: auto 75px;\n}\n:host .hemfixarna_counter {\n display: flex;\n align-items: center;\n}\n:host .hemfixarna_counter span {\n padding: 0 8px;\n}\n:host .hemfixarna_counter img {\n cursor: pointer;\n}\n:host .hemfixarna_counter img:not(.disabled):hover {\n transition: 0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);\n filter: brightness(1.02);\n transform: scale(1.01);\n box-shadow: 0px 8px 16px 2px rgba(0, 0, 0, 0.0392156863);\n}\n:host .hemfixarna_description {\n display: grid;\n gap: 16px;\n}\n:host .hemfixarna_description ul {\n list-style: disc;\n padding-right: 12px;\n transform: translateX(12px);\n}\n:host .hemfixarna_description--hidden {\n max-height: 140px;\n overflow: hidden;\n position: relative;\n cursor: pointer;\n}\n:host .hemfixarna_description--hidden::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 128px;\n background: linear-gradient(180deg, rgba(255, 253, 250, 0), rgba(255, 253, 250, 0.46) 50%, #fffaf2);\n}\n:host .hemfixarna_terms {\n font-size: 14px;\n}\n:host .hemfixarna_terms a {\n color: inherit;\n}\n:host .hemfixarna_logo {\n height: 64px;\n}\n:host .hemfixarna_box {\n padding: 16px;\n display: flex;\n align-items: center;\n width: 100%;\n box-sizing: border-box;\n border-radius: 4px;\n gap: 16px 8px;\n border-radius: 4px;\n gap: 16px 8px;\n}\n:host .hemfixarna_box p,\n:host .hemfixarna_box span {\n font-size: 15px;\n}\n:host .hemfixarna_box .underline {\n text-decoration: underline;\n text-underline-offset: 2px;\n}\n:host .hemfixarna_box .pointer {\n cursor: pointer;\n}\n:host .hemfixarna_box .p-s {\n font-size: 12px;\n}\n:host .hemfixarna_box > div {\n display: grid;\n gap: 8px;\n}\n:host .hemfixarna_box--standard {\n background: #fffaf2;\n border: 1px solid #fcd9c9;\n}\n:host .hemfixarna_box--alternative, :host .hemfixarna_box--alternative_2, :host .hemfixarna_box--alternative_3 {\n background: transparent;\n border: 1px solid #e3e3e3;\n}\n:host .hemfixarna_box--alternative_2, :host .hemfixarna_box--alternative_3 {\n box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.0784313725);\n}\n:host .hemfixarna_box--alternative_3 {\n justify-content: center;\n}\n:host .hemfixarna_altbtn {\n display: flex !important;\n flex-direction: column;\n gap: 8px;\n align-items: center;\n margin-left: auto;\n}\n:host .hemfixarna_btn {\n margin-left: auto;\n}\n:host .hemfixarna_btn, :host .hemfixarna_buy,\n:host .hemfixarna input[type=submit] {\n border: none;\n border-radius: 60px;\n font-weight: 600;\n letter-spacing: 0.5px;\n line-height: 20px;\n box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);\n}\n:host .hemfixarna_btn:not(.disabled):hover, :host .hemfixarna_buy:not(.disabled):hover,\n:host .hemfixarna input[type=submit]:not(.disabled):hover {\n transition: 0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);\n filter: brightness(1.02);\n transform: scale(1.01);\n box-shadow: 0px 8px 16px 2px rgba(0, 0, 0, 0.0392156863);\n}\n:host .hemfixarna div:has(> input[type=submit]) {\n position: relative;\n}\n:host .hemfixarna div:has(> input[type=submit]) input {\n cursor: pointer;\n}\n:host .hemfixarna div:has(> input[type=submit]) img {\n display: none;\n}\n:host .hemfixarna .loading {\n cursor: default;\n opacity: 0.6;\n}\n:host .hemfixarna .loading > img {\n display: initial !important;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n:host .hemfixarna_btn {\n font-size: 14px;\n background: #c84e18;\n color: #fff;\n padding: 16px 24px;\n white-space: nowrap;\n position: relative;\n}\n:host .hemfixarna_btn span {\n position: absolute;\n background: #fff;\n border-radius: 100%;\n width: 24px;\n height: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: 600;\n font-size: 13px;\n line-height: 11px;\n top: -8px;\n right: -12px;\n}\n:host .hemfixarna_btn span {\n background: #25a710;\n color: #fff;\n right: 0 !important;\n}\n:host .hemfixarna_buy,\n:host .hemfixarna input[type=submit] {\n font-size: 21px;\n background: #25a710;\n color: #fff;\n padding: 16px 24px;\n}\n:host .hemfixarna .disabled {\n opacity: 0.5;\n cursor: default;\n}\n:host .hemfixarna_modal {\n position: fixed;\n background: #fffaf2;\n border: 1px solid #fcd9c9;\n border-radius: 4px;\n top: 50%;\n left: 50%;\n z-index: 1000;\n transition: 0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);\n transform: translate(-50%, -50%) scale(0.7);\n opacity: 0;\n height: 92%;\n width: 92%;\n max-width: 920px;\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n:host .hemfixarna_modal--open {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n}\n:host .hemfixarna_backdrop {\n z-index: 999;\n position: fixed;\n background: #474444;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n opacity: 0;\n 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);\n}\n:host .hemfixarna_backdrop--open {\n opacity: 0.3;\n}\n:host .hemfixarna_order {\n position: absolute;\n top: -1px;\n left: -1px;\n right: -1px;\n bottom: -1px;\n background-repeat: no-repeat !important;\n background-size: cover !important;\n background-position: center !important;\n display: grid;\n grid-template-columns: 1fr 1fr;\n padding: 48px 32px 64px;\n}\n@media (max-width: 768px) {\n :host .hemfixarna_order {\n grid-template-columns: 1fr;\n grid-template-rows: 0 auto;\n }\n}\n:host .hemfixarna_order > div:last-of-type {\n background: #fffaf2;\n padding: 32px;\n display: flex;\n flex-direction: column;\n max-height: 100%;\n overflow: auto;\n}\n:host .hemfixarna_order img {\n cursor: pointer;\n}\n:host .hemfixarna_order button {\n margin: 16px 0;\n padding: 0;\n text-decoration: underline;\n text-underline-offset: 2px;\n font-size: 14px;\n font-weight: 600;\n}\n:host .hemfixarna_cart {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 32px;\n}\n@media (max-width: 768px) {\n :host .hemfixarna_cart {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n:host .hemfixarna_cart--right h2, :host .hemfixarna_cart--left h2 {\n display: flex;\n align-items: center;\n}\n:host .hemfixarna_cart--right h2 img, :host .hemfixarna_cart--left h2 img {\n margin-top: 3.2px;\n}\n@media (min-width: 769px) {\n :host .hemfixarna_cart--left h2 button {\n display: none;\n }\n}\n@media (max-width: 768px) {\n :host .hemfixarna_cart--right h2 button {\n display: none;\n }\n}\n:host .hemfixarna_cart--startfee {\n display: flex;\n justify-content: space-between;\n}\n:host .hemfixarna_cart--rutrot {\n display: flex;\n justify-content: space-between;\n}\n:host .hemfixarna_cart--rutrot div {\n display: flex;\n gap: 16px;\n align-items: center;\n}\n:host .hemfixarna_cart--additional {\n display: flex;\n flex-direction: column;\n gap: 16px;\n padding: 16px;\n border-top: 1px solid #fcd9c9;\n}\n:host .hemfixarna_cart--additional p {\n font-size: 14px;\n}\n:host .hemfixarna_cart--additional strong {\n text-decoration: underline;\n text-underline-offset: 2px;\n cursor: pointer;\n position: relative;\n}\n:host .hemfixarna_cart--additional strong img {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n right: -24px;\n}\n:host .hemfixarna_cart--price {\n border-top: 1px solid #fcd9c9;\n padding: 16px;\n display: flex;\n justify-content: space-between;\n}\n:host .hemfixarna_cart--price h3 {\n margin: 0;\n}\n:host .hemfixarna_cart--item {\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 16px 0;\n border-top: 1px solid #fcd9c9;\n}\n:host .hemfixarna_cart--item > div {\n display: flex;\n justify-content: space-between;\n}\n:host .hemfixarna_cart--item > div > div {\n display: flex;\n align-items: center;\n gap: 16px;\n}\n:host .hemfixarna_cart--item > div button {\n color: #ec6632;\n}\n:host .hemfixarna_categories {\n display: flex;\n flex-direction: column;\n gap: 24px;\n}\n:host .hemfixarna_categories--wrapper {\n gap: 32px;\n display: grid;\n grid-template-columns: 1fr 1fr;\n}\n@media (max-width: 768px) {\n :host .hemfixarna_categories--wrapper {\n grid-template-columns: 1fr;\n }\n}\n:host .hemfixarna_categories li {\n position: relative;\n background: #fff;\n border-radius: 4px;\n min-height: 132px;\n padding: 24px;\n box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);\n display: flex;\n align-items: center;\n gap: 24px;\n cursor: pointer;\n}\n:host .hemfixarna_categories li:hover {\n transition: 0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);\n filter: brightness(1.02);\n transform: scale(1.01);\n box-shadow: 0px 8px 16px 2px rgba(0, 0, 0, 0.0392156863);\n}\n:host .hemfixarna_categories li > button {\n height: 100%;\n width: 100%;\n}\n:host .hemfixarna_categories li .price {\n font-weight: 700;\n}\n:host .hemfixarna_content {\n height: 100%;\n overflow: auto;\n padding: 0 32px 64px;\n}\n:host .hemfixarna_content--5 {\n padding-top: 16px;\n}\n:host .hemfixarna_content--painting {\n padding: 0;\n overflow: initial;\n}\n:host .hemfixarna_crumbs {\n position: relative;\n padding: 16px 24px;\n border-bottom: 1px solid #fcd9c9;\n display: flex;\n justify-content: space-between;\n}\n:host .hemfixarna_crumbs--back {\n padding: 16px 24px 8px;\n display: flex;\n align-items: center;\n gap: 8px;\n box-shadow: none !important;\n}\n:host .hemfixarna_crumbs--back:hover {\n transition: 0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);\n filter: brightness(1.02);\n transform: scale(1.01);\n box-shadow: 0px 8px 16px 2px rgba(0, 0, 0, 0.0392156863);\n}\n:host .hemfixarna_crumbs img {\n cursor: pointer;\n}\n:host .hemfixarna_crumbs .close {\n position: absolute;\n right: -16px;\n top: -16px;\n z-index: 9;\n}\n:host .hemfixarna_crumbs .cart {\n padding-left: 16px;\n position: relative;\n}\n:host .hemfixarna_crumbs .cart img {\n cursor: inherit;\n}\n:host .hemfixarna_crumbs .cart span {\n position: absolute;\n background: #fff;\n border-radius: 100%;\n width: 24px;\n height: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: 600;\n font-size: 13px;\n line-height: 11px;\n top: -8px;\n right: -12px;\n}\n:host .hemfixarna_crumbs .cart_active {\n cursor: pointer;\n}\n:host .hemfixarna_crumbs .cart_active span {\n background: #25a710;\n color: #fff;\n}\n:host .hemfixarna_crumbs--links {\n display: flex;\n align-items: center;\n gap: 16px;\n overflow: auto;\n}\n@media (min-width: 769px) {\n :host .hemfixarna_crumbs--links {\n -ms-overflow-style: none;\n }\n :host .hemfixarna_crumbs--links::-webkit-scrollbar {\n display: none;\n }\n :host .hemfixarna_crumbs--links::-webkit-scrollbar-button {\n display: none;\n }\n}\n:host .hemfixarna_crumbs button {\n white-space: nowrap;\n background: #f1ded6;\n border-radius: 64px;\n padding: 12px 16px;\n font-size: 12px;\n font-weight: 600;\n letter-spacing: 0.3px;\n box-shadow: none !important;\n}\n:host .hemfixarna_crumbs button:not(.active):hover {\n transition: 0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);\n filter: brightness(1.02);\n transform: scale(1.01);\n box-shadow: 0px 8px 16px 2px rgba(0, 0, 0, 0.0392156863);\n}\n:host .hemfixarna_crumbs .active {\n background: #fffaf2;\n cursor: default;\n}\n:host .hemfixarna_features {\n gap: 12px !important;\n}\n:host .hemfixarna_features li {\n display: flex;\n gap: 16px;\n align-items: center;\n}\n:host .hemfixarna_address {\n margin-bottom: 16px;\n}\n:host .hemfixarna_product {\n display: grid;\n gap: 16px;\n}\n:host .hemfixarna_product--link {\n font-weight: 700;\n color: #474444;\n text-underline-offset: 4px;\n}\n:host .hemfixarna_product--left {\n gap: 32px;\n}\n:host .hemfixarna_product--right {\n gap: 32px;\n}\n:host .hemfixarna_product--price {\n margin-top: 4px;\n font-weight: 700;\n}\n:host .hemfixarna_product--total {\n text-align: center;\n margin: -16px 0;\n font-size: 21px;\n line-height: 28px;\n}\n:host .hemfixarna_product--item {\n background: #fff;\n padding: 16px;\n display: grid;\n grid-template-columns: auto 75px;\n box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);\n}\n:host .hemfixarna_product--grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 32px;\n}\n@media (max-width: 768px) {\n :host .hemfixarna_product--grid {\n grid-template-columns: 1fr;\n }\n}\n:host .hemfixarna_product--grid > div {\n display: flex;\n flex-direction: column;\n}\n:host .hemfixarna_product--grid ul {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n:host .hemfixarna_product p {\n margin: 0;\n}\n:host .hemfixarna_product--top {\n display: flex;\n gap: 32px;\n}\n:host .hemfixarna_product--top > div {\n width: 100%;\n}\n:host .hemfixarna_product--top > div h1 {\n max-width: 80%;\n}\n@media (max-width: 768px) {\n :host .hemfixarna_product--top > div h1 {\n max-width: 100%;\n }\n}\n:host .hemfixarna_product--top h4 {\n margin-bottom: 8px;\n}\n:host h5,\n:host p {\n margin: 0;\n}\n:host input[type=submit] {\n cursor: pointer;\n}\n:host input[type=date] ~ label {\n left: 56px;\n}\n:host input[type=date] {\n border: 1px solid #fcd9c9;\n padding-left: 64px;\n}\n:host input[type=checkbox] {\n height: 18px;\n width: 18px;\n border: 1px solid #fcd9c9;\n}\n:host input[type=checkbox]:checked {\n background: red;\n}\n:host input[type=date]::-webkit-calendar-picker-indicator {\n background: transparent;\n bottom: 0;\n color: transparent;\n cursor: pointer;\n height: auto;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n width: auto;\n}\n:host button,\n:host a {\n cursor: pointer;\n background: none;\n border: none;\n}\n:host ul {\n list-style: none;\n margin: 0;\n padding: 0;\n}";
|
|
817
820
|
|
|
818
821
|
const HemfixarnaComponent = class {
|
|
819
822
|
constructor(hostRef) {
|
|
@@ -877,13 +880,20 @@ const HemfixarnaComponent = class {
|
|
|
877
880
|
}
|
|
878
881
|
async watchIdChange(id) {
|
|
879
882
|
if (id && state.customer) {
|
|
880
|
-
|
|
883
|
+
if (id === 'maleri') {
|
|
884
|
+
state.maleri = true;
|
|
885
|
+
state.step = 4;
|
|
886
|
+
}
|
|
887
|
+
else {
|
|
888
|
+
this.loadCategoryOrProduct(id);
|
|
889
|
+
}
|
|
881
890
|
}
|
|
882
891
|
}
|
|
883
892
|
async fetchNewTaxonomy(slug) {
|
|
884
893
|
state.selectedCategory = null;
|
|
885
894
|
state.selectedProduct = null;
|
|
886
895
|
state.selectedService = null;
|
|
896
|
+
state.maleri = null;
|
|
887
897
|
const res = await getTaxonomy(slug);
|
|
888
898
|
if ((res === null || res === void 0 ? void 0 : res.code) === 'not_found' || (res === null || res === void 0 ? void 0 : res.code) === 'rest_no_route') {
|
|
889
899
|
console.log('taxonomy not found');
|
|
@@ -925,7 +935,13 @@ const HemfixarnaComponent = class {
|
|
|
925
935
|
else if (customer) {
|
|
926
936
|
state.customer = customer;
|
|
927
937
|
if (this.id) {
|
|
928
|
-
|
|
938
|
+
if (this.id === 'maleri') {
|
|
939
|
+
state.maleri = true;
|
|
940
|
+
state.step = 4;
|
|
941
|
+
}
|
|
942
|
+
else {
|
|
943
|
+
this.loadCategoryOrProduct(this.id);
|
|
944
|
+
}
|
|
929
945
|
}
|
|
930
946
|
else if (this.slug && !this.slugIsOldFormat(this.slug)) {
|
|
931
947
|
this.loadCategoryOrProduct(this.slug);
|
|
@@ -999,12 +1015,8 @@ const HemfixarnaComponent = class {
|
|
|
999
1015
|
handleClick(e) {
|
|
1000
1016
|
if (this.loadFromQuery && !this.isDemo)
|
|
1001
1017
|
return;
|
|
1002
|
-
|
|
1003
|
-
|
|
1004
|
-
const isClickInside = el.contains(e.composedPath()[0]);
|
|
1005
|
-
if (!isClickInside) {
|
|
1006
|
-
this.closeModal();
|
|
1007
|
-
}
|
|
1018
|
+
if ((e === null || e === void 0 ? void 0 : e.composedPath()[0]).classList.contains('hemfixarna_backdrop')) {
|
|
1019
|
+
this.closeModal();
|
|
1008
1020
|
}
|
|
1009
1021
|
const infomodal = this.el.shadowRoot.querySelector('.hemfixarna_infomodal');
|
|
1010
1022
|
if (infomodal) {
|
|
@@ -1020,13 +1032,14 @@ const HemfixarnaComponent = class {
|
|
|
1020
1032
|
render() {
|
|
1021
1033
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
|
|
1022
1034
|
const logo = index.getAssetPath(`./assets/hemfixarna.svg`);
|
|
1035
|
+
const pensel = index.getAssetPath(`./assets/pensel.svg`);
|
|
1023
1036
|
const monteringLogo = index.getAssetPath(`./assets/montering.svg`);
|
|
1024
1037
|
const navBackground = ((_a = this.nav) === null || _a === void 0 ? void 0 : _a.background) ? index.getAssetPath(this.nav.background) : '';
|
|
1025
1038
|
const navLogo = ((_b = this.nav) === null || _b === void 0 ? void 0 : _b.logo) ? index.getAssetPath(this.nav.logo) : '';
|
|
1026
|
-
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", { class: "hemfixarna_partnerlogo", 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")), navBackground ? index.h("img", { src: navBackground, class: "nav_background", alt: "nav_background" }) : index.h("div", { class: "hemfixarna_navbg" })))) : null, !this.loadFromQuery || this.isDemo ? (index.h("div", { class: `hemfixarna_box hemfixarna_box--${this.widgetStyle}` }, [WidgetStyle.alternative_2, WidgetStyle.alternative_3].includes(this.widgetStyle) ? index.h("img", { src: monteringLogo, alt: "montering logo", width: 32, height: 32 }) : null, index.h("div", null, index.h("div", null, index.h("p", { onClick: () => this.openModal(), class: `pointer ${[WidgetStyle.alternative_2, WidgetStyle.alternative_3].includes(this.widgetStyle) && state.selectedProduct ? 'underline' : ''}` }, ((_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 ", (_f = (_e = state.selectedCustomerCategory) === null || _e === void 0 ? void 0 : _e.name) !== null && _f !== void 0 ? _f : 'på plats', " - ", index.h("strong", { class: "underline" }, "se priser h\u00E4r"))), (this.product && ((_g = this.slug) === null || _g === void 0 ? void 0 : _g.includes('product'))) || (this.proppedProduct && !((_h = this.product) === null || _h === void 0 ? void 0 : _h.invoice) && !((_j = this.proppedProduct) === null || _j === void 0 ? void 0 : _j.invoice)) ? (index.h("span", null, ' från', " ", index.h("strong", null, getProductPriceWithRotAndRut(this.proppedProduct || this.product), "kr"))) : null, ((_k = this.product) === null || _k === void 0 ? void 0 : _k.invoice) || ((_l = this.proppedProduct) === null || _l === void 0 ? void 0 : _l.invoice) ? (index.h("span", null, ' - ', index.h("strong", { class: "underling" }, "se priser h\u00E4r"))) : null)), this.widgetStyle === WidgetStyle.standard ? index.h("img", { src: logo, width: 104 }) : null, this.widgetStyle === WidgetStyle.alternative ? (index.h("span", { class: "p-s" }, "Utf\u00F6rs av ", index.h("strong", null, "Hemfixarna"))) : null), [WidgetStyle.standard, WidgetStyle.alternative].includes(this.widgetStyle) ? (index.h("button", { onClick: () => this.openModal(), class: "hemfixarna_btn", style: {
|
|
1039
|
+
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", { class: "hemfixarna_partnerlogo", 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")), navBackground ? index.h("img", { src: navBackground, class: "nav_background", alt: "nav_background" }) : index.h("div", { class: "hemfixarna_navbg" })))) : null, !this.loadFromQuery || this.isDemo ? (index.h("div", { class: `hemfixarna_box hemfixarna_box--${this.widgetStyle}` }, [WidgetStyle.alternative_2, WidgetStyle.alternative_3].includes(this.widgetStyle) ? (index.h("img", { src: this.id === 'maleri' ? pensel : monteringLogo, alt: "montering logo", width: 32, height: 32 })) : null, index.h("div", null, index.h("div", null, index.h("p", { onClick: () => this.openModal(), class: `pointer ${[WidgetStyle.alternative_2, WidgetStyle.alternative_3].includes(this.widgetStyle) && state.selectedProduct ? 'underline' : ''}` }, this.id === 'maleri' ? (index.h("span", null, "Ber\u00E4kna fast pris p\u00E5 m\u00E5leri & tapetsering h\u00E4r")) : (index.h(index.Fragment, 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 ", (_f = (_e = state.selectedCustomerCategory) === null || _e === void 0 ? void 0 : _e.name) !== null && _f !== void 0 ? _f : 'på plats', " - ", index.h("strong", { class: "underline" }, "se priser h\u00E4r"))), (this.product && ((_g = this.slug) === null || _g === void 0 ? void 0 : _g.includes('product'))) || (this.proppedProduct && !((_h = this.product) === null || _h === void 0 ? void 0 : _h.invoice) && !((_j = this.proppedProduct) === null || _j === void 0 ? void 0 : _j.invoice)) ? (index.h("span", null, ' från', " ", index.h("strong", null, getProductPriceWithRotAndRut(this.proppedProduct || this.product), "kr"))) : null, ((_k = this.product) === null || _k === void 0 ? void 0 : _k.invoice) || ((_l = this.proppedProduct) === null || _l === void 0 ? void 0 : _l.invoice) ? (index.h("span", null, ' - ', index.h("strong", { class: "underling" }, "se priser h\u00E4r"))) : null)))), this.widgetStyle === WidgetStyle.standard ? index.h("img", { src: logo, width: 104 }) : null, this.widgetStyle === WidgetStyle.alternative ? (index.h("span", { class: "p-s" }, "Utf\u00F6rs av ", index.h("strong", null, "Hemfixarna"))) : null), [WidgetStyle.standard, WidgetStyle.alternative].includes(this.widgetStyle) ? (index.h("button", { onClick: () => this.openModal(), class: "hemfixarna_btn", style: {
|
|
1027
1040
|
color: ((_m = this.buttonColor) === null || _m === void 0 ? void 0 : _m.startsWith('#')) || !((_o = this.buttonColor) === null || _o === void 0 ? void 0 : _o.length) ? this.buttonColor : `#${this.buttonColor}`,
|
|
1028
1041
|
backgroundColor: ((_p = this.buttonBg) === null || _p === void 0 ? void 0 : _p.startsWith('#')) || !((_q = this.buttonBg) === null || _q === void 0 ? void 0 : _q.length) ? this.buttonBg : `#${this.buttonBg}`,
|
|
1029
|
-
} }, "Best\u00E4ll h\u00E4r", this.getCartLength() > 0 && index.h("span", null, this.getCartLength()))) : null, WidgetStyle.alternative_2 === this.widgetStyle ? (index.h("div", { class: "hemfixarna_altbtn" }, index.h("strong", { class: "p-s" }, "Utf\u00F6rs av"), index.h("img", { src: logo, alt: "hemfixarna logo", width: 98 }))) : null)) : 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 &&
|
|
1042
|
+
} }, "Best\u00E4ll h\u00E4r", this.getCartLength() > 0 && index.h("span", null, this.getCartLength()))) : null, WidgetStyle.alternative_2 === this.widgetStyle ? (index.h("div", { class: "hemfixarna_altbtn" }, index.h("strong", { class: "p-s" }, "Utf\u00F6rs av"), index.h("img", { src: logo, alt: "hemfixarna logo", width: 98 }))) : null)) : 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 && state.maleri ? 'hemfixarna_content--painting' : ''}` }, state.step < 4 && index.h("hemfixarna-start", null), state.step === 4 && 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))));
|
|
1030
1043
|
}
|
|
1031
1044
|
static get assetsDirs() { return ["assets"]; }
|
|
1032
1045
|
get el() { return index.getElement(this); }
|
|
@@ -1084,7 +1097,7 @@ const MyComponent$7 = class {
|
|
|
1084
1097
|
// Your color accessibility logic here
|
|
1085
1098
|
}
|
|
1086
1099
|
getTopLevelCategory() {
|
|
1087
|
-
switch ("
|
|
1100
|
+
switch ("kund") {
|
|
1088
1101
|
case Business.byggmax:
|
|
1089
1102
|
return TopCategory.byggmax;
|
|
1090
1103
|
default:
|
|
@@ -1114,14 +1127,14 @@ const MyComponent$7 = class {
|
|
|
1114
1127
|
}
|
|
1115
1128
|
}
|
|
1116
1129
|
else {
|
|
1117
|
-
const customer = await getCustomer("
|
|
1130
|
+
const customer = await getCustomer("kund");
|
|
1118
1131
|
if (customer.code !== 'not_found' && customer) {
|
|
1119
1132
|
this.customer = customer;
|
|
1120
1133
|
}
|
|
1121
1134
|
}
|
|
1122
1135
|
}
|
|
1123
1136
|
getExample() {
|
|
1124
|
-
return `<hemfixarna-${"
|
|
1137
|
+
return `<hemfixarna-${"kund"}${this.selectedSlug ? ` slug="${this.selectedSlug}" ` : ''}${this.selectedID ? ` id="${this.selectedID}" ` : ''} ${this.widgetStyle === WidgetStyle.standard ? '' : `widgetStyle="${this.widgetStyle}"`} ${this.buttonColor.length ? `buttonColor="${this.buttonColor}"` : ''} ${this.buttonBg.length ? `buttonBg="${this.buttonBg}"` : ''}></hemfixarna-${"kund"}>`;
|
|
1125
1138
|
}
|
|
1126
1139
|
copyExample() {
|
|
1127
1140
|
navigator.clipboard.writeText(this.getExample());
|
|
@@ -1144,10 +1157,15 @@ const MyComponent$7 = class {
|
|
|
1144
1157
|
this.tooltipText = 'Kopiera till urklipp';
|
|
1145
1158
|
}, 2000);
|
|
1146
1159
|
}
|
|
1160
|
+
showMaleri() {
|
|
1161
|
+
var _a;
|
|
1162
|
+
const allCategories = (_a = this.customer) === null || _a === void 0 ? void 0 : _a.categories.map(c => (c.sub_categories ? c.sub_categories : c)).flat();
|
|
1163
|
+
return allCategories === null || allCategories === void 0 ? void 0 : allCategories.some(c => c.add_painting);
|
|
1164
|
+
}
|
|
1147
1165
|
render() {
|
|
1148
1166
|
const copy = index.getAssetPath(`./assets/copy.png`);
|
|
1149
|
-
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)), "
|
|
1150
|
-
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"))))))))))))))))) : this.tree ? (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
|
|
1167
|
+
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)), "kund" === Business.byggmax && (index.h("hemfixarna-byggmax", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, forceOldTree: Boolean(process.env.FORCE_OLD_TREE), slug: this.selectedSlug, id: this.selectedID })), "kund" === Business.skanska && (index.h("hemfixarna-skanska", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), "kund" === Business.string && (index.h("hemfixarna-string-furniture", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), "kund" === Business.hornbach && (index.h("hemfixarna-hornbach", { isDemo: true, buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), "kund" === Business.forebygg && (index.h("hemfixarna-forebygg", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), "kund" === Business.doro && (index.h("hemfixarna-doro", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), "kund" === Business.elfa && (index.h("hemfixarna-elfa", { isDemo: true, buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), "kund" === Business.kund && (index.h("hemfixarna-kund", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, 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("div", { class: "hemfixarna_widgetstyles" }, index.h("h5", null, "Widget styles"), index.h("div", null, Object.values(WidgetStyle).map(style => (index.h("label", { key: style }, index.h("input", { type: "radio", value: style, checked: this.widgetStyle === style, onChange: () => (this.widgetStyle = style) }), style)))), index.h("div", null, index.h("div", null, index.h("h5", null, "Button background color"), index.h("input", { type: "text", value: this.buttonBg, onInput: e => (this.buttonBg = e.target.value) })), index.h("div", null, index.h("h5", null, "Button text color"), index.h("input", { type: "text", value: this.buttonColor, onInput: e => (this.buttonColor = e.target.value) })))), index.h("span", null, "Write an hexa code no # needed"), this.colorAccessibility ? (index.h("div", null, index.h("h5", null, "Tillg\u00E4nglighetsrapport"), index.h("div", null, index.h("strong", null, "Liten text:"), index.h("span", { style: { color: this.getColor(this.colorAccessibility.small) } }, this.colorAccessibility.small), index.h("br", null), index.h("strong", null, "Fet text:"), index.h("span", { style: { color: this.getColor(this.colorAccessibility.bold) } }, this.colorAccessibility.bold), index.h("br", null), index.h("strong", null, "Stor text:"), index.h("span", { style: { color: this.getColor(this.colorAccessibility.large) } }, this.colorAccessibility.large), index.h("br", null), index.h("strong", null, "Kontrastf\u00F6rh\u00E5llande:"), " ", this.colorAccessibility.contrast))) : null), index.h("ul", { class: "hemfixarna_categories" }, this.customer ? (index.h("div", null, this.showMaleri() ? (index.h("li", null, index.h("div", { class: "hemfixarna_categories--label hemfixarna_categories--label--big" }, index.h("div", null, index.h("p", null, "M\u00E5leriverktyget"), index.h("span", null, "maleri")), index.h("div", null, index.h("button", { onClick: () => navigator.clipboard.writeText('maleri') }, "Kopiera slug"), index.h("button", { onClick: () => (this.selectedID = 'maleri') }, "Ladda m\u00E5leri"))))) : 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 &&
|
|
1168
|
+
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"))))))))))))))))) : this.tree ? (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 produkt")))))))))))))))) : null)));
|
|
1151
1169
|
}
|
|
1152
1170
|
static get watchers() { return {
|
|
1153
1171
|
"buttonBg": ["debouncedFunction"],
|
|
@@ -2148,6 +2166,7 @@ const HemfixarnaOrder = class {
|
|
|
2148
2166
|
state.selectedCategory = null;
|
|
2149
2167
|
state.selectedService = null;
|
|
2150
2168
|
state.selectedProduct = null;
|
|
2169
|
+
state.maleri = null;
|
|
2151
2170
|
state.checkoutStep = 1;
|
|
2152
2171
|
}
|
|
2153
2172
|
disconnectedCallback() {
|
|
@@ -2206,6 +2225,8 @@ const HemfixarnaOrderrows = class {
|
|
|
2206
2225
|
}
|
|
2207
2226
|
};
|
|
2208
2227
|
|
|
2228
|
+
const hemfixarnaProductCss = "";
|
|
2229
|
+
|
|
2209
2230
|
const HemfixarnaProduct = class {
|
|
2210
2231
|
constructor(hostRef) {
|
|
2211
2232
|
index.registerInstance(this, hostRef);
|
|
@@ -2311,19 +2332,44 @@ const HemfixarnaProduct = class {
|
|
|
2311
2332
|
}
|
|
2312
2333
|
return getProductPrice(state.selectedProduct, price);
|
|
2313
2334
|
}
|
|
2335
|
+
componentDidRender() {
|
|
2336
|
+
const linkElem = document.createElement('link');
|
|
2337
|
+
linkElem.setAttribute('rel', 'stylesheet');
|
|
2338
|
+
linkElem.setAttribute('href', 'https://painting-frontend.vercel.app/static/css/main.css');
|
|
2339
|
+
const fonts = document.createElement('link');
|
|
2340
|
+
fonts.setAttribute('rel', 'stylesheet');
|
|
2341
|
+
fonts.setAttribute('href', 'https://painting-frontend.vercel.app/fonts.css');
|
|
2342
|
+
const checkAndInjectCSS = () => {
|
|
2343
|
+
const parents = this.el.getElementsByTagName('hemfixare-calculator');
|
|
2344
|
+
if (parents.length > 0 && parents[0].shadowRoot !== null) {
|
|
2345
|
+
parents[0].shadowRoot.appendChild(linkElem);
|
|
2346
|
+
parents[0].shadowRoot.appendChild(fonts);
|
|
2347
|
+
}
|
|
2348
|
+
else {
|
|
2349
|
+
setTimeout(checkAndInjectCSS, 1);
|
|
2350
|
+
}
|
|
2351
|
+
};
|
|
2352
|
+
checkAndInjectCSS();
|
|
2353
|
+
}
|
|
2314
2354
|
render() {
|
|
2315
2355
|
var _a, _b, _c;
|
|
2316
2356
|
const checked = index.getAssetPath(`./assets/checked.svg`);
|
|
2317
2357
|
const plus = index.getAssetPath(`./assets/plus.svg`);
|
|
2318
2358
|
const minus = index.getAssetPath(`./assets/minus.svg`);
|
|
2319
|
-
|
|
2359
|
+
if (state.maleri) {
|
|
2360
|
+
return (index.h("div", { class: "hemfixarna_painting" }, index.h("script", { type: "text/javascript", src: ['localhost', 'vercel'].some(v => window.location.href.includes(v))
|
|
2361
|
+
? 'https://painting-dev.vercel.app/static/js/main.js'
|
|
2362
|
+
: 'https://painting-frontend.vercel.app/static/js/main.js', defer: true, async: true }), index.h("hemfixare-calculator", { title: state.options.maleri_title, subtitle: state.options.maleri_text, modal: "true", customer: state.business === Business.string ? 'string' : state.business })));
|
|
2363
|
+
}
|
|
2364
|
+
return state.selectedProduct ? (index.h("div", { class: "hemfixarna_product" }, index.h("div", { class: "hemfixarna_product--top" }, state.selectedProduct.icon && (index.h("img", { width: 80, src: (_a = state.selectedProduct.icon.url) !== null && _a !== void 0 ? _a : state.selectedProduct.icon, alt: state.selectedProduct.post_title })), index.h("div", null, index.h("h1", null, state.selectedProduct.post_title), !state.selectedProduct.invoice ? index.h("h2", null, getProductPrice(state.selectedProduct), " kr/st") : index.h("h2", null, state.selectedProduct.invoice_price))), index.h("div", { class: "hemfixarna_product--grid" }, index.h("div", { class: "hemfixarna_product--left" }, ((_b = state.selectedProduct.list) === null || _b === void 0 ? void 0 : _b.length) && (index.h("ul", { class: "hemfixarna_features" }, state.selectedProduct.list.map(l => (index.h("li", { key: l.bullet }, index.h("img", { src: checked, alt: "checked" }), index.h("p", null, l.bullet)))))), state.selectedProduct.description && (index.h("p", { onClick: () => (this.hideDescription = false), class: `hemfixarna_description ${this.hideDescription ? 'hemfixarna_description--hidden' : ''}`, innerHTML: state.selectedProduct.description }))), index.h("div", { class: "hemfixarna_product--right" }, state.selectedProduct.invoice ? (index.h("hemfixarna-invoice", null)) : (index.h(index.Fragment, null, index.h("ul", null, index.h("li", { class: "hemfixarna_product--item" }, index.h("div", null, index.h("p", null, "Antal ", state.selectedProduct.post_title), index.h("p", { class: "hemfixarna_product--price" }, getProductPrice(state.selectedProduct), "kr/st")), index.h("div", { class: "hemfixarna_counter" }, index.h("img", { class: `${this.getAmount() === 0 ? 'disabled' : ''}`, src: minus, onClick: () => this.removeProduct() }), index.h("span", null, this.getAmount()), index.h("img", { src: plus, onClick: () => this.addProduct() }))), ((_c = state.selectedProduct.parts) === null || _c === void 0 ? void 0 : _c.length) &&
|
|
2320
2365
|
state.selectedProduct.parts.map(p => {
|
|
2321
2366
|
var _a;
|
|
2322
2367
|
return (index.h("li", { class: "hemfixarna_part" }, index.h("div", null, index.h("p", null, (_a = p.title) !== null && _a !== void 0 ? _a : p.post_title), index.h("p", { class: "hemfixarna_product--price" }, getPartPrice(p, state.selectedProduct), "kr/st")), index.h("div", { class: "hemfixarna_counter" }, index.h("img", { class: `${this.getPartAmount(p.ID) === 0 ? 'disabled' : ''}`, src: minus, onClick: () => this.removePart(p) }), index.h("span", null, this.getPartAmount(p.ID)), index.h("img", { class: `${this.getAmount() === 0 ? 'disabled' : ''}`, src: plus, onClick: () => this.addPart(p) }))));
|
|
2323
|
-
})), index.h("h4", { class: "hemfixarna_product--total" }, "Totalt ", this.getTotalPrice(), " kr"), index.h("button", { onClick: () => this.goToCart(), class: `hemfixarna_buy ${this.getAmount() === 0 ? 'disabled' : ''}` }, "Forts\u00E4tt"))), !state.selectedProduct.hide_start_fee && (state.selectedProduct.rot || state.selectedProduct.rut) && state.rutOptions && state.rotOptions && (index.h("p", { class: "hemfixarna_terms" }, index.h("strong", null, state.selectedProduct.rot ? state.rotOptions.rot_start_fee_heading : state.rutOptions.rut_start_fee_heading), index.h("br", null), index.h("span", { innerHTML: state.selectedProduct.rot ? state.rotOptions.rot_start_fee_text : state.rutOptions.rut_start_fee_text }))), state.options && index.h("hemfixarna-info", { list: state.options.trust })))));
|
|
2368
|
+
})), index.h("h4", { class: "hemfixarna_product--total" }, "Totalt ", this.getTotalPrice(), " kr"), index.h("button", { onClick: () => this.goToCart(), class: `hemfixarna_buy ${this.getAmount() === 0 ? 'disabled' : ''}` }, "Forts\u00E4tt"))), !state.selectedProduct.hide_start_fee && (state.selectedProduct.rot || state.selectedProduct.rut) && state.rutOptions && state.rotOptions && (index.h("p", { class: "hemfixarna_terms" }, index.h("strong", null, state.selectedProduct.rot ? state.rotOptions.rot_start_fee_heading : state.rutOptions.rut_start_fee_heading), index.h("br", null), index.h("span", { innerHTML: state.selectedProduct.rot ? state.rotOptions.rot_start_fee_text : state.rutOptions.rut_start_fee_text }))), state.options && index.h("hemfixarna-info", { list: state.options.trust }))))) : null;
|
|
2324
2369
|
}
|
|
2325
2370
|
get el() { return index.getElement(this); }
|
|
2326
2371
|
};
|
|
2372
|
+
HemfixarnaProduct.style = hemfixarnaProductCss;
|
|
2327
2373
|
|
|
2328
2374
|
const HemfixarnaService = class {
|
|
2329
2375
|
constructor(hostRef) {
|
|
@@ -2366,8 +2412,14 @@ const HemfixarnaGrid = class {
|
|
|
2366
2412
|
isMainCategory(category) {
|
|
2367
2413
|
return category.show_products !== undefined;
|
|
2368
2414
|
}
|
|
2415
|
+
handleMaleriClick() {
|
|
2416
|
+
state.step = 4;
|
|
2417
|
+
state.maleri = true;
|
|
2418
|
+
}
|
|
2369
2419
|
render() {
|
|
2370
|
-
|
|
2420
|
+
var _a;
|
|
2421
|
+
const maleriLogo = index.getAssetPath('./assets/gubbe-pensel.svg');
|
|
2422
|
+
return state.customer ? (index.h("div", null, index.h("h2", null, state.selectedCustomerCategory ? state.selectedCustomerCategory.name : 'Alla tjänster'), index.h("div", { class: "hemfixarna_categories--wrapper" }, index.h("ul", { class: "hemfixarna_categories" }, ((_a = state.selectedCustomerCategory) === null || _a === void 0 ? void 0 : _a.add_painting) ? (index.h("button", { onClick: () => this.handleMaleriClick(), class: "hemfixarna_maleribox" }, index.h("img", { height: 64, src: maleriLogo, alt: "M\u00E5leri Logotyp" }), index.h("p", null, "Ber\u00E4kna fast pris p\u00E5 m\u00E5leri & tapetsering h\u00E4r"))) : null, state.selectedCustomerCategory
|
|
2371
2423
|
? this.isMainCategory(state.selectedCustomerCategory) && state.selectedCustomerCategory.sub_categories && !state.selectedCustomerCategory.show_products
|
|
2372
2424
|
? state.selectedCustomerCategory.sub_categories.map(c => index.h("hemfixarna-box", { category: c }))
|
|
2373
2425
|
: state.selectedCustomerCategory.products
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"hemfixarna-address.hemfixarna-box.hemfixarna-breadcrumbs.hemfixarna-byggmax.hemfixarna-cart.hemfixarna-category.hemfixarna-checkout.hemfixarna-component.hemfixarna-demo.hemfixarna-doro.hemfixarna-elfa.hemfixarna-forebygg.hemfixarna-getuser.hemfixarna-hornbach.hemfixarna-info.hemfixarna-invoice.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-doro.hemfixarna-elfa.hemfixarna-forebygg.hemfixarna-getuser.hemfixarna-hornbach.hemfixarna-info.hemfixarna-invoice.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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg id="svg" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" viewBox="0, 0, 400,400"><g id="svgg"><path id="path0" d="M239.750 194.156 C 237.669 194.687,236.409 195.456,234.637 197.277 C 233.824 198.113,232.005 200.833,232.260 200.833 C 232.366 200.833,231.577 202.220,231.075 202.917 C 230.876 203.192,230.160 204.377,229.482 205.550 C 228.804 206.723,228.118 207.886,227.957 208.133 C 227.796 208.381,227.484 208.958,227.264 209.417 C 227.044 209.875,226.473 210.887,225.996 211.667 C 224.719 213.750,223.151 216.421,222.424 217.750 C 221.455 219.521,219.776 222.406,219.659 222.500 C 219.558 222.581,217.915 225.443,217.246 226.704 C 216.929 227.300,214.213 231.893,213.637 232.807 C 213.311 233.324,212.838 234.176,212.421 235.000 C 212.054 235.724,208.401 241.916,207.973 242.539 C 207.801 242.790,207.587 243.187,207.498 243.421 C 207.410 243.655,206.905 244.563,206.377 245.440 C 204.562 248.453,203.307 250.585,202.713 251.667 C 201.656 253.593,199.807 256.743,199.583 257.000 C 199.267 257.362,198.400 258.903,197.753 260.253 C 197.445 260.896,197.051 261.608,196.877 261.836 C 196.704 262.064,196.089 263.075,195.511 264.083 C 194.933 265.092,194.169 266.372,193.813 266.928 C 193.458 267.485,193.167 268.019,193.167 268.116 C 193.167 268.213,193.057 268.384,192.922 268.496 C 192.787 268.607,192.694 268.750,192.714 268.812 C 192.734 268.875,192.280 269.723,191.705 270.697 C 187.899 277.147,187.925 281.687,191.795 286.195 C 194.383 289.210,197.678 293.569,198.146 294.599 C 198.234 294.791,198.406 295.054,198.530 295.182 C 198.653 295.311,198.889 295.627,199.054 295.884 C 199.517 296.608,199.697 296.586,201.275 295.615 C 203.453 294.273,209.687 291.500,210.525 291.500 C 210.591 291.500,210.844 291.424,211.087 291.332 L 211.530 291.164 211.069 290.373 C 210.383 289.196,208.802 286.782,208.551 286.529 C 208.239 286.214,207.333 284.880,207.333 284.735 C 207.333 284.572,205.529 282.150,205.172 281.833 C 204.900 281.593,202.990 279.299,202.523 278.652 C 202.308 278.354,202.887 276.807,203.329 276.500 C 203.395 276.454,204.037 275.404,204.754 274.167 C 205.472 272.929,206.356 271.456,206.719 270.894 L 207.379 269.871 208.349 270.439 C 208.882 270.752,209.803 271.225,210.396 271.491 C 210.988 271.756,212.098 272.343,212.861 272.794 C 215.615 274.421,219.334 276.500,219.491 276.500 C 219.579 276.500,220.311 276.882,221.117 277.349 C 223.895 278.958,228.151 281.338,228.450 281.449 C 228.731 281.553,231.637 283.151,232.750 283.814 C 233.547 284.288,234.712 284.929,236.459 285.855 C 238.721 287.053,241.247 288.447,242.333 289.097 C 243.804 289.978,245.028 290.652,245.833 291.027 C 246.697 291.429,246.448 291.296,249.250 292.860 C 250.442 293.525,251.823 294.327,252.320 294.641 C 252.817 294.956,253.867 295.522,254.654 295.900 C 255.440 296.278,256.608 296.894,257.250 297.270 C 260.134 298.961,262.583 300.318,264.627 301.357 C 265.843 301.975,267.043 302.624,267.294 302.800 C 267.545 302.976,268.425 303.481,269.250 303.922 C 270.075 304.363,271.012 304.885,271.333 305.083 C 271.654 305.280,272.029 305.491,272.167 305.552 C 272.712 305.793,276.275 307.702,276.667 307.963 C 277.376 308.435,281.886 310.919,282.462 311.154 C 283.253 311.477,283.252 311.499,282.337 313.212 C 281.877 314.073,281.500 314.887,281.500 315.019 C 281.500 315.152,281.256 315.651,280.958 316.127 C 280.660 316.604,280.046 317.664,279.593 318.484 C 278.277 320.868,278.427 320.752,277.068 320.448 C 274.268 319.823,270.786 319.583,264.583 319.588 C 257.332 319.593,256.457 319.679,248.461 321.167 C 247.361 321.372,243.647 322.536,242.417 323.061 C 240.919 323.700,238.392 324.959,237.646 325.436 C 237.245 325.694,236.654 326.037,236.333 326.200 C 235.528 326.609,233.092 328.462,232.074 329.440 C 231.611 329.886,230.917 330.510,230.533 330.828 C 229.661 331.547,229.653 331.456,230.744 333.097 C 232.238 335.342,233.736 338.477,234.686 341.346 C 235.594 344.088,235.688 344.250,236.017 343.635 C 236.124 343.435,236.358 343.116,236.537 342.927 C 236.715 342.738,236.966 342.383,237.094 342.139 C 237.549 341.272,241.603 337.991,243.664 336.824 C 250.457 332.974,262.515 331.442,273.667 333.010 C 280.899 334.026,284.283 333.256,287.629 329.833 C 288.413 329.031,290.579 325.851,291.092 324.750 C 291.408 324.071,292.764 321.524,293.533 320.167 C 293.767 319.754,294.933 317.504,296.125 315.167 C 297.316 312.829,298.511 310.542,298.780 310.083 C 299.048 309.625,300.081 307.637,301.075 305.667 C 302.069 303.696,303.051 301.816,303.257 301.490 C 303.463 301.164,304.699 298.801,306.005 296.240 C 307.310 293.679,308.556 291.322,308.773 291.003 C 308.989 290.684,309.167 290.371,309.167 290.309 C 309.167 290.246,309.579 289.426,310.083 288.485 C 310.587 287.545,311.000 286.727,311.000 286.668 C 311.000 286.571,311.662 285.302,314.043 280.833 C 315.218 278.629,315.788 277.513,316.086 276.833 C 316.227 276.512,316.437 276.100,316.553 275.917 C 316.669 275.733,317.153 274.833,317.628 273.917 C 318.103 273.000,318.709 271.870,318.975 271.405 C 319.240 270.941,319.811 269.853,320.243 268.989 C 321.308 266.855,321.610 266.275,323.012 263.667 C 324.684 260.557,325.370 259.223,325.798 258.250 C 325.999 257.792,326.376 257.042,326.634 256.583 C 327.078 255.795,328.230 253.645,329.564 251.115 C 331.551 247.346,330.866 242.784,327.891 239.979 C 326.736 238.889,325.769 238.285,322.974 236.903 C 322.181 236.511,321.206 235.984,320.807 235.731 C 319.859 235.129,316.397 233.206,314.065 231.987 C 313.047 231.454,311.847 230.795,311.399 230.522 C 310.389 229.908,306.619 227.821,304.500 226.703 C 303.629 226.244,302.467 225.603,301.917 225.280 C 300.307 224.335,298.679 223.424,297.250 222.670 C 294.551 221.244,291.576 219.605,291.333 219.409 C 291.196 219.298,290.483 218.889,289.750 218.499 C 289.017 218.110,288.331 217.723,288.225 217.639 C 288.120 217.556,287.868 217.456,287.666 217.417 C 287.463 217.378,286.762 217.017,286.107 216.615 C 285.452 216.213,283.979 215.371,282.833 214.745 C 281.688 214.118,280.712 213.556,280.667 213.497 C 280.621 213.437,279.916 213.070,279.101 212.681 C 278.285 212.292,277.348 211.803,277.017 211.595 C 275.795 210.825,270.847 208.077,268.667 206.958 C 267.430 206.322,266.380 205.748,266.334 205.681 C 266.254 205.565,263.301 203.918,261.000 202.705 C 259.501 201.916,257.034 200.555,256.333 200.132 C 255.050 199.356,251.936 197.667,251.790 197.667 C 251.705 197.667,251.436 197.529,251.192 197.361 C 246.977 194.447,242.988 193.329,239.750 194.156 M244.854 208.686 C 245.713 209.155,246.604 209.661,246.833 209.811 C 247.597 210.310,250.070 211.674,251.113 212.169 C 251.679 212.439,252.190 212.737,252.249 212.832 C 252.368 213.024,250.983 215.854,250.078 217.269 C 249.760 217.766,249.500 218.195,249.500 218.222 C 249.500 218.249,248.938 219.279,248.250 220.511 C 247.563 221.742,247.000 222.797,247.000 222.854 C 247.000 222.911,246.429 223.961,245.731 225.187 C 245.033 226.413,244.273 227.754,244.042 228.167 C 243.811 228.579,243.566 228.992,243.498 229.083 C 243.429 229.175,242.943 230.075,242.417 231.083 C 241.061 233.684,239.311 236.872,239.078 237.167 C 238.893 237.401,237.893 239.186,237.376 240.206 C 233.591 247.669,243.085 254.132,248.145 247.538 C 248.880 246.580,248.869 246.600,250.774 243.083 C 252.372 240.133,253.982 237.216,254.407 236.500 C 255.212 235.146,256.534 232.741,256.726 232.284 C 256.919 231.823,258.041 229.817,260.287 225.917 C 260.604 225.367,261.166 224.279,261.537 223.500 C 261.908 222.721,262.263 222.046,262.326 222.000 C 262.389 221.954,262.759 221.335,263.149 220.625 C 263.989 219.092,263.739 219.136,265.583 220.196 C 266.408 220.670,268.021 221.536,269.167 222.120 C 270.313 222.704,271.512 223.357,271.833 223.570 C 272.633 224.102,276.684 226.348,278.936 227.509 C 282.128 229.153,282.033 228.963,280.752 231.167 C 278.225 235.516,275.583 240.466,275.157 241.651 C 272.538 248.936,282.919 253.577,286.907 246.904 C 287.966 245.133,290.086 241.326,290.984 239.583 C 291.504 238.574,292.223 237.262,292.583 236.666 C 292.942 236.071,293.246 235.565,293.257 235.542 C 293.284 235.488,296.304 237.035,297.458 237.693 C 298.354 238.203,298.445 238.316,298.183 238.592 C 297.926 238.863,296.473 241.566,296.407 241.898 C 296.372 242.071,296.242 242.333,296.117 242.481 C 295.992 242.629,295.339 243.762,294.666 245.000 C 293.993 246.237,293.389 247.287,293.324 247.333 C 293.259 247.379,292.683 248.429,292.044 249.667 C 291.009 251.670,289.766 253.913,287.275 258.274 C 286.849 259.021,286.500 259.706,286.500 259.798 C 286.500 259.889,286.166 260.558,285.758 261.283 C 284.595 263.351,284.388 264.897,285.006 266.898 C 286.698 272.376,293.892 273.100,296.761 268.082 C 297.213 267.291,297.703 266.443,297.849 266.197 C 298.728 264.715,300.708 261.118,301.627 259.336 C 302.217 258.191,302.833 257.066,302.996 256.836 C 303.360 256.320,304.618 254.050,305.953 251.500 C 306.505 250.446,307.353 248.908,307.838 248.083 C 308.322 247.258,308.973 246.118,309.283 245.550 L 309.847 244.517 310.715 245.032 C 311.580 245.545,312.137 245.867,313.255 246.500 C 313.579 246.683,313.920 246.833,314.012 246.833 C 314.105 246.833,314.658 247.108,315.241 247.443 L 316.300 248.052 316.089 248.651 C 315.972 248.981,315.218 250.451,314.412 251.917 C 313.607 253.384,312.210 256.046,311.309 257.833 C 310.408 259.621,309.434 261.496,309.146 262.000 C 308.857 262.504,307.608 264.904,306.371 267.333 C 305.133 269.762,304.057 271.832,303.979 271.932 C 303.782 272.184,303.168 273.347,301.045 277.500 C 300.037 279.471,298.975 281.496,298.685 282.000 C 298.395 282.504,297.364 284.492,296.393 286.417 C 295.422 288.342,294.346 290.404,294.000 291.000 C 293.655 291.596,292.495 293.808,291.423 295.917 C 290.350 298.025,289.411 299.814,289.336 299.892 C 289.218 300.014,288.413 299.590,285.000 297.611 C 284.679 297.425,283.742 296.925,282.917 296.500 C 281.510 295.774,277.560 293.593,276.392 292.897 C 274.942 292.032,274.367 291.719,273.833 291.506 C 273.320 291.301,272.061 290.623,271.333 290.159 C 270.517 289.639,265.909 287.105,264.000 286.126 C 262.762 285.491,261.637 284.879,261.500 284.765 C 261.197 284.514,258.580 283.053,256.083 281.741 C 255.075 281.211,253.725 280.478,253.083 280.112 C 249.245 277.922,247.190 276.778,246.750 276.589 C 246.325 276.406,243.233 274.683,240.917 273.339 C 240.550 273.126,239.500 272.560,238.583 272.080 C 237.025 271.265,232.581 268.791,231.083 267.905 C 230.717 267.688,229.667 267.135,228.750 266.676 C 227.833 266.216,226.971 265.764,226.833 265.669 C 226.196 265.231,221.857 262.825,219.833 261.788 C 218.596 261.153,217.471 260.541,217.333 260.426 C 217.059 260.196,214.605 258.824,214.114 258.625 C 213.775 258.488,213.870 258.275,215.030 256.553 C 215.289 256.170,215.500 255.812,215.500 255.758 C 215.500 255.704,215.705 255.343,215.955 254.955 C 216.205 254.567,216.674 253.752,216.997 253.143 C 217.772 251.679,219.625 248.521,221.029 246.271 C 221.651 245.274,222.134 244.411,222.103 244.354 C 222.071 244.297,222.366 243.725,222.759 243.083 C 223.153 242.442,223.830 241.317,224.265 240.583 C 224.701 239.850,225.481 238.537,226.000 237.667 C 226.519 236.796,227.136 235.708,227.370 235.250 C 227.605 234.792,228.138 233.854,228.555 233.167 C 230.325 230.247,231.881 227.593,232.060 227.186 C 232.324 226.587,234.592 222.740,235.181 221.894 C 235.445 221.514,236.044 220.464,236.513 219.560 C 236.982 218.656,237.649 217.467,237.996 216.917 C 238.344 216.367,239.179 214.979,239.853 213.833 C 240.527 212.688,241.172 211.600,241.286 211.417 C 241.399 211.233,241.646 210.767,241.835 210.381 C 242.174 209.684,243.212 207.833,243.264 207.833 C 243.278 207.833,243.994 208.217,244.854 208.686 M229.154 372.607 C 224.812 377.334,217.309 380.532,208.676 381.335 C 207.362 381.457,206.611 381.609,206.260 381.822 C 202.630 384.031,194.969 386.667,192.177 386.667 C 191.654 386.667,191.223 385.482,190.513 382.091 C 189.942 379.358,190.250 379.684,187.500 378.910 C 184.842 378.162,181.844 377.092,178.471 375.686 C 177.126 375.125,175.972 374.667,175.906 374.667 C 175.713 374.667,175.972 376.615,176.428 378.583 C 177.487 383.159,177.809 384.637,177.904 385.365 C 178.282 388.250,180.397 393.249,181.971 394.975 C 184.614 397.877,186.514 399.016,189.500 399.492 C 193.778 400.173,201.210 398.628,207.500 395.750 C 208.554 395.268,209.604 394.816,209.833 394.746 C 210.063 394.675,210.530 394.441,210.872 394.226 C 211.214 394.010,211.531 393.833,211.576 393.833 C 211.870 393.833,216.495 390.641,218.083 389.342 C 221.077 386.893,226.679 379.972,227.108 378.193 C 227.167 377.950,227.513 377.152,227.878 376.421 C 228.243 375.691,228.636 374.828,228.752 374.505 C 228.869 374.181,229.121 373.523,229.313 373.042 C 229.714 372.037,229.703 372.009,229.154 372.607 " stroke="none" fill="#e34424" fill-rule="evenodd"></path><path id="path1" d="M196.500 0.445 C 191.572 0.716,185.962 1.624,181.167 2.927 C 179.007 3.514,173.249 5.365,172.719 5.642 C 172.553 5.729,171.505 6.187,170.391 6.661 C 166.502 8.313,161.019 11.375,157.998 13.581 C 157.218 14.151,156.355 14.734,156.081 14.876 C 155.807 15.018,155.421 15.273,155.222 15.442 C 155.023 15.612,154.651 15.900,154.396 16.083 C 154.140 16.267,153.813 16.529,153.668 16.667 C 153.294 17.021,149.964 19.877,149.686 20.081 C 148.766 20.757,143.679 26.158,142.292 27.932 C 141.582 28.840,140.766 29.846,140.480 30.167 C 140.193 30.488,139.838 30.938,139.690 31.167 C 139.541 31.396,139.175 31.908,138.877 32.304 C 138.578 32.701,138.333 33.107,138.333 33.207 C 138.333 33.308,137.965 33.894,137.515 34.511 C 136.235 36.265,133.897 40.320,132.985 42.368 C 132.528 43.392,132.092 44.310,132.016 44.407 C 131.857 44.609,130.757 47.185,130.090 48.917 C 129.843 49.558,129.497 50.435,129.320 50.865 C 128.914 51.855,127.278 58.052,126.754 60.583 C 124.520 71.390,124.801 83.997,127.496 93.833 C 127.684 94.521,128.061 95.951,128.332 97.011 C 128.776 98.745,129.356 100.481,130.306 102.917 C 131.390 105.698,134.220 111.555,135.371 113.400 C 137.019 116.042,138.905 118.930,139.572 119.833 C 140.701 121.361,142.183 123.240,142.399 123.417 C 142.511 123.508,142.932 124.033,143.336 124.583 C 144.201 125.763,150.255 131.825,151.408 132.667 C 151.848 132.988,152.554 133.556,152.979 133.931 C 154.272 135.072,157.594 137.535,158.826 138.267 C 159.151 138.460,160.472 139.285,161.762 140.100 C 165.683 142.579,172.004 145.502,177.012 147.151 C 179.221 147.879,179.470 147.948,180.667 148.168 C 181.079 148.244,182.167 148.503,183.083 148.743 C 193.583 151.493,207.096 151.454,218.250 148.641 C 219.350 148.363,220.475 148.107,220.750 148.071 C 221.025 148.035,221.438 147.933,221.667 147.845 C 221.896 147.756,222.646 147.523,223.333 147.326 C 224.870 146.885,229.884 144.895,231.917 143.919 C 232.742 143.523,233.999 142.931,234.711 142.603 C 236.258 141.889,243.253 137.650,243.667 137.175 C 243.713 137.122,244.187 136.782,244.722 136.419 C 245.256 136.056,246.156 135.356,246.722 134.864 C 247.287 134.371,248.088 133.736,248.500 133.452 C 249.388 132.842,249.982 132.319,251.571 130.750 C 252.221 130.108,253.165 129.199,253.668 128.730 C 254.645 127.820,255.941 126.405,257.773 124.250 C 258.396 123.517,259.013 122.807,259.143 122.673 C 259.626 122.176,261.667 119.381,261.667 119.216 C 261.667 119.122,261.842 118.866,262.056 118.648 C 262.439 118.257,263.698 116.374,265.040 114.188 C 266.535 111.751,271.000 102.498,271.000 101.837 C 271.000 101.741,271.068 101.532,271.151 101.373 C 271.305 101.080,271.386 100.810,272.850 95.750 C 276.759 82.238,276.578 67.200,272.343 53.667 C 271.984 52.521,271.609 51.271,271.509 50.888 C 270.575 47.308,265.783 37.810,262.814 33.652 C 262.183 32.767,261.667 31.959,261.667 31.855 C 261.667 31.752,261.592 31.667,261.500 31.667 C 261.408 31.667,261.333 31.586,261.333 31.488 C 261.333 31.390,261.240 31.212,261.125 31.092 C 261.010 30.972,260.804 30.705,260.667 30.499 C 260.529 30.292,260.183 29.852,259.897 29.520 C 259.611 29.188,258.626 28.017,257.709 26.917 C 255.024 23.698,251.224 19.997,247.433 16.909 C 246.908 16.481,246.288 15.954,246.054 15.737 C 245.821 15.521,245.488 15.299,245.315 15.244 C 245.142 15.189,245.000 15.074,245.000 14.989 C 245.000 14.903,244.920 14.833,244.822 14.833 C 244.651 14.833,243.222 13.863,241.714 12.725 C 240.650 11.922,237.404 10.000,237.111 10.000 C 236.969 10.000,236.807 9.925,236.750 9.833 C 236.693 9.742,235.245 8.967,233.532 8.112 C 222.348 2.529,208.975 -0.239,196.500 0.445 M208.122 12.993 C 210.614 13.325,213.016 13.774,214.833 14.247 C 215.338 14.378,215.938 14.520,216.167 14.562 C 218.906 15.062,223.019 16.534,226.917 18.410 C 227.925 18.895,229.313 19.559,230.000 19.885 C 231.367 20.532,231.694 20.734,235.500 23.266 C 243.428 28.540,248.940 34.350,254.813 43.624 C 255.520 44.739,256.861 47.213,256.917 47.503 C 256.947 47.658,257.250 48.338,257.590 49.014 C 259.017 51.846,261.352 58.321,261.733 60.500 C 261.789 60.821,261.867 61.233,261.906 61.417 C 264.758 74.807,263.642 88.404,258.780 99.500 C 258.278 100.646,257.587 102.221,257.243 103.000 C 256.379 104.963,255.226 106.987,253.302 109.917 C 252.399 111.292,251.514 112.642,251.335 112.917 C 251.156 113.192,250.838 113.604,250.630 113.834 C 250.285 114.213,249.502 115.154,247.561 117.526 C 246.730 118.541,242.318 122.873,241.500 123.476 C 241.179 123.712,240.504 124.248,240.000 124.667 C 239.496 125.085,238.783 125.646,238.417 125.913 C 238.050 126.180,237.713 126.450,237.667 126.512 C 237.504 126.733,234.963 128.500,234.808 128.500 C 234.721 128.500,234.223 128.781,233.700 129.124 C 233.178 129.468,232.675 129.786,232.583 129.833 C 232.492 129.879,232.117 130.110,231.750 130.347 C 230.878 130.910,225.833 133.533,225.833 133.423 C 225.833 133.342,224.632 133.782,223.583 134.248 C 218.841 136.355,211.431 138.144,206.167 138.452 C 194.527 139.133,185.590 137.800,176.897 134.086 C 175.927 133.672,175.030 133.333,174.902 133.333 C 174.472 133.333,168.681 130.216,167.568 129.385 C 167.284 129.173,166.965 129.000,166.859 129.000 C 166.753 129.000,166.667 128.930,166.667 128.845 C 166.667 128.759,166.498 128.637,166.292 128.573 C 165.895 128.451,163.218 126.622,162.481 125.969 C 162.241 125.757,161.799 125.396,161.500 125.167 C 161.201 124.938,160.822 124.638,160.658 124.500 C 159.854 123.823,159.692 123.697,159.443 123.558 C 158.982 123.300,153.556 117.909,152.924 117.082 C 152.019 115.896,150.283 113.772,150.066 113.583 C 149.713 113.278,148.211 111.089,148.093 110.708 C 148.030 110.502,147.908 110.333,147.822 110.333 C 147.737 110.333,147.667 110.249,147.667 110.145 C 147.667 110.041,147.393 109.575,147.058 109.109 C 146.280 108.026,143.167 102.504,143.167 102.207 C 143.167 102.083,143.013 101.630,142.824 101.199 C 142.636 100.769,142.421 100.267,142.347 100.083 C 142.273 99.900,142.060 99.412,141.874 99.000 C 141.533 98.242,140.885 96.462,140.114 94.162 C 139.448 92.176,138.539 88.505,138.335 86.980 C 138.233 86.212,138.116 85.396,138.076 85.167 C 136.324 75.190,137.776 62.334,141.756 52.583 C 142.243 51.392,142.856 49.891,143.119 49.249 C 143.551 48.195,145.074 45.286,145.799 44.130 C 147.020 42.183,148.137 40.342,148.328 39.958 C 148.454 39.706,148.609 39.500,148.673 39.500 C 148.737 39.500,148.999 39.181,149.255 38.792 C 151.673 35.113,162.014 24.667,163.236 24.667 C 163.322 24.667,167.109 22.127,167.439 21.849 C 167.825 21.523,171.146 19.667,171.343 19.667 C 171.455 19.667,171.892 19.456,172.315 19.199 C 180.436 14.262,196.611 11.458,208.122 12.993 M221.552 52.476 C 220.206 52.941,217.833 54.720,217.833 55.264 C 217.833 55.394,217.775 55.500,217.704 55.500 C 217.553 55.500,216.825 57.135,216.331 58.583 C 213.110 68.014,222.004 77.522,228.007 71.064 C 234.675 63.891,229.730 49.650,221.552 52.476 M175.318 52.982 C 167.456 56.058,168.114 71.367,176.197 73.438 C 178.317 73.981,181.624 72.752,182.543 71.080 C 182.657 70.873,183.083 70.161,183.489 69.498 C 188.177 61.858,182.412 50.206,175.318 52.982 M178.750 98.725 C 176.774 99.268,175.502 102.046,176.253 104.176 C 176.659 105.325,178.420 107.522,179.766 108.558 C 180.552 109.163,182.094 110.396,182.587 110.813 C 187.911 115.320,198.498 117.518,206.700 115.819 C 215.369 114.022,224.833 107.220,224.833 102.786 C 224.833 98.216,219.908 96.969,216.403 100.652 C 209.673 107.725,198.451 109.388,189.640 104.619 C 189.096 104.324,188.443 103.971,188.189 103.833 C 187.311 103.357,185.743 102.026,184.233 100.475 C 182.325 98.513,181.028 98.099,178.750 98.725 M134.333 129.781 C 133.737 129.990,130.092 131.619,128.343 132.458 C 127.294 132.961,126.357 133.390,126.260 133.411 C 125.949 133.479,125.439 133.685,124.520 134.114 C 124.027 134.343,122.752 134.927,121.687 135.411 C 120.621 135.894,118.888 136.701,117.833 137.203 C 116.779 137.705,115.617 138.214,115.250 138.333 C 114.883 138.453,114.321 138.686,114.000 138.850 C 113.175 139.273,108.636 141.354,106.167 142.441 C 105.021 142.946,103.558 143.590,102.917 143.873 C 99.048 145.577,90.859 149.625,89.667 150.423 C 89.162 150.761,87.813 151.644,86.667 152.386 C 82.332 155.192,75.000 162.178,75.000 163.501 C 75.000 163.592,74.925 163.667,74.833 163.667 C 74.742 163.667,74.667 163.745,74.667 163.840 C 74.667 163.936,74.590 164.105,74.497 164.215 C 72.614 166.447,70.069 173.479,69.507 178.000 C 69.273 179.886,69.260 299.305,69.493 300.954 C 70.908 310.930,76.123 319.676,83.833 325.005 C 84.154 325.226,84.492 325.468,84.583 325.542 C 84.675 325.615,85.537 326.169,86.500 326.771 C 87.462 327.374,88.451 328.007,88.696 328.179 C 89.626 328.831,93.257 330.833,93.509 330.833 C 93.618 330.833,94.129 331.087,94.645 331.398 C 95.161 331.708,95.970 332.156,96.443 332.393 C 96.915 332.629,98.003 333.241,98.859 333.752 C 99.716 334.262,101.129 335.026,101.999 335.448 C 102.869 335.871,103.769 336.347,103.999 336.507 C 104.229 336.667,105.420 337.349,106.646 338.024 C 109.781 339.747,110.199 339.983,110.637 340.270 C 110.850 340.410,111.160 340.550,111.326 340.582 C 111.491 340.614,112.142 340.943,112.772 341.314 C 113.401 341.685,114.254 342.167,114.667 342.387 C 115.320 342.734,116.674 343.501,119.708 345.241 C 120.144 345.491,120.500 345.655,120.500 345.605 C 120.500 345.556,121.231 345.935,122.125 346.448 C 124.345 347.722,128.324 349.921,129.800 350.690 C 130.894 351.261,133.422 352.655,134.138 353.083 C 135.162 353.696,136.466 354.415,137.833 355.122 C 139.435 355.951,143.261 358.059,144.333 358.704 C 144.654 358.897,145.704 359.463,146.667 359.963 C 147.629 360.462,149.429 361.436,150.667 362.127 C 151.904 362.818,153.067 363.466,153.250 363.567 C 153.433 363.668,153.621 363.792,153.667 363.843 C 153.812 364.005,156.234 365.285,156.623 365.405 C 156.955 365.509,157.545 365.828,158.975 366.680 C 160.255 367.443,166.040 370.334,166.291 370.336 C 166.452 370.338,166.996 370.567,167.500 370.846 C 168.004 371.124,169.879 372.027,171.667 372.852 C 173.454 373.677,175.078 374.432,175.276 374.529 C 175.473 374.626,175.710 374.660,175.801 374.603 C 175.892 374.547,176.518 374.735,177.192 375.022 C 180.149 376.281,186.154 378.408,188.667 379.088 C 189.262 379.249,189.834 379.483,189.936 379.608 C 190.038 379.733,190.526 379.908,191.019 379.996 C 191.513 380.085,192.742 380.311,193.750 380.498 C 194.758 380.686,196.371 380.954,197.333 381.094 C 199.602 381.425,206.292 381.613,207.132 381.369 C 207.472 381.271,208.688 381.105,209.833 381.000 C 217.039 380.342,224.136 377.346,228.162 373.263 C 228.848 372.569,229.493 372.000,229.597 372.000 C 230.135 372.000,232.780 368.104,234.294 365.083 C 236.912 359.858,237.586 352.027,235.973 345.585 C 235.789 344.852,235.571 344.211,235.488 344.159 C 235.405 344.108,235.124 343.357,234.863 342.491 C 233.793 338.935,232.431 335.926,230.766 333.443 C 230.161 332.541,229.667 331.664,229.667 331.494 C 229.667 331.324,229.533 331.088,229.369 330.968 C 229.206 330.848,228.593 330.188,228.008 329.500 C 226.491 327.719,225.376 326.652,223.708 325.385 C 222.906 324.776,222.213 324.230,222.167 324.171 C 222.121 324.112,221.483 323.608,220.750 323.050 C 218.973 321.697,218.667 321.388,218.667 320.947 C 218.667 320.468,220.254 317.262,221.239 315.750 C 221.658 315.108,222.043 314.450,222.096 314.287 C 222.149 314.124,222.733 313.074,223.395 311.954 C 229.477 301.657,228.103 292.703,220.108 290.541 C 217.928 289.951,212.773 290.344,211.579 291.191 C 211.485 291.257,211.035 291.437,210.579 291.591 C 208.372 292.333,203.561 294.477,201.771 295.516 C 200.670 296.155,199.681 296.644,199.573 296.602 C 199.465 296.561,198.973 296.778,198.480 297.085 C 197.987 297.392,196.540 298.266,195.265 299.027 C 193.990 299.788,192.859 300.498,192.753 300.604 C 192.647 300.711,192.159 301.001,191.669 301.249 C 191.179 301.497,190.172 302.088,189.431 302.562 C 185.518 305.065,182.563 305.054,177.417 302.519 C 176.133 301.886,172.840 300.257,170.099 298.899 C 167.357 297.540,165.030 296.416,164.928 296.401 C 164.825 296.386,162.718 295.324,160.246 294.041 C 157.773 292.758,155.412 291.593,155.000 291.453 C 154.587 291.313,152.214 290.141,149.726 288.849 C 147.237 287.557,145.100 286.497,144.976 286.494 C 144.608 286.483,139.546 283.774,138.611 283.087 C 137.668 282.394,136.817 281.346,136.408 280.375 C 135.609 278.474,135.637 279.727,135.659 246.182 C 135.684 210.232,135.842 213.735,134.109 211.881 C 131.055 208.617,125.613 209.570,123.958 213.658 L 123.583 214.583 123.593 247.083 C 123.604 283.336,123.512 280.431,124.765 284.126 C 126.414 288.989,130.302 292.996,135.983 295.687 C 136.771 296.061,139.629 297.454,142.333 298.783 C 147.660 301.400,147.419 301.281,153.197 304.184 C 155.368 305.274,157.215 306.167,157.300 306.167 C 157.386 306.167,159.497 307.224,161.992 308.517 C 164.487 309.810,166.766 310.934,167.056 311.015 C 167.346 311.095,168.896 311.841,170.500 312.672 C 174.103 314.538,176.875 315.684,178.417 315.946 C 178.600 315.977,179.126 316.078,179.585 316.171 C 181.983 316.657,185.827 316.659,188.000 316.177 C 188.412 316.085,188.975 315.973,189.250 315.928 C 191.255 315.600,195.837 313.633,198.157 312.105 C 198.647 311.783,199.525 311.274,200.110 310.974 C 200.694 310.674,201.562 310.134,202.037 309.775 C 203.312 308.810,207.492 305.965,208.167 305.604 C 208.487 305.432,208.787 305.244,208.833 305.186 C 209.203 304.718,214.333 302.540,214.333 302.852 C 214.333 303.182,212.489 306.626,211.086 308.917 C 209.687 311.200,207.722 314.959,207.594 315.596 C 207.559 315.772,207.373 316.479,207.180 317.167 C 205.738 322.324,207.062 327.346,210.696 330.500 C 211.066 330.821,211.834 331.496,212.404 332.000 C 212.973 332.504,214.362 333.592,215.489 334.417 C 218.149 336.363,221.251 339.728,222.097 341.583 C 225.188 348.363,225.617 352.914,223.716 358.750 C 223.477 359.483,223.110 360.355,222.901 360.688 C 222.692 361.021,222.416 361.546,222.286 361.855 C 221.976 362.598,220.120 364.893,219.448 365.365 C 219.156 365.571,218.826 365.816,218.714 365.911 C 212.313 371.352,198.443 371.275,185.725 365.729 C 185.436 365.603,185.077 365.500,184.927 365.500 C 184.778 365.500,183.754 365.087,182.652 364.583 C 181.550 364.079,180.616 363.667,180.575 363.667 C 180.535 363.667,179.105 362.986,177.399 362.153 C 175.692 361.321,174.171 360.616,174.019 360.587 C 173.662 360.518,169.802 358.513,168.083 357.504 C 166.498 356.572,165.411 355.996,164.167 355.428 C 163.662 355.198,162.012 354.297,160.500 353.426 C 158.987 352.554,156.838 351.387,155.723 350.832 C 154.608 350.276,153.446 349.653,153.140 349.447 C 152.407 348.953,148.653 346.903,145.833 345.456 C 144.596 344.822,143.471 344.215,143.333 344.109 C 143.196 344.003,142.904 343.816,142.685 343.692 C 141.409 342.974,138.640 341.481,136.833 340.538 C 135.688 339.940,134.225 339.136,133.583 338.751 C 132.305 337.983,128.365 335.833,128.237 335.833 C 128.107 335.833,123.774 333.465,123.500 333.244 C 123.362 333.134,122.537 332.677,121.667 332.230 C 120.796 331.783,120.060 331.365,120.031 331.301 C 120.002 331.237,119.702 331.094,119.364 330.983 C 119.026 330.872,118.563 330.651,118.333 330.492 C 118.104 330.332,116.904 329.651,115.667 328.978 C 114.429 328.304,113.293 327.677,113.142 327.585 C 112.777 327.361,111.375 326.606,110.750 326.297 C 109.276 325.566,108.687 325.248,106.167 323.822 C 104.654 322.966,102.329 321.717,101.000 321.048 C 98.883 319.982,96.139 318.415,92.666 316.289 C 86.657 312.612,83.146 307.522,81.718 300.417 C 81.239 298.034,81.250 181.137,81.730 178.583 C 83.018 171.723,87.053 166.481,94.605 161.855 C 98.837 159.264,99.351 158.988,103.917 156.861 C 105.292 156.221,107.204 155.326,108.167 154.874 C 109.129 154.422,110.479 153.806,111.167 153.505 C 111.854 153.205,112.642 152.859,112.917 152.738 C 113.192 152.617,114.129 152.203,115.000 151.819 C 115.871 151.435,117.371 150.748,118.333 150.292 C 120.659 149.191,122.937 148.167,123.059 148.167 C 123.113 148.167,123.590 147.970,124.120 147.731 C 124.650 147.491,125.496 147.108,126.000 146.879 C 126.504 146.651,127.592 146.143,128.417 145.750 C 129.242 145.357,130.629 144.716,131.500 144.325 C 132.371 143.935,133.233 143.519,133.417 143.401 C 133.600 143.283,133.938 143.152,134.167 143.110 C 134.573 143.036,136.681 142.103,138.481 141.200 C 143.182 138.844,143.069 132.302,138.290 130.076 C 137.440 129.681,135.114 129.507,134.333 129.781 " stroke="none" fill="#343434" fill-rule="evenodd"></path><path id="path2" d="" stroke="none" fill="#784234" fill-rule="evenodd"></path><path id="path3" d="M228.577 373.042 L 227.750 373.917 228.625 373.090 C 229.438 372.321,229.576 372.167,229.452 372.167 C 229.426 372.167,229.032 372.560,228.577 373.042 " stroke="none" fill="#a14431" fill-rule="evenodd"></path><path id="path4" d="M69.249 239.583 C 69.249 271.575,69.268 284.638,69.292 268.611 C 69.315 252.585,69.315 226.410,69.292 210.445 C 69.268 194.479,69.249 207.592,69.249 239.583 M228.411 373.042 L 227.417 374.083 228.458 373.089 C 229.031 372.541,229.500 372.073,229.500 372.047 C 229.500 371.924,229.336 372.074,228.411 373.042 M207.542 381.282 C 207.702 381.323,207.965 381.323,208.125 381.282 C 208.285 381.240,208.154 381.205,207.833 381.205 C 207.512 381.205,207.381 381.240,207.542 381.282 " stroke="none" fill="#523c34" fill-rule="evenodd"></path></g></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg id="svg" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" viewBox="0, 0, 400,400"><g id="svgg"><path id="path0" d="M197.250 299.002 C 195.974 299.232,193.592 299.955,192.971 300.300 C 192.666 300.469,191.929 300.863,191.333 301.175 C 189.060 302.365,184.167 307.068,184.167 308.063 C 184.167 308.112,183.988 308.415,183.770 308.736 C 181.682 311.813,180.315 319.333,180.990 324.023 C 182.021 331.178,186.587 338.094,191.833 340.450 C 192.063 340.552,192.588 340.790,193.000 340.976 C 198.268 343.363,205.115 342.683,210.167 339.271 C 218.036 333.957,221.324 321.773,217.569 311.837 C 214.247 303.043,205.497 297.517,197.250 299.002 M201.294 311.587 C 204.617 312.574,207.190 317.790,206.512 322.163 C 205.199 330.626,197.514 332.480,194.259 325.120 C 191.409 318.674,195.922 309.992,201.294 311.587 " stroke="none" fill="#f49c54" fill-rule="evenodd"></path><path id="path1" d="M112.333 20.265 C 110.761 20.684,109.131 21.992,108.569 23.284 C 107.802 25.051,107.871 23.255,106.746 70.917 C 106.155 95.942,105.396 127.667,105.058 141.417 C 104.325 171.284,104.224 185.371,104.727 187.667 C 106.146 194.152,109.845 198.319,116.417 200.839 C 118.387 201.594,119.267 201.951,119.672 202.159 C 119.813 202.232,120.178 202.346,120.483 202.413 C 121.035 202.534,122.545 203.128,124.016 203.801 C 124.438 203.994,125.451 204.444,126.266 204.802 C 127.082 205.159,128.612 205.865,129.667 206.371 C 130.721 206.877,131.883 207.418,132.250 207.574 C 132.617 207.730,133.179 208.029,133.500 208.238 C 133.821 208.447,135.058 209.159,136.250 209.821 C 139.378 211.556,139.409 211.573,139.500 211.685 C 139.546 211.742,140.033 212.011,140.583 212.283 C 141.133 212.556,141.963 213.035,142.428 213.348 C 142.893 213.661,144.018 214.417,144.928 215.028 C 148.394 217.355,152.260 220.229,153.273 221.231 C 153.468 221.425,153.874 221.771,154.175 222.000 C 155.871 223.294,161.189 228.565,162.437 230.189 C 162.792 230.652,163.350 231.343,163.675 231.724 C 164.561 232.761,165.168 233.583,166.342 235.333 C 166.925 236.204,167.450 236.954,167.509 237.000 C 167.567 237.046,167.839 237.533,168.113 238.083 C 168.387 238.633,169.181 240.208,169.877 241.583 C 171.145 244.090,172.763 248.148,172.910 249.193 C 172.953 249.499,173.028 249.900,173.076 250.083 C 174.820 256.751,174.961 263.630,173.498 270.583 C 173.208 271.958,172.943 273.271,172.908 273.500 C 172.711 274.801,170.792 280.181,169.647 282.642 C 169.291 283.407,169.000 284.066,169.000 284.107 C 169.000 284.321,167.602 286.965,166.722 288.417 C 164.998 291.257,163.693 293.947,162.826 296.446 C 161.126 301.342,160.757 302.509,160.149 304.917 C 157.067 317.113,157.804 329.720,162.263 341.126 C 162.668 342.162,163.000 343.108,163.000 343.228 C 163.000 343.541,166.083 349.735,166.648 350.557 C 166.911 350.938,167.421 351.813,167.783 352.500 C 168.146 353.188,168.661 354.061,168.929 354.441 C 173.464 360.866,177.257 365.394,180.989 368.833 C 181.835 369.613,182.877 370.576,183.305 370.975 C 194.041 380.976,202.132 382.404,211.545 375.960 C 213.090 374.902,215.433 372.923,216.626 371.668 C 217.019 371.255,217.707 370.542,218.155 370.083 C 218.603 369.625,219.652 368.462,220.487 367.500 C 221.322 366.537,222.372 365.337,222.819 364.833 C 224.882 362.511,227.036 359.875,228.333 358.086 C 229.112 357.011,229.956 355.886,230.208 355.585 C 230.460 355.285,230.667 354.990,230.667 354.929 C 230.667 354.869,230.743 354.729,230.836 354.618 C 231.182 354.208,231.994 352.912,231.997 352.765 C 231.999 352.682,232.440 351.895,232.978 351.015 C 233.516 350.136,234.496 348.329,235.156 347.000 C 235.815 345.671,236.459 344.391,236.585 344.156 C 236.712 343.921,236.850 343.546,236.892 343.323 C 236.934 343.099,237.317 342.017,237.744 340.917 C 244.265 324.119,242.212 303.163,232.478 287.160 C 231.946 286.285,231.239 284.973,230.906 284.243 C 230.573 283.514,230.110 282.504,229.876 282.000 C 229.000 280.116,227.282 274.890,227.098 273.551 C 227.062 273.294,226.917 272.552,226.775 271.902 C 225.262 264.997,225.317 257.721,226.938 250.417 C 226.978 250.233,227.045 249.858,227.086 249.583 C 227.651 245.774,231.989 236.928,235.339 232.750 C 235.707 232.292,236.434 231.354,236.954 230.667 C 237.884 229.438,245.056 222.167,245.339 222.167 C 245.418 222.167,245.693 221.969,245.950 221.727 C 246.809 220.917,250.233 218.218,251.833 217.088 C 255.231 214.689,259.167 212.106,259.167 212.275 C 259.167 212.335,259.298 212.266,259.459 212.121 C 259.619 211.975,259.938 211.775,260.167 211.676 C 260.396 211.576,260.808 211.350,261.083 211.172 C 261.914 210.635,265.827 208.478,267.164 207.820 C 272.636 205.125,278.069 202.633,278.917 202.428 C 279.192 202.362,279.642 202.211,279.917 202.094 C 281.026 201.620,281.502 201.436,283.500 200.713 C 286.211 199.731,289.914 197.826,290.139 197.297 C 290.169 197.225,290.285 197.167,290.397 197.167 C 291.243 197.167,294.092 192.951,294.802 190.649 C 295.779 187.479,295.787 187.039,295.277 164.500 C 295.158 159.229,295.059 154.579,295.058 154.167 C 295.057 153.754,294.668 137.479,294.195 118.000 C 293.722 98.521,293.032 69.721,292.664 54.000 L 291.993 25.417 291.570 24.138 C 291.005 22.427,290.209 21.529,288.527 20.707 L 287.250 20.083 200.250 20.052 C 124.305 20.025,113.134 20.052,112.333 20.265 M135.333 58.719 C 135.333 86.075,135.327 85.838,136.121 87.410 C 136.562 88.283,136.779 88.526,138.012 89.530 C 141.041 91.996,146.642 90.388,147.696 86.750 C 147.803 86.383,147.930 85.971,147.981 85.833 C 148.031 85.696,148.094 73.715,148.121 59.208 L 148.171 32.833 152.919 32.833 L 157.667 32.833 157.667 46.386 C 157.667 62.382,157.665 62.361,159.354 64.001 C 162.423 66.979,167.747 66.191,169.555 62.491 C 170.301 60.965,170.331 60.319,170.332 46.208 L 170.333 32.833 185.998 32.833 L 201.662 32.833 201.706 65.542 L 201.750 98.250 202.321 99.403 C 204.717 104.247,211.083 104.115,213.688 99.167 L 214.083 98.417 214.127 65.625 L 214.170 32.833 234.293 32.833 L 254.417 32.833 254.417 51.208 L 254.417 69.583 254.868 70.500 C 257.389 75.621,265.050 75.072,266.625 69.658 C 266.803 69.045,266.866 34.369,266.691 33.542 L 266.540 32.833 273.104 32.833 L 279.667 32.833 279.667 34.042 C 279.667 34.706,280.075 52.800,280.574 74.250 C 281.072 95.700,281.522 116.625,281.573 120.750 C 281.667 128.319,281.906 139.591,282.089 145.042 L 282.188 148.000 199.927 148.000 L 117.667 148.000 117.668 147.208 C 117.669 146.773,117.818 140.407,117.998 133.063 C 118.178 125.718,118.368 116.343,118.421 112.230 C 118.474 108.116,118.889 88.846,119.342 69.407 C 119.796 49.969,120.167 33.787,120.167 33.449 L 120.167 32.833 127.750 32.833 L 135.333 32.833 135.333 58.719 M282.563 165.958 C 282.625 168.960,282.756 173.967,282.854 177.083 C 283.081 184.345,282.925 186.899,282.223 187.419 C 282.055 187.543,280.904 188.033,279.667 188.506 C 276.112 189.866,274.263 190.617,271.649 191.765 C 270.309 192.352,269.131 192.833,269.029 192.833 C 268.853 192.833,262.964 195.683,260.667 196.879 C 260.071 197.190,259.171 197.645,258.667 197.890 C 258.162 198.136,257.487 198.494,257.167 198.686 C 256.846 198.878,255.608 199.606,254.417 200.305 C 253.225 201.003,252.111 201.702,251.941 201.858 C 251.771 202.013,251.396 202.234,251.107 202.348 C 250.496 202.591,247.728 204.385,246.167 205.552 C 245.571 205.997,244.558 206.710,243.917 207.136 C 242.788 207.886,239.403 210.554,237.423 212.254 C 233.342 215.758,229.734 219.414,226.736 223.083 C 225.321 224.815,222.677 228.396,222.428 228.917 C 222.296 229.192,221.773 230.092,221.264 230.917 C 219.979 233.000,217.726 237.483,217.160 239.083 C 213.863 248.405,213.085 252.169,212.885 259.750 C 212.676 267.637,213.713 274.007,216.613 282.667 C 218.273 287.620,219.271 289.891,221.031 292.713 C 223.552 296.754,226.870 304.664,227.236 307.500 C 227.277 307.821,227.497 308.946,227.724 310.000 C 229.189 316.790,229.134 324.783,227.581 330.888 C 227.445 331.423,227.292 332.098,227.242 332.388 C 227.108 333.169,226.508 335.153,226.175 335.917 C 226.015 336.283,225.634 337.216,225.328 337.989 C 225.022 338.762,224.358 340.187,223.852 341.155 C 223.346 342.124,222.713 343.367,222.445 343.917 C 221.972 344.885,218.446 350.293,217.868 350.935 C 217.712 351.109,217.246 351.695,216.833 352.237 C 216.186 353.088,214.125 355.495,213.083 356.617 C 212.900 356.815,212.675 357.076,212.583 357.199 C 212.017 357.956,210.599 359.575,209.668 360.525 C 209.072 361.135,207.951 362.281,207.179 363.073 C 206.406 363.864,205.319 364.809,204.762 365.172 C 204.205 365.535,203.675 365.888,203.582 365.958 C 201.116 367.808,198.904 367.345,194.855 364.129 C 190.957 361.033,184.838 354.779,182.663 351.667 C 182.438 351.346,182.126 350.933,181.968 350.750 C 178.926 347.214,173.358 336.253,172.740 332.583 C 172.709 332.400,172.456 331.275,172.178 330.083 C 170.537 323.067,170.656 314.929,172.500 307.999 C 172.585 307.678,172.700 307.116,172.754 306.749 C 172.862 306.012,174.192 301.974,174.673 300.920 C 174.842 300.552,175.359 299.399,175.823 298.359 C 176.288 297.319,176.817 296.278,177.000 296.045 C 177.184 295.812,177.333 295.551,177.333 295.465 C 177.333 295.320,178.718 292.881,179.590 291.491 C 180.057 290.746,182.488 285.187,182.588 284.635 C 182.629 284.409,182.968 283.405,183.341 282.404 C 188.439 268.723,188.546 254.293,183.645 241.465 C 183.180 240.247,182.732 239.019,182.650 238.738 C 182.431 237.988,180.066 233.241,179.422 232.259 C 178.448 230.775,177.546 229.241,177.427 228.865 C 177.363 228.664,177.241 228.500,177.155 228.500 C 177.070 228.500,177.000 228.422,177.000 228.326 C 177.000 228.231,176.922 228.062,176.828 227.951 C 176.733 227.841,176.037 226.925,175.282 225.917 C 171.827 221.302,168.710 217.888,164.668 214.289 C 163.615 213.351,162.602 212.445,162.418 212.275 C 162.234 212.105,161.146 211.217,160.000 210.301 C 158.854 209.385,157.717 208.455,157.473 208.234 C 157.229 208.014,156.948 207.833,156.848 207.833 C 156.748 207.833,156.667 207.758,156.667 207.667 C 156.667 207.575,156.596 207.500,156.511 207.500 C 156.373 207.500,153.048 205.238,152.833 204.999 C 152.618 204.758,149.384 202.667,149.228 202.667 C 149.130 202.667,148.758 202.458,148.400 202.202 C 148.043 201.947,147.000 201.298,146.083 200.761 C 145.167 200.224,144.042 199.557,143.583 199.278 C 142.183 198.427,130.772 192.739,130.417 192.715 C 130.233 192.702,129.446 192.417,128.667 192.081 C 127.888 191.744,126.502 191.171,125.587 190.807 C 124.672 190.444,123.678 190.038,123.378 189.906 C 123.079 189.775,122.590 189.560,122.292 189.430 C 121.994 189.300,121.225 188.996,120.583 188.756 C 118.027 187.799,117.416 186.921,117.134 183.802 C 116.965 181.936,117.043 170.977,117.276 163.875 L 117.386 160.500 199.918 160.500 L 282.450 160.500 282.563 165.958 " stroke="none" fill="#343434" fill-rule="evenodd"></path><path id="path2" d="" stroke="none" fill="#c8a044" fill-rule="evenodd"></path><path id="path3" d="M118.385 112.583 C 118.386 113.133,118.417 113.338,118.454 113.039 C 118.491 112.739,118.490 112.289,118.452 112.039 C 118.414 111.788,118.384 112.033,118.385 112.583 M281.550 121.167 C 281.550 121.671,281.581 121.877,281.619 121.625 C 281.658 121.373,281.658 120.960,281.619 120.708 C 281.581 120.456,281.550 120.662,281.550 121.167 M158.225 319.833 C 158.225 320.612,158.254 320.931,158.289 320.542 C 158.324 320.152,158.324 319.515,158.289 319.125 C 158.254 318.735,158.225 319.054,158.225 319.833 " stroke="none" fill="#646c44" fill-rule="evenodd"></path><path id="path4" d="" stroke="none" fill="#683444" fill-rule="evenodd"></path></g></svg>
|
|
@@ -30,6 +30,7 @@ export class HemfixarnaBreadcrumbs {
|
|
|
30
30
|
setTimeout(() => {
|
|
31
31
|
state.selectedCategory = null;
|
|
32
32
|
state.selectedProduct = null;
|
|
33
|
+
state.maleri = null;
|
|
33
34
|
state.selectedService = null;
|
|
34
35
|
}, 200);
|
|
35
36
|
}
|
|
@@ -44,6 +45,7 @@ export class HemfixarnaBreadcrumbs {
|
|
|
44
45
|
state.step = 1;
|
|
45
46
|
state.selectedCustomerCategory = state.parentCategory;
|
|
46
47
|
state.selectedProduct = null;
|
|
48
|
+
state.maleri = null;
|
|
47
49
|
} }, h("img", { width: 24, src: back, alt: "back arrow" }), h("span", null, "Se allt ", state.parentCategory.name)))));
|
|
48
50
|
}
|
|
49
51
|
static get is() { return "hemfixarna-breadcrumbs"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hemfixarna-breadcrumbs.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-breadcrumbs/hemfixarna-breadcrumbs.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"hemfixarna-breadcrumbs.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-breadcrumbs/hemfixarna-breadcrumbs.tsx"],"names":[],"mappings":"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","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.maleri = 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 state.maleri = 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"]}
|