npm - hemfixarna-web-components - Versions diffs - 1.8.7 → 1.8.8 - Mend

hemfixarna-web-components 1.8.7 → 1.8.8

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.

Files changed (111) hide show

package/dist/cjs/hemfixarna-byggmax.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e6926623.js');
-const index$1 = require('./index-dc8e80e4.js');
+const index$1 = require('./index-669f8efa.js');
 const hemfixarnaByggmaxCss = "";

package/dist/cjs/hemfixarna-doro.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e6926623.js');
-const index$1 = require('./index-dc8e80e4.js');
+const index$1 = require('./index-669f8efa.js');
 const hemfixarnaDoroCss = "";

package/dist/cjs/hemfixarna-elfa.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e6926623.js');
-const index$1 = require('./index-dc8e80e4.js');
+const index$1 = require('./index-669f8efa.js');
 const hemfixarnaElfaCss = "";

package/dist/cjs/hemfixarna-fargvaruhuset.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e6926623.js');
-const index$1 = require('./index-dc8e80e4.js');
+const index$1 = require('./index-669f8efa.js');
 const MyComponent = class {
   constructor(hostRef) {

package/dist/cjs/hemfixarna-flyttsmart.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e6926623.js');
-const index$1 = require('./index-dc8e80e4.js');
+const index$1 = require('./index-669f8efa.js');
 const MyComponent = class {
   constructor(hostRef) {

package/dist/cjs/hemfixarna-forebygg.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e6926623.js');
-const index$1 = require('./index-dc8e80e4.js');
+const index$1 = require('./index-669f8efa.js');
 const hemfixarnaForebyggCss = "";

package/dist/cjs/hemfixarna-hornbach.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e6926623.js');
-const index$1 = require('./index-dc8e80e4.js');
+const index$1 = require('./index-669f8efa.js');
 const hemfixarnaHornbachCss = "";

package/dist/cjs/hemfixarna-kbygg.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e6926623.js');
-const index$1 = require('./index-dc8e80e4.js');
+const index$1 = require('./index-669f8efa.js');
 const MyComponent = class {
   constructor(hostRef) {

package/dist/cjs/hemfixarna-klint.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e6926623.js');
-const index$1 = require('./index-dc8e80e4.js');
+const index$1 = require('./index-669f8efa.js');
 const MyComponent = class {
   constructor(hostRef) {

package/dist/cjs/hemfixarna-kund.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e6926623.js');
-const index$1 = require('./index-dc8e80e4.js');
+const index$1 = require('./index-669f8efa.js');
 const MyComponent = class {
   constructor(hostRef) {

package/dist/cjs/hemfixarna-norrgavel.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e6926623.js');
-const index$1 = require('./index-dc8e80e4.js');
+const index$1 = require('./index-669f8efa.js');
 const MyComponent = class {
   constructor(hostRef) {

package/dist/cjs/hemfixarna-power.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e6926623.js');
-const index$1 = require('./index-dc8e80e4.js');
+const index$1 = require('./index-669f8efa.js');
 const MyComponent = class {
   constructor(hostRef) {

package/dist/cjs/hemfixarna-skanska.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e6926623.js');
-const index$1 = require('./index-dc8e80e4.js');
+const index$1 = require('./index-669f8efa.js');
 const hemfixarnaSkanskaCss = "";

package/dist/cjs/hemfixarna-sparfonster.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e6926623.js');
-const index$1 = require('./index-dc8e80e4.js');
+const index$1 = require('./index-669f8efa.js');
 const MyComponent = class {
   constructor(hostRef) {

package/dist/cjs/hemfixarna-string-furniture.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e6926623.js');
-const index$1 = require('./index-dc8e80e4.js');
+const index$1 = require('./index-669f8efa.js');
 const hemfixarnaStringCss = "";

package/dist/cjs/hemfixarna-superfront.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e6926623.js');
-const index$1 = require('./index-dc8e80e4.js');
+const index$1 = require('./index-669f8efa.js');
 const MyComponent = class {
   constructor(hostRef) {

package/dist/cjs/hemfixarna-tesla.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e6926623.js');
-const index$1 = require('./index-dc8e80e4.js');
+const index$1 = require('./index-669f8efa.js');
 const MyComponent = class {
   constructor(hostRef) {

package/dist/cjs/hemfixarna-traningspartner.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e6926623.js');
-const index$1 = require('./index-dc8e80e4.js');
+const index$1 = require('./index-669f8efa.js');
 const MyComponent = class {
   constructor(hostRef) {

package/dist/cjs/hemfixarna-zaptec.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e6926623.js');
-const index$1 = require('./index-dc8e80e4.js');
+const index$1 = require('./index-669f8efa.js');
 const MyComponent = class {
   constructor(hostRef) {

package/dist/cjs/{index-dc8e80e4.js → index-669f8efa.js} RENAMED Viewed

@@ -37,6 +37,8 @@ exports.Business = void 0;
   Business["homeroom"] = "homeroom";
   Business["pickyliving"] = "picky-living";
   Business["amina"] = "amina";
+  Business["stgeorgesecuritystore"] = "st-george-security-store";
+  Business["whiteawaygroup"] = "whiteawaygroup";
 })(exports.Business || (exports.Business = {}));
 exports.WidgetStyle = void 0;
 (function (WidgetStyle) {
@@ -50,4 +52,4 @@ var TopCategory;
   TopCategory["byggmax"] = "category/bygg";
 })(TopCategory || (TopCategory = {}));
-//# sourceMappingURL=index-dc8e80e4.js.map
+//# sourceMappingURL=index-669f8efa.js.map

package/dist/cjs/index-669f8efa.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"index-669f8efa.js","mappings":";;AAAA;AACA;AACA;AAEYA;AAAZ,WAAY,QAAQ;EAClB,yBAAa,CAAA;EACb,+BAAmB,CAAA;EACnB,+BAAmB,CAAA;EACnB,uCAA2B,CAAA;EAC3B,iCAAqB,CAAA;EACrB,iCAAqB,CAAA;EACrB,yBAAa,CAAA;EACb,yBAAa,CAAA;EACb,4BAAgB,CAAA;EAChB,mCAAuB,CAAA;EACvB,2CAA+B,CAAA;EAC/B,6BAAiB,CAAA;EACjB,2BAAe,CAAA;EACf,2BAAe,CAAA;EACf,qCAAyB,CAAA;EACzB,qBAAS,CAAA;EACT,uCAA2B,CAAA;EAC3B,2BAAe,CAAA;EACf,+CAAmC,CAAA;EACnC,qCAAyB,CAAA;EACzB,yBAAa,CAAA;EACb,iCAAqB,CAAA;EACrB,mCAAuB,CAAA;EACvB,mCAAuB,CAAA;EACvB,+BAAmB,CAAA;EACnB,iCAAqB,CAAA;EACrB,iCAAqB,CAAA;EACrB,qCAAyB,CAAA;EACzB,mCAAuB,CAAA;EACvB,iCAAqB,CAAA;EACrB,wCAA4B,CAAA;EAC5B,2BAAe,CAAA;EACf,8DAAkD,CAAA;EAClD,6CAAiC,CAAA;AACnC,CAAC,EAnCWA,gBAAQ,KAARA,gBAAQ,QAmCnB;AAsMWC;AAAZ,WAAY,WAAW;EACrB,oCAAqB,CAAA;EACrB,0CAA2B,CAAA;EAC3B,8CAA+B,CAAA;EAC/B,8CAA+B,CAAA;AACjC,CAAC,EALWA,mBAAW,KAAXA,mBAAW,QAKtB;AAED,IAAY,WAEX;AAFD,WAAY,WAAW;EACrB,wCAAyB,CAAA;AAC3B,CAAC,EAFW,WAAW,KAAX,WAAW;;","names":["Business","WidgetStyle"],"sources":["./src/types/index.ts"],"sourcesContent":["// Match slug with partner slug in wp admin\n// Dont forget to add the partners url to cors for creditsafe\n// https://bitbucket.org/afonso-sweden/creditsafe-lookup/src/main/api/index.ts\n\nexport enum Business {\n kund = 'kund',\n byggmax = 'byggmax',\n skanska = 'skanska',\n string = 'string-furniture',\n hornbach = 'hornbach',\n forebygg = 'forebygg',\n doro = 'doro',\n elfa = 'elfa',\n kbygg = 'k-bygg',\n norrgavel = 'norrgavel',\n fargvaruhuset = 'fargvaruhuset',\n zaptec = 'zaptec',\n tesla = 'tesla',\n klint = 'klint',\n flyttsmart = 'flyttsmart',\n lg = 'lg',\n sparfonster = 'sparfonster',\n power = 'power',\n traningspartner = 'traningspartner',\n superfront = 'superfront',\n inet = 'inet',\n design24 = 'design24',\n netatonce = 'netatonce',\n bygghemma = 'bygghemma',\n badshop = 'badshop',\n byggshop = 'byggshop',\n golvshop = 'golvshop',\n golvpoolen = 'golvpoolen',\n webhallen = 'webhallen',\n homeroom = 'homeroom',\n pickyliving = 'picky-living',\n amina = 'amina',\n stgeorgesecuritystore = 'st-george-security-store',\n whiteawaygroup = 'whiteawaygroup'\n}\n\ntype Icon = {\n url: string;\n};\n\ninterface Customer {\n ID: number;\n post_title: string;\n post_name: string;\n post_type: string;\n filter: string;\n categories: CustomerCategory[];\n logo?: Icon;\n partner_url?: string;\n at_hemfixarna: boolean;\n info_title: string;\n widget_title?: string;\n info_text: string;\n checkout_title: string;\n checkout_trust_badges: { text: string }[];\n trust_badges: { text: string }[];\n source?: Source;\n password_protected: boolean;\n}\n\ninterface CustomerCategory {\n id: string;\n name: string;\n widget_title?: string;\n icon: string;\n show_products: boolean;\n products: { fields: Product }[] | false;\n sub_categories: CustomerSubCategory[] | false;\n add_painting: boolean;\n}\n\ninterface CustomerSubCategory {\n id: string;\n name: string;\n widget_title?: string;\n icon: string;\n products: { fields: Product }[];\n parent: string;\n add_painting: boolean;\n}\n\ninterface Part {\n ID: number;\n post_author: number;\n post_date: Date;\n post_date_gmt: Date;\n post_content: string;\n post_title: string;\n post_excerpt: string;\n post_status: string;\n comment_status: string;\n ping_status: string;\n post_password: string;\n post_name: string;\n to_ping: string;\n pinged: string;\n post_modified: Date;\n post_modified_gmt: Date;\n post_content_filtered: string;\n post_parent: 0 | 1;\n guid: string;\n menu_order: 0;\n post_type: string;\n post_mime_type: string;\n comment_count: number;\n filter: string;\n price: number;\n title: string;\n}\n\ninterface Product {\n ID: number;\n show_pdf: string;\n post_author: string;\n post_date: Date;\n post_date_gmt: Date;\n post_content: string;\n post_title: string;\n post_excerpt: string;\n post_status: string;\n comment_status: string;\n ping_status: string;\n post_password: string;\n post_name: string;\n to_ping: string;\n pinged: string;\n post_modified: Date;\n post_modified_gmt: Date;\n post_content_filtered: string;\n post_parent: 0;\n guid: string;\n menu_order: 0;\n post_type: string;\n post_mime_type: string;\n comment_count: 0;\n filter: string;\n price: number;\n icon?: Icon | string;\n parts?: Array<Part>;\n list: Array<{ bullet: string }>;\n terms: string;\n terms_checkout: string;\n terms_show_checkbox: boolean;\n rut: boolean;\n rot: boolean;\n green: boolean;\n hide_start_fee: boolean;\n description: string;\n category: string;\n title: string;\n invoice: string;\n invoice_price: string;\n invoice_description?: string;\n start_fee_obj: StartFee | null;\n}\n\ninterface Service {\n ID: 41857;\n icon?: Icon | string;\n post_author: 34419;\n post_date: Date;\n post_date_gmt: Date;\n post_content: string;\n post_title: string;\n post_excerpt: string;\n post_status: string;\n comment_status: string;\n ping_status: string;\n post_password: string;\n post_name: string;\n to_ping: string;\n pinged: string;\n post_modified: Date;\n post_modified_gmt: Date;\n post_content_filtered: string;\n post_parent: 0;\n guid: string;\n menu_order: 0;\n post_type: 'service';\n post_mime_type: string;\n comment_count: 0;\n filter: string;\n products: Array<Product>;\n}\n\ninterface Category {\n count: number;\n description: string;\n name: string;\n icon?: Icon | string;\n parent: 0 | 1;\n slug: string;\n taxonomy: 'service_cat';\n term_group: 0 | 1;\n term_id: number;\n term_order: string;\n term_taxonomy_id: number;\n sub_cats?: Array<Category>;\n services?: Array<Service>;\n}\n\ninterface WpOptions {\n link: { title: string; url: string };\n trust: { trust_badge: string }[];\n thank_you_image: string;\n start_fee: number;\n terms: string;\n maleri_title: string;\n maleri_text: string;\n}\ninterface CartPart {\n id: number;\n amount: number;\n price: number;\n name: string;\n}\n\ninterface CartItem {\n id: number;\n price: number;\n name: string;\n amount: number;\n parts: CartPart[];\n rut: boolean;\n rot: boolean;\n green: boolean;\n start_fee: boolean;\n terms_checkout: string;\n icon?: Icon | string;\n start_fee_obj: StartFee | null;\n}\n\nexport enum WidgetStyle {\n standard = 'standard',\n alternative = 'alternative',\n alternative_2 = 'alternative_2',\n alternative_3 = 'alternative_3',\n}\n\nexport enum TopCategory {\n byggmax = 'category/bygg',\n}\n\ninterface User {\n email: string;\n phone: string;\n ssn: string;\n firstName: string;\n lastName: string;\n street: string;\n zip: string;\n town: string;\n}\n\ninterface RutOptions {\n rut_start_fee_heading: string;\n rut_start_fee_text: string;\n rut_start_fee_text_secondary: string;\n}\n\ninterface RotOptions {\n rot_start_fee_heading: string;\n rot_start_fee_text: string;\n rot_start_fee_text_secondary: string;\n}\n\ninterface GreenOptions {\n green_start_fee_heading: string;\n green_start_fee_text: string;\n green_start_fee_text_secondary: string;\n}\n\ninterface SubSource {\n 'recordId': string;\n 'So_SubSource::Sus01_Name': string;\n 'So_SubSource::_id': string;\n 'So_SubSource::_id_Source': string;\n 'modId': string;\n}\n\ninterface FieldData {\n _id: string;\n So01_Name: string;\n So457_Aktiv_ac: number;\n So40_WebSubSource: string | number;\n So39_WebSource: number;\n rec_id: number;\n}\n\ninterface Source {\n fieldData: FieldData;\n sub_sources: SubSource[];\n}\n\ninterface SourcesRespone {\n dataInfo: {\n database: string;\n layout: string;\n table: string;\n totalRecordCount: number;\n foundCount: number;\n returnedCount: number;\n };\n data: Source[];\n}\n\ninterface StartFee {\n ID: number;\n title: string;\n price: number;\n pop_up: string | null;\n discount_type: string | null;\n description: string;\n}\n\nexport type {\n CartItem,\n CartPart,\n Category,\n Customer,\n CustomerCategory,\n CustomerSubCategory,\n GreenOptions,\n Icon,\n Part,\n Product,\n RotOptions,\n RutOptions,\n Service,\n Source,\n SourcesRespone,\n StartFee,\n User,\n WpOptions,\n};\n"],"version":3}

package/dist/collection/components/hemfixarna-component/hemfixarna.css CHANGED Viewed

@@ -990,6 +990,22 @@
   flex-direction: column;
   gap: 4px;
 }
+:host .hemfixarna_product .generate-pdf-button {
+  border-radius: 88px;
+  background: -o-linear-gradient(303deg, #EC873E 0%, #E5421E 100%);
+  background: linear-gradient(147deg, #EC873E 0%, #E5421E 100%);
+  color: #fff;
+  text-align: center;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 24px;
+  padding: 12px 25px;
+  border: 0;
+  text-decoration: none;
+  max-width: 300px;
+  cursor: pointer;
+}
 :host .hemfixarna_product p {
   margin: 0;
 }

package/dist/collection/components/hemfixarna-product/hemfixarna-product.js CHANGED Viewed

@@ -138,7 +138,7 @@ export class HemfixarnaProduct {
           ? 'https://painting-dev.vercel.app/static/js/main.js'
           : 'https://painting-frontend.vercel.app/static/js/main.js', defer: true, async: true }), h("hemfixare-calculator", { title: state.options.maleri_title, subtitle: state.options.maleri_text, modal: "true", customer: state.business === Business.string ? 'string' : state.business })));
     }
-    return state.selectedProduct ? (h("div", { class: "hemfixarna_product" }, h("div", { class: "hemfixarna_product--top" }, state.selectedProduct.icon && (h("img", { width: 80, src: (_a = state.selectedProduct.icon.url) !== null && _a !== void 0 ? _a : state.selectedProduct.icon, alt: state.selectedProduct.title })), h("div", null, h("h1", null, state.selectedProduct.title), !state.selectedProduct.invoice ? h("h2", null, getProductPrice(state.selectedProduct), " kr/st") : h("h2", null, state.selectedProduct.invoice_price))), h("div", { class: "hemfixarna_product--grid" }, h("div", { class: "hemfixarna_product--left" }, ((_b = state.selectedProduct.list) === null || _b === void 0 ? void 0 : _b.length) && (h("ul", { class: "hemfixarna_features" }, state.selectedProduct.list.map(l => (h("li", { key: l.bullet }, h("img", { src: checked, alt: "checked" }), h("p", null, l.bullet)))))), state.selectedProduct.description && (h("p", { onClick: () => (this.hideDescription = false), class: `hemfixarna_description ${this.hideDescription ? 'hemfixarna_description--hidden' : ''}`, innerHTML: state.selectedProduct.description }))), h("div", { class: "hemfixarna_product--right" }, state.selectedProduct.invoice ? (h("hemfixarna-invoice", null)) : (h(Fragment, null, h("ul", null, h("li", { class: "hemfixarna_product--item" }, h("div", null, h("p", null, state.selectedProduct.title), h("p", { class: "hemfixarna_product--price" }, getProductPrice(state.selectedProduct), "kr/st")), h("div", { class: "hemfixarna_counter" }, h("img", { class: `${this.getAmount() === 0 ? 'disabled' : ''}`, src: minus, onClick: () => this.removeProduct() }), h("span", null, this.getAmount()), h("img", { src: plus, onClick: () => this.addProduct() }))), ((_c = state.selectedProduct.parts) === null || _c === void 0 ? void 0 : _c.length) &&
+    return state.selectedProduct ? (h("div", { class: "hemfixarna_product" }, h("div", { class: "hemfixarna_product--top" }, state.selectedProduct.icon && (h("img", { width: 80, src: (_a = state.selectedProduct.icon.url) !== null && _a !== void 0 ? _a : state.selectedProduct.icon, alt: state.selectedProduct.title })), h("div", null, h("h1", null, state.selectedProduct.title), !state.selectedProduct.invoice ? h("h2", null, getProductPrice(state.selectedProduct), " kr/st") : h("h2", null, state.selectedProduct.invoice_price))), h("div", { class: "hemfixarna_product--grid" }, h("div", { class: "hemfixarna_product--left" }, ((_b = state.selectedProduct.list) === null || _b === void 0 ? void 0 : _b.length) && (h("ul", { class: "hemfixarna_features" }, state.selectedProduct.list.map(l => (h("li", { key: l.bullet }, h("img", { src: checked, alt: "checked" }), h("p", null, l.bullet)))))), state.selectedProduct.show_pdf && (h("a", { href: `http://hemfixarna.se/wp-json/felix/generatepdf/${state.selectedProduct.ID}`, target: "_blank", class: "generate-pdf-button" }, "Ladda ner tj\u00E4nstebeskrivning")), state.selectedProduct.description && (h("p", { onClick: () => (this.hideDescription = false), class: `hemfixarna_description ${this.hideDescription ? 'hemfixarna_description--hidden' : ''}`, innerHTML: state.selectedProduct.description }))), h("div", { class: "hemfixarna_product--right" }, state.selectedProduct.invoice ? (h("hemfixarna-invoice", null)) : (h(Fragment, null, h("ul", null, h("li", { class: "hemfixarna_product--item" }, h("div", null, h("p", null, state.selectedProduct.title), h("p", { class: "hemfixarna_product--price" }, getProductPrice(state.selectedProduct), "kr/st")), h("div", { class: "hemfixarna_counter" }, h("img", { class: `${this.getAmount() === 0 ? 'disabled' : ''}`, src: minus, onClick: () => this.removeProduct() }), h("span", null, this.getAmount()), h("img", { src: plus, onClick: () => this.addProduct() }))), ((_c = state.selectedProduct.parts) === null || _c === void 0 ? void 0 : _c.length) &&
       state.selectedProduct.parts.map(p => {
         var _a;
         return (h("li", { class: "hemfixarna_part" }, h("div", null, h("p", null, (_a = p.title) !== null && _a !== void 0 ? _a : p.title), h("p", { class: "hemfixarna_product--price" }, getPartPrice(p, state.selectedProduct), "kr/st")), h("div", { class: "hemfixarna_counter" }, h("img", { class: `${this.getPartAmount(p.ID) === 0 ? 'disabled' : ''}`, src: minus, onClick: () => this.removePart(p) }), h("span", null, this.getPartAmount(p.ID)), h("img", { class: `${this.getAmount() === 0 ? 'disabled' : ''}`, src: plus, onClick: () => this.addPart(p) }))));

package/dist/collection/components/hemfixarna-product/hemfixarna-product.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"hemfixarna-product.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-product/hemfixarna-product.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Fragment, State, getAssetPath, h } from '@stencil/core';\nimport state from '../../store';\nimport { Business, Icon, Part } from '../../types';\nimport { getPartPrice, getProductPrice } from '../../utils/calc';\nimport { scrollToTop } from '../../utils/scroll';\n\n@Component({\n tag: 'hemfixarna-product',\n styleUrl: 'hemfixarna-product.scss',\n shadow: false,\n})\nexport class HemfixarnaProduct {\n @State() amount: number = 0;\n @State() hideDescription: boolean = true;\n @Element() private el: HTMLElement;\n\n addProduct() {\n const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);\n if (productInCart) {\n productInCart.amount++;\n state.cart = [...state.cart];\n } else {\n state.cart = [\n ...state.cart,\n {\n id: state.selectedProduct.ID,\n rut: state.selectedProduct.rut,\n rot: state.selectedProduct.rot,\n green: state.selectedProduct.green,\n amount: 1,\n parts: [],\n price: state.selectedProduct.price,\n name: state.selectedProduct.title,\n start_fee: !state.selectedProduct.hide_start_fee,\n terms_checkout: state.selectedProduct.terms_checkout,\n icon: state.selectedProduct.icon,\n start_fee_obj: state.selectedProduct.start_fee_obj,\n },\n ];\n }\n }\n\n removeProduct() {\n const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);\n if (productInCart && productInCart.amount > 1) {\n productInCart.amount--;\n state.cart = [...state.cart];\n } else {\n state.cart = state.cart.filter(p => p.id !== state.selectedProduct.ID);\n }\n }\n\n //Handle cart and parts\n addPart(part: Part) {\n const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);\n if (productInCart) {\n const partInCart = productInCart.parts.find(sp => sp.id === part.ID);\n if (partInCart) {\n partInCart.amount++;\n productInCart.parts = [...productInCart.parts];\n } else {\n productInCart.parts = [...productInCart.parts, { id: part.ID, amount: 1, price: part.price, name: part.title ?? part.title }];\n }\n state.cart = [...state.cart.filter(p => p.id !== productInCart.id), productInCart];\n }\n }\n\n removePart(part: Part) {\n const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);\n if (productInCart) {\n const partInCart = productInCart.parts.find(sp => sp.id === part.ID);\n if (partInCart && partInCart.amount > 1) {\n partInCart.amount--;\n productInCart.parts = [...productInCart.parts];\n } else {\n productInCart.parts = productInCart.parts.filter(sp => sp.id !== part.ID);\n }\n state.cart = [...state.cart.filter(p => p.id !== productInCart.id), productInCart];\n }\n }\n\n goToCart() {\n const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);\n if (productInCart) {\n state.step = 5;\n const el = this.el.closest('.hemfixarna_content');\n scrollToTop(el);\n }\n }\n\n getAmount() {\n return state.cart.find(p => p.id === state.selectedProduct.ID)?.amount \|\| 0;\n }\n\n getPartAmount(partId: number) {\n const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);\n return productInCart?.parts.find(sp => sp.id === partId)?.amount \|\| 0;\n }\n\n getTotalPrice() {\n let price = 0;\n const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);\n if (productInCart) {\n const partsPrice = productInCart.parts.reduce((acc, curr) => {\n const part = state.selectedProduct.parts.find(p => p.ID === curr.id);\n if (part) {\n return acc + part.price * curr.amount;\n }\n return acc;\n }, 0);\n price = state.selectedProduct.price * productInCart.amount + partsPrice;\n } else {\n price = state.selectedProduct.price;\n }\n return getProductPrice(state.selectedProduct, price);\n }\n\n componentDidRender() {\n const linkElem = document.createElement('link');\n linkElem.setAttribute('rel', 'stylesheet');\n linkElem.setAttribute('href', 'https://painting-frontend.vercel.app/static/css/main.css');\n const fonts = document.createElement('link');\n fonts.setAttribute('rel', 'stylesheet');\n fonts.setAttribute('href', 'https://painting-frontend.vercel.app/fonts.css');\n\n const checkAndInjectCSS = () => {\n const parents = this.el.getElementsByTagName('hemfixare-calculator');\n if (parents.length > 0 && parents[0].shadowRoot !== null) {\n parents[0].shadowRoot.appendChild(linkElem);\n parents[0].shadowRoot.appendChild(fonts);\n } else {\n setTimeout(checkAndInjectCSS, 1);\n }\n };\n\n checkAndInjectCSS();\n }\n\n render() {\n const checked = getAssetPath(`./assets/checked.svg`);\n const plus = getAssetPath(`./assets/plus.svg`);\n const minus = getAssetPath(`./assets/minus.svg`);\n\n if (state.maleri) {\n return (\n <div class=\"hemfixarna_painting\">\n <script\n type=\"text/javascript\"\n src={\n ['localhost', 'vercel'].some(v => window.location.href.includes(v))\n ? 'https://painting-dev.vercel.app/static/js/main.js'\n : 'https://painting-frontend.vercel.app/static/js/main.js'\n }\n defer\n async\n ></script>\n <hemfixare-calculator\n title={state.options.maleri_title}\n subtitle={state.options.maleri_text}\n modal=\"true\"\n customer={state.business === Business.string ? 'string' : state.business}\n ></hemfixare-calculator>\n </div>\n );\n }\n\n return state.selectedProduct ? (\n <div class=\"hemfixarna_product\">\n <div class=\"hemfixarna_product--top\">\n {state.selectedProduct.icon && (\n <img width={80} src={(state.selectedProduct.icon as Icon).url ?? (state.selectedProduct.icon as string)} alt={state.selectedProduct.title} />\n )}\n <div>\n <h1>{state.selectedProduct.title}</h1>\n {!state.selectedProduct.invoice ? <h2>{getProductPrice(state.selectedProduct)} kr/st</h2> : <h2>{state.selectedProduct.invoice_price}</h2>}\n </div>\n </div>\n\n <div class=\"hemfixarna_product--grid\">\n <div class=\"hemfixarna_product--left\">\n {state.selectedProduct.list?.length && (\n <ul class=\"hemfixarna_features\">\n {state.selectedProduct.list.map(l => (\n <li key={l.bullet}>\n <img src={checked} alt=\"checked\" />\n <p>{l.bullet}</p>\n </li>\n ))}\n </ul>\n )}\n {state.selectedProduct.description && (\n <p\n onClick={() => (this.hideDescription = false)}\n class={`hemfixarna_description ${this.hideDescription ? 'hemfixarna_description--hidden' : ''}`}\n innerHTML={state.selectedProduct.description}\n ></p>\n )}\n </div>\n <div class=\"hemfixarna_product--right\">\n {state.selectedProduct.invoice ? (\n <hemfixarna-invoice />\n ) : (\n <Fragment>\n <ul>\n <li class=\"hemfixarna_product--item\">\n <div>\n <p>{state.selectedProduct.title}</p>\n <p class=\"hemfixarna_product--price\">{getProductPrice(state.selectedProduct)}kr/st</p>\n </div>\n <div class=\"hemfixarna_counter\">\n <img class={`${this.getAmount() === 0 ? 'disabled' : ''}`} src={minus} onClick={() => this.removeProduct()} />\n <span>{this.getAmount()}</span>\n <img src={plus} onClick={() => this.addProduct()} />\n </div>\n </li>\n {state.selectedProduct.parts?.length &&\n state.selectedProduct.parts.map(p => (\n <li class=\"hemfixarna_part\">\n <div>\n <p>{p.title ?? p.title}</p>\n <p class=\"hemfixarna_product--price\">{getPartPrice(p, state.selectedProduct)}kr/st</p>\n </div>\n <div class=\"hemfixarna_counter\">\n <img class={`${this.getPartAmount(p.ID) === 0 ? 'disabled' : ''}`} src={minus} onClick={() => this.removePart(p)} />\n <span>{this.getPartAmount(p.ID)}</span>\n <img class={`${this.getAmount() === 0 ? 'disabled' : ''}`} src={plus} onClick={() => this.addPart(p)} />\n </div>\n </li>\n ))}\n </ul>\n <h4 class=\"hemfixarna_product--total\">Totalt {this.getTotalPrice()} kr</h4>\n <button onClick={() => this.goToCart()} class={`hemfixarna_buy ${this.getAmount() === 0 ? 'disabled' : ''}`}>\n Fortsätt\n </button>\n </Fragment>\n )}\n {!state.selectedProduct.hide_start_fee && state.selectedProduct.start_fee_obj?.title && (\n <p class=\"hemfixarna_terms\">\n <strong>{state.selectedProduct.start_fee_obj.title}</strong>\n <br />\n <span innerHTML={state.selectedProduct.start_fee_obj.description}></span>\n </p>\n )}\n {state.options && <hemfixarna-info />}\n </div>\n </div>\n </div>\n ) : null;\n }\n}\n"]}
1	+ {"version":3,"file":"hemfixarna-product.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-product/hemfixarna-product.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Fragment, State, getAssetPath, h } from '@stencil/core';\nimport state from '../../store';\nimport { Business, Icon, Part } from '../../types';\nimport { getPartPrice, getProductPrice } from '../../utils/calc';\nimport { scrollToTop } from '../../utils/scroll';\n\n@Component({\n tag: 'hemfixarna-product',\n styleUrl: 'hemfixarna-product.scss',\n shadow: false,\n})\nexport class HemfixarnaProduct {\n @State() amount: number = 0;\n @State() hideDescription: boolean = true;\n @Element() private el: HTMLElement;\n\n addProduct() {\n const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);\n if (productInCart) {\n productInCart.amount++;\n state.cart = [...state.cart];\n } else {\n state.cart = [\n ...state.cart,\n {\n id: state.selectedProduct.ID,\n rut: state.selectedProduct.rut,\n rot: state.selectedProduct.rot,\n green: state.selectedProduct.green,\n amount: 1,\n parts: [],\n price: state.selectedProduct.price,\n name: state.selectedProduct.title,\n start_fee: !state.selectedProduct.hide_start_fee,\n terms_checkout: state.selectedProduct.terms_checkout,\n icon: state.selectedProduct.icon,\n start_fee_obj: state.selectedProduct.start_fee_obj,\n },\n ];\n }\n }\n\n removeProduct() {\n const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);\n if (productInCart && productInCart.amount > 1) {\n productInCart.amount--;\n state.cart = [...state.cart];\n } else {\n state.cart = state.cart.filter(p => p.id !== state.selectedProduct.ID);\n }\n }\n\n //Handle cart and parts\n addPart(part: Part) {\n const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);\n if (productInCart) {\n const partInCart = productInCart.parts.find(sp => sp.id === part.ID);\n if (partInCart) {\n partInCart.amount++;\n productInCart.parts = [...productInCart.parts];\n } else {\n productInCart.parts = [...productInCart.parts, { id: part.ID, amount: 1, price: part.price, name: part.title ?? part.title }];\n }\n state.cart = [...state.cart.filter(p => p.id !== productInCart.id), productInCart];\n }\n }\n\n removePart(part: Part) {\n const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);\n if (productInCart) {\n const partInCart = productInCart.parts.find(sp => sp.id === part.ID);\n if (partInCart && partInCart.amount > 1) {\n partInCart.amount--;\n productInCart.parts = [...productInCart.parts];\n } else {\n productInCart.parts = productInCart.parts.filter(sp => sp.id !== part.ID);\n }\n state.cart = [...state.cart.filter(p => p.id !== productInCart.id), productInCart];\n }\n }\n\n goToCart() {\n const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);\n if (productInCart) {\n state.step = 5;\n const el = this.el.closest('.hemfixarna_content');\n scrollToTop(el);\n }\n }\n\n getAmount() {\n return state.cart.find(p => p.id === state.selectedProduct.ID)?.amount \|\| 0;\n }\n\n getPartAmount(partId: number) {\n const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);\n return productInCart?.parts.find(sp => sp.id === partId)?.amount \|\| 0;\n }\n\n getTotalPrice() {\n let price = 0;\n const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);\n if (productInCart) {\n const partsPrice = productInCart.parts.reduce((acc, curr) => {\n const part = state.selectedProduct.parts.find(p => p.ID === curr.id);\n if (part) {\n return acc + part.price * curr.amount;\n }\n return acc;\n }, 0);\n price = state.selectedProduct.price * productInCart.amount + partsPrice;\n } else {\n price = state.selectedProduct.price;\n }\n return getProductPrice(state.selectedProduct, price);\n }\n\n componentDidRender() {\n const linkElem = document.createElement('link');\n linkElem.setAttribute('rel', 'stylesheet');\n linkElem.setAttribute('href', 'https://painting-frontend.vercel.app/static/css/main.css');\n const fonts = document.createElement('link');\n fonts.setAttribute('rel', 'stylesheet');\n fonts.setAttribute('href', 'https://painting-frontend.vercel.app/fonts.css');\n\n const checkAndInjectCSS = () => {\n const parents = this.el.getElementsByTagName('hemfixare-calculator');\n if (parents.length > 0 && parents[0].shadowRoot !== null) {\n parents[0].shadowRoot.appendChild(linkElem);\n parents[0].shadowRoot.appendChild(fonts);\n } else {\n setTimeout(checkAndInjectCSS, 1);\n }\n };\n\n checkAndInjectCSS();\n }\n\n render() {\n const checked = getAssetPath(`./assets/checked.svg`);\n const plus = getAssetPath(`./assets/plus.svg`);\n const minus = getAssetPath(`./assets/minus.svg`);\n\n if (state.maleri) {\n return (\n <div class=\"hemfixarna_painting\">\n <script\n type=\"text/javascript\"\n src={\n ['localhost', 'vercel'].some(v => window.location.href.includes(v))\n ? 'https://painting-dev.vercel.app/static/js/main.js'\n : 'https://painting-frontend.vercel.app/static/js/main.js'\n }\n defer\n async\n ></script>\n <hemfixare-calculator\n title={state.options.maleri_title}\n subtitle={state.options.maleri_text}\n modal=\"true\"\n customer={state.business === Business.string ? 'string' : state.business}\n ></hemfixare-calculator>\n </div>\n );\n }\n\n return state.selectedProduct ? (\n <div class=\"hemfixarna_product\">\n <div class=\"hemfixarna_product--top\">\n {state.selectedProduct.icon && (\n <img width={80} src={(state.selectedProduct.icon as Icon).url ?? (state.selectedProduct.icon as string)} alt={state.selectedProduct.title} />\n )}\n <div>\n <h1>{state.selectedProduct.title}</h1>\n {!state.selectedProduct.invoice ? <h2>{getProductPrice(state.selectedProduct)} kr/st</h2> : <h2>{state.selectedProduct.invoice_price}</h2>}\n </div>\n </div>\n\n <div class=\"hemfixarna_product--grid\">\n <div class=\"hemfixarna_product--left\">\n {state.selectedProduct.list?.length && (\n <ul class=\"hemfixarna_features\">\n {state.selectedProduct.list.map(l => (\n <li key={l.bullet}>\n <img src={checked} alt=\"checked\" />\n <p>{l.bullet}</p>\n </li>\n ))}\n </ul>\n )}\n {state.selectedProduct.show_pdf && (\n <a\n href={`http://hemfixarna.se/wp-json/felix/generatepdf/${state.selectedProduct.ID}`}\n target=\"_blank\"\n class=\"generate-pdf-button\"\n >\n Ladda ner tjänstebeskrivning\n </a>\n )}\n {state.selectedProduct.description && (\n <p\n onClick={() => (this.hideDescription = false)}\n class={`hemfixarna_description ${this.hideDescription ? 'hemfixarna_description--hidden' : ''}`}\n innerHTML={state.selectedProduct.description}\n ></p>\n )}\n </div>\n <div class=\"hemfixarna_product--right\">\n {state.selectedProduct.invoice ? (\n <hemfixarna-invoice />\n ) : (\n <Fragment>\n <ul>\n <li class=\"hemfixarna_product--item\">\n <div>\n <p>{state.selectedProduct.title}</p>\n <p class=\"hemfixarna_product--price\">{getProductPrice(state.selectedProduct)}kr/st</p>\n </div>\n <div class=\"hemfixarna_counter\">\n <img class={`${this.getAmount() === 0 ? 'disabled' : ''}`} src={minus} onClick={() => this.removeProduct()} />\n <span>{this.getAmount()}</span>\n <img src={plus} onClick={() => this.addProduct()} />\n </div>\n </li>\n {state.selectedProduct.parts?.length &&\n state.selectedProduct.parts.map(p => (\n <li class=\"hemfixarna_part\">\n <div>\n <p>{p.title ?? p.title}</p>\n <p class=\"hemfixarna_product--price\">{getPartPrice(p, state.selectedProduct)}kr/st</p>\n </div>\n <div class=\"hemfixarna_counter\">\n <img class={`${this.getPartAmount(p.ID) === 0 ? 'disabled' : ''}`} src={minus} onClick={() => this.removePart(p)} />\n <span>{this.getPartAmount(p.ID)}</span>\n <img class={`${this.getAmount() === 0 ? 'disabled' : ''}`} src={plus} onClick={() => this.addPart(p)} />\n </div>\n </li>\n ))}\n </ul>\n <h4 class=\"hemfixarna_product--total\">Totalt {this.getTotalPrice()} kr</h4>\n <button onClick={() => this.goToCart()} class={`hemfixarna_buy ${this.getAmount() === 0 ? 'disabled' : ''}`}>\n Fortsätt\n </button>\n </Fragment>\n )}\n {!state.selectedProduct.hide_start_fee && state.selectedProduct.start_fee_obj?.title && (\n <p class=\"hemfixarna_terms\">\n <strong>{state.selectedProduct.start_fee_obj.title}</strong>\n <br />\n <span innerHTML={state.selectedProduct.start_fee_obj.description}></span>\n </p>\n )}\n {state.options && <hemfixarna-info />}\n </div>\n </div>\n </div>\n ) : null;\n }\n}\n"]}

package/dist/collection/types/index.js CHANGED Viewed

@@ -35,6 +35,8 @@ export var Business;
   Business["homeroom"] = "homeroom";
   Business["pickyliving"] = "picky-living";
   Business["amina"] = "amina";
+  Business["stgeorgesecuritystore"] = "st-george-security-store";
+  Business["whiteawaygroup"] = "whiteawaygroup";
 })(Business || (Business = {}));
 export var WidgetStyle;
 (function (WidgetStyle) {

package/dist/collection/types/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,2CAA2C;AAC3C,6DAA6D;AAC7D,8EAA8E;AAE9E,MAAM,CAAN,IAAY,~~QAiCX~~;~~AAjCD~~,WAAY,QAAQ;EAClB,yBAAa,CAAA;EACb,+BAAmB,CAAA;EACnB,+BAAmB,CAAA;EACnB,uCAA2B,CAAA;EAC3B,iCAAqB,CAAA;EACrB,iCAAqB,CAAA;EACrB,yBAAa,CAAA;EACb,yBAAa,CAAA;EACb,4BAAgB,CAAA;EAChB,mCAAuB,CAAA;EACvB,2CAA+B,CAAA;EAC/B,6BAAiB,CAAA;EACjB,2BAAe,CAAA;EACf,2BAAe,CAAA;EACf,qCAAyB,CAAA;EACzB,qBAAS,CAAA;EACT,uCAA2B,CAAA;EAC3B,2BAAe,CAAA;EACf,+CAAmC,CAAA;EACnC,qCAAyB,CAAA;EACzB,yBAAa,CAAA;EACb,iCAAqB,CAAA;EACrB,mCAAuB,CAAA;EACvB,mCAAuB,CAAA;EACvB,+BAAmB,CAAA;EACnB,iCAAqB,CAAA;EACrB,iCAAqB,CAAA;EACrB,qCAAyB,CAAA;EACzB,mCAAuB,CAAA;EACvB,iCAAqB,CAAA;EACrB,wCAA4B,CAAA;EAC5B,2BAAe,CAAA;~~AACjB~~,CAAC,~~EAjCW~~,QAAQ,KAAR,QAAQ,~~QAiCnB~~;~~AAqMD~~,MAAM,CAAN,IAAY,WAKX;AALD,WAAY,WAAW;EACrB,oCAAqB,CAAA;EACrB,0CAA2B,CAAA;EAC3B,8CAA+B,CAAA;EAC/B,8CAA+B,CAAA;AACjC,CAAC,EALW,WAAW,KAAX,WAAW,QAKtB;AAED,MAAM,CAAN,IAAY,WAEX;AAFD,WAAY,WAAW;EACrB,wCAAyB,CAAA;AAC3B,CAAC,EAFW,WAAW,KAAX,WAAW,QAEtB","sourcesContent":["// Match slug with partner slug in wp admin\n// Dont forget to add the partners url to cors for creditsafe\n// https://bitbucket.org/afonso-sweden/creditsafe-lookup/src/main/api/index.ts\n\nexport enum Business {\n kund = 'kund',\n byggmax = 'byggmax',\n skanska = 'skanska',\n string = 'string-furniture',\n hornbach = 'hornbach',\n forebygg = 'forebygg',\n doro = 'doro',\n elfa = 'elfa',\n kbygg = 'k-bygg',\n norrgavel = 'norrgavel',\n fargvaruhuset = 'fargvaruhuset',\n zaptec = 'zaptec',\n tesla = 'tesla',\n klint = 'klint',\n flyttsmart = 'flyttsmart',\n lg = 'lg',\n sparfonster = 'sparfonster',\n power = 'power',\n traningspartner = 'traningspartner',\n superfront = 'superfront',\n inet = 'inet',\n design24 = 'design24',\n netatonce = 'netatonce',\n bygghemma = 'bygghemma',\n badshop = 'badshop',\n byggshop = 'byggshop',\n golvshop = 'golvshop',\n golvpoolen = 'golvpoolen',\n webhallen = 'webhallen',\n homeroom = 'homeroom',\n pickyliving = 'picky-living',\n amina = 'amina',\n}\n\ntype Icon = {\n url: string;\n};\n\ninterface Customer {\n ID: number;\n post_title: string;\n post_name: string;\n post_type: string;\n filter: string;\n categories: CustomerCategory[];\n logo?: Icon;\n partner_url?: string;\n at_hemfixarna: boolean;\n info_title: string;\n widget_title?: string;\n info_text: string;\n checkout_title: string;\n checkout_trust_badges: { text: string }[];\n trust_badges: { text: string }[];\n source?: Source;\n password_protected: boolean;\n}\n\ninterface CustomerCategory {\n id: string;\n name: string;\n widget_title?: string;\n icon: string;\n show_products: boolean;\n products: { fields: Product }[] \| false;\n sub_categories: CustomerSubCategory[] \| false;\n add_painting: boolean;\n}\n\ninterface CustomerSubCategory {\n id: string;\n name: string;\n widget_title?: string;\n icon: string;\n products: { fields: Product }[];\n parent: string;\n add_painting: boolean;\n}\n\ninterface Part {\n ID: number;\n post_author: number;\n post_date: Date;\n post_date_gmt: Date;\n post_content: string;\n post_title: string;\n post_excerpt: string;\n post_status: string;\n comment_status: string;\n ping_status: string;\n post_password: string;\n post_name: string;\n to_ping: string;\n pinged: string;\n post_modified: Date;\n post_modified_gmt: Date;\n post_content_filtered: string;\n post_parent: 0 \| 1;\n guid: string;\n menu_order: 0;\n post_type: string;\n post_mime_type: string;\n comment_count: number;\n filter: string;\n price: number;\n title: string;\n}\n\ninterface Product {\n ID: number;\n post_author: string;\n post_date: Date;\n post_date_gmt: Date;\n post_content: string;\n post_title: string;\n post_excerpt: string;\n post_status: string;\n comment_status: string;\n ping_status: string;\n post_password: string;\n post_name: string;\n to_ping: string;\n pinged: string;\n post_modified: Date;\n post_modified_gmt: Date;\n post_content_filtered: string;\n post_parent: 0;\n guid: string;\n menu_order: 0;\n post_type: string;\n post_mime_type: string;\n comment_count: 0;\n filter: string;\n price: number;\n icon?: Icon \| string;\n parts?: Array<Part>;\n list: Array<{ bullet: string }>;\n terms: string;\n terms_checkout: string;\n terms_show_checkbox: boolean;\n rut: boolean;\n rot: boolean;\n green: boolean;\n hide_start_fee: boolean;\n description: string;\n category: string;\n title: string;\n invoice: string;\n invoice_price: string;\n invoice_description?: string;\n start_fee_obj: StartFee \| null;\n}\n\ninterface Service {\n ID: 41857;\n icon?: Icon \| string;\n post_author: 34419;\n post_date: Date;\n post_date_gmt: Date;\n post_content: string;\n post_title: string;\n post_excerpt: string;\n post_status: string;\n comment_status: string;\n ping_status: string;\n post_password: string;\n post_name: string;\n to_ping: string;\n pinged: string;\n post_modified: Date;\n post_modified_gmt: Date;\n post_content_filtered: string;\n post_parent: 0;\n guid: string;\n menu_order: 0;\n post_type: 'service';\n post_mime_type: string;\n comment_count: 0;\n filter: string;\n products: Array<Product>;\n}\n\ninterface Category {\n count: number;\n description: string;\n name: string;\n icon?: Icon \| string;\n parent: 0 \| 1;\n slug: string;\n taxonomy: 'service_cat';\n term_group: 0 \| 1;\n term_id: number;\n term_order: string;\n term_taxonomy_id: number;\n sub_cats?: Array<Category>;\n services?: Array<Service>;\n}\n\ninterface WpOptions {\n link: { title: string; url: string };\n trust: { trust_badge: string }[];\n thank_you_image: string;\n start_fee: number;\n terms: string;\n maleri_title: string;\n maleri_text: string;\n}\ninterface CartPart {\n id: number;\n amount: number;\n price: number;\n name: string;\n}\n\ninterface CartItem {\n id: number;\n price: number;\n name: string;\n amount: number;\n parts: CartPart[];\n rut: boolean;\n rot: boolean;\n green: boolean;\n start_fee: boolean;\n terms_checkout: string;\n icon?: Icon \| string;\n start_fee_obj: StartFee \| null;\n}\n\nexport enum WidgetStyle {\n standard = 'standard',\n alternative = 'alternative',\n alternative_2 = 'alternative_2',\n alternative_3 = 'alternative_3',\n}\n\nexport enum TopCategory {\n byggmax = 'category/bygg',\n}\n\ninterface User {\n email: string;\n phone: string;\n ssn: string;\n firstName: string;\n lastName: string;\n street: string;\n zip: string;\n town: string;\n}\n\ninterface RutOptions {\n rut_start_fee_heading: string;\n rut_start_fee_text: string;\n rut_start_fee_text_secondary: string;\n}\n\ninterface RotOptions {\n rot_start_fee_heading: string;\n rot_start_fee_text: string;\n rot_start_fee_text_secondary: string;\n}\n\ninterface GreenOptions {\n green_start_fee_heading: string;\n green_start_fee_text: string;\n green_start_fee_text_secondary: string;\n}\n\ninterface SubSource {\n 'recordId': string;\n 'So_SubSource::Sus01_Name': string;\n 'So_SubSource::_id': string;\n 'So_SubSource::_id_Source': string;\n 'modId': string;\n}\n\ninterface FieldData {\n _id: string;\n So01_Name: string;\n So457_Aktiv_ac: number;\n So40_WebSubSource: string \| number;\n So39_WebSource: number;\n rec_id: number;\n}\n\ninterface Source {\n fieldData: FieldData;\n sub_sources: SubSource[];\n}\n\ninterface SourcesRespone {\n dataInfo: {\n database: string;\n layout: string;\n table: string;\n totalRecordCount: number;\n foundCount: number;\n returnedCount: number;\n };\n data: Source[];\n}\n\ninterface StartFee {\n ID: number;\n title: string;\n price: number;\n pop_up: string \| null;\n discount_type: string \| null;\n description: string;\n}\n\nexport type {\n CartItem,\n CartPart,\n Category,\n Customer,\n CustomerCategory,\n CustomerSubCategory,\n GreenOptions,\n Icon,\n Part,\n Product,\n RotOptions,\n RutOptions,\n Service,\n Source,\n SourcesRespone,\n StartFee,\n User,\n WpOptions,\n};\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,2CAA2C;AAC3C,6DAA6D;AAC7D,8EAA8E;AAE9E,MAAM,CAAN,IAAY,QAmCX;AAnCD,WAAY,QAAQ;EAClB,yBAAa,CAAA;EACb,+BAAmB,CAAA;EACnB,+BAAmB,CAAA;EACnB,uCAA2B,CAAA;EAC3B,iCAAqB,CAAA;EACrB,iCAAqB,CAAA;EACrB,yBAAa,CAAA;EACb,yBAAa,CAAA;EACb,4BAAgB,CAAA;EAChB,mCAAuB,CAAA;EACvB,2CAA+B,CAAA;EAC/B,6BAAiB,CAAA;EACjB,2BAAe,CAAA;EACf,2BAAe,CAAA;EACf,qCAAyB,CAAA;EACzB,qBAAS,CAAA;EACT,uCAA2B,CAAA;EAC3B,2BAAe,CAAA;EACf,+CAAmC,CAAA;EACnC,qCAAyB,CAAA;EACzB,yBAAa,CAAA;EACb,iCAAqB,CAAA;EACrB,mCAAuB,CAAA;EACvB,mCAAuB,CAAA;EACvB,+BAAmB,CAAA;EACnB,iCAAqB,CAAA;EACrB,iCAAqB,CAAA;EACrB,qCAAyB,CAAA;EACzB,mCAAuB,CAAA;EACvB,iCAAqB,CAAA;EACrB,wCAA4B,CAAA;EAC5B,2BAAe,CAAA;EACf,8DAAkD,CAAA;EAClD,6CAAiC,CAAA;AACnC,CAAC,EAnCW,QAAQ,KAAR,QAAQ,QAmCnB;AAsMD,MAAM,CAAN,IAAY,WAKX;AALD,WAAY,WAAW;EACrB,oCAAqB,CAAA;EACrB,0CAA2B,CAAA;EAC3B,8CAA+B,CAAA;EAC/B,8CAA+B,CAAA;AACjC,CAAC,EALW,WAAW,KAAX,WAAW,QAKtB;AAED,MAAM,CAAN,IAAY,WAEX;AAFD,WAAY,WAAW;EACrB,wCAAyB,CAAA;AAC3B,CAAC,EAFW,WAAW,KAAX,WAAW,QAEtB","sourcesContent":["// Match slug with partner slug in wp admin\n// Dont forget to add the partners url to cors for creditsafe\n// https://bitbucket.org/afonso-sweden/creditsafe-lookup/src/main/api/index.ts\n\nexport enum Business {\n kund = 'kund',\n byggmax = 'byggmax',\n skanska = 'skanska',\n string = 'string-furniture',\n hornbach = 'hornbach',\n forebygg = 'forebygg',\n doro = 'doro',\n elfa = 'elfa',\n kbygg = 'k-bygg',\n norrgavel = 'norrgavel',\n fargvaruhuset = 'fargvaruhuset',\n zaptec = 'zaptec',\n tesla = 'tesla',\n klint = 'klint',\n flyttsmart = 'flyttsmart',\n lg = 'lg',\n sparfonster = 'sparfonster',\n power = 'power',\n traningspartner = 'traningspartner',\n superfront = 'superfront',\n inet = 'inet',\n design24 = 'design24',\n netatonce = 'netatonce',\n bygghemma = 'bygghemma',\n badshop = 'badshop',\n byggshop = 'byggshop',\n golvshop = 'golvshop',\n golvpoolen = 'golvpoolen',\n webhallen = 'webhallen',\n homeroom = 'homeroom',\n pickyliving = 'picky-living',\n amina = 'amina',\n stgeorgesecuritystore = 'st-george-security-store',\n whiteawaygroup = 'whiteawaygroup'\n}\n\ntype Icon = {\n url: string;\n};\n\ninterface Customer {\n ID: number;\n post_title: string;\n post_name: string;\n post_type: string;\n filter: string;\n categories: CustomerCategory[];\n logo?: Icon;\n partner_url?: string;\n at_hemfixarna: boolean;\n info_title: string;\n widget_title?: string;\n info_text: string;\n checkout_title: string;\n checkout_trust_badges: { text: string }[];\n trust_badges: { text: string }[];\n source?: Source;\n password_protected: boolean;\n}\n\ninterface CustomerCategory {\n id: string;\n name: string;\n widget_title?: string;\n icon: string;\n show_products: boolean;\n products: { fields: Product }[] \| false;\n sub_categories: CustomerSubCategory[] \| false;\n add_painting: boolean;\n}\n\ninterface CustomerSubCategory {\n id: string;\n name: string;\n widget_title?: string;\n icon: string;\n products: { fields: Product }[];\n parent: string;\n add_painting: boolean;\n}\n\ninterface Part {\n ID: number;\n post_author: number;\n post_date: Date;\n post_date_gmt: Date;\n post_content: string;\n post_title: string;\n post_excerpt: string;\n post_status: string;\n comment_status: string;\n ping_status: string;\n post_password: string;\n post_name: string;\n to_ping: string;\n pinged: string;\n post_modified: Date;\n post_modified_gmt: Date;\n post_content_filtered: string;\n post_parent: 0 \| 1;\n guid: string;\n menu_order: 0;\n post_type: string;\n post_mime_type: string;\n comment_count: number;\n filter: string;\n price: number;\n title: string;\n}\n\ninterface Product {\n ID: number;\n show_pdf: string;\n post_author: string;\n post_date: Date;\n post_date_gmt: Date;\n post_content: string;\n post_title: string;\n post_excerpt: string;\n post_status: string;\n comment_status: string;\n ping_status: string;\n post_password: string;\n post_name: string;\n to_ping: string;\n pinged: string;\n post_modified: Date;\n post_modified_gmt: Date;\n post_content_filtered: string;\n post_parent: 0;\n guid: string;\n menu_order: 0;\n post_type: string;\n post_mime_type: string;\n comment_count: 0;\n filter: string;\n price: number;\n icon?: Icon \| string;\n parts?: Array<Part>;\n list: Array<{ bullet: string }>;\n terms: string;\n terms_checkout: string;\n terms_show_checkbox: boolean;\n rut: boolean;\n rot: boolean;\n green: boolean;\n hide_start_fee: boolean;\n description: string;\n category: string;\n title: string;\n invoice: string;\n invoice_price: string;\n invoice_description?: string;\n start_fee_obj: StartFee \| null;\n}\n\ninterface Service {\n ID: 41857;\n icon?: Icon \| string;\n post_author: 34419;\n post_date: Date;\n post_date_gmt: Date;\n post_content: string;\n post_title: string;\n post_excerpt: string;\n post_status: string;\n comment_status: string;\n ping_status: string;\n post_password: string;\n post_name: string;\n to_ping: string;\n pinged: string;\n post_modified: Date;\n post_modified_gmt: Date;\n post_content_filtered: string;\n post_parent: 0;\n guid: string;\n menu_order: 0;\n post_type: 'service';\n post_mime_type: string;\n comment_count: 0;\n filter: string;\n products: Array<Product>;\n}\n\ninterface Category {\n count: number;\n description: string;\n name: string;\n icon?: Icon \| string;\n parent: 0 \| 1;\n slug: string;\n taxonomy: 'service_cat';\n term_group: 0 \| 1;\n term_id: number;\n term_order: string;\n term_taxonomy_id: number;\n sub_cats?: Array<Category>;\n services?: Array<Service>;\n}\n\ninterface WpOptions {\n link: { title: string; url: string };\n trust: { trust_badge: string }[];\n thank_you_image: string;\n start_fee: number;\n terms: string;\n maleri_title: string;\n maleri_text: string;\n}\ninterface CartPart {\n id: number;\n amount: number;\n price: number;\n name: string;\n}\n\ninterface CartItem {\n id: number;\n price: number;\n name: string;\n amount: number;\n parts: CartPart[];\n rut: boolean;\n rot: boolean;\n green: boolean;\n start_fee: boolean;\n terms_checkout: string;\n icon?: Icon \| string;\n start_fee_obj: StartFee \| null;\n}\n\nexport enum WidgetStyle {\n standard = 'standard',\n alternative = 'alternative',\n alternative_2 = 'alternative_2',\n alternative_3 = 'alternative_3',\n}\n\nexport enum TopCategory {\n byggmax = 'category/bygg',\n}\n\ninterface User {\n email: string;\n phone: string;\n ssn: string;\n firstName: string;\n lastName: string;\n street: string;\n zip: string;\n town: string;\n}\n\ninterface RutOptions {\n rut_start_fee_heading: string;\n rut_start_fee_text: string;\n rut_start_fee_text_secondary: string;\n}\n\ninterface RotOptions {\n rot_start_fee_heading: string;\n rot_start_fee_text: string;\n rot_start_fee_text_secondary: string;\n}\n\ninterface GreenOptions {\n green_start_fee_heading: string;\n green_start_fee_text: string;\n green_start_fee_text_secondary: string;\n}\n\ninterface SubSource {\n 'recordId': string;\n 'So_SubSource::Sus01_Name': string;\n 'So_SubSource::_id': string;\n 'So_SubSource::_id_Source': string;\n 'modId': string;\n}\n\ninterface FieldData {\n _id: string;\n So01_Name: string;\n So457_Aktiv_ac: number;\n So40_WebSubSource: string \| number;\n So39_WebSource: number;\n rec_id: number;\n}\n\ninterface Source {\n fieldData: FieldData;\n sub_sources: SubSource[];\n}\n\ninterface SourcesRespone {\n dataInfo: {\n database: string;\n layout: string;\n table: string;\n totalRecordCount: number;\n foundCount: number;\n returnedCount: number;\n };\n data: Source[];\n}\n\ninterface StartFee {\n ID: number;\n title: string;\n price: number;\n pop_up: string \| null;\n discount_type: string \| null;\n description: string;\n}\n\nexport type {\n CartItem,\n CartPart,\n Category,\n Customer,\n CustomerCategory,\n CustomerSubCategory,\n GreenOptions,\n Icon,\n Part,\n Product,\n RotOptions,\n RutOptions,\n Service,\n Source,\n SourcesRespone,\n StartFee,\n User,\n WpOptions,\n};\n"]}

package/dist/esm/hemfixarna-address_15.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement, F as Fragment, a as getAssetPath } from './index-ea1d222e.js';
 import { s as state } from './index-20d4c934.js';
-import { B as Business, W as WidgetStyle } from './index-17dff2be.js';
+import { B as Business, W as WidgetStyle } from './index-10f224fb.js';
 const hideField = (field) => {
   return field.split(' ').reduce((acc, curr) => {
@@ -650,7 +650,7 @@ const HemfixarnaCheckout = class {
   get el() { return getElement(this); }
 };
-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 input[type=text] {\n  padding: 16px;\n  width: 100%;\n  font-size: 16px;\n  border: 1px solid #fcd9c9;\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  position: relative;\n}\n:host form button {\n  position: absolute;\n  right: 0;\n  top: -1rem;\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, #faf1e8 50%, #fff 50%);\n}\n:host form select {\n  padding: 0.75rem 1rem;\n  width: 100%;\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_source {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n:host .hemfixarna_source img {\n  width: 20px;\n}\n:host .hemfixarna_source--pw {\n  max-width: 300px !important;\n}\n:host .hemfixarna_source--pw input[type=password] {\n  padding: 0.5rem;\n}\n:host .hemfixarna_source--pw form {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n:host .hemfixarna_contact {\n  display: flex;\n  gap: 16px;\n}\n:host .hemfixarna_contact a {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: #474444;\n  text-decoration: none;\n  font-weight: 600;\n  font-size: 13px;\n}\n:host .hemfixarna_contact a:hover {\n  text-decoration: underline;\n}\n:host .hemfixarna_contact--horizontal span {\n  display: none;\n}\n@media (min-width: 769px) {\n  :host .hemfixarna_contact--horizontal span {\n    display: initial;\n  }\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_partnerlogo {\n  max-height: 50px;\n  min-height: 45px;\n  object-fit: contain;\n  max-width: 150px;\n}\n@media (min-width: 769px) {\n  :host .hemfixarna_partnerlogo {\n    max-width: 200px;\n  }\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 a {\n  text-decoration: none;\n}\n:host .hemfixarna_nav p {\n  color: #474444;\n}\n:host .hemfixarna_nav p.with-bg {\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%, #faf1e8);\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: -6px;\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: #faf1e8;\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  position: relative;\n}\n:host .hemfixarna_cart--additional p strong {\n  text-decoration: underline;\n  text-underline-offset: 2px;\n  cursor: pointer;\n}\n:host .hemfixarna_cart--additional p img {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  right: -20px;\n  cursor: pointer;\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 span {\n  font-size: 12px;\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_cart--group {\n  border-radius: 16px;\n  background: #fefaf6;\n  margin-bottom: 16px;\n  padding: 10px 20px;\n}\n:host .hemfixarna_cart--group ul li:first-of-type {\n  border-top: 0;\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  -webkit-transform: translate3d(0, 0, 0);\n}\n:host .hemfixarna_crumbs .cart {\n  display: flex;\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: -6px;\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--right {\n  display: flex;\n  align-items: center;\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@media (max-width: 768px) {\n  :host .hemfixarna_crumbs button {\n    display: none;\n  }\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 img {\n  object-fit: contain;\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}";
+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 input[type=text] {\n  padding: 16px;\n  width: 100%;\n  font-size: 16px;\n  border: 1px solid #fcd9c9;\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  position: relative;\n}\n:host form button {\n  position: absolute;\n  right: 0;\n  top: -1rem;\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, #faf1e8 50%, #fff 50%);\n}\n:host form select {\n  padding: 0.75rem 1rem;\n  width: 100%;\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_source {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n:host .hemfixarna_source img {\n  width: 20px;\n}\n:host .hemfixarna_source--pw {\n  max-width: 300px !important;\n}\n:host .hemfixarna_source--pw input[type=password] {\n  padding: 0.5rem;\n}\n:host .hemfixarna_source--pw form {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n:host .hemfixarna_contact {\n  display: flex;\n  gap: 16px;\n}\n:host .hemfixarna_contact a {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: #474444;\n  text-decoration: none;\n  font-weight: 600;\n  font-size: 13px;\n}\n:host .hemfixarna_contact a:hover {\n  text-decoration: underline;\n}\n:host .hemfixarna_contact--horizontal span {\n  display: none;\n}\n@media (min-width: 769px) {\n  :host .hemfixarna_contact--horizontal span {\n    display: initial;\n  }\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_partnerlogo {\n  max-height: 50px;\n  min-height: 45px;\n  object-fit: contain;\n  max-width: 150px;\n}\n@media (min-width: 769px) {\n  :host .hemfixarna_partnerlogo {\n    max-width: 200px;\n  }\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 a {\n  text-decoration: none;\n}\n:host .hemfixarna_nav p {\n  color: #474444;\n}\n:host .hemfixarna_nav p.with-bg {\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%, #faf1e8);\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: -6px;\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: #faf1e8;\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  position: relative;\n}\n:host .hemfixarna_cart--additional p strong {\n  text-decoration: underline;\n  text-underline-offset: 2px;\n  cursor: pointer;\n}\n:host .hemfixarna_cart--additional p img {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  right: -20px;\n  cursor: pointer;\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 span {\n  font-size: 12px;\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_cart--group {\n  border-radius: 16px;\n  background: #fefaf6;\n  margin-bottom: 16px;\n  padding: 10px 20px;\n}\n:host .hemfixarna_cart--group ul li:first-of-type {\n  border-top: 0;\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  -webkit-transform: translate3d(0, 0, 0);\n}\n:host .hemfixarna_crumbs .cart {\n  display: flex;\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: -6px;\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--right {\n  display: flex;\n  align-items: center;\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@media (max-width: 768px) {\n  :host .hemfixarna_crumbs button {\n    display: none;\n  }\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 .generate-pdf-button {\n  border-radius: 88px;\n  background: -o-linear-gradient(303deg, #EC873E 0%, #E5421E 100%);\n  background: linear-gradient(147deg, #EC873E 0%, #E5421E 100%);\n  color: #fff;\n  text-align: center;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 24px;\n  padding: 12px 25px;\n  border: 0;\n  text-decoration: none;\n  max-width: 300px;\n  cursor: pointer;\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 img {\n  object-fit: contain;\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}";
 const HemfixarnaComponent = class {
   constructor(hostRef) {
@@ -2116,7 +2116,7 @@ const HemfixarnaProduct = class {
           ? 'https://painting-dev.vercel.app/static/js/main.js'
           : 'https://painting-frontend.vercel.app/static/js/main.js', defer: true, async: true }), h("hemfixare-calculator", { title: state.options.maleri_title, subtitle: state.options.maleri_text, modal: "true", customer: state.business === Business.string ? 'string' : state.business })));
     }
-    return state.selectedProduct ? (h("div", { class: "hemfixarna_product" }, h("div", { class: "hemfixarna_product--top" }, state.selectedProduct.icon && (h("img", { width: 80, src: (_a = state.selectedProduct.icon.url) !== null && _a !== void 0 ? _a : state.selectedProduct.icon, alt: state.selectedProduct.title })), h("div", null, h("h1", null, state.selectedProduct.title), !state.selectedProduct.invoice ? h("h2", null, getProductPrice(state.selectedProduct), " kr/st") : h("h2", null, state.selectedProduct.invoice_price))), h("div", { class: "hemfixarna_product--grid" }, h("div", { class: "hemfixarna_product--left" }, ((_b = state.selectedProduct.list) === null || _b === void 0 ? void 0 : _b.length) && (h("ul", { class: "hemfixarna_features" }, state.selectedProduct.list.map(l => (h("li", { key: l.bullet }, h("img", { src: checked, alt: "checked" }), h("p", null, l.bullet)))))), state.selectedProduct.description && (h("p", { onClick: () => (this.hideDescription = false), class: `hemfixarna_description ${this.hideDescription ? 'hemfixarna_description--hidden' : ''}`, innerHTML: state.selectedProduct.description }))), h("div", { class: "hemfixarna_product--right" }, state.selectedProduct.invoice ? (h("hemfixarna-invoice", null)) : (h(Fragment, null, h("ul", null, h("li", { class: "hemfixarna_product--item" }, h("div", null, h("p", null, state.selectedProduct.title), h("p", { class: "hemfixarna_product--price" }, getProductPrice(state.selectedProduct), "kr/st")), h("div", { class: "hemfixarna_counter" }, h("img", { class: `${this.getAmount() === 0 ? 'disabled' : ''}`, src: minus, onClick: () => this.removeProduct() }), h("span", null, this.getAmount()), h("img", { src: plus, onClick: () => this.addProduct() }))), ((_c = state.selectedProduct.parts) === null || _c === void 0 ? void 0 : _c.length) &&
+    return state.selectedProduct ? (h("div", { class: "hemfixarna_product" }, h("div", { class: "hemfixarna_product--top" }, state.selectedProduct.icon && (h("img", { width: 80, src: (_a = state.selectedProduct.icon.url) !== null && _a !== void 0 ? _a : state.selectedProduct.icon, alt: state.selectedProduct.title })), h("div", null, h("h1", null, state.selectedProduct.title), !state.selectedProduct.invoice ? h("h2", null, getProductPrice(state.selectedProduct), " kr/st") : h("h2", null, state.selectedProduct.invoice_price))), h("div", { class: "hemfixarna_product--grid" }, h("div", { class: "hemfixarna_product--left" }, ((_b = state.selectedProduct.list) === null || _b === void 0 ? void 0 : _b.length) && (h("ul", { class: "hemfixarna_features" }, state.selectedProduct.list.map(l => (h("li", { key: l.bullet }, h("img", { src: checked, alt: "checked" }), h("p", null, l.bullet)))))), state.selectedProduct.show_pdf && (h("a", { href: `http://hemfixarna.se/wp-json/felix/generatepdf/${state.selectedProduct.ID}`, target: "_blank", class: "generate-pdf-button" }, "Ladda ner tj\u00E4nstebeskrivning")), state.selectedProduct.description && (h("p", { onClick: () => (this.hideDescription = false), class: `hemfixarna_description ${this.hideDescription ? 'hemfixarna_description--hidden' : ''}`, innerHTML: state.selectedProduct.description }))), h("div", { class: "hemfixarna_product--right" }, state.selectedProduct.invoice ? (h("hemfixarna-invoice", null)) : (h(Fragment, null, h("ul", null, h("li", { class: "hemfixarna_product--item" }, h("div", null, h("p", null, state.selectedProduct.title), h("p", { class: "hemfixarna_product--price" }, getProductPrice(state.selectedProduct), "kr/st")), h("div", { class: "hemfixarna_counter" }, h("img", { class: `${this.getAmount() === 0 ? 'disabled' : ''}`, src: minus, onClick: () => this.removeProduct() }), h("span", null, this.getAmount()), h("img", { src: plus, onClick: () => this.addProduct() }))), ((_c = state.selectedProduct.parts) === null || _c === void 0 ? void 0 : _c.length) &&
       state.selectedProduct.parts.map(p => {
         var _a;
         return (h("li", { class: "hemfixarna_part" }, h("div", null, h("p", null, (_a = p.title) !== null && _a !== void 0 ? _a : p.title), h("p", { class: "hemfixarna_product--price" }, getPartPrice(p, state.selectedProduct), "kr/st")), h("div", { class: "hemfixarna_counter" }, h("img", { class: `${this.getPartAmount(p.ID) === 0 ? 'disabled' : ''}`, src: minus, onClick: () => this.removePart(p) }), h("span", null, this.getPartAmount(p.ID)), h("img", { class: `${this.getAmount() === 0 ? 'disabled' : ''}`, src: plus, onClick: () => this.addPart(p) }))));