hemfixarna-web-components 1.6.3 → 1.6.4

package/dist/esm/hemfixarna-address_36.entry.js

@@ -1,25 +1,24 @@
-import { g as getRenderingRef, f as forceUpdate, r as registerInstance, h, a as getElement, F as Fragment, c as getAssetPath } from './index-8c417125.js';
+import { f as forceUpdate, F as Fragment, c as getAssetPath, a as getElement, g as getRenderingRef, h, r as registerInstance } from './index-8c417125.js';
 
 const appendToMap = (map, propName, value) => {
-    const items = map.get(propName);
-    if (!items) {
-        map.set(propName, [value]);
-    }
-    else if (!items.includes(value)) {
-        items.push(value);
-    }
+  const items = map.get(propName);
+  if (!items) {
+    map.set(propName, [value]);
+  } else if (!items.includes(value)) {
+    items.push(value);
+  }
 };
 const debounce = (fn, ms) => {
-    let timeoutId;
-    return (...args) => {
-        if (timeoutId) {
-            clearTimeout(timeoutId);
-        }
-        timeoutId = setTimeout(() => {
-            timeoutId = 0;
-            fn(...args);
-        }, ms);
-    };
+  let timeoutId;
+  return (...args) => {
+    if (timeoutId) {
+      clearTimeout(timeoutId);
+    }
+    timeoutId = setTimeout(() => {
+      timeoutId = 0;
+      fn(...args);
+    }, ms);
+  };
 };
 
 /**
@@ -31,167 +30,168 @@ const debounce = (fn, ms) => {
  *
  * Better leak in Edge than to be useless.
  */
-const isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
-const cleanupElements = debounce((map) => {
-    for (let key of map.keys()) {
-        map.set(key, map.get(key).filter(isConnected));
-    }
+const isConnected = maybeElement => !('isConnected' in maybeElement) || maybeElement.isConnected;
+const cleanupElements = debounce(map => {
+  for (let key of map.keys()) {
+    map.set(key, map.get(key).filter(isConnected));
+  }
 }, 2000);
 const stencilSubscription = () => {
-    if (typeof getRenderingRef !== 'function') {
-        // If we are not in a stencil project, we do nothing.
-        // This function is not really exported by @stencil/core.
-        return {};
-    }
-    const elmsToUpdate = new Map();
-    return {
-        dispose: () => elmsToUpdate.clear(),
-        get: (propName) => {
-            const elm = getRenderingRef();
-            if (elm) {
-                appendToMap(elmsToUpdate, propName, elm);
-            }
-        },
-        set: (propName) => {
-            const elements = elmsToUpdate.get(propName);
-            if (elements) {
-                elmsToUpdate.set(propName, elements.filter(forceUpdate));
-            }
-            cleanupElements(elmsToUpdate);
-        },
-        reset: () => {
-            elmsToUpdate.forEach((elms) => elms.forEach(forceUpdate));
-            cleanupElements(elmsToUpdate);
-        },
-    };
+  if (typeof getRenderingRef !== 'function') {
+    // If we are not in a stencil project, we do nothing.
+    // This function is not really exported by @stencil/core.
+    return {};
+  }
+  const elmsToUpdate = new Map();
+  return {
+    dispose: () => elmsToUpdate.clear(),
+    get: propName => {
+      const elm = getRenderingRef();
+      if (elm) {
+        appendToMap(elmsToUpdate, propName, elm);
+      }
+    },
+    set: propName => {
+      const elements = elmsToUpdate.get(propName);
+      if (elements) {
+        elmsToUpdate.set(propName, elements.filter(forceUpdate));
+      }
+      cleanupElements(elmsToUpdate);
+    },
+    reset: () => {
+      elmsToUpdate.forEach(elms => elms.forEach(forceUpdate));
+      cleanupElements(elmsToUpdate);
+    },
+  };
 };
 
-const unwrap = (val) => (typeof val === 'function' ? val() : val);
+const unwrap = val => (typeof val === 'function' ? val() : val);
 const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {
-    const unwrappedState = unwrap(defaultState);
-    let states = new Map(Object.entries(unwrappedState !== null && unwrappedState !== void 0 ? unwrappedState : {}));
-    const handlers = {
-        dispose: [],
-        get: [],
-        set: [],
-        reset: [],
-    };
-    const reset = () => {
-        var _a;
-        // When resetting the state, the default state may be a function - unwrap it to invoke it.
-        // otherwise, the state won't be properly reset
-        states = new Map(Object.entries((_a = unwrap(defaultState)) !== null && _a !== void 0 ? _a : {}));
-        handlers.reset.forEach((cb) => cb());
-    };
-    const dispose = () => {
-        // Call first dispose as resetting the state would
-        // cause less updates ;)
-        handlers.dispose.forEach((cb) => cb());
-        reset();
-    };
-    const get = (propName) => {
-        handlers.get.forEach((cb) => cb(propName));
-        return states.get(propName);
-    };
-    const set = (propName, value) => {
-        const oldValue = states.get(propName);
-        if (shouldUpdate(value, oldValue, propName)) {
-            states.set(propName, value);
-            handlers.set.forEach((cb) => cb(propName, value, oldValue));
-        }
-    };
-    const state = (typeof Proxy === 'undefined'
-        ? {}
-        : new Proxy(unwrappedState, {
-            get(_, propName) {
-                return get(propName);
-            },
-            ownKeys(_) {
-                return Array.from(states.keys());
-            },
-            getOwnPropertyDescriptor() {
-                return {
-                    enumerable: true,
-                    configurable: true,
-                };
-            },
-            has(_, propName) {
-                return states.has(propName);
-            },
-            set(_, propName, value) {
-                set(propName, value);
-                return true;
-            },
-        }));
-    const on = (eventName, callback) => {
-        handlers[eventName].push(callback);
-        return () => {
-            removeFromArray(handlers[eventName], callback);
-        };
-    };
-    const onChange = (propName, cb) => {
-        const unSet = on('set', (key, newValue) => {
-            if (key === propName) {
-                cb(newValue);
-            }
+  const unwrappedState = unwrap(defaultState);
+  let states = new Map(Object.entries(unwrappedState !== null && unwrappedState !== void 0 ? unwrappedState : {}));
+  const handlers = {
+    dispose: [],
+    get: [],
+    set: [],
+    reset: [],
+  };
+  const reset = () => {
+    var _a;
+    // When resetting the state, the default state may be a function - unwrap it to invoke it.
+    // otherwise, the state won't be properly reset
+    states = new Map(Object.entries((_a = unwrap(defaultState)) !== null && _a !== void 0 ? _a : {}));
+    handlers.reset.forEach(cb => cb());
+  };
+  const dispose = () => {
+    // Call first dispose as resetting the state would
+    // cause less updates ;)
+    handlers.dispose.forEach(cb => cb());
+    reset();
+  };
+  const get = propName => {
+    handlers.get.forEach(cb => cb(propName));
+    return states.get(propName);
+  };
+  const set = (propName, value) => {
+    const oldValue = states.get(propName);
+    if (shouldUpdate(value, oldValue, propName)) {
+      states.set(propName, value);
+      handlers.set.forEach(cb => cb(propName, value, oldValue));
+    }
+  };
+  const state =
+    typeof Proxy === 'undefined'
+      ? {}
+      : new Proxy(unwrappedState, {
+          get(_, propName) {
+            return get(propName);
+          },
+          ownKeys(_) {
+            return Array.from(states.keys());
+          },
+          getOwnPropertyDescriptor() {
+            return {
+              enumerable: true,
+              configurable: true,
+            };
+          },
+          has(_, propName) {
+            return states.has(propName);
+          },
+          set(_, propName, value) {
+            set(propName, value);
+            return true;
+          },
         });
-        // We need to unwrap the defaultState because it might be a function.
-        // Otherwise we might not be sending the right reset value.
-        const unReset = on('reset', () => cb(unwrap(defaultState)[propName]));
-        return () => {
-            unSet();
-            unReset();
-        };
-    };
-    const use = (...subscriptions) => {
-        const unsubs = subscriptions.reduce((unsubs, subscription) => {
-            if (subscription.set) {
-                unsubs.push(on('set', subscription.set));
-            }
-            if (subscription.get) {
-                unsubs.push(on('get', subscription.get));
-            }
-            if (subscription.reset) {
-                unsubs.push(on('reset', subscription.reset));
-            }
-            if (subscription.dispose) {
-                unsubs.push(on('dispose', subscription.dispose));
-            }
-            return unsubs;
-        }, []);
-        return () => unsubs.forEach((unsub) => unsub());
+  const on = (eventName, callback) => {
+    handlers[eventName].push(callback);
+    return () => {
+      removeFromArray(handlers[eventName], callback);
     };
-    const forceUpdate = (key) => {
-        const oldValue = states.get(key);
-        handlers.set.forEach((cb) => cb(key, oldValue, oldValue));
-    };
-    return {
-        state,
-        get,
-        set,
-        on,
-        onChange,
-        use,
-        dispose,
-        reset,
-        forceUpdate,
+  };
+  const onChange = (propName, cb) => {
+    const unSet = on('set', (key, newValue) => {
+      if (key === propName) {
+        cb(newValue);
+      }
+    });
+    // We need to unwrap the defaultState because it might be a function.
+    // Otherwise we might not be sending the right reset value.
+    const unReset = on('reset', () => cb(unwrap(defaultState)[propName]));
+    return () => {
+      unSet();
+      unReset();
     };
+  };
+  const use = (...subscriptions) => {
+    const unsubs = subscriptions.reduce((unsubs, subscription) => {
+      if (subscription.set) {
+        unsubs.push(on('set', subscription.set));
+      }
+      if (subscription.get) {
+        unsubs.push(on('get', subscription.get));
+      }
+      if (subscription.reset) {
+        unsubs.push(on('reset', subscription.reset));
+      }
+      if (subscription.dispose) {
+        unsubs.push(on('dispose', subscription.dispose));
+      }
+      return unsubs;
+    }, []);
+    return () => unsubs.forEach(unsub => unsub());
+  };
+  const forceUpdate = key => {
+    const oldValue = states.get(key);
+    handlers.set.forEach(cb => cb(key, oldValue, oldValue));
+  };
+  return {
+    state,
+    get,
+    set,
+    on,
+    onChange,
+    use,
+    dispose,
+    reset,
+    forceUpdate,
+  };
 };
 const removeFromArray = (array, item) => {
-    const index = array.indexOf(item);
-    if (index >= 0) {
-        array[index] = array[array.length - 1];
-        array.length--;
-    }
+  const index = array.indexOf(item);
+  if (index >= 0) {
+    array[index] = array[array.length - 1];
+    array.length--;
+  }
 };
 
 const createStore = (defaultState, shouldUpdate) => {
-    const map = createObservableMap(defaultState, shouldUpdate);
-    map.use(stencilSubscription());
-    return map;
+  const map = createObservableMap(defaultState, shouldUpdate);
+  map.use(stencilSubscription());
+  return map;
 };
 
-const { state, onChange, } = createStore({
+const { state, onChange } = createStore({
   step: 1,
   checkoutStep: 1,
   checkoutEdit: false,
@@ -228,9 +228,14 @@ onChange('creditSafeUser', user => {
   window.sessionStorage.setItem(`hemfixarna-${state.business}-creditSafeUser`, JSON.stringify(user));
 });
 onChange('selectedProduct', product => {
-  if (!state.customer || !product)
-    return;
-  const categories = [...state.customer.categories, ...state.customer.categories.map(c => { var _a; return (_a = c.sub_categories) !== null && _a !== void 0 ? _a : []; })].flat();
+  if (!state.customer || !product) return;
+  const categories = [
+    ...state.customer.categories,
+    ...state.customer.categories.map(c => {
+      var _a;
+      return (_a = c.sub_categories) !== null && _a !== void 0 ? _a : [];
+    }),
+  ].flat();
   const category = categories.find(c => c && c.id === product.category);
   if (category) {
     state.parentCategory = category;
@@ -239,8 +244,7 @@ onChange('selectedProduct', product => {
   state.parentCategory = null;
 });
 onChange('selectedCustomerCategory', category => {
-  if (!state.customer || !category)
-    return;
+  if (!state.customer || !category) return;
   if (category.parent) {
     const parent = state.customer.categories.find(c => c.id === category.parent);
     if (parent) {
@@ -251,20 +255,18 @@ onChange('selectedCustomerCategory', category => {
   state.parentCategory = null;
 });
 
-const hideField = (field) => {
+const hideField = field => {
   return field.split(' ').reduce((acc, curr) => {
     if (curr.length <= 2) {
       return acc + curr.slice(0, 1) + '* ';
-    }
-    else {
+    } else {
       return acc + curr.slice(0, 1) + '*'.repeat(curr.length - 2) + curr.slice(-1) + ' ';
     }
   }, '');
 };
 
-const scrollToTop = (el) => {
-  if (!el)
-    return;
+const scrollToTop = el => {
+  if (!el) return;
   el.scrollTo({
     top: 0,
     behavior: 'smooth',
@@ -274,7 +276,7 @@ const scrollToTop = (el) => {
 const HemfixarnaAddress = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.handleSubmit = (e) => {
+    this.handleSubmit = e => {
       e.preventDefault();
       const streetValid = this.street.length > 0;
       if (!streetValid) {
@@ -300,20 +302,63 @@ const HemfixarnaAddress = class {
         scrollToTop(el);
       }
     };
-    this.handleChangeStreet = (e) => {
+    this.handleChangeStreet = e => {
       this.streetError = null;
       this.street = this.street === state.user.street ? '' : e.target.value;
     };
-    this.handleChangeZip = (e) => {
+    this.handleChangeZip = e => {
       this.zipError = null;
       this.zip = this.zip === state.user.zip ? '' : e.target.value;
     };
-    this.handleChangeTown = (e) => {
+    this.handleChangeTown = e => {
       this.townError = null;
       this.town = this.town === state.user.town ? '' : e.target.value;
     };
     this.render = () => {
-      return (h("form", { class: "hemfixarna_address", onSubmit: e => this.handleSubmit(e) }, h("div", null, h("input", { class: `${this.street.length ? 'input_active' : ''}`, onInput: this.handleChangeStreet, type: "text", name: "street", value: this.street === state.user.street ? hideField(this.street) : this.street }), h("label", { htmlFor: "street" }, "Gatuaddress ")), this.streetError && h("span", null, this.streetError), h("div", null, h("input", { class: `${this.zip.length ? 'input_active' : ''}`, onInput: this.handleChangeZip, type: "tel", name: "zip", value: this.zip === state.user.zip ? hideField(this.zip) : this.zip }), h("label", { htmlFor: "zip" }, "Postnummer ")), this.zipError && h("span", null, this.zipError), h("div", null, h("input", { class: `${this.town.length ? 'input_active' : ''}`, onInput: this.handleChangeTown, type: "text", name: "town", value: this.town === state.user.town ? hideField(this.town) : this.town }), h("label", { htmlFor: "town" }, "Ort ")), this.townError && h("span", null, this.townError), h("input", { type: "submit", value: "Forts\u00E4tt" })));
+      return h(
+        'form',
+        { class: 'hemfixarna_address', onSubmit: e => this.handleSubmit(e) },
+        h(
+          'div',
+          null,
+          h('input', {
+            class: `${this.street.length ? 'input_active' : ''}`,
+            onInput: this.handleChangeStreet,
+            type: 'text',
+            name: 'street',
+            value: this.street === state.user.street ? hideField(this.street) : this.street,
+          }),
+          h('label', { htmlFor: 'street' }, 'Gatuaddress '),
+        ),
+        this.streetError && h('span', null, this.streetError),
+        h(
+          'div',
+          null,
+          h('input', {
+            class: `${this.zip.length ? 'input_active' : ''}`,
+            onInput: this.handleChangeZip,
+            type: 'tel',
+            name: 'zip',
+            value: this.zip === state.user.zip ? hideField(this.zip) : this.zip,
+          }),
+          h('label', { htmlFor: 'zip' }, 'Postnummer '),
+        ),
+        this.zipError && h('span', null, this.zipError),
+        h(
+          'div',
+          null,
+          h('input', {
+            class: `${this.town.length ? 'input_active' : ''}`,
+            onInput: this.handleChangeTown,
+            type: 'text',
+            name: 'town',
+            value: this.town === state.user.town ? hideField(this.town) : this.town,
+          }),
+          h('label', { htmlFor: 'town' }, 'Ort '),
+        ),
+        this.townError && h('span', null, this.townError),
+        h('input', { type: 'submit', value: 'Forts\u00E4tt' }),
+      );
     };
     this.street = '';
     this.streetError = null;
@@ -329,57 +374,51 @@ const HemfixarnaAddress = class {
       this.town = state.user.town;
     }
   }
-  get el() { return getElement(this); }
+  get el() {
+    return getElement(this);
+  }
 };
 
-const getRutPrice = (price) => {
+const getRutPrice = price => {
   return Math.ceil(price / 2);
 };
-const getRotPrice = (price) => {
+const getRotPrice = price => {
   return Math.ceil(price * 0.7);
 };
-const getGreenPrice = (price) => {
+const getGreenPrice = price => {
   return Math.ceil(price * 0.5);
 };
 const getProductPrice = (product, price, amount = 1) => {
   if (product.rot && state.rot) {
     return getRotPrice((price || product.price) * amount);
-  }
-  else if (product.rut && state.rut) {
+  } else if (product.rut && state.rut) {
     return getRutPrice((price || product.price) * amount);
-  }
-  else if (product.green && state.green) {
+  } else if (product.green && state.green) {
     return getGreenPrice((price || product.price) * amount);
-  }
-  else {
+  } else {
     return (price || product.price) * amount;
   }
 };
-const getProductPriceWithRotAndRut = (product) => {
+const getProductPriceWithRotAndRut = product => {
   if (product.rot) {
     return getRotPrice(product.price);
-  }
-  else if (product.rut && state.rut) {
+  } else if (product.rut && state.rut) {
     return getRutPrice(product.price);
-  }
-  else {
+  } else {
     return product.price;
   }
 };
 const getPartPrice = (part, product, amount = 1) => {
   if (product.rot && state.rot) {
     return getRotPrice(part.price * amount);
-  }
-  else if (product.rut && state.rut) {
+  } else if (product.rut && state.rut) {
     return getRutPrice(part.price * amount);
-  }
-  else {
+  } else {
     return part.price * amount;
   }
 };
 const getStartFee = () => {
-  if (!state.cart)
-    return { rut: 0, rot: 0, green: 0 };
+  if (!state.cart) return { rut: 0, rot: 0, green: 0 };
   const hasRut = state.cart.some(item => item.rut && item.start_fee);
   const hasRot = state.cart.some(item => item.rot && item.start_fee);
   const hasGreen = state.cart.some(item => item.green && item.start_fee);
@@ -397,46 +436,52 @@ const getStartFee = () => {
   //   return { rut: 0, rot: 0, length: 0 };
   // }
 };
-const getItemPrice = (item) => {
+const getItemPrice = item => {
   const partsPrice = item.parts.reduce((acc, curr) => {
     return acc + curr.price * curr.amount;
   }, 0);
   return getProductPrice(item, item.price * item.amount + partsPrice);
 };
 const calculateRot = () => {
-  const totalWithRot = state.cart.reduce((acc, curr) => {
-    return curr.rot ? acc + getItemPrice(curr) : acc;
-  }, 0) + getStartFee().rot;
-  const totalWithoutRot = state.cart.reduce((acc, curr) => {
-    const partsPrice = curr.parts.reduce((acc, curr) => {
-      return acc + curr.price * curr.amount;
-    }, 0);
-    return curr.rot ? acc + curr.price * curr.amount + partsPrice : acc;
-  }, 0) + Number(state.options.start_fee);
+  const totalWithRot =
+    state.cart.reduce((acc, curr) => {
+      return curr.rot ? acc + getItemPrice(curr) : acc;
+    }, 0) + getStartFee().rot;
+  const totalWithoutRot =
+    state.cart.reduce((acc, curr) => {
+      const partsPrice = curr.parts.reduce((acc, curr) => {
+        return acc + curr.price * curr.amount;
+      }, 0);
+      return curr.rot ? acc + curr.price * curr.amount + partsPrice : acc;
+    }, 0) + Number(state.options.start_fee);
   return totalWithoutRot - totalWithRot;
 };
 const calculateRut = () => {
-  const totalWithRut = state.cart.reduce((acc, curr) => {
-    return curr.rut ? acc + getItemPrice(curr) : acc;
-  }, 0) + getStartFee().rut;
-  const totalWithoutRut = state.cart.reduce((acc, curr) => {
-    const partsPrice = curr.parts.reduce((acc, curr) => {
-      return acc + curr.price * curr.amount;
-    }, 0);
-    return curr.rut ? acc + curr.price * curr.amount + partsPrice : acc;
-  }, 0) + Number(state.options.start_fee);
+  const totalWithRut =
+    state.cart.reduce((acc, curr) => {
+      return curr.rut ? acc + getItemPrice(curr) : acc;
+    }, 0) + getStartFee().rut;
+  const totalWithoutRut =
+    state.cart.reduce((acc, curr) => {
+      const partsPrice = curr.parts.reduce((acc, curr) => {
+        return acc + curr.price * curr.amount;
+      }, 0);
+      return curr.rut ? acc + curr.price * curr.amount + partsPrice : acc;
+    }, 0) + Number(state.options.start_fee);
   return totalWithoutRut - totalWithRut;
 };
 const calculateGreenDiscount = () => {
-  const totalWithGreen = state.cart.reduce((acc, curr) => {
-    return curr.green ? acc + getItemPrice(curr) : acc;
-  }, 0) + getStartFee().green;
-  const totalWithoutGreen = state.cart.reduce((acc, curr) => {
-    const partsPrice = curr.parts.reduce((acc, curr) => {
-      return acc + curr.price * curr.amount;
-    }, 0);
-    return curr.green ? acc + curr.price * curr.amount + partsPrice : acc;
-  }, 0) + Number(state.options.start_fee);
+  const totalWithGreen =
+    state.cart.reduce((acc, curr) => {
+      return curr.green ? acc + getItemPrice(curr) : acc;
+    }, 0) + getStartFee().green;
+  const totalWithoutGreen =
+    state.cart.reduce((acc, curr) => {
+      const partsPrice = curr.parts.reduce((acc, curr) => {
+        return acc + curr.price * curr.amount;
+      }, 0);
+      return curr.green ? acc + curr.price * curr.amount + partsPrice : acc;
+    }, 0) + Number(state.options.start_fee);
   return totalWithoutGreen - totalWithGreen;
 };
 const getTotalPrice = () => {
@@ -445,43 +490,43 @@ const getTotalPrice = () => {
 
 var Business;
 (function (Business) {
-  Business["kund"] = "kund";
-  Business["byggmax"] = "byggmax";
-  Business["skanska"] = "skanska";
-  Business["string"] = "string-furniture";
-  Business["hornbach"] = "hornbach";
-  Business["forebygg"] = "forebygg";
-  Business["doro"] = "doro";
-  Business["elfa"] = "elfa";
-  Business["kbygg"] = "k-bygg";
-  Business["norrgavel"] = "norrgavel";
-  Business["fargvaruhuset"] = "fargvaruhuset";
-  Business["zaptec"] = "zaptec";
-  Business["tesla"] = "tesla";
-  Business["klint"] = "klint";
-  Business["flyttsmart"] = "flyttsmart";
-  Business["lg"] = "lg";
-  Business["sparfonster"] = "sparfonster";
-  Business["power"] = "power";
-  Business["traningspartner"] = "traningspartner";
-  Business["superfront"] = "superfront";
+  Business['kund'] = 'kund';
+  Business['byggmax'] = 'byggmax';
+  Business['skanska'] = 'skanska';
+  Business['string'] = 'string-furniture';
+  Business['hornbach'] = 'hornbach';
+  Business['forebygg'] = 'forebygg';
+  Business['doro'] = 'doro';
+  Business['elfa'] = 'elfa';
+  Business['kbygg'] = 'k-bygg';
+  Business['norrgavel'] = 'norrgavel';
+  Business['fargvaruhuset'] = 'fargvaruhuset';
+  Business['zaptec'] = 'zaptec';
+  Business['tesla'] = 'tesla';
+  Business['klint'] = 'klint';
+  Business['flyttsmart'] = 'flyttsmart';
+  Business['lg'] = 'lg';
+  Business['sparfonster'] = 'sparfonster';
+  Business['power'] = 'power';
+  Business['traningspartner'] = 'traningspartner';
+  Business['superfront'] = 'superfront';
 })(Business || (Business = {}));
 var WidgetStyle;
 (function (WidgetStyle) {
-  WidgetStyle["standard"] = "standard";
-  WidgetStyle["alternative"] = "alternative";
-  WidgetStyle["alternative_2"] = "alternative_2";
-  WidgetStyle["alternative_3"] = "alternative_3";
+  WidgetStyle['standard'] = 'standard';
+  WidgetStyle['alternative'] = 'alternative';
+  WidgetStyle['alternative_2'] = 'alternative_2';
+  WidgetStyle['alternative_3'] = 'alternative_3';
 })(WidgetStyle || (WidgetStyle = {}));
 var TopCategory;
 (function (TopCategory) {
-  TopCategory["byggmax"] = "category/bygg";
+  TopCategory['byggmax'] = 'category/bygg';
 })(TopCategory || (TopCategory = {}));
 
-const isProduct = (category) => {
+const isProduct = category => {
   return category.post_name !== undefined;
 };
-const isBusiness = (partner) => {
+const isBusiness = partner => {
   return Object.values(Business).includes(partner);
 };
 
@@ -498,12 +543,10 @@ const HemfixarnaBox = class {
       if ((taxonomy === null || taxonomy === void 0 ? void 0 : taxonomy.taxonomy) === 'service_cat') {
         state.selectedCategory = taxonomy;
         state.step = 2;
-      }
-      else if ((taxonomy === null || taxonomy === void 0 ? void 0 : taxonomy.post_type) === 'service') {
+      } else if ((taxonomy === null || taxonomy === void 0 ? void 0 : taxonomy.post_type) === 'service') {
         state.selectedService = taxonomy;
         state.step = 3;
-      }
-      else if ((taxonomy === null || taxonomy === void 0 ? void 0 : taxonomy.post_type) === 'ikea_product') {
+      } else if ((taxonomy === null || taxonomy === void 0 ? void 0 : taxonomy.post_type) === 'ikea_product') {
         state.selectedProduct = taxonomy;
         state.step = 4;
       }
@@ -519,9 +562,34 @@ const HemfixarnaBox = class {
     scrollToTop(el);
   }
   render() {
-    return this.category ? (h(Fragment, null, isProduct(this.category) ? (h("li", { onClick: () => this.setProduct() }, h("img", { class: "hemfixarna_logo", height: 82, src: this.category.icon, alt: this.category.post_name }), h("div", null, h("p", null, this.category.title), !this.category.invoice ? h("p", { class: "price" }, "Fr\u00E5n ", getProductPrice(this.category), "kr") : null))) : (h("li", { onClick: () => (state.selectedCustomerCategory = this.category) }, h("img", { class: "hemfixarna_logo", height: 82, src: this.category.icon, alt: this.category.name }), h("div", null, h("p", null, this.category.name)))))) : (h("li", { onClick: () => this.setTaxonomy(this.post) }, this.post.icon && h("img", { class: "hemfixarna_logo", height: 82, src: this.icon, alt: this.postTitle }), h("div", null, h("p", null, this.postTitle), state.step === 3 && h("p", { class: "price" }, "Fr\u00E5n ", getProductPrice(this.post), "kr"))));
+    return this.category
+      ? h(
+          Fragment,
+          null,
+          isProduct(this.category)
+            ? h(
+                'li',
+                { onClick: () => this.setProduct() },
+                h('img', { class: 'hemfixarna_logo', height: 82, src: this.category.icon, alt: this.category.post_name }),
+                h('div', null, h('p', null, this.category.title), !this.category.invoice ? h('p', { class: 'price' }, 'Fr\u00E5n ', getProductPrice(this.category), 'kr') : null),
+              )
+            : h(
+                'li',
+                { onClick: () => (state.selectedCustomerCategory = this.category) },
+                h('img', { class: 'hemfixarna_logo', height: 82, src: this.category.icon, alt: this.category.name }),
+                h('div', null, h('p', null, this.category.name)),
+              ),
+        )
+      : h(
+          'li',
+          { onClick: () => this.setTaxonomy(this.post) },
+          this.post.icon && h('img', { class: 'hemfixarna_logo', height: 82, src: this.icon, alt: this.postTitle }),
+          h('div', null, h('p', null, this.postTitle), state.step === 3 && h('p', { class: 'price' }, 'Fr\u00E5n ', getProductPrice(this.post), 'kr')),
+        );
+  }
+  get el() {
+    return getElement(this);
   }
-  get el() { return getElement(this); }
 };
 
 const HemfixarnaBreadcrumbs = class {
@@ -563,24 +631,85 @@ const HemfixarnaBreadcrumbs = class {
     const close = getAssetPath(`./assets/close.svg`);
     const cart = getAssetPath(`./assets/cart.svg`);
     const back = getAssetPath(`./assets/back.svg`);
-    return (h("div", null, h("div", { class: "hemfixarna_crumbs" }, h("div", { class: "hemfixarna_crumbs--links" }, h("img", { onClick: () => this.handleHomePageClick(), src: logo, width: 110 }), !this.loadFromQuery || this.isDemo ? h("img", { onClick: () => this.closeModal(), class: "close", src: close, width: 32 }) : null, h("div", null, h("button", { onClick: () => this.handleHomePageClick() }, "Alla tj\u00E4nster"))), h("div", { class: "hemfixarna_crumbs--right" }, h("hemfixarna-contact", null), h("div", { onClick: () => this.handleCartClick(), class: `cart ${this.getCartLength() > 0 ? 'cart_active' : ''}` }, h("img", { src: cart, width: 24 }), h("span", null, this.getCartLength())))), [3, 4].includes(state.step) && !state.customer && (h("button", { class: "hemfixarna_crumbs--back", onClick: () => {
-        state.step = state.step === 4 ? 3 : 2;
-      } }, h("img", { width: 24, src: back, alt: "back arrow" }), h("span", null, "Se allt ", state.step === 4 ? state.selectedService.post_title : state.selectedCategory.name))), !state.parentCategory && state.step && state.selectedCustomerCategory && (h("button", { class: "hemfixarna_crumbs--back", onClick: () => {
-        state.step = 1;
-        state.selectedCustomerCategory = null;
-        state.selectedProduct = null;
-        state.maleri = null;
-      } }, h("img", { width: 24, src: back, alt: "back arrow" }), h("span", null, "Se alla tj\u00E4nster"))), state.parentCategory && state.step < 5 && (h("button", { class: "hemfixarna_crumbs--back", onClick: () => {
-        state.step = 1;
-        state.selectedCustomerCategory = state.parentCategory;
-        state.selectedProduct = null;
-        state.maleri = null;
-      } }, h("img", { width: 24, src: back, alt: "back arrow" }), h("span", null, "Se allt ", state.parentCategory.name)))));
+    return h(
+      'div',
+      null,
+      h(
+        'div',
+        { class: 'hemfixarna_crumbs' },
+        h(
+          'div',
+          { class: 'hemfixarna_crumbs--links' },
+          h('img', { onClick: () => this.handleHomePageClick(), src: logo, width: 110 }),
+          !this.loadFromQuery || this.isDemo ? h('img', { onClick: () => this.closeModal(), class: 'close', src: close, width: 32 }) : null,
+          h('div', null, h('button', { onClick: () => this.handleHomePageClick() }, 'Alla tj\u00E4nster')),
+        ),
+        h(
+          'div',
+          { class: 'hemfixarna_crumbs--right' },
+          h('hemfixarna-contact', null),
+          h(
+            'div',
+            { onClick: () => this.handleCartClick(), class: `cart ${this.getCartLength() > 0 ? 'cart_active' : ''}` },
+            h('img', { src: cart, width: 24 }),
+            h('span', null, this.getCartLength()),
+          ),
+        ),
+      ),
+      [3, 4].includes(state.step) &&
+        !state.customer &&
+        h(
+          'button',
+          {
+            class: 'hemfixarna_crumbs--back',
+            onClick: () => {
+              state.step = state.step === 4 ? 3 : 2;
+            },
+          },
+          h('img', { width: 24, src: back, alt: 'back arrow' }),
+          h('span', null, 'Se allt ', state.step === 4 ? state.selectedService.post_title : state.selectedCategory.name),
+        ),
+      !state.parentCategory &&
+        state.step &&
+        state.selectedCustomerCategory &&
+        h(
+          'button',
+          {
+            class: 'hemfixarna_crumbs--back',
+            onClick: () => {
+              state.step = 1;
+              state.selectedCustomerCategory = null;
+              state.selectedProduct = null;
+              state.maleri = null;
+            },
+          },
+          h('img', { width: 24, src: back, alt: 'back arrow' }),
+          h('span', null, 'Se alla tj\u00E4nster'),
+        ),
+      state.parentCategory &&
+        state.step < 5 &&
+        h(
+          'button',
+          {
+            class: 'hemfixarna_crumbs--back',
+            onClick: () => {
+              state.step = 1;
+              state.selectedCustomerCategory = state.parentCategory;
+              state.selectedProduct = null;
+              state.maleri = null;
+            },
+          },
+          h('img', { width: 24, src: back, alt: 'back arrow' }),
+          h('span', null, 'Se allt ', state.parentCategory.name),
+        ),
+    );
+  }
+  get el() {
+    return getElement(this);
   }
-  get el() { return getElement(this); }
 };
 
-const hemfixarnaByggmaxCss = "";
+const hemfixarnaByggmaxCss = '';
 
 const MyComponent$j = class {
   constructor(hostRef) {
@@ -596,7 +725,17 @@ const MyComponent$j = class {
     this.buttonBg = undefined;
   }
   render() {
-    return (h("hemfixarna-component", { forceOldTree: this.forceOldTree, id: this.id, slug: this.slug, business: Business.byggmax, topCategory: TopCategory.byggmax, loadFromQuery: Boolean(this.loadFromQuery), widgetStyle: this.widgetStyle, buttonBg: this.buttonBg, buttonColor: this.buttonColor }));
+    return h('hemfixarna-component', {
+      forceOldTree: this.forceOldTree,
+      id: this.id,
+      slug: this.slug,
+      business: Business.byggmax,
+      topCategory: TopCategory.byggmax,
+      loadFromQuery: Boolean(this.loadFromQuery),
+      widgetStyle: this.widgetStyle,
+      buttonBg: this.buttonBg,
+      buttonColor: this.buttonColor,
+    });
   }
 };
 MyComponent$j.style = hemfixarnaByggmaxCss;
@@ -608,11 +747,53 @@ const HemfixarnaCart = class {
   }
   render() {
     const back = getAssetPath(`./assets/back.svg`);
-    return (h("div", { class: "hemfixarna_cart" }, h("div", { class: "hemfixarna_cart--left" }, h("h2", null, state.checkoutStep === 2 && !state.checkoutEdit && (h("button", { onClick: () => {
-        state.checkoutStep = 1;
-      } }, h("img", { width: 24, src: back, alt: "back arrow" }))), "Din bokning"), h("hemfixarna-orderrows", { tree: this.tree })), h("div", { class: "hemfixarna_cart--right" }, h("h2", null, state.checkoutStep === 2 && !state.checkoutEdit && (h("button", { onClick: () => {
-        state.checkoutStep = 1;
-      } }, h("img", { width: 24, src: back, alt: "back arrow" }))), "Dina uppgifter"), h("hemfixarna-checkout", null), h("hemfixarna-info", null))));
+    return h(
+      'div',
+      { class: 'hemfixarna_cart' },
+      h(
+        'div',
+        { class: 'hemfixarna_cart--left' },
+        h(
+          'h2',
+          null,
+          state.checkoutStep === 2 &&
+            !state.checkoutEdit &&
+            h(
+              'button',
+              {
+                onClick: () => {
+                  state.checkoutStep = 1;
+                },
+              },
+              h('img', { width: 24, src: back, alt: 'back arrow' }),
+            ),
+          'Din bokning',
+        ),
+        h('hemfixarna-orderrows', { tree: this.tree }),
+      ),
+      h(
+        'div',
+        { class: 'hemfixarna_cart--right' },
+        h(
+          'h2',
+          null,
+          state.checkoutStep === 2 &&
+            !state.checkoutEdit &&
+            h(
+              'button',
+              {
+                onClick: () => {
+                  state.checkoutStep = 1;
+                },
+              },
+              h('img', { width: 24, src: back, alt: 'back arrow' }),
+            ),
+          'Dina uppgifter',
+        ),
+        h('hemfixarna-checkout', null),
+        h('hemfixarna-info', null),
+      ),
+    );
   }
 };
 
@@ -625,22 +806,40 @@ const HemfixarnaCategory = class {
     state.step = 3;
   }
   render() {
-    return (h("div", null, h("h2", null, state.selectedCategory.name), h("div", { class: "hemfixarna_categories--wrapper" }, h("div", null, h("ul", { class: "hemfixarna_categories" }, state.selectedCategory.services
-      .sort((a, b) => (a.post_title < b.post_title ? -1 : 1))
-      .map(s => {
-      var _a;
-      return (h("hemfixarna-box", { post: s, icon: (_a = s.icon.url) !== null && _a !== void 0 ? _a : s.icon, postTitle: s.post_title }));
-    }))), h("hemfixarna-info", null))));
+    return h(
+      'div',
+      null,
+      h('h2', null, state.selectedCategory.name),
+      h(
+        'div',
+        { class: 'hemfixarna_categories--wrapper' },
+        h(
+          'div',
+          null,
+          h(
+            'ul',
+            { class: 'hemfixarna_categories' },
+            state.selectedCategory.services
+              .sort((a, b) => (a.post_title < b.post_title ? -1 : 1))
+              .map(s => {
+                var _a;
+                return h('hemfixarna-box', { post: s, icon: (_a = s.icon.url) !== null && _a !== void 0 ? _a : s.icon, postTitle: s.post_title });
+              }),
+          ),
+        ),
+        h('hemfixarna-info', null),
+      ),
+    );
   }
 };
 
-const base$2 = `${"https://hemfixarna.se"}/wp-json/headless` ;
+const base$2 = `${'https://hemfixarna.se'}/wp-json/headless`;
 async function fetchWithType(request, options) {
   const response = await fetch(request, options);
   const body = await response.json();
   return body;
 }
-const getTaxonomy = async (endpoint) => {
+const getTaxonomy = async endpoint => {
   if (!endpoint) {
     return;
   }
@@ -649,26 +848,23 @@ const getTaxonomy = async (endpoint) => {
   try {
     const res = await fetch(`${base$2}/${type}/${slug}`);
     return await res.json();
-  }
-  catch (error) {
+  } catch (error) {
     console.log(error);
   }
 };
-const getCustomer = async (slug) => {
+const getCustomer = async slug => {
   try {
     const res = await fetch(`${base$2}/customer/${slug}`);
     return await res.json();
-  }
-  catch (error) {
+  } catch (error) {
     console.log(error);
   }
 };
 const getOptions = async () => {
   try {
     const res = await fetch(`${base$2}/webcoptions`);
-    return (await res.json());
-  }
-  catch (error) {
+    return await res.json();
+  } catch (error) {
     console.log(error);
   }
 };
@@ -676,17 +872,15 @@ const getRut = async () => {
   try {
     const data = await fetchWithType(`${base$2}/rut`);
     return data;
-  }
-  catch (error) {
+  } catch (error) {
     console.log(error);
   }
 };
 const getRot = async () => {
   try {
     const res = await fetch(`${base$2}/rot`);
-    return (await res.json());
-  }
-  catch (error) {
+    return await res.json();
+  } catch (error) {
     console.log(error);
   }
 };
@@ -694,12 +888,11 @@ const getGreenDiscount = async () => {
   try {
     const res = await fetch(`${base$2}/green-discount`);
     return await res.json();
-  }
-  catch (error) {
+  } catch (error) {
     console.log(error);
   }
 };
-const postOrder = async (data) => {
+const postOrder = async data => {
   try {
     const res = await fetch(`${base$2}/weborder`, {
       method: 'POST',
@@ -708,15 +901,14 @@ const postOrder = async (data) => {
         'Content-Type': 'application/json',
       },
     });
-    return (await res.json());
-  }
-  catch (error) {
+    return await res.json();
+  } catch (error) {
     console.log(error);
   }
 };
 
-const base$1 = `${"https://hemfixarna.se"}/wp-json/felix` ;
-const postPerson = async (felixOrder) => {
+const base$1 = `${'https://hemfixarna.se'}/wp-json/felix`;
+const postPerson = async felixOrder => {
   try {
     return await fetchWithType(`${base$1}/createperson`, {
       method: 'POST',
@@ -725,8 +917,7 @@ const postPerson = async (felixOrder) => {
         'Content-Type': 'application/json',
       },
     });
-  }
-  catch (error) {
+  } catch (error) {
     console.log(error);
   }
 };
@@ -734,7 +925,7 @@ const postPerson = async (felixOrder) => {
 const HemfixarnaCheckout = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.handleChangeDate = (e) => {
+    this.handleChangeDate = e => {
       this.dateError = null;
       this.date = e.target.value;
     };
@@ -743,8 +934,7 @@ const HemfixarnaCheckout = class {
     };
     this.sendOrder = async () => {
       var _a, _b, _c, _d;
-      if (this.loading)
-        return;
+      if (this.loading) return;
       this.loading = true;
       let order = {
         firstName: state.creditSafeUser.firstName,
@@ -788,8 +978,7 @@ const HemfixarnaCheckout = class {
       const felixOrder = await postPerson(order);
       if (!felixOrder || !((_d = (_c = felixOrder.response) === null || _c === void 0 ? void 0 : _c.scriptResult) === null || _d === void 0 ? void 0 : _d.includes('OK'))) {
         order = Object.assign(Object.assign({}, order), { felixStatus: 'error' });
-      }
-      else {
+      } else {
         order = Object.assign(Object.assign({}, order), { felixStatus: 'success' });
       }
       try {
@@ -798,17 +987,15 @@ const HemfixarnaCheckout = class {
           state.step = 6;
           const el = this.el.closest('.hemfixarna_content');
           scrollToTop(el);
-        }
-        else {
+        } else {
           this.generalError = 'Något gick fel, försök igen senare';
         }
-      }
-      catch (error) {
+      } catch (error) {
         this.generalError = 'Något gick fel, försök igen senare';
       }
       this.loading = false;
     };
-    this.handleSubmit = (e) => {
+    this.handleSubmit = e => {
       e.preventDefault();
       this.generalError = null;
       const validDate = this.date.length > 0;
@@ -834,7 +1021,7 @@ const HemfixarnaCheckout = class {
         this.sendOrder();
       }
     };
-    this.handleKeyDown = (event) => {
+    this.handleKeyDown = event => {
       this.enteredPin += event.key;
       const correctPin = '+0033';
       if (this.enteredPin.length === correctPin.length) {
@@ -854,15 +1041,89 @@ const HemfixarnaCheckout = class {
       const down = getAssetPath(`./assets/down.svg`);
       const loading = getAssetPath(`./assets/spinner.gif`);
       if (state.checkoutEdit) {
-        return h("hemfixarna-address", null);
-      }
-      else if (state.checkoutStep === 1) {
-        return h("hemfixarna-getuser", null);
-      }
-      else if (state.checkoutStep === 2) {
-        return (h("div", { class: "mb-2" }, h("div", { class: "hemfixarna_addressinfo" }, h("div", null, h("p", null, hideField(state.user.firstName)), h("p", null, hideField(state.user.lastName)), h("p", null, state.user.email), h("p", null, state.user.phone)), h("div", null, h("p", null, hideField(state.user.street)), h("p", null, hideField(state.user.zip)), h("p", null, hideField(state.user.town))), h("button", { onClick: () => (state.checkoutEdit = true) }, "Beh\u00F6ver du \u00E4ndra adressen?")), h("form", { onSubmit: e => this.handleSubmit(e) }, h("div", null, h("img", { src: dateLogo, width: 24 }), h("input", { class: `${this.date.length ? 'input_active' : ''}`, min: new Date().toISOString().split('T')[0], onChange: e => this.handleChangeDate(e), type: "date", name: "date", value: this.date }), h("label", { htmlFor: "date" }, "Tidigaste datum f\u00F6r hembes\u00F6k"), h("img", { src: down, width: 24 })), this.dateError && h("span", null, this.dateError), state.customer.source && this.showSources ? (h(Fragment, null, h("p", null, "Inloggad som:", h("strong", null, " ", state.customer.source.fieldData.So01_Name)), h("label", null, "S\u00E4ljare (S\u00E4ljarId)", h("input", { type: "text", value: this.sellerID, onChange: e => (this.sellerID = e.target.value) })), h("label", null, "PartnerOrderID (RefferalID)", h("input", { type: "text", value: this.RefferalID, onChange: e => (this.RefferalID = e.target.value) })), ((_a = state.customer.source.sub_sources) === null || _a === void 0 ? void 0 : _a.length) ? (h("div", null, h("select", { onChange: e => (this.selectedSubSource = e.target.value) }, h("option", { disabled: true, selected: true, value: "null" }, "V\u00E4lj underk\u00E4lla"), state.customer.source.sub_sources.map(sub => (h("option", { value: sub['So_SubSource::_id'] }, sub['So_SubSource::Sus01_Name'])))))) : (h("h4", null, "Det finns inga underk\u00E4llor att v\u00E4lja")))) : null, h("label", { class: "hemfixarna_checkbox" }, h("input", { onChange: () => this.handleChangeTerms(), type: "checkbox" }), h("span", { innerHTML: state.options.terms })), state.cart
-          .filter(i => { var _a; return (_a = i.terms_checkout) === null || _a === void 0 ? void 0 : _a.length; })
-          .map(item => (h(Fragment, null, h("label", { class: "hemfixarna_checkbox" }, h("input", { onChange: () => this.handleChangeTerms(), type: "checkbox" }), h("span", null, item.terms_checkout))))), this.generalError && h("span", null, this.generalError), h("div", { class: this.loading ? 'loading' : '' }, h("input", { type: "submit", value: this.loading ? '' : 'Skicka bokning' }), h("img", { width: 20, height: 20, src: loading, alt: "spinner" })))));
+        return h('hemfixarna-address', null);
+      } else if (state.checkoutStep === 1) {
+        return h('hemfixarna-getuser', null);
+      } else if (state.checkoutStep === 2) {
+        return h(
+          'div',
+          { class: 'mb-2' },
+          h(
+            'div',
+            { class: 'hemfixarna_addressinfo' },
+            h(
+              'div',
+              null,
+              h('p', null, hideField(state.user.firstName)),
+              h('p', null, hideField(state.user.lastName)),
+              h('p', null, state.user.email),
+              h('p', null, state.user.phone),
+            ),
+            h('div', null, h('p', null, hideField(state.user.street)), h('p', null, hideField(state.user.zip)), h('p', null, hideField(state.user.town))),
+            h('button', { onClick: () => (state.checkoutEdit = true) }, 'Beh\u00F6ver du \u00E4ndra adressen?'),
+          ),
+          h(
+            'form',
+            { onSubmit: e => this.handleSubmit(e) },
+            h(
+              'div',
+              null,
+              h('img', { src: dateLogo, width: 24 }),
+              h('input', {
+                class: `${this.date.length ? 'input_active' : ''}`,
+                min: new Date().toISOString().split('T')[0],
+                onChange: e => this.handleChangeDate(e),
+                type: 'date',
+                name: 'date',
+                value: this.date,
+              }),
+              h('label', { htmlFor: 'date' }, 'Tidigaste datum f\u00F6r hembes\u00F6k'),
+              h('img', { src: down, width: 24 }),
+            ),
+            this.dateError && h('span', null, this.dateError),
+            state.customer.source && this.showSources
+              ? h(
+                  Fragment,
+                  null,
+                  h('p', null, 'Inloggad som:', h('strong', null, ' ', state.customer.source.fieldData.So01_Name)),
+                  h('label', null, 'S\u00E4ljare (S\u00E4ljarId)', h('input', { type: 'text', value: this.sellerID, onChange: e => (this.sellerID = e.target.value) })),
+                  h('label', null, 'PartnerOrderID (RefferalID)', h('input', { type: 'text', value: this.RefferalID, onChange: e => (this.RefferalID = e.target.value) })),
+                  ((_a = state.customer.source.sub_sources) === null || _a === void 0 ? void 0 : _a.length)
+                    ? h(
+                        'div',
+                        null,
+                        h(
+                          'select',
+                          { onChange: e => (this.selectedSubSource = e.target.value) },
+                          h('option', { disabled: true, selected: true, value: 'null' }, 'V\u00E4lj underk\u00E4lla'),
+                          state.customer.source.sub_sources.map(sub => h('option', { value: sub['So_SubSource::_id'] }, sub['So_SubSource::Sus01_Name'])),
+                        ),
+                      )
+                    : h('h4', null, 'Det finns inga underk\u00E4llor att v\u00E4lja'),
+                )
+              : null,
+            h('label', { class: 'hemfixarna_checkbox' }, h('input', { onChange: () => this.handleChangeTerms(), type: 'checkbox' }), h('span', { innerHTML: state.options.terms })),
+            state.cart
+              .filter(i => {
+                var _a;
+                return (_a = i.terms_checkout) === null || _a === void 0 ? void 0 : _a.length;
+              })
+              .map(item =>
+                h(
+                  Fragment,
+                  null,
+                  h('label', { class: 'hemfixarna_checkbox' }, h('input', { onChange: () => this.handleChangeTerms(), type: 'checkbox' }), h('span', null, item.terms_checkout)),
+                ),
+              ),
+            this.generalError && h('span', null, this.generalError),
+            h(
+              'div',
+              { class: this.loading ? 'loading' : '' },
+              h('input', { type: 'submit', value: this.loading ? '' : 'Skicka bokning' }),
+              h('img', { width: 20, height: 20, src: loading, alt: 'spinner' }),
+            ),
+          ),
+        );
       }
     };
     this.date = '';
@@ -891,17 +1152,19 @@ const HemfixarnaCheckout = class {
   disconnectedCallback() {
     window.removeEventListener('keydown', this.handleKeyDown);
   }
-  get el() { return getElement(this); }
+  get el() {
+    return getElement(this);
+  }
 };
 
-const hemfixarnaCss = "@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap\");\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n* {\n  box-sizing: border-box;\n}\n\n:host {\n  font-family: \"Inter\", sans-serif;\n}\n:host input[type=text] {\n  padding: 16px;\n  width: 100%;\n  font-size: 16px;\n  border: 1px solid #fcd9c9;\n}\n:host .mb-2 {\n  margin-bottom: 32px;\n}\n:host button {\n  color: #474444;\n}\n:host form {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  position: relative;\n}\n:host form button {\n  position: absolute;\n  right: 0;\n  top: -1rem;\n}\n:host form img {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  pointer-events: none;\n}\n:host form img:first-of-type {\n  left: 16px;\n}\n:host form img:last-of-type {\n  right: 16px;\n}\n:host form span {\n  margin-top: -8px;\n  color: #ec6632;\n}\n:host form p {\n  text-align: center;\n}\n:host form p {\n  margin: 0;\n}\n:host form div {\n  position: relative;\n}\n:host form div label {\n  pointer-events: none;\n  position: absolute;\n  left: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n  background: #fff;\n  padding: 4px;\n  transition: 0.2s all cubic-bezier(0.465, 0.183, 0.153, 0.946);\n}\n:host form div input {\n  padding: 16px;\n  width: 100%;\n  font-size: 16px;\n  border: 1px solid #fcd9c9;\n}\n:host form div input:focus ~ label,\n:host form div .input_active ~ label {\n  top: 0;\n  transform: translateY(-50%);\n  background: linear-gradient(180deg, #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 hemfixarnaCss =
+  '@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap");\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n* {\n  box-sizing: border-box;\n}\n\n:host {\n  font-family: "Inter", sans-serif;\n}\n:host input[type=text] {\n  padding: 16px;\n  width: 100%;\n  font-size: 16px;\n  border: 1px solid #fcd9c9;\n}\n:host .mb-2 {\n  margin-bottom: 32px;\n}\n:host button {\n  color: #474444;\n}\n:host form {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  position: relative;\n}\n:host form button {\n  position: absolute;\n  right: 0;\n  top: -1rem;\n}\n:host form img {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  pointer-events: none;\n}\n:host form img:first-of-type {\n  left: 16px;\n}\n:host form img:last-of-type {\n  right: 16px;\n}\n:host form span {\n  margin-top: -8px;\n  color: #ec6632;\n}\n:host form p {\n  text-align: center;\n}\n:host form p {\n  margin: 0;\n}\n:host form div {\n  position: relative;\n}\n:host form div label {\n  pointer-events: none;\n  position: absolute;\n  left: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n  background: #fff;\n  padding: 4px;\n  transition: 0.2s all cubic-bezier(0.465, 0.183, 0.153, 0.946);\n}\n:host form div input {\n  padding: 16px;\n  width: 100%;\n  font-size: 16px;\n  border: 1px solid #fcd9c9;\n}\n:host form div input:focus ~ label,\n:host form div .input_active ~ label {\n  top: 0;\n  transform: translateY(-50%);\n  background: linear-gradient(180deg, #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 HemfixarnaComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.slugIsOldFormat = (slug) => {
-      if (!slug)
-        return false;
+    this.slugIsOldFormat = slug => {
+      if (!slug) return false;
       return ['product', 'service', 'category'].some(str => slug.includes(str));
     };
     this.triggerScrollTotop = () => {
@@ -928,14 +1191,19 @@ const HemfixarnaComponent = class {
   loadCategoryOrProduct(id) {
     this.proppedProduct = null;
     if (id.startsWith('c-')) {
-      const categories = [...state.customer.categories, ...state.customer.categories.map(c => { var _a; return (_a = c.sub_categories) !== null && _a !== void 0 ? _a : []; })].flat();
+      const categories = [
+        ...state.customer.categories,
+        ...state.customer.categories.map(c => {
+          var _a;
+          return (_a = c.sub_categories) !== null && _a !== void 0 ? _a : [];
+        }),
+      ].flat();
       const category = categories.find(c => c && c.id === id.replace('c-', ''));
       if (category) {
         state.selectedCustomerCategory = category;
         state.step = 2;
       }
-    }
-    else {
+    } else {
       const products = state.customer.categories
         .map(c => (c.show_products ? c.products : c.sub_categories ? c.sub_categories.map(c => c.products) : []))
         .flat()
@@ -951,8 +1219,7 @@ const HemfixarnaComponent = class {
   async watchSlugChange(newValue) {
     if (this.slugIsOldFormat(newValue)) {
       this.fetchNewTaxonomy(newValue);
-    }
-    else if (state.customer && newValue) {
+    } else if (state.customer && newValue) {
       this.loadCategoryOrProduct(newValue);
     }
   }
@@ -961,8 +1228,7 @@ const HemfixarnaComponent = class {
       if (id === 'maleri') {
         state.maleri = true;
         state.step = 4;
-      }
-      else {
+      } else {
         this.loadCategoryOrProduct(id);
       }
     }
@@ -975,8 +1241,7 @@ const HemfixarnaComponent = class {
     const res = await getTaxonomy(slug);
     if ((res === null || res === void 0 ? void 0 : res.code) === 'not_found' || (res === null || res === void 0 ? void 0 : res.code) === 'rest_no_route') {
       console.log('taxonomy not found');
-    }
-    else if (res) {
+    } else if (res) {
       this.setTaxonomy(res);
       if ((res === null || res === void 0 ? void 0 : res.post_type) === 'ikea_product') {
         this.product = res;
@@ -1010,35 +1275,30 @@ const HemfixarnaComponent = class {
         const customer = await getCustomer(this.business);
         if ((customer === null || customer === void 0 ? void 0 : customer.code) === 'not_found') {
           console.warn('customer not found');
-        }
-        else if (customer) {
+        } else if (customer) {
           state.customer = customer;
           if (this.id) {
             if (this.id === 'maleri') {
               state.maleri = true;
               state.step = 4;
-            }
-            else {
+            } else {
               this.loadCategoryOrProduct(this.id);
             }
-          }
-          else if (this.slug && !this.slugIsOldFormat(this.slug)) {
+          } else if (this.slug && !this.slugIsOldFormat(this.slug)) {
             this.loadCategoryOrProduct(this.slug);
           }
         }
-      }
-      catch (error) {
+      } catch (error) {
         console.warn('customer not found');
       }
     }
-    if ((tree === null || tree === void 0 ? void 0 : tree.code) === 'not_found') ;
+    if ((tree === null || tree === void 0 ? void 0 : tree.code) === 'not_found');
     else if (tree) {
       this.tree = tree;
     }
     if ((res === null || res === void 0 ? void 0 : res.code) === 'not_found') {
       console.log('taxonomy not found');
-    }
-    else if (res) {
+    } else if (res) {
       this.setTaxonomy(res);
       if ((res === null || res === void 0 ? void 0 : res.post_type) === 'ikea_product') {
         this.product = res;
@@ -1061,13 +1321,11 @@ const HemfixarnaComponent = class {
       if ((taxonomy === null || taxonomy === void 0 ? void 0 : taxonomy.taxonomy) === 'service_cat') {
         state.selectedCategory = taxonomy;
         state.step = 2;
-      }
-      else if ((taxonomy === null || taxonomy === void 0 ? void 0 : taxonomy.post_type) === 'service') {
+      } else if ((taxonomy === null || taxonomy === void 0 ? void 0 : taxonomy.post_type) === 'service') {
         state.selectedService = taxonomy;
         state.selectedCategory = this.tree.sub_cats.find(c => c.services.find(s => s.ID === taxonomy.ID));
         state.step = 3;
-      }
-      else if ((taxonomy === null || taxonomy === void 0 ? void 0 : taxonomy.post_type) === 'ikea_product') {
+      } else if ((taxonomy === null || taxonomy === void 0 ? void 0 : taxonomy.post_type) === 'ikea_product') {
         state.selectedProduct = taxonomy;
         state.selectedService = this.tree.sub_cats
           .map(c => c.services)
@@ -1093,8 +1351,7 @@ const HemfixarnaComponent = class {
     }, 200);
   }
   handleClick(e) {
-    if (this.loadFromQuery && !this.isDemo)
-      return;
+    if (this.loadFromQuery && !this.isDemo) return;
     if ((e === null || e === void 0 ? void 0 : e.composedPath()[0]).classList.contains('hemfixarna_backdrop')) {
       this.closeModal();
     }
@@ -1116,17 +1373,178 @@ const HemfixarnaComponent = class {
     const monteringLogo = getAssetPath(`./assets/montering.svg`);
     const navBackground = ((_a = this.nav) === null || _a === void 0 ? void 0 : _a.background) ? getAssetPath(this.nav.background) : '';
     const navLogo = ((_b = this.nav) === null || _b === void 0 ? void 0 : _b.logo) ? getAssetPath(this.nav.logo) : '';
-    return (h("div", { class: `hemfixarna ${this.loadFromQuery ? 'hemfixarna_standalone' : ''}` }, this.loadFromQuery && !this.isDemo && this.nav ? (h("nav", { class: "hemfixarna_nav", style: { backgroundColor: (_c = this.nav.backgroundColor) !== null && _c !== void 0 ? _c : '' } }, h("div", null, h("div", { class: "hemfixarna_nav--logos" }, h("a", { href: this.nav.url, target: "_blank" }, h("img", { class: "hemfixarna_partnerlogo", src: navLogo, alt: `${this.business} logo` })), h("a", { href: "https://hemfixarna.se/", target: "_blank" }, h("p", { class: navBackground || this.nav.backgroundColor ? 'with-bg' : '' }, "I samarbete med:"), h("img", { src: logo, alt: "hemfixarna_logo", width: 104 }))), h("div", { class: "hemfixarna_nav--links" }, h("a", { href: this.nav.url, target: "_blank" }, "Till ", this.business), h("a", { href: "https://www.hemfixarna.se/", target: "_blank" }, "Till Hemfixarna")), navBackground ? h("img", { src: navBackground, class: "nav_background", alt: "nav_background" }) : null))) : null, !this.loadFromQuery || this.isDemo ? (h("div", { class: `hemfixarna_box hemfixarna_box--${this.widgetStyle}` }, [WidgetStyle.alternative_2, WidgetStyle.alternative_3].includes(this.widgetStyle) ? (h("img", { src: this.id === 'maleri' ? pensel : monteringLogo, alt: "montering logo", width: 32, height: 32 })) : null, h("div", null, h("div", null, h("p", { onClick: () => this.openModal(), class: `pointer ${[WidgetStyle.alternative_2, WidgetStyle.alternative_3].includes(this.widgetStyle) && state.selectedProduct ? 'underline' : ''}` }, this.id === 'maleri' ? (h("span", null, "Ber\u00E4kna fast pris p\u00E5 m\u00E5leri & tapetsering h\u00E4r")) : (h(Fragment, null, !state.selectedCustomerCategory && !this.product && !this.proppedProduct ? (h(Fragment, null, ((_d = state.customer) === null || _d === void 0 ? void 0 : _d.widget_title) ? (h("span", null, state.customer.widget_title)) : (h("span", null, "Montering/Installation - ", h("strong", { class: "underline" }, "se priser h\u00E4r"))))) : (h(Fragment, null, ((_e = this.product) === null || _e === void 0 ? void 0 : _e.title) || ((_f = this.proppedProduct) === null || _f === void 0 ? void 0 : _f.title) || ((_g = state.selectedCustomerCategory) === null || _g === void 0 ? void 0 : _g.widget_title) || (h("span", null, "Montering", h("wbr", null), "/Installation ", (_j = (_h = state.selectedCustomerCategory) === null || _h === void 0 ? void 0 : _h.name) !== null && _j !== void 0 ? _j : 'på plats', " - ", h("strong", { class: "underline" }, "se priser h\u00E4r"))), (this.product && ((_k = this.slug) === null || _k === void 0 ? void 0 : _k.includes('product'))) || (this.proppedProduct && !((_l = this.product) === null || _l === void 0 ? void 0 : _l.invoice) && !((_m = this.proppedProduct) === null || _m === void 0 ? void 0 : _m.invoice)) ? (h("span", null, ' från', " ", h("strong", null, getProductPriceWithRotAndRut(this.proppedProduct || this.product), "kr"))) : null)))))), this.widgetStyle === WidgetStyle.standard ? h("img", { src: logo, width: 104 }) : null, this.widgetStyle === WidgetStyle.alternative ? (h("span", { class: "p-s" }, "Utf\u00F6rs av ", h("strong", null, "Hemfixarna"))) : null), [WidgetStyle.standard, WidgetStyle.alternative].includes(this.widgetStyle) ? (h("button", { onClick: () => this.openModal(), class: "hemfixarna_btn", style: {
-        color: ((_o = this.buttonColor) === null || _o === void 0 ? void 0 : _o.startsWith('#')) || !((_p = this.buttonColor) === null || _p === void 0 ? void 0 : _p.length) ? this.buttonColor : `#${this.buttonColor}`,
-        backgroundColor: ((_q = this.buttonBg) === null || _q === void 0 ? void 0 : _q.startsWith('#')) || !((_r = this.buttonBg) === null || _r === void 0 ? void 0 : _r.length) ? this.buttonBg : `#${this.buttonBg}`,
-      } }, "Best\u00E4ll h\u00E4r", this.getCartLength() > 0 && h("span", null, this.getCartLength()))) : null, WidgetStyle.alternative_2 === this.widgetStyle ? (h("div", { class: "hemfixarna_altbtn" }, h("strong", { class: "p-s" }, "Utf\u00F6rs av"), h("img", { src: logo, alt: "hemfixarna logo", width: 98 }))) : null)) : null, this.modal && (h("div", null, h("div", { class: `hemfixarna_modal ${this.showModal ? 'hemfixarna_modal--open' : ''}` }, state.modal && (h("div", { class: "hemfixarna_infomodal" }, state.modal.title && h("h2", null, state.modal.title), state.modal.text.map((t) => (h("p", { innerHTML: t }))), h("div", null, h("button", { onClick: () => (state.modal = null) }, "St\u00E4ng")))), (this.tree || state.customer) && (h("hemfixarna-breadcrumbs", { isDemo: this.isDemo, loadFromQuery: this.loadFromQuery, closeModal: () => this.closeModal(), tree: this.tree })), !state.customer || this.slugIsOldFormat(this.slug) ? (h("div", { class: `hemfixarna_content hemfixarna_content--${state.step}` }, state.step === 1 && this.tree && h("hemfixarna-start", { tree: this.tree }), state.step === 2 && state.selectedCategory && h("hemfixarna-category", null), state.step === 3 && state.selectedService && h("hemfixarna-service", null), state.step === 4 && state.selectedProduct && h("hemfixarna-product", null), state.step === 5 && h("hemfixarna-cart", { tree: this.tree }), state.step === 6 && h("hemfixarna-order", { tree: this.tree }))) : (h("div", { class: `hemfixarna_content hemfixarna_content--${state.step} ${state.step === 4 && state.maleri ? 'hemfixarna_content--painting' : ''}` }, state.step < 4 && h("hemfixarna-start", null), state.step === 4 && h("hemfixarna-product", null), state.step === 5 && h("hemfixarna-cart", { tree: this.tree }), state.step === 6 && h("hemfixarna-order", { tree: this.tree })))), !this.isDemo ? h("div", { class: `hemfixarna_backdrop ${this.showModal ? 'hemfixarna_backdrop--open' : ''}` }) : null))));
-  }
-  static get assetsDirs() { return ["assets"]; }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "slug": ["watchSlugChange"],
-    "id": ["watchIdChange"]
-  }; }
+    return h(
+      'div',
+      { class: `hemfixarna ${this.loadFromQuery ? 'hemfixarna_standalone' : ''}` },
+      this.loadFromQuery && !this.isDemo && this.nav
+        ? h(
+            'nav',
+            { class: 'hemfixarna_nav', style: { backgroundColor: (_c = this.nav.backgroundColor) !== null && _c !== void 0 ? _c : '' } },
+            h(
+              'div',
+              null,
+              h(
+                'div',
+                { class: 'hemfixarna_nav--logos' },
+                h('a', { href: this.nav.url, target: '_blank' }, h('img', { class: 'hemfixarna_partnerlogo', src: navLogo, alt: `${this.business} logo` })),
+                h(
+                  'a',
+                  { href: 'https://hemfixarna.se/', target: '_blank' },
+                  h('p', { class: navBackground || this.nav.backgroundColor ? 'with-bg' : '' }, 'I samarbete med:'),
+                  h('img', { src: logo, alt: 'hemfixarna_logo', width: 104 }),
+                ),
+              ),
+              h(
+                'div',
+                { class: 'hemfixarna_nav--links' },
+                h('a', { href: this.nav.url, target: '_blank' }, 'Till ', this.business),
+                h('a', { href: 'https://www.hemfixarna.se/', target: '_blank' }, 'Till Hemfixarna'),
+              ),
+              navBackground ? h('img', { src: navBackground, class: 'nav_background', alt: 'nav_background' }) : null,
+            ),
+          )
+        : null,
+      !this.loadFromQuery || this.isDemo
+        ? h(
+            'div',
+            { class: `hemfixarna_box hemfixarna_box--${this.widgetStyle}` },
+            [WidgetStyle.alternative_2, WidgetStyle.alternative_3].includes(this.widgetStyle)
+              ? h('img', { src: this.id === 'maleri' ? pensel : monteringLogo, alt: 'montering logo', width: 32, height: 32 })
+              : null,
+            h(
+              'div',
+              null,
+              h(
+                'div',
+                null,
+                h(
+                  'p',
+                  {
+                    onClick: () => this.openModal(),
+                    class: `pointer ${[WidgetStyle.alternative_2, WidgetStyle.alternative_3].includes(this.widgetStyle) && state.selectedProduct ? 'underline' : ''}`,
+                  },
+                  this.id === 'maleri'
+                    ? h('span', null, 'Ber\u00E4kna fast pris p\u00E5 m\u00E5leri & tapetsering h\u00E4r')
+                    : h(
+                        Fragment,
+                        null,
+                        !state.selectedCustomerCategory && !this.product && !this.proppedProduct
+                          ? h(
+                              Fragment,
+                              null,
+                              ((_d = state.customer) === null || _d === void 0 ? void 0 : _d.widget_title)
+                                ? h('span', null, state.customer.widget_title)
+                                : h('span', null, 'Montering/Installation - ', h('strong', { class: 'underline' }, 'se priser h\u00E4r')),
+                            )
+                          : h(
+                              Fragment,
+                              null,
+                              ((_e = this.product) === null || _e === void 0 ? void 0 : _e.title) ||
+                                ((_f = this.proppedProduct) === null || _f === void 0 ? void 0 : _f.title) ||
+                                ((_g = state.selectedCustomerCategory) === null || _g === void 0 ? void 0 : _g.widget_title) ||
+                                h(
+                                  'span',
+                                  null,
+                                  'Montering',
+                                  h('wbr', null),
+                                  '/Installation ',
+                                  (_j = (_h = state.selectedCustomerCategory) === null || _h === void 0 ? void 0 : _h.name) !== null && _j !== void 0 ? _j : 'på plats',
+                                  ' - ',
+                                  h('strong', { class: 'underline' }, 'se priser h\u00E4r'),
+                                ),
+                              (this.product && ((_k = this.slug) === null || _k === void 0 ? void 0 : _k.includes('product'))) ||
+                                (this.proppedProduct &&
+                                  !((_l = this.product) === null || _l === void 0 ? void 0 : _l.invoice) &&
+                                  !((_m = this.proppedProduct) === null || _m === void 0 ? void 0 : _m.invoice))
+                                ? h('span', null, ' från', ' ', h('strong', null, getProductPriceWithRotAndRut(this.proppedProduct || this.product), 'kr'))
+                                : null,
+                            ),
+                      ),
+                ),
+              ),
+              this.widgetStyle === WidgetStyle.standard ? h('img', { src: logo, width: 104 }) : null,
+              this.widgetStyle === WidgetStyle.alternative ? h('span', { class: 'p-s' }, 'Utf\u00F6rs av ', h('strong', null, 'Hemfixarna')) : null,
+            ),
+            [WidgetStyle.standard, WidgetStyle.alternative].includes(this.widgetStyle)
+              ? h(
+                  'button',
+                  {
+                    onClick: () => this.openModal(),
+                    class: 'hemfixarna_btn',
+                    style: {
+                      color:
+                        ((_o = this.buttonColor) === null || _o === void 0 ? void 0 : _o.startsWith('#')) ||
+                        !((_p = this.buttonColor) === null || _p === void 0 ? void 0 : _p.length)
+                          ? this.buttonColor
+                          : `#${this.buttonColor}`,
+                      backgroundColor:
+                        ((_q = this.buttonBg) === null || _q === void 0 ? void 0 : _q.startsWith('#')) || !((_r = this.buttonBg) === null || _r === void 0 ? void 0 : _r.length)
+                          ? this.buttonBg
+                          : `#${this.buttonBg}`,
+                    },
+                  },
+                  'Best\u00E4ll h\u00E4r',
+                  this.getCartLength() > 0 && h('span', null, this.getCartLength()),
+                )
+              : null,
+            WidgetStyle.alternative_2 === this.widgetStyle
+              ? h('div', { class: 'hemfixarna_altbtn' }, h('strong', { class: 'p-s' }, 'Utf\u00F6rs av'), h('img', { src: logo, alt: 'hemfixarna logo', width: 98 }))
+              : null,
+          )
+        : null,
+      this.modal &&
+        h(
+          'div',
+          null,
+          h(
+            'div',
+            { class: `hemfixarna_modal ${this.showModal ? 'hemfixarna_modal--open' : ''}` },
+            state.modal &&
+              h(
+                'div',
+                { class: 'hemfixarna_infomodal' },
+                state.modal.title && h('h2', null, state.modal.title),
+                state.modal.text.map(t => h('p', { innerHTML: t })),
+                h('div', null, h('button', { onClick: () => (state.modal = null) }, 'St\u00E4ng')),
+              ),
+            (this.tree || state.customer) &&
+              h('hemfixarna-breadcrumbs', { isDemo: this.isDemo, loadFromQuery: this.loadFromQuery, closeModal: () => this.closeModal(), tree: this.tree }),
+            !state.customer || this.slugIsOldFormat(this.slug)
+              ? h(
+                  'div',
+                  { class: `hemfixarna_content hemfixarna_content--${state.step}` },
+                  state.step === 1 && this.tree && h('hemfixarna-start', { tree: this.tree }),
+                  state.step === 2 && state.selectedCategory && h('hemfixarna-category', null),
+                  state.step === 3 && state.selectedService && h('hemfixarna-service', null),
+                  state.step === 4 && state.selectedProduct && h('hemfixarna-product', null),
+                  state.step === 5 && h('hemfixarna-cart', { tree: this.tree }),
+                  state.step === 6 && h('hemfixarna-order', { tree: this.tree }),
+                )
+              : h(
+                  'div',
+                  { class: `hemfixarna_content hemfixarna_content--${state.step} ${state.step === 4 && state.maleri ? 'hemfixarna_content--painting' : ''}` },
+                  state.step < 4 && h('hemfixarna-start', null),
+                  state.step === 4 && h('hemfixarna-product', null),
+                  state.step === 5 && h('hemfixarna-cart', { tree: this.tree }),
+                  state.step === 6 && h('hemfixarna-order', { tree: this.tree }),
+                ),
+          ),
+          !this.isDemo ? h('div', { class: `hemfixarna_backdrop ${this.showModal ? 'hemfixarna_backdrop--open' : ''}` }) : null,
+        ),
+    );
+  }
+  static get assetsDirs() {
+    return ['assets'];
+  }
+  get el() {
+    return getElement(this);
+  }
+  static get watchers() {
+    return {
+      slug: ['watchSlugChange'],
+      id: ['watchIdChange'],
+    };
+  }
 };
 HemfixarnaComponent.style = hemfixarnaCss;
 
@@ -1136,11 +1554,52 @@ const HemfixarnaInfo$1 = class {
     this.vertical = false;
   }
   render() {
-    return (h("div", { class: `hemfixarna_contact ${this.vertical ? 'hemfixarna_contact--vertical' : 'hemfixarna_contact--horizontal'}` }, h("a", { href: "tel:0770-220 720" }, h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("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" })), h("span", null, "0770-220 720")), h("a", { href: "https://hemfixarna.se/kundservice/", target: "_blank" }, h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { "clip-path": "url(#clip0_1001_894)" }, h("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" }), h("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" }), h("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" }), h("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" })), h("defs", null, h("clipPath", { id: "clip0_1001_894" }, h("rect", { width: "24", height: "24", fill: "white" })))), h("span", null, "Kundservice"))));
+    return h(
+      'div',
+      { class: `hemfixarna_contact ${this.vertical ? 'hemfixarna_contact--vertical' : 'hemfixarna_contact--horizontal'}` },
+      h(
+        'a',
+        { href: 'tel:0770-220 720' },
+        h(
+          'svg',
+          { width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
+          h('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',
+          }),
+        ),
+        h('span', null, '0770-220 720'),
+      ),
+      h(
+        'a',
+        { href: 'https://hemfixarna.se/kundservice/', target: '_blank' },
+        h(
+          'svg',
+          { width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
+          h(
+            'g',
+            { 'clip-path': 'url(#clip0_1001_894)' },
+            h('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',
+            }),
+            h('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' }),
+            h('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' }),
+            h('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',
+            }),
+          ),
+          h('defs', null, h('clipPath', { id: 'clip0_1001_894' }, h('rect', { width: '24', height: '24', fill: 'white' }))),
+        ),
+        h('span', null, 'Kundservice'),
+      ),
+    );
   }
 };
 
-const hemfixarnaDemoCss = "@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 hemfixarnaDemoCss =
+  '@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 MyComponent$i = class {
   constructor(hostRef) {
@@ -1180,10 +1639,10 @@ const MyComponent$i = class {
     })
       .then(response => response.json())
       .then(json => {
-      if (json && (json)) {
-        this.colorAccessibility = json;
-      }
-    });
+        if (json && json) {
+          this.colorAccessibility = json;
+        }
+      });
     // Your color accessibility logic here
   }
   getTopLevelCategory() {
@@ -1212,12 +1671,11 @@ const MyComponent$i = class {
     var _a;
     if (process.env.FORCE_OLD_TREE) {
       const tree = await getTaxonomy(this.getTopLevelCategory());
-      if ((tree === null || tree === void 0 ? void 0 : tree.code) === 'not_found') ;
+      if ((tree === null || tree === void 0 ? void 0 : tree.code) === 'not_found');
       else if (tree) {
         this.tree = tree;
       }
-    }
-    else {
+    } else {
       const partner = window.location.pathname.replace('/', '');
       this.partner = isBusiness(partner) ? partner : (_a = process.env.BUSINESS) !== null && _a !== void 0 ? _a : Business.kund;
       const customer = await getCustomer(this.partner);
@@ -1258,17 +1716,371 @@ const MyComponent$i = class {
   render() {
     var _a;
     const copy = getAssetPath(`./assets/copy.png`);
-    return (h("div", { class: ((_a = this.customer) === null || _a === void 0 ? void 0 : _a.at_hemfixarna) ? 'hemfixarna_hosted' : '' }, h("div", { class: "hemfixarna_scripts" }, h("div", { onClick: () => this.copyExample(), class: "hemfixarna_example" }, h("p", null, this.getExample()), h("img", { src: copy, height: 20 }), h("span", { class: "hemfixarna_example--tooltip" }, this.tooltipText)), this.partner === Business.byggmax && (h("hemfixarna-byggmax", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, forceOldTree: Boolean(process.env.FORCE_OLD_TREE), slug: this.selectedSlug, id: this.selectedID })), this.partner === Business.skanska && h("hemfixarna-skanska", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID }), this.partner === Business.sparfonster && (h("hemfixarna-sparfonster", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), this.partner === Business.string && (h("hemfixarna-string-furniture", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), this.partner === Business.hornbach && (h("hemfixarna-hornbach", { isDemo: true, buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), this.partner === Business.traningspartner && (h("hemfixarna-traningspartner", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), this.partner === Business.superfront && (h("hemfixarna-superfront", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), this.partner === Business.zaptec && (h("hemfixarna-zaptec", { isDemo: true, buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), this.partner === Business.tesla && (h("hemfixarna-tesla", { isDemo: true, buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), this.partner === Business.forebygg && (h("hemfixarna-forebygg", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), this.partner === Business.doro && h("hemfixarna-doro", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID }), this.partner === Business.elfa && h("hemfixarna-elfa", { isDemo: true, buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID }), this.partner === Business.kbygg && (h("hemfixarna-kbygg", { isDemo: true, buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), this.partner === Business.fargvaruhuset && (h("hemfixarna-fargvaruhuset", { isDemo: true, buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), this.partner === Business.norrgavel && (h("hemfixarna-norrgavel", { isDemo: true, buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), this.partner === Business.klint && h("hemfixarna-klint", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID }), this.partner === Business.flyttsmart && (h("hemfixarna-flyttsmart", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID })), this.partner === Business.power && h("hemfixarna-power", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID }), this.partner === Business.kund && h("hemfixarna-kund", { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID }), h("div", { class: "hemfixarna_install" }, h("div", { onClick: () => this.copyCdn(), class: "hemfixarna_example" }, h("p", null, this.cdnLink), h("span", { class: "hemfixarna_example--tooltip" }, this.tooltipText), h("img", { src: copy, height: 20 }))), h("div", { class: "hemfixarna_widgetstyles" }, h("h5", null, "Widget styles"), h("div", null, Object.values(WidgetStyle).map(style => (h("label", { key: style }, h("input", { type: "radio", value: style, checked: this.widgetStyle === style, onChange: () => (this.widgetStyle = style) }), style)))), h("div", null, h("div", null, h("h5", null, "Button background color"), h("input", { type: "text", value: this.buttonBg, onInput: e => (this.buttonBg = e.target.value) })), h("div", null, h("h5", null, "Button text color"), h("input", { type: "text", value: this.buttonColor, onInput: e => (this.buttonColor = e.target.value) })))), h("span", null, "Write an hexa code no # needed"), this.colorAccessibility ? (h("div", null, h("h5", null, "Tillg\u00E4nglighetsrapport"), h("div", null, h("strong", null, "Liten text:"), h("span", { style: { color: this.getColor(this.colorAccessibility.small) } }, this.colorAccessibility.small), h("br", null), h("strong", null, "Fet text:"), h("span", { style: { color: this.getColor(this.colorAccessibility.bold) } }, this.colorAccessibility.bold), h("br", null), h("strong", null, "Stor text:"), h("span", { style: { color: this.getColor(this.colorAccessibility.large) } }, this.colorAccessibility.large), h("br", null), h("strong", null, "Kontrastf\u00F6rh\u00E5llande:"), " ", this.colorAccessibility.contrast))) : null), h("ul", { class: "hemfixarna_categories" }, this.customer ? (h("div", null, this.customer.logo ? (h("div", { style: { width: '100%', display: 'flex', justifyContent: 'center' } }, h("img", { style: { maxWidth: '250px', height: 'auto', margin: '0 auto 2rem' }, src: this.customer.logo.url, alt: this.customer.post_title }))) : null, this.showMaleri() ? (h("li", null, h("div", { class: "hemfixarna_categories--label hemfixarna_categories--label--big" }, h("div", null, h("p", null, "M\u00E5leriverktyget"), h("span", null, "maleri")), h("div", null, h("button", { onClick: () => navigator.clipboard.writeText('maleri') }, "Kopiera ID"), this.customer.at_hemfixarna ? (h("button", { onClick: () => { var _a; return navigator.clipboard.writeText(`${(_a = "https://hemfixarna.se") !== null && _a !== void 0 ? _a : 'https://hemfixarna.se'}/partner/${this.customer.post_name}?id=maleri`); } }, "Kopiera URL")) : (h("button", { onClick: () => (this.selectedID = 'maleri') }, "Ladda m\u00E5leri")))))) : null, this.customer.categories.map(c => (h("li", null, h("div", { class: "hemfixarna_categories--label hemfixarna_categories--label--big" }, h("div", null, h("p", null, c.name), h("span", null, `c-${c.id}`)), h("div", null, h("button", { onClick: () => navigator.clipboard.writeText(`c-${c.id}`) }, "Kopiera ID"), this.customer.at_hemfixarna ? (h("button", { onClick: () => { var _a; return navigator.clipboard.writeText(`${(_a = "https://hemfixarna.se") !== null && _a !== void 0 ? _a : 'https://hemfixarna.se'}/partner/${this.customer.post_name}?id=c-${c.id}`); } }, "Kopiera URL")) : (h("button", { onClick: () => (this.selectedID = `c-${c.id}`) }, "Ladda kategori")))), c.show_products && c.products ? (h("ul", null, c.products.map(p => (h("li", null, h("div", { class: "hemfixarna_categories--label hemfixarna_product--label" }, h("div", null, h("p", null, p.fields.title), h("span", null, p.fields.ID)), h("div", null, h("button", { onClick: () => navigator.clipboard.writeText(String(p.fields.ID)) }, "Kopiera ID"), this.customer.at_hemfixarna ? (h("button", { onClick: () => { var _a; return navigator.clipboard.writeText(`${(_a = "https://hemfixarna.se") !== null && _a !== void 0 ? _a : 'https://hemfixarna.se'}/partner/${this.customer.post_name}?id=${p.fields.ID}`); } }, "Kopiera URL")) : (h("button", { onClick: () => (this.selectedID = String(p.fields.ID)) }, "Ladda produkt"))))))))) : (h("ul", null, c.sub_categories &&
-      c.sub_categories.map(sc => (h("li", null, h("div", { class: "hemfixarna_categories--label" }, h("div", null, h("p", null, sc.name), h("span", null, `c-${sc.id}`)), h("div", null, h("button", { onClick: () => navigator.clipboard.writeText(`c-${sc.id}`) }, "Kopiera ID"), this.customer.at_hemfixarna ? (h("button", { onClick: () => { var _a; return navigator.clipboard.writeText(`${(_a = "https://hemfixarna.se") !== null && _a !== void 0 ? _a : 'https://hemfixarna.se'}/partner/${this.customer.post_name}?id=c-${c.id}`); } }, "Kopiera URL")) : (h("button", { onClick: () => (this.selectedID = `c-${sc.id}`) }, "Ladda kategori")))), h("ul", null, sc.products.map(p => (h("li", null, h("div", { class: "hemfixarna_categories--label hemfixarna_product--label" }, h("div", null, h("p", null, p.fields.title), h("span", null, p.fields.ID)), h("div", null, h("button", { onClick: () => navigator.clipboard.writeText(String(p.fields.ID)) }, "Kopiera ID"), this.customer.at_hemfixarna ? (h("button", { onClick: () => { var _a; return navigator.clipboard.writeText(`${(_a = "https://hemfixarna.se") !== null && _a !== void 0 ? _a : 'https://hemfixarna.se'}/partner/${this.customer.post_name}?id=${p.fields.ID}`); } }, "Kopiera URL")) : (h("button", { onClick: () => (this.selectedID = String(p.fields.ID)) }, "Ladda produkt")))))))))))))))))) : this.tree ? (h("div", null, this.tree.sub_cats.map(c => (h("li", null, h("div", { class: "hemfixarna_categories--label hemfixarna_categories--label--big" }, h("div", null, h("p", null, c.name), h("span", null, `category/${c.slug}`)), h("div", null, h("button", { onClick: () => navigator.clipboard.writeText(`category/${c.slug}`) }, "Kopiera slug"), h("button", { onClick: () => (this.selectedSlug = `category/${c.slug}`) }, "Ladda kategori"))), h("ul", null, c.services.map(sc => (h("li", null, h("div", { class: "hemfixarna_categories--label" }, h("div", null, h("p", null, sc.post_title), h("span", null, `service/${sc.post_name}`)), h("div", null, h("button", { onClick: () => navigator.clipboard.writeText(`service/${sc.post_name}`) }, "Kopiera slug"), h("button", { onClick: () => (this.selectedSlug = `service/${sc.post_name}`) }, "Ladda kategori"))), h("ul", null, sc.products.map(sc => (h("li", null, h("div", { class: "hemfixarna_categories--label" }, h("div", null, h("p", null, sc.post_title), h("span", null, `product/${sc.post_name}`)), h("div", null, h("button", { onClick: () => navigator.clipboard.writeText(`product/${sc.post_name}`) }, "Kopiera slug"), h("button", { onClick: () => (this.selectedSlug = `product/${sc.post_name}`) }, "Ladda produkt")))))))))))))))) : null)));
+    return h(
+      'div',
+      { class: ((_a = this.customer) === null || _a === void 0 ? void 0 : _a.at_hemfixarna) ? 'hemfixarna_hosted' : '' },
+      h(
+        'div',
+        { class: 'hemfixarna_scripts' },
+        h(
+          'div',
+          { onClick: () => this.copyExample(), class: 'hemfixarna_example' },
+          h('p', null, this.getExample()),
+          h('img', { src: copy, height: 20 }),
+          h('span', { class: 'hemfixarna_example--tooltip' }, this.tooltipText),
+        ),
+        this.partner === Business.byggmax &&
+          h('hemfixarna-byggmax', {
+            buttonColor: this.buttonColor,
+            buttonBg: this.buttonBg,
+            widgetStyle: this.widgetStyle,
+            forceOldTree: Boolean(process.env.FORCE_OLD_TREE),
+            slug: this.selectedSlug,
+            id: this.selectedID,
+          }),
+        this.partner === Business.skanska &&
+          h('hemfixarna-skanska', { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID }),
+        this.partner === Business.sparfonster &&
+          h('hemfixarna-sparfonster', { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID }),
+        this.partner === Business.string &&
+          h('hemfixarna-string-furniture', { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID }),
+        this.partner === Business.hornbach &&
+          h('hemfixarna-hornbach', { isDemo: true, buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID }),
+        this.partner === Business.traningspartner &&
+          h('hemfixarna-traningspartner', { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID }),
+        this.partner === Business.superfront &&
+          h('hemfixarna-superfront', { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID }),
+        this.partner === Business.zaptec &&
+          h('hemfixarna-zaptec', { isDemo: true, buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID }),
+        this.partner === Business.tesla &&
+          h('hemfixarna-tesla', { isDemo: true, buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID }),
+        this.partner === Business.forebygg &&
+          h('hemfixarna-forebygg', { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID }),
+        this.partner === Business.doro && h('hemfixarna-doro', { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID }),
+        this.partner === Business.elfa &&
+          h('hemfixarna-elfa', { isDemo: true, buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID }),
+        this.partner === Business.kbygg &&
+          h('hemfixarna-kbygg', { isDemo: true, buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID }),
+        this.partner === Business.fargvaruhuset &&
+          h('hemfixarna-fargvaruhuset', { isDemo: true, buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID }),
+        this.partner === Business.norrgavel &&
+          h('hemfixarna-norrgavel', { isDemo: true, buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID }),
+        this.partner === Business.klint && h('hemfixarna-klint', { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID }),
+        this.partner === Business.flyttsmart &&
+          h('hemfixarna-flyttsmart', { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID }),
+        this.partner === Business.power && h('hemfixarna-power', { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID }),
+        this.partner === Business.kund && h('hemfixarna-kund', { buttonColor: this.buttonColor, buttonBg: this.buttonBg, widgetStyle: this.widgetStyle, id: this.selectedID }),
+        h(
+          'div',
+          { class: 'hemfixarna_install' },
+          h(
+            'div',
+            { onClick: () => this.copyCdn(), class: 'hemfixarna_example' },
+            h('p', null, this.cdnLink),
+            h('span', { class: 'hemfixarna_example--tooltip' }, this.tooltipText),
+            h('img', { src: copy, height: 20 }),
+          ),
+        ),
+        h(
+          'div',
+          { class: 'hemfixarna_widgetstyles' },
+          h('h5', null, 'Widget styles'),
+          h(
+            'div',
+            null,
+            Object.values(WidgetStyle).map(style =>
+              h('label', { key: style }, h('input', { type: 'radio', value: style, checked: this.widgetStyle === style, onChange: () => (this.widgetStyle = style) }), style),
+            ),
+          ),
+          h(
+            'div',
+            null,
+            h('div', null, h('h5', null, 'Button background color'), h('input', { type: 'text', value: this.buttonBg, onInput: e => (this.buttonBg = e.target.value) })),
+            h('div', null, h('h5', null, 'Button text color'), h('input', { type: 'text', value: this.buttonColor, onInput: e => (this.buttonColor = e.target.value) })),
+          ),
+        ),
+        h('span', null, 'Write an hexa code no # needed'),
+        this.colorAccessibility
+          ? h(
+              'div',
+              null,
+              h('h5', null, 'Tillg\u00E4nglighetsrapport'),
+              h(
+                'div',
+                null,
+                h('strong', null, 'Liten text:'),
+                h('span', { style: { color: this.getColor(this.colorAccessibility.small) } }, this.colorAccessibility.small),
+                h('br', null),
+                h('strong', null, 'Fet text:'),
+                h('span', { style: { color: this.getColor(this.colorAccessibility.bold) } }, this.colorAccessibility.bold),
+                h('br', null),
+                h('strong', null, 'Stor text:'),
+                h('span', { style: { color: this.getColor(this.colorAccessibility.large) } }, this.colorAccessibility.large),
+                h('br', null),
+                h('strong', null, 'Kontrastf\u00F6rh\u00E5llande:'),
+                ' ',
+                this.colorAccessibility.contrast,
+              ),
+            )
+          : null,
+      ),
+      h(
+        'ul',
+        { class: 'hemfixarna_categories' },
+        this.customer
+          ? h(
+              'div',
+              null,
+              this.customer.logo
+                ? h(
+                    'div',
+                    { style: { width: '100%', display: 'flex', justifyContent: 'center' } },
+                    h('img', { style: { maxWidth: '250px', height: 'auto', margin: '0 auto 2rem' }, src: this.customer.logo.url, alt: this.customer.post_title }),
+                  )
+                : null,
+              this.showMaleri()
+                ? h(
+                    'li',
+                    null,
+                    h(
+                      'div',
+                      { class: 'hemfixarna_categories--label hemfixarna_categories--label--big' },
+                      h('div', null, h('p', null, 'M\u00E5leriverktyget'), h('span', null, 'maleri')),
+                      h(
+                        'div',
+                        null,
+                        h('button', { onClick: () => navigator.clipboard.writeText('maleri') }, 'Kopiera ID'),
+                        this.customer.at_hemfixarna
+                          ? h(
+                              'button',
+                              {
+                                onClick: () => {
+                                  var _a;
+                                  return navigator.clipboard.writeText(
+                                    `${(_a = 'https://hemfixarna.se') !== null && _a !== void 0 ? _a : 'https://hemfixarna.se'}/partner/${this.customer.post_name}?id=maleri`,
+                                  );
+                                },
+                              },
+                              'Kopiera URL',
+                            )
+                          : h('button', { onClick: () => (this.selectedID = 'maleri') }, 'Ladda m\u00E5leri'),
+                      ),
+                    ),
+                  )
+                : null,
+              this.customer.categories.map(c =>
+                h(
+                  'li',
+                  null,
+                  h(
+                    'div',
+                    { class: 'hemfixarna_categories--label hemfixarna_categories--label--big' },
+                    h('div', null, h('p', null, c.name), h('span', null, `c-${c.id}`)),
+                    h(
+                      'div',
+                      null,
+                      h('button', { onClick: () => navigator.clipboard.writeText(`c-${c.id}`) }, 'Kopiera ID'),
+                      this.customer.at_hemfixarna
+                        ? h(
+                            'button',
+                            {
+                              onClick: () => {
+                                var _a;
+                                return navigator.clipboard.writeText(
+                                  `${(_a = 'https://hemfixarna.se') !== null && _a !== void 0 ? _a : 'https://hemfixarna.se'}/partner/${this.customer.post_name}?id=c-${c.id}`,
+                                );
+                              },
+                            },
+                            'Kopiera URL',
+                          )
+                        : h('button', { onClick: () => (this.selectedID = `c-${c.id}`) }, 'Ladda kategori'),
+                    ),
+                  ),
+                  c.show_products && c.products
+                    ? h(
+                        'ul',
+                        null,
+                        c.products.map(p =>
+                          h(
+                            'li',
+                            null,
+                            h(
+                              'div',
+                              { class: 'hemfixarna_categories--label hemfixarna_product--label' },
+                              h('div', null, h('p', null, p.fields.title), h('span', null, p.fields.ID)),
+                              h(
+                                'div',
+                                null,
+                                h('button', { onClick: () => navigator.clipboard.writeText(String(p.fields.ID)) }, 'Kopiera ID'),
+                                this.customer.at_hemfixarna
+                                  ? h(
+                                      'button',
+                                      {
+                                        onClick: () => {
+                                          var _a;
+                                          return navigator.clipboard.writeText(
+                                            `${(_a = 'https://hemfixarna.se') !== null && _a !== void 0 ? _a : 'https://hemfixarna.se'}/partner/${this.customer.post_name}?id=${p.fields.ID}`,
+                                          );
+                                        },
+                                      },
+                                      'Kopiera URL',
+                                    )
+                                  : h('button', { onClick: () => (this.selectedID = String(p.fields.ID)) }, 'Ladda produkt'),
+                              ),
+                            ),
+                          ),
+                        ),
+                      )
+                    : h(
+                        'ul',
+                        null,
+                        c.sub_categories &&
+                          c.sub_categories.map(sc =>
+                            h(
+                              'li',
+                              null,
+                              h(
+                                'div',
+                                { class: 'hemfixarna_categories--label' },
+                                h('div', null, h('p', null, sc.name), h('span', null, `c-${sc.id}`)),
+                                h(
+                                  'div',
+                                  null,
+                                  h('button', { onClick: () => navigator.clipboard.writeText(`c-${sc.id}`) }, 'Kopiera ID'),
+                                  this.customer.at_hemfixarna
+                                    ? h(
+                                        'button',
+                                        {
+                                          onClick: () => {
+                                            var _a;
+                                            return navigator.clipboard.writeText(
+                                              `${(_a = 'https://hemfixarna.se') !== null && _a !== void 0 ? _a : 'https://hemfixarna.se'}/partner/${this.customer.post_name}?id=c-${c.id}`,
+                                            );
+                                          },
+                                        },
+                                        'Kopiera URL',
+                                      )
+                                    : h('button', { onClick: () => (this.selectedID = `c-${sc.id}`) }, 'Ladda kategori'),
+                                ),
+                              ),
+                              h(
+                                'ul',
+                                null,
+                                sc.products.map(p =>
+                                  h(
+                                    'li',
+                                    null,
+                                    h(
+                                      'div',
+                                      { class: 'hemfixarna_categories--label hemfixarna_product--label' },
+                                      h('div', null, h('p', null, p.fields.title), h('span', null, p.fields.ID)),
+                                      h(
+                                        'div',
+                                        null,
+                                        h('button', { onClick: () => navigator.clipboard.writeText(String(p.fields.ID)) }, 'Kopiera ID'),
+                                        this.customer.at_hemfixarna
+                                          ? h(
+                                              'button',
+                                              {
+                                                onClick: () => {
+                                                  var _a;
+                                                  return navigator.clipboard.writeText(
+                                                    `${(_a = 'https://hemfixarna.se') !== null && _a !== void 0 ? _a : 'https://hemfixarna.se'}/partner/${this.customer.post_name}?id=${p.fields.ID}`,
+                                                  );
+                                                },
+                                              },
+                                              'Kopiera URL',
+                                            )
+                                          : h('button', { onClick: () => (this.selectedID = String(p.fields.ID)) }, 'Ladda produkt'),
+                                      ),
+                                    ),
+                                  ),
+                                ),
+                              ),
+                            ),
+                          ),
+                      ),
+                ),
+              ),
+            )
+          : this.tree
+            ? h(
+                'div',
+                null,
+                this.tree.sub_cats.map(c =>
+                  h(
+                    'li',
+                    null,
+                    h(
+                      'div',
+                      { class: 'hemfixarna_categories--label hemfixarna_categories--label--big' },
+                      h('div', null, h('p', null, c.name), h('span', null, `category/${c.slug}`)),
+                      h(
+                        'div',
+                        null,
+                        h('button', { onClick: () => navigator.clipboard.writeText(`category/${c.slug}`) }, 'Kopiera slug'),
+                        h('button', { onClick: () => (this.selectedSlug = `category/${c.slug}`) }, 'Ladda kategori'),
+                      ),
+                    ),
+                    h(
+                      'ul',
+                      null,
+                      c.services.map(sc =>
+                        h(
+                          'li',
+                          null,
+                          h(
+                            'div',
+                            { class: 'hemfixarna_categories--label' },
+                            h('div', null, h('p', null, sc.post_title), h('span', null, `service/${sc.post_name}`)),
+                            h(
+                              'div',
+                              null,
+                              h('button', { onClick: () => navigator.clipboard.writeText(`service/${sc.post_name}`) }, 'Kopiera slug'),
+                              h('button', { onClick: () => (this.selectedSlug = `service/${sc.post_name}`) }, 'Ladda kategori'),
+                            ),
+                          ),
+                          h(
+                            'ul',
+                            null,
+                            sc.products.map(sc =>
+                              h(
+                                'li',
+                                null,
+                                h(
+                                  'div',
+                                  { class: 'hemfixarna_categories--label' },
+                                  h('div', null, h('p', null, sc.post_title), h('span', null, `product/${sc.post_name}`)),
+                                  h(
+                                    'div',
+                                    null,
+                                    h('button', { onClick: () => navigator.clipboard.writeText(`product/${sc.post_name}`) }, 'Kopiera slug'),
+                                    h('button', { onClick: () => (this.selectedSlug = `product/${sc.post_name}`) }, 'Ladda produkt'),
+                                  ),
+                                ),
+                              ),
+                            ),
+                          ),
+                        ),
+                      ),
+                    ),
+                  ),
+                ),
+              )
+            : null,
+      ),
+    );
+  }
+  static get watchers() {
+    return {
+      buttonBg: ['debouncedFunction'],
+      buttonColor: ['debouncedFunction'],
+    };
   }
-  static get watchers() { return {
-    "buttonBg": ["debouncedFunction"],
-    "buttonColor": ["debouncedFunction"]
-  }; }
 };
 MyComponent$i.style = hemfixarnaDemoCss;
 
-const hemfixarnaDoroCss = "";
+const hemfixarnaDoroCss = '';
 
 const MyComponent$h = class {
   constructor(hostRef) {
@@ -1280,12 +2092,19 @@ const MyComponent$h = class {
     this.buttonBg = undefined;
   }
   render() {
-    return (h("hemfixarna-component", { widgetStyle: this.widgetStyle, buttonBg: this.buttonBg, buttonColor: this.buttonColor, loadFromQuery: Boolean(this.loadFromQuery), id: this.id, business: Business.doro }));
+    return h('hemfixarna-component', {
+      widgetStyle: this.widgetStyle,
+      buttonBg: this.buttonBg,
+      buttonColor: this.buttonColor,
+      loadFromQuery: Boolean(this.loadFromQuery),
+      id: this.id,
+      business: Business.doro,
+    });
   }
 };
 MyComponent$h.style = hemfixarnaDoroCss;
 
-const hemfixarnaElfaCss = "";
+const hemfixarnaElfaCss = '';
 
 const MyComponent$g = class {
   constructor(hostRef) {
@@ -1298,7 +2117,16 @@ const MyComponent$g = class {
     this.isDemo = false;
   }
   render() {
-    return (h("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: Business.elfa, isDemo: this.isDemo }));
+    return h('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: Business.elfa,
+      isDemo: this.isDemo,
+    });
   }
 };
 MyComponent$g.style = hemfixarnaElfaCss;
@@ -1314,7 +2142,15 @@ const MyComponent$f = class {
     this.isDemo = false;
   }
   render() {
-    return (h("hemfixarna-component", { widgetStyle: this.widgetStyle, buttonBg: this.buttonBg, buttonColor: this.buttonColor, loadFromQuery: Boolean(this.loadFromQuery), id: this.id, business: Business.fargvaruhuset, isDemo: this.isDemo }));
+    return h('hemfixarna-component', {
+      widgetStyle: this.widgetStyle,
+      buttonBg: this.buttonBg,
+      buttonColor: this.buttonColor,
+      loadFromQuery: Boolean(this.loadFromQuery),
+      id: this.id,
+      business: Business.fargvaruhuset,
+      isDemo: this.isDemo,
+    });
   }
 };
 
@@ -1329,11 +2165,19 @@ const MyComponent$e = class {
     this.isDemo = false;
   }
   render() {
-    return (h("hemfixarna-component", { widgetStyle: this.widgetStyle, buttonBg: this.buttonBg, buttonColor: this.buttonColor, loadFromQuery: Boolean(this.loadFromQuery), id: this.id, business: Business.flyttsmart, isDemo: this.isDemo }));
+    return h('hemfixarna-component', {
+      widgetStyle: this.widgetStyle,
+      buttonBg: this.buttonBg,
+      buttonColor: this.buttonColor,
+      loadFromQuery: Boolean(this.loadFromQuery),
+      id: this.id,
+      business: Business.flyttsmart,
+      isDemo: this.isDemo,
+    });
   }
 };
 
-const hemfixarnaForebyggCss = "";
+const hemfixarnaForebyggCss = '';
 
 const MyComponent$d = class {
   constructor(hostRef) {
@@ -1345,7 +2189,14 @@ const MyComponent$d = class {
     this.buttonBg = undefined;
   }
   render() {
-    return (h("hemfixarna-component", { widgetStyle: this.widgetStyle, buttonBg: this.buttonBg, buttonColor: this.buttonColor, loadFromQuery: Boolean(this.loadFromQuery), id: this.id, business: Business.forebygg }));
+    return h('hemfixarna-component', {
+      widgetStyle: this.widgetStyle,
+      buttonBg: this.buttonBg,
+      buttonColor: this.buttonColor,
+      loadFromQuery: Boolean(this.loadFromQuery),
+      id: this.id,
+      business: Business.forebygg,
+    });
   }
 };
 MyComponent$d.style = hemfixarnaForebyggCss;
@@ -1353,7 +2204,7 @@ MyComponent$d.style = hemfixarnaForebyggCss;
 // src/errors.ts
 var PersonnummerError = class extends Error {
   constructor() {
-    super("Invalid swedish personal identity number");
+    super('Invalid swedish personal identity number');
   }
 };
 
@@ -1370,12 +2221,12 @@ var diffInYears = (dateLeft, dateRight) => {
   const result = sign * (yearDiff - +isLastYearNotFull);
   return result === 0 ? 0 : result;
 };
-var luhn = (str) => {
+var luhn = str => {
   let sum = 0;
-  str += "";
+  str += '';
   for (let i = 0, l = str.length; i < l; i++) {
     let v = parseInt(str[i]);
-    v *= 2 - i % 2;
+    v *= 2 - (i % 2);
     if (v > 9) {
       v -= 9;
     }
@@ -1403,53 +2254,53 @@ var Personnummer = class {
      *
      * @var {string}
      */
-    this._century = "";
+    this._century = '';
     /**
      * Personnummer full year.
      *
      * @var {string}
      */
-    this._fullYear = "";
+    this._fullYear = '';
     /**
      * Personnummer year.
      *
      * @var {string}
      */
-    this._year = "";
+    this._year = '';
     /**
      * Personnummer month.
      *
      * @var {string}
      */
-    this._month = "";
+    this._month = '';
     /**
      * Personnummer day.
      *
      * @var {string}
      */
-    this._day = "";
+    this._day = '';
     /**
      * Personnummer seperator.
      *
      * @var {string}
      */
-    this._sep = "";
+    this._sep = '';
     /**
      * Personnumer first three of the last four numbers.
      *
      * @var {string}
      */
-    this._num = "";
+    this._num = '';
     /**
      * The last number of the personnummer.
      *
      * @var {string}
      */
-    this._check = "";
+    this._check = '';
     this.parse(pin, {
       allowCoordinationNumber: true,
       allowInterimNumber: false,
-      ...options
+      ...options,
     });
   }
   /**
@@ -1565,23 +2416,23 @@ var Personnummer = class {
     const sep = match[5];
     const num = match[6];
     const check = match[7];
-    if (typeof century === "undefined" || !century.length) {
+    if (typeof century === 'undefined' || !century.length) {
       const d = /* @__PURE__ */ new Date();
       let baseYear = 0;
-      if (sep === "+") {
-        this._sep = "+";
+      if (sep === '+') {
+        this._sep = '+';
         baseYear = d.getFullYear() - 100;
       } else {
-        this._sep = "-";
+        this._sep = '-';
         baseYear = d.getFullYear();
       }
-      this._century = ("" + (baseYear - (baseYear - parseInt(year)) % 100)).substr(0, 2);
+      this._century = ('' + (baseYear - ((baseYear - parseInt(year)) % 100))).substr(0, 2);
     } else {
       this._century = century;
-      if ((/* @__PURE__ */ new Date()).getFullYear() - parseInt(century + year, 10) < 100) {
-        this._sep = "-";
+      if (/* @__PURE__ */ new Date().getFullYear() - parseInt(century + year, 10) < 100) {
+        this._sep = '-';
       } else {
-        this._sep = "+";
+        this._sep = '+';
       }
     }
     this._year = year;
@@ -1606,9 +2457,7 @@ var Personnummer = class {
    * @return {boolean}
    */
   valid() {
-    const valid = luhn(
-      this.year + this.month + this.day + this.num.replace(/[TRSUWXJKLMN]/, "1")
-    ) === +this.check && !!this.check;
+    const valid = luhn(this.year + this.month + this.day + this.num.replace(/[TRSUWXJKLMN]/, '1')) === +this.check && !!this.check;
     if (valid && testDate(parseInt(this.century + this.year), +this.month, +this.day)) {
       return valid;
     }
@@ -1649,7 +2498,7 @@ var Personnummer = class {
     if (this.isCoordinationNumber()) {
       ageDay -= 60;
     }
-    const ageDate = this.century + this.year + "-" + this.month + "-" + (ageDay < 10 ? "0" + ageDay : ageDay);
+    const ageDate = this.century + this.year + '-' + this.month + '-' + (ageDay < 10 ? '0' + ageDay : ageDay);
     return new Date(ageDate);
   }
   /**
@@ -1666,11 +2515,7 @@ var Personnummer = class {
    * @return {boolean}
    */
   isCoordinationNumber() {
-    return testDate(
-      parseInt(this.century + this.year),
-      +this.month,
-      +this.day - 60
-    );
+    return testDate(parseInt(this.century + this.year), +this.month, +this.day - 60);
   }
   /**
    * Check if a Swedish personal identity number is for a female.
@@ -1693,299 +2538,300 @@ var Personnummer = class {
 var src_default = Personnummer;
 
 function createCommonjsModule(fn, basedir, module) {
-	return module = {
-		path: basedir,
-		exports: {},
-		require: function (path, base) {
-			return commonjsRequire();
-		}
-	}, fn(module, module.exports), module.exports;
+  return (
+    (module = {
+      path: basedir,
+      exports: {},
+      require: function (path, base) {
+        return commonjsRequire();
+      },
+    }),
+    fn(module, module.exports),
+    module.exports
+  );
 }
 
-function commonjsRequire () {
-	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
+function commonjsRequire() {
+  throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
 }
 
 var utf8 = createCommonjsModule(function (module, exports) {
-// tslint:disable:no-bitwise
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.utf8 = void 0;
-exports.utf8 = {
-    encode: encode,
-    decode: decode,
-};
-function encode(unicodeText) {
-    unicodeText = unicodeText.replace(/\r\n/g, "\n");
-    var result = "";
-    for (var i = 0; i < unicodeText.length; i++) {
-        var char = unicodeText.charCodeAt(i);
-        if (char < 128) {
-            result += String.fromCharCode(char);
-        }
-        else if (char > 127 && char < 2048) {
-            result += String.fromCharCode((char >> 6) | 192);
-            result += String.fromCharCode((char & 63) | 128);
-        }
-        else {
-            result += String.fromCharCode((char >> 12) | 224);
-            result += String.fromCharCode(((char >> 6) & 63) | 128);
-            result += String.fromCharCode((char & 63) | 128);
-        }
-    }
-    return result;
-}
-function decode(utf8Text) {
-    var result = "";
-    var i = 0;
-    var char1 = 0;
-    var char2 = 0;
-    var char3 = 0;
-    while (i < utf8Text.length) {
-        char1 = utf8Text.charCodeAt(i);
-        if (char1 < 128) {
-            result += String.fromCharCode(char1);
-            i++;
-        }
-        else if (char1 > 191 && char1 < 224) {
-            char2 = utf8Text.charCodeAt(i + 1);
-            result += String.fromCharCode(((char1 & 31) << 6) | (char2 & 63));
-            i += 2;
-        }
-        else {
-            char2 = utf8Text.charCodeAt(i + 1);
-            char3 = utf8Text.charCodeAt(i + 2);
-            result += String.fromCharCode(((char1 & 15) << 12) | ((char2 & 63) << 6) | (char3 & 63));
-            i += 3;
-        }
-    }
-    return result;
-}
+  // tslint:disable:no-bitwise
+  Object.defineProperty(exports, '__esModule', { value: true });
+  exports.utf8 = void 0;
+  exports.utf8 = {
+    encode: encode,
+    decode: decode,
+  };
+  function encode(unicodeText) {
+    unicodeText = unicodeText.replace(/\r\n/g, '\n');
+    var result = '';
+    for (var i = 0; i < unicodeText.length; i++) {
+      var char = unicodeText.charCodeAt(i);
+      if (char < 128) {
+        result += String.fromCharCode(char);
+      } else if (char > 127 && char < 2048) {
+        result += String.fromCharCode((char >> 6) | 192);
+        result += String.fromCharCode((char & 63) | 128);
+      } else {
+        result += String.fromCharCode((char >> 12) | 224);
+        result += String.fromCharCode(((char >> 6) & 63) | 128);
+        result += String.fromCharCode((char & 63) | 128);
+      }
+    }
+    return result;
+  }
+  function decode(utf8Text) {
+    var result = '';
+    var i = 0;
+    var char1 = 0;
+    var char2 = 0;
+    var char3 = 0;
+    while (i < utf8Text.length) {
+      char1 = utf8Text.charCodeAt(i);
+      if (char1 < 128) {
+        result += String.fromCharCode(char1);
+        i++;
+      } else if (char1 > 191 && char1 < 224) {
+        char2 = utf8Text.charCodeAt(i + 1);
+        result += String.fromCharCode(((char1 & 31) << 6) | (char2 & 63));
+        i += 2;
+      } else {
+        char2 = utf8Text.charCodeAt(i + 1);
+        char3 = utf8Text.charCodeAt(i + 2);
+        result += String.fromCharCode(((char1 & 15) << 12) | ((char2 & 63) << 6) | (char3 & 63));
+        i += 3;
+      }
+    }
+    return result;
+  }
 });
 
 var md5 = createCommonjsModule(function (module, exports) {
-// tslint:disable:no-bitwise
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generate = void 0;
-
-function generate(unicodeText) {
-    var x = [];
-    var k;
-    var AA;
-    var BB;
-    var CC;
-    var DD;
-    var a;
-    var b;
-    var c;
-    var d;
-    var S11 = 7;
-    var S12 = 12;
-    var S13 = 17;
-    var S14 = 22;
-    var S21 = 5;
-    var S22 = 9;
-    var S23 = 14;
-    var S24 = 20;
-    var S31 = 4;
-    var S32 = 11;
-    var S33 = 16;
-    var S34 = 23;
-    var S41 = 6;
-    var S42 = 10;
-    var S43 = 15;
-    var S44 = 21;
-    var utf8Text = utf8.utf8.encode(unicodeText);
-    x = convertToWordArray(utf8Text);
-    a = 0x67452301;
-    b = 0xefcdab89;
-    c = 0x98badcfe;
-    d = 0x10325476;
-    for (k = 0; k < x.length; k += 16) {
-        AA = a;
-        BB = b;
-        CC = c;
-        DD = d;
-        a = FF(a, b, c, d, x[k + 0], S11, 0xd76aa478);
-        d = FF(d, a, b, c, x[k + 1], S12, 0xe8c7b756);
-        c = FF(c, d, a, b, x[k + 2], S13, 0x242070db);
-        b = FF(b, c, d, a, x[k + 3], S14, 0xc1bdceee);
-        a = FF(a, b, c, d, x[k + 4], S11, 0xf57c0faf);
-        d = FF(d, a, b, c, x[k + 5], S12, 0x4787c62a);
-        c = FF(c, d, a, b, x[k + 6], S13, 0xa8304613);
-        b = FF(b, c, d, a, x[k + 7], S14, 0xfd469501);
-        a = FF(a, b, c, d, x[k + 8], S11, 0x698098d8);
-        d = FF(d, a, b, c, x[k + 9], S12, 0x8b44f7af);
-        c = FF(c, d, a, b, x[k + 10], S13, 0xffff5bb1);
-        b = FF(b, c, d, a, x[k + 11], S14, 0x895cd7be);
-        a = FF(a, b, c, d, x[k + 12], S11, 0x6b901122);
-        d = FF(d, a, b, c, x[k + 13], S12, 0xfd987193);
-        c = FF(c, d, a, b, x[k + 14], S13, 0xa679438e);
-        b = FF(b, c, d, a, x[k + 15], S14, 0x49b40821);
-        a = GG(a, b, c, d, x[k + 1], S21, 0xf61e2562);
-        d = GG(d, a, b, c, x[k + 6], S22, 0xc040b340);
-        c = GG(c, d, a, b, x[k + 11], S23, 0x265e5a51);
-        b = GG(b, c, d, a, x[k + 0], S24, 0xe9b6c7aa);
-        a = GG(a, b, c, d, x[k + 5], S21, 0xd62f105d);
-        d = GG(d, a, b, c, x[k + 10], S22, 0x2441453);
-        c = GG(c, d, a, b, x[k + 15], S23, 0xd8a1e681);
-        b = GG(b, c, d, a, x[k + 4], S24, 0xe7d3fbc8);
-        a = GG(a, b, c, d, x[k + 9], S21, 0x21e1cde6);
-        d = GG(d, a, b, c, x[k + 14], S22, 0xc33707d6);
-        c = GG(c, d, a, b, x[k + 3], S23, 0xf4d50d87);
-        b = GG(b, c, d, a, x[k + 8], S24, 0x455a14ed);
-        a = GG(a, b, c, d, x[k + 13], S21, 0xa9e3e905);
-        d = GG(d, a, b, c, x[k + 2], S22, 0xfcefa3f8);
-        c = GG(c, d, a, b, x[k + 7], S23, 0x676f02d9);
-        b = GG(b, c, d, a, x[k + 12], S24, 0x8d2a4c8a);
-        a = HH(a, b, c, d, x[k + 5], S31, 0xfffa3942);
-        d = HH(d, a, b, c, x[k + 8], S32, 0x8771f681);
-        c = HH(c, d, a, b, x[k + 11], S33, 0x6d9d6122);
-        b = HH(b, c, d, a, x[k + 14], S34, 0xfde5380c);
-        a = HH(a, b, c, d, x[k + 1], S31, 0xa4beea44);
-        d = HH(d, a, b, c, x[k + 4], S32, 0x4bdecfa9);
-        c = HH(c, d, a, b, x[k + 7], S33, 0xf6bb4b60);
-        b = HH(b, c, d, a, x[k + 10], S34, 0xbebfbc70);
-        a = HH(a, b, c, d, x[k + 13], S31, 0x289b7ec6);
-        d = HH(d, a, b, c, x[k + 0], S32, 0xeaa127fa);
-        c = HH(c, d, a, b, x[k + 3], S33, 0xd4ef3085);
-        b = HH(b, c, d, a, x[k + 6], S34, 0x4881d05);
-        a = HH(a, b, c, d, x[k + 9], S31, 0xd9d4d039);
-        d = HH(d, a, b, c, x[k + 12], S32, 0xe6db99e5);
-        c = HH(c, d, a, b, x[k + 15], S33, 0x1fa27cf8);
-        b = HH(b, c, d, a, x[k + 2], S34, 0xc4ac5665);
-        a = II(a, b, c, d, x[k + 0], S41, 0xf4292244);
-        d = II(d, a, b, c, x[k + 7], S42, 0x432aff97);
-        c = II(c, d, a, b, x[k + 14], S43, 0xab9423a7);
-        b = II(b, c, d, a, x[k + 5], S44, 0xfc93a039);
-        a = II(a, b, c, d, x[k + 12], S41, 0x655b59c3);
-        d = II(d, a, b, c, x[k + 3], S42, 0x8f0ccc92);
-        c = II(c, d, a, b, x[k + 10], S43, 0xffeff47d);
-        b = II(b, c, d, a, x[k + 1], S44, 0x85845dd1);
-        a = II(a, b, c, d, x[k + 8], S41, 0x6fa87e4f);
-        d = II(d, a, b, c, x[k + 15], S42, 0xfe2ce6e0);
-        c = II(c, d, a, b, x[k + 6], S43, 0xa3014314);
-        b = II(b, c, d, a, x[k + 13], S44, 0x4e0811a1);
-        a = II(a, b, c, d, x[k + 4], S41, 0xf7537e82);
-        d = II(d, a, b, c, x[k + 11], S42, 0xbd3af235);
-        c = II(c, d, a, b, x[k + 2], S43, 0x2ad7d2bb);
-        b = II(b, c, d, a, x[k + 9], S44, 0xeb86d391);
-        a = addUnsigned(a, AA);
-        b = addUnsigned(b, BB);
-        c = addUnsigned(c, CC);
-        d = addUnsigned(d, DD);
-    }
-    return wordToHex(a) + wordToHex(b) + wordToHex(c) + wordToHex(d);
-}
-exports.generate = generate;
-function rotateLeft(lValue, iShiftBits) {
-    return (lValue << iShiftBits) | (lValue >>> (32 - iShiftBits));
-}
-function addUnsigned(lX, lY) {
-    var lX4;
-    var lY4;
-    var lX8;
-    var lY8;
-    var lResult;
-    lX8 = lX & 0x80000000;
-    lY8 = lY & 0x80000000;
-    lX4 = lX & 0x40000000;
-    lY4 = lY & 0x40000000;
-    lResult = (lX & 0x3fffffff) + (lY & 0x3fffffff);
-    if (lX4 & lY4) {
-        return lResult ^ 0x80000000 ^ lX8 ^ lY8;
-    }
-    if (lX4 | lY4) {
-        if (lResult & 0x40000000) {
-            return lResult ^ 0xc0000000 ^ lX8 ^ lY8;
-        }
-        else {
-            return lResult ^ 0x40000000 ^ lX8 ^ lY8;
-        }
-    }
-    else {
-        return lResult ^ lX8 ^ lY8;
-    }
-}
-function F(x, y, z) {
-    return (x & y) | (~x & z);
-}
-function G(x, y, z) {
-    return (x & z) | (y & ~z);
-}
-function H(x, y, z) {
-    return x ^ y ^ z;
-}
-function I(x, y, z) {
-    return y ^ (x | ~z);
-}
-function FF(a, b, c, d, x, s, ac) {
-    a = addUnsigned(a, addUnsigned(addUnsigned(F(b, c, d), x), ac));
-    return addUnsigned(rotateLeft(a, s), b);
-}
-function GG(a, b, c, d, x, s, ac) {
-    a = addUnsigned(a, addUnsigned(addUnsigned(G(b, c, d), x), ac));
-    return addUnsigned(rotateLeft(a, s), b);
-}
-function HH(a, b, c, d, x, s, ac) {
-    a = addUnsigned(a, addUnsigned(addUnsigned(H(b, c, d), x), ac));
-    return addUnsigned(rotateLeft(a, s), b);
-}
-function II(a, b, c, d, x, s, ac) {
-    a = addUnsigned(a, addUnsigned(addUnsigned(I(b, c, d), x), ac));
-    return addUnsigned(rotateLeft(a, s), b);
-}
-function convertToWordArray(value) {
-    var lWordCount;
-    var lMessageLength = value.length;
-    var lNumberOfWordsTemp1 = lMessageLength + 8;
-    var lNumberOfWordsTemp2 = (lNumberOfWordsTemp1 - (lNumberOfWordsTemp1 % 64)) / 64;
-    var lNumberOfWords = (lNumberOfWordsTemp2 + 1) * 16;
-    var lWordArray = Array(lNumberOfWords - 1);
-    var lBytePosition = 0;
-    var lByteCount = 0;
-    while (lByteCount < lMessageLength) {
-        lWordCount = (lByteCount - (lByteCount % 4)) / 4;
-        lBytePosition = (lByteCount % 4) * 8;
-        lWordArray[lWordCount] =
-            lWordArray[lWordCount] | (value.charCodeAt(lByteCount) << lBytePosition);
-        lByteCount++;
-    }
-    lWordCount = (lByteCount - (lByteCount % 4)) / 4;
-    lBytePosition = (lByteCount % 4) * 8;
-    lWordArray[lWordCount] = lWordArray[lWordCount] | (0x80 << lBytePosition);
-    lWordArray[lNumberOfWords - 2] = lMessageLength << 3;
-    lWordArray[lNumberOfWords - 1] = lMessageLength >>> 29;
-    return lWordArray;
-}
-function wordToHex(lValue) {
-    var wordToHexValue = "";
-    var wordToHexValueTemp = "";
-    var lByte;
-    var lCount;
-    for (lCount = 0; lCount <= 3; lCount++) {
-        lByte = (lValue >>> (lCount * 8)) & 255;
-        wordToHexValueTemp = "0" + lByte.toString(16);
-        wordToHexValue =
-            wordToHexValue + wordToHexValueTemp.substr(wordToHexValueTemp.length - 2, 2);
-    }
-    return wordToHexValue;
-}
+  // tslint:disable:no-bitwise
+  Object.defineProperty(exports, '__esModule', { value: true });
+  exports.generate = void 0;
+
+  function generate(unicodeText) {
+    var x = [];
+    var k;
+    var AA;
+    var BB;
+    var CC;
+    var DD;
+    var a;
+    var b;
+    var c;
+    var d;
+    var S11 = 7;
+    var S12 = 12;
+    var S13 = 17;
+    var S14 = 22;
+    var S21 = 5;
+    var S22 = 9;
+    var S23 = 14;
+    var S24 = 20;
+    var S31 = 4;
+    var S32 = 11;
+    var S33 = 16;
+    var S34 = 23;
+    var S41 = 6;
+    var S42 = 10;
+    var S43 = 15;
+    var S44 = 21;
+    var utf8Text = utf8.utf8.encode(unicodeText);
+    x = convertToWordArray(utf8Text);
+    a = 0x67452301;
+    b = 0xefcdab89;
+    c = 0x98badcfe;
+    d = 0x10325476;
+    for (k = 0; k < x.length; k += 16) {
+      AA = a;
+      BB = b;
+      CC = c;
+      DD = d;
+      a = FF(a, b, c, d, x[k + 0], S11, 0xd76aa478);
+      d = FF(d, a, b, c, x[k + 1], S12, 0xe8c7b756);
+      c = FF(c, d, a, b, x[k + 2], S13, 0x242070db);
+      b = FF(b, c, d, a, x[k + 3], S14, 0xc1bdceee);
+      a = FF(a, b, c, d, x[k + 4], S11, 0xf57c0faf);
+      d = FF(d, a, b, c, x[k + 5], S12, 0x4787c62a);
+      c = FF(c, d, a, b, x[k + 6], S13, 0xa8304613);
+      b = FF(b, c, d, a, x[k + 7], S14, 0xfd469501);
+      a = FF(a, b, c, d, x[k + 8], S11, 0x698098d8);
+      d = FF(d, a, b, c, x[k + 9], S12, 0x8b44f7af);
+      c = FF(c, d, a, b, x[k + 10], S13, 0xffff5bb1);
+      b = FF(b, c, d, a, x[k + 11], S14, 0x895cd7be);
+      a = FF(a, b, c, d, x[k + 12], S11, 0x6b901122);
+      d = FF(d, a, b, c, x[k + 13], S12, 0xfd987193);
+      c = FF(c, d, a, b, x[k + 14], S13, 0xa679438e);
+      b = FF(b, c, d, a, x[k + 15], S14, 0x49b40821);
+      a = GG(a, b, c, d, x[k + 1], S21, 0xf61e2562);
+      d = GG(d, a, b, c, x[k + 6], S22, 0xc040b340);
+      c = GG(c, d, a, b, x[k + 11], S23, 0x265e5a51);
+      b = GG(b, c, d, a, x[k + 0], S24, 0xe9b6c7aa);
+      a = GG(a, b, c, d, x[k + 5], S21, 0xd62f105d);
+      d = GG(d, a, b, c, x[k + 10], S22, 0x2441453);
+      c = GG(c, d, a, b, x[k + 15], S23, 0xd8a1e681);
+      b = GG(b, c, d, a, x[k + 4], S24, 0xe7d3fbc8);
+      a = GG(a, b, c, d, x[k + 9], S21, 0x21e1cde6);
+      d = GG(d, a, b, c, x[k + 14], S22, 0xc33707d6);
+      c = GG(c, d, a, b, x[k + 3], S23, 0xf4d50d87);
+      b = GG(b, c, d, a, x[k + 8], S24, 0x455a14ed);
+      a = GG(a, b, c, d, x[k + 13], S21, 0xa9e3e905);
+      d = GG(d, a, b, c, x[k + 2], S22, 0xfcefa3f8);
+      c = GG(c, d, a, b, x[k + 7], S23, 0x676f02d9);
+      b = GG(b, c, d, a, x[k + 12], S24, 0x8d2a4c8a);
+      a = HH(a, b, c, d, x[k + 5], S31, 0xfffa3942);
+      d = HH(d, a, b, c, x[k + 8], S32, 0x8771f681);
+      c = HH(c, d, a, b, x[k + 11], S33, 0x6d9d6122);
+      b = HH(b, c, d, a, x[k + 14], S34, 0xfde5380c);
+      a = HH(a, b, c, d, x[k + 1], S31, 0xa4beea44);
+      d = HH(d, a, b, c, x[k + 4], S32, 0x4bdecfa9);
+      c = HH(c, d, a, b, x[k + 7], S33, 0xf6bb4b60);
+      b = HH(b, c, d, a, x[k + 10], S34, 0xbebfbc70);
+      a = HH(a, b, c, d, x[k + 13], S31, 0x289b7ec6);
+      d = HH(d, a, b, c, x[k + 0], S32, 0xeaa127fa);
+      c = HH(c, d, a, b, x[k + 3], S33, 0xd4ef3085);
+      b = HH(b, c, d, a, x[k + 6], S34, 0x4881d05);
+      a = HH(a, b, c, d, x[k + 9], S31, 0xd9d4d039);
+      d = HH(d, a, b, c, x[k + 12], S32, 0xe6db99e5);
+      c = HH(c, d, a, b, x[k + 15], S33, 0x1fa27cf8);
+      b = HH(b, c, d, a, x[k + 2], S34, 0xc4ac5665);
+      a = II(a, b, c, d, x[k + 0], S41, 0xf4292244);
+      d = II(d, a, b, c, x[k + 7], S42, 0x432aff97);
+      c = II(c, d, a, b, x[k + 14], S43, 0xab9423a7);
+      b = II(b, c, d, a, x[k + 5], S44, 0xfc93a039);
+      a = II(a, b, c, d, x[k + 12], S41, 0x655b59c3);
+      d = II(d, a, b, c, x[k + 3], S42, 0x8f0ccc92);
+      c = II(c, d, a, b, x[k + 10], S43, 0xffeff47d);
+      b = II(b, c, d, a, x[k + 1], S44, 0x85845dd1);
+      a = II(a, b, c, d, x[k + 8], S41, 0x6fa87e4f);
+      d = II(d, a, b, c, x[k + 15], S42, 0xfe2ce6e0);
+      c = II(c, d, a, b, x[k + 6], S43, 0xa3014314);
+      b = II(b, c, d, a, x[k + 13], S44, 0x4e0811a1);
+      a = II(a, b, c, d, x[k + 4], S41, 0xf7537e82);
+      d = II(d, a, b, c, x[k + 11], S42, 0xbd3af235);
+      c = II(c, d, a, b, x[k + 2], S43, 0x2ad7d2bb);
+      b = II(b, c, d, a, x[k + 9], S44, 0xeb86d391);
+      a = addUnsigned(a, AA);
+      b = addUnsigned(b, BB);
+      c = addUnsigned(c, CC);
+      d = addUnsigned(d, DD);
+    }
+    return wordToHex(a) + wordToHex(b) + wordToHex(c) + wordToHex(d);
+  }
+  exports.generate = generate;
+  function rotateLeft(lValue, iShiftBits) {
+    return (lValue << iShiftBits) | (lValue >>> (32 - iShiftBits));
+  }
+  function addUnsigned(lX, lY) {
+    var lX4;
+    var lY4;
+    var lX8;
+    var lY8;
+    var lResult;
+    lX8 = lX & 0x80000000;
+    lY8 = lY & 0x80000000;
+    lX4 = lX & 0x40000000;
+    lY4 = lY & 0x40000000;
+    lResult = (lX & 0x3fffffff) + (lY & 0x3fffffff);
+    if (lX4 & lY4) {
+      return lResult ^ 0x80000000 ^ lX8 ^ lY8;
+    }
+    if (lX4 | lY4) {
+      if (lResult & 0x40000000) {
+        return lResult ^ 0xc0000000 ^ lX8 ^ lY8;
+      } else {
+        return lResult ^ 0x40000000 ^ lX8 ^ lY8;
+      }
+    } else {
+      return lResult ^ lX8 ^ lY8;
+    }
+  }
+  function F(x, y, z) {
+    return (x & y) | (~x & z);
+  }
+  function G(x, y, z) {
+    return (x & z) | (y & ~z);
+  }
+  function H(x, y, z) {
+    return x ^ y ^ z;
+  }
+  function I(x, y, z) {
+    return y ^ (x | ~z);
+  }
+  function FF(a, b, c, d, x, s, ac) {
+    a = addUnsigned(a, addUnsigned(addUnsigned(F(b, c, d), x), ac));
+    return addUnsigned(rotateLeft(a, s), b);
+  }
+  function GG(a, b, c, d, x, s, ac) {
+    a = addUnsigned(a, addUnsigned(addUnsigned(G(b, c, d), x), ac));
+    return addUnsigned(rotateLeft(a, s), b);
+  }
+  function HH(a, b, c, d, x, s, ac) {
+    a = addUnsigned(a, addUnsigned(addUnsigned(H(b, c, d), x), ac));
+    return addUnsigned(rotateLeft(a, s), b);
+  }
+  function II(a, b, c, d, x, s, ac) {
+    a = addUnsigned(a, addUnsigned(addUnsigned(I(b, c, d), x), ac));
+    return addUnsigned(rotateLeft(a, s), b);
+  }
+  function convertToWordArray(value) {
+    var lWordCount;
+    var lMessageLength = value.length;
+    var lNumberOfWordsTemp1 = lMessageLength + 8;
+    var lNumberOfWordsTemp2 = (lNumberOfWordsTemp1 - (lNumberOfWordsTemp1 % 64)) / 64;
+    var lNumberOfWords = (lNumberOfWordsTemp2 + 1) * 16;
+    var lWordArray = Array(lNumberOfWords - 1);
+    var lBytePosition = 0;
+    var lByteCount = 0;
+    while (lByteCount < lMessageLength) {
+      lWordCount = (lByteCount - (lByteCount % 4)) / 4;
+      lBytePosition = (lByteCount % 4) * 8;
+      lWordArray[lWordCount] = lWordArray[lWordCount] | (value.charCodeAt(lByteCount) << lBytePosition);
+      lByteCount++;
+    }
+    lWordCount = (lByteCount - (lByteCount % 4)) / 4;
+    lBytePosition = (lByteCount % 4) * 8;
+    lWordArray[lWordCount] = lWordArray[lWordCount] | (0x80 << lBytePosition);
+    lWordArray[lNumberOfWords - 2] = lMessageLength << 3;
+    lWordArray[lNumberOfWords - 1] = lMessageLength >>> 29;
+    return lWordArray;
+  }
+  function wordToHex(lValue) {
+    var wordToHexValue = '';
+    var wordToHexValueTemp = '';
+    var lByte;
+    var lCount;
+    for (lCount = 0; lCount <= 3; lCount++) {
+      lByte = (lValue >>> (lCount * 8)) & 255;
+      wordToHexValueTemp = '0' + lByte.toString(16);
+      wordToHexValue = wordToHexValue + wordToHexValueTemp.substr(wordToHexValueTemp.length - 2, 2);
+    }
+    return wordToHexValue;
+  }
 });
 
 var lib = createCommonjsModule(function (module, exports) {
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MD5 = exports.generate = void 0;
-
-var md5_2 = md5;
-Object.defineProperty(exports, "generate", { enumerable: true, get: function () { return md5_2.generate; } });
-exports.MD5 = {
-    generate: md5.generate,
-};
+  Object.defineProperty(exports, '__esModule', { value: true });
+  exports.MD5 = exports.generate = void 0;
+
+  var md5_2 = md5;
+  Object.defineProperty(exports, 'generate', {
+    enumerable: true,
+    get: function () {
+      return md5_2.generate;
+    },
+  });
+  exports.MD5 = {
+    generate: md5.generate,
+  };
 });
 
-const apiSearch = async (query) => {
+const apiSearch = async query => {
   var _a;
-  const res = await fetch((_a = "https://hemfixare-lookup.vercel.app/api") !== null && _a !== void 0 ? _a : 'https://hemfixare-lookup.vercel.app/api', {
+  const res = await fetch((_a = 'https://hemfixare-lookup.vercel.app/api') !== null && _a !== void 0 ? _a : 'https://hemfixare-lookup.vercel.app/api', {
     method: 'POST',
     headers: {
       'Content-Type': 'application/json',
@@ -2002,21 +2848,23 @@ const apiSearch = async (query) => {
 const HemfixarnaGetuser = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.handleChangeEmail = (e) => {
+    this.handleChangeEmail = e => {
       this.emailError = null;
       this.email = e.target.value;
     };
-    this.handleChangePhone = (e) => {
+    this.handleChangePhone = e => {
       this.phoneError = null;
       this.phone = e.target.value;
     };
-    this.handleChangessn = (e) => {
+    this.handleChangessn = e => {
       this.ssnError = null;
       this.ssn = e.target.value;
     };
-    this.handleSubmit = async (e) => {
+    this.handleSubmit = async e => {
       e.preventDefault();
-      const emailRegex = 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 emailRegex = 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 validEmail = emailRegex.test(this.email);
       if (!validEmail) {
         this.emailError = 'Ange en giltig e-postadress';
@@ -2028,8 +2876,7 @@ const HemfixarnaGetuser = class {
       const validssn = src_default.valid(this.ssn);
       if (!validssn) {
         this.ssnError = 'Ange ett giltigt personnummer';
-      }
-      else if (validssn) {
+      } else if (validssn) {
         const pn = src_default.parse(this.ssn).format(true);
         this.ssn = [pn.slice(0, 8), '-', pn.slice(8)].join('');
       }
@@ -2040,23 +2887,46 @@ const HemfixarnaGetuser = class {
             state.creditSafeUser = creditSafeData;
             state.checkoutStep = 2;
             state.user = Object.assign(Object.assign({}, creditSafeData), { email: this.email, phone: this.phone, ssn: this.ssn });
-          }
-          else {
+          } else {
             this.ssnError = 'Vi kunde tyvärr inte hitta en address med ditt angivna personnummer';
           }
-        }
-        catch (e) {
+        } catch (e) {
           this.ssnError = 'Vi kunde tyvärr inte hitta en address med ditt angivna personnummer';
           console.log(e);
-        }
-        finally {
+        } finally {
           const el = this.el.closest('.hemfixarna_content');
           scrollToTop(el);
         }
       }
     };
     this.render = () => {
-      return (h("form", { class: "mb-2", onSubmit: e => this.handleSubmit(e) }, h("div", null, h("input", { class: `${this.email.length ? 'input_active' : ''}`, onChange: e => this.handleChangeEmail(e), type: "email", name: "email", value: this.email }), h("label", { htmlFor: "email" }, "E-post ")), this.emailError && h("span", null, this.emailError), h("div", null, h("input", { class: `${this.phone.length ? 'input_active' : ''}`, onChange: e => this.handleChangePhone(e), type: "tel", name: "phone", value: this.phone }), h("label", { htmlFor: "phone" }, "Mobiltelefon ")), this.phoneError && h("span", null, this.phoneError), h("div", null, h("input", { class: `${this.ssn.length ? 'input_active' : ''}`, onChange: e => this.handleChangessn(e), type: "tel", name: "ssn", value: this.ssn }), h("label", { htmlFor: "phone" }, "Personnummer*")), this.ssnError && h("span", null, this.ssnError), h("input", { type: "submit", value: "Forts\u00E4tt*" }), h("p", null, "*Vi h\u00E4mtar din adress")));
+      return h(
+        'form',
+        { class: 'mb-2', onSubmit: e => this.handleSubmit(e) },
+        h(
+          'div',
+          null,
+          h('input', { class: `${this.email.length ? 'input_active' : ''}`, onChange: e => this.handleChangeEmail(e), type: 'email', name: 'email', value: this.email }),
+          h('label', { htmlFor: 'email' }, 'E-post '),
+        ),
+        this.emailError && h('span', null, this.emailError),
+        h(
+          'div',
+          null,
+          h('input', { class: `${this.phone.length ? 'input_active' : ''}`, onChange: e => this.handleChangePhone(e), type: 'tel', name: 'phone', value: this.phone }),
+          h('label', { htmlFor: 'phone' }, 'Mobiltelefon '),
+        ),
+        this.phoneError && h('span', null, this.phoneError),
+        h(
+          'div',
+          null,
+          h('input', { class: `${this.ssn.length ? 'input_active' : ''}`, onChange: e => this.handleChangessn(e), type: 'tel', name: 'ssn', value: this.ssn }),
+          h('label', { htmlFor: 'phone' }, 'Personnummer*'),
+        ),
+        this.ssnError && h('span', null, this.ssnError),
+        h('input', { type: 'submit', value: 'Forts\u00E4tt*' }),
+        h('p', null, '*Vi h\u00E4mtar din adress'),
+      );
     };
     this.email = '';
     this.emailError = null;
@@ -2072,10 +2942,12 @@ const HemfixarnaGetuser = class {
       this.ssn = state.user.ssn;
     }
   }
-  get el() { return getElement(this); }
+  get el() {
+    return getElement(this);
+  }
 };
 
-const hemfixarnaHornbachCss = "";
+const hemfixarnaHornbachCss = '';
 
 const MyComponent$c = class {
   constructor(hostRef) {
@@ -2088,7 +2960,16 @@ const MyComponent$c = class {
     this.buttonBg = undefined;
   }
   render() {
-    return (h("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: Business.hornbach }));
+    return h('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: Business.hornbach,
+    });
   }
 };
 MyComponent$c.style = hemfixarnaHornbachCss;
@@ -2101,13 +2982,45 @@ const HemfixarnaInfo = class {
   render() {
     var _a;
     const checked = getAssetPath(`./assets/checked.svg`);
-    return (h("div", { class: "hemfixarna_info" }, state.step < 5 ? (h(Fragment, null, h("h2", null, state.customer.info_title), h("p", null, state.customer.info_text))) : (h("h2", null, state.customer.checkout_title)), h("ul", { class: "hemfixarna_features" }, state.step < 5 ? (h(Fragment, null, ((_a = state.customer.trust_badges) === null || _a === void 0 ? void 0 : _a.length) ? (h(Fragment, null, state.customer.trust_badges.map(l => (h("li", { key: l.text }, h("img", { src: checked, alt: "checked" }), h("p", null, l.text)))))) : (h(Fragment, null, state.options.trust.map(l => (h("li", { key: l.trust_badge }, h("img", { src: checked, alt: "checked" }), h("p", null, l.trust_badge)))))))) : (h(Fragment, null, state.customer.checkout_trust_badges.map(l => (h("li", { key: l.text }, h("img", { src: checked, alt: "checked" }), h("p", null, l.text))))))), h("img", { src: this.logo, width: 200, alt: "hemfixarna" }), h("a", { class: "hemfixarna_product--link", target: "_blank", href: state.options.link.url }, state.options.link.title)));
+    return h(
+      'div',
+      { class: 'hemfixarna_info' },
+      state.step < 5 ? h(Fragment, null, h('h2', null, state.customer.info_title), h('p', null, state.customer.info_text)) : h('h2', null, state.customer.checkout_title),
+      h(
+        'ul',
+        { class: 'hemfixarna_features' },
+        state.step < 5
+          ? h(
+              Fragment,
+              null,
+              ((_a = state.customer.trust_badges) === null || _a === void 0 ? void 0 : _a.length)
+                ? h(
+                    Fragment,
+                    null,
+                    state.customer.trust_badges.map(l => h('li', { key: l.text }, h('img', { src: checked, alt: 'checked' }), h('p', null, l.text))),
+                  )
+                : h(
+                    Fragment,
+                    null,
+                    state.options.trust.map(l => h('li', { key: l.trust_badge }, h('img', { src: checked, alt: 'checked' }), h('p', null, l.trust_badge))),
+                  ),
+            )
+          : h(
+              Fragment,
+              null,
+              state.customer.checkout_trust_badges.map(l => h('li', { key: l.text }, h('img', { src: checked, alt: 'checked' }), h('p', null, l.text))),
+            ),
+      ),
+      h('img', { src: this.logo, width: 200, alt: 'hemfixarna' }),
+      h('a', { class: 'hemfixarna_product--link', target: '_blank', href: state.options.link.url }, state.options.link.title),
+    );
   }
 };
 
-const hemfixarnaInvoiceCss = ":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 hemfixarnaInvoiceCss =
+  ':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 base = `${"https://hemfixarna.se"}/wp-json/headless` ;
+const base = `${'https://hemfixarna.se'}/wp-json/headless`;
 const HemfixarnaInvoice = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -2176,15 +3089,18 @@ const HemfixarnaInvoice = class {
     this.formImages.forEach(file => {
       formData.append('images[]', file);
     });
-    formData.append('product', JSON.stringify({
-      title: state.selectedProduct.title,
-      amount: 1,
-      has_rut: state.selectedProduct.rut,
-      has_rot: state.selectedProduct.rot,
-      has_green: state.selectedProduct.green,
-      ID: state.selectedProduct.ID,
-      parts: [],
-    }));
+    formData.append(
+      'product',
+      JSON.stringify({
+        title: state.selectedProduct.title,
+        amount: 1,
+        has_rut: state.selectedProduct.rut,
+        has_rot: state.selectedProduct.rot,
+        has_green: state.selectedProduct.green,
+        ID: state.selectedProduct.ID,
+        parts: [],
+      }),
+    );
     try {
       const res = await fetch(`${base}/saveinvoiceproduct`, {
         method: 'POST',
@@ -2194,13 +3110,11 @@ const HemfixarnaInvoice = class {
       if (response.code === 200) {
         state.checkoutInvoice = true;
         state.step = 6;
-      }
-      else {
+      } else {
         this.formError = 'Vi kan inte ta emot din beställning just nu';
         this.formState = 'initial';
       }
-    }
-    catch (error) {
+    } catch (error) {
       this.formError = 'Vi kan inte ta emot din beställning just nu';
       this.formState = 'initial';
     }
@@ -2247,9 +3161,50 @@ const HemfixarnaInvoice = class {
   }
   render() {
     const upload = getAssetPath(`./assets/drag-drop.svg`);
-    return (h("div", { class: "invoice" }, h("p", null, state.selectedProduct.invoice_description), h("form", { onSubmit: e => this.submit(e) }, h("textarea", { name: "descriptionInput", placeholder: "Beskriv ditt \u00E4rende" }), h("div", { role: "button", "aria-label": "upload image", onDragOver: e => this.preventDragOver(e), onDrop: e => this.handleImageDrop(e), onClick: () => this.handleImageClick() }, h("img", { src: upload, alt: "hemfixarna_logo", width: 24 }), h("div", null, h("p", null, "Bifoga ev bilder"), h("span", null, "(dra bilder hit)")), h("input", { onChange: e => this.handleFileInputChange(e), class: "hemfixarna-file-upload", accept: "image/*", type: "file", multiple: true, name: "fileInput" })), h("div", { class: "invoice-preview" }, this.displayImages.map((img, i) => (h("div", { key: i }, h("img", { src: img, alt: "uploaded image" }), h("button", { onClick: () => this.removeImage(i) }, h("img", { src: getAssetPath(`./assets/close.svg`), alt: "close" })))))), h("input", { placeholder: "E-post", type: "email", name: "emailInput" }), h("input", { placeholder: "Telefonnummer", type: "tel", name: "telInput" }), state.selectedProduct.terms_show_checkbox ? (h("label", null, h("input", { type: "checkbox", name: "termsInput" }), state.selectedProduct.terms)) : null, this.formError ? h("span", null, this.formError) : null, h("input", { type: "submit", value: this.formState === 'loading' ? 'Skickar' : 'Kontakta mig' }))));
+    return h(
+      'div',
+      { class: 'invoice' },
+      h('p', null, state.selectedProduct.invoice_description),
+      h(
+        'form',
+        { onSubmit: e => this.submit(e) },
+        h('textarea', { name: 'descriptionInput', placeholder: 'Beskriv ditt \u00E4rende' }),
+        h(
+          'div',
+          {
+            'role': 'button',
+            'aria-label': 'upload image',
+            'onDragOver': e => this.preventDragOver(e),
+            'onDrop': e => this.handleImageDrop(e),
+            'onClick': () => this.handleImageClick(),
+          },
+          h('img', { src: upload, alt: 'hemfixarna_logo', width: 24 }),
+          h('div', null, h('p', null, 'Bifoga ev bilder'), h('span', null, '(dra bilder hit)')),
+          h('input', { onChange: e => this.handleFileInputChange(e), class: 'hemfixarna-file-upload', accept: 'image/*', type: 'file', multiple: true, name: 'fileInput' }),
+        ),
+        h(
+          'div',
+          { class: 'invoice-preview' },
+          this.displayImages.map((img, i) =>
+            h(
+              'div',
+              { key: i },
+              h('img', { src: img, alt: 'uploaded image' }),
+              h('button', { onClick: () => this.removeImage(i) }, h('img', { src: getAssetPath(`./assets/close.svg`), alt: 'close' })),
+            ),
+          ),
+        ),
+        h('input', { placeholder: 'E-post', type: 'email', name: 'emailInput' }),
+        h('input', { placeholder: 'Telefonnummer', type: 'tel', name: 'telInput' }),
+        state.selectedProduct.terms_show_checkbox ? h('label', null, h('input', { type: 'checkbox', name: 'termsInput' }), state.selectedProduct.terms) : null,
+        this.formError ? h('span', null, this.formError) : null,
+        h('input', { type: 'submit', value: this.formState === 'loading' ? 'Skickar' : 'Kontakta mig' }),
+      ),
+    );
+  }
+  get el() {
+    return getElement(this);
   }
-  get el() { return getElement(this); }
 };
 HemfixarnaInvoice.style = hemfixarnaInvoiceCss;
 
@@ -2264,7 +3219,16 @@ const MyComponent$b = class {
     this.isDemo = false;
   }
   render() {
-    return (h("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: Business.kbygg, isDemo: this.isDemo }));
+    return h('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: Business.kbygg,
+      isDemo: this.isDemo,
+    });
   }
 };
 
@@ -2278,7 +3242,14 @@ const MyComponent$a = class {
     this.buttonBg = undefined;
   }
   render() {
-    return (h("hemfixarna-component", { widgetStyle: this.widgetStyle, buttonBg: this.buttonBg, buttonColor: this.buttonColor, loadFromQuery: Boolean(this.loadFromQuery), id: this.id, business: Business.klint }));
+    return h('hemfixarna-component', {
+      widgetStyle: this.widgetStyle,
+      buttonBg: this.buttonBg,
+      buttonColor: this.buttonColor,
+      loadFromQuery: Boolean(this.loadFromQuery),
+      id: this.id,
+      business: Business.klint,
+    });
   }
 };
 
@@ -2292,7 +3263,14 @@ const MyComponent$9 = class {
     this.buttonBg = undefined;
   }
   render() {
-    return (h("hemfixarna-component", { widgetStyle: this.widgetStyle, buttonBg: this.buttonBg, buttonColor: this.buttonColor, loadFromQuery: Boolean(this.loadFromQuery), id: this.id, business: Business.kund }));
+    return h('hemfixarna-component', {
+      widgetStyle: this.widgetStyle,
+      buttonBg: this.buttonBg,
+      buttonColor: this.buttonColor,
+      loadFromQuery: Boolean(this.loadFromQuery),
+      id: this.id,
+      business: Business.kund,
+    });
   }
 };
 
@@ -2307,7 +3285,16 @@ const MyComponent$8 = class {
     this.isDemo = false;
   }
   render() {
-    return (h("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: Business.norrgavel, isDemo: this.isDemo }));
+    return h('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: Business.norrgavel,
+      isDemo: this.isDemo,
+    });
   }
 };
 
@@ -2315,7 +3302,20 @@ const HemfixarnaOrder = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.render = () => {
-      return (h("div", { style: { background: `url(${state.options.thank_you_image})` }, class: "hemfixarna_order" }, h("div", null), h("div", null, h("h2", null, state.checkoutInvoice ? 'Tack för din förfrågan' : 'Tack för din bokning'), state.checkoutInvoice ? h("p", null, "Vi \u00E5terkommer inom kort till dig p\u00E5 angivet telefonnummer eller epost") : null, state.checkoutInvoice ? h("div", null) : h("hemfixarna-orderrows", { tree: this.tree, cart: false }), h("span", { onClick: () => this.resetShop() }, h("button", null, "G\u00F6r en ny bokning")), h("hemfixarna-info", null))));
+      return h(
+        'div',
+        { style: { background: `url(${state.options.thank_you_image})` }, class: 'hemfixarna_order' },
+        h('div', null),
+        h(
+          'div',
+          null,
+          h('h2', null, state.checkoutInvoice ? 'Tack för din förfrågan' : 'Tack för din bokning'),
+          state.checkoutInvoice ? h('p', null, 'Vi \u00E5terkommer inom kort till dig p\u00E5 angivet telefonnummer eller epost') : null,
+          state.checkoutInvoice ? h('div', null) : h('hemfixarna-orderrows', { tree: this.tree, cart: false }),
+          h('span', { onClick: () => this.resetShop() }, h('button', null, 'G\u00F6r en ny bokning')),
+          h('hemfixarna-info', null),
+        ),
+      );
     };
     this.tree = undefined;
   }
@@ -2350,13 +3350,12 @@ const HemfixarnaOrderrows = class {
         state.selectedProduct = product.fields;
         state.step = 4;
       }
-    }
-    else {
-      const services = this.tree.sub_cats.map((c) => c.services).flat();
-      const products = services.map((s) => s.products).flat();
-      const product = products.find((p) => p.ID === id);
-      const service = services.find((s) => s.products.find((p) => p.ID === id));
-      const category = this.tree.sub_cats.find((c) => c.services.find((s) => s.products.find((p) => p.ID === id)));
+    } else {
+      const services = this.tree.sub_cats.map(c => c.services).flat();
+      const products = services.map(s => s.products).flat();
+      const product = products.find(p => p.ID === id);
+      const service = services.find(s => s.products.find(p => p.ID === id));
+      const category = this.tree.sub_cats.find(c => c.services.find(s => s.products.find(p => p.ID === id)));
       state.selectedCategory = category;
       state.selectedService = service;
       state.selectedProduct = product;
@@ -2384,23 +3383,130 @@ const HemfixarnaOrderrows = class {
   getDiscountedInfo(item) {
     if (item.rut && state.rut) {
       return ' (efter RUT-avdrag)';
-    }
-    else if (item.rot && state.rot) {
+    } else if (item.rot && state.rot) {
       return ' (efter ROT-avdrag)';
-    }
-    else if (item.green && state.green) {
+    } else if (item.green && state.green) {
       return ' (efter Grön teknik avdrag)';
-    }
-    else {
+    } else {
       return '';
     }
   }
   render() {
     const info = getAssetPath(`./assets/info.svg`);
-    return (h(Fragment, null, h("ul", { class: "hemfixarna_cart--items" }, state.cart.map(item => {
-      var _a;
-      return (h("li", { class: "hemfixarna_cart--item" }, h("div", null, h("div", null, item.icon && h("img", { width: 30, src: (_a = item.icon.url) !== null && _a !== void 0 ? _a : item.icon, alt: item.name }), h("p", null, h("strong", null, item.amount, "x "), item.name)), this.cart && h("button", { onClick: () => this.goToProduct(item.id) }, "\u00C4ndra")), h("p", null, h("strong", null, getProductPrice(item, item.price, item.amount), "kr"), h("span", null, this.getDiscountedInfo(item))), item.parts.length > 0 && (h("ul", null, item.parts.map(part => (h("li", null, h("p", null, h("strong", null, part.amount, "x "), part.name), h("p", null, h("strong", null, getPartPrice(part, item, part.amount), "kr")))))))));
-    })), h("div", { class: "hemfixarna_cart--additional" }, h("div", null, getStartFee().rot > 0 && (h("div", { class: "hemfixarna_cart--startfee" }, h("p", null, h("strong", { onClick: () => this.openRot() }, state.rotOptions.rot_start_fee_heading, h("img", { height: 16, src: info, alt: "info monteringsavgift" }))), h("p", null, getStartFee().rot, "kr"))), getStartFee().rut > 0 && (h("div", { class: "hemfixarna_cart--startfee" }, h("p", null, h("strong", { onClick: () => this.openRut() }, state.rutOptions.rut_start_fee_heading, h("img", { height: 16, src: info, alt: "info monteringsavgift" }))), h("p", null, getStartFee().rut, "kr"))), getStartFee().green > 0 && (h("div", { class: "hemfixarna_cart--startfee" }, h("p", null, h("strong", { onClick: () => this.openGreen() }, state.greenOptions.green_start_fee_heading, h("img", { height: 16, src: info, alt: "info monteringsavgift" }))), h("p", null, getStartFee().green, "kr")))), state.cart.find((item) => item.rot) && (h("div", { class: "hemfixarna_cart--rutrot" }, h("div", null, this.cart && (h("label", { class: "switch" }, h("input", { checked: state.rot, onChange: () => (state.rot = !state.rot), type: "checkbox" }), h("span", { class: "slider" }))), h("p", null, "ROT-avdrag")), h("p", null, "(-", state.rot ? calculateRot() : 0, "kr)"))), state.cart.find((item) => item.rut) && (h("div", { class: "hemfixarna_cart--rutrot" }, h("div", null, h("label", { class: "switch" }, h("input", { onChange: () => (state.rut = !state.rut), checked: state.rut, type: "checkbox" }), h("span", { class: "slider" })), h("p", null, "RUT-avdrag")), h("p", null, "(-", state.rut ? calculateRut() : 0, "kr)"))), state.cart.find((item) => item.green) && (h("div", { class: "hemfixarna_cart--rutrot" }, h("div", null, h("label", { class: "switch" }, h("input", { onChange: () => (state.green = !state.green), checked: state.green, type: "checkbox" }), h("span", { class: "slider" })), h("p", null, "Gr\u00F6n teknik avdrag")), h("p", null, "(-", state.green ? calculateGreenDiscount() : 0, "kr)")))), h("div", { class: "hemfixarna_cart--price" }, h("h2", null, "Totalbelopp: "), h("h2", null, getTotalPrice(), "kr"))));
+    return h(
+      Fragment,
+      null,
+      h(
+        'ul',
+        { class: 'hemfixarna_cart--items' },
+        state.cart.map(item => {
+          var _a;
+          return h(
+            'li',
+            { class: 'hemfixarna_cart--item' },
+            h(
+              'div',
+              null,
+              h(
+                'div',
+                null,
+                item.icon && h('img', { width: 30, src: (_a = item.icon.url) !== null && _a !== void 0 ? _a : item.icon, alt: item.name }),
+                h('p', null, h('strong', null, item.amount, 'x '), item.name),
+              ),
+              this.cart && h('button', { onClick: () => this.goToProduct(item.id) }, '\u00C4ndra'),
+            ),
+            h('p', null, h('strong', null, getProductPrice(item, item.price, item.amount), 'kr'), h('span', null, this.getDiscountedInfo(item))),
+            item.parts.length > 0 &&
+              h(
+                'ul',
+                null,
+                item.parts.map(part =>
+                  h('li', null, h('p', null, h('strong', null, part.amount, 'x '), part.name), h('p', null, h('strong', null, getPartPrice(part, item, part.amount), 'kr'))),
+                ),
+              ),
+          );
+        }),
+      ),
+      h(
+        'div',
+        { class: 'hemfixarna_cart--additional' },
+        h(
+          'div',
+          null,
+          getStartFee().rot > 0 &&
+            h(
+              'div',
+              { class: 'hemfixarna_cart--startfee' },
+              h(
+                'p',
+                null,
+                h('strong', { onClick: () => this.openRot() }, state.rotOptions.rot_start_fee_heading, h('img', { height: 16, src: info, alt: 'info monteringsavgift' })),
+              ),
+              h('p', null, getStartFee().rot, 'kr'),
+            ),
+          getStartFee().rut > 0 &&
+            h(
+              'div',
+              { class: 'hemfixarna_cart--startfee' },
+              h(
+                'p',
+                null,
+                h('strong', { onClick: () => this.openRut() }, state.rutOptions.rut_start_fee_heading, h('img', { height: 16, src: info, alt: 'info monteringsavgift' })),
+              ),
+              h('p', null, getStartFee().rut, 'kr'),
+            ),
+          getStartFee().green > 0 &&
+            h(
+              'div',
+              { class: 'hemfixarna_cart--startfee' },
+              h(
+                'p',
+                null,
+                h('strong', { onClick: () => this.openGreen() }, state.greenOptions.green_start_fee_heading, h('img', { height: 16, src: info, alt: 'info monteringsavgift' })),
+              ),
+              h('p', null, getStartFee().green, 'kr'),
+            ),
+        ),
+        state.cart.find(item => item.rot) &&
+          h(
+            'div',
+            { class: 'hemfixarna_cart--rutrot' },
+            h(
+              'div',
+              null,
+              this.cart &&
+                h('label', { class: 'switch' }, h('input', { checked: state.rot, onChange: () => (state.rot = !state.rot), type: 'checkbox' }), h('span', { class: 'slider' })),
+              h('p', null, 'ROT-avdrag'),
+            ),
+            h('p', null, '(-', state.rot ? calculateRot() : 0, 'kr)'),
+          ),
+        state.cart.find(item => item.rut) &&
+          h(
+            'div',
+            { class: 'hemfixarna_cart--rutrot' },
+            h(
+              'div',
+              null,
+              h('label', { class: 'switch' }, h('input', { onChange: () => (state.rut = !state.rut), checked: state.rut, type: 'checkbox' }), h('span', { class: 'slider' })),
+              h('p', null, 'RUT-avdrag'),
+            ),
+            h('p', null, '(-', state.rut ? calculateRut() : 0, 'kr)'),
+          ),
+        state.cart.find(item => item.green) &&
+          h(
+            'div',
+            { class: 'hemfixarna_cart--rutrot' },
+            h(
+              'div',
+              null,
+              h('label', { class: 'switch' }, h('input', { onChange: () => (state.green = !state.green), checked: state.green, type: 'checkbox' }), h('span', { class: 'slider' })),
+              h('p', null, 'Gr\u00F6n teknik avdrag'),
+            ),
+            h('p', null, '(-', state.green ? calculateGreenDiscount() : 0, 'kr)'),
+          ),
+      ),
+      h('div', { class: 'hemfixarna_cart--price' }, h('h2', null, 'Totalbelopp: '), h('h2', null, getTotalPrice(), 'kr')),
+    );
   }
 };
 
@@ -2415,11 +3521,18 @@ const MyComponent$7 = class {
     this.buttonBg = undefined;
   }
   render() {
-    return (h("hemfixarna-component", { widgetStyle: this.widgetStyle, buttonBg: this.buttonBg, buttonColor: this.buttonColor, loadFromQuery: Boolean(this.loadFromQuery), id: this.id, business: Business.power }));
+    return h('hemfixarna-component', {
+      widgetStyle: this.widgetStyle,
+      buttonBg: this.buttonBg,
+      buttonColor: this.buttonColor,
+      loadFromQuery: Boolean(this.loadFromQuery),
+      id: this.id,
+      business: Business.power,
+    });
   }
 };
 
-const hemfixarnaProductCss = "";
+const hemfixarnaProductCss = '';
 
 const HemfixarnaProduct = class {
   constructor(hostRef) {
@@ -2432,8 +3545,7 @@ const HemfixarnaProduct = class {
     if (productInCart) {
       productInCart.amount++;
       state.cart = [...state.cart];
-    }
-    else {
+    } else {
       state.cart = [
         ...state.cart,
         {
@@ -2457,8 +3569,7 @@ const HemfixarnaProduct = class {
     if (productInCart && productInCart.amount > 1) {
       productInCart.amount--;
       state.cart = [...state.cart];
-    }
-    else {
+    } else {
       state.cart = state.cart.filter(p => p.id !== state.selectedProduct.ID);
     }
   }
@@ -2471,8 +3582,7 @@ const HemfixarnaProduct = class {
       if (partInCart) {
         partInCart.amount++;
         productInCart.parts = [...productInCart.parts];
-      }
-      else {
+      } else {
         productInCart.parts = [...productInCart.parts, { id: part.ID, amount: 1, price: part.price, name: (_a = part.title) !== null && _a !== void 0 ? _a : part.title }];
       }
       state.cart = [...state.cart.filter(p => p.id !== productInCart.id), productInCart];
@@ -2485,8 +3595,7 @@ const HemfixarnaProduct = class {
       if (partInCart && partInCart.amount > 1) {
         partInCart.amount--;
         productInCart.parts = [...productInCart.parts];
-      }
-      else {
+      } else {
         productInCart.parts = productInCart.parts.filter(sp => sp.id !== part.ID);
       }
       state.cart = [...state.cart.filter(p => p.id !== productInCart.id), productInCart];
@@ -2507,7 +3616,9 @@ const HemfixarnaProduct = class {
   getPartAmount(partId) {
     var _a;
     const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);
-    return ((_a = productInCart === null || productInCart === void 0 ? void 0 : productInCart.parts.find(sp => sp.id === partId)) === null || _a === void 0 ? void 0 : _a.amount) || 0;
+    return (
+      ((_a = productInCart === null || productInCart === void 0 ? void 0 : productInCart.parts.find(sp => sp.id === partId)) === null || _a === void 0 ? void 0 : _a.amount) || 0
+    );
   }
   getTotalPrice() {
     let price = 0;
@@ -2521,8 +3632,7 @@ const HemfixarnaProduct = class {
         return acc;
       }, 0);
       price = state.selectedProduct.price * productInCart.amount + partsPrice;
-    }
-    else {
+    } else {
       price = state.selectedProduct.price;
     }
     return getProductPrice(state.selectedProduct, price);
@@ -2539,8 +3649,7 @@ const HemfixarnaProduct = class {
       if (parents.length > 0 && parents[0].shadowRoot !== null) {
         parents[0].shadowRoot.appendChild(linkElem);
         parents[0].shadowRoot.appendChild(fonts);
-      }
-      else {
+      } else {
         setTimeout(checkAndInjectCSS, 1);
       }
     };
@@ -2552,17 +3661,128 @@ const HemfixarnaProduct = class {
     const plus = getAssetPath(`./assets/plus.svg`);
     const minus = getAssetPath(`./assets/minus.svg`);
     if (state.maleri) {
-      return (h("div", { class: "hemfixarna_painting" }, h("script", { type: "text/javascript", src: ['localhost', 'vercel'].some(v => window.location.href.includes(v))
-          ? 'https://painting-dev.vercel.app/static/js/main.js'
-          : 'https://painting-frontend.vercel.app/static/js/main.js', defer: true, async: true }), h("hemfixare-calculator", { title: state.options.maleri_title, subtitle: state.options.maleri_text, modal: "true", customer: state.business === Business.string ? 'string' : state.business })));
-    }
-    return state.selectedProduct ? (h("div", { class: "hemfixarna_product" }, h("div", { class: "hemfixarna_product--top" }, state.selectedProduct.icon && (h("img", { width: 80, src: (_a = state.selectedProduct.icon.url) !== null && _a !== void 0 ? _a : state.selectedProduct.icon, alt: state.selectedProduct.title })), h("div", null, h("h1", null, state.selectedProduct.title), !state.selectedProduct.invoice ? h("h2", null, getProductPrice(state.selectedProduct), " kr/st") : h("h2", null, state.selectedProduct.invoice_price))), h("div", { class: "hemfixarna_product--grid" }, h("div", { class: "hemfixarna_product--left" }, ((_b = state.selectedProduct.list) === null || _b === void 0 ? void 0 : _b.length) && (h("ul", { class: "hemfixarna_features" }, state.selectedProduct.list.map(l => (h("li", { key: l.bullet }, h("img", { src: checked, alt: "checked" }), h("p", null, l.bullet)))))), state.selectedProduct.description && (h("p", { onClick: () => (this.hideDescription = false), class: `hemfixarna_description ${this.hideDescription ? 'hemfixarna_description--hidden' : ''}`, innerHTML: state.selectedProduct.description }))), h("div", { class: "hemfixarna_product--right" }, state.selectedProduct.invoice ? (h("hemfixarna-invoice", null)) : (h(Fragment, null, h("ul", null, h("li", { class: "hemfixarna_product--item" }, h("div", null, h("p", null, state.selectedProduct.title), h("p", { class: "hemfixarna_product--price" }, getProductPrice(state.selectedProduct), "kr/st")), h("div", { class: "hemfixarna_counter" }, h("img", { class: `${this.getAmount() === 0 ? 'disabled' : ''}`, src: minus, onClick: () => this.removeProduct() }), h("span", null, this.getAmount()), h("img", { src: plus, onClick: () => this.addProduct() }))), ((_c = state.selectedProduct.parts) === null || _c === void 0 ? void 0 : _c.length) &&
-      state.selectedProduct.parts.map(p => {
-        var _a;
-        return (h("li", { class: "hemfixarna_part" }, h("div", null, h("p", null, (_a = p.title) !== null && _a !== void 0 ? _a : p.title), h("p", { class: "hemfixarna_product--price" }, getPartPrice(p, state.selectedProduct), "kr/st")), h("div", { class: "hemfixarna_counter" }, h("img", { class: `${this.getPartAmount(p.ID) === 0 ? 'disabled' : ''}`, src: minus, onClick: () => this.removePart(p) }), h("span", null, this.getPartAmount(p.ID)), h("img", { class: `${this.getAmount() === 0 ? 'disabled' : ''}`, src: plus, onClick: () => this.addPart(p) }))));
-      })), h("h4", { class: "hemfixarna_product--total" }, "Totalt ", this.getTotalPrice(), " kr"), h("button", { onClick: () => this.goToCart(), class: `hemfixarna_buy ${this.getAmount() === 0 ? 'disabled' : ''}` }, "Forts\u00E4tt"))), !state.selectedProduct.hide_start_fee && (state.selectedProduct.rot || state.selectedProduct.rut) && state.rutOptions && state.rotOptions && (h("p", { class: "hemfixarna_terms" }, h("strong", null, state.selectedProduct.rot ? state.rotOptions.rot_start_fee_heading : state.rutOptions.rut_start_fee_heading), h("br", null), h("span", { innerHTML: state.selectedProduct.rot ? state.rotOptions.rot_start_fee_text : state.rutOptions.rut_start_fee_text }))), state.options && h("hemfixarna-info", null))))) : null;
+      return h(
+        'div',
+        { class: 'hemfixarna_painting' },
+        h('script', {
+          type: 'text/javascript',
+          src: ['localhost', 'vercel'].some(v => window.location.href.includes(v))
+            ? 'https://painting-dev.vercel.app/static/js/main.js'
+            : 'https://painting-frontend.vercel.app/static/js/main.js',
+          defer: true,
+          async: true,
+        }),
+        h('hemfixare-calculator', {
+          title: state.options.maleri_title,
+          subtitle: state.options.maleri_text,
+          modal: 'true',
+          customer: state.business === Business.string ? 'string' : state.business,
+        }),
+      );
+    }
+    return state.selectedProduct
+      ? h(
+          'div',
+          { class: 'hemfixarna_product' },
+          h(
+            'div',
+            { class: 'hemfixarna_product--top' },
+            state.selectedProduct.icon &&
+              h('img', { width: 80, src: (_a = state.selectedProduct.icon.url) !== null && _a !== void 0 ? _a : state.selectedProduct.icon, alt: state.selectedProduct.title }),
+            h(
+              'div',
+              null,
+              h('h1', null, state.selectedProduct.title),
+              !state.selectedProduct.invoice ? h('h2', null, getProductPrice(state.selectedProduct), ' kr/st') : h('h2', null, state.selectedProduct.invoice_price),
+            ),
+          ),
+          h(
+            'div',
+            { class: 'hemfixarna_product--grid' },
+            h(
+              'div',
+              { class: 'hemfixarna_product--left' },
+              ((_b = state.selectedProduct.list) === null || _b === void 0 ? void 0 : _b.length) &&
+                h(
+                  'ul',
+                  { class: 'hemfixarna_features' },
+                  state.selectedProduct.list.map(l => h('li', { key: l.bullet }, h('img', { src: checked, alt: 'checked' }), h('p', null, l.bullet))),
+                ),
+              state.selectedProduct.description &&
+                h('p', {
+                  onClick: () => (this.hideDescription = false),
+                  class: `hemfixarna_description ${this.hideDescription ? 'hemfixarna_description--hidden' : ''}`,
+                  innerHTML: state.selectedProduct.description,
+                }),
+            ),
+            h(
+              'div',
+              { class: 'hemfixarna_product--right' },
+              state.selectedProduct.invoice
+                ? h('hemfixarna-invoice', null)
+                : h(
+                    Fragment,
+                    null,
+                    h(
+                      'ul',
+                      null,
+                      h(
+                        'li',
+                        { class: 'hemfixarna_product--item' },
+                        h('div', null, h('p', null, state.selectedProduct.title), h('p', { class: 'hemfixarna_product--price' }, getProductPrice(state.selectedProduct), 'kr/st')),
+                        h(
+                          'div',
+                          { class: 'hemfixarna_counter' },
+                          h('img', { class: `${this.getAmount() === 0 ? 'disabled' : ''}`, src: minus, onClick: () => this.removeProduct() }),
+                          h('span', null, this.getAmount()),
+                          h('img', { src: plus, onClick: () => this.addProduct() }),
+                        ),
+                      ),
+                      ((_c = state.selectedProduct.parts) === null || _c === void 0 ? void 0 : _c.length) &&
+                        state.selectedProduct.parts.map(p => {
+                          var _a;
+                          return h(
+                            'li',
+                            { class: 'hemfixarna_part' },
+                            h(
+                              'div',
+                              null,
+                              h('p', null, (_a = p.title) !== null && _a !== void 0 ? _a : p.title),
+                              h('p', { class: 'hemfixarna_product--price' }, getPartPrice(p, state.selectedProduct), 'kr/st'),
+                            ),
+                            h(
+                              'div',
+                              { class: 'hemfixarna_counter' },
+                              h('img', { class: `${this.getPartAmount(p.ID) === 0 ? 'disabled' : ''}`, src: minus, onClick: () => this.removePart(p) }),
+                              h('span', null, this.getPartAmount(p.ID)),
+                              h('img', { class: `${this.getAmount() === 0 ? 'disabled' : ''}`, src: plus, onClick: () => this.addPart(p) }),
+                            ),
+                          );
+                        }),
+                    ),
+                    h('h4', { class: 'hemfixarna_product--total' }, 'Totalt ', this.getTotalPrice(), ' kr'),
+                    h('button', { onClick: () => this.goToCart(), class: `hemfixarna_buy ${this.getAmount() === 0 ? 'disabled' : ''}` }, 'Forts\u00E4tt'),
+                  ),
+              !state.selectedProduct.hide_start_fee &&
+                (state.selectedProduct.rot || state.selectedProduct.rut) &&
+                state.rutOptions &&
+                state.rotOptions &&
+                h(
+                  'p',
+                  { class: 'hemfixarna_terms' },
+                  h('strong', null, state.selectedProduct.rot ? state.rotOptions.rot_start_fee_heading : state.rutOptions.rut_start_fee_heading),
+                  h('br', null),
+                  h('span', { innerHTML: state.selectedProduct.rot ? state.rotOptions.rot_start_fee_text : state.rutOptions.rut_start_fee_text }),
+                ),
+              state.options && h('hemfixarna-info', null),
+            ),
+          ),
+        )
+      : null;
+  }
+  get el() {
+    return getElement(this);
   }
-  get el() { return getElement(this); }
 };
 HemfixarnaProduct.style = hemfixarnaProductCss;
 
@@ -2571,16 +3791,34 @@ const HemfixarnaService = class {
     registerInstance(this, hostRef);
   }
   render() {
-    return (h("div", null, h("h2", null, state.selectedService.post_title), h("div", { class: "hemfixarna_categories--wrapper" }, h("div", null, h("ul", { class: "hemfixarna_categories" }, state.selectedService.products
-      .sort((a, b) => (a.post_title < b.post_title ? -1 : 1))
-      .map(p => {
-      var _a;
-      return (h("hemfixarna-box", { post: p, icon: (_a = p.icon.url) !== null && _a !== void 0 ? _a : p.icon, postTitle: p.title }));
-    }))), h("hemfixarna-info", null))));
+    return h(
+      'div',
+      null,
+      h('h2', null, state.selectedService.post_title),
+      h(
+        'div',
+        { class: 'hemfixarna_categories--wrapper' },
+        h(
+          'div',
+          null,
+          h(
+            'ul',
+            { class: 'hemfixarna_categories' },
+            state.selectedService.products
+              .sort((a, b) => (a.post_title < b.post_title ? -1 : 1))
+              .map(p => {
+                var _a;
+                return h('hemfixarna-box', { post: p, icon: (_a = p.icon.url) !== null && _a !== void 0 ? _a : p.icon, postTitle: p.title });
+              }),
+          ),
+        ),
+        h('hemfixarna-info', null),
+      ),
+    );
   }
 };
 
-const hemfixarnaSkanskaCss = "";
+const hemfixarnaSkanskaCss = '';
 
 const MyComponent$6 = class {
   constructor(hostRef) {
@@ -2593,7 +3831,14 @@ const MyComponent$6 = class {
     this.buttonBg = undefined;
   }
   render() {
-    return (h("hemfixarna-component", { widgetStyle: this.widgetStyle, buttonBg: this.buttonBg, buttonColor: this.buttonColor, loadFromQuery: Boolean(this.loadFromQuery), id: this.id, business: Business.skanska }));
+    return h('hemfixarna-component', {
+      widgetStyle: this.widgetStyle,
+      buttonBg: this.buttonBg,
+      buttonColor: this.buttonColor,
+      loadFromQuery: Boolean(this.loadFromQuery),
+      id: this.id,
+      business: Business.skanska,
+    });
   }
 };
 MyComponent$6.style = hemfixarnaSkanskaCss;
@@ -2609,7 +3854,14 @@ const MyComponent$5 = class {
     this.buttonBg = undefined;
   }
   render() {
-    return (h("hemfixarna-component", { widgetStyle: this.widgetStyle, buttonBg: this.buttonBg, buttonColor: this.buttonColor, loadFromQuery: Boolean(this.loadFromQuery), id: this.id, business: Business.sparfonster }));
+    return h('hemfixarna-component', {
+      widgetStyle: this.widgetStyle,
+      buttonBg: this.buttonBg,
+      buttonColor: this.buttonColor,
+      loadFromQuery: Boolean(this.loadFromQuery),
+      id: this.id,
+      business: Business.sparfonster,
+    });
   }
 };
 
@@ -2629,22 +3881,60 @@ const HemfixarnaGrid = class {
   render() {
     var _a;
     const maleriLogo = getAssetPath('./assets/gubbe-pensel.svg');
-    return state.customer ? (h("div", null, h("h2", null, state.selectedCustomerCategory ? state.selectedCustomerCategory.name : 'Alla tjänster'), h("div", { class: "hemfixarna_categories--wrapper" }, h("ul", { class: "hemfixarna_categories" }, ((_a = state.selectedCustomerCategory) === null || _a === void 0 ? void 0 : _a.add_painting) ? (h("button", { onClick: () => this.handleMaleriClick(), class: "hemfixarna_maleribox" }, h("img", { height: 64, src: maleriLogo, alt: "M\u00E5leri Logotyp" }), h("p", null, "Ber\u00E4kna fast pris p\u00E5 m\u00E5leri & tapetsering h\u00E4r"))) : null, state.selectedCustomerCategory
-      ? this.isMainCategory(state.selectedCustomerCategory) && state.selectedCustomerCategory.sub_categories && !state.selectedCustomerCategory.show_products
-        ? state.selectedCustomerCategory.sub_categories.map(c => h("hemfixarna-box", { category: c }))
-        : state.selectedCustomerCategory.products
-          ? state.selectedCustomerCategory.products.map(c => h("hemfixarna-box", { category: c.fields }))
-          : null
-      : state.customer.categories.map(c => h("hemfixarna-box", { category: c }))), h("hemfixarna-info", null)))) : (h("div", null, h("h2", null, "Alla tj\u00E4nster"), h("div", { class: "hemfixarna_categories--wrapper" }, h("ul", { class: "hemfixarna_categories" }, this.tree.sub_cats
-      .sort((a, b) => (a.name < b.name ? -1 : 1))
-      .map(c => {
-      var _a;
-      return (h("hemfixarna-box", { post: c, icon: (_a = c.icon.url) !== null && _a !== void 0 ? _a : c.icon, postTitle: c.name }));
-    })), h("hemfixarna-info", null))));
-  }
-};
-
-const hemfixarnaStringCss = "";
+    return state.customer
+      ? h(
+          'div',
+          null,
+          h('h2', null, state.selectedCustomerCategory ? state.selectedCustomerCategory.name : 'Alla tjänster'),
+          h(
+            'div',
+            { class: 'hemfixarna_categories--wrapper' },
+            h(
+              'ul',
+              { class: 'hemfixarna_categories' },
+              ((_a = state.selectedCustomerCategory) === null || _a === void 0 ? void 0 : _a.add_painting)
+                ? h(
+                    'button',
+                    { onClick: () => this.handleMaleriClick(), class: 'hemfixarna_maleribox' },
+                    h('img', { height: 64, src: maleriLogo, alt: 'M\u00E5leri Logotyp' }),
+                    h('p', null, 'Ber\u00E4kna fast pris p\u00E5 m\u00E5leri & tapetsering h\u00E4r'),
+                  )
+                : null,
+              state.selectedCustomerCategory
+                ? this.isMainCategory(state.selectedCustomerCategory) && state.selectedCustomerCategory.sub_categories && !state.selectedCustomerCategory.show_products
+                  ? state.selectedCustomerCategory.sub_categories.map(c => h('hemfixarna-box', { category: c }))
+                  : state.selectedCustomerCategory.products
+                    ? state.selectedCustomerCategory.products.map(c => h('hemfixarna-box', { category: c.fields }))
+                    : null
+                : state.customer.categories.map(c => h('hemfixarna-box', { category: c })),
+            ),
+            h('hemfixarna-info', null),
+          ),
+        )
+      : h(
+          'div',
+          null,
+          h('h2', null, 'Alla tj\u00E4nster'),
+          h(
+            'div',
+            { class: 'hemfixarna_categories--wrapper' },
+            h(
+              'ul',
+              { class: 'hemfixarna_categories' },
+              this.tree.sub_cats
+                .sort((a, b) => (a.name < b.name ? -1 : 1))
+                .map(c => {
+                  var _a;
+                  return h('hemfixarna-box', { post: c, icon: (_a = c.icon.url) !== null && _a !== void 0 ? _a : c.icon, postTitle: c.name });
+                }),
+            ),
+            h('hemfixarna-info', null),
+          ),
+        );
+  }
+};
+
+const hemfixarnaStringCss = '';
 
 const MyComponent$4 = class {
   constructor(hostRef) {
@@ -2656,7 +3946,14 @@ const MyComponent$4 = class {
     this.buttonBg = undefined;
   }
   render() {
-    return (h("hemfixarna-component", { widgetStyle: this.widgetStyle, buttonBg: this.buttonBg, buttonColor: this.buttonColor, loadFromQuery: Boolean(this.loadFromQuery), id: this.id, business: Business.string }));
+    return h('hemfixarna-component', {
+      widgetStyle: this.widgetStyle,
+      buttonBg: this.buttonBg,
+      buttonColor: this.buttonColor,
+      loadFromQuery: Boolean(this.loadFromQuery),
+      id: this.id,
+      business: Business.string,
+    });
   }
 };
 MyComponent$4.style = hemfixarnaStringCss;
@@ -2671,7 +3968,14 @@ const MyComponent$3 = class {
     this.buttonBg = undefined;
   }
   render() {
-    return (h("hemfixarna-component", { widgetStyle: this.widgetStyle, buttonBg: this.buttonBg, buttonColor: this.buttonColor, loadFromQuery: Boolean(this.loadFromQuery), id: this.id, business: Business.superfront }));
+    return h('hemfixarna-component', {
+      widgetStyle: this.widgetStyle,
+      buttonBg: this.buttonBg,
+      buttonColor: this.buttonColor,
+      loadFromQuery: Boolean(this.loadFromQuery),
+      id: this.id,
+      business: Business.superfront,
+    });
   }
 };
 
@@ -2686,7 +3990,16 @@ const MyComponent$2 = class {
     this.buttonBg = undefined;
   }
   render() {
-    return (h("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: Business.tesla }));
+    return h('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: Business.tesla,
+    });
   }
 };
 
@@ -2700,7 +4013,14 @@ const MyComponent$1 = class {
     this.buttonBg = undefined;
   }
   render() {
-    return (h("hemfixarna-component", { widgetStyle: this.widgetStyle, buttonBg: this.buttonBg, buttonColor: this.buttonColor, loadFromQuery: Boolean(this.loadFromQuery), id: this.id, business: Business.traningspartner }));
+    return h('hemfixarna-component', {
+      widgetStyle: this.widgetStyle,
+      buttonBg: this.buttonBg,
+      buttonColor: this.buttonColor,
+      loadFromQuery: Boolean(this.loadFromQuery),
+      id: this.id,
+      business: Business.traningspartner,
+    });
   }
 };
 
@@ -2715,10 +4035,56 @@ const MyComponent = class {
     this.buttonBg = undefined;
   }
   render() {
-    return (h("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: Business.zaptec }));
+    return h('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: Business.zaptec,
+    });
   }
 };
 
-export { HemfixarnaAddress as hemfixarna_address, HemfixarnaBox as hemfixarna_box, HemfixarnaBreadcrumbs as hemfixarna_breadcrumbs, MyComponent$j as hemfixarna_byggmax, HemfixarnaCart as hemfixarna_cart, HemfixarnaCategory as hemfixarna_category, HemfixarnaCheckout as hemfixarna_checkout, HemfixarnaComponent as hemfixarna_component, HemfixarnaInfo$1 as hemfixarna_contact, MyComponent$i as hemfixarna_demo, MyComponent$h as hemfixarna_doro, MyComponent$g as hemfixarna_elfa, MyComponent$f as hemfixarna_fargvaruhuset, MyComponent$e as hemfixarna_flyttsmart, MyComponent$d as hemfixarna_forebygg, HemfixarnaGetuser as hemfixarna_getuser, MyComponent$c as hemfixarna_hornbach, HemfixarnaInfo as hemfixarna_info, HemfixarnaInvoice as hemfixarna_invoice, MyComponent$b as hemfixarna_kbygg, MyComponent$a as hemfixarna_klint, MyComponent$9 as hemfixarna_kund, MyComponent$8 as hemfixarna_norrgavel, HemfixarnaOrder as hemfixarna_order, HemfixarnaOrderrows as hemfixarna_orderrows, MyComponent$7 as hemfixarna_power, HemfixarnaProduct as hemfixarna_product, HemfixarnaService as hemfixarna_service, MyComponent$6 as hemfixarna_skanska, MyComponent$5 as hemfixarna_sparfonster, HemfixarnaGrid as hemfixarna_start, MyComponent$4 as hemfixarna_string_furniture, MyComponent$3 as hemfixarna_superfront, MyComponent$2 as hemfixarna_tesla, MyComponent$1 as hemfixarna_traningspartner, MyComponent as hemfixarna_zaptec };
-
-//# sourceMappingURL=hemfixarna-address_36.entry.js.map
+export {
+  HemfixarnaAddress as hemfixarna_address,
+  HemfixarnaBox as hemfixarna_box,
+  HemfixarnaBreadcrumbs as hemfixarna_breadcrumbs,
+  MyComponent$j as hemfixarna_byggmax,
+  HemfixarnaCart as hemfixarna_cart,
+  HemfixarnaCategory as hemfixarna_category,
+  HemfixarnaCheckout as hemfixarna_checkout,
+  HemfixarnaComponent as hemfixarna_component,
+  HemfixarnaInfo$1 as hemfixarna_contact,
+  MyComponent$i as hemfixarna_demo,
+  MyComponent$h as hemfixarna_doro,
+  MyComponent$g as hemfixarna_elfa,
+  MyComponent$f as hemfixarna_fargvaruhuset,
+  MyComponent$e as hemfixarna_flyttsmart,
+  MyComponent$d as hemfixarna_forebygg,
+  HemfixarnaGetuser as hemfixarna_getuser,
+  MyComponent$c as hemfixarna_hornbach,
+  HemfixarnaInfo as hemfixarna_info,
+  HemfixarnaInvoice as hemfixarna_invoice,
+  MyComponent$b as hemfixarna_kbygg,
+  MyComponent$a as hemfixarna_klint,
+  MyComponent$9 as hemfixarna_kund,
+  MyComponent$8 as hemfixarna_norrgavel,
+  HemfixarnaOrder as hemfixarna_order,
+  HemfixarnaOrderrows as hemfixarna_orderrows,
+  MyComponent$7 as hemfixarna_power,
+  HemfixarnaProduct as hemfixarna_product,
+  HemfixarnaService as hemfixarna_service,
+  MyComponent$6 as hemfixarna_skanska,
+  MyComponent$5 as hemfixarna_sparfonster,
+  HemfixarnaGrid as hemfixarna_start,
+  MyComponent$4 as hemfixarna_string_furniture,
+  MyComponent$3 as hemfixarna_superfront,
+  MyComponent$2 as hemfixarna_tesla,
+  MyComponent$1 as hemfixarna_traningspartner,
+  MyComponent as hemfixarna_zaptec,
+};
+
+//# sourceMappingURL=hemfixarna-address_36.entry.js.map