hemfixarna-web-components 1.6.1 → 1.6.3

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.
@@ -746,7 +746,7 @@ const HemfixarnaCheckout = class {
746
746
  this.generalError = null;
747
747
  };
748
748
  this.sendOrder = async () => {
749
- var _a, _b, _c, _d, _e;
749
+ var _a, _b, _c, _d;
750
750
  if (this.loading)
751
751
  return;
752
752
  this.loading = true;
@@ -784,13 +784,13 @@ const HemfixarnaCheckout = class {
784
784
  ].flat(),
785
785
  creditSafe: state.creditSafeUser,
786
786
  customer: state.business,
787
- id_source: state.customer.source ? state.customer.source.fieldData._id : '',
788
- id_sub_source: (_a = this.selectedSubSource) !== null && _a !== void 0 ? _a : '',
789
- seller_id: (_b = this.sellerID) !== null && _b !== void 0 ? _b : '',
790
- referral_id: (_c = this.RefferalID) !== null && _c !== void 0 ? _c : '',
787
+ id_source: '',
788
+ id_sub_source: '',
789
+ seller_id: (_a = this.sellerID) !== null && _a !== void 0 ? _a : '',
790
+ referral_id: (_b = this.RefferalID) !== null && _b !== void 0 ? _b : '',
791
791
  };
792
792
  const felixOrder = await postPerson(order);
793
- if (!felixOrder || !((_e = (_d = felixOrder.response) === null || _d === void 0 ? void 0 : _d.scriptResult) === null || _e === void 0 ? void 0 : _e.includes('OK'))) {
793
+ if (!felixOrder || !((_d = (_c = felixOrder.response) === null || _c === void 0 ? void 0 : _c.scriptResult) === null || _d === void 0 ? void 0 : _d.includes('OK'))) {
794
794
  order = Object.assign(Object.assign({}, order), { felixStatus: 'error' });
795
795
  }
796
796
  else {
@@ -15,7 +15,7 @@ export class HemfixarnaCheckout {
15
15
  this.generalError = null;
16
16
  };
17
17
  this.sendOrder = async () => {
18
- var _a, _b, _c, _d, _e;
18
+ var _a, _b, _c, _d;
19
19
  if (this.loading)
20
20
  return;
21
21
  this.loading = true;
@@ -53,13 +53,13 @@ export class HemfixarnaCheckout {
53
53
  ].flat(),
54
54
  creditSafe: state.creditSafeUser,
55
55
  customer: state.business,
56
- id_source: state.customer.source ? state.customer.source.fieldData._id : '',
57
- id_sub_source: (_a = this.selectedSubSource) !== null && _a !== void 0 ? _a : '',
58
- seller_id: (_b = this.sellerID) !== null && _b !== void 0 ? _b : '',
59
- referral_id: (_c = this.RefferalID) !== null && _c !== void 0 ? _c : '',
56
+ id_source: '',
57
+ id_sub_source: '',
58
+ seller_id: (_a = this.sellerID) !== null && _a !== void 0 ? _a : '',
59
+ referral_id: (_b = this.RefferalID) !== null && _b !== void 0 ? _b : '',
60
60
  };
61
61
  const felixOrder = await postPerson(order);
62
- if (!felixOrder || !((_e = (_d = felixOrder.response) === null || _d === void 0 ? void 0 : _d.scriptResult) === null || _e === void 0 ? void 0 : _e.includes('OK'))) {
62
+ if (!felixOrder || !((_d = (_c = felixOrder.response) === null || _c === void 0 ? void 0 : _c.scriptResult) === null || _d === void 0 ? void 0 : _d.includes('OK'))) {
63
63
  order = Object.assign(Object.assign({}, order), { felixStatus: 'error' });
64
64
  }
65
65
  else {
@@ -1 +1 @@
1
- {"version":3,"file":"hemfixarna-checkout.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-checkout/hemfixarna-checkout.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Fragment, State, getAssetPath, h } from '@stencil/core';\nimport state from '../../store';\nimport { Business } from '../../types';\nimport { postOrder } from '../../utils/api';\nimport { FelixOrder, postPerson } from '../../utils/felixApi';\nimport { hideField } from '../../utils/form';\nimport { scrollToTop } from '../../utils/scroll';\n\n@Component({\n tag: 'hemfixarna-checkout',\n shadow: false,\n})\nexport class HemfixarnaCheckout {\n @State() date: string = '';\n @State() dateError: string | null = null;\n @State() generalError: string | null = null;\n @State() loading = false;\n @State() enteredPin: string = '';\n @Element() private el: HTMLElement;\n private pinTimeout: any;\n @State() selectedSubSource: string | null = null;\n @State() partnerOrderId: string | null = null;\n @State() showSources = false;\n @State() sellerID: string | null = null;\n @State() RefferalID: string | null = null;\n\n handleChangeDate = (e: Event) => {\n this.dateError = null;\n this.date = (e.target as HTMLInputElement).value;\n };\n\n handleChangeTerms = () => {\n this.generalError = null;\n };\n\n sendOrder = async () => {\n if (this.loading) return;\n this.loading = true;\n let order: FelixOrder = {\n firstName: state.creditSafeUser.firstName,\n lastName: state.creditSafeUser.lastName,\n street: state.user.street,\n zip: state.user.zip,\n town: state.user.town,\n ssn: state.user.ssn,\n email: state.user.email,\n phone: state.user.phone,\n url: `${state.business === Business.string ? 'string' : state.business}-webk`,\n date: this.date,\n products: [\n ...state.cart.map(item => {\n const parts = item.parts.map(part => ({\n id: String(part.id),\n name: part.name,\n quantity: part.amount,\n rut: 0,\n rot: 0,\n }));\n return [\n {\n id: String(item.id),\n name: item.name,\n quantity: item.amount,\n rot: item.rot ? 1 : 0,\n rut: item.rut ? 1 : 0,\n },\n ...parts,\n ];\n }),\n ].flat(),\n creditSafe: state.creditSafeUser,\n customer: state.business,\n id_source: state.customer.source ? state.customer.source.fieldData._id : '',\n id_sub_source: this.selectedSubSource ?? '',\n seller_id: this.sellerID ?? '',\n referral_id: this.RefferalID ?? '',\n };\n\n const felixOrder = await postPerson(order);\n if (!felixOrder || !felixOrder.response?.scriptResult?.includes('OK')) {\n order = { ...order, felixStatus: 'error' };\n } else {\n order = { ...order, felixStatus: 'success' };\n }\n\n try {\n const { data: orderConfirm, status } = await postOrder(order);\n if (orderConfirm && status && status === 200) {\n state.step = 6;\n const el = this.el.closest('.hemfixarna_content');\n scrollToTop(el);\n } else {\n this.generalError = 'Något gick fel, försök igen senare';\n }\n } catch (error) {\n this.generalError = 'Något gick fel, försök igen senare';\n }\n this.loading = false;\n };\n\n handleSubmit = (e: Event) => {\n e.preventDefault();\n this.generalError = null;\n const validDate = this.date.length > 0;\n if (!validDate) {\n this.dateError = 'Ange ett giltigt datum';\n }\n const checkBoxes = Array.from(this.el.querySelectorAll('input[type=\"checkbox\"]'));\n const notValidTerms = checkBoxes.find(i => !(i as HTMLInputElement).checked);\n if (notValidTerms) {\n this.generalError = 'Du måste godkänna villkoren';\n }\n // if (state.customer.source) {\n // if (!this.sellerID) {\n // this.generalError = 'Ange säljare';\n // return;\n // }\n // if (state.customer.source.sub_sources?.length && !this.selectedSubSource) {\n // this.generalError = 'Välj underkälla';\n // return;\n // }\n // }\n if (validDate && !notValidTerms) {\n this.sendOrder();\n }\n };\n\n handleKeyDown = (event: KeyboardEvent) => {\n this.enteredPin += event.key;\n\n const correctPin = '+0033';\n\n if (this.enteredPin.length === correctPin.length) {\n if (this.enteredPin === correctPin) {\n localStorage.setItem('show_sources', 'true');\n this.showSources = true;\n window.removeEventListener('keydown', this.handleKeyDown);\n }\n this.enteredPin = '';\n }\n\n clearTimeout(this.pinTimeout);\n this.pinTimeout = setTimeout(() => (this.enteredPin = ''), 5000);\n };\n\n componentWillLoad() {\n if (Boolean(state.user && state.user.street)) {\n state.checkoutStep = 2;\n }\n if (state.customer && state.customer.source) {\n window.addEventListener('keydown', this.handleKeyDown);\n }\n const showSources = localStorage.getItem('show_sources');\n if (showSources) {\n this.showSources = true;\n }\n }\n\n disconnectedCallback() {\n window.removeEventListener('keydown', this.handleKeyDown);\n }\n\n render = () => {\n const dateLogo = getAssetPath(`./assets/date.svg`);\n const down = getAssetPath(`./assets/down.svg`);\n const loading = getAssetPath(`./assets/spinner.gif`);\n\n if (state.checkoutEdit) {\n return <hemfixarna-address />;\n } else if (state.checkoutStep === 1) {\n return <hemfixarna-getuser />;\n } else if (state.checkoutStep === 2) {\n return (\n <div class=\"mb-2\">\n <div class=\"hemfixarna_addressinfo\">\n <div>\n <p>{hideField(state.user.firstName)}</p>\n <p>{hideField(state.user.lastName)}</p>\n <p>{state.user.email}</p>\n <p>{state.user.phone}</p>\n </div>\n <div>\n <p>{hideField(state.user.street)}</p>\n <p>{hideField(state.user.zip)}</p>\n <p>{hideField(state.user.town)}</p>\n </div>\n <button onClick={() => (state.checkoutEdit = true)}>Behöver du ändra adressen?</button>\n </div>\n <form onSubmit={e => this.handleSubmit(e)}>\n <div>\n <img src={dateLogo} width={24} />\n <input\n class={`${this.date.length ? 'input_active' : ''}`}\n min={new Date().toISOString().split('T')[0]}\n onChange={e => this.handleChangeDate(e)}\n type=\"date\"\n name=\"date\"\n value={this.date}\n />\n <label htmlFor=\"date\">Tidigaste datum för hembesök</label>\n <img src={down} width={24} />\n </div>\n {this.dateError && <span>{this.dateError}</span>}\n {state.customer.source && this.showSources ? (\n <Fragment>\n <p>\n Inloggad som:\n <strong> {state.customer.source.fieldData.So01_Name}</strong>\n </p>\n <label>\n Säljare (SäljarId)\n <input type=\"text\" value={this.sellerID} onChange={e => (this.sellerID = (e.target as HTMLInputElement).value)} />\n </label>\n <label>\n PartnerOrderID (RefferalID)\n <input type=\"text\" value={this.RefferalID} onChange={e => (this.RefferalID = (e.target as HTMLInputElement).value)} />\n </label>\n {state.customer.source.sub_sources?.length ? (\n <div>\n <select onChange={e => (this.selectedSubSource = (e.target as HTMLSelectElement).value)}>\n <option disabled selected value=\"null\">\n Välj underkälla\n </option>\n {state.customer.source.sub_sources.map(sub => (\n <option value={sub['So_SubSource::_id']}>{sub['So_SubSource::Sus01_Name']}</option>\n ))}\n </select>\n </div>\n ) : (\n <h4>Det finns inga underkällor att välja</h4>\n )}\n </Fragment>\n ) : null}\n <label class=\"hemfixarna_checkbox\">\n <input onChange={() => this.handleChangeTerms()} type=\"checkbox\" />\n <span innerHTML={state.options.terms} />\n </label>\n {state.cart\n .filter(i => i.terms_checkout?.length)\n .map(item => (\n <Fragment>\n <label class=\"hemfixarna_checkbox\">\n <input onChange={() => this.handleChangeTerms()} type=\"checkbox\" />\n <span>{item.terms_checkout}</span>\n </label>\n </Fragment>\n ))}\n {this.generalError && <span>{this.generalError}</span>}\n <div class={this.loading ? 'loading' : ''}>\n <input type=\"submit\" value={this.loading ? '' : 'Skicka bokning'} />\n <img width={20} height={20} src={loading} alt=\"spinner\" />\n </div>\n </form>\n </div>\n );\n }\n };\n}\n"]}
1
+ {"version":3,"file":"hemfixarna-checkout.js","sourceRoot":"","sources":["../../../src/components/hemfixarna-checkout/hemfixarna-checkout.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Fragment, State, getAssetPath, h } from '@stencil/core';\nimport state from '../../store';\nimport { Business } from '../../types';\nimport { postOrder } from '../../utils/api';\nimport { FelixOrder, postPerson } from '../../utils/felixApi';\nimport { hideField } from '../../utils/form';\nimport { scrollToTop } from '../../utils/scroll';\n\n@Component({\n tag: 'hemfixarna-checkout',\n shadow: false,\n})\nexport class HemfixarnaCheckout {\n @State() date: string = '';\n @State() dateError: string | null = null;\n @State() generalError: string | null = null;\n @State() loading = false;\n @State() enteredPin: string = '';\n @Element() private el: HTMLElement;\n private pinTimeout: any;\n @State() selectedSubSource: string | null = null;\n @State() partnerOrderId: string | null = null;\n @State() showSources = false;\n @State() sellerID: string | null = null;\n @State() RefferalID: string | null = null;\n\n handleChangeDate = (e: Event) => {\n this.dateError = null;\n this.date = (e.target as HTMLInputElement).value;\n };\n\n handleChangeTerms = () => {\n this.generalError = null;\n };\n\n sendOrder = async () => {\n if (this.loading) return;\n this.loading = true;\n let order: FelixOrder = {\n firstName: state.creditSafeUser.firstName,\n lastName: state.creditSafeUser.lastName,\n street: state.user.street,\n zip: state.user.zip,\n town: state.user.town,\n ssn: state.user.ssn,\n email: state.user.email,\n phone: state.user.phone,\n url: `${state.business === Business.string ? 'string' : state.business}-webk`,\n date: this.date,\n products: [\n ...state.cart.map(item => {\n const parts = item.parts.map(part => ({\n id: String(part.id),\n name: part.name,\n quantity: part.amount,\n rut: 0,\n rot: 0,\n }));\n return [\n {\n id: String(item.id),\n name: item.name,\n quantity: item.amount,\n rot: item.rot ? 1 : 0,\n rut: item.rut ? 1 : 0,\n },\n ...parts,\n ];\n }),\n ].flat(),\n creditSafe: state.creditSafeUser,\n customer: state.business,\n id_source: '',\n id_sub_source: '',\n seller_id: this.sellerID ?? '',\n referral_id: this.RefferalID ?? '',\n };\n\n const felixOrder = await postPerson(order);\n if (!felixOrder || !felixOrder.response?.scriptResult?.includes('OK')) {\n order = { ...order, felixStatus: 'error' };\n } else {\n order = { ...order, felixStatus: 'success' };\n }\n\n try {\n const { data: orderConfirm, status } = await postOrder(order);\n if (orderConfirm && status && status === 200) {\n state.step = 6;\n const el = this.el.closest('.hemfixarna_content');\n scrollToTop(el);\n } else {\n this.generalError = 'Något gick fel, försök igen senare';\n }\n } catch (error) {\n this.generalError = 'Något gick fel, försök igen senare';\n }\n this.loading = false;\n };\n\n handleSubmit = (e: Event) => {\n e.preventDefault();\n this.generalError = null;\n const validDate = this.date.length > 0;\n if (!validDate) {\n this.dateError = 'Ange ett giltigt datum';\n }\n const checkBoxes = Array.from(this.el.querySelectorAll('input[type=\"checkbox\"]'));\n const notValidTerms = checkBoxes.find(i => !(i as HTMLInputElement).checked);\n if (notValidTerms) {\n this.generalError = 'Du måste godkänna villkoren';\n }\n // if (state.customer.source) {\n // if (!this.sellerID) {\n // this.generalError = 'Ange säljare';\n // return;\n // }\n // if (state.customer.source.sub_sources?.length && !this.selectedSubSource) {\n // this.generalError = 'Välj underkälla';\n // return;\n // }\n // }\n if (validDate && !notValidTerms) {\n this.sendOrder();\n }\n };\n\n handleKeyDown = (event: KeyboardEvent) => {\n this.enteredPin += event.key;\n\n const correctPin = '+0033';\n\n if (this.enteredPin.length === correctPin.length) {\n if (this.enteredPin === correctPin) {\n localStorage.setItem('show_sources', 'true');\n this.showSources = true;\n window.removeEventListener('keydown', this.handleKeyDown);\n }\n this.enteredPin = '';\n }\n\n clearTimeout(this.pinTimeout);\n this.pinTimeout = setTimeout(() => (this.enteredPin = ''), 5000);\n };\n\n componentWillLoad() {\n if (Boolean(state.user && state.user.street)) {\n state.checkoutStep = 2;\n }\n if (state.customer && state.customer.source) {\n window.addEventListener('keydown', this.handleKeyDown);\n }\n const showSources = localStorage.getItem('show_sources');\n if (showSources) {\n this.showSources = true;\n }\n }\n\n disconnectedCallback() {\n window.removeEventListener('keydown', this.handleKeyDown);\n }\n\n render = () => {\n const dateLogo = getAssetPath(`./assets/date.svg`);\n const down = getAssetPath(`./assets/down.svg`);\n const loading = getAssetPath(`./assets/spinner.gif`);\n\n if (state.checkoutEdit) {\n return <hemfixarna-address />;\n } else if (state.checkoutStep === 1) {\n return <hemfixarna-getuser />;\n } else if (state.checkoutStep === 2) {\n return (\n <div class=\"mb-2\">\n <div class=\"hemfixarna_addressinfo\">\n <div>\n <p>{hideField(state.user.firstName)}</p>\n <p>{hideField(state.user.lastName)}</p>\n <p>{state.user.email}</p>\n <p>{state.user.phone}</p>\n </div>\n <div>\n <p>{hideField(state.user.street)}</p>\n <p>{hideField(state.user.zip)}</p>\n <p>{hideField(state.user.town)}</p>\n </div>\n <button onClick={() => (state.checkoutEdit = true)}>Behöver du ändra adressen?</button>\n </div>\n <form onSubmit={e => this.handleSubmit(e)}>\n <div>\n <img src={dateLogo} width={24} />\n <input\n class={`${this.date.length ? 'input_active' : ''}`}\n min={new Date().toISOString().split('T')[0]}\n onChange={e => this.handleChangeDate(e)}\n type=\"date\"\n name=\"date\"\n value={this.date}\n />\n <label htmlFor=\"date\">Tidigaste datum för hembesök</label>\n <img src={down} width={24} />\n </div>\n {this.dateError && <span>{this.dateError}</span>}\n {state.customer.source && this.showSources ? (\n <Fragment>\n <p>\n Inloggad som:\n <strong> {state.customer.source.fieldData.So01_Name}</strong>\n </p>\n <label>\n Säljare (SäljarId)\n <input type=\"text\" value={this.sellerID} onChange={e => (this.sellerID = (e.target as HTMLInputElement).value)} />\n </label>\n <label>\n PartnerOrderID (RefferalID)\n <input type=\"text\" value={this.RefferalID} onChange={e => (this.RefferalID = (e.target as HTMLInputElement).value)} />\n </label>\n {state.customer.source.sub_sources?.length ? (\n <div>\n <select onChange={e => (this.selectedSubSource = (e.target as HTMLSelectElement).value)}>\n <option disabled selected value=\"null\">\n Välj underkälla\n </option>\n {state.customer.source.sub_sources.map(sub => (\n <option value={sub['So_SubSource::_id']}>{sub['So_SubSource::Sus01_Name']}</option>\n ))}\n </select>\n </div>\n ) : (\n <h4>Det finns inga underkällor att välja</h4>\n )}\n </Fragment>\n ) : null}\n <label class=\"hemfixarna_checkbox\">\n <input onChange={() => this.handleChangeTerms()} type=\"checkbox\" />\n <span innerHTML={state.options.terms} />\n </label>\n {state.cart\n .filter(i => i.terms_checkout?.length)\n .map(item => (\n <Fragment>\n <label class=\"hemfixarna_checkbox\">\n <input onChange={() => this.handleChangeTerms()} type=\"checkbox\" />\n <span>{item.terms_checkout}</span>\n </label>\n </Fragment>\n ))}\n {this.generalError && <span>{this.generalError}</span>}\n <div class={this.loading ? 'loading' : ''}>\n <input type=\"submit\" value={this.loading ? '' : 'Skicka bokning'} />\n <img width={20} height={20} src={loading} alt=\"spinner\" />\n </div>\n </form>\n </div>\n );\n }\n };\n}\n"]}
@@ -742,7 +742,7 @@ const HemfixarnaCheckout = class {
742
742
  this.generalError = null;
743
743
  };
744
744
  this.sendOrder = async () => {
745
- var _a, _b, _c, _d, _e;
745
+ var _a, _b, _c, _d;
746
746
  if (this.loading)
747
747
  return;
748
748
  this.loading = true;
@@ -780,13 +780,13 @@ const HemfixarnaCheckout = class {
780
780
  ].flat(),
781
781
  creditSafe: state.creditSafeUser,
782
782
  customer: state.business,
783
- id_source: state.customer.source ? state.customer.source.fieldData._id : '',
784
- id_sub_source: (_a = this.selectedSubSource) !== null && _a !== void 0 ? _a : '',
785
- seller_id: (_b = this.sellerID) !== null && _b !== void 0 ? _b : '',
786
- referral_id: (_c = this.RefferalID) !== null && _c !== void 0 ? _c : '',
783
+ id_source: '',
784
+ id_sub_source: '',
785
+ seller_id: (_a = this.sellerID) !== null && _a !== void 0 ? _a : '',
786
+ referral_id: (_b = this.RefferalID) !== null && _b !== void 0 ? _b : '',
787
787
  };
788
788
  const felixOrder = await postPerson(order);
789
- if (!felixOrder || !((_e = (_d = felixOrder.response) === null || _d === void 0 ? void 0 : _d.scriptResult) === null || _e === void 0 ? void 0 : _e.includes('OK'))) {
789
+ if (!felixOrder || !((_d = (_c = felixOrder.response) === null || _c === void 0 ? void 0 : _c.scriptResult) === null || _d === void 0 ? void 0 : _d.includes('OK'))) {
790
790
  order = Object.assign(Object.assign({}, order), { felixStatus: 'error' });
791
791
  }
792
792
  else {
@@ -1,2 +1,2 @@
1
- import{p as o,b as t}from"./p-852e7173.js";export{s as setNonce}from"./p-852e7173.js";const e=()=>{const t=import.meta.url;const e={};if(t!==""){e.resourcesUrl=new URL(".",t).href}return o(e)};e().then((o=>t([["p-211cfa04",[[1,"hemfixarna-demo",{selectedSlug:[32],selectedID:[32],tooltipText:[32],tree:[32],customer:[32],widgetStyle:[32],buttonBg:[32],buttonColor:[32],partner:[32],colorAccessibility:[32]}],[1,"hemfixarna-byggmax",{slug:[1],id:[1],forceOldTree:[4,"force-old-tree"],loadFromQuery:[1,"load-from-query"],customer:[1],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"],tree:[32]}],[1,"hemfixarna-doro",{id:[1],loadFromQuery:[1,"load-from-query"],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"]}],[1,"hemfixarna-elfa",{id:[1],loadFromQuery:[1,"load-from-query"],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"],isDemo:[4,"is-demo"]}],[1,"hemfixarna-fargvaruhuset",{id:[1],loadFromQuery:[1,"load-from-query"],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"],isDemo:[4,"is-demo"]}],[1,"hemfixarna-flyttsmart",{id:[1],loadFromQuery:[1,"load-from-query"],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"],isDemo:[4,"is-demo"]}],[1,"hemfixarna-forebygg",{id:[1],loadFromQuery:[1,"load-from-query"],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"]}],[1,"hemfixarna-hornbach",{id:[1],loadFromQuery:[1,"load-from-query"],isDemo:[4,"is-demo"],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"]}],[1,"hemfixarna-kbygg",{id:[1],loadFromQuery:[1,"load-from-query"],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"],isDemo:[4,"is-demo"]}],[1,"hemfixarna-klint",{id:[1],loadFromQuery:[1,"load-from-query"],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"]}],[1,"hemfixarna-kund",{id:[1],loadFromQuery:[1,"load-from-query"],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"]}],[1,"hemfixarna-norrgavel",{id:[1],loadFromQuery:[1,"load-from-query"],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"],isDemo:[4,"is-demo"]}],[1,"hemfixarna-power",{id:[1],customer:[1],loadFromQuery:[1,"load-from-query"],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"]}],[1,"hemfixarna-skanska",{id:[1],customer:[1],loadFromQuery:[1,"load-from-query"],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"]}],[1,"hemfixarna-sparfonster",{id:[1],customer:[1],loadFromQuery:[1,"load-from-query"],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"]}],[1,"hemfixarna-string-furniture",{id:[1],loadFromQuery:[1,"load-from-query"],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"]}],[1,"hemfixarna-superfront",{id:[1],loadFromQuery:[1,"load-from-query"],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"]}],[1,"hemfixarna-tesla",{id:[1],loadFromQuery:[1,"load-from-query"],isDemo:[4,"is-demo"],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"]}],[1,"hemfixarna-traningspartner",{id:[1],loadFromQuery:[1,"load-from-query"],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"]}],[1,"hemfixarna-zaptec",{id:[1],loadFromQuery:[1,"load-from-query"],isDemo:[4,"is-demo"],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"]}],[1,"hemfixarna-component",{slug:[1],id:[1],business:[1],topCategory:[1,"top-category"],forceOldTree:[4,"force-old-tree"],loadFromQuery:[4,"load-from-query"],isDemo:[4,"is-demo"],widgetStyle:[1,"widget-style"],nav:[16],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"],modal:[32],showModal:[32],tree:[32],product:[32],proppedProduct:[32]},[[0,"click","handleClick"]]],[0,"hemfixarna-cart",{tree:[16]}],[0,"hemfixarna-category"],[0,"hemfixarna-order",{tree:[16]}],[0,"hemfixarna-product",{amount:[32],hideDescription:[32]}],[0,"hemfixarna-service"],[0,"hemfixarna-start",{tree:[16],slug:[1]}],[0,"hemfixarna-breadcrumbs",{tree:[16],closeModal:[16],loadFromQuery:[4,"load-from-query"],isDemo:[4,"is-demo"]}],[0,"hemfixarna-checkout",{date:[32],dateError:[32],generalError:[32],loading:[32],enteredPin:[32],selectedSubSource:[32],partnerOrderId:[32],showSources:[32],sellerID:[32],RefferalID:[32]}],[0,"hemfixarna-contact",{vertical:[4]}],[0,"hemfixarna-invoice",{formError:[32],displayImages:[32],formImages:[32],formState:[32]}],[0,"hemfixarna-address",{street:[32],streetError:[32],zip:[32],zipError:[32],town:[32],townError:[32]}],[0,"hemfixarna-getuser",{email:[32],emailError:[32],phone:[32],phoneError:[32],ssn:[32],ssnError:[32]}],[0,"hemfixarna-orderrows",{cart:[4],tree:[16]}],[0,"hemfixarna-box",{post:[16],category:[16],icon:[1],postTitle:[1,"post-title"]}],[0,"hemfixarna-info"]]]],o)));
1
+ import{p as o,b as t}from"./p-852e7173.js";export{s as setNonce}from"./p-852e7173.js";const e=()=>{const t=import.meta.url;const e={};if(t!==""){e.resourcesUrl=new URL(".",t).href}return o(e)};e().then((o=>t([["p-97461831",[[1,"hemfixarna-demo",{selectedSlug:[32],selectedID:[32],tooltipText:[32],tree:[32],customer:[32],widgetStyle:[32],buttonBg:[32],buttonColor:[32],partner:[32],colorAccessibility:[32]}],[1,"hemfixarna-byggmax",{slug:[1],id:[1],forceOldTree:[4,"force-old-tree"],loadFromQuery:[1,"load-from-query"],customer:[1],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"],tree:[32]}],[1,"hemfixarna-doro",{id:[1],loadFromQuery:[1,"load-from-query"],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"]}],[1,"hemfixarna-elfa",{id:[1],loadFromQuery:[1,"load-from-query"],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"],isDemo:[4,"is-demo"]}],[1,"hemfixarna-fargvaruhuset",{id:[1],loadFromQuery:[1,"load-from-query"],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"],isDemo:[4,"is-demo"]}],[1,"hemfixarna-flyttsmart",{id:[1],loadFromQuery:[1,"load-from-query"],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"],isDemo:[4,"is-demo"]}],[1,"hemfixarna-forebygg",{id:[1],loadFromQuery:[1,"load-from-query"],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"]}],[1,"hemfixarna-hornbach",{id:[1],loadFromQuery:[1,"load-from-query"],isDemo:[4,"is-demo"],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"]}],[1,"hemfixarna-kbygg",{id:[1],loadFromQuery:[1,"load-from-query"],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"],isDemo:[4,"is-demo"]}],[1,"hemfixarna-klint",{id:[1],loadFromQuery:[1,"load-from-query"],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"]}],[1,"hemfixarna-kund",{id:[1],loadFromQuery:[1,"load-from-query"],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"]}],[1,"hemfixarna-norrgavel",{id:[1],loadFromQuery:[1,"load-from-query"],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"],isDemo:[4,"is-demo"]}],[1,"hemfixarna-power",{id:[1],customer:[1],loadFromQuery:[1,"load-from-query"],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"]}],[1,"hemfixarna-skanska",{id:[1],customer:[1],loadFromQuery:[1,"load-from-query"],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"]}],[1,"hemfixarna-sparfonster",{id:[1],customer:[1],loadFromQuery:[1,"load-from-query"],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"]}],[1,"hemfixarna-string-furniture",{id:[1],loadFromQuery:[1,"load-from-query"],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"]}],[1,"hemfixarna-superfront",{id:[1],loadFromQuery:[1,"load-from-query"],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"]}],[1,"hemfixarna-tesla",{id:[1],loadFromQuery:[1,"load-from-query"],isDemo:[4,"is-demo"],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"]}],[1,"hemfixarna-traningspartner",{id:[1],loadFromQuery:[1,"load-from-query"],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"]}],[1,"hemfixarna-zaptec",{id:[1],loadFromQuery:[1,"load-from-query"],isDemo:[4,"is-demo"],widgetStyle:[1,"widget-style"],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"]}],[1,"hemfixarna-component",{slug:[1],id:[1],business:[1],topCategory:[1,"top-category"],forceOldTree:[4,"force-old-tree"],loadFromQuery:[4,"load-from-query"],isDemo:[4,"is-demo"],widgetStyle:[1,"widget-style"],nav:[16],buttonColor:[1,"button-color"],buttonBg:[1,"button-bg"],modal:[32],showModal:[32],tree:[32],product:[32],proppedProduct:[32]},[[0,"click","handleClick"]]],[0,"hemfixarna-cart",{tree:[16]}],[0,"hemfixarna-category"],[0,"hemfixarna-order",{tree:[16]}],[0,"hemfixarna-product",{amount:[32],hideDescription:[32]}],[0,"hemfixarna-service"],[0,"hemfixarna-start",{tree:[16],slug:[1]}],[0,"hemfixarna-breadcrumbs",{tree:[16],closeModal:[16],loadFromQuery:[4,"load-from-query"],isDemo:[4,"is-demo"]}],[0,"hemfixarna-checkout",{date:[32],dateError:[32],generalError:[32],loading:[32],enteredPin:[32],selectedSubSource:[32],partnerOrderId:[32],showSources:[32],sellerID:[32],RefferalID:[32]}],[0,"hemfixarna-contact",{vertical:[4]}],[0,"hemfixarna-invoice",{formError:[32],displayImages:[32],formImages:[32],formState:[32]}],[0,"hemfixarna-address",{street:[32],streetError:[32],zip:[32],zipError:[32],town:[32],townError:[32]}],[0,"hemfixarna-getuser",{email:[32],emailError:[32],phone:[32],phoneError:[32],ssn:[32],ssnError:[32]}],[0,"hemfixarna-orderrows",{cart:[4],tree:[16]}],[0,"hemfixarna-box",{post:[16],category:[16],icon:[1],postTitle:[1,"post-title"]}],[0,"hemfixarna-info"]]]],o)));
2
2
  //# sourceMappingURL=hemfixarna-components.esm.js.map
@@ -0,0 +1,2 @@
1
+ import{g as n,f as t,r as i,h as e,a as s,F as a,c as r}from"./p-852e7173.js";const o=(n,t,i)=>{const e=n.get(t);if(!e){n.set(t,[i])}else if(!e.includes(i)){e.push(i)}};const l=(n,t)=>{let i;return(...e)=>{if(i){clearTimeout(i)}i=setTimeout((()=>{i=0;n(...e)}),t)}};const h=n=>!("isConnected"in n)||n.isConnected;const c=l((n=>{for(let t of n.keys()){n.set(t,n.get(t).filter(h))}}),2e3);const d=()=>{if(typeof n!=="function"){return{}}const i=new Map;return{dispose:()=>i.clear(),get:t=>{const e=n();if(e){o(i,t,e)}},set:n=>{const e=i.get(n);if(e){i.set(n,e.filter(t))}c(i)},reset:()=>{i.forEach((n=>n.forEach(t)));c(i)}}};const u=n=>typeof n==="function"?n():n;const p=(n,t=((n,t)=>n!==t))=>{const i=u(n);let e=new Map(Object.entries(i!==null&&i!==void 0?i:{}));const s={dispose:[],get:[],set:[],reset:[]};const a=()=>{var t;e=new Map(Object.entries((t=u(n))!==null&&t!==void 0?t:{}));s.reset.forEach((n=>n()))};const r=()=>{s.dispose.forEach((n=>n()));a()};const o=n=>{s.get.forEach((t=>t(n)));return e.get(n)};const l=(n,i)=>{const a=e.get(n);if(t(i,a,n)){e.set(n,i);s.set.forEach((t=>t(n,i,a)))}};const h=typeof Proxy==="undefined"?{}:new Proxy(i,{get(n,t){return o(t)},ownKeys(n){return Array.from(e.keys())},getOwnPropertyDescriptor(){return{enumerable:true,configurable:true}},has(n,t){return e.has(t)},set(n,t,i){l(t,i);return true}});const c=(n,t)=>{s[n].push(t);return()=>{f(s[n],t)}};const d=(t,i)=>{const e=c("set",((n,e)=>{if(n===t){i(e)}}));const s=c("reset",(()=>i(u(n)[t])));return()=>{e();s()}};const p=(...n)=>{const t=n.reduce(((n,t)=>{if(t.set){n.push(c("set",t.set))}if(t.get){n.push(c("get",t.get))}if(t.reset){n.push(c("reset",t.reset))}if(t.dispose){n.push(c("dispose",t.dispose))}return n}),[]);return()=>t.forEach((n=>n()))};const m=n=>{const t=e.get(n);s.set.forEach((i=>i(n,t,t)))};return{state:h,get:o,set:l,on:c,onChange:d,use:p,dispose:r,reset:a,forceUpdate:m}};const f=(n,t)=>{const i=n.indexOf(t);if(i>=0){n[i]=n[n.length-1];n.length--}};const m=(n,t)=>{const i=p(n,t);i.use(d());return i};const{state:x,onChange:g}=m({step:1,checkoutStep:1,checkoutEdit:false,selectedCategory:null,selectedService:null,selectedProduct:null,cart:[],business:"undefined",options:null,rut:true,rot:true,green:true,token:null,user:null,modal:null,rutOptions:null,rotOptions:null,greenOptions:null,customer:null,selectedCustomerCategory:null,parentCategory:null,creditSafeUser:null,checkoutInvoice:false,maleri:false,sources:null});g("cart",(n=>{window.sessionStorage.setItem(`hemfixarna-${x.business}-cart`,JSON.stringify(n))}));g("user",(n=>{window.sessionStorage.setItem(`hemfixarna-${x.business}-user`,JSON.stringify(n))}));g("creditSafeUser",(n=>{window.sessionStorage.setItem(`hemfixarna-${x.business}-creditSafeUser`,JSON.stringify(n))}));g("selectedProduct",(n=>{if(!x.customer||!n)return;const t=[...x.customer.categories,...x.customer.categories.map((n=>{var t;return(t=n.sub_categories)!==null&&t!==void 0?t:[]}))].flat();const i=t.find((t=>t&&t.id===n.category));if(i){x.parentCategory=i;return}x.parentCategory=null}));g("selectedCustomerCategory",(n=>{if(!x.customer||!n)return;if(n.parent){const t=x.customer.categories.find((t=>t.id===n.parent));if(t){x.parentCategory=t;return}}x.parentCategory=null}));const b=n=>n.split(" ").reduce(((n,t)=>{if(t.length<=2){return n+t.slice(0,1)+"* "}else{return n+t.slice(0,1)+"*".repeat(t.length-2)+t.slice(-1)+" "}}),"");const v=n=>{if(!n)return;n.scrollTo({top:0,behavior:"smooth"})};const _=class{constructor(n){i(this,n);this.handleSubmit=n=>{n.preventDefault();const t=this.street.length>0;if(!t){this.streetError="Ange en gatuadress"}const i=this.zip.length>0;const e=/^\s*\d[\d\s]*$/.test(this.zip);if(!e){this.zipError="Postnummer får endast innehålla siffror"}if(!i){this.zipError="Ange ett postnummer"}const s=/^[^\d\s]{2,}$/.test(this.town);if(!s){this.townError="Ange en ort"}if(t&&i&&s&&e){x.user=Object.assign(Object.assign({},x.user),{street:this.street,zip:this.zip,town:this.town});x.checkoutStep=2;x.checkoutEdit=false;const n=this.el.closest(".hemfixarna_content");v(n)}};this.handleChangeStreet=n=>{this.streetError=null;this.street=this.street===x.user.street?"":n.target.value};this.handleChangeZip=n=>{this.zipError=null;this.zip=this.zip===x.user.zip?"":n.target.value};this.handleChangeTown=n=>{this.townError=null;this.town=this.town===x.user.town?"":n.target.value};this.render=()=>e("form",{class:"hemfixarna_address",onSubmit:n=>this.handleSubmit(n)},e("div",null,e("input",{class:`${this.street.length?"input_active":""}`,onInput:this.handleChangeStreet,type:"text",name:"street",value:this.street===x.user.street?b(this.street):this.street}),e("label",{htmlFor:"street"},"Gatuaddress ")),this.streetError&&e("span",null,this.streetError),e("div",null,e("input",{class:`${this.zip.length?"input_active":""}`,onInput:this.handleChangeZip,type:"tel",name:"zip",value:this.zip===x.user.zip?b(this.zip):this.zip}),e("label",{htmlFor:"zip"},"Postnummer ")),this.zipError&&e("span",null,this.zipError),e("div",null,e("input",{class:`${this.town.length?"input_active":""}`,onInput:this.handleChangeTown,type:"text",name:"town",value:this.town===x.user.town?b(this.town):this.town}),e("label",{htmlFor:"town"},"Ort ")),this.townError&&e("span",null,this.townError),e("input",{type:"submit",value:"Fortsätt"}));this.street="";this.streetError=null;this.zip="";this.zipError=null;this.town="";this.townError=null}componentWillLoad(){if(x.user){this.street=x.user.street;this.zip=x.user.zip;this.town=x.user.town}}get el(){return s(this)}};const y=n=>Math.ceil(n/2);const w=n=>Math.ceil(n*.7);const k=n=>Math.ceil(n*.5);const C=(n,t,i=1)=>{if(n.rot&&x.rot){return w((t||n.price)*i)}else if(n.rut&&x.rut){return y((t||n.price)*i)}else if(n.green&&x.green){return k((t||n.price)*i)}else{return(t||n.price)*i}};const $=n=>{if(n.rot){return w(n.price)}else if(n.rut&&x.rut){return y(n.price)}else{return n.price}};const S=(n,t,i=1)=>{if(t.rot&&x.rot){return w(n.price*i)}else if(t.rut&&x.rut){return y(n.price*i)}else{return n.price*i}};const B=()=>{if(!x.cart)return{rut:0,rot:0,green:0};const n=x.cart.some((n=>n.rut&&n.start_fee));const t=x.cart.some((n=>n.rot&&n.start_fee));const i=x.cart.some((n=>n.green&&n.start_fee));const e=x.rut?y(x.options.start_fee):x.options.start_fee*1;const s=x.rot?w(x.options.start_fee):x.options.start_fee*1;const a=x.green?k(x.options.start_fee):x.options.start_fee*1;return{rut:n?e:0,rot:t?s:0,green:i?a:0,length:[n,t,i].filter((n=>n)).length}};const z=n=>{const t=n.parts.reduce(((n,t)=>n+t.price*t.amount),0);return C(n,n.price*n.amount+t)};const j=()=>{const n=x.cart.reduce(((n,t)=>t.rot?n+z(t):n),0)+B().rot;const t=x.cart.reduce(((n,t)=>{const i=t.parts.reduce(((n,t)=>n+t.price*t.amount),0);return t.rot?n+t.price*t.amount+i:n}),0)+Number(x.options.start_fee);return t-n};const T=()=>{const n=x.cart.reduce(((n,t)=>t.rut?n+z(t):n),0)+B().rut;const t=x.cart.reduce(((n,t)=>{const i=t.parts.reduce(((n,t)=>n+t.price*t.amount),0);return t.rut?n+t.price*t.amount+i:n}),0)+Number(x.options.start_fee);return t-n};const I=()=>{const n=x.cart.reduce(((n,t)=>t.green?n+z(t):n),0)+B().green;const t=x.cart.reduce(((n,t)=>{const i=t.parts.reduce(((n,t)=>n+t.price*t.amount),0);return t.green?n+t.price*t.amount+i:n}),0)+Number(x.options.start_fee);return t-n};const D=()=>x.cart.reduce(((n,t)=>n+z(t)),0)+B().rot+B().rut;var O;(function(n){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"})(O||(O={}));var F;(function(n){n["standard"]="standard";n["alternative"]="alternative";n["alternative_2"]="alternative_2";n["alternative_3"]="alternative_3"})(F||(F={}));var M;(function(n){n["byggmax"]="category/bygg"})(M||(M={}));const L=n=>n.post_name!==undefined;const N=n=>Object.values(O).includes(n);const P=class{constructor(n){i(this,n);this.post=undefined;this.category=undefined;this.icon=undefined;this.postTitle=undefined}setTaxonomy(n){if(n){if((n===null||n===void 0?void 0:n.taxonomy)==="service_cat"){x.selectedCategory=n;x.step=2}else if((n===null||n===void 0?void 0:n.post_type)==="service"){x.selectedService=n;x.step=3}else if((n===null||n===void 0?void 0:n.post_type)==="ikea_product"){x.selectedProduct=n;x.step=4}const t=this.el.closest(".hemfixarna_content");v(t)}}setProduct(){x.selectedProduct=this.category;x.step=4;x.selectedCustomerCategory=null;const n=this.el.closest(".hemfixarna_content");v(n)}render(){return this.category?e(a,null,L(this.category)?e("li",{onClick:()=>this.setProduct()},e("img",{class:"hemfixarna_logo",height:82,src:this.category.icon,alt:this.category.post_name}),e("div",null,e("p",null,this.category.title),!this.category.invoice?e("p",{class:"price"},"Från ",C(this.category),"kr"):null)):e("li",{onClick:()=>x.selectedCustomerCategory=this.category},e("img",{class:"hemfixarna_logo",height:82,src:this.category.icon,alt:this.category.name}),e("div",null,e("p",null,this.category.name)))):e("li",{onClick:()=>this.setTaxonomy(this.post)},this.post.icon&&e("img",{class:"hemfixarna_logo",height:82,src:this.icon,alt:this.postTitle}),e("div",null,e("p",null,this.postTitle),x.step===3&&e("p",{class:"price"},"Från ",C(this.post),"kr")))}get el(){return s(this)}};const A=class{constructor(n){i(this,n);this.triggerScrollTotop=()=>{const n=this.el.nextSibling;v(n)};this.tree=undefined;this.closeModal=undefined;this.loadFromQuery=false;this.isDemo=false}getCartLength(){return x.cart.reduce(((n,t)=>n+t.amount),0)}handleCartClick(){var n;if((n=x.cart)===null||n===void 0?void 0:n.length){x.step=5;this.triggerScrollTotop()}}handleHomePageClick(){x.step=1;x.parentCategory=null;x.selectedCustomerCategory=null;this.triggerScrollTotop();setTimeout((()=>{x.selectedCategory=null;x.selectedProduct=null;x.maleri=null;x.selectedService=null}),200)}render(){const n=r(`./assets/hemfixarna.svg`);const t=r(`./assets/close.svg`);const i=r(`./assets/cart.svg`);const s=r(`./assets/back.svg`);return e("div",null,e("div",{class:"hemfixarna_crumbs"},e("div",{class:"hemfixarna_crumbs--links"},e("img",{onClick:()=>this.handleHomePageClick(),src:n,width:110}),!this.loadFromQuery||this.isDemo?e("img",{onClick:()=>this.closeModal(),class:"close",src:t,width:32}):null,e("div",null,e("button",{onClick:()=>this.handleHomePageClick()},"Alla tjänster"))),e("div",{class:"hemfixarna_crumbs--right"},e("hemfixarna-contact",null),e("div",{onClick:()=>this.handleCartClick(),class:`cart ${this.getCartLength()>0?"cart_active":""}`},e("img",{src:i,width:24}),e("span",null,this.getCartLength())))),[3,4].includes(x.step)&&!x.customer&&e("button",{class:"hemfixarna_crumbs--back",onClick:()=>{x.step=x.step===4?3:2}},e("img",{width:24,src:s,alt:"back arrow"}),e("span",null,"Se allt ",x.step===4?x.selectedService.post_title:x.selectedCategory.name)),!x.parentCategory&&x.step&&x.selectedCustomerCategory&&e("button",{class:"hemfixarna_crumbs--back",onClick:()=>{x.step=1;x.selectedCustomerCategory=null;x.selectedProduct=null;x.maleri=null}},e("img",{width:24,src:s,alt:"back arrow"}),e("span",null,"Se alla tjänster")),x.parentCategory&&x.step<5&&e("button",{class:"hemfixarna_crumbs--back",onClick:()=>{x.step=1;x.selectedCustomerCategory=x.parentCategory;x.selectedProduct=null;x.maleri=null}},e("img",{width:24,src:s,alt:"back arrow"}),e("span",null,"Se allt ",x.parentCategory.name)))}get el(){return s(this)}};const K="";const V=class{constructor(n){i(this,n);this.tree=null;this.slug=undefined;this.id=undefined;this.forceOldTree=false;this.loadFromQuery=undefined;this.customer=undefined;this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined}render(){return e("hemfixarna-component",{forceOldTree:this.forceOldTree,id:this.id,slug:this.slug,business:O.byggmax,topCategory:M.byggmax,loadFromQuery:Boolean(this.loadFromQuery),widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor})}};V.style=K;const R=class{constructor(n){i(this,n);this.tree=undefined}render(){const n=r(`./assets/back.svg`);return e("div",{class:"hemfixarna_cart"},e("div",{class:"hemfixarna_cart--left"},e("h2",null,x.checkoutStep===2&&!x.checkoutEdit&&e("button",{onClick:()=>{x.checkoutStep=1}},e("img",{width:24,src:n,alt:"back arrow"})),"Din bokning"),e("hemfixarna-orderrows",{tree:this.tree})),e("div",{class:"hemfixarna_cart--right"},e("h2",null,x.checkoutStep===2&&!x.checkoutEdit&&e("button",{onClick:()=>{x.checkoutStep=1}},e("img",{width:24,src:n,alt:"back arrow"})),"Dina uppgifter"),e("hemfixarna-checkout",null),e("hemfixarna-info",null)))}};const Q=class{constructor(n){i(this,n)}setSelectedService(n){x.selectedService=n;x.step=3}render(){return e("div",null,e("h2",null,x.selectedCategory.name),e("div",{class:"hemfixarna_categories--wrapper"},e("div",null,e("ul",{class:"hemfixarna_categories"},x.selectedCategory.services.sort(((n,t)=>n.post_title<t.post_title?-1:1)).map((n=>{var t;return e("hemfixarna-box",{post:n,icon:(t=n.icon.url)!==null&&t!==void 0?t:n.icon,postTitle:n.post_title})})))),e("hemfixarna-info",null)))}};const U=`${"https://hemfixarna.se"}/wp-json/headless`;async function H(n,t){const i=await fetch(n,t);const e=await i.json();return e}const E=async n=>{if(!n){return}const t=n.split("/")[0];const i=n.split("/")[1];try{const n=await fetch(`${U}/${t}/${i}`);return await n.json()}catch(n){console.log(n)}};const J=async n=>{try{const t=await fetch(`${U}/customer/${n}`);return await t.json()}catch(n){console.log(n)}};const W=async()=>{try{const n=await fetch(`${U}/webcoptions`);return await n.json()}catch(n){console.log(n)}};const Z=async()=>{try{const n=await H(`${U}/rut`);return n}catch(n){console.log(n)}};const X=async()=>{try{const n=await fetch(`${U}/rot`);return await n.json()}catch(n){console.log(n)}};const Y=async()=>{try{const n=await fetch(`${U}/green-discount`);return await n.json()}catch(n){console.log(n)}};const q=async n=>{try{const t=await fetch(`${U}/weborder`,{method:"POST",body:JSON.stringify(n),headers:{"Content-Type":"application/json"}});return await t.json()}catch(n){console.log(n)}};const G=`${"https://hemfixarna.se"}/wp-json/felix`;const nn=async n=>{try{return await H(`${G}/createperson`,{method:"POST",body:JSON.stringify(n),headers:{"Content-Type":"application/json"}})}catch(n){console.log(n)}};const tn=class{constructor(n){i(this,n);this.handleChangeDate=n=>{this.dateError=null;this.date=n.target.value};this.handleChangeTerms=()=>{this.generalError=null};this.sendOrder=async()=>{var n,t,i,e;if(this.loading)return;this.loading=true;let s={firstName:x.creditSafeUser.firstName,lastName:x.creditSafeUser.lastName,street:x.user.street,zip:x.user.zip,town:x.user.town,ssn:x.user.ssn,email:x.user.email,phone:x.user.phone,url:`${x.business===O.string?"string":x.business}-webk`,date:this.date,products:[...x.cart.map((n=>{const t=n.parts.map((n=>({id:String(n.id),name:n.name,quantity:n.amount,rut:0,rot:0})));return[{id:String(n.id),name:n.name,quantity:n.amount,rot:n.rot?1:0,rut:n.rut?1:0},...t]}))].flat(),creditSafe:x.creditSafeUser,customer:x.business,id_source:"",id_sub_source:"",seller_id:(n=this.sellerID)!==null&&n!==void 0?n:"",referral_id:(t=this.RefferalID)!==null&&t!==void 0?t:""};const a=await nn(s);if(!a||!((e=(i=a.response)===null||i===void 0?void 0:i.scriptResult)===null||e===void 0?void 0:e.includes("OK"))){s=Object.assign(Object.assign({},s),{felixStatus:"error"})}else{s=Object.assign(Object.assign({},s),{felixStatus:"success"})}try{const{data:n,status:t}=await q(s);if(n&&t&&t===200){x.step=6;const n=this.el.closest(".hemfixarna_content");v(n)}else{this.generalError="Något gick fel, försök igen senare"}}catch(n){this.generalError="Något gick fel, försök igen senare"}this.loading=false};this.handleSubmit=n=>{n.preventDefault();this.generalError=null;const t=this.date.length>0;if(!t){this.dateError="Ange ett giltigt datum"}const i=Array.from(this.el.querySelectorAll('input[type="checkbox"]'));const e=i.find((n=>!n.checked));if(e){this.generalError="Du måste godkänna villkoren"}if(t&&!e){this.sendOrder()}};this.handleKeyDown=n=>{this.enteredPin+=n.key;const t="+0033";if(this.enteredPin.length===t.length){if(this.enteredPin===t){localStorage.setItem("show_sources","true");this.showSources=true;window.removeEventListener("keydown",this.handleKeyDown)}this.enteredPin=""}clearTimeout(this.pinTimeout);this.pinTimeout=setTimeout((()=>this.enteredPin=""),5e3)};this.render=()=>{var n;const t=r(`./assets/date.svg`);const i=r(`./assets/down.svg`);const s=r(`./assets/spinner.gif`);if(x.checkoutEdit){return e("hemfixarna-address",null)}else if(x.checkoutStep===1){return e("hemfixarna-getuser",null)}else if(x.checkoutStep===2){return e("div",{class:"mb-2"},e("div",{class:"hemfixarna_addressinfo"},e("div",null,e("p",null,b(x.user.firstName)),e("p",null,b(x.user.lastName)),e("p",null,x.user.email),e("p",null,x.user.phone)),e("div",null,e("p",null,b(x.user.street)),e("p",null,b(x.user.zip)),e("p",null,b(x.user.town))),e("button",{onClick:()=>x.checkoutEdit=true},"Behöver du ändra adressen?")),e("form",{onSubmit:n=>this.handleSubmit(n)},e("div",null,e("img",{src:t,width:24}),e("input",{class:`${this.date.length?"input_active":""}`,min:(new Date).toISOString().split("T")[0],onChange:n=>this.handleChangeDate(n),type:"date",name:"date",value:this.date}),e("label",{htmlFor:"date"},"Tidigaste datum för hembesök"),e("img",{src:i,width:24})),this.dateError&&e("span",null,this.dateError),x.customer.source&&this.showSources?e(a,null,e("p",null,"Inloggad som:",e("strong",null," ",x.customer.source.fieldData.So01_Name)),e("label",null,"Säljare (SäljarId)",e("input",{type:"text",value:this.sellerID,onChange:n=>this.sellerID=n.target.value})),e("label",null,"PartnerOrderID (RefferalID)",e("input",{type:"text",value:this.RefferalID,onChange:n=>this.RefferalID=n.target.value})),((n=x.customer.source.sub_sources)===null||n===void 0?void 0:n.length)?e("div",null,e("select",{onChange:n=>this.selectedSubSource=n.target.value},e("option",{disabled:true,selected:true,value:"null"},"Välj underkälla"),x.customer.source.sub_sources.map((n=>e("option",{value:n["So_SubSource::_id"]},n["So_SubSource::Sus01_Name"]))))):e("h4",null,"Det finns inga underkällor att välja")):null,e("label",{class:"hemfixarna_checkbox"},e("input",{onChange:()=>this.handleChangeTerms(),type:"checkbox"}),e("span",{innerHTML:x.options.terms})),x.cart.filter((n=>{var t;return(t=n.terms_checkout)===null||t===void 0?void 0:t.length})).map((n=>e(a,null,e("label",{class:"hemfixarna_checkbox"},e("input",{onChange:()=>this.handleChangeTerms(),type:"checkbox"}),e("span",null,n.terms_checkout))))),this.generalError&&e("span",null,this.generalError),e("div",{class:this.loading?"loading":""},e("input",{type:"submit",value:this.loading?"":"Skicka bokning"}),e("img",{width:20,height:20,src:s,alt:"spinner"}))))}};this.date="";this.dateError=null;this.generalError=null;this.loading=false;this.enteredPin="";this.selectedSubSource=null;this.partnerOrderId=null;this.showSources=false;this.sellerID=null;this.RefferalID=null}componentWillLoad(){if(Boolean(x.user&&x.user.street)){x.checkoutStep=2}if(x.customer&&x.customer.source){window.addEventListener("keydown",this.handleKeyDown)}const n=localStorage.getItem("show_sources");if(n){this.showSources=true}}disconnectedCallback(){window.removeEventListener("keydown",this.handleKeyDown)}get el(){return s(this)}};const en='@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, #fffaf2 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_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%, #fffaf2);\n}\n:host .hemfixarna_terms {\n font-size: 14px;\n}\n:host .hemfixarna_terms a {\n color: inherit;\n}\n:host .hemfixarna_logo {\n height: 64px;\n}\n:host .hemfixarna_box {\n padding: 16px;\n display: flex;\n align-items: center;\n width: 100%;\n box-sizing: border-box;\n border-radius: 4px;\n gap: 16px 8px;\n border-radius: 4px;\n gap: 16px 8px;\n}\n:host .hemfixarna_box p,\n:host .hemfixarna_box span {\n font-size: 15px;\n}\n:host .hemfixarna_box .underline {\n text-decoration: underline;\n text-underline-offset: 2px;\n}\n:host .hemfixarna_box .pointer {\n cursor: pointer;\n}\n:host .hemfixarna_box .p-s {\n font-size: 12px;\n}\n:host .hemfixarna_box > div {\n display: grid;\n gap: 8px;\n}\n:host .hemfixarna_box--standard {\n background: #fffaf2;\n border: 1px solid #fcd9c9;\n}\n:host .hemfixarna_box--alternative, :host .hemfixarna_box--alternative_2, :host .hemfixarna_box--alternative_3 {\n background: transparent;\n border: 1px solid #e3e3e3;\n}\n:host .hemfixarna_box--alternative_2, :host .hemfixarna_box--alternative_3 {\n box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.0784313725);\n}\n:host .hemfixarna_box--alternative_3 {\n justify-content: center;\n}\n:host .hemfixarna_altbtn {\n display: flex !important;\n flex-direction: column;\n gap: 8px;\n align-items: center;\n margin-left: auto;\n}\n:host .hemfixarna_btn {\n margin-left: auto;\n}\n:host .hemfixarna_btn, :host .hemfixarna_buy,\n:host .hemfixarna input[type=submit] {\n border: none;\n border-radius: 60px;\n font-weight: 600;\n letter-spacing: 0.5px;\n line-height: 20px;\n box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);\n}\n:host .hemfixarna_btn:not(.disabled):hover, :host .hemfixarna_buy:not(.disabled):hover,\n:host .hemfixarna input[type=submit]:not(.disabled):hover {\n transition: 0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);\n filter: brightness(1.02);\n transform: scale(1.01);\n box-shadow: 0px 8px 16px 2px rgba(0, 0, 0, 0.0392156863);\n}\n:host .hemfixarna div:has(> input[type=submit]) {\n position: relative;\n}\n:host .hemfixarna div:has(> input[type=submit]) input {\n cursor: pointer;\n}\n:host .hemfixarna div:has(> input[type=submit]) img {\n display: none;\n}\n:host .hemfixarna .loading {\n cursor: default;\n opacity: 0.6;\n}\n:host .hemfixarna .loading > img {\n display: initial !important;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n:host .hemfixarna_btn {\n font-size: 14px;\n background: #c84e18;\n color: #fff;\n padding: 16px 24px;\n white-space: nowrap;\n position: relative;\n}\n:host .hemfixarna_btn span {\n position: absolute;\n background: #fff;\n border-radius: 100%;\n width: 24px;\n height: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: 600;\n font-size: 13px;\n line-height: 11px;\n top: -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: #fffaf2;\n border: 1px solid #fcd9c9;\n border-radius: 4px;\n top: 50%;\n left: 50%;\n z-index: 1000;\n transition: 0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);\n transform: translate(-50%, -50%) scale(0.7);\n opacity: 0;\n height: 92%;\n width: 92%;\n max-width: 920px;\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n:host .hemfixarna_modal--open {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n}\n:host .hemfixarna_backdrop {\n z-index: 999;\n position: fixed;\n background: #474444;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n opacity: 0;\n transition: transform 0.1s cubic-bezier(0.465, 0.183, 0.153, 0.946), opacity 0.1s cubic-bezier(0.465, 0.183, 0.153, 0.946);\n}\n:host .hemfixarna_backdrop--open {\n opacity: 0.3;\n}\n:host .hemfixarna_order {\n position: absolute;\n top: -1px;\n left: -1px;\n right: -1px;\n bottom: -1px;\n background-repeat: no-repeat !important;\n background-size: cover !important;\n background-position: center !important;\n display: grid;\n grid-template-columns: 1fr 1fr;\n padding: 48px 32px 64px;\n}\n@media (max-width: 768px) {\n :host .hemfixarna_order {\n grid-template-columns: 1fr;\n grid-template-rows: 0 auto;\n }\n}\n:host .hemfixarna_order > div:last-of-type {\n background: #fffaf2;\n padding: 32px;\n display: flex;\n flex-direction: column;\n max-height: 100%;\n overflow: auto;\n}\n:host .hemfixarna_order img {\n cursor: pointer;\n}\n:host .hemfixarna_order button {\n margin: 16px 0;\n padding: 0;\n text-decoration: underline;\n text-underline-offset: 2px;\n font-size: 14px;\n font-weight: 600;\n}\n:host .hemfixarna_cart {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 32px;\n}\n@media (max-width: 768px) {\n :host .hemfixarna_cart {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n:host .hemfixarna_cart--right h2, :host .hemfixarna_cart--left h2 {\n display: flex;\n align-items: center;\n}\n:host .hemfixarna_cart--right h2 img, :host .hemfixarna_cart--left h2 img {\n margin-top: 3.2px;\n}\n@media (min-width: 769px) {\n :host .hemfixarna_cart--left h2 button {\n display: none;\n }\n}\n@media (max-width: 768px) {\n :host .hemfixarna_cart--right h2 button {\n display: none;\n }\n}\n:host .hemfixarna_cart--startfee {\n display: flex;\n justify-content: space-between;\n}\n:host .hemfixarna_cart--rutrot {\n display: flex;\n justify-content: space-between;\n}\n:host .hemfixarna_cart--rutrot div {\n display: flex;\n gap: 16px;\n align-items: center;\n}\n:host .hemfixarna_cart--additional {\n display: flex;\n flex-direction: column;\n gap: 16px;\n padding: 16px;\n border-top: 1px solid #fcd9c9;\n}\n:host .hemfixarna_cart--additional p {\n font-size: 14px;\n}\n:host .hemfixarna_cart--additional strong {\n text-decoration: underline;\n text-underline-offset: 2px;\n cursor: pointer;\n position: relative;\n}\n:host .hemfixarna_cart--additional strong img {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n right: -24px;\n}\n:host .hemfixarna_cart--price {\n border-top: 1px solid #fcd9c9;\n padding: 16px;\n display: flex;\n justify-content: space-between;\n}\n:host .hemfixarna_cart--price h3 {\n margin: 0;\n}\n:host .hemfixarna_cart--item {\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 16px 0;\n border-top: 1px solid #fcd9c9;\n}\n:host .hemfixarna_cart--item 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_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 sn=class{constructor(n){i(this,n);this.slugIsOldFormat=n=>{if(!n)return false;return["product","service","category"].some((t=>n.includes(t)))};this.triggerScrollTotop=()=>{const n=this.el.shadowRoot.querySelector(".hemfixarna_content");v(n)};this.modal=false;this.showModal=false;this.tree=null;this.product=null;this.proppedProduct=null;this.slug=undefined;this.id=undefined;this.business=undefined;this.topCategory=undefined;this.forceOldTree=false;this.loadFromQuery=false;this.isDemo=false;this.widgetStyle=undefined;this.nav=undefined;this.buttonColor=undefined;this.buttonBg=undefined}loadCategoryOrProduct(n){this.proppedProduct=null;if(n.startsWith("c-")){const t=[...x.customer.categories,...x.customer.categories.map((n=>{var t;return(t=n.sub_categories)!==null&&t!==void 0?t:[]}))].flat();const i=t.find((t=>t&&t.id===n.replace("c-","")));if(i){x.selectedCustomerCategory=i;x.step=2}}else{const t=x.customer.categories.map((n=>n.show_products?n.products:n.sub_categories?n.sub_categories.map((n=>n.products)):[])).flat().flat();const i=t.find((t=>t&&t.fields.ID===parseInt(n)));if(i){x.selectedProduct=i.fields;x.step=4;this.proppedProduct=i.fields}}}async watchSlugChange(n){if(this.slugIsOldFormat(n)){this.fetchNewTaxonomy(n)}else if(x.customer&&n){this.loadCategoryOrProduct(n)}}async watchIdChange(n){if(n&&x.customer){if(n==="maleri"){x.maleri=true;x.step=4}else{this.loadCategoryOrProduct(n)}}}async fetchNewTaxonomy(n){x.selectedCategory=null;x.selectedProduct=null;x.selectedService=null;x.maleri=null;const t=await E(n);if((t===null||t===void 0?void 0:t.code)==="not_found"||(t===null||t===void 0?void 0:t.code)==="rest_no_route"){console.log("taxonomy not found")}else if(t){this.setTaxonomy(t);if((t===null||t===void 0?void 0:t.post_type)==="ikea_product"){this.product=t}}}async componentWillLoad(){x.business=this.business;const n=window.sessionStorage.getItem(`hemfixarna-${this.business}-cart`);if(n){x.cart=JSON.parse(n)}const t=window.sessionStorage.getItem(`hemfixarna-${this.business}-user`);if(t){x.user=JSON.parse(t)}const i=window.sessionStorage.getItem(`hemfixarna-${this.business}-creditSafeUser`);if(i){x.creditSafeUser=JSON.parse(i)}const[e,s,a,r,o,l]=await Promise.all([this.topCategory?E(this.topCategory):null,this.slug?E(this.slug):Promise.resolve(null),W(),Z(),X(),Y()]);if((!this.slug||!this.slugIsOldFormat(this.slug))&&!this.forceOldTree){try{const n=await J(this.business);if((n===null||n===void 0?void 0:n.code)==="not_found"){console.warn("customer not found")}else if(n){x.customer=n;if(this.id){if(this.id==="maleri"){x.maleri=true;x.step=4}else{this.loadCategoryOrProduct(this.id)}}else if(this.slug&&!this.slugIsOldFormat(this.slug)){this.loadCategoryOrProduct(this.slug)}}}catch(n){console.warn("customer not found")}}if((e===null||e===void 0?void 0:e.code)==="not_found");else if(e){this.tree=e}if((s===null||s===void 0?void 0:s.code)==="not_found"){console.log("taxonomy not found")}else if(s){this.setTaxonomy(s);if((s===null||s===void 0?void 0:s.post_type)==="ikea_product"){this.product=s}}if(this.loadFromQuery){const n=new URL(document.location.toString()).searchParams;this.id=n.get("id");if(!this.isDemo){this.openModal()}}x.rotOptions=o;x.rutOptions=r;x.greenOptions=l;x.options=a}setTaxonomy(n){if(n){if((n===null||n===void 0?void 0:n.taxonomy)==="service_cat"){x.selectedCategory=n;x.step=2}else if((n===null||n===void 0?void 0:n.post_type)==="service"){x.selectedService=n;x.selectedCategory=this.tree.sub_cats.find((t=>t.services.find((t=>t.ID===n.ID))));x.step=3}else if((n===null||n===void 0?void 0:n.post_type)==="ikea_product"){x.selectedProduct=n;x.selectedService=this.tree.sub_cats.map((n=>n.services)).flat().find((n=>n.products.find((n=>n.ID===x.selectedProduct.ID))));x.selectedCategory=this.tree.sub_cats.find((n=>n.services.find((n=>n.ID===x.selectedService.ID))));x.step=4}this.triggerScrollTotop()}}openModal(){this.modal=true;setTimeout((()=>{this.showModal=true}),50)}closeModal(){this.showModal=false;setTimeout((()=>{this.modal=false}),200)}handleClick(n){if(this.loadFromQuery&&!this.isDemo)return;if((n===null||n===void 0?void 0:n.composedPath()[0]).classList.contains("hemfixarna_backdrop")){this.closeModal()}const t=this.el.shadowRoot.querySelector(".hemfixarna_infomodal");if(t){const i=t.contains(n.composedPath()[0]);if(!i){x.modal=null}}}getCartLength(){return x.cart.reduce(((n,t)=>n+t.amount),0)}render(){var n,t,i,s,o,l,h,c,d,u,p,f,m,g,b,v;const _=r(`./assets/hemfixarna.svg`);const y=r(`./assets/pensel.svg`);const w=r(`./assets/montering.svg`);const k=((n=this.nav)===null||n===void 0?void 0:n.background)?r(this.nav.background):"";const C=((t=this.nav)===null||t===void 0?void 0:t.logo)?r(this.nav.logo):"";return e("div",{class:`hemfixarna ${this.loadFromQuery?"hemfixarna_standalone":""}`},this.loadFromQuery&&!this.isDemo&&this.nav?e("nav",{class:"hemfixarna_nav",style:{backgroundColor:(i=this.nav.backgroundColor)!==null&&i!==void 0?i:""}},e("div",null,e("div",{class:"hemfixarna_nav--logos"},e("a",{href:this.nav.url,target:"_blank"},e("img",{class:"hemfixarna_partnerlogo",src:C,alt:`${this.business} logo`})),e("a",{href:"https://hemfixarna.se/",target:"_blank"},e("p",{class:k||this.nav.backgroundColor?"with-bg":""},"I samarbete med:"),e("img",{src:_,alt:"hemfixarna_logo",width:104}))),e("div",{class:"hemfixarna_nav--links"},e("a",{href:this.nav.url,target:"_blank"},"Till ",this.business),e("a",{href:"https://www.hemfixarna.se/",target:"_blank"},"Till Hemfixarna")),k?e("img",{src:k,class:"nav_background",alt:"nav_background"}):null)):null,!this.loadFromQuery||this.isDemo?e("div",{class:`hemfixarna_box hemfixarna_box--${this.widgetStyle}`},[F.alternative_2,F.alternative_3].includes(this.widgetStyle)?e("img",{src:this.id==="maleri"?y:w,alt:"montering logo",width:32,height:32}):null,e("div",null,e("div",null,e("p",{onClick:()=>this.openModal(),class:`pointer ${[F.alternative_2,F.alternative_3].includes(this.widgetStyle)&&x.selectedProduct?"underline":""}`},this.id==="maleri"?e("span",null,"Beräkna fast pris på måleri & tapetsering här"):e(a,null,!x.selectedCustomerCategory&&!this.product&&!this.proppedProduct?e(a,null,((s=x.customer)===null||s===void 0?void 0:s.widget_title)?e("span",null,x.customer.widget_title):e("span",null,"Montering/Installation - ",e("strong",{class:"underline"},"se priser här"))):e(a,null,((o=this.product)===null||o===void 0?void 0:o.title)||((l=this.proppedProduct)===null||l===void 0?void 0:l.title)||((h=x.selectedCustomerCategory)===null||h===void 0?void 0:h.widget_title)||e("span",null,"Montering",e("wbr",null),"/Installation ",(d=(c=x.selectedCustomerCategory)===null||c===void 0?void 0:c.name)!==null&&d!==void 0?d:"på plats"," - ",e("strong",{class:"underline"},"se priser här")),this.product&&((u=this.slug)===null||u===void 0?void 0:u.includes("product"))||this.proppedProduct&&!((p=this.product)===null||p===void 0?void 0:p.invoice)&&!((f=this.proppedProduct)===null||f===void 0?void 0:f.invoice)?e("span",null," från"," ",e("strong",null,$(this.proppedProduct||this.product),"kr")):null)))),this.widgetStyle===F.standard?e("img",{src:_,width:104}):null,this.widgetStyle===F.alternative?e("span",{class:"p-s"},"Utförs av ",e("strong",null,"Hemfixarna")):null),[F.standard,F.alternative].includes(this.widgetStyle)?e("button",{onClick:()=>this.openModal(),class:"hemfixarna_btn",style:{color:((m=this.buttonColor)===null||m===void 0?void 0:m.startsWith("#"))||!((g=this.buttonColor)===null||g===void 0?void 0:g.length)?this.buttonColor:`#${this.buttonColor}`,backgroundColor:((b=this.buttonBg)===null||b===void 0?void 0:b.startsWith("#"))||!((v=this.buttonBg)===null||v===void 0?void 0:v.length)?this.buttonBg:`#${this.buttonBg}`}},"Beställ här",this.getCartLength()>0&&e("span",null,this.getCartLength())):null,F.alternative_2===this.widgetStyle?e("div",{class:"hemfixarna_altbtn"},e("strong",{class:"p-s"},"Utförs av"),e("img",{src:_,alt:"hemfixarna logo",width:98})):null):null,this.modal&&e("div",null,e("div",{class:`hemfixarna_modal ${this.showModal?"hemfixarna_modal--open":""}`},x.modal&&e("div",{class:"hemfixarna_infomodal"},x.modal.title&&e("h2",null,x.modal.title),x.modal.text.map((n=>e("p",{innerHTML:n}))),e("div",null,e("button",{onClick:()=>x.modal=null},"Stäng"))),(this.tree||x.customer)&&e("hemfixarna-breadcrumbs",{isDemo:this.isDemo,loadFromQuery:this.loadFromQuery,closeModal:()=>this.closeModal(),tree:this.tree}),!x.customer||this.slugIsOldFormat(this.slug)?e("div",{class:`hemfixarna_content hemfixarna_content--${x.step}`},x.step===1&&this.tree&&e("hemfixarna-start",{tree:this.tree}),x.step===2&&x.selectedCategory&&e("hemfixarna-category",null),x.step===3&&x.selectedService&&e("hemfixarna-service",null),x.step===4&&x.selectedProduct&&e("hemfixarna-product",null),x.step===5&&e("hemfixarna-cart",{tree:this.tree}),x.step===6&&e("hemfixarna-order",{tree:this.tree})):e("div",{class:`hemfixarna_content hemfixarna_content--${x.step} ${x.step===4&&x.maleri?"hemfixarna_content--painting":""}`},x.step<4&&e("hemfixarna-start",null),x.step===4&&e("hemfixarna-product",null),x.step===5&&e("hemfixarna-cart",{tree:this.tree}),x.step===6&&e("hemfixarna-order",{tree:this.tree}))),!this.isDemo?e("div",{class:`hemfixarna_backdrop ${this.showModal?"hemfixarna_backdrop--open":""}`}):null))}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{slug:["watchSlugChange"],id:["watchIdChange"]}}};sn.style=en;const an=class{constructor(n){i(this,n);this.vertical=false}render(){return e("div",{class:`hemfixarna_contact ${this.vertical?"hemfixarna_contact--vertical":"hemfixarna_contact--horizontal"}`},e("a",{href:"tel:0770-220 720"},e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M7 4V20H17V4H7ZM6 2H18C18.5523 2 19 2.44772 19 3V21C19 21.5523 18.5523 22 18 22H6C5.44772 22 5 21.5523 5 21V3C5 2.44772 5.44772 2 6 2ZM12 17C12.5523 17 13 17.4477 13 18C13 18.5523 12.5523 19 12 19C11.4477 19 11 18.5523 11 18C11 17.4477 11.4477 17 12 17Z",fill:"#C84E18"})),e("span",null,"0770-220 720")),e("a",{href:"https://hemfixarna.se/kundservice/",target:"_blank"},e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("g",{"clip-path":"url(#clip0_1001_894)"},e("path",{d:"M21 12.22C21 6.73 16.74 3 12 3C7.31 3 3 6.65 3 12.28C2.4 12.62 2 13.26 2 14V16C2 17.1 2.9 18 4 18H5V11.9C5 8.03 8.13 4.9 12 4.9C15.87 4.9 19 8.03 19 11.9V19H11V21H19C20.1 21 21 20.1 21 19V17.78C21.59 17.47 22 16.86 22 16.14V13.84C22 13.14 21.59 12.53 21 12.22Z",fill:"#C84E18"}),e("path",{d:"M9 14C9.55228 14 10 13.5523 10 13C10 12.4477 9.55228 12 9 12C8.44772 12 8 12.4477 8 13C8 13.5523 8.44772 14 9 14Z",fill:"#C84E18"}),e("path",{d:"M15 14C15.5523 14 16 13.5523 16 13C16 12.4477 15.5523 12 15 12C14.4477 12 14 12.4477 14 13C14 13.5523 14.4477 14 15 14Z",fill:"#C84E18"}),e("path",{d:"M18 11.03C17.52 8.18 15.04 6 12.05 6C9.01997 6 5.75997 8.51 6.01997 12.45C8.48997 11.44 10.35 9.24 10.88 6.56C12.19 9.19 14.88 11 18 11.03Z",fill:"#C84E18"})),e("defs",null,e("clipPath",{id:"clip0_1001_894"},e("rect",{width:"24",height:"24",fill:"white"})))),e("span",null,"Kundservice")))}};const rn='@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap"); :host{font-family:"Inter", sans-serif}:host .hemfixarna_widgetstyles label{cursor:pointer}:host .hemfixarna_widgetstyles>div{display:flex;gap:1rem}:host .hemfixarna_widgetstyles h5{margin:1rem 0}:host .hemfixarna_example{margin-bottom:16px;background:#000;padding:16px;color:#fff;display:flex;justify-content:space-between;cursor:pointer;max-width:500px;box-sizing:border-box;position:relative}:host .hemfixarna_example--tooltip{background:#000;top:-48px;font-size:16px;left:40%;color:white;padding:8px;position:absolute;opacity:0}:host .hemfixarna_example--tooltip::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#000 transparent transparent transparent}:host .hemfixarna_example:hover .hemfixarna_example--tooltip{opacity:1}:host .hemfixarna_example p{font-size:14px}:host .hemfixarna_example img{filter:invert(1)}:host .hemfixarna_install{display:grid;gap:8px;margin-top:16px}:host .hemfixarna_product--label{background:#e1e0f5}:host .hemfixarna_categories{max-height:100%;overflow:auto;position:relative}:host .hemfixarna_categories--label{display:flex;align-items:center;justify-content:space-between;padding:8px}:host .hemfixarna_categories--label button{background:#3f3a92;border:none;font-weight:600;padding:3.2px 9.6px;border-radius:10px;margin-right:8px;color:#ece8e8}:host .hemfixarna_categories--label button:active{transform:scale(0.95)}:host .hemfixarna_categories--label--big{font-weight:600;border-bottom:1px solid black}:host p{margin:0}:host span{color:darkolivegreen;font-size:10px}:host button{cursor:pointer}:host>div:not(.hemfixarna_hosted){grid-template-columns:1fr 1fr}:host .hemfixarna_hosted .hemfixarna_scripts{display:none}:host>div{display:grid;gap:32px;width:100%;height:100vh;place-items:center;overflow:hidden;padding:16px 32px;box-sizing:border-box}:host>div>*{width:100%}:host>div>div{max-width:500px}:host>div ul{margin:0;padding:0;list-style:none}:host>div ul ul{gap:1px;display:grid}:host>div ul li{padding-left:16px;background:#fff}';const on=class{constructor(n){i(this,n);this.debounce=null;this.cdnLink='<script type="module" src="https://cdn.jsdelivr.net/npm//hemfixarna-web-components@latest/dist/hemfixarna-components/hemfixarna-components.esm.js"><\/script>';this.selectedSlug=undefined;this.selectedID=undefined;this.tooltipText="Kopiera till urklipp";this.tree=null;this.customer=null;this.widgetStyle=F.standard;this.buttonBg="";this.buttonColor="";this.partner=undefined;this.colorAccessibility=undefined}debouncedFunction(){if(this.debounce!==null){clearTimeout(this.debounce);this.debounce=null}this.debounce=window.setTimeout((()=>{this.checkColorAccessibility();this.debounce=null}),1500)}async checkColorAccessibility(){const n="#fff";const t="#c84e18";const i=this.buttonBg.length?this.buttonBg.startsWith("#")?this.buttonBg:`#${this.buttonBg}`:t;const e=this.buttonColor.length?this.buttonColor.startsWith("#")?this.buttonColor:`#${this.buttonColor}`:n;fetch("https://www.aremycolorsaccessible.com/api/are-they",{mode:"cors",method:"POST",body:JSON.stringify({colors:[i,e]})}).then((n=>n.json())).then((n=>{if(n&&n){this.colorAccessibility=n}}))}getTopLevelCategory(){switch(process.env.BUSINESS){case O.byggmax:return M.byggmax;default:return""}}getColor(n){switch(n){case"AAA":return"green";case"AA":return"orange";case"A":return"yellow";case"Fail":return"red";default:return"black"}}async componentWillLoad(){var n;if(process.env.FORCE_OLD_TREE){const n=await E(this.getTopLevelCategory());if((n===null||n===void 0?void 0:n.code)==="not_found");else if(n){this.tree=n}}else{const t=window.location.pathname.replace("/","");this.partner=N(t)?t:(n=process.env.BUSINESS)!==null&&n!==void 0?n:O.kund;const i=await J(this.partner);if(i.code!=="not_found"&&i){this.customer=i}}}getExample(){return`<hemfixarna-${this.partner}${this.selectedSlug?` slug="${this.selectedSlug}" `:""}${this.selectedID?` id="${this.selectedID}" `:""} ${this.widgetStyle===F.standard?"":`widget-style="${this.widgetStyle}"`} ${this.buttonColor.length?`button-color="${this.buttonColor}"`:""} ${this.buttonBg.length?`button-bg="${this.buttonBg}"`:""}></hemfixarna-${this.partner}>`}copyExample(){navigator.clipboard.writeText(this.getExample());this.tooltipText="Snippet kopierad";setTimeout((()=>{this.tooltipText="Kopiera till urklipp"}),2e3)}copyCdn(){navigator.clipboard.writeText(this.cdnLink);this.tooltipText="Text kopierad";setTimeout((()=>{this.tooltipText="Kopiera till urklipp"}),2e3)}copyNpmInstall(){navigator.clipboard.writeText("npm i hemfixarna-web-components");this.tooltipText="Text kopierad";setTimeout((()=>{this.tooltipText="Kopiera till urklipp"}),2e3)}showMaleri(){var n;const t=(n=this.customer)===null||n===void 0?void 0:n.categories.map((n=>n.sub_categories?n.sub_categories:n)).flat();return t===null||t===void 0?void 0:t.some((n=>n.add_painting))}render(){var n;const t=r(`./assets/copy.png`);return e("div",{class:((n=this.customer)===null||n===void 0?void 0:n.at_hemfixarna)?"hemfixarna_hosted":""},e("div",{class:"hemfixarna_scripts"},e("div",{onClick:()=>this.copyExample(),class:"hemfixarna_example"},e("p",null,this.getExample()),e("img",{src:t,height:20}),e("span",{class:"hemfixarna_example--tooltip"},this.tooltipText)),this.partner===O.byggmax&&e("hemfixarna-byggmax",{buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,forceOldTree:Boolean(process.env.FORCE_OLD_TREE),slug:this.selectedSlug,id:this.selectedID}),this.partner===O.skanska&&e("hemfixarna-skanska",{buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,id:this.selectedID}),this.partner===O.sparfonster&&e("hemfixarna-sparfonster",{buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,id:this.selectedID}),this.partner===O.string&&e("hemfixarna-string-furniture",{buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,id:this.selectedID}),this.partner===O.hornbach&&e("hemfixarna-hornbach",{isDemo:true,buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,id:this.selectedID}),this.partner===O.traningspartner&&e("hemfixarna-traningspartner",{buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,id:this.selectedID}),this.partner===O.superfront&&e("hemfixarna-superfront",{buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,id:this.selectedID}),this.partner===O.zaptec&&e("hemfixarna-zaptec",{isDemo:true,buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,id:this.selectedID}),this.partner===O.tesla&&e("hemfixarna-tesla",{isDemo:true,buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,id:this.selectedID}),this.partner===O.forebygg&&e("hemfixarna-forebygg",{buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,id:this.selectedID}),this.partner===O.doro&&e("hemfixarna-doro",{buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,id:this.selectedID}),this.partner===O.elfa&&e("hemfixarna-elfa",{isDemo:true,buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,id:this.selectedID}),this.partner===O.kbygg&&e("hemfixarna-kbygg",{isDemo:true,buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,id:this.selectedID}),this.partner===O.fargvaruhuset&&e("hemfixarna-fargvaruhuset",{isDemo:true,buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,id:this.selectedID}),this.partner===O.norrgavel&&e("hemfixarna-norrgavel",{isDemo:true,buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,id:this.selectedID}),this.partner===O.klint&&e("hemfixarna-klint",{buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,id:this.selectedID}),this.partner===O.flyttsmart&&e("hemfixarna-flyttsmart",{buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,id:this.selectedID}),this.partner===O.power&&e("hemfixarna-power",{buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,id:this.selectedID}),this.partner===O.kund&&e("hemfixarna-kund",{buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,id:this.selectedID}),e("div",{class:"hemfixarna_install"},e("div",{onClick:()=>this.copyCdn(),class:"hemfixarna_example"},e("p",null,this.cdnLink),e("span",{class:"hemfixarna_example--tooltip"},this.tooltipText),e("img",{src:t,height:20}))),e("div",{class:"hemfixarna_widgetstyles"},e("h5",null,"Widget styles"),e("div",null,Object.values(F).map((n=>e("label",{key:n},e("input",{type:"radio",value:n,checked:this.widgetStyle===n,onChange:()=>this.widgetStyle=n}),n)))),e("div",null,e("div",null,e("h5",null,"Button background color"),e("input",{type:"text",value:this.buttonBg,onInput:n=>this.buttonBg=n.target.value})),e("div",null,e("h5",null,"Button text color"),e("input",{type:"text",value:this.buttonColor,onInput:n=>this.buttonColor=n.target.value})))),e("span",null,"Write an hexa code no # needed"),this.colorAccessibility?e("div",null,e("h5",null,"Tillgänglighetsrapport"),e("div",null,e("strong",null,"Liten text:"),e("span",{style:{color:this.getColor(this.colorAccessibility.small)}},this.colorAccessibility.small),e("br",null),e("strong",null,"Fet text:"),e("span",{style:{color:this.getColor(this.colorAccessibility.bold)}},this.colorAccessibility.bold),e("br",null),e("strong",null,"Stor text:"),e("span",{style:{color:this.getColor(this.colorAccessibility.large)}},this.colorAccessibility.large),e("br",null),e("strong",null,"Kontrastförhållande:")," ",this.colorAccessibility.contrast)):null),e("ul",{class:"hemfixarna_categories"},this.customer?e("div",null,this.customer.logo?e("div",{style:{width:"100%",display:"flex",justifyContent:"center"}},e("img",{style:{maxWidth:"250px",height:"auto",margin:"0 auto 2rem"},src:this.customer.logo.url,alt:this.customer.post_title})):null,this.showMaleri()?e("li",null,e("div",{class:"hemfixarna_categories--label hemfixarna_categories--label--big"},e("div",null,e("p",null,"Måleriverktyget"),e("span",null,"maleri")),e("div",null,e("button",{onClick:()=>navigator.clipboard.writeText("maleri")},"Kopiera ID"),this.customer.at_hemfixarna?e("button",{onClick:()=>{var n;return navigator.clipboard.writeText(`${(n="https://hemfixarna.se")!==null&&n!==void 0?n:"https://hemfixarna.se"}/partner/${this.customer.post_name}?id=maleri`)}},"Kopiera URL"):e("button",{onClick:()=>this.selectedID="maleri"},"Ladda måleri")))):null,this.customer.categories.map((n=>e("li",null,e("div",{class:"hemfixarna_categories--label hemfixarna_categories--label--big"},e("div",null,e("p",null,n.name),e("span",null,`c-${n.id}`)),e("div",null,e("button",{onClick:()=>navigator.clipboard.writeText(`c-${n.id}`)},"Kopiera ID"),this.customer.at_hemfixarna?e("button",{onClick:()=>{var t;return navigator.clipboard.writeText(`${(t="https://hemfixarna.se")!==null&&t!==void 0?t:"https://hemfixarna.se"}/partner/${this.customer.post_name}?id=c-${n.id}`)}},"Kopiera URL"):e("button",{onClick:()=>this.selectedID=`c-${n.id}`},"Ladda kategori"))),n.show_products&&n.products?e("ul",null,n.products.map((n=>e("li",null,e("div",{class:"hemfixarna_categories--label hemfixarna_product--label"},e("div",null,e("p",null,n.fields.title),e("span",null,n.fields.ID)),e("div",null,e("button",{onClick:()=>navigator.clipboard.writeText(String(n.fields.ID))},"Kopiera ID"),this.customer.at_hemfixarna?e("button",{onClick:()=>{var t;return navigator.clipboard.writeText(`${(t="https://hemfixarna.se")!==null&&t!==void 0?t:"https://hemfixarna.se"}/partner/${this.customer.post_name}?id=${n.fields.ID}`)}},"Kopiera URL"):e("button",{onClick:()=>this.selectedID=String(n.fields.ID)},"Ladda produkt"))))))):e("ul",null,n.sub_categories&&n.sub_categories.map((t=>e("li",null,e("div",{class:"hemfixarna_categories--label"},e("div",null,e("p",null,t.name),e("span",null,`c-${t.id}`)),e("div",null,e("button",{onClick:()=>navigator.clipboard.writeText(`c-${t.id}`)},"Kopiera ID"),this.customer.at_hemfixarna?e("button",{onClick:()=>{var t;return navigator.clipboard.writeText(`${(t="https://hemfixarna.se")!==null&&t!==void 0?t:"https://hemfixarna.se"}/partner/${this.customer.post_name}?id=c-${n.id}`)}},"Kopiera URL"):e("button",{onClick:()=>this.selectedID=`c-${t.id}`},"Ladda kategori"))),e("ul",null,t.products.map((n=>e("li",null,e("div",{class:"hemfixarna_categories--label hemfixarna_product--label"},e("div",null,e("p",null,n.fields.title),e("span",null,n.fields.ID)),e("div",null,e("button",{onClick:()=>navigator.clipboard.writeText(String(n.fields.ID))},"Kopiera ID"),this.customer.at_hemfixarna?e("button",{onClick:()=>{var t;return navigator.clipboard.writeText(`${(t="https://hemfixarna.se")!==null&&t!==void 0?t:"https://hemfixarna.se"}/partner/${this.customer.post_name}?id=${n.fields.ID}`)}},"Kopiera URL"):e("button",{onClick:()=>this.selectedID=String(n.fields.ID)},"Ladda produkt"))))))))))))))):this.tree?e("div",null,this.tree.sub_cats.map((n=>e("li",null,e("div",{class:"hemfixarna_categories--label hemfixarna_categories--label--big"},e("div",null,e("p",null,n.name),e("span",null,`category/${n.slug}`)),e("div",null,e("button",{onClick:()=>navigator.clipboard.writeText(`category/${n.slug}`)},"Kopiera slug"),e("button",{onClick:()=>this.selectedSlug=`category/${n.slug}`},"Ladda kategori"))),e("ul",null,n.services.map((n=>e("li",null,e("div",{class:"hemfixarna_categories--label"},e("div",null,e("p",null,n.post_title),e("span",null,`service/${n.post_name}`)),e("div",null,e("button",{onClick:()=>navigator.clipboard.writeText(`service/${n.post_name}`)},"Kopiera slug"),e("button",{onClick:()=>this.selectedSlug=`service/${n.post_name}`},"Ladda kategori"))),e("ul",null,n.products.map((n=>e("li",null,e("div",{class:"hemfixarna_categories--label"},e("div",null,e("p",null,n.post_title),e("span",null,`product/${n.post_name}`)),e("div",null,e("button",{onClick:()=>navigator.clipboard.writeText(`product/${n.post_name}`)},"Kopiera slug"),e("button",{onClick:()=>this.selectedSlug=`product/${n.post_name}`},"Ladda produkt"))))))))))))))):null))}static get watchers(){return{buttonBg:["debouncedFunction"],buttonColor:["debouncedFunction"]}}};on.style=rn;const ln="";const hn=class{constructor(n){i(this,n);this.id=undefined;this.loadFromQuery=undefined;this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined}render(){return e("hemfixarna-component",{widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor,loadFromQuery:Boolean(this.loadFromQuery),id:this.id,business:O.doro})}};hn.style=ln;const cn="";const dn=class{constructor(n){i(this,n);this.id=undefined;this.loadFromQuery="true";this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined;this.isDemo=false}render(){return e("hemfixarna-component",{widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor,nav:{url:"https://elfa.com",logo:"assets/elfa.png"},loadFromQuery:Boolean(this.loadFromQuery),id:this.id,business:O.elfa,isDemo:this.isDemo})}};dn.style=cn;const un=class{constructor(n){i(this,n);this.id=undefined;this.loadFromQuery=undefined;this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined;this.isDemo=false}render(){return e("hemfixarna-component",{widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor,loadFromQuery:Boolean(this.loadFromQuery),id:this.id,business:O.fargvaruhuset,isDemo:this.isDemo})}};const pn=class{constructor(n){i(this,n);this.id=undefined;this.loadFromQuery=undefined;this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined;this.isDemo=false}render(){return e("hemfixarna-component",{widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor,loadFromQuery:Boolean(this.loadFromQuery),id:this.id,business:O.flyttsmart,isDemo:this.isDemo})}};const fn="";const mn=class{constructor(n){i(this,n);this.id=undefined;this.loadFromQuery=undefined;this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined}render(){return e("hemfixarna-component",{widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor,loadFromQuery:Boolean(this.loadFromQuery),id:this.id,business:O.forebygg})}};mn.style=fn;var xn=class extends Error{constructor(){super("Invalid swedish personal identity number")}};var gn=(n,t)=>{const i=n.getTime()-t.getTime();return i<0?-1:i>0?1:i};var bn=(n,t)=>{const i=gn(n,t);const e=Math.abs(n.getFullYear()-t.getFullYear());n.setFullYear(n.getFullYear()-i*e);const s=gn(n,t)===-i;const a=i*(e-+s);return a===0?0:a};var vn=n=>{let t=0;n+="";for(let i=0,e=n.length;i<e;i++){let e=parseInt(n[i]);e*=2-i%2;if(e>9){e-=9}t+=e}return Math.ceil(t/10)*10-t};var _n=(n,t,i)=>{t-=1;const e=new Date(n,t,i);return!(e.getFullYear()!==n||e.getMonth()!==t||e.getDate()!==i)};var yn=class{constructor(n,t){this._century="";this._fullYear="";this._year="";this._month="";this._day="";this._sep="";this._num="";this._check="";this.parse(n,{allowCoordinationNumber:true,allowInterimNumber:false,...t})}get century(){return this._century}get fullYear(){return this._fullYear}get year(){return this._year}get month(){return this._month}get day(){return this._day}get sep(){return this._sep}get num(){return this._num}get check(){return this._check}static parse(n,t){return new yn(n,t)}static valid(n,t){try{yn.parse(n,t);return true}catch(n){return false}}parse(n,t){if(n.length<10||n.length>13){throw new xn}const i=/^(\d{2}){0,1}(\d{2})(\d{2})(\d{2})([+-]?)((?!000)\d{3}|[TRSUWXJKLMN]\d{2})(\d)$/;const e=i.exec(n);if(!e){throw new xn}const s=e[1];const a=e[2];const r=e[3];const o=e[4];const l=e[5];const h=e[6];const c=e[7];if(typeof s==="undefined"||!s.length){const n=new Date;let t=0;if(l==="+"){this._sep="+";t=n.getFullYear()-100}else{this._sep="-";t=n.getFullYear()}this._century=(""+(t-(t-parseInt(a))%100)).substr(0,2)}else{this._century=s;if((new Date).getFullYear()-parseInt(s+a,10)<100){this._sep="-"}else{this._sep="+"}}this._year=a;this._fullYear=this._century+a;this._month=r;this._day=o;this._num=h;this._check=c;if(!this.valid()){throw new xn}if(!(t==null?void 0:t.allowCoordinationNumber)&&this.isCoordinationNumber()){throw new xn}if(!(t==null?void 0:t.allowInterimNumber)&&this.isInterimNumber()){throw new xn}}valid(){const n=vn(this.year+this.month+this.day+this.num.replace(/[TRSUWXJKLMN]/,"1"))===+this.check&&!!this.check;if(n&&_n(parseInt(this.century+this.year),+this.month,+this.day)){return n}return n&&_n(parseInt(this.century+this.year),+this.month,+this.day-60)}format(n=false){if(n){return`${this.century}${this.year}${this.month}${this.day}${this.num}${this.check}`}return`${this.year}${this.month}${this.day}${this.sep}${this.num}${this.check}`}getAge(){const n=this.getDate();return bn(new Date(Date.now()),n)}getDate(){let n=+this.day;if(this.isCoordinationNumber()){n-=60}const t=this.century+this.year+"-"+this.month+"-"+(n<10?"0"+n:n);return new Date(t)}isInterimNumber(){return/[TRSUWXJKLMN]/.test(this.num[0])}isCoordinationNumber(){return _n(parseInt(this.century+this.year),+this.month,+this.day-60)}isFemale(){return!this.isMale()}isMale(){const n=parseInt(this.num.substr(-1));return n%2===1}};var wn=yn;function kn(n,t,i){return i={path:t,exports:{},require:function(n,t){return Cn()}},n(i,i.exports),i.exports}function Cn(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}var $n=kn((function(n,t){Object.defineProperty(t,"__esModule",{value:true});t.utf8=void 0;t.utf8={encode:i,decode:e};function i(n){n=n.replace(/\r\n/g,"\n");var t="";for(var i=0;i<n.length;i++){var e=n.charCodeAt(i);if(e<128){t+=String.fromCharCode(e)}else if(e>127&&e<2048){t+=String.fromCharCode(e>>6|192);t+=String.fromCharCode(e&63|128)}else{t+=String.fromCharCode(e>>12|224);t+=String.fromCharCode(e>>6&63|128);t+=String.fromCharCode(e&63|128)}}return t}function e(n){var t="";var i=0;var e=0;var s=0;var a=0;while(i<n.length){e=n.charCodeAt(i);if(e<128){t+=String.fromCharCode(e);i++}else if(e>191&&e<224){s=n.charCodeAt(i+1);t+=String.fromCharCode((e&31)<<6|s&63);i+=2}else{s=n.charCodeAt(i+1);a=n.charCodeAt(i+2);t+=String.fromCharCode((e&15)<<12|(s&63)<<6|a&63);i+=3}}return t}}));var Sn=kn((function(n,t){Object.defineProperty(t,"__esModule",{value:true});t.generate=void 0;function i(n){var t=[];var i;var e;var a;var r;var o;var l;var m;var x;var g;var b=7;var v=12;var _=17;var y=22;var w=5;var k=9;var C=14;var $=20;var S=4;var B=11;var z=16;var j=23;var T=6;var I=10;var D=15;var O=21;var F=$n.utf8.encode(n);t=p(F);l=1732584193;m=4023233417;x=2562383102;g=271733878;for(i=0;i<t.length;i+=16){e=l;a=m;r=x;o=g;l=h(l,m,x,g,t[i+0],b,3614090360);g=h(g,l,m,x,t[i+1],v,3905402710);x=h(x,g,l,m,t[i+2],_,606105819);m=h(m,x,g,l,t[i+3],y,3250441966);l=h(l,m,x,g,t[i+4],b,4118548399);g=h(g,l,m,x,t[i+5],v,1200080426);x=h(x,g,l,m,t[i+6],_,2821735955);m=h(m,x,g,l,t[i+7],y,4249261313);l=h(l,m,x,g,t[i+8],b,1770035416);g=h(g,l,m,x,t[i+9],v,2336552879);x=h(x,g,l,m,t[i+10],_,4294925233);m=h(m,x,g,l,t[i+11],y,2304563134);l=h(l,m,x,g,t[i+12],b,1804603682);g=h(g,l,m,x,t[i+13],v,4254626195);x=h(x,g,l,m,t[i+14],_,2792965006);m=h(m,x,g,l,t[i+15],y,1236535329);l=c(l,m,x,g,t[i+1],w,4129170786);g=c(g,l,m,x,t[i+6],k,3225465664);x=c(x,g,l,m,t[i+11],C,643717713);m=c(m,x,g,l,t[i+0],$,3921069994);l=c(l,m,x,g,t[i+5],w,3593408605);g=c(g,l,m,x,t[i+10],k,38016083);x=c(x,g,l,m,t[i+15],C,3634488961);m=c(m,x,g,l,t[i+4],$,3889429448);l=c(l,m,x,g,t[i+9],w,568446438);g=c(g,l,m,x,t[i+14],k,3275163606);x=c(x,g,l,m,t[i+3],C,4107603335);m=c(m,x,g,l,t[i+8],$,1163531501);l=c(l,m,x,g,t[i+13],w,2850285829);g=c(g,l,m,x,t[i+2],k,4243563512);x=c(x,g,l,m,t[i+7],C,1735328473);m=c(m,x,g,l,t[i+12],$,2368359562);l=d(l,m,x,g,t[i+5],S,4294588738);g=d(g,l,m,x,t[i+8],B,2272392833);x=d(x,g,l,m,t[i+11],z,1839030562);m=d(m,x,g,l,t[i+14],j,4259657740);l=d(l,m,x,g,t[i+1],S,2763975236);g=d(g,l,m,x,t[i+4],B,1272893353);x=d(x,g,l,m,t[i+7],z,4139469664);m=d(m,x,g,l,t[i+10],j,3200236656);l=d(l,m,x,g,t[i+13],S,681279174);g=d(g,l,m,x,t[i+0],B,3936430074);x=d(x,g,l,m,t[i+3],z,3572445317);m=d(m,x,g,l,t[i+6],j,76029189);l=d(l,m,x,g,t[i+9],S,3654602809);g=d(g,l,m,x,t[i+12],B,3873151461);x=d(x,g,l,m,t[i+15],z,530742520);m=d(m,x,g,l,t[i+2],j,3299628645);l=u(l,m,x,g,t[i+0],T,4096336452);g=u(g,l,m,x,t[i+7],I,1126891415);x=u(x,g,l,m,t[i+14],D,2878612391);m=u(m,x,g,l,t[i+5],O,4237533241);l=u(l,m,x,g,t[i+12],T,1700485571);g=u(g,l,m,x,t[i+3],I,2399980690);x=u(x,g,l,m,t[i+10],D,4293915773);m=u(m,x,g,l,t[i+1],O,2240044497);l=u(l,m,x,g,t[i+8],T,1873313359);g=u(g,l,m,x,t[i+15],I,4264355552);x=u(x,g,l,m,t[i+6],D,2734768916);m=u(m,x,g,l,t[i+13],O,1309151649);l=u(l,m,x,g,t[i+4],T,4149444226);g=u(g,l,m,x,t[i+11],I,3174756917);x=u(x,g,l,m,t[i+2],D,718787259);m=u(m,x,g,l,t[i+9],O,3951481745);l=s(l,e);m=s(m,a);x=s(x,r);g=s(g,o)}return f(l)+f(m)+f(x)+f(g)}t.generate=i;function e(n,t){return n<<t|n>>>32-t}function s(n,t){var i;var e;var s;var a;var r;s=n&2147483648;a=t&2147483648;i=n&1073741824;e=t&1073741824;r=(n&1073741823)+(t&1073741823);if(i&e){return r^2147483648^s^a}if(i|e){if(r&1073741824){return r^3221225472^s^a}else{return r^1073741824^s^a}}else{return r^s^a}}function a(n,t,i){return n&t|~n&i}function r(n,t,i){return n&i|t&~i}function o(n,t,i){return n^t^i}function l(n,t,i){return t^(n|~i)}function h(n,t,i,r,o,l,h){n=s(n,s(s(a(t,i,r),o),h));return s(e(n,l),t)}function c(n,t,i,a,o,l,h){n=s(n,s(s(r(t,i,a),o),h));return s(e(n,l),t)}function d(n,t,i,a,r,l,h){n=s(n,s(s(o(t,i,a),r),h));return s(e(n,l),t)}function u(n,t,i,a,r,o,h){n=s(n,s(s(l(t,i,a),r),h));return s(e(n,o),t)}function p(n){var t;var i=n.length;var e=i+8;var s=(e-e%64)/64;var a=(s+1)*16;var r=Array(a-1);var o=0;var l=0;while(l<i){t=(l-l%4)/4;o=l%4*8;r[t]=r[t]|n.charCodeAt(l)<<o;l++}t=(l-l%4)/4;o=l%4*8;r[t]=r[t]|128<<o;r[a-2]=i<<3;r[a-1]=i>>>29;return r}function f(n){var t="";var i="";var e;var s;for(s=0;s<=3;s++){e=n>>>s*8&255;i="0"+e.toString(16);t=t+i.substr(i.length-2,2)}return t}}));var Bn=kn((function(n,t){Object.defineProperty(t,"__esModule",{value:true});t.MD5=t.generate=void 0;var i=Sn;Object.defineProperty(t,"generate",{enumerable:true,get:function(){return i.generate}});t.MD5={generate:Sn.generate}}));const zn=async n=>{var t;const i=await fetch((t="https://hemfixare-lookup.vercel.app/api")!==null&&t!==void 0?t:"https://hemfixare-lookup.vercel.app/api",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({query:n,hash:Bn.MD5.generate(String.fromCharCode(83,101,67,82,101,116)+n)})});const e=await i.json();return e};const jn=class{constructor(n){i(this,n);this.handleChangeEmail=n=>{this.emailError=null;this.email=n.target.value};this.handleChangePhone=n=>{this.phoneError=null;this.phone=n.target.value};this.handleChangessn=n=>{this.ssnError=null;this.ssn=n.target.value};this.handleSubmit=async n=>{n.preventDefault();const t=new RegExp(/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/);const i=t.test(this.email);if(!i){this.emailError="Ange en giltig e-postadress"}const e=/^[\d\s()+-]{6,}$/.test(this.phone);if(!e){this.phoneError="Ange ett giltigt telefonnummer"}const s=wn.valid(this.ssn);if(!s){this.ssnError="Ange ett giltigt personnummer"}else if(s){const n=wn.parse(this.ssn).format(true);this.ssn=[n.slice(0,8),"-",n.slice(8)].join("")}if(i&&e&&s){try{const n=await zn(this.ssn);if(n){x.creditSafeUser=n;x.checkoutStep=2;x.user=Object.assign(Object.assign({},n),{email:this.email,phone:this.phone,ssn:this.ssn})}else{this.ssnError="Vi kunde tyvärr inte hitta en address med ditt angivna personnummer"}}catch(n){this.ssnError="Vi kunde tyvärr inte hitta en address med ditt angivna personnummer";console.log(n)}finally{const n=this.el.closest(".hemfixarna_content");v(n)}}};this.render=()=>e("form",{class:"mb-2",onSubmit:n=>this.handleSubmit(n)},e("div",null,e("input",{class:`${this.email.length?"input_active":""}`,onChange:n=>this.handleChangeEmail(n),type:"email",name:"email",value:this.email}),e("label",{htmlFor:"email"},"E-post ")),this.emailError&&e("span",null,this.emailError),e("div",null,e("input",{class:`${this.phone.length?"input_active":""}`,onChange:n=>this.handleChangePhone(n),type:"tel",name:"phone",value:this.phone}),e("label",{htmlFor:"phone"},"Mobiltelefon ")),this.phoneError&&e("span",null,this.phoneError),e("div",null,e("input",{class:`${this.ssn.length?"input_active":""}`,onChange:n=>this.handleChangessn(n),type:"tel",name:"ssn",value:this.ssn}),e("label",{htmlFor:"phone"},"Personnummer*")),this.ssnError&&e("span",null,this.ssnError),e("input",{type:"submit",value:"Fortsätt*"}),e("p",null,"*Vi hämtar din adress"));this.email="";this.emailError=null;this.phone="";this.phoneError=null;this.ssn="";this.ssnError=null}componentWillLoad(){if(x.user){this.email=x.user.email;this.phone=x.user.phone;this.ssn=x.user.ssn}}get el(){return s(this)}};const Tn="";const In=class{constructor(n){i(this,n);this.id=undefined;this.loadFromQuery="true";this.isDemo=false;this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined}render(){return e("hemfixarna-component",{widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor,nav:{url:"https://www.hornbach.se/",logo:"assets/hornbach/logo.svg",background:"./assets/hornbach/nav.jpg"},isDemo:this.isDemo,loadFromQuery:Boolean(this.loadFromQuery),id:this.id,business:O.hornbach})}};In.style=Tn;const Dn=class{constructor(n){i(this,n);this.logo=r(`./assets/hemfixarna.svg`)}render(){var n;const t=r(`./assets/checked.svg`);return e("div",{class:"hemfixarna_info"},x.step<5?e(a,null,e("h2",null,x.customer.info_title),e("p",null,x.customer.info_text)):e("h2",null,x.customer.checkout_title),e("ul",{class:"hemfixarna_features"},x.step<5?e(a,null,((n=x.customer.trust_badges)===null||n===void 0?void 0:n.length)?e(a,null,x.customer.trust_badges.map((n=>e("li",{key:n.text},e("img",{src:t,alt:"checked"}),e("p",null,n.text))))):e(a,null,x.options.trust.map((n=>e("li",{key:n.trust_badge},e("img",{src:t,alt:"checked"}),e("p",null,n.trust_badge)))))):e(a,null,x.customer.checkout_trust_badges.map((n=>e("li",{key:n.text},e("img",{src:t,alt:"checked"}),e("p",null,n.text)))))),e("img",{src:this.logo,width:200,alt:"hemfixarna"}),e("a",{class:"hemfixarna_product--link",target:"_blank",href:x.options.link.url},x.options.link.title))}};const On=':host .invoice{gap:16px;display:grid}:host .invoice form>span{text-align:center;padding:16px 0}:host .invoice img{right:unset;left:unset;position:initial;transform:none}:host .invoice label{cursor:pointer;font-size:14px;display:flex;align-items:flex-start;padding:16px 0}:host .invoice label input{margin:0 5px 0 0;accent-color:#ea662c}:host .invoice-preview{display:flex;gap:4px}:host .invoice-preview div{position:relative}:host .invoice-preview div button{position:absolute;top:0;right:0;padding:0}:host .invoice-preview div button img{width:24px;height:24px}:host .invoice-preview div>img{width:100px;height:80px;object-fit:cover}:host .invoice input[type=email],:host .invoice input[type=tel],:host .invoice textarea{padding:16px;border:1px solid #fcd9c9;font-size:16px}:host .invoice textarea{resize:none;height:200px;font-family:"Inter", sans-serif}:host .invoice div:has(>input[type=file]){display:flex;align-items:center;justify-content:center;cursor:pointer;background:#fff;border:1px solid #fcd9c9;padding:32px 16px;gap:16px}:host .invoice div:has(>input[type=file]) span{color:#000;font-size:12px}:host .invoice input[type=file]{display:none}';const Fn=`${"https://hemfixarna.se"}/wp-json/headless`;const Mn=class{constructor(n){i(this,n);this.formError=null;this.displayImages=[];this.formImages=[];this.formState="initial"}isValidEmail(n){const t=/^[^\s@]+@[^\s@]+\.[^\s@]+$/;return t.test(n)}componentDidRender(){const n=this.el.querySelector("form");if(n){n.addEventListener("input",(()=>{this.formError=null}))}}disconnectedCallback(){const n=this.el.querySelector("form");if(n){n.removeEventListener("input",(()=>{this.formError=null}))}}async submit(n){var t;n.preventDefault();this.formState="loading";this.formError=null;const i=n.currentTarget.elements;const e={description:i.descriptionInput.value.length?i.descriptionInput.value:null,email:i.emailInput.value.length?i.emailInput.value:null,tel:i.telInput.value.length?i.telInput.value:null,terms:(t=i.termsInput)===null||t===void 0?void 0:t.checked};if(!e.description){this.formError="Vänligen fyll i formulärtexten";this.formState="initial";return}if(!e.email||!this.isValidEmail(e.email)){this.formError="Vänligen ange en giltig e-postadress";this.formState="initial";return}if(!e.tel){this.formError="Vänligen ange ditt telefonnummer";this.formState="initial";return}if(x.selectedProduct.terms_show_checkbox&&!e.terms){this.formError="Vänligen acceptera villkoren";this.formState="initial";return}const s=new FormData;s.append("text",e.description);s.append("email",e.email);s.append("phone",e.tel);s.append("customer",x.business);this.formImages.forEach((n=>{s.append("images[]",n)}));s.append("product",JSON.stringify({title:x.selectedProduct.title,amount:1,has_rut:x.selectedProduct.rut,has_rot:x.selectedProduct.rot,has_green:x.selectedProduct.green,ID:x.selectedProduct.ID,parts:[]}));try{const n=await fetch(`${Fn}/saveinvoiceproduct`,{method:"POST",body:s});const{response:t}=await n.json();if(t.code===200){x.checkoutInvoice=true;x.step=6}else{this.formError="Vi kan inte ta emot din beställning just nu";this.formState="initial"}}catch(n){this.formError="Vi kan inte ta emot din beställning just nu";this.formState="initial"}}handleImageDrop(n){n.preventDefault();const t=n.dataTransfer.files;for(let n=0;n<t.length;n++){const i=t[n];if(i.type.startsWith("image/")){const n=new FileReader;n.onload=()=>{this.displayImages=[...this.displayImages,n.result];this.formImages=[...this.formImages,i]};n.readAsDataURL(i)}}}handleFileInputChange(n){n.preventDefault();const t=n.target.files;for(let n=0;n<t.length;n++){const i=t[n];if(i.type.startsWith("image/")){const n=new FileReader;n.onload=()=>{this.displayImages=[...this.displayImages,n.result];this.formImages=[...this.formImages,i]};n.readAsDataURL(i)}}}handleImageClick(){this.el.querySelector(".hemfixarna-file-upload").click()}preventDragOver(n){n.preventDefault()}removeImage(n){this.displayImages=this.displayImages.filter(((t,i)=>i!==n));this.formImages=this.formImages.filter(((t,i)=>i!==n))}render(){const n=r(`./assets/drag-drop.svg`);return e("div",{class:"invoice"},e("p",null,x.selectedProduct.invoice_description),e("form",{onSubmit:n=>this.submit(n)},e("textarea",{name:"descriptionInput",placeholder:"Beskriv ditt ärende"}),e("div",{role:"button","aria-label":"upload image",onDragOver:n=>this.preventDragOver(n),onDrop:n=>this.handleImageDrop(n),onClick:()=>this.handleImageClick()},e("img",{src:n,alt:"hemfixarna_logo",width:24}),e("div",null,e("p",null,"Bifoga ev bilder"),e("span",null,"(dra bilder hit)")),e("input",{onChange:n=>this.handleFileInputChange(n),class:"hemfixarna-file-upload",accept:"image/*",type:"file",multiple:true,name:"fileInput"})),e("div",{class:"invoice-preview"},this.displayImages.map(((n,t)=>e("div",{key:t},e("img",{src:n,alt:"uploaded image"}),e("button",{onClick:()=>this.removeImage(t)},e("img",{src:r(`./assets/close.svg`),alt:"close"})))))),e("input",{placeholder:"E-post",type:"email",name:"emailInput"}),e("input",{placeholder:"Telefonnummer",type:"tel",name:"telInput"}),x.selectedProduct.terms_show_checkbox?e("label",null,e("input",{type:"checkbox",name:"termsInput"}),x.selectedProduct.terms):null,this.formError?e("span",null,this.formError):null,e("input",{type:"submit",value:this.formState==="loading"?"Skickar":"Kontakta mig"})))}get el(){return s(this)}};Mn.style=On;const Ln=class{constructor(n){i(this,n);this.id=undefined;this.loadFromQuery="true";this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined;this.isDemo=false}render(){return e("hemfixarna-component",{widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor,nav:{url:"https://k-bygg.se",logo:"assets/kbygg.svg",backgroundColor:"#651d32"},loadFromQuery:Boolean(this.loadFromQuery),id:this.id,business:O.kbygg,isDemo:this.isDemo})}};const Nn=class{constructor(n){i(this,n);this.id=undefined;this.loadFromQuery=undefined;this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined}render(){return e("hemfixarna-component",{widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor,loadFromQuery:Boolean(this.loadFromQuery),id:this.id,business:O.klint})}};const Pn=class{constructor(n){i(this,n);this.id=undefined;this.loadFromQuery=undefined;this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined}render(){return e("hemfixarna-component",{widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor,loadFromQuery:Boolean(this.loadFromQuery),id:this.id,business:O.kund})}};const An=class{constructor(n){i(this,n);this.id=undefined;this.loadFromQuery="true";this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined;this.isDemo=false}render(){return e("hemfixarna-component",{widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor,nav:{url:"https://norrgavel.se",logo:"assets/norrgavel.svg"},loadFromQuery:Boolean(this.loadFromQuery),id:this.id,business:O.norrgavel,isDemo:this.isDemo})}};const Kn=class{constructor(n){i(this,n);this.render=()=>e("div",{style:{background:`url(${x.options.thank_you_image})`},class:"hemfixarna_order"},e("div",null),e("div",null,e("h2",null,x.checkoutInvoice?"Tack för din förfrågan":"Tack för din bokning"),x.checkoutInvoice?e("p",null,"Vi återkommer inom kort till dig på angivet telefonnummer eller epost"):null,x.checkoutInvoice?e("div",null):e("hemfixarna-orderrows",{tree:this.tree,cart:false}),e("span",{onClick:()=>this.resetShop()},e("button",null,"Gör en ny bokning")),e("hemfixarna-info",null)));this.tree=undefined}resetShop(){x.step=1;x.cart=[];x.selectedCategory=null;x.selectedService=null;x.selectedProduct=null;x.maleri=null;x.checkoutStep=1}disconnectedCallback(){this.resetShop()}};const Vn=class{constructor(n){i(this,n);this.cart=true;this.tree=undefined}goToProduct(n){if(x.customer){const t=x.customer.categories.map((n=>n.show_products?n.products:n.sub_categories?n.sub_categories.map((n=>n.products)):[])).flat().flat();const i=t.find((t=>t&&t.fields.ID===n));if(i){x.selectedProduct=i.fields;x.step=4}}else{const t=this.tree.sub_cats.map((n=>n.services)).flat();const i=t.map((n=>n.products)).flat();const e=i.find((t=>t.ID===n));const s=t.find((t=>t.products.find((t=>t.ID===n))));const a=this.tree.sub_cats.find((t=>t.services.find((t=>t.products.find((t=>t.ID===n))))));x.selectedCategory=a;x.selectedService=s;x.selectedProduct=e;x.step=4}}openRot(){x.modal={title:x.rotOptions.rot_start_fee_heading,text:[x.rotOptions.rot_start_fee_text,x.rotOptions.rot_start_fee_text_secondary]}}openRut(){x.modal={title:x.rutOptions.rut_start_fee_heading,text:[x.rutOptions.rut_start_fee_text,x.rutOptions.rut_start_fee_text_secondary]}}openGreen(){x.modal={title:x.greenOptions.green_start_fee_heading,text:[x.greenOptions.green_start_fee_text,x.greenOptions.green_start_fee_text_secondary]}}getDiscountedInfo(n){if(n.rut&&x.rut){return" (efter RUT-avdrag)"}else if(n.rot&&x.rot){return" (efter ROT-avdrag)"}else if(n.green&&x.green){return" (efter Grön teknik avdrag)"}else{return""}}render(){const n=r(`./assets/info.svg`);return e(a,null,e("ul",{class:"hemfixarna_cart--items"},x.cart.map((n=>{var t;return e("li",{class:"hemfixarna_cart--item"},e("div",null,e("div",null,n.icon&&e("img",{width:30,src:(t=n.icon.url)!==null&&t!==void 0?t:n.icon,alt:n.name}),e("p",null,e("strong",null,n.amount,"x "),n.name)),this.cart&&e("button",{onClick:()=>this.goToProduct(n.id)},"Ändra")),e("p",null,e("strong",null,C(n,n.price,n.amount),"kr"),e("span",null,this.getDiscountedInfo(n))),n.parts.length>0&&e("ul",null,n.parts.map((t=>e("li",null,e("p",null,e("strong",null,t.amount,"x "),t.name),e("p",null,e("strong",null,S(t,n,t.amount),"kr")))))))}))),e("div",{class:"hemfixarna_cart--additional"},e("div",null,B().rot>0&&e("div",{class:"hemfixarna_cart--startfee"},e("p",null,e("strong",{onClick:()=>this.openRot()},x.rotOptions.rot_start_fee_heading,e("img",{height:16,src:n,alt:"info monteringsavgift"}))),e("p",null,B().rot,"kr")),B().rut>0&&e("div",{class:"hemfixarna_cart--startfee"},e("p",null,e("strong",{onClick:()=>this.openRut()},x.rutOptions.rut_start_fee_heading,e("img",{height:16,src:n,alt:"info monteringsavgift"}))),e("p",null,B().rut,"kr")),B().green>0&&e("div",{class:"hemfixarna_cart--startfee"},e("p",null,e("strong",{onClick:()=>this.openGreen()},x.greenOptions.green_start_fee_heading,e("img",{height:16,src:n,alt:"info monteringsavgift"}))),e("p",null,B().green,"kr"))),x.cart.find((n=>n.rot))&&e("div",{class:"hemfixarna_cart--rutrot"},e("div",null,this.cart&&e("label",{class:"switch"},e("input",{checked:x.rot,onChange:()=>x.rot=!x.rot,type:"checkbox"}),e("span",{class:"slider"})),e("p",null,"ROT-avdrag")),e("p",null,"(-",x.rot?j():0,"kr)")),x.cart.find((n=>n.rut))&&e("div",{class:"hemfixarna_cart--rutrot"},e("div",null,e("label",{class:"switch"},e("input",{onChange:()=>x.rut=!x.rut,checked:x.rut,type:"checkbox"}),e("span",{class:"slider"})),e("p",null,"RUT-avdrag")),e("p",null,"(-",x.rut?T():0,"kr)")),x.cart.find((n=>n.green))&&e("div",{class:"hemfixarna_cart--rutrot"},e("div",null,e("label",{class:"switch"},e("input",{onChange:()=>x.green=!x.green,checked:x.green,type:"checkbox"}),e("span",{class:"slider"})),e("p",null,"Grön teknik avdrag")),e("p",null,"(-",x.green?I():0,"kr)"))),e("div",{class:"hemfixarna_cart--price"},e("h2",null,"Totalbelopp: "),e("h2",null,D(),"kr")))}};const Rn=class{constructor(n){i(this,n);this.id=undefined;this.customer=undefined;this.loadFromQuery=undefined;this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined}render(){return e("hemfixarna-component",{widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor,loadFromQuery:Boolean(this.loadFromQuery),id:this.id,business:O.power})}};const Qn="";const Un=class{constructor(n){i(this,n);this.amount=0;this.hideDescription=true}addProduct(){const n=x.cart.find((n=>n.id===x.selectedProduct.ID));if(n){n.amount++;x.cart=[...x.cart]}else{x.cart=[...x.cart,{id:x.selectedProduct.ID,rut:x.selectedProduct.rut,rot:x.selectedProduct.rot,green:x.selectedProduct.green,amount:1,parts:[],price:x.selectedProduct.price,name:x.selectedProduct.title,start_fee:!x.selectedProduct.hide_start_fee,terms_checkout:x.selectedProduct.terms_checkout,icon:x.selectedProduct.icon}]}}removeProduct(){const n=x.cart.find((n=>n.id===x.selectedProduct.ID));if(n&&n.amount>1){n.amount--;x.cart=[...x.cart]}else{x.cart=x.cart.filter((n=>n.id!==x.selectedProduct.ID))}}addPart(n){var t;const i=x.cart.find((n=>n.id===x.selectedProduct.ID));if(i){const e=i.parts.find((t=>t.id===n.ID));if(e){e.amount++;i.parts=[...i.parts]}else{i.parts=[...i.parts,{id:n.ID,amount:1,price:n.price,name:(t=n.title)!==null&&t!==void 0?t:n.title}]}x.cart=[...x.cart.filter((n=>n.id!==i.id)),i]}}removePart(n){const t=x.cart.find((n=>n.id===x.selectedProduct.ID));if(t){const i=t.parts.find((t=>t.id===n.ID));if(i&&i.amount>1){i.amount--;t.parts=[...t.parts]}else{t.parts=t.parts.filter((t=>t.id!==n.ID))}x.cart=[...x.cart.filter((n=>n.id!==t.id)),t]}}goToCart(){const n=x.cart.find((n=>n.id===x.selectedProduct.ID));if(n){x.step=5;const n=this.el.closest(".hemfixarna_content");v(n)}}getAmount(){var n;return((n=x.cart.find((n=>n.id===x.selectedProduct.ID)))===null||n===void 0?void 0:n.amount)||0}getPartAmount(n){var t;const i=x.cart.find((n=>n.id===x.selectedProduct.ID));return((t=i===null||i===void 0?void 0:i.parts.find((t=>t.id===n)))===null||t===void 0?void 0:t.amount)||0}getTotalPrice(){let n=0;const t=x.cart.find((n=>n.id===x.selectedProduct.ID));if(t){const i=t.parts.reduce(((n,t)=>{const i=x.selectedProduct.parts.find((n=>n.ID===t.id));if(i){return n+i.price*t.amount}return n}),0);n=x.selectedProduct.price*t.amount+i}else{n=x.selectedProduct.price}return C(x.selectedProduct,n)}componentDidRender(){const n=document.createElement("link");n.setAttribute("rel","stylesheet");n.setAttribute("href","https://painting-frontend.vercel.app/static/css/main.css");const t=document.createElement("link");t.setAttribute("rel","stylesheet");t.setAttribute("href","https://painting-frontend.vercel.app/fonts.css");const i=()=>{const e=this.el.getElementsByTagName("hemfixare-calculator");if(e.length>0&&e[0].shadowRoot!==null){e[0].shadowRoot.appendChild(n);e[0].shadowRoot.appendChild(t)}else{setTimeout(i,1)}};i()}render(){var n,t,i;const s=r(`./assets/checked.svg`);const o=r(`./assets/plus.svg`);const l=r(`./assets/minus.svg`);if(x.maleri){return e("div",{class:"hemfixarna_painting"},e("script",{type:"text/javascript",src:["localhost","vercel"].some((n=>window.location.href.includes(n)))?"https://painting-dev.vercel.app/static/js/main.js":"https://painting-frontend.vercel.app/static/js/main.js",defer:true,async:true}),e("hemfixare-calculator",{title:x.options.maleri_title,subtitle:x.options.maleri_text,modal:"true",customer:x.business===O.string?"string":x.business}))}return x.selectedProduct?e("div",{class:"hemfixarna_product"},e("div",{class:"hemfixarna_product--top"},x.selectedProduct.icon&&e("img",{width:80,src:(n=x.selectedProduct.icon.url)!==null&&n!==void 0?n:x.selectedProduct.icon,alt:x.selectedProduct.title}),e("div",null,e("h1",null,x.selectedProduct.title),!x.selectedProduct.invoice?e("h2",null,C(x.selectedProduct)," kr/st"):e("h2",null,x.selectedProduct.invoice_price))),e("div",{class:"hemfixarna_product--grid"},e("div",{class:"hemfixarna_product--left"},((t=x.selectedProduct.list)===null||t===void 0?void 0:t.length)&&e("ul",{class:"hemfixarna_features"},x.selectedProduct.list.map((n=>e("li",{key:n.bullet},e("img",{src:s,alt:"checked"}),e("p",null,n.bullet))))),x.selectedProduct.description&&e("p",{onClick:()=>this.hideDescription=false,class:`hemfixarna_description ${this.hideDescription?"hemfixarna_description--hidden":""}`,innerHTML:x.selectedProduct.description})),e("div",{class:"hemfixarna_product--right"},x.selectedProduct.invoice?e("hemfixarna-invoice",null):e(a,null,e("ul",null,e("li",{class:"hemfixarna_product--item"},e("div",null,e("p",null,x.selectedProduct.title),e("p",{class:"hemfixarna_product--price"},C(x.selectedProduct),"kr/st")),e("div",{class:"hemfixarna_counter"},e("img",{class:`${this.getAmount()===0?"disabled":""}`,src:l,onClick:()=>this.removeProduct()}),e("span",null,this.getAmount()),e("img",{src:o,onClick:()=>this.addProduct()}))),((i=x.selectedProduct.parts)===null||i===void 0?void 0:i.length)&&x.selectedProduct.parts.map((n=>{var t;return e("li",{class:"hemfixarna_part"},e("div",null,e("p",null,(t=n.title)!==null&&t!==void 0?t:n.title),e("p",{class:"hemfixarna_product--price"},S(n,x.selectedProduct),"kr/st")),e("div",{class:"hemfixarna_counter"},e("img",{class:`${this.getPartAmount(n.ID)===0?"disabled":""}`,src:l,onClick:()=>this.removePart(n)}),e("span",null,this.getPartAmount(n.ID)),e("img",{class:`${this.getAmount()===0?"disabled":""}`,src:o,onClick:()=>this.addPart(n)})))}))),e("h4",{class:"hemfixarna_product--total"},"Totalt ",this.getTotalPrice()," kr"),e("button",{onClick:()=>this.goToCart(),class:`hemfixarna_buy ${this.getAmount()===0?"disabled":""}`},"Fortsätt")),!x.selectedProduct.hide_start_fee&&(x.selectedProduct.rot||x.selectedProduct.rut)&&x.rutOptions&&x.rotOptions&&e("p",{class:"hemfixarna_terms"},e("strong",null,x.selectedProduct.rot?x.rotOptions.rot_start_fee_heading:x.rutOptions.rut_start_fee_heading),e("br",null),e("span",{innerHTML:x.selectedProduct.rot?x.rotOptions.rot_start_fee_text:x.rutOptions.rut_start_fee_text})),x.options&&e("hemfixarna-info",null)))):null}get el(){return s(this)}};Un.style=Qn;const Hn=class{constructor(n){i(this,n)}render(){return e("div",null,e("h2",null,x.selectedService.post_title),e("div",{class:"hemfixarna_categories--wrapper"},e("div",null,e("ul",{class:"hemfixarna_categories"},x.selectedService.products.sort(((n,t)=>n.post_title<t.post_title?-1:1)).map((n=>{var t;return e("hemfixarna-box",{post:n,icon:(t=n.icon.url)!==null&&t!==void 0?t:n.icon,postTitle:n.title})})))),e("hemfixarna-info",null)))}};const En="";const Jn=class{constructor(n){i(this,n);this.id=undefined;this.customer=undefined;this.loadFromQuery=undefined;this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined}render(){return e("hemfixarna-component",{widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor,loadFromQuery:Boolean(this.loadFromQuery),id:this.id,business:O.skanska})}};Jn.style=En;const Wn=class{constructor(n){i(this,n);this.id=undefined;this.customer=undefined;this.loadFromQuery=undefined;this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined}render(){return e("hemfixarna-component",{widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor,loadFromQuery:Boolean(this.loadFromQuery),id:this.id,business:O.sparfonster})}};const Zn=class{constructor(n){i(this,n);this.tree=undefined;this.slug=undefined}isMainCategory(n){return n.show_products!==undefined}handleMaleriClick(){x.step=4;x.maleri=true}render(){var n;const t=r("./assets/gubbe-pensel.svg");return x.customer?e("div",null,e("h2",null,x.selectedCustomerCategory?x.selectedCustomerCategory.name:"Alla tjänster"),e("div",{class:"hemfixarna_categories--wrapper"},e("ul",{class:"hemfixarna_categories"},((n=x.selectedCustomerCategory)===null||n===void 0?void 0:n.add_painting)?e("button",{onClick:()=>this.handleMaleriClick(),class:"hemfixarna_maleribox"},e("img",{height:64,src:t,alt:"Måleri Logotyp"}),e("p",null,"Beräkna fast pris på måleri & tapetsering här")):null,x.selectedCustomerCategory?this.isMainCategory(x.selectedCustomerCategory)&&x.selectedCustomerCategory.sub_categories&&!x.selectedCustomerCategory.show_products?x.selectedCustomerCategory.sub_categories.map((n=>e("hemfixarna-box",{category:n}))):x.selectedCustomerCategory.products?x.selectedCustomerCategory.products.map((n=>e("hemfixarna-box",{category:n.fields}))):null:x.customer.categories.map((n=>e("hemfixarna-box",{category:n})))),e("hemfixarna-info",null))):e("div",null,e("h2",null,"Alla tjänster"),e("div",{class:"hemfixarna_categories--wrapper"},e("ul",{class:"hemfixarna_categories"},this.tree.sub_cats.sort(((n,t)=>n.name<t.name?-1:1)).map((n=>{var t;return e("hemfixarna-box",{post:n,icon:(t=n.icon.url)!==null&&t!==void 0?t:n.icon,postTitle:n.name})}))),e("hemfixarna-info",null)))}};const Xn="";const Yn=class{constructor(n){i(this,n);this.id=undefined;this.loadFromQuery=undefined;this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined}render(){return e("hemfixarna-component",{widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor,loadFromQuery:Boolean(this.loadFromQuery),id:this.id,business:O.string})}};Yn.style=Xn;const qn=class{constructor(n){i(this,n);this.id=undefined;this.loadFromQuery=undefined;this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined}render(){return e("hemfixarna-component",{widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor,loadFromQuery:Boolean(this.loadFromQuery),id:this.id,business:O.superfront})}};const Gn=class{constructor(n){i(this,n);this.id=undefined;this.loadFromQuery="true";this.isDemo=false;this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined}render(){return e("hemfixarna-component",{widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor,nav:{url:"https://www.tesla.com/sv_se/home-charging",logo:"assets/tesla.svg"},isDemo:this.isDemo,loadFromQuery:Boolean(this.loadFromQuery),id:this.id,business:O.tesla})}};const nt=class{constructor(n){i(this,n);this.id=undefined;this.loadFromQuery=undefined;this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined}render(){return e("hemfixarna-component",{widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor,loadFromQuery:Boolean(this.loadFromQuery),id:this.id,business:O.traningspartner})}};const tt=class{constructor(n){i(this,n);this.id=undefined;this.loadFromQuery="true";this.isDemo=false;this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined}render(){return e("hemfixarna-component",{widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor,nav:{url:"https://www.zaptec.com/sv/laddningslosningar/zaptec-go",logo:"assets/zaptec.svg"},isDemo:this.isDemo,loadFromQuery:Boolean(this.loadFromQuery),id:this.id,business:O.zaptec})}};export{_ as hemfixarna_address,P as hemfixarna_box,A as hemfixarna_breadcrumbs,V as hemfixarna_byggmax,R as hemfixarna_cart,Q as hemfixarna_category,tn as hemfixarna_checkout,sn as hemfixarna_component,an as hemfixarna_contact,on as hemfixarna_demo,hn as hemfixarna_doro,dn as hemfixarna_elfa,un as hemfixarna_fargvaruhuset,pn as hemfixarna_flyttsmart,mn as hemfixarna_forebygg,jn as hemfixarna_getuser,In as hemfixarna_hornbach,Dn as hemfixarna_info,Mn as hemfixarna_invoice,Ln as hemfixarna_kbygg,Nn as hemfixarna_klint,Pn as hemfixarna_kund,An as hemfixarna_norrgavel,Kn as hemfixarna_order,Vn as hemfixarna_orderrows,Rn as hemfixarna_power,Un as hemfixarna_product,Hn as hemfixarna_service,Jn as hemfixarna_skanska,Wn as hemfixarna_sparfonster,Zn as hemfixarna_start,Yn as hemfixarna_string_furniture,qn as hemfixarna_superfront,Gn as hemfixarna_tesla,nt as hemfixarna_traningspartner,tt as hemfixarna_zaptec};
2
+ //# sourceMappingURL=p-97461831.entry.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "hemfixarna-web-components",
3
- "version": "1.6.1",
3
+ "version": "1.6.3",
4
4
  "author": "Afonso <info@afonso.se> (http://afonso.se)",
5
5
  "description": "Web components to integrate with hemfixarna api",
6
6
  "main": "dist/index.cjs.js",
@@ -1,2 +0,0 @@
1
- import{g as n,f as t,r as i,h as e,a as s,F as a,c as r}from"./p-852e7173.js";const o=(n,t,i)=>{const e=n.get(t);if(!e){n.set(t,[i])}else if(!e.includes(i)){e.push(i)}};const l=(n,t)=>{let i;return(...e)=>{if(i){clearTimeout(i)}i=setTimeout((()=>{i=0;n(...e)}),t)}};const h=n=>!("isConnected"in n)||n.isConnected;const c=l((n=>{for(let t of n.keys()){n.set(t,n.get(t).filter(h))}}),2e3);const d=()=>{if(typeof n!=="function"){return{}}const i=new Map;return{dispose:()=>i.clear(),get:t=>{const e=n();if(e){o(i,t,e)}},set:n=>{const e=i.get(n);if(e){i.set(n,e.filter(t))}c(i)},reset:()=>{i.forEach((n=>n.forEach(t)));c(i)}}};const u=n=>typeof n==="function"?n():n;const p=(n,t=((n,t)=>n!==t))=>{const i=u(n);let e=new Map(Object.entries(i!==null&&i!==void 0?i:{}));const s={dispose:[],get:[],set:[],reset:[]};const a=()=>{var t;e=new Map(Object.entries((t=u(n))!==null&&t!==void 0?t:{}));s.reset.forEach((n=>n()))};const r=()=>{s.dispose.forEach((n=>n()));a()};const o=n=>{s.get.forEach((t=>t(n)));return e.get(n)};const l=(n,i)=>{const a=e.get(n);if(t(i,a,n)){e.set(n,i);s.set.forEach((t=>t(n,i,a)))}};const h=typeof Proxy==="undefined"?{}:new Proxy(i,{get(n,t){return o(t)},ownKeys(n){return Array.from(e.keys())},getOwnPropertyDescriptor(){return{enumerable:true,configurable:true}},has(n,t){return e.has(t)},set(n,t,i){l(t,i);return true}});const c=(n,t)=>{s[n].push(t);return()=>{f(s[n],t)}};const d=(t,i)=>{const e=c("set",((n,e)=>{if(n===t){i(e)}}));const s=c("reset",(()=>i(u(n)[t])));return()=>{e();s()}};const p=(...n)=>{const t=n.reduce(((n,t)=>{if(t.set){n.push(c("set",t.set))}if(t.get){n.push(c("get",t.get))}if(t.reset){n.push(c("reset",t.reset))}if(t.dispose){n.push(c("dispose",t.dispose))}return n}),[]);return()=>t.forEach((n=>n()))};const m=n=>{const t=e.get(n);s.set.forEach((i=>i(n,t,t)))};return{state:h,get:o,set:l,on:c,onChange:d,use:p,dispose:r,reset:a,forceUpdate:m}};const f=(n,t)=>{const i=n.indexOf(t);if(i>=0){n[i]=n[n.length-1];n.length--}};const m=(n,t)=>{const i=p(n,t);i.use(d());return i};const{state:x,onChange:g}=m({step:1,checkoutStep:1,checkoutEdit:false,selectedCategory:null,selectedService:null,selectedProduct:null,cart:[],business:"undefined",options:null,rut:true,rot:true,green:true,token:null,user:null,modal:null,rutOptions:null,rotOptions:null,greenOptions:null,customer:null,selectedCustomerCategory:null,parentCategory:null,creditSafeUser:null,checkoutInvoice:false,maleri:false,sources:null});g("cart",(n=>{window.sessionStorage.setItem(`hemfixarna-${x.business}-cart`,JSON.stringify(n))}));g("user",(n=>{window.sessionStorage.setItem(`hemfixarna-${x.business}-user`,JSON.stringify(n))}));g("creditSafeUser",(n=>{window.sessionStorage.setItem(`hemfixarna-${x.business}-creditSafeUser`,JSON.stringify(n))}));g("selectedProduct",(n=>{if(!x.customer||!n)return;const t=[...x.customer.categories,...x.customer.categories.map((n=>{var t;return(t=n.sub_categories)!==null&&t!==void 0?t:[]}))].flat();const i=t.find((t=>t&&t.id===n.category));if(i){x.parentCategory=i;return}x.parentCategory=null}));g("selectedCustomerCategory",(n=>{if(!x.customer||!n)return;if(n.parent){const t=x.customer.categories.find((t=>t.id===n.parent));if(t){x.parentCategory=t;return}}x.parentCategory=null}));const b=n=>n.split(" ").reduce(((n,t)=>{if(t.length<=2){return n+t.slice(0,1)+"* "}else{return n+t.slice(0,1)+"*".repeat(t.length-2)+t.slice(-1)+" "}}),"");const v=n=>{if(!n)return;n.scrollTo({top:0,behavior:"smooth"})};const _=class{constructor(n){i(this,n);this.handleSubmit=n=>{n.preventDefault();const t=this.street.length>0;if(!t){this.streetError="Ange en gatuadress"}const i=this.zip.length>0;const e=/^\s*\d[\d\s]*$/.test(this.zip);if(!e){this.zipError="Postnummer får endast innehålla siffror"}if(!i){this.zipError="Ange ett postnummer"}const s=/^[^\d\s]{2,}$/.test(this.town);if(!s){this.townError="Ange en ort"}if(t&&i&&s&&e){x.user=Object.assign(Object.assign({},x.user),{street:this.street,zip:this.zip,town:this.town});x.checkoutStep=2;x.checkoutEdit=false;const n=this.el.closest(".hemfixarna_content");v(n)}};this.handleChangeStreet=n=>{this.streetError=null;this.street=this.street===x.user.street?"":n.target.value};this.handleChangeZip=n=>{this.zipError=null;this.zip=this.zip===x.user.zip?"":n.target.value};this.handleChangeTown=n=>{this.townError=null;this.town=this.town===x.user.town?"":n.target.value};this.render=()=>e("form",{class:"hemfixarna_address",onSubmit:n=>this.handleSubmit(n)},e("div",null,e("input",{class:`${this.street.length?"input_active":""}`,onInput:this.handleChangeStreet,type:"text",name:"street",value:this.street===x.user.street?b(this.street):this.street}),e("label",{htmlFor:"street"},"Gatuaddress ")),this.streetError&&e("span",null,this.streetError),e("div",null,e("input",{class:`${this.zip.length?"input_active":""}`,onInput:this.handleChangeZip,type:"tel",name:"zip",value:this.zip===x.user.zip?b(this.zip):this.zip}),e("label",{htmlFor:"zip"},"Postnummer ")),this.zipError&&e("span",null,this.zipError),e("div",null,e("input",{class:`${this.town.length?"input_active":""}`,onInput:this.handleChangeTown,type:"text",name:"town",value:this.town===x.user.town?b(this.town):this.town}),e("label",{htmlFor:"town"},"Ort ")),this.townError&&e("span",null,this.townError),e("input",{type:"submit",value:"Fortsätt"}));this.street="";this.streetError=null;this.zip="";this.zipError=null;this.town="";this.townError=null}componentWillLoad(){if(x.user){this.street=x.user.street;this.zip=x.user.zip;this.town=x.user.town}}get el(){return s(this)}};const y=n=>Math.ceil(n/2);const w=n=>Math.ceil(n*.7);const k=n=>Math.ceil(n*.5);const C=(n,t,i=1)=>{if(n.rot&&x.rot){return w((t||n.price)*i)}else if(n.rut&&x.rut){return y((t||n.price)*i)}else if(n.green&&x.green){return k((t||n.price)*i)}else{return(t||n.price)*i}};const $=n=>{if(n.rot){return w(n.price)}else if(n.rut&&x.rut){return y(n.price)}else{return n.price}};const S=(n,t,i=1)=>{if(t.rot&&x.rot){return w(n.price*i)}else if(t.rut&&x.rut){return y(n.price*i)}else{return n.price*i}};const B=()=>{if(!x.cart)return{rut:0,rot:0,green:0};const n=x.cart.some((n=>n.rut&&n.start_fee));const t=x.cart.some((n=>n.rot&&n.start_fee));const i=x.cart.some((n=>n.green&&n.start_fee));const e=x.rut?y(x.options.start_fee):x.options.start_fee*1;const s=x.rot?w(x.options.start_fee):x.options.start_fee*1;const a=x.green?k(x.options.start_fee):x.options.start_fee*1;return{rut:n?e:0,rot:t?s:0,green:i?a:0,length:[n,t,i].filter((n=>n)).length}};const z=n=>{const t=n.parts.reduce(((n,t)=>n+t.price*t.amount),0);return C(n,n.price*n.amount+t)};const j=()=>{const n=x.cart.reduce(((n,t)=>t.rot?n+z(t):n),0)+B().rot;const t=x.cart.reduce(((n,t)=>{const i=t.parts.reduce(((n,t)=>n+t.price*t.amount),0);return t.rot?n+t.price*t.amount+i:n}),0)+Number(x.options.start_fee);return t-n};const T=()=>{const n=x.cart.reduce(((n,t)=>t.rut?n+z(t):n),0)+B().rut;const t=x.cart.reduce(((n,t)=>{const i=t.parts.reduce(((n,t)=>n+t.price*t.amount),0);return t.rut?n+t.price*t.amount+i:n}),0)+Number(x.options.start_fee);return t-n};const I=()=>{const n=x.cart.reduce(((n,t)=>t.green?n+z(t):n),0)+B().green;const t=x.cart.reduce(((n,t)=>{const i=t.parts.reduce(((n,t)=>n+t.price*t.amount),0);return t.green?n+t.price*t.amount+i:n}),0)+Number(x.options.start_fee);return t-n};const D=()=>x.cart.reduce(((n,t)=>n+z(t)),0)+B().rot+B().rut;var O;(function(n){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"})(O||(O={}));var F;(function(n){n["standard"]="standard";n["alternative"]="alternative";n["alternative_2"]="alternative_2";n["alternative_3"]="alternative_3"})(F||(F={}));var M;(function(n){n["byggmax"]="category/bygg"})(M||(M={}));const L=n=>n.post_name!==undefined;const N=n=>Object.values(O).includes(n);const P=class{constructor(n){i(this,n);this.post=undefined;this.category=undefined;this.icon=undefined;this.postTitle=undefined}setTaxonomy(n){if(n){if((n===null||n===void 0?void 0:n.taxonomy)==="service_cat"){x.selectedCategory=n;x.step=2}else if((n===null||n===void 0?void 0:n.post_type)==="service"){x.selectedService=n;x.step=3}else if((n===null||n===void 0?void 0:n.post_type)==="ikea_product"){x.selectedProduct=n;x.step=4}const t=this.el.closest(".hemfixarna_content");v(t)}}setProduct(){x.selectedProduct=this.category;x.step=4;x.selectedCustomerCategory=null;const n=this.el.closest(".hemfixarna_content");v(n)}render(){return this.category?e(a,null,L(this.category)?e("li",{onClick:()=>this.setProduct()},e("img",{class:"hemfixarna_logo",height:82,src:this.category.icon,alt:this.category.post_name}),e("div",null,e("p",null,this.category.title),!this.category.invoice?e("p",{class:"price"},"Från ",C(this.category),"kr"):null)):e("li",{onClick:()=>x.selectedCustomerCategory=this.category},e("img",{class:"hemfixarna_logo",height:82,src:this.category.icon,alt:this.category.name}),e("div",null,e("p",null,this.category.name)))):e("li",{onClick:()=>this.setTaxonomy(this.post)},this.post.icon&&e("img",{class:"hemfixarna_logo",height:82,src:this.icon,alt:this.postTitle}),e("div",null,e("p",null,this.postTitle),x.step===3&&e("p",{class:"price"},"Från ",C(this.post),"kr")))}get el(){return s(this)}};const A=class{constructor(n){i(this,n);this.triggerScrollTotop=()=>{const n=this.el.nextSibling;v(n)};this.tree=undefined;this.closeModal=undefined;this.loadFromQuery=false;this.isDemo=false}getCartLength(){return x.cart.reduce(((n,t)=>n+t.amount),0)}handleCartClick(){var n;if((n=x.cart)===null||n===void 0?void 0:n.length){x.step=5;this.triggerScrollTotop()}}handleHomePageClick(){x.step=1;x.parentCategory=null;x.selectedCustomerCategory=null;this.triggerScrollTotop();setTimeout((()=>{x.selectedCategory=null;x.selectedProduct=null;x.maleri=null;x.selectedService=null}),200)}render(){const n=r(`./assets/hemfixarna.svg`);const t=r(`./assets/close.svg`);const i=r(`./assets/cart.svg`);const s=r(`./assets/back.svg`);return e("div",null,e("div",{class:"hemfixarna_crumbs"},e("div",{class:"hemfixarna_crumbs--links"},e("img",{onClick:()=>this.handleHomePageClick(),src:n,width:110}),!this.loadFromQuery||this.isDemo?e("img",{onClick:()=>this.closeModal(),class:"close",src:t,width:32}):null,e("div",null,e("button",{onClick:()=>this.handleHomePageClick()},"Alla tjänster"))),e("div",{class:"hemfixarna_crumbs--right"},e("hemfixarna-contact",null),e("div",{onClick:()=>this.handleCartClick(),class:`cart ${this.getCartLength()>0?"cart_active":""}`},e("img",{src:i,width:24}),e("span",null,this.getCartLength())))),[3,4].includes(x.step)&&!x.customer&&e("button",{class:"hemfixarna_crumbs--back",onClick:()=>{x.step=x.step===4?3:2}},e("img",{width:24,src:s,alt:"back arrow"}),e("span",null,"Se allt ",x.step===4?x.selectedService.post_title:x.selectedCategory.name)),!x.parentCategory&&x.step&&x.selectedCustomerCategory&&e("button",{class:"hemfixarna_crumbs--back",onClick:()=>{x.step=1;x.selectedCustomerCategory=null;x.selectedProduct=null;x.maleri=null}},e("img",{width:24,src:s,alt:"back arrow"}),e("span",null,"Se alla tjänster")),x.parentCategory&&x.step<5&&e("button",{class:"hemfixarna_crumbs--back",onClick:()=>{x.step=1;x.selectedCustomerCategory=x.parentCategory;x.selectedProduct=null;x.maleri=null}},e("img",{width:24,src:s,alt:"back arrow"}),e("span",null,"Se allt ",x.parentCategory.name)))}get el(){return s(this)}};const K="";const V=class{constructor(n){i(this,n);this.tree=null;this.slug=undefined;this.id=undefined;this.forceOldTree=false;this.loadFromQuery=undefined;this.customer=undefined;this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined}render(){return e("hemfixarna-component",{forceOldTree:this.forceOldTree,id:this.id,slug:this.slug,business:O.byggmax,topCategory:M.byggmax,loadFromQuery:Boolean(this.loadFromQuery),widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor})}};V.style=K;const R=class{constructor(n){i(this,n);this.tree=undefined}render(){const n=r(`./assets/back.svg`);return e("div",{class:"hemfixarna_cart"},e("div",{class:"hemfixarna_cart--left"},e("h2",null,x.checkoutStep===2&&!x.checkoutEdit&&e("button",{onClick:()=>{x.checkoutStep=1}},e("img",{width:24,src:n,alt:"back arrow"})),"Din bokning"),e("hemfixarna-orderrows",{tree:this.tree})),e("div",{class:"hemfixarna_cart--right"},e("h2",null,x.checkoutStep===2&&!x.checkoutEdit&&e("button",{onClick:()=>{x.checkoutStep=1}},e("img",{width:24,src:n,alt:"back arrow"})),"Dina uppgifter"),e("hemfixarna-checkout",null),e("hemfixarna-info",null)))}};const Q=class{constructor(n){i(this,n)}setSelectedService(n){x.selectedService=n;x.step=3}render(){return e("div",null,e("h2",null,x.selectedCategory.name),e("div",{class:"hemfixarna_categories--wrapper"},e("div",null,e("ul",{class:"hemfixarna_categories"},x.selectedCategory.services.sort(((n,t)=>n.post_title<t.post_title?-1:1)).map((n=>{var t;return e("hemfixarna-box",{post:n,icon:(t=n.icon.url)!==null&&t!==void 0?t:n.icon,postTitle:n.post_title})})))),e("hemfixarna-info",null)))}};const U=`${"https://hemfixarna.se"}/wp-json/headless`;async function H(n,t){const i=await fetch(n,t);const e=await i.json();return e}const E=async n=>{if(!n){return}const t=n.split("/")[0];const i=n.split("/")[1];try{const n=await fetch(`${U}/${t}/${i}`);return await n.json()}catch(n){console.log(n)}};const J=async n=>{try{const t=await fetch(`${U}/customer/${n}`);return await t.json()}catch(n){console.log(n)}};const W=async()=>{try{const n=await fetch(`${U}/webcoptions`);return await n.json()}catch(n){console.log(n)}};const Z=async()=>{try{const n=await H(`${U}/rut`);return n}catch(n){console.log(n)}};const X=async()=>{try{const n=await fetch(`${U}/rot`);return await n.json()}catch(n){console.log(n)}};const Y=async()=>{try{const n=await fetch(`${U}/green-discount`);return await n.json()}catch(n){console.log(n)}};const q=async n=>{try{const t=await fetch(`${U}/weborder`,{method:"POST",body:JSON.stringify(n),headers:{"Content-Type":"application/json"}});return await t.json()}catch(n){console.log(n)}};const G=`${"https://hemfixarna.se"}/wp-json/felix`;const nn=async n=>{try{return await H(`${G}/createperson`,{method:"POST",body:JSON.stringify(n),headers:{"Content-Type":"application/json"}})}catch(n){console.log(n)}};const tn=class{constructor(n){i(this,n);this.handleChangeDate=n=>{this.dateError=null;this.date=n.target.value};this.handleChangeTerms=()=>{this.generalError=null};this.sendOrder=async()=>{var n,t,i,e,s;if(this.loading)return;this.loading=true;let a={firstName:x.creditSafeUser.firstName,lastName:x.creditSafeUser.lastName,street:x.user.street,zip:x.user.zip,town:x.user.town,ssn:x.user.ssn,email:x.user.email,phone:x.user.phone,url:`${x.business===O.string?"string":x.business}-webk`,date:this.date,products:[...x.cart.map((n=>{const t=n.parts.map((n=>({id:String(n.id),name:n.name,quantity:n.amount,rut:0,rot:0})));return[{id:String(n.id),name:n.name,quantity:n.amount,rot:n.rot?1:0,rut:n.rut?1:0},...t]}))].flat(),creditSafe:x.creditSafeUser,customer:x.business,id_source:x.customer.source?x.customer.source.fieldData._id:"",id_sub_source:(n=this.selectedSubSource)!==null&&n!==void 0?n:"",seller_id:(t=this.sellerID)!==null&&t!==void 0?t:"",referral_id:(i=this.RefferalID)!==null&&i!==void 0?i:""};const r=await nn(a);if(!r||!((s=(e=r.response)===null||e===void 0?void 0:e.scriptResult)===null||s===void 0?void 0:s.includes("OK"))){a=Object.assign(Object.assign({},a),{felixStatus:"error"})}else{a=Object.assign(Object.assign({},a),{felixStatus:"success"})}try{const{data:n,status:t}=await q(a);if(n&&t&&t===200){x.step=6;const n=this.el.closest(".hemfixarna_content");v(n)}else{this.generalError="Något gick fel, försök igen senare"}}catch(n){this.generalError="Något gick fel, försök igen senare"}this.loading=false};this.handleSubmit=n=>{n.preventDefault();this.generalError=null;const t=this.date.length>0;if(!t){this.dateError="Ange ett giltigt datum"}const i=Array.from(this.el.querySelectorAll('input[type="checkbox"]'));const e=i.find((n=>!n.checked));if(e){this.generalError="Du måste godkänna villkoren"}if(t&&!e){this.sendOrder()}};this.handleKeyDown=n=>{this.enteredPin+=n.key;const t="+0033";if(this.enteredPin.length===t.length){if(this.enteredPin===t){localStorage.setItem("show_sources","true");this.showSources=true;window.removeEventListener("keydown",this.handleKeyDown)}this.enteredPin=""}clearTimeout(this.pinTimeout);this.pinTimeout=setTimeout((()=>this.enteredPin=""),5e3)};this.render=()=>{var n;const t=r(`./assets/date.svg`);const i=r(`./assets/down.svg`);const s=r(`./assets/spinner.gif`);if(x.checkoutEdit){return e("hemfixarna-address",null)}else if(x.checkoutStep===1){return e("hemfixarna-getuser",null)}else if(x.checkoutStep===2){return e("div",{class:"mb-2"},e("div",{class:"hemfixarna_addressinfo"},e("div",null,e("p",null,b(x.user.firstName)),e("p",null,b(x.user.lastName)),e("p",null,x.user.email),e("p",null,x.user.phone)),e("div",null,e("p",null,b(x.user.street)),e("p",null,b(x.user.zip)),e("p",null,b(x.user.town))),e("button",{onClick:()=>x.checkoutEdit=true},"Behöver du ändra adressen?")),e("form",{onSubmit:n=>this.handleSubmit(n)},e("div",null,e("img",{src:t,width:24}),e("input",{class:`${this.date.length?"input_active":""}`,min:(new Date).toISOString().split("T")[0],onChange:n=>this.handleChangeDate(n),type:"date",name:"date",value:this.date}),e("label",{htmlFor:"date"},"Tidigaste datum för hembesök"),e("img",{src:i,width:24})),this.dateError&&e("span",null,this.dateError),x.customer.source&&this.showSources?e(a,null,e("p",null,"Inloggad som:",e("strong",null," ",x.customer.source.fieldData.So01_Name)),e("label",null,"Säljare (SäljarId)",e("input",{type:"text",value:this.sellerID,onChange:n=>this.sellerID=n.target.value})),e("label",null,"PartnerOrderID (RefferalID)",e("input",{type:"text",value:this.RefferalID,onChange:n=>this.RefferalID=n.target.value})),((n=x.customer.source.sub_sources)===null||n===void 0?void 0:n.length)?e("div",null,e("select",{onChange:n=>this.selectedSubSource=n.target.value},e("option",{disabled:true,selected:true,value:"null"},"Välj underkälla"),x.customer.source.sub_sources.map((n=>e("option",{value:n["So_SubSource::_id"]},n["So_SubSource::Sus01_Name"]))))):e("h4",null,"Det finns inga underkällor att välja")):null,e("label",{class:"hemfixarna_checkbox"},e("input",{onChange:()=>this.handleChangeTerms(),type:"checkbox"}),e("span",{innerHTML:x.options.terms})),x.cart.filter((n=>{var t;return(t=n.terms_checkout)===null||t===void 0?void 0:t.length})).map((n=>e(a,null,e("label",{class:"hemfixarna_checkbox"},e("input",{onChange:()=>this.handleChangeTerms(),type:"checkbox"}),e("span",null,n.terms_checkout))))),this.generalError&&e("span",null,this.generalError),e("div",{class:this.loading?"loading":""},e("input",{type:"submit",value:this.loading?"":"Skicka bokning"}),e("img",{width:20,height:20,src:s,alt:"spinner"}))))}};this.date="";this.dateError=null;this.generalError=null;this.loading=false;this.enteredPin="";this.selectedSubSource=null;this.partnerOrderId=null;this.showSources=false;this.sellerID=null;this.RefferalID=null}componentWillLoad(){if(Boolean(x.user&&x.user.street)){x.checkoutStep=2}if(x.customer&&x.customer.source){window.addEventListener("keydown",this.handleKeyDown)}const n=localStorage.getItem("show_sources");if(n){this.showSources=true}}disconnectedCallback(){window.removeEventListener("keydown",this.handleKeyDown)}get el(){return s(this)}};const en='@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, #fffaf2 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_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%, #fffaf2);\n}\n:host .hemfixarna_terms {\n font-size: 14px;\n}\n:host .hemfixarna_terms a {\n color: inherit;\n}\n:host .hemfixarna_logo {\n height: 64px;\n}\n:host .hemfixarna_box {\n padding: 16px;\n display: flex;\n align-items: center;\n width: 100%;\n box-sizing: border-box;\n border-radius: 4px;\n gap: 16px 8px;\n border-radius: 4px;\n gap: 16px 8px;\n}\n:host .hemfixarna_box p,\n:host .hemfixarna_box span {\n font-size: 15px;\n}\n:host .hemfixarna_box .underline {\n text-decoration: underline;\n text-underline-offset: 2px;\n}\n:host .hemfixarna_box .pointer {\n cursor: pointer;\n}\n:host .hemfixarna_box .p-s {\n font-size: 12px;\n}\n:host .hemfixarna_box > div {\n display: grid;\n gap: 8px;\n}\n:host .hemfixarna_box--standard {\n background: #fffaf2;\n border: 1px solid #fcd9c9;\n}\n:host .hemfixarna_box--alternative, :host .hemfixarna_box--alternative_2, :host .hemfixarna_box--alternative_3 {\n background: transparent;\n border: 1px solid #e3e3e3;\n}\n:host .hemfixarna_box--alternative_2, :host .hemfixarna_box--alternative_3 {\n box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.0784313725);\n}\n:host .hemfixarna_box--alternative_3 {\n justify-content: center;\n}\n:host .hemfixarna_altbtn {\n display: flex !important;\n flex-direction: column;\n gap: 8px;\n align-items: center;\n margin-left: auto;\n}\n:host .hemfixarna_btn {\n margin-left: auto;\n}\n:host .hemfixarna_btn, :host .hemfixarna_buy,\n:host .hemfixarna input[type=submit] {\n border: none;\n border-radius: 60px;\n font-weight: 600;\n letter-spacing: 0.5px;\n line-height: 20px;\n box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);\n}\n:host .hemfixarna_btn:not(.disabled):hover, :host .hemfixarna_buy:not(.disabled):hover,\n:host .hemfixarna input[type=submit]:not(.disabled):hover {\n transition: 0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);\n filter: brightness(1.02);\n transform: scale(1.01);\n box-shadow: 0px 8px 16px 2px rgba(0, 0, 0, 0.0392156863);\n}\n:host .hemfixarna div:has(> input[type=submit]) {\n position: relative;\n}\n:host .hemfixarna div:has(> input[type=submit]) input {\n cursor: pointer;\n}\n:host .hemfixarna div:has(> input[type=submit]) img {\n display: none;\n}\n:host .hemfixarna .loading {\n cursor: default;\n opacity: 0.6;\n}\n:host .hemfixarna .loading > img {\n display: initial !important;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n:host .hemfixarna_btn {\n font-size: 14px;\n background: #c84e18;\n color: #fff;\n padding: 16px 24px;\n white-space: nowrap;\n position: relative;\n}\n:host .hemfixarna_btn span {\n position: absolute;\n background: #fff;\n border-radius: 100%;\n width: 24px;\n height: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: 600;\n font-size: 13px;\n line-height: 11px;\n top: -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: #fffaf2;\n border: 1px solid #fcd9c9;\n border-radius: 4px;\n top: 50%;\n left: 50%;\n z-index: 1000;\n transition: 0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);\n transform: translate(-50%, -50%) scale(0.7);\n opacity: 0;\n height: 92%;\n width: 92%;\n max-width: 920px;\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n:host .hemfixarna_modal--open {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n}\n:host .hemfixarna_backdrop {\n z-index: 999;\n position: fixed;\n background: #474444;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n opacity: 0;\n transition: transform 0.1s cubic-bezier(0.465, 0.183, 0.153, 0.946), opacity 0.1s cubic-bezier(0.465, 0.183, 0.153, 0.946);\n}\n:host .hemfixarna_backdrop--open {\n opacity: 0.3;\n}\n:host .hemfixarna_order {\n position: absolute;\n top: -1px;\n left: -1px;\n right: -1px;\n bottom: -1px;\n background-repeat: no-repeat !important;\n background-size: cover !important;\n background-position: center !important;\n display: grid;\n grid-template-columns: 1fr 1fr;\n padding: 48px 32px 64px;\n}\n@media (max-width: 768px) {\n :host .hemfixarna_order {\n grid-template-columns: 1fr;\n grid-template-rows: 0 auto;\n }\n}\n:host .hemfixarna_order > div:last-of-type {\n background: #fffaf2;\n padding: 32px;\n display: flex;\n flex-direction: column;\n max-height: 100%;\n overflow: auto;\n}\n:host .hemfixarna_order img {\n cursor: pointer;\n}\n:host .hemfixarna_order button {\n margin: 16px 0;\n padding: 0;\n text-decoration: underline;\n text-underline-offset: 2px;\n font-size: 14px;\n font-weight: 600;\n}\n:host .hemfixarna_cart {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 32px;\n}\n@media (max-width: 768px) {\n :host .hemfixarna_cart {\n grid-template-columns: 1fr;\n gap: 0;\n }\n}\n:host .hemfixarna_cart--right h2, :host .hemfixarna_cart--left h2 {\n display: flex;\n align-items: center;\n}\n:host .hemfixarna_cart--right h2 img, :host .hemfixarna_cart--left h2 img {\n margin-top: 3.2px;\n}\n@media (min-width: 769px) {\n :host .hemfixarna_cart--left h2 button {\n display: none;\n }\n}\n@media (max-width: 768px) {\n :host .hemfixarna_cart--right h2 button {\n display: none;\n }\n}\n:host .hemfixarna_cart--startfee {\n display: flex;\n justify-content: space-between;\n}\n:host .hemfixarna_cart--rutrot {\n display: flex;\n justify-content: space-between;\n}\n:host .hemfixarna_cart--rutrot div {\n display: flex;\n gap: 16px;\n align-items: center;\n}\n:host .hemfixarna_cart--additional {\n display: flex;\n flex-direction: column;\n gap: 16px;\n padding: 16px;\n border-top: 1px solid #fcd9c9;\n}\n:host .hemfixarna_cart--additional p {\n font-size: 14px;\n}\n:host .hemfixarna_cart--additional strong {\n text-decoration: underline;\n text-underline-offset: 2px;\n cursor: pointer;\n position: relative;\n}\n:host .hemfixarna_cart--additional strong img {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n right: -24px;\n}\n:host .hemfixarna_cart--price {\n border-top: 1px solid #fcd9c9;\n padding: 16px;\n display: flex;\n justify-content: space-between;\n}\n:host .hemfixarna_cart--price h3 {\n margin: 0;\n}\n:host .hemfixarna_cart--item {\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 16px 0;\n border-top: 1px solid #fcd9c9;\n}\n:host .hemfixarna_cart--item 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_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 sn=class{constructor(n){i(this,n);this.slugIsOldFormat=n=>{if(!n)return false;return["product","service","category"].some((t=>n.includes(t)))};this.triggerScrollTotop=()=>{const n=this.el.shadowRoot.querySelector(".hemfixarna_content");v(n)};this.modal=false;this.showModal=false;this.tree=null;this.product=null;this.proppedProduct=null;this.slug=undefined;this.id=undefined;this.business=undefined;this.topCategory=undefined;this.forceOldTree=false;this.loadFromQuery=false;this.isDemo=false;this.widgetStyle=undefined;this.nav=undefined;this.buttonColor=undefined;this.buttonBg=undefined}loadCategoryOrProduct(n){this.proppedProduct=null;if(n.startsWith("c-")){const t=[...x.customer.categories,...x.customer.categories.map((n=>{var t;return(t=n.sub_categories)!==null&&t!==void 0?t:[]}))].flat();const i=t.find((t=>t&&t.id===n.replace("c-","")));if(i){x.selectedCustomerCategory=i;x.step=2}}else{const t=x.customer.categories.map((n=>n.show_products?n.products:n.sub_categories?n.sub_categories.map((n=>n.products)):[])).flat().flat();const i=t.find((t=>t&&t.fields.ID===parseInt(n)));if(i){x.selectedProduct=i.fields;x.step=4;this.proppedProduct=i.fields}}}async watchSlugChange(n){if(this.slugIsOldFormat(n)){this.fetchNewTaxonomy(n)}else if(x.customer&&n){this.loadCategoryOrProduct(n)}}async watchIdChange(n){if(n&&x.customer){if(n==="maleri"){x.maleri=true;x.step=4}else{this.loadCategoryOrProduct(n)}}}async fetchNewTaxonomy(n){x.selectedCategory=null;x.selectedProduct=null;x.selectedService=null;x.maleri=null;const t=await E(n);if((t===null||t===void 0?void 0:t.code)==="not_found"||(t===null||t===void 0?void 0:t.code)==="rest_no_route"){console.log("taxonomy not found")}else if(t){this.setTaxonomy(t);if((t===null||t===void 0?void 0:t.post_type)==="ikea_product"){this.product=t}}}async componentWillLoad(){x.business=this.business;const n=window.sessionStorage.getItem(`hemfixarna-${this.business}-cart`);if(n){x.cart=JSON.parse(n)}const t=window.sessionStorage.getItem(`hemfixarna-${this.business}-user`);if(t){x.user=JSON.parse(t)}const i=window.sessionStorage.getItem(`hemfixarna-${this.business}-creditSafeUser`);if(i){x.creditSafeUser=JSON.parse(i)}const[e,s,a,r,o,l]=await Promise.all([this.topCategory?E(this.topCategory):null,this.slug?E(this.slug):Promise.resolve(null),W(),Z(),X(),Y()]);if((!this.slug||!this.slugIsOldFormat(this.slug))&&!this.forceOldTree){try{const n=await J(this.business);if((n===null||n===void 0?void 0:n.code)==="not_found"){console.warn("customer not found")}else if(n){x.customer=n;if(this.id){if(this.id==="maleri"){x.maleri=true;x.step=4}else{this.loadCategoryOrProduct(this.id)}}else if(this.slug&&!this.slugIsOldFormat(this.slug)){this.loadCategoryOrProduct(this.slug)}}}catch(n){console.warn("customer not found")}}if((e===null||e===void 0?void 0:e.code)==="not_found");else if(e){this.tree=e}if((s===null||s===void 0?void 0:s.code)==="not_found"){console.log("taxonomy not found")}else if(s){this.setTaxonomy(s);if((s===null||s===void 0?void 0:s.post_type)==="ikea_product"){this.product=s}}if(this.loadFromQuery){const n=new URL(document.location.toString()).searchParams;this.id=n.get("id");if(!this.isDemo){this.openModal()}}x.rotOptions=o;x.rutOptions=r;x.greenOptions=l;x.options=a}setTaxonomy(n){if(n){if((n===null||n===void 0?void 0:n.taxonomy)==="service_cat"){x.selectedCategory=n;x.step=2}else if((n===null||n===void 0?void 0:n.post_type)==="service"){x.selectedService=n;x.selectedCategory=this.tree.sub_cats.find((t=>t.services.find((t=>t.ID===n.ID))));x.step=3}else if((n===null||n===void 0?void 0:n.post_type)==="ikea_product"){x.selectedProduct=n;x.selectedService=this.tree.sub_cats.map((n=>n.services)).flat().find((n=>n.products.find((n=>n.ID===x.selectedProduct.ID))));x.selectedCategory=this.tree.sub_cats.find((n=>n.services.find((n=>n.ID===x.selectedService.ID))));x.step=4}this.triggerScrollTotop()}}openModal(){this.modal=true;setTimeout((()=>{this.showModal=true}),50)}closeModal(){this.showModal=false;setTimeout((()=>{this.modal=false}),200)}handleClick(n){if(this.loadFromQuery&&!this.isDemo)return;if((n===null||n===void 0?void 0:n.composedPath()[0]).classList.contains("hemfixarna_backdrop")){this.closeModal()}const t=this.el.shadowRoot.querySelector(".hemfixarna_infomodal");if(t){const i=t.contains(n.composedPath()[0]);if(!i){x.modal=null}}}getCartLength(){return x.cart.reduce(((n,t)=>n+t.amount),0)}render(){var n,t,i,s,o,l,h,c,d,u,p,f,m,g,b,v;const _=r(`./assets/hemfixarna.svg`);const y=r(`./assets/pensel.svg`);const w=r(`./assets/montering.svg`);const k=((n=this.nav)===null||n===void 0?void 0:n.background)?r(this.nav.background):"";const C=((t=this.nav)===null||t===void 0?void 0:t.logo)?r(this.nav.logo):"";return e("div",{class:`hemfixarna ${this.loadFromQuery?"hemfixarna_standalone":""}`},this.loadFromQuery&&!this.isDemo&&this.nav?e("nav",{class:"hemfixarna_nav",style:{backgroundColor:(i=this.nav.backgroundColor)!==null&&i!==void 0?i:""}},e("div",null,e("div",{class:"hemfixarna_nav--logos"},e("a",{href:this.nav.url,target:"_blank"},e("img",{class:"hemfixarna_partnerlogo",src:C,alt:`${this.business} logo`})),e("a",{href:"https://hemfixarna.se/",target:"_blank"},e("p",{class:k||this.nav.backgroundColor?"with-bg":""},"I samarbete med:"),e("img",{src:_,alt:"hemfixarna_logo",width:104}))),e("div",{class:"hemfixarna_nav--links"},e("a",{href:this.nav.url,target:"_blank"},"Till ",this.business),e("a",{href:"https://www.hemfixarna.se/",target:"_blank"},"Till Hemfixarna")),k?e("img",{src:k,class:"nav_background",alt:"nav_background"}):null)):null,!this.loadFromQuery||this.isDemo?e("div",{class:`hemfixarna_box hemfixarna_box--${this.widgetStyle}`},[F.alternative_2,F.alternative_3].includes(this.widgetStyle)?e("img",{src:this.id==="maleri"?y:w,alt:"montering logo",width:32,height:32}):null,e("div",null,e("div",null,e("p",{onClick:()=>this.openModal(),class:`pointer ${[F.alternative_2,F.alternative_3].includes(this.widgetStyle)&&x.selectedProduct?"underline":""}`},this.id==="maleri"?e("span",null,"Beräkna fast pris på måleri & tapetsering här"):e(a,null,!x.selectedCustomerCategory&&!this.product&&!this.proppedProduct?e(a,null,((s=x.customer)===null||s===void 0?void 0:s.widget_title)?e("span",null,x.customer.widget_title):e("span",null,"Montering/Installation - ",e("strong",{class:"underline"},"se priser här"))):e(a,null,((o=this.product)===null||o===void 0?void 0:o.title)||((l=this.proppedProduct)===null||l===void 0?void 0:l.title)||((h=x.selectedCustomerCategory)===null||h===void 0?void 0:h.widget_title)||e("span",null,"Montering",e("wbr",null),"/Installation ",(d=(c=x.selectedCustomerCategory)===null||c===void 0?void 0:c.name)!==null&&d!==void 0?d:"på plats"," - ",e("strong",{class:"underline"},"se priser här")),this.product&&((u=this.slug)===null||u===void 0?void 0:u.includes("product"))||this.proppedProduct&&!((p=this.product)===null||p===void 0?void 0:p.invoice)&&!((f=this.proppedProduct)===null||f===void 0?void 0:f.invoice)?e("span",null," från"," ",e("strong",null,$(this.proppedProduct||this.product),"kr")):null)))),this.widgetStyle===F.standard?e("img",{src:_,width:104}):null,this.widgetStyle===F.alternative?e("span",{class:"p-s"},"Utförs av ",e("strong",null,"Hemfixarna")):null),[F.standard,F.alternative].includes(this.widgetStyle)?e("button",{onClick:()=>this.openModal(),class:"hemfixarna_btn",style:{color:((m=this.buttonColor)===null||m===void 0?void 0:m.startsWith("#"))||!((g=this.buttonColor)===null||g===void 0?void 0:g.length)?this.buttonColor:`#${this.buttonColor}`,backgroundColor:((b=this.buttonBg)===null||b===void 0?void 0:b.startsWith("#"))||!((v=this.buttonBg)===null||v===void 0?void 0:v.length)?this.buttonBg:`#${this.buttonBg}`}},"Beställ här",this.getCartLength()>0&&e("span",null,this.getCartLength())):null,F.alternative_2===this.widgetStyle?e("div",{class:"hemfixarna_altbtn"},e("strong",{class:"p-s"},"Utförs av"),e("img",{src:_,alt:"hemfixarna logo",width:98})):null):null,this.modal&&e("div",null,e("div",{class:`hemfixarna_modal ${this.showModal?"hemfixarna_modal--open":""}`},x.modal&&e("div",{class:"hemfixarna_infomodal"},x.modal.title&&e("h2",null,x.modal.title),x.modal.text.map((n=>e("p",{innerHTML:n}))),e("div",null,e("button",{onClick:()=>x.modal=null},"Stäng"))),(this.tree||x.customer)&&e("hemfixarna-breadcrumbs",{isDemo:this.isDemo,loadFromQuery:this.loadFromQuery,closeModal:()=>this.closeModal(),tree:this.tree}),!x.customer||this.slugIsOldFormat(this.slug)?e("div",{class:`hemfixarna_content hemfixarna_content--${x.step}`},x.step===1&&this.tree&&e("hemfixarna-start",{tree:this.tree}),x.step===2&&x.selectedCategory&&e("hemfixarna-category",null),x.step===3&&x.selectedService&&e("hemfixarna-service",null),x.step===4&&x.selectedProduct&&e("hemfixarna-product",null),x.step===5&&e("hemfixarna-cart",{tree:this.tree}),x.step===6&&e("hemfixarna-order",{tree:this.tree})):e("div",{class:`hemfixarna_content hemfixarna_content--${x.step} ${x.step===4&&x.maleri?"hemfixarna_content--painting":""}`},x.step<4&&e("hemfixarna-start",null),x.step===4&&e("hemfixarna-product",null),x.step===5&&e("hemfixarna-cart",{tree:this.tree}),x.step===6&&e("hemfixarna-order",{tree:this.tree}))),!this.isDemo?e("div",{class:`hemfixarna_backdrop ${this.showModal?"hemfixarna_backdrop--open":""}`}):null))}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{slug:["watchSlugChange"],id:["watchIdChange"]}}};sn.style=en;const an=class{constructor(n){i(this,n);this.vertical=false}render(){return e("div",{class:`hemfixarna_contact ${this.vertical?"hemfixarna_contact--vertical":"hemfixarna_contact--horizontal"}`},e("a",{href:"tel:0770-220 720"},e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M7 4V20H17V4H7ZM6 2H18C18.5523 2 19 2.44772 19 3V21C19 21.5523 18.5523 22 18 22H6C5.44772 22 5 21.5523 5 21V3C5 2.44772 5.44772 2 6 2ZM12 17C12.5523 17 13 17.4477 13 18C13 18.5523 12.5523 19 12 19C11.4477 19 11 18.5523 11 18C11 17.4477 11.4477 17 12 17Z",fill:"#C84E18"})),e("span",null,"0770-220 720")),e("a",{href:"https://hemfixarna.se/kundservice/",target:"_blank"},e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("g",{"clip-path":"url(#clip0_1001_894)"},e("path",{d:"M21 12.22C21 6.73 16.74 3 12 3C7.31 3 3 6.65 3 12.28C2.4 12.62 2 13.26 2 14V16C2 17.1 2.9 18 4 18H5V11.9C5 8.03 8.13 4.9 12 4.9C15.87 4.9 19 8.03 19 11.9V19H11V21H19C20.1 21 21 20.1 21 19V17.78C21.59 17.47 22 16.86 22 16.14V13.84C22 13.14 21.59 12.53 21 12.22Z",fill:"#C84E18"}),e("path",{d:"M9 14C9.55228 14 10 13.5523 10 13C10 12.4477 9.55228 12 9 12C8.44772 12 8 12.4477 8 13C8 13.5523 8.44772 14 9 14Z",fill:"#C84E18"}),e("path",{d:"M15 14C15.5523 14 16 13.5523 16 13C16 12.4477 15.5523 12 15 12C14.4477 12 14 12.4477 14 13C14 13.5523 14.4477 14 15 14Z",fill:"#C84E18"}),e("path",{d:"M18 11.03C17.52 8.18 15.04 6 12.05 6C9.01997 6 5.75997 8.51 6.01997 12.45C8.48997 11.44 10.35 9.24 10.88 6.56C12.19 9.19 14.88 11 18 11.03Z",fill:"#C84E18"})),e("defs",null,e("clipPath",{id:"clip0_1001_894"},e("rect",{width:"24",height:"24",fill:"white"})))),e("span",null,"Kundservice")))}};const rn='@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap"); :host{font-family:"Inter", sans-serif}:host .hemfixarna_widgetstyles label{cursor:pointer}:host .hemfixarna_widgetstyles>div{display:flex;gap:1rem}:host .hemfixarna_widgetstyles h5{margin:1rem 0}:host .hemfixarna_example{margin-bottom:16px;background:#000;padding:16px;color:#fff;display:flex;justify-content:space-between;cursor:pointer;max-width:500px;box-sizing:border-box;position:relative}:host .hemfixarna_example--tooltip{background:#000;top:-48px;font-size:16px;left:40%;color:white;padding:8px;position:absolute;opacity:0}:host .hemfixarna_example--tooltip::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#000 transparent transparent transparent}:host .hemfixarna_example:hover .hemfixarna_example--tooltip{opacity:1}:host .hemfixarna_example p{font-size:14px}:host .hemfixarna_example img{filter:invert(1)}:host .hemfixarna_install{display:grid;gap:8px;margin-top:16px}:host .hemfixarna_product--label{background:#e1e0f5}:host .hemfixarna_categories{max-height:100%;overflow:auto;position:relative}:host .hemfixarna_categories--label{display:flex;align-items:center;justify-content:space-between;padding:8px}:host .hemfixarna_categories--label button{background:#3f3a92;border:none;font-weight:600;padding:3.2px 9.6px;border-radius:10px;margin-right:8px;color:#ece8e8}:host .hemfixarna_categories--label button:active{transform:scale(0.95)}:host .hemfixarna_categories--label--big{font-weight:600;border-bottom:1px solid black}:host p{margin:0}:host span{color:darkolivegreen;font-size:10px}:host button{cursor:pointer}:host>div:not(.hemfixarna_hosted){grid-template-columns:1fr 1fr}:host .hemfixarna_hosted .hemfixarna_scripts{display:none}:host>div{display:grid;gap:32px;width:100%;height:100vh;place-items:center;overflow:hidden;padding:16px 32px;box-sizing:border-box}:host>div>*{width:100%}:host>div>div{max-width:500px}:host>div ul{margin:0;padding:0;list-style:none}:host>div ul ul{gap:1px;display:grid}:host>div ul li{padding-left:16px;background:#fff}';const on=class{constructor(n){i(this,n);this.debounce=null;this.cdnLink='<script type="module" src="https://cdn.jsdelivr.net/npm//hemfixarna-web-components@latest/dist/hemfixarna-components/hemfixarna-components.esm.js"><\/script>';this.selectedSlug=undefined;this.selectedID=undefined;this.tooltipText="Kopiera till urklipp";this.tree=null;this.customer=null;this.widgetStyle=F.standard;this.buttonBg="";this.buttonColor="";this.partner=undefined;this.colorAccessibility=undefined}debouncedFunction(){if(this.debounce!==null){clearTimeout(this.debounce);this.debounce=null}this.debounce=window.setTimeout((()=>{this.checkColorAccessibility();this.debounce=null}),1500)}async checkColorAccessibility(){const n="#fff";const t="#c84e18";const i=this.buttonBg.length?this.buttonBg.startsWith("#")?this.buttonBg:`#${this.buttonBg}`:t;const e=this.buttonColor.length?this.buttonColor.startsWith("#")?this.buttonColor:`#${this.buttonColor}`:n;fetch("https://www.aremycolorsaccessible.com/api/are-they",{mode:"cors",method:"POST",body:JSON.stringify({colors:[i,e]})}).then((n=>n.json())).then((n=>{if(n&&n){this.colorAccessibility=n}}))}getTopLevelCategory(){switch(process.env.BUSINESS){case O.byggmax:return M.byggmax;default:return""}}getColor(n){switch(n){case"AAA":return"green";case"AA":return"orange";case"A":return"yellow";case"Fail":return"red";default:return"black"}}async componentWillLoad(){var n;if(process.env.FORCE_OLD_TREE){const n=await E(this.getTopLevelCategory());if((n===null||n===void 0?void 0:n.code)==="not_found");else if(n){this.tree=n}}else{const t=window.location.pathname.replace("/","");this.partner=N(t)?t:(n=process.env.BUSINESS)!==null&&n!==void 0?n:O.kund;const i=await J(this.partner);if(i.code!=="not_found"&&i){this.customer=i}}}getExample(){return`<hemfixarna-${this.partner}${this.selectedSlug?` slug="${this.selectedSlug}" `:""}${this.selectedID?` id="${this.selectedID}" `:""} ${this.widgetStyle===F.standard?"":`widget-style="${this.widgetStyle}"`} ${this.buttonColor.length?`button-color="${this.buttonColor}"`:""} ${this.buttonBg.length?`button-bg="${this.buttonBg}"`:""}></hemfixarna-${this.partner}>`}copyExample(){navigator.clipboard.writeText(this.getExample());this.tooltipText="Snippet kopierad";setTimeout((()=>{this.tooltipText="Kopiera till urklipp"}),2e3)}copyCdn(){navigator.clipboard.writeText(this.cdnLink);this.tooltipText="Text kopierad";setTimeout((()=>{this.tooltipText="Kopiera till urklipp"}),2e3)}copyNpmInstall(){navigator.clipboard.writeText("npm i hemfixarna-web-components");this.tooltipText="Text kopierad";setTimeout((()=>{this.tooltipText="Kopiera till urklipp"}),2e3)}showMaleri(){var n;const t=(n=this.customer)===null||n===void 0?void 0:n.categories.map((n=>n.sub_categories?n.sub_categories:n)).flat();return t===null||t===void 0?void 0:t.some((n=>n.add_painting))}render(){var n;const t=r(`./assets/copy.png`);return e("div",{class:((n=this.customer)===null||n===void 0?void 0:n.at_hemfixarna)?"hemfixarna_hosted":""},e("div",{class:"hemfixarna_scripts"},e("div",{onClick:()=>this.copyExample(),class:"hemfixarna_example"},e("p",null,this.getExample()),e("img",{src:t,height:20}),e("span",{class:"hemfixarna_example--tooltip"},this.tooltipText)),this.partner===O.byggmax&&e("hemfixarna-byggmax",{buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,forceOldTree:Boolean(process.env.FORCE_OLD_TREE),slug:this.selectedSlug,id:this.selectedID}),this.partner===O.skanska&&e("hemfixarna-skanska",{buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,id:this.selectedID}),this.partner===O.sparfonster&&e("hemfixarna-sparfonster",{buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,id:this.selectedID}),this.partner===O.string&&e("hemfixarna-string-furniture",{buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,id:this.selectedID}),this.partner===O.hornbach&&e("hemfixarna-hornbach",{isDemo:true,buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,id:this.selectedID}),this.partner===O.traningspartner&&e("hemfixarna-traningspartner",{buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,id:this.selectedID}),this.partner===O.superfront&&e("hemfixarna-superfront",{buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,id:this.selectedID}),this.partner===O.zaptec&&e("hemfixarna-zaptec",{isDemo:true,buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,id:this.selectedID}),this.partner===O.tesla&&e("hemfixarna-tesla",{isDemo:true,buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,id:this.selectedID}),this.partner===O.forebygg&&e("hemfixarna-forebygg",{buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,id:this.selectedID}),this.partner===O.doro&&e("hemfixarna-doro",{buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,id:this.selectedID}),this.partner===O.elfa&&e("hemfixarna-elfa",{isDemo:true,buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,id:this.selectedID}),this.partner===O.kbygg&&e("hemfixarna-kbygg",{isDemo:true,buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,id:this.selectedID}),this.partner===O.fargvaruhuset&&e("hemfixarna-fargvaruhuset",{isDemo:true,buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,id:this.selectedID}),this.partner===O.norrgavel&&e("hemfixarna-norrgavel",{isDemo:true,buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,id:this.selectedID}),this.partner===O.klint&&e("hemfixarna-klint",{buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,id:this.selectedID}),this.partner===O.flyttsmart&&e("hemfixarna-flyttsmart",{buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,id:this.selectedID}),this.partner===O.power&&e("hemfixarna-power",{buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,id:this.selectedID}),this.partner===O.kund&&e("hemfixarna-kund",{buttonColor:this.buttonColor,buttonBg:this.buttonBg,widgetStyle:this.widgetStyle,id:this.selectedID}),e("div",{class:"hemfixarna_install"},e("div",{onClick:()=>this.copyCdn(),class:"hemfixarna_example"},e("p",null,this.cdnLink),e("span",{class:"hemfixarna_example--tooltip"},this.tooltipText),e("img",{src:t,height:20}))),e("div",{class:"hemfixarna_widgetstyles"},e("h5",null,"Widget styles"),e("div",null,Object.values(F).map((n=>e("label",{key:n},e("input",{type:"radio",value:n,checked:this.widgetStyle===n,onChange:()=>this.widgetStyle=n}),n)))),e("div",null,e("div",null,e("h5",null,"Button background color"),e("input",{type:"text",value:this.buttonBg,onInput:n=>this.buttonBg=n.target.value})),e("div",null,e("h5",null,"Button text color"),e("input",{type:"text",value:this.buttonColor,onInput:n=>this.buttonColor=n.target.value})))),e("span",null,"Write an hexa code no # needed"),this.colorAccessibility?e("div",null,e("h5",null,"Tillgänglighetsrapport"),e("div",null,e("strong",null,"Liten text:"),e("span",{style:{color:this.getColor(this.colorAccessibility.small)}},this.colorAccessibility.small),e("br",null),e("strong",null,"Fet text:"),e("span",{style:{color:this.getColor(this.colorAccessibility.bold)}},this.colorAccessibility.bold),e("br",null),e("strong",null,"Stor text:"),e("span",{style:{color:this.getColor(this.colorAccessibility.large)}},this.colorAccessibility.large),e("br",null),e("strong",null,"Kontrastförhållande:")," ",this.colorAccessibility.contrast)):null),e("ul",{class:"hemfixarna_categories"},this.customer?e("div",null,this.customer.logo?e("div",{style:{width:"100%",display:"flex",justifyContent:"center"}},e("img",{style:{maxWidth:"250px",height:"auto",margin:"0 auto 2rem"},src:this.customer.logo.url,alt:this.customer.post_title})):null,this.showMaleri()?e("li",null,e("div",{class:"hemfixarna_categories--label hemfixarna_categories--label--big"},e("div",null,e("p",null,"Måleriverktyget"),e("span",null,"maleri")),e("div",null,e("button",{onClick:()=>navigator.clipboard.writeText("maleri")},"Kopiera ID"),this.customer.at_hemfixarna?e("button",{onClick:()=>{var n;return navigator.clipboard.writeText(`${(n="https://hemfixarna.se")!==null&&n!==void 0?n:"https://hemfixarna.se"}/partner/${this.customer.post_name}?id=maleri`)}},"Kopiera URL"):e("button",{onClick:()=>this.selectedID="maleri"},"Ladda måleri")))):null,this.customer.categories.map((n=>e("li",null,e("div",{class:"hemfixarna_categories--label hemfixarna_categories--label--big"},e("div",null,e("p",null,n.name),e("span",null,`c-${n.id}`)),e("div",null,e("button",{onClick:()=>navigator.clipboard.writeText(`c-${n.id}`)},"Kopiera ID"),this.customer.at_hemfixarna?e("button",{onClick:()=>{var t;return navigator.clipboard.writeText(`${(t="https://hemfixarna.se")!==null&&t!==void 0?t:"https://hemfixarna.se"}/partner/${this.customer.post_name}?id=c-${n.id}`)}},"Kopiera URL"):e("button",{onClick:()=>this.selectedID=`c-${n.id}`},"Ladda kategori"))),n.show_products&&n.products?e("ul",null,n.products.map((n=>e("li",null,e("div",{class:"hemfixarna_categories--label hemfixarna_product--label"},e("div",null,e("p",null,n.fields.title),e("span",null,n.fields.ID)),e("div",null,e("button",{onClick:()=>navigator.clipboard.writeText(String(n.fields.ID))},"Kopiera ID"),this.customer.at_hemfixarna?e("button",{onClick:()=>{var t;return navigator.clipboard.writeText(`${(t="https://hemfixarna.se")!==null&&t!==void 0?t:"https://hemfixarna.se"}/partner/${this.customer.post_name}?id=${n.fields.ID}`)}},"Kopiera URL"):e("button",{onClick:()=>this.selectedID=String(n.fields.ID)},"Ladda produkt"))))))):e("ul",null,n.sub_categories&&n.sub_categories.map((t=>e("li",null,e("div",{class:"hemfixarna_categories--label"},e("div",null,e("p",null,t.name),e("span",null,`c-${t.id}`)),e("div",null,e("button",{onClick:()=>navigator.clipboard.writeText(`c-${t.id}`)},"Kopiera ID"),this.customer.at_hemfixarna?e("button",{onClick:()=>{var t;return navigator.clipboard.writeText(`${(t="https://hemfixarna.se")!==null&&t!==void 0?t:"https://hemfixarna.se"}/partner/${this.customer.post_name}?id=c-${n.id}`)}},"Kopiera URL"):e("button",{onClick:()=>this.selectedID=`c-${t.id}`},"Ladda kategori"))),e("ul",null,t.products.map((n=>e("li",null,e("div",{class:"hemfixarna_categories--label hemfixarna_product--label"},e("div",null,e("p",null,n.fields.title),e("span",null,n.fields.ID)),e("div",null,e("button",{onClick:()=>navigator.clipboard.writeText(String(n.fields.ID))},"Kopiera ID"),this.customer.at_hemfixarna?e("button",{onClick:()=>{var t;return navigator.clipboard.writeText(`${(t="https://hemfixarna.se")!==null&&t!==void 0?t:"https://hemfixarna.se"}/partner/${this.customer.post_name}?id=${n.fields.ID}`)}},"Kopiera URL"):e("button",{onClick:()=>this.selectedID=String(n.fields.ID)},"Ladda produkt"))))))))))))))):this.tree?e("div",null,this.tree.sub_cats.map((n=>e("li",null,e("div",{class:"hemfixarna_categories--label hemfixarna_categories--label--big"},e("div",null,e("p",null,n.name),e("span",null,`category/${n.slug}`)),e("div",null,e("button",{onClick:()=>navigator.clipboard.writeText(`category/${n.slug}`)},"Kopiera slug"),e("button",{onClick:()=>this.selectedSlug=`category/${n.slug}`},"Ladda kategori"))),e("ul",null,n.services.map((n=>e("li",null,e("div",{class:"hemfixarna_categories--label"},e("div",null,e("p",null,n.post_title),e("span",null,`service/${n.post_name}`)),e("div",null,e("button",{onClick:()=>navigator.clipboard.writeText(`service/${n.post_name}`)},"Kopiera slug"),e("button",{onClick:()=>this.selectedSlug=`service/${n.post_name}`},"Ladda kategori"))),e("ul",null,n.products.map((n=>e("li",null,e("div",{class:"hemfixarna_categories--label"},e("div",null,e("p",null,n.post_title),e("span",null,`product/${n.post_name}`)),e("div",null,e("button",{onClick:()=>navigator.clipboard.writeText(`product/${n.post_name}`)},"Kopiera slug"),e("button",{onClick:()=>this.selectedSlug=`product/${n.post_name}`},"Ladda produkt"))))))))))))))):null))}static get watchers(){return{buttonBg:["debouncedFunction"],buttonColor:["debouncedFunction"]}}};on.style=rn;const ln="";const hn=class{constructor(n){i(this,n);this.id=undefined;this.loadFromQuery=undefined;this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined}render(){return e("hemfixarna-component",{widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor,loadFromQuery:Boolean(this.loadFromQuery),id:this.id,business:O.doro})}};hn.style=ln;const cn="";const dn=class{constructor(n){i(this,n);this.id=undefined;this.loadFromQuery="true";this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined;this.isDemo=false}render(){return e("hemfixarna-component",{widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor,nav:{url:"https://elfa.com",logo:"assets/elfa.png"},loadFromQuery:Boolean(this.loadFromQuery),id:this.id,business:O.elfa,isDemo:this.isDemo})}};dn.style=cn;const un=class{constructor(n){i(this,n);this.id=undefined;this.loadFromQuery=undefined;this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined;this.isDemo=false}render(){return e("hemfixarna-component",{widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor,loadFromQuery:Boolean(this.loadFromQuery),id:this.id,business:O.fargvaruhuset,isDemo:this.isDemo})}};const pn=class{constructor(n){i(this,n);this.id=undefined;this.loadFromQuery=undefined;this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined;this.isDemo=false}render(){return e("hemfixarna-component",{widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor,loadFromQuery:Boolean(this.loadFromQuery),id:this.id,business:O.flyttsmart,isDemo:this.isDemo})}};const fn="";const mn=class{constructor(n){i(this,n);this.id=undefined;this.loadFromQuery=undefined;this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined}render(){return e("hemfixarna-component",{widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor,loadFromQuery:Boolean(this.loadFromQuery),id:this.id,business:O.forebygg})}};mn.style=fn;var xn=class extends Error{constructor(){super("Invalid swedish personal identity number")}};var gn=(n,t)=>{const i=n.getTime()-t.getTime();return i<0?-1:i>0?1:i};var bn=(n,t)=>{const i=gn(n,t);const e=Math.abs(n.getFullYear()-t.getFullYear());n.setFullYear(n.getFullYear()-i*e);const s=gn(n,t)===-i;const a=i*(e-+s);return a===0?0:a};var vn=n=>{let t=0;n+="";for(let i=0,e=n.length;i<e;i++){let e=parseInt(n[i]);e*=2-i%2;if(e>9){e-=9}t+=e}return Math.ceil(t/10)*10-t};var _n=(n,t,i)=>{t-=1;const e=new Date(n,t,i);return!(e.getFullYear()!==n||e.getMonth()!==t||e.getDate()!==i)};var yn=class{constructor(n,t){this._century="";this._fullYear="";this._year="";this._month="";this._day="";this._sep="";this._num="";this._check="";this.parse(n,{allowCoordinationNumber:true,allowInterimNumber:false,...t})}get century(){return this._century}get fullYear(){return this._fullYear}get year(){return this._year}get month(){return this._month}get day(){return this._day}get sep(){return this._sep}get num(){return this._num}get check(){return this._check}static parse(n,t){return new yn(n,t)}static valid(n,t){try{yn.parse(n,t);return true}catch(n){return false}}parse(n,t){if(n.length<10||n.length>13){throw new xn}const i=/^(\d{2}){0,1}(\d{2})(\d{2})(\d{2})([+-]?)((?!000)\d{3}|[TRSUWXJKLMN]\d{2})(\d)$/;const e=i.exec(n);if(!e){throw new xn}const s=e[1];const a=e[2];const r=e[3];const o=e[4];const l=e[5];const h=e[6];const c=e[7];if(typeof s==="undefined"||!s.length){const n=new Date;let t=0;if(l==="+"){this._sep="+";t=n.getFullYear()-100}else{this._sep="-";t=n.getFullYear()}this._century=(""+(t-(t-parseInt(a))%100)).substr(0,2)}else{this._century=s;if((new Date).getFullYear()-parseInt(s+a,10)<100){this._sep="-"}else{this._sep="+"}}this._year=a;this._fullYear=this._century+a;this._month=r;this._day=o;this._num=h;this._check=c;if(!this.valid()){throw new xn}if(!(t==null?void 0:t.allowCoordinationNumber)&&this.isCoordinationNumber()){throw new xn}if(!(t==null?void 0:t.allowInterimNumber)&&this.isInterimNumber()){throw new xn}}valid(){const n=vn(this.year+this.month+this.day+this.num.replace(/[TRSUWXJKLMN]/,"1"))===+this.check&&!!this.check;if(n&&_n(parseInt(this.century+this.year),+this.month,+this.day)){return n}return n&&_n(parseInt(this.century+this.year),+this.month,+this.day-60)}format(n=false){if(n){return`${this.century}${this.year}${this.month}${this.day}${this.num}${this.check}`}return`${this.year}${this.month}${this.day}${this.sep}${this.num}${this.check}`}getAge(){const n=this.getDate();return bn(new Date(Date.now()),n)}getDate(){let n=+this.day;if(this.isCoordinationNumber()){n-=60}const t=this.century+this.year+"-"+this.month+"-"+(n<10?"0"+n:n);return new Date(t)}isInterimNumber(){return/[TRSUWXJKLMN]/.test(this.num[0])}isCoordinationNumber(){return _n(parseInt(this.century+this.year),+this.month,+this.day-60)}isFemale(){return!this.isMale()}isMale(){const n=parseInt(this.num.substr(-1));return n%2===1}};var wn=yn;function kn(n,t,i){return i={path:t,exports:{},require:function(n,t){return Cn()}},n(i,i.exports),i.exports}function Cn(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}var $n=kn((function(n,t){Object.defineProperty(t,"__esModule",{value:true});t.utf8=void 0;t.utf8={encode:i,decode:e};function i(n){n=n.replace(/\r\n/g,"\n");var t="";for(var i=0;i<n.length;i++){var e=n.charCodeAt(i);if(e<128){t+=String.fromCharCode(e)}else if(e>127&&e<2048){t+=String.fromCharCode(e>>6|192);t+=String.fromCharCode(e&63|128)}else{t+=String.fromCharCode(e>>12|224);t+=String.fromCharCode(e>>6&63|128);t+=String.fromCharCode(e&63|128)}}return t}function e(n){var t="";var i=0;var e=0;var s=0;var a=0;while(i<n.length){e=n.charCodeAt(i);if(e<128){t+=String.fromCharCode(e);i++}else if(e>191&&e<224){s=n.charCodeAt(i+1);t+=String.fromCharCode((e&31)<<6|s&63);i+=2}else{s=n.charCodeAt(i+1);a=n.charCodeAt(i+2);t+=String.fromCharCode((e&15)<<12|(s&63)<<6|a&63);i+=3}}return t}}));var Sn=kn((function(n,t){Object.defineProperty(t,"__esModule",{value:true});t.generate=void 0;function i(n){var t=[];var i;var e;var a;var r;var o;var l;var m;var x;var g;var b=7;var v=12;var _=17;var y=22;var w=5;var k=9;var C=14;var $=20;var S=4;var B=11;var z=16;var j=23;var T=6;var I=10;var D=15;var O=21;var F=$n.utf8.encode(n);t=p(F);l=1732584193;m=4023233417;x=2562383102;g=271733878;for(i=0;i<t.length;i+=16){e=l;a=m;r=x;o=g;l=h(l,m,x,g,t[i+0],b,3614090360);g=h(g,l,m,x,t[i+1],v,3905402710);x=h(x,g,l,m,t[i+2],_,606105819);m=h(m,x,g,l,t[i+3],y,3250441966);l=h(l,m,x,g,t[i+4],b,4118548399);g=h(g,l,m,x,t[i+5],v,1200080426);x=h(x,g,l,m,t[i+6],_,2821735955);m=h(m,x,g,l,t[i+7],y,4249261313);l=h(l,m,x,g,t[i+8],b,1770035416);g=h(g,l,m,x,t[i+9],v,2336552879);x=h(x,g,l,m,t[i+10],_,4294925233);m=h(m,x,g,l,t[i+11],y,2304563134);l=h(l,m,x,g,t[i+12],b,1804603682);g=h(g,l,m,x,t[i+13],v,4254626195);x=h(x,g,l,m,t[i+14],_,2792965006);m=h(m,x,g,l,t[i+15],y,1236535329);l=c(l,m,x,g,t[i+1],w,4129170786);g=c(g,l,m,x,t[i+6],k,3225465664);x=c(x,g,l,m,t[i+11],C,643717713);m=c(m,x,g,l,t[i+0],$,3921069994);l=c(l,m,x,g,t[i+5],w,3593408605);g=c(g,l,m,x,t[i+10],k,38016083);x=c(x,g,l,m,t[i+15],C,3634488961);m=c(m,x,g,l,t[i+4],$,3889429448);l=c(l,m,x,g,t[i+9],w,568446438);g=c(g,l,m,x,t[i+14],k,3275163606);x=c(x,g,l,m,t[i+3],C,4107603335);m=c(m,x,g,l,t[i+8],$,1163531501);l=c(l,m,x,g,t[i+13],w,2850285829);g=c(g,l,m,x,t[i+2],k,4243563512);x=c(x,g,l,m,t[i+7],C,1735328473);m=c(m,x,g,l,t[i+12],$,2368359562);l=d(l,m,x,g,t[i+5],S,4294588738);g=d(g,l,m,x,t[i+8],B,2272392833);x=d(x,g,l,m,t[i+11],z,1839030562);m=d(m,x,g,l,t[i+14],j,4259657740);l=d(l,m,x,g,t[i+1],S,2763975236);g=d(g,l,m,x,t[i+4],B,1272893353);x=d(x,g,l,m,t[i+7],z,4139469664);m=d(m,x,g,l,t[i+10],j,3200236656);l=d(l,m,x,g,t[i+13],S,681279174);g=d(g,l,m,x,t[i+0],B,3936430074);x=d(x,g,l,m,t[i+3],z,3572445317);m=d(m,x,g,l,t[i+6],j,76029189);l=d(l,m,x,g,t[i+9],S,3654602809);g=d(g,l,m,x,t[i+12],B,3873151461);x=d(x,g,l,m,t[i+15],z,530742520);m=d(m,x,g,l,t[i+2],j,3299628645);l=u(l,m,x,g,t[i+0],T,4096336452);g=u(g,l,m,x,t[i+7],I,1126891415);x=u(x,g,l,m,t[i+14],D,2878612391);m=u(m,x,g,l,t[i+5],O,4237533241);l=u(l,m,x,g,t[i+12],T,1700485571);g=u(g,l,m,x,t[i+3],I,2399980690);x=u(x,g,l,m,t[i+10],D,4293915773);m=u(m,x,g,l,t[i+1],O,2240044497);l=u(l,m,x,g,t[i+8],T,1873313359);g=u(g,l,m,x,t[i+15],I,4264355552);x=u(x,g,l,m,t[i+6],D,2734768916);m=u(m,x,g,l,t[i+13],O,1309151649);l=u(l,m,x,g,t[i+4],T,4149444226);g=u(g,l,m,x,t[i+11],I,3174756917);x=u(x,g,l,m,t[i+2],D,718787259);m=u(m,x,g,l,t[i+9],O,3951481745);l=s(l,e);m=s(m,a);x=s(x,r);g=s(g,o)}return f(l)+f(m)+f(x)+f(g)}t.generate=i;function e(n,t){return n<<t|n>>>32-t}function s(n,t){var i;var e;var s;var a;var r;s=n&2147483648;a=t&2147483648;i=n&1073741824;e=t&1073741824;r=(n&1073741823)+(t&1073741823);if(i&e){return r^2147483648^s^a}if(i|e){if(r&1073741824){return r^3221225472^s^a}else{return r^1073741824^s^a}}else{return r^s^a}}function a(n,t,i){return n&t|~n&i}function r(n,t,i){return n&i|t&~i}function o(n,t,i){return n^t^i}function l(n,t,i){return t^(n|~i)}function h(n,t,i,r,o,l,h){n=s(n,s(s(a(t,i,r),o),h));return s(e(n,l),t)}function c(n,t,i,a,o,l,h){n=s(n,s(s(r(t,i,a),o),h));return s(e(n,l),t)}function d(n,t,i,a,r,l,h){n=s(n,s(s(o(t,i,a),r),h));return s(e(n,l),t)}function u(n,t,i,a,r,o,h){n=s(n,s(s(l(t,i,a),r),h));return s(e(n,o),t)}function p(n){var t;var i=n.length;var e=i+8;var s=(e-e%64)/64;var a=(s+1)*16;var r=Array(a-1);var o=0;var l=0;while(l<i){t=(l-l%4)/4;o=l%4*8;r[t]=r[t]|n.charCodeAt(l)<<o;l++}t=(l-l%4)/4;o=l%4*8;r[t]=r[t]|128<<o;r[a-2]=i<<3;r[a-1]=i>>>29;return r}function f(n){var t="";var i="";var e;var s;for(s=0;s<=3;s++){e=n>>>s*8&255;i="0"+e.toString(16);t=t+i.substr(i.length-2,2)}return t}}));var Bn=kn((function(n,t){Object.defineProperty(t,"__esModule",{value:true});t.MD5=t.generate=void 0;var i=Sn;Object.defineProperty(t,"generate",{enumerable:true,get:function(){return i.generate}});t.MD5={generate:Sn.generate}}));const zn=async n=>{var t;const i=await fetch((t="https://hemfixare-lookup.vercel.app/api")!==null&&t!==void 0?t:"https://hemfixare-lookup.vercel.app/api",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({query:n,hash:Bn.MD5.generate(String.fromCharCode(83,101,67,82,101,116)+n)})});const e=await i.json();return e};const jn=class{constructor(n){i(this,n);this.handleChangeEmail=n=>{this.emailError=null;this.email=n.target.value};this.handleChangePhone=n=>{this.phoneError=null;this.phone=n.target.value};this.handleChangessn=n=>{this.ssnError=null;this.ssn=n.target.value};this.handleSubmit=async n=>{n.preventDefault();const t=new RegExp(/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/);const i=t.test(this.email);if(!i){this.emailError="Ange en giltig e-postadress"}const e=/^[\d\s()+-]{6,}$/.test(this.phone);if(!e){this.phoneError="Ange ett giltigt telefonnummer"}const s=wn.valid(this.ssn);if(!s){this.ssnError="Ange ett giltigt personnummer"}else if(s){const n=wn.parse(this.ssn).format(true);this.ssn=[n.slice(0,8),"-",n.slice(8)].join("")}if(i&&e&&s){try{const n=await zn(this.ssn);if(n){x.creditSafeUser=n;x.checkoutStep=2;x.user=Object.assign(Object.assign({},n),{email:this.email,phone:this.phone,ssn:this.ssn})}else{this.ssnError="Vi kunde tyvärr inte hitta en address med ditt angivna personnummer"}}catch(n){this.ssnError="Vi kunde tyvärr inte hitta en address med ditt angivna personnummer";console.log(n)}finally{const n=this.el.closest(".hemfixarna_content");v(n)}}};this.render=()=>e("form",{class:"mb-2",onSubmit:n=>this.handleSubmit(n)},e("div",null,e("input",{class:`${this.email.length?"input_active":""}`,onChange:n=>this.handleChangeEmail(n),type:"email",name:"email",value:this.email}),e("label",{htmlFor:"email"},"E-post ")),this.emailError&&e("span",null,this.emailError),e("div",null,e("input",{class:`${this.phone.length?"input_active":""}`,onChange:n=>this.handleChangePhone(n),type:"tel",name:"phone",value:this.phone}),e("label",{htmlFor:"phone"},"Mobiltelefon ")),this.phoneError&&e("span",null,this.phoneError),e("div",null,e("input",{class:`${this.ssn.length?"input_active":""}`,onChange:n=>this.handleChangessn(n),type:"tel",name:"ssn",value:this.ssn}),e("label",{htmlFor:"phone"},"Personnummer*")),this.ssnError&&e("span",null,this.ssnError),e("input",{type:"submit",value:"Fortsätt*"}),e("p",null,"*Vi hämtar din adress"));this.email="";this.emailError=null;this.phone="";this.phoneError=null;this.ssn="";this.ssnError=null}componentWillLoad(){if(x.user){this.email=x.user.email;this.phone=x.user.phone;this.ssn=x.user.ssn}}get el(){return s(this)}};const Tn="";const In=class{constructor(n){i(this,n);this.id=undefined;this.loadFromQuery="true";this.isDemo=false;this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined}render(){return e("hemfixarna-component",{widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor,nav:{url:"https://www.hornbach.se/",logo:"assets/hornbach/logo.svg",background:"./assets/hornbach/nav.jpg"},isDemo:this.isDemo,loadFromQuery:Boolean(this.loadFromQuery),id:this.id,business:O.hornbach})}};In.style=Tn;const Dn=class{constructor(n){i(this,n);this.logo=r(`./assets/hemfixarna.svg`)}render(){var n;const t=r(`./assets/checked.svg`);return e("div",{class:"hemfixarna_info"},x.step<5?e(a,null,e("h2",null,x.customer.info_title),e("p",null,x.customer.info_text)):e("h2",null,x.customer.checkout_title),e("ul",{class:"hemfixarna_features"},x.step<5?e(a,null,((n=x.customer.trust_badges)===null||n===void 0?void 0:n.length)?e(a,null,x.customer.trust_badges.map((n=>e("li",{key:n.text},e("img",{src:t,alt:"checked"}),e("p",null,n.text))))):e(a,null,x.options.trust.map((n=>e("li",{key:n.trust_badge},e("img",{src:t,alt:"checked"}),e("p",null,n.trust_badge)))))):e(a,null,x.customer.checkout_trust_badges.map((n=>e("li",{key:n.text},e("img",{src:t,alt:"checked"}),e("p",null,n.text)))))),e("img",{src:this.logo,width:200,alt:"hemfixarna"}),e("a",{class:"hemfixarna_product--link",target:"_blank",href:x.options.link.url},x.options.link.title))}};const On=':host .invoice{gap:16px;display:grid}:host .invoice form>span{text-align:center;padding:16px 0}:host .invoice img{right:unset;left:unset;position:initial;transform:none}:host .invoice label{cursor:pointer;font-size:14px;display:flex;align-items:flex-start;padding:16px 0}:host .invoice label input{margin:0 5px 0 0;accent-color:#ea662c}:host .invoice-preview{display:flex;gap:4px}:host .invoice-preview div{position:relative}:host .invoice-preview div button{position:absolute;top:0;right:0;padding:0}:host .invoice-preview div button img{width:24px;height:24px}:host .invoice-preview div>img{width:100px;height:80px;object-fit:cover}:host .invoice input[type=email],:host .invoice input[type=tel],:host .invoice textarea{padding:16px;border:1px solid #fcd9c9;font-size:16px}:host .invoice textarea{resize:none;height:200px;font-family:"Inter", sans-serif}:host .invoice div:has(>input[type=file]){display:flex;align-items:center;justify-content:center;cursor:pointer;background:#fff;border:1px solid #fcd9c9;padding:32px 16px;gap:16px}:host .invoice div:has(>input[type=file]) span{color:#000;font-size:12px}:host .invoice input[type=file]{display:none}';const Fn=`${"https://hemfixarna.se"}/wp-json/headless`;const Mn=class{constructor(n){i(this,n);this.formError=null;this.displayImages=[];this.formImages=[];this.formState="initial"}isValidEmail(n){const t=/^[^\s@]+@[^\s@]+\.[^\s@]+$/;return t.test(n)}componentDidRender(){const n=this.el.querySelector("form");if(n){n.addEventListener("input",(()=>{this.formError=null}))}}disconnectedCallback(){const n=this.el.querySelector("form");if(n){n.removeEventListener("input",(()=>{this.formError=null}))}}async submit(n){var t;n.preventDefault();this.formState="loading";this.formError=null;const i=n.currentTarget.elements;const e={description:i.descriptionInput.value.length?i.descriptionInput.value:null,email:i.emailInput.value.length?i.emailInput.value:null,tel:i.telInput.value.length?i.telInput.value:null,terms:(t=i.termsInput)===null||t===void 0?void 0:t.checked};if(!e.description){this.formError="Vänligen fyll i formulärtexten";this.formState="initial";return}if(!e.email||!this.isValidEmail(e.email)){this.formError="Vänligen ange en giltig e-postadress";this.formState="initial";return}if(!e.tel){this.formError="Vänligen ange ditt telefonnummer";this.formState="initial";return}if(x.selectedProduct.terms_show_checkbox&&!e.terms){this.formError="Vänligen acceptera villkoren";this.formState="initial";return}const s=new FormData;s.append("text",e.description);s.append("email",e.email);s.append("phone",e.tel);s.append("customer",x.business);this.formImages.forEach((n=>{s.append("images[]",n)}));s.append("product",JSON.stringify({title:x.selectedProduct.title,amount:1,has_rut:x.selectedProduct.rut,has_rot:x.selectedProduct.rot,has_green:x.selectedProduct.green,ID:x.selectedProduct.ID,parts:[]}));try{const n=await fetch(`${Fn}/saveinvoiceproduct`,{method:"POST",body:s});const{response:t}=await n.json();if(t.code===200){x.checkoutInvoice=true;x.step=6}else{this.formError="Vi kan inte ta emot din beställning just nu";this.formState="initial"}}catch(n){this.formError="Vi kan inte ta emot din beställning just nu";this.formState="initial"}}handleImageDrop(n){n.preventDefault();const t=n.dataTransfer.files;for(let n=0;n<t.length;n++){const i=t[n];if(i.type.startsWith("image/")){const n=new FileReader;n.onload=()=>{this.displayImages=[...this.displayImages,n.result];this.formImages=[...this.formImages,i]};n.readAsDataURL(i)}}}handleFileInputChange(n){n.preventDefault();const t=n.target.files;for(let n=0;n<t.length;n++){const i=t[n];if(i.type.startsWith("image/")){const n=new FileReader;n.onload=()=>{this.displayImages=[...this.displayImages,n.result];this.formImages=[...this.formImages,i]};n.readAsDataURL(i)}}}handleImageClick(){this.el.querySelector(".hemfixarna-file-upload").click()}preventDragOver(n){n.preventDefault()}removeImage(n){this.displayImages=this.displayImages.filter(((t,i)=>i!==n));this.formImages=this.formImages.filter(((t,i)=>i!==n))}render(){const n=r(`./assets/drag-drop.svg`);return e("div",{class:"invoice"},e("p",null,x.selectedProduct.invoice_description),e("form",{onSubmit:n=>this.submit(n)},e("textarea",{name:"descriptionInput",placeholder:"Beskriv ditt ärende"}),e("div",{role:"button","aria-label":"upload image",onDragOver:n=>this.preventDragOver(n),onDrop:n=>this.handleImageDrop(n),onClick:()=>this.handleImageClick()},e("img",{src:n,alt:"hemfixarna_logo",width:24}),e("div",null,e("p",null,"Bifoga ev bilder"),e("span",null,"(dra bilder hit)")),e("input",{onChange:n=>this.handleFileInputChange(n),class:"hemfixarna-file-upload",accept:"image/*",type:"file",multiple:true,name:"fileInput"})),e("div",{class:"invoice-preview"},this.displayImages.map(((n,t)=>e("div",{key:t},e("img",{src:n,alt:"uploaded image"}),e("button",{onClick:()=>this.removeImage(t)},e("img",{src:r(`./assets/close.svg`),alt:"close"})))))),e("input",{placeholder:"E-post",type:"email",name:"emailInput"}),e("input",{placeholder:"Telefonnummer",type:"tel",name:"telInput"}),x.selectedProduct.terms_show_checkbox?e("label",null,e("input",{type:"checkbox",name:"termsInput"}),x.selectedProduct.terms):null,this.formError?e("span",null,this.formError):null,e("input",{type:"submit",value:this.formState==="loading"?"Skickar":"Kontakta mig"})))}get el(){return s(this)}};Mn.style=On;const Ln=class{constructor(n){i(this,n);this.id=undefined;this.loadFromQuery="true";this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined;this.isDemo=false}render(){return e("hemfixarna-component",{widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor,nav:{url:"https://k-bygg.se",logo:"assets/kbygg.svg",backgroundColor:"#651d32"},loadFromQuery:Boolean(this.loadFromQuery),id:this.id,business:O.kbygg,isDemo:this.isDemo})}};const Nn=class{constructor(n){i(this,n);this.id=undefined;this.loadFromQuery=undefined;this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined}render(){return e("hemfixarna-component",{widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor,loadFromQuery:Boolean(this.loadFromQuery),id:this.id,business:O.klint})}};const Pn=class{constructor(n){i(this,n);this.id=undefined;this.loadFromQuery=undefined;this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined}render(){return e("hemfixarna-component",{widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor,loadFromQuery:Boolean(this.loadFromQuery),id:this.id,business:O.kund})}};const An=class{constructor(n){i(this,n);this.id=undefined;this.loadFromQuery="true";this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined;this.isDemo=false}render(){return e("hemfixarna-component",{widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor,nav:{url:"https://norrgavel.se",logo:"assets/norrgavel.svg"},loadFromQuery:Boolean(this.loadFromQuery),id:this.id,business:O.norrgavel,isDemo:this.isDemo})}};const Kn=class{constructor(n){i(this,n);this.render=()=>e("div",{style:{background:`url(${x.options.thank_you_image})`},class:"hemfixarna_order"},e("div",null),e("div",null,e("h2",null,x.checkoutInvoice?"Tack för din förfrågan":"Tack för din bokning"),x.checkoutInvoice?e("p",null,"Vi återkommer inom kort till dig på angivet telefonnummer eller epost"):null,x.checkoutInvoice?e("div",null):e("hemfixarna-orderrows",{tree:this.tree,cart:false}),e("span",{onClick:()=>this.resetShop()},e("button",null,"Gör en ny bokning")),e("hemfixarna-info",null)));this.tree=undefined}resetShop(){x.step=1;x.cart=[];x.selectedCategory=null;x.selectedService=null;x.selectedProduct=null;x.maleri=null;x.checkoutStep=1}disconnectedCallback(){this.resetShop()}};const Vn=class{constructor(n){i(this,n);this.cart=true;this.tree=undefined}goToProduct(n){if(x.customer){const t=x.customer.categories.map((n=>n.show_products?n.products:n.sub_categories?n.sub_categories.map((n=>n.products)):[])).flat().flat();const i=t.find((t=>t&&t.fields.ID===n));if(i){x.selectedProduct=i.fields;x.step=4}}else{const t=this.tree.sub_cats.map((n=>n.services)).flat();const i=t.map((n=>n.products)).flat();const e=i.find((t=>t.ID===n));const s=t.find((t=>t.products.find((t=>t.ID===n))));const a=this.tree.sub_cats.find((t=>t.services.find((t=>t.products.find((t=>t.ID===n))))));x.selectedCategory=a;x.selectedService=s;x.selectedProduct=e;x.step=4}}openRot(){x.modal={title:x.rotOptions.rot_start_fee_heading,text:[x.rotOptions.rot_start_fee_text,x.rotOptions.rot_start_fee_text_secondary]}}openRut(){x.modal={title:x.rutOptions.rut_start_fee_heading,text:[x.rutOptions.rut_start_fee_text,x.rutOptions.rut_start_fee_text_secondary]}}openGreen(){x.modal={title:x.greenOptions.green_start_fee_heading,text:[x.greenOptions.green_start_fee_text,x.greenOptions.green_start_fee_text_secondary]}}getDiscountedInfo(n){if(n.rut&&x.rut){return" (efter RUT-avdrag)"}else if(n.rot&&x.rot){return" (efter ROT-avdrag)"}else if(n.green&&x.green){return" (efter Grön teknik avdrag)"}else{return""}}render(){const n=r(`./assets/info.svg`);return e(a,null,e("ul",{class:"hemfixarna_cart--items"},x.cart.map((n=>{var t;return e("li",{class:"hemfixarna_cart--item"},e("div",null,e("div",null,n.icon&&e("img",{width:30,src:(t=n.icon.url)!==null&&t!==void 0?t:n.icon,alt:n.name}),e("p",null,e("strong",null,n.amount,"x "),n.name)),this.cart&&e("button",{onClick:()=>this.goToProduct(n.id)},"Ändra")),e("p",null,e("strong",null,C(n,n.price,n.amount),"kr"),e("span",null,this.getDiscountedInfo(n))),n.parts.length>0&&e("ul",null,n.parts.map((t=>e("li",null,e("p",null,e("strong",null,t.amount,"x "),t.name),e("p",null,e("strong",null,S(t,n,t.amount),"kr")))))))}))),e("div",{class:"hemfixarna_cart--additional"},e("div",null,B().rot>0&&e("div",{class:"hemfixarna_cart--startfee"},e("p",null,e("strong",{onClick:()=>this.openRot()},x.rotOptions.rot_start_fee_heading,e("img",{height:16,src:n,alt:"info monteringsavgift"}))),e("p",null,B().rot,"kr")),B().rut>0&&e("div",{class:"hemfixarna_cart--startfee"},e("p",null,e("strong",{onClick:()=>this.openRut()},x.rutOptions.rut_start_fee_heading,e("img",{height:16,src:n,alt:"info monteringsavgift"}))),e("p",null,B().rut,"kr")),B().green>0&&e("div",{class:"hemfixarna_cart--startfee"},e("p",null,e("strong",{onClick:()=>this.openGreen()},x.greenOptions.green_start_fee_heading,e("img",{height:16,src:n,alt:"info monteringsavgift"}))),e("p",null,B().green,"kr"))),x.cart.find((n=>n.rot))&&e("div",{class:"hemfixarna_cart--rutrot"},e("div",null,this.cart&&e("label",{class:"switch"},e("input",{checked:x.rot,onChange:()=>x.rot=!x.rot,type:"checkbox"}),e("span",{class:"slider"})),e("p",null,"ROT-avdrag")),e("p",null,"(-",x.rot?j():0,"kr)")),x.cart.find((n=>n.rut))&&e("div",{class:"hemfixarna_cart--rutrot"},e("div",null,e("label",{class:"switch"},e("input",{onChange:()=>x.rut=!x.rut,checked:x.rut,type:"checkbox"}),e("span",{class:"slider"})),e("p",null,"RUT-avdrag")),e("p",null,"(-",x.rut?T():0,"kr)")),x.cart.find((n=>n.green))&&e("div",{class:"hemfixarna_cart--rutrot"},e("div",null,e("label",{class:"switch"},e("input",{onChange:()=>x.green=!x.green,checked:x.green,type:"checkbox"}),e("span",{class:"slider"})),e("p",null,"Grön teknik avdrag")),e("p",null,"(-",x.green?I():0,"kr)"))),e("div",{class:"hemfixarna_cart--price"},e("h2",null,"Totalbelopp: "),e("h2",null,D(),"kr")))}};const Rn=class{constructor(n){i(this,n);this.id=undefined;this.customer=undefined;this.loadFromQuery=undefined;this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined}render(){return e("hemfixarna-component",{widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor,loadFromQuery:Boolean(this.loadFromQuery),id:this.id,business:O.power})}};const Qn="";const Un=class{constructor(n){i(this,n);this.amount=0;this.hideDescription=true}addProduct(){const n=x.cart.find((n=>n.id===x.selectedProduct.ID));if(n){n.amount++;x.cart=[...x.cart]}else{x.cart=[...x.cart,{id:x.selectedProduct.ID,rut:x.selectedProduct.rut,rot:x.selectedProduct.rot,green:x.selectedProduct.green,amount:1,parts:[],price:x.selectedProduct.price,name:x.selectedProduct.title,start_fee:!x.selectedProduct.hide_start_fee,terms_checkout:x.selectedProduct.terms_checkout,icon:x.selectedProduct.icon}]}}removeProduct(){const n=x.cart.find((n=>n.id===x.selectedProduct.ID));if(n&&n.amount>1){n.amount--;x.cart=[...x.cart]}else{x.cart=x.cart.filter((n=>n.id!==x.selectedProduct.ID))}}addPart(n){var t;const i=x.cart.find((n=>n.id===x.selectedProduct.ID));if(i){const e=i.parts.find((t=>t.id===n.ID));if(e){e.amount++;i.parts=[...i.parts]}else{i.parts=[...i.parts,{id:n.ID,amount:1,price:n.price,name:(t=n.title)!==null&&t!==void 0?t:n.title}]}x.cart=[...x.cart.filter((n=>n.id!==i.id)),i]}}removePart(n){const t=x.cart.find((n=>n.id===x.selectedProduct.ID));if(t){const i=t.parts.find((t=>t.id===n.ID));if(i&&i.amount>1){i.amount--;t.parts=[...t.parts]}else{t.parts=t.parts.filter((t=>t.id!==n.ID))}x.cart=[...x.cart.filter((n=>n.id!==t.id)),t]}}goToCart(){const n=x.cart.find((n=>n.id===x.selectedProduct.ID));if(n){x.step=5;const n=this.el.closest(".hemfixarna_content");v(n)}}getAmount(){var n;return((n=x.cart.find((n=>n.id===x.selectedProduct.ID)))===null||n===void 0?void 0:n.amount)||0}getPartAmount(n){var t;const i=x.cart.find((n=>n.id===x.selectedProduct.ID));return((t=i===null||i===void 0?void 0:i.parts.find((t=>t.id===n)))===null||t===void 0?void 0:t.amount)||0}getTotalPrice(){let n=0;const t=x.cart.find((n=>n.id===x.selectedProduct.ID));if(t){const i=t.parts.reduce(((n,t)=>{const i=x.selectedProduct.parts.find((n=>n.ID===t.id));if(i){return n+i.price*t.amount}return n}),0);n=x.selectedProduct.price*t.amount+i}else{n=x.selectedProduct.price}return C(x.selectedProduct,n)}componentDidRender(){const n=document.createElement("link");n.setAttribute("rel","stylesheet");n.setAttribute("href","https://painting-frontend.vercel.app/static/css/main.css");const t=document.createElement("link");t.setAttribute("rel","stylesheet");t.setAttribute("href","https://painting-frontend.vercel.app/fonts.css");const i=()=>{const e=this.el.getElementsByTagName("hemfixare-calculator");if(e.length>0&&e[0].shadowRoot!==null){e[0].shadowRoot.appendChild(n);e[0].shadowRoot.appendChild(t)}else{setTimeout(i,1)}};i()}render(){var n,t,i;const s=r(`./assets/checked.svg`);const o=r(`./assets/plus.svg`);const l=r(`./assets/minus.svg`);if(x.maleri){return e("div",{class:"hemfixarna_painting"},e("script",{type:"text/javascript",src:["localhost","vercel"].some((n=>window.location.href.includes(n)))?"https://painting-dev.vercel.app/static/js/main.js":"https://painting-frontend.vercel.app/static/js/main.js",defer:true,async:true}),e("hemfixare-calculator",{title:x.options.maleri_title,subtitle:x.options.maleri_text,modal:"true",customer:x.business===O.string?"string":x.business}))}return x.selectedProduct?e("div",{class:"hemfixarna_product"},e("div",{class:"hemfixarna_product--top"},x.selectedProduct.icon&&e("img",{width:80,src:(n=x.selectedProduct.icon.url)!==null&&n!==void 0?n:x.selectedProduct.icon,alt:x.selectedProduct.title}),e("div",null,e("h1",null,x.selectedProduct.title),!x.selectedProduct.invoice?e("h2",null,C(x.selectedProduct)," kr/st"):e("h2",null,x.selectedProduct.invoice_price))),e("div",{class:"hemfixarna_product--grid"},e("div",{class:"hemfixarna_product--left"},((t=x.selectedProduct.list)===null||t===void 0?void 0:t.length)&&e("ul",{class:"hemfixarna_features"},x.selectedProduct.list.map((n=>e("li",{key:n.bullet},e("img",{src:s,alt:"checked"}),e("p",null,n.bullet))))),x.selectedProduct.description&&e("p",{onClick:()=>this.hideDescription=false,class:`hemfixarna_description ${this.hideDescription?"hemfixarna_description--hidden":""}`,innerHTML:x.selectedProduct.description})),e("div",{class:"hemfixarna_product--right"},x.selectedProduct.invoice?e("hemfixarna-invoice",null):e(a,null,e("ul",null,e("li",{class:"hemfixarna_product--item"},e("div",null,e("p",null,x.selectedProduct.title),e("p",{class:"hemfixarna_product--price"},C(x.selectedProduct),"kr/st")),e("div",{class:"hemfixarna_counter"},e("img",{class:`${this.getAmount()===0?"disabled":""}`,src:l,onClick:()=>this.removeProduct()}),e("span",null,this.getAmount()),e("img",{src:o,onClick:()=>this.addProduct()}))),((i=x.selectedProduct.parts)===null||i===void 0?void 0:i.length)&&x.selectedProduct.parts.map((n=>{var t;return e("li",{class:"hemfixarna_part"},e("div",null,e("p",null,(t=n.title)!==null&&t!==void 0?t:n.title),e("p",{class:"hemfixarna_product--price"},S(n,x.selectedProduct),"kr/st")),e("div",{class:"hemfixarna_counter"},e("img",{class:`${this.getPartAmount(n.ID)===0?"disabled":""}`,src:l,onClick:()=>this.removePart(n)}),e("span",null,this.getPartAmount(n.ID)),e("img",{class:`${this.getAmount()===0?"disabled":""}`,src:o,onClick:()=>this.addPart(n)})))}))),e("h4",{class:"hemfixarna_product--total"},"Totalt ",this.getTotalPrice()," kr"),e("button",{onClick:()=>this.goToCart(),class:`hemfixarna_buy ${this.getAmount()===0?"disabled":""}`},"Fortsätt")),!x.selectedProduct.hide_start_fee&&(x.selectedProduct.rot||x.selectedProduct.rut)&&x.rutOptions&&x.rotOptions&&e("p",{class:"hemfixarna_terms"},e("strong",null,x.selectedProduct.rot?x.rotOptions.rot_start_fee_heading:x.rutOptions.rut_start_fee_heading),e("br",null),e("span",{innerHTML:x.selectedProduct.rot?x.rotOptions.rot_start_fee_text:x.rutOptions.rut_start_fee_text})),x.options&&e("hemfixarna-info",null)))):null}get el(){return s(this)}};Un.style=Qn;const Hn=class{constructor(n){i(this,n)}render(){return e("div",null,e("h2",null,x.selectedService.post_title),e("div",{class:"hemfixarna_categories--wrapper"},e("div",null,e("ul",{class:"hemfixarna_categories"},x.selectedService.products.sort(((n,t)=>n.post_title<t.post_title?-1:1)).map((n=>{var t;return e("hemfixarna-box",{post:n,icon:(t=n.icon.url)!==null&&t!==void 0?t:n.icon,postTitle:n.title})})))),e("hemfixarna-info",null)))}};const En="";const Jn=class{constructor(n){i(this,n);this.id=undefined;this.customer=undefined;this.loadFromQuery=undefined;this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined}render(){return e("hemfixarna-component",{widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor,loadFromQuery:Boolean(this.loadFromQuery),id:this.id,business:O.skanska})}};Jn.style=En;const Wn=class{constructor(n){i(this,n);this.id=undefined;this.customer=undefined;this.loadFromQuery=undefined;this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined}render(){return e("hemfixarna-component",{widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor,loadFromQuery:Boolean(this.loadFromQuery),id:this.id,business:O.sparfonster})}};const Zn=class{constructor(n){i(this,n);this.tree=undefined;this.slug=undefined}isMainCategory(n){return n.show_products!==undefined}handleMaleriClick(){x.step=4;x.maleri=true}render(){var n;const t=r("./assets/gubbe-pensel.svg");return x.customer?e("div",null,e("h2",null,x.selectedCustomerCategory?x.selectedCustomerCategory.name:"Alla tjänster"),e("div",{class:"hemfixarna_categories--wrapper"},e("ul",{class:"hemfixarna_categories"},((n=x.selectedCustomerCategory)===null||n===void 0?void 0:n.add_painting)?e("button",{onClick:()=>this.handleMaleriClick(),class:"hemfixarna_maleribox"},e("img",{height:64,src:t,alt:"Måleri Logotyp"}),e("p",null,"Beräkna fast pris på måleri & tapetsering här")):null,x.selectedCustomerCategory?this.isMainCategory(x.selectedCustomerCategory)&&x.selectedCustomerCategory.sub_categories&&!x.selectedCustomerCategory.show_products?x.selectedCustomerCategory.sub_categories.map((n=>e("hemfixarna-box",{category:n}))):x.selectedCustomerCategory.products?x.selectedCustomerCategory.products.map((n=>e("hemfixarna-box",{category:n.fields}))):null:x.customer.categories.map((n=>e("hemfixarna-box",{category:n})))),e("hemfixarna-info",null))):e("div",null,e("h2",null,"Alla tjänster"),e("div",{class:"hemfixarna_categories--wrapper"},e("ul",{class:"hemfixarna_categories"},this.tree.sub_cats.sort(((n,t)=>n.name<t.name?-1:1)).map((n=>{var t;return e("hemfixarna-box",{post:n,icon:(t=n.icon.url)!==null&&t!==void 0?t:n.icon,postTitle:n.name})}))),e("hemfixarna-info",null)))}};const Xn="";const Yn=class{constructor(n){i(this,n);this.id=undefined;this.loadFromQuery=undefined;this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined}render(){return e("hemfixarna-component",{widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor,loadFromQuery:Boolean(this.loadFromQuery),id:this.id,business:O.string})}};Yn.style=Xn;const qn=class{constructor(n){i(this,n);this.id=undefined;this.loadFromQuery=undefined;this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined}render(){return e("hemfixarna-component",{widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor,loadFromQuery:Boolean(this.loadFromQuery),id:this.id,business:O.superfront})}};const Gn=class{constructor(n){i(this,n);this.id=undefined;this.loadFromQuery="true";this.isDemo=false;this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined}render(){return e("hemfixarna-component",{widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor,nav:{url:"https://www.tesla.com/sv_se/home-charging",logo:"assets/tesla.svg"},isDemo:this.isDemo,loadFromQuery:Boolean(this.loadFromQuery),id:this.id,business:O.tesla})}};const nt=class{constructor(n){i(this,n);this.id=undefined;this.loadFromQuery=undefined;this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined}render(){return e("hemfixarna-component",{widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor,loadFromQuery:Boolean(this.loadFromQuery),id:this.id,business:O.traningspartner})}};const tt=class{constructor(n){i(this,n);this.id=undefined;this.loadFromQuery="true";this.isDemo=false;this.widgetStyle=F.standard;this.buttonColor=undefined;this.buttonBg=undefined}render(){return e("hemfixarna-component",{widgetStyle:this.widgetStyle,buttonBg:this.buttonBg,buttonColor:this.buttonColor,nav:{url:"https://www.zaptec.com/sv/laddningslosningar/zaptec-go",logo:"assets/zaptec.svg"},isDemo:this.isDemo,loadFromQuery:Boolean(this.loadFromQuery),id:this.id,business:O.zaptec})}};export{_ as hemfixarna_address,P as hemfixarna_box,A as hemfixarna_breadcrumbs,V as hemfixarna_byggmax,R as hemfixarna_cart,Q as hemfixarna_category,tn as hemfixarna_checkout,sn as hemfixarna_component,an as hemfixarna_contact,on as hemfixarna_demo,hn as hemfixarna_doro,dn as hemfixarna_elfa,un as hemfixarna_fargvaruhuset,pn as hemfixarna_flyttsmart,mn as hemfixarna_forebygg,jn as hemfixarna_getuser,In as hemfixarna_hornbach,Dn as hemfixarna_info,Mn as hemfixarna_invoice,Ln as hemfixarna_kbygg,Nn as hemfixarna_klint,Pn as hemfixarna_kund,An as hemfixarna_norrgavel,Kn as hemfixarna_order,Vn as hemfixarna_orderrows,Rn as hemfixarna_power,Un as hemfixarna_product,Hn as hemfixarna_service,Jn as hemfixarna_skanska,Wn as hemfixarna_sparfonster,Zn as hemfixarna_start,Yn as hemfixarna_string_furniture,qn as hemfixarna_superfront,Gn as hemfixarna_tesla,nt as hemfixarna_traningspartner,tt as hemfixarna_zaptec};
2
- //# sourceMappingURL=p-211cfa04.entry.js.map