hemfixarna-web-components 0.3.1 → 0.9.2

package/dist/cjs/hemfixarna-address_16.cjs.entry.js

@@ -0,0 +1,1753 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-d9e286dc.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 debounce = (fn, ms) => {
+    let timeoutId;
+    return (...args) => {
+        if (timeoutId) {
+            clearTimeout(timeoutId);
+        }
+        timeoutId = setTimeout(() => {
+            timeoutId = 0;
+            fn(...args);
+        }, ms);
+    };
+};
+
+/**
+ * Check if a possible element isConnected.
+ * The property might not be there, so we check for it.
+ *
+ * We want it to return true if isConnected is not a property,
+ * otherwise we would remove these elements and would not update.
+ *
+ * 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));
+    }
+}, 2000);
+const stencilSubscription = () => {
+    if (typeof index.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 = index.getRenderingRef();
+            if (elm) {
+                appendToMap(elmsToUpdate, propName, elm);
+            }
+        },
+        set: (propName) => {
+            const elements = elmsToUpdate.get(propName);
+            if (elements) {
+                elmsToUpdate.set(propName, elements.filter(index.forceUpdate));
+            }
+            cleanupElements(elmsToUpdate);
+        },
+        reset: () => {
+            elmsToUpdate.forEach((elms) => elms.forEach(index.forceUpdate));
+            cleanupElements(elmsToUpdate);
+        },
+    };
+};
+
+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);
+            }
+        });
+        // 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 createStore = (defaultState, shouldUpdate) => {
+    const map = createObservableMap(defaultState, shouldUpdate);
+    map.use(stencilSubscription());
+    return map;
+};
+
+const { state, onChange, } = createStore({
+  step: 1,
+  checkoutStep: 1,
+  checkoutEdit: false,
+  selectedCategory: null,
+  selectedService: null,
+  selectedProduct: null,
+  cart: [],
+  business: 'undefined',
+  options: null,
+  rut: true,
+  rot: true,
+  token: null,
+  user: null,
+  modal: null,
+});
+onChange('cart', cart => {
+  window.sessionStorage.setItem(`hemfixarna-${state.business}-cart`, JSON.stringify(cart));
+});
+onChange('user', user => {
+  window.sessionStorage.setItem(`hemfixarna-${state.business}-user`, JSON.stringify(user));
+});
+
+const hideField = (field) => {
+  return field.split(' ').reduce((acc, curr) => {
+    return curr.length < 2 ? curr : acc + curr.slice(0, 1) + '*'.repeat(curr.length - 2) + curr.slice(curr.length - 1, curr.length) + ' ';
+  }, '');
+};
+
+const HemfixarnaAddress = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.handleSubmit = (e) => {
+      e.preventDefault();
+      const streetValid = this.street.length > 0;
+      if (!streetValid) {
+        this.streetError = 'Ange en gatuadress';
+      }
+      const zipValid = this.zip.length > 0;
+      if (!zipValid) {
+        this.zipError = 'Ange ett postnummer';
+      }
+      const townValid = this.town.length > 0;
+      if (!townValid) {
+        this.townError = 'Ange en ort';
+      }
+      if (streetValid && zipValid && townValid) {
+        state.user = Object.assign(Object.assign({}, state.user), { street: this.street, zip: this.zip, town: this.town });
+        state.checkoutStep = 2;
+        state.checkoutEdit = false;
+      }
+    };
+    this.handleChangeStreet = (e) => {
+      this.streetError = null;
+      this.street = this.street === state.user.street ? '' : e.target.value;
+    };
+    this.handleChangeZip = (e) => {
+      this.zipError = null;
+      this.zip = this.zip === state.user.zip ? '' : e.target.value;
+    };
+    this.handleChangeTown = (e) => {
+      this.townError = null;
+      this.town = this.town === state.user.town ? '' : e.target.value;
+    };
+    this.render = () => {
+      return (index.h("form", { class: "hemfixarna_address", onSubmit: e => this.handleSubmit(e) }, index.h("div", null, index.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 }), index.h("label", { htmlFor: "street" }, "Gatuaddress ")), this.streetError && index.h("span", null, this.streetError), index.h("div", null, index.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 }), index.h("label", { htmlFor: "zip" }, "Postnummer ")), this.zipError && index.h("span", null, this.zipError), index.h("div", null, index.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 }), index.h("label", { htmlFor: "town" }, "Ort ")), this.townError && index.h("span", null, this.townError), index.h("input", { type: "submit", value: "Forts\u00E4tt och Boka" })));
+    };
+    this.street = '';
+    this.streetError = null;
+    this.zip = '';
+    this.zipError = null;
+    this.town = '';
+    this.townError = null;
+  }
+  componentWillLoad() {
+    if (state.user) {
+      this.street = state.user.street;
+      this.zip = state.user.zip;
+      this.town = state.user.town;
+    }
+  }
+};
+
+const getRutPrice = (price) => {
+  return Math.ceil(price / 2);
+};
+const getRotPrice = (price) => {
+  return Math.ceil(price * 0.7);
+};
+const getProductPrice = (product, price, amount = 1) => {
+  if (product.rot && state.rot) {
+    return getRotPrice((price || product.price) * amount);
+  }
+  else if (product.rut && state.rut) {
+    return getRutPrice((price || product.price) * amount);
+  }
+  else {
+    return (price || product.price) * amount;
+  }
+};
+const getProductPriceWithRotAndRut = (product) => {
+  if (product.rot) {
+    return getRotPrice(product.price);
+  }
+  else if (product.rut && state.rut) {
+    return getRutPrice(product.price);
+  }
+  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) {
+    return getRutPrice(part.price * amount);
+  }
+  else {
+    return part.price * amount;
+  }
+};
+const getStartFee = () => {
+  if (!state.cart)
+    return { rut: 0, rot: 0 };
+  const hasRut = state.cart.some(item => item.rut && item.start_fee);
+  const hasRot = state.cart.some(item => item.rot && item.start_fee);
+  const rutPrice = state.rut ? getRutPrice(state.options.start_fee) : state.options.start_fee * 1;
+  const rotPrice = state.rot ? getRotPrice(state.options.start_fee) : state.options.start_fee * 1;
+  if (hasRut && hasRot) {
+    return { rut: rutPrice, rot: rotPrice, length: 2 };
+  }
+  else if (hasRut) {
+    return { rut: rutPrice, rot: 0, length: 1 };
+  }
+  else if (hasRot) {
+    return { rut: 0, rot: rotPrice, length: 1 };
+  }
+  else {
+    return { rut: 0, rot: 0, length: 0 };
+  }
+};
+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);
+  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);
+  return totalWithoutRut - totalWithRut;
+};
+const getTotalPrice = () => {
+  return state.cart.reduce((acc, curr) => acc + getItemPrice(curr), 0) + getStartFee().rot + getStartFee().rut;
+};
+
+const HemfixarnaBox = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.post = undefined;
+    this.icon = undefined;
+    this.postTitle = undefined;
+  }
+  setTaxonomy(taxonomy) {
+    if (taxonomy) {
+      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') {
+        state.selectedService = taxonomy;
+        state.step = 3;
+      }
+      else if ((taxonomy === null || taxonomy === void 0 ? void 0 : taxonomy.post_type) === 'ikea_product') {
+        state.selectedProduct = taxonomy;
+        state.step = 4;
+      }
+    }
+  }
+  render() {
+    return (index.h("li", { onClick: () => this.setTaxonomy(this.post) }, this.post.icon && index.h("img", { class: "hemfixarna_logo", height: 82, src: this.icon, alt: this.postTitle }), index.h("div", null, index.h("p", null, this.postTitle), state.step === 3 && index.h("p", { class: "price" }, "Fr\u00E5n ", getProductPrice(this.post), "kr"))));
+  }
+};
+
+const HemfixarnaBreadcrumbs = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.tree = undefined;
+    this.closeModal = undefined;
+  }
+  getCartLength() {
+    return state.cart.reduce((acc, curr) => acc + curr.amount, 0);
+  }
+  handleCartClick() {
+    var _a;
+    if ((_a = state.cart) === null || _a === void 0 ? void 0 : _a.length) {
+      state.step = 5;
+    }
+  }
+  handleHomePageClick() {
+    state.step = 1;
+    setTimeout(() => {
+      state.selectedCategory = null;
+      state.selectedProduct = null;
+      state.selectedService = null;
+    }, 200);
+  }
+  render() {
+    const logo = index.getAssetPath(`./assets/hemfixarna.svg`);
+    const close = index.getAssetPath(`./assets/close.svg`);
+    const cart = index.getAssetPath(`./assets/cart.svg`);
+    const back = index.getAssetPath(`./assets/back.svg`);
+    return (index.h("div", null, index.h("div", { class: "hemfixarna_crumbs" }, index.h("div", { class: "hemfixarna_crumbs--links" }, index.h("img", { onClick: () => this.handleHomePageClick(), src: logo, width: 110 }), index.h("img", { onClick: () => this.closeModal(), class: "close", src: close, width: 32 }), index.h("div", null, index.h("button", { onClick: () => this.handleHomePageClick() }, "Alla tj\u00E4nster"))), index.h("div", { onClick: () => this.handleCartClick(), class: `cart ${this.getCartLength() > 0 ? 'cart_active' : ''}` }, index.h("img", { src: cart, width: 24 }), index.h("span", null, this.getCartLength()))), [3, 4].includes(state.step) && (index.h("button", { class: "hemfixarna_crumbs--back", onClick: () => {
+        state.step = state.step === 4 ? 3 : 2;
+      } }, index.h("img", { width: 24, src: back, alt: "back arrow" }), index.h("span", null, "Se allt ", state.step === 4 ? state.selectedService.post_title : state.selectedCategory.name)))));
+  }
+};
+
+var Business;
+(function (Business) {
+  Business["byggmax"] = "byggmax";
+})(Business || (Business = {}));
+var TopCategory;
+(function (TopCategory) {
+  TopCategory["byggmax"] = "category/bygg";
+})(TopCategory || (TopCategory = {}));
+
+const hemfixarnaByggmaxCss = "";
+
+const MyComponent$1 = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.tree = null;
+    this.slug = undefined;
+  }
+  render() {
+    return index.h("hemfixarna-component", { slug: this.slug, business: Business.byggmax, topCategory: TopCategory.byggmax });
+  }
+};
+MyComponent$1.style = hemfixarnaByggmaxCss;
+
+const HemfixarnaCart = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.tree = undefined;
+  }
+  render() {
+    const back = index.getAssetPath(`./assets/back.svg`);
+    return (index.h("div", { class: "hemfixarna_cart" }, index.h("div", { class: "hemfixarna_cart--left" }, index.h("h2", null, state.checkoutStep === 2 && !state.checkoutEdit && (index.h("button", { onClick: () => {
+        state.checkoutStep = 1;
+      } }, index.h("img", { width: 24, src: back, alt: "back arrow" }))), "Din bokning"), index.h("hemfixarna-orderrows", { tree: this.tree })), index.h("div", { class: "hemfixarna_cart--right" }, index.h("h2", null, state.checkoutStep === 2 && !state.checkoutEdit && (index.h("button", { onClick: () => {
+        state.checkoutStep = 1;
+      } }, index.h("img", { width: 24, src: back, alt: "back arrow" }))), "Dina uppgifter"), index.h("hemfixarna-checkout", null), index.h("hemfixarna-info", null))));
+  }
+};
+
+const HemfixarnaCategory = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  setSelectedService(service) {
+    state.selectedService = service;
+    state.step = 3;
+  }
+  render() {
+    return (index.h("div", null, index.h("h2", null, state.selectedCategory.name), index.h("div", { class: "hemfixarna_categories--wrapper" }, index.h("div", null, index.h("ul", { class: "hemfixarna_categories" }, state.selectedCategory.services
+      .sort((a, b) => (a.post_title < b.post_title ? -1 : 1))
+      .map(s => {
+      var _a;
+      return (index.h("hemfixarna-box", { post: s, icon: (_a = s.icon.url) !== null && _a !== void 0 ? _a : s.icon, postTitle: s.post_title }));
+    }))), index.h("hemfixarna-info", { list: state.options.trust }))));
+  }
+};
+
+const base = `${"http://hemfixare.se.test"}/wp-json/headless` ;
+const getTaxonomy = async (endpoint) => {
+  if (!endpoint) {
+    return;
+  }
+  const type = endpoint.split('/')[0];
+  const slug = endpoint.split('/')[1];
+  try {
+    const res = await fetch(`${base}/${type}/${slug}`);
+    return await res.json();
+  }
+  catch (error) {
+    console.log(error);
+  }
+};
+const getOptions = async () => {
+  try {
+    const res = await fetch(`${base}/webcoptions`);
+    return (await res.json());
+  }
+  catch (error) {
+    console.log(error);
+  }
+};
+const postOrder = async (data) => {
+  try {
+    const res = await fetch(`${base}/weborder`, {
+      method: 'POST',
+      body: JSON.stringify(data),
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    });
+    return (await res.json());
+  }
+  catch (error) {
+    console.log(error);
+  }
+};
+
+const HemfixarnaCheckout = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.handleChangeDate = (e) => {
+      this.dateError = null;
+      this.date = e.target.value;
+    };
+    this.handleChangeTerms = () => {
+      this.generalError = null;
+    };
+    this.sendOrder = async () => {
+      // Test order post (remove later)
+      const order = {
+        name: state.user.firstName + ' ' + state.user.lastName,
+        customer: state.business,
+        phone: state.user.phone,
+        social_security_number: state.user.ssn,
+        email: state.user.email,
+        address: `${state.user.street} | ${state.user.zip} | ${state.user.town}`,
+        earliest_visit_date: this.date,
+        order_items: JSON.stringify(state.cart.map(item => `${item.amount}st ${item.name} ${getProductPrice(item, item.price, item.amount)}kr ${item.parts.length ? `| ${item.parts.map(part => `${part.amount}st ${part.name} ${getPartPrice(part, item, part.amount)}kr`).join(' | ')} ` : ''} ${item.rot && state.rot ? '(med rot)' : state.rut && item.rut ? '(med rut)' : '(utan rut/rot)'}`)),
+        start_fee: `${getStartFee().rut > 0 ? `Rut: ${getStartFee().rut}kr` : 'Rut: 0'} ` + `${getStartFee().rot > 0 ? `Rot: ${getStartFee().rot}kr` : 'Rot: 0'}`,
+        total: getTotalPrice(),
+      };
+      try {
+        const { data: orderConfirm, status } = await postOrder(order);
+        if (orderConfirm && status && status === 200) {
+          state.step = 6;
+        }
+        else {
+          this.generalError = 'Något gick fel, försök igen senare';
+        }
+      }
+      catch (_) {
+        this.generalError = 'Något gick fel, försök igen senare';
+      }
+    };
+    this.handleSubmit = (e) => {
+      e.preventDefault();
+      this.generalError = null;
+      const validDate = this.date.length > 0;
+      if (!validDate) {
+        this.dateError = 'Ange ett giltigt datum';
+      }
+      const checkBoxes = Array.from(this.el.querySelectorAll('input[type="checkbox"]'));
+      const notValidTerms = checkBoxes.find(i => !i.checked);
+      if (notValidTerms) {
+        this.generalError = 'Du måste godkänna villkoren';
+      }
+      if (validDate && !notValidTerms) {
+        this.sendOrder();
+      }
+    };
+    this.render = () => {
+      const dateLogo = index.getAssetPath(`./assets/date.svg`);
+      const down = index.getAssetPath(`./assets/down.svg`);
+      if (state.checkoutEdit) {
+        return index.h("hemfixarna-address", null);
+      }
+      else if (state.checkoutStep === 1) {
+        return index.h("hemfixarna-getuser", null);
+      }
+      else if (state.checkoutStep === 2) {
+        return (index.h("div", { class: "mb-2" }, index.h("div", { class: "hemfixarna_addressinfo" }, index.h("div", null, index.h("p", null, hideField(state.user.firstName)), index.h("p", null, hideField(state.user.lastName)), index.h("p", null, state.user.email), index.h("p", null, state.user.phone)), index.h("div", null, index.h("p", null, hideField(state.user.street)), index.h("p", null, hideField(state.user.zip)), index.h("p", null, hideField(state.user.town))), index.h("button", { onClick: () => (state.checkoutEdit = true) }, "Beh\u00F6ver du \u00E4ndra adressen?")), index.h("form", { onSubmit: e => this.handleSubmit(e) }, index.h("div", null, index.h("img", { src: dateLogo, width: 24 }), index.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 }), index.h("label", { htmlFor: "date" }, "Tidigaste datum f\u00F6r hembes\u00F6k"), index.h("img", { src: down, width: 24 })), this.dateError && index.h("span", null, this.dateError), index.h("label", { class: "hemfixarna_checkbox" }, index.h("input", { onChange: () => this.handleChangeTerms(), type: "checkbox" }), index.h("span", { innerHTML: state.options.terms })), state.cart
+          .filter(i => i.terms_checkout && i.terms_show_checkbox)
+          .map(item => (index.h(index.Fragment, null, index.h("label", { class: "hemfixarna_checkbox" }, index.h("input", { onChange: () => this.handleChangeTerms(), type: "checkbox" }), index.h("span", null, item.terms_checkout))))), this.generalError && index.h("span", null, this.generalError), index.h("input", { type: "submit", value: "Slutf\u00F6r Bokning" }))));
+      }
+    };
+    this.date = '';
+    this.dateError = null;
+    this.generalError = null;
+  }
+  componentWillLoad() {
+    if (Boolean(state.user && state.user.street)) {
+      state.checkoutStep = 2;
+    }
+  }
+  get el() { return index.getElement(this); }
+};
+
+const hemfixarnaCss = "@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap\"); *{box-sizing:border-box}:host{font-family:\"Inter\", sans-serif}:host .mb-2{margin-bottom:2rem}:host form{display:flex;flex-direction:column;gap:1rem}:host form img{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none}:host form img:first-of-type{left:1rem}:host form img:last-of-type{right:1rem}:host form span{margin-top:-0.5rem;color:#ec6632}:host form p{text-align:center}:host form p{margin:0}:host form div{position:relative}:host form div label{pointer-events:none;position:absolute;left:1rem;top:50%;transform:translateY(-50%);background:#fff;padding:0.25rem;transition:0.2s all cubic-bezier(0.465, 0.183, 0.153, 0.946)}:host form div input{padding:1rem;width:100%;font-size:1rem;border:1px solid #fcd9c9}:host form div input:focus~label,:host form div .input_active~label{top:0;transform:translateY(-50%);background:linear-gradient(180deg, #fffaf2 50%, #fff 50%)}:host h1{font-size:24px;font-weight:400;line-height:32px;letter-spacing:-3%;text-align:left;margin:0 0 0.5rem}:host h2{margin:0 0 1.5rem;font-weight:700;font-size:20px;line-height:28px;letter-spacing:-3%}:host p{font-size:16px;font-weight:400;line-height:24px;letter-spacing:-3%}:host .hemfixarna{width:100%;}:host .hemfixarna .switch{position:relative;display:inline-block;width:40px;height:20px}:host .hemfixarna .switch input{opacity:0;width:0;height:0}:host .hemfixarna .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:0.4s;transition:0.4s;border-radius:34px}:host .hemfixarna .slider:before{position:absolute;content:\"\";height:18px;width:18px;left:2px;bottom:1px;background-color:white;-webkit-transition:0.4s;transition:0.4s;border-radius:50%}:host .hemfixarna input:checked+.slider{background-color:#fcd9c9}:host .hemfixarna input:focus+.slider{box-shadow:0 0 1px #fcd9c9}:host .hemfixarna input:checked+.slider:before{-webkit-transform:translateX(18px);-ms-transform:translateX(18px);transform:translateX(18px);background:#ec6632}:host .hemfixarna_checkbox{display:grid;grid-template-columns:2.5rem auto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:-3%}:host .hemfixarna_checkbox>span{transform:translateY(6px)}:host .hemfixarna_checkbox span,:host .hemfixarna_checkbox span p{color:#474444;font-size:14px}:host .hemfixarna_checkbox p{text-align:left}:host .hemfixarna_info{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);border-radius:0.25rem;border:1px solid #fcd9c9}:host .hemfixarna_info h2{margin:0}@media (min-width: 769px){:host .hemfixarna_info{position:sticky;top:0}}:host .hemfixarna_infomodal{position:absolute;top:40%;left:50%;transform:translate(-50%, -50%);width:100%;max-width:80%;background:#fffaf2;border:1px solid #fcd9c9;padding:2rem;z-index:99;border-radius:0.25rem;box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);display:flex;flex-direction:column;gap:1rem}:host .hemfixarna_infomodal button{background:#ec6632;color:#fff;border-radius:60px;font-size:16px;padding:0.5rem 1rem}:host .hemfixarna_addressinfo{padding:1rem 1rem 4rem;border:1px solid #fcd9c9;position:relative;margin-bottom:2rem;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem}:host .hemfixarna_addressinfo button{position:absolute;bottom:1rem;right:1rem;font-weight:500;text-underline-offset:2px;text-decoration:underline}:host .hemfixarna_part{background:#fff;box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);display:grid;padding:1rem;grid-template-columns:auto 75px}:host .hemfixarna_counter{display:flex;align-items:center}:host .hemfixarna_counter span{padding:0 0.5rem}:host .hemfixarna_counter img{cursor:pointer}:host .hemfixarna_counter img:not(.disabled):hover{transition:0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);filter:brightness(1.02);transform:scale(1.01);box-shadow:0px 8px 16px 2px rgba(0, 0, 0, 0.0392156863)}:host .hemfixarna_terms{font-size:14px}:host .hemfixarna_terms a{color:inherit}:host .hemfixarna_logo{height:4rem}:host .hemfixarna_box{padding:1rem;display:flex;align-items:center;justify-content:space-between;background:#fffaf2;border:1px solid #fcd9c9;width:100%;box-sizing:border-box;border-radius:0.25rem;gap:1rem 0.5rem}:host .hemfixarna_box>div{display:grid;gap:0.5rem}:host .hemfixarna_btn,:host .hemfixarna_buy,:host .hemfixarna input[type=submit]{border:none;border-radius:60px;font-weight:600;letter-spacing:0.5px;line-height:20px;box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863)}:host .hemfixarna_btn:not(.disabled):hover,:host .hemfixarna_buy:not(.disabled):hover,:host .hemfixarna input[type=submit]:not(.disabled):hover{transition:0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);filter:brightness(1.02);transform:scale(1.01);box-shadow:0px 8px 16px 2px rgba(0, 0, 0, 0.0392156863)}:host .hemfixarna_btn{font-size:14px;background:#c84e18;color:#fff;padding:1rem 2rem;white-space:nowrap;position:relative}:host .hemfixarna_btn span{position:absolute;background:#fff;border-radius:100%;width:24px;height:24px;display:flex;justify-content:center;align-items:center;font-weight:600;font-size:13px;line-height:11px;top:-0.5rem;right:-0.75rem}:host .hemfixarna_btn span{background:#25a710;color:#fff;right:0 !important}:host .hemfixarna_buy,:host .hemfixarna input[type=submit]{font-size:21px;background:#25a710;color:#fff;padding:1rem 1.5rem}:host .hemfixarna .disabled{opacity:0.5;cursor:default}:host .hemfixarna_modal{position:fixed;background:#fffaf2;border:1px solid #fcd9c9;border-radius:0.25rem;top:50%;left:50%;z-index:1000;transition:0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);transform:translate(-50%, -50%) scale(0.7);opacity:0;height:92%;width:92%;max-width:920px;display:flex;flex-direction:column;gap:0.5rem}:host .hemfixarna_modal--open{opacity:1;transform:translate(-50%, -50%) scale(1)}:host .hemfixarna_backdrop{z-index:999;position:fixed;background:#474444;top:0;left:0;bottom:0;right:0;opacity:0;transition:transform 0.1s cubic-bezier(0.465, 0.183, 0.153, 0.946), opacity 0.1s cubic-bezier(0.465, 0.183, 0.153, 0.946)}:host .hemfixarna_backdrop--open{opacity:0.3}:host .hemfixarna_order{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background-repeat:no-repeat !important;background-size:cover !important;background-position:center !important;display:grid;grid-template-columns:1fr 1fr;padding:3rem 2rem 4rem}@media (max-width: 768px){:host .hemfixarna_order{grid-template-columns:1fr;grid-template-rows:0 auto}}:host .hemfixarna_order>div:last-of-type{background:#fffaf2;padding:2rem;display:flex;flex-direction:column;max-height:100%;overflow:auto}:host .hemfixarna_order img{cursor:pointer}:host .hemfixarna_order button{margin:1rem 0;padding:0;text-decoration:underline;text-underline-offset:2px;font-size:14px;font-weight:600}:host .hemfixarna_cart{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 768px){:host .hemfixarna_cart{grid-template-columns:1fr;gap:0}}:host .hemfixarna_cart--right h2,:host .hemfixarna_cart--left h2{display:flex;align-items:center}:host .hemfixarna_cart--right h2 img,:host .hemfixarna_cart--left h2 img{margin-top:0.2rem}@media (min-width: 769px){:host .hemfixarna_cart--left h2 button{display:none}}@media (max-width: 768px){:host .hemfixarna_cart--right h2 button{display:none}}:host .hemfixarna_cart--startfee{display:flex;justify-content:space-between}:host .hemfixarna_cart--rutrot{display:flex;justify-content:space-between}:host .hemfixarna_cart--rutrot div{display:flex;gap:1rem;align-items:center}:host .hemfixarna_cart--additional{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-top:1px solid #fcd9c9}:host .hemfixarna_cart--additional p{font-size:14px}:host .hemfixarna_cart--additional strong{text-decoration:underline;text-underline-offset:2px;cursor:pointer;position:relative}:host .hemfixarna_cart--additional strong img{position:absolute;top:50%;transform:translateY(-50%);right:-1.5rem}:host .hemfixarna_cart--price{border-top:1px solid #fcd9c9;padding:1rem;display:flex;justify-content:space-between}:host .hemfixarna_cart--price h3{margin:0}:host .hemfixarna_cart--item{display:flex;flex-direction:column;gap:0.5rem;padding:1rem 0;border-top:1px solid #fcd9c9}:host .hemfixarna_cart--item>div{display:flex;justify-content:space-between}:host .hemfixarna_cart--item>div>div{display:flex;align-items:center;gap:1rem}:host .hemfixarna_cart--item>div button{color:#ec6632}:host .hemfixarna_categories{display:grid;gap:1.5rem}:host .hemfixarna_categories--wrapper{gap:2rem;display:grid;grid-template-columns:1fr 1fr}@media (max-width: 768px){:host .hemfixarna_categories--wrapper{grid-template-columns:1fr}}:host .hemfixarna_categories li{position:relative;background:#fff;border-radius:0.25rem;min-height:132px;padding:1.5rem;box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);display:flex;align-items:center;gap:1.5rem;cursor:pointer}:host .hemfixarna_categories li:hover{transition:0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);filter:brightness(1.02);transform:scale(1.01);box-shadow:0px 8px 16px 2px rgba(0, 0, 0, 0.0392156863)}:host .hemfixarna_categories li>button{height:100%;width:100%}:host .hemfixarna_categories li .price{font-weight:700}:host .hemfixarna_content{height:100%;overflow:auto;padding:0 2rem 4rem}:host .hemfixarna_content--5{padding-top:1rem}:host .hemfixarna_crumbs{position:relative;padding:1rem 1.5rem;border-bottom:1px solid #fcd9c9;display:flex;justify-content:space-between}:host .hemfixarna_crumbs--back{padding:1rem 1.5rem 0.5rem;display:flex;align-items:center;gap:0.5rem;box-shadow:none !important}:host .hemfixarna_crumbs--back:hover{transition:0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);filter:brightness(1.02);transform:scale(1.01);box-shadow:0px 8px 16px 2px rgba(0, 0, 0, 0.0392156863)}:host .hemfixarna_crumbs img{cursor:pointer}:host .hemfixarna_crumbs .close{position:absolute;right:-1rem;top:-1rem;z-index:9}:host .hemfixarna_crumbs .cart{padding-left:1rem;position:relative}:host .hemfixarna_crumbs .cart img{cursor:inherit}:host .hemfixarna_crumbs .cart span{position:absolute;background:#fff;border-radius:100%;width:24px;height:24px;display:flex;justify-content:center;align-items:center;font-weight:600;font-size:13px;line-height:11px;top:-0.5rem;right:-0.75rem}:host .hemfixarna_crumbs .cart_active{cursor:pointer}:host .hemfixarna_crumbs .cart_active span{background:#25a710;color:#fff}:host .hemfixarna_crumbs--links{display:flex;align-items:center;gap:1rem;overflow:auto}@media (min-width: 769px){:host .hemfixarna_crumbs--links{-ms-overflow-style:none}:host .hemfixarna_crumbs--links::-webkit-scrollbar{display:none}:host .hemfixarna_crumbs--links::-webkit-scrollbar-button{display:none}}:host .hemfixarna_crumbs button{white-space:nowrap;background:#f1ded6;border-radius:4rem;padding:0.75rem 1rem;font-size:12px;font-weight:600;letter-spacing:0.3px;box-shadow:none !important}:host .hemfixarna_crumbs button:not(.active):hover{transition:0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);filter:brightness(1.02);transform:scale(1.01);box-shadow:0px 8px 16px 2px rgba(0, 0, 0, 0.0392156863)}:host .hemfixarna_crumbs .active{background:#fffaf2;cursor:default}:host .hemfixarna_features{gap:0.75rem !important}:host .hemfixarna_features li{display:flex;gap:1rem;align-items:center}:host .hemfixarna_address{margin-bottom:1rem}:host .hemfixarna_product{display:grid;gap:1rem}:host .hemfixarna_product--link{font-weight:700;color:#474444;text-underline-offset:0.25rem}:host .hemfixarna_product--left{gap:2rem}:host .hemfixarna_product--right{gap:2rem}:host .hemfixarna_product--price{margin-top:0.25rem;font-weight:700}:host .hemfixarna_product--total{text-align:center;margin:-1rem 0;font-size:21px;line-height:28px}:host .hemfixarna_product--item{background:#fff;padding:1rem;display:grid;grid-template-columns:auto 75px;box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863)}:host .hemfixarna_product--grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 768px){:host .hemfixarna_product--grid{grid-template-columns:1fr}}:host .hemfixarna_product--grid>div{display:flex;flex-direction:column}:host .hemfixarna_product--grid ul{display:flex;flex-direction:column;gap:0.5rem}:host .hemfixarna_product p{margin:0}:host .hemfixarna_product--top{display:flex;gap:2rem}:host .hemfixarna_product--top>div{width:100%}:host .hemfixarna_product--top>div h1{max-width:80%}@media (max-width: 768px){:host .hemfixarna_product--top>div h1{max-width:100%}}:host .hemfixarna_product--top h4{margin-bottom:0.5rem}:host h5,:host p{margin:0}:host input[type=submit]{cursor:pointer}:host input[type=date]~label{left:3.5rem}:host input[type=date]{border:1px solid #fcd9c9;padding-left:4rem}:host input[type=checkbox]{height:1.125rem;width:1.125rem;border:1px solid #fcd9c9}:host input[type=checkbox]:checked{background:red}:host input[type=date]::-webkit-calendar-picker-indicator{background:transparent;bottom:0;color:transparent;cursor:pointer;height:auto;left:0;position:absolute;right:0;top:0;width:auto}:host button,:host a{cursor:pointer;background:none;border:none}:host ul{list-style:none;margin:0;padding:0}";
+
+const HemfixarnaComponent = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.modal = false;
+    this.showModal = false;
+    this.tree = null;
+    this.product = null;
+    this.slug = undefined;
+    this.business = undefined;
+    this.topCategory = undefined;
+  }
+  async fetchNewTaxonomy(newValue) {
+    state.selectedCategory = null;
+    state.selectedProduct = null;
+    state.selectedService = null;
+    const res = await getTaxonomy(newValue);
+    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) {
+      this.setTaxonomy(res);
+      if ((res === null || res === void 0 ? void 0 : res.post_type) === 'ikea_product') {
+        this.product = res;
+      }
+    }
+  }
+  async componentWillLoad() {
+    state.business = this.business;
+    const cart = window.sessionStorage.getItem(`hemfixarna-${this.business}-cart`);
+    if (cart) {
+      state.cart = JSON.parse(cart);
+    }
+    const user = window.sessionStorage.getItem(`hemfixarna-${this.business}-user`);
+    if (user) {
+      state.user = JSON.parse(user);
+    }
+    const tree = await getTaxonomy(this.topCategory);
+    if ((tree === null || tree === void 0 ? void 0 : tree.code) === 'not_found') {
+      console.warn('tree not found');
+    }
+    else if (tree) {
+      this.tree = tree;
+    }
+    if (this.slug) {
+      const res = await getTaxonomy(this.slug);
+      if ((res === null || res === void 0 ? void 0 : res.code) === 'not_found') {
+        console.log('taxonomy not found');
+      }
+      else if (res) {
+        this.setTaxonomy(res);
+      }
+    }
+    const options = await getOptions();
+    state.options = options;
+  }
+  setTaxonomy(taxonomy) {
+    if (taxonomy) {
+      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') {
+        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') {
+        state.selectedProduct = taxonomy;
+        state.selectedService = this.tree.sub_cats
+          .map(c => c.services)
+          .flat()
+          .find(s => s.products.find(p => p.ID === state.selectedProduct.ID));
+        state.selectedCategory = this.tree.sub_cats.find(c => c.services.find(s => s.ID === state.selectedService.ID));
+        state.step = 4;
+      }
+    }
+  }
+  // Open close modal && click outside event
+  openModal() {
+    this.modal = true;
+    setTimeout(() => {
+      this.showModal = true;
+    }, 50);
+  }
+  closeModal() {
+    this.showModal = false;
+    setTimeout(() => {
+      this.modal = false;
+    }, 200);
+  }
+  handleClick(e) {
+    const el = this.el.shadowRoot.querySelector('.hemfixarna_modal');
+    if (el) {
+      const isClickInside = el.contains(e.composedPath()[0]);
+      if (!isClickInside) {
+        this.closeModal();
+      }
+    }
+    const infomodal = this.el.shadowRoot.querySelector('.hemfixarna_infomodal');
+    if (infomodal) {
+      const isClickInside = infomodal.contains(e.composedPath()[0]);
+      if (!isClickInside) {
+        state.modal = null;
+      }
+    }
+  }
+  getCartLength() {
+    return state.cart.reduce((acc, curr) => acc + curr.amount, 0);
+  }
+  render() {
+    var _a, _b;
+    const logo = index.getAssetPath(`./assets/hemfixarna.svg`);
+    return (index.h("div", { class: "hemfixarna" }, index.h("div", { class: "hemfixarna_box" }, index.h("div", null, index.h("div", null, index.h("p", null, ((_a = this.product) === null || _a === void 0 ? void 0 : _a.post_title) || (index.h("span", null, "Montering/Installation p\u00E5 plats - ", index.h("strong", null, "se priser h\u00E4r"))), this.product && ((_b = this.slug) === null || _b === void 0 ? void 0 : _b.includes('product')) ? (index.h("span", null, ' från', " ", index.h("strong", null, getProductPriceWithRotAndRut(this.product), "kr"))) : null)), index.h("img", { src: logo, width: 104 })), index.h("button", { onClick: () => this.openModal(), class: "hemfixarna_btn" }, "Till montering", this.getCartLength() > 0 && index.h("span", null, this.getCartLength()))), this.modal && (index.h("div", null, index.h("div", { class: `hemfixarna_modal ${this.showModal ? 'hemfixarna_modal--open' : ''}` }, state.modal && (index.h("div", { class: "hemfixarna_infomodal" }, index.h("h2", null, state.modal.title), state.modal.text.map((t) => (index.h("p", null, t))), index.h("div", null, index.h("button", { onClick: () => (state.modal = null) }, "St\u00E4ng")))), this.tree && index.h("hemfixarna-breadcrumbs", { closeModal: () => this.closeModal(), tree: this.tree }), index.h("div", { class: `hemfixarna_content hemfixarna_content--${state.step}` }, state.step === 1 && this.tree && index.h("hemfixarna-start", { tree: this.tree }), state.step === 2 && state.selectedCategory && index.h("hemfixarna-category", null), state.step === 3 && state.selectedService && index.h("hemfixarna-service", null), state.step === 4 && state.selectedProduct && index.h("hemfixarna-product", null), state.step === 5 && index.h("hemfixarna-cart", { tree: this.tree }), state.step === 6 && index.h("hemfixarna-order", { tree: this.tree }))), index.h("div", { class: `hemfixarna_backdrop ${this.showModal ? 'hemfixarna_backdrop--open' : ''}` })))));
+  }
+  static get assetsDirs() { return ["assets"]; }
+  get el() { return index.getElement(this); }
+  static get watchers() { return {
+    "slug": ["fetchNewTaxonomy"]
+  }; }
+};
+HemfixarnaComponent.style = hemfixarnaCss;
+
+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_example{margin-bottom:1rem;background:#000;padding:1rem;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:-3rem;font-size:16px;left:40%;color:white;padding:0.5rem;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:0.5rem;margin-top:1rem}:host .hemfixarna_categories{max-height:100%;overflow:auto;position:relative}:host .hemfixarna_categories--label{display:flex;align-items:center;justify-content:space-between;padding:0.5rem}:host .hemfixarna_categories--label button{background:#3f3a92;border:none;font-weight:600;padding:0.2rem 0.6rem;border-radius:10px;margin-right:0.5rem;color:#ece8e8}:host .hemfixarna_categories--label button:active{transform:scale(0.95)}:host .hemfixarna_categories--label--big{font-weight:600;background:#9f9da9}:host p{margin:0}:host span{color:darkolivegreen;font-size:10px}:host button{cursor:pointer}:host>div{display:grid;gap:2rem;width:100%;grid-template-columns:1fr 1fr;height:100vh;place-items:center;overflow:hidden;padding:1rem 2rem;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{background:#000;gap:1px;display:grid}:host>div ul li{padding-left:1rem;background:#fff}";
+
+const MyComponent = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.cdnLink = '<script type="module" src="https://cdn.jsdelivr.net/npm//hemfixarna-web-components@latest/dist/hemfixarna-components/hemfixarna-components.esm.js"></script>';
+    this.selectedSlug = undefined;
+    this.tooltipText = 'Kopiera till urklipp';
+    this.tree = null;
+  }
+  getTopLevelCategory() {
+    switch ("byggmax") {
+      case Business.byggmax:
+        return TopCategory.byggmax;
+      default:
+        return '';
+    }
+  }
+  async componentWillLoad() {
+    const tree = await getTaxonomy(this.getTopLevelCategory());
+    if ((tree === null || tree === void 0 ? void 0 : tree.code) === 'not_found') {
+      console.warn('tree not found');
+    }
+    else if (tree) {
+      this.tree = tree;
+    }
+  }
+  getExample() {
+    return `<hemfixarna-${"byggmax"}${this.selectedSlug ? ` slug="${this.selectedSlug}" ` : ''}></hemfixarna-${"byggmax"}>`;
+  }
+  copyExample() {
+    navigator.clipboard.writeText(this.getExample());
+    this.tooltipText = 'Snippet kopierad';
+    setTimeout(() => {
+      this.tooltipText = 'Kopiera till urklipp';
+    }, 2000);
+  }
+  copyCdn() {
+    navigator.clipboard.writeText(this.cdnLink);
+    this.tooltipText = 'Text kopierad';
+    setTimeout(() => {
+      this.tooltipText = 'Kopiera till urklipp';
+    }, 2000);
+  }
+  copyNpmInstall() {
+    navigator.clipboard.writeText('npm i hemfixarna-web-components');
+    this.tooltipText = 'Text kopierad';
+    setTimeout(() => {
+      this.tooltipText = 'Kopiera till urklipp';
+    }, 2000);
+  }
+  render() {
+    const copy = index.getAssetPath(`./assets/copy.png`);
+    return (index.h("div", null, index.h("div", null, index.h("div", { onClick: () => this.copyExample(), class: "hemfixarna_example" }, index.h("p", null, this.getExample()), index.h("img", { src: copy, height: 20 }), index.h("span", { class: "hemfixarna_example--tooltip" }, this.tooltipText)), "byggmax" === Business.byggmax && index.h("hemfixarna-byggmax", { slug: this.selectedSlug }), index.h("div", { class: "hemfixarna_install" }, index.h("div", null, index.h("a", { target: "_blank", href: "https://www.npmjs.com/package/hemfixarna-web-components" }, "Install with npm")), index.h("div", { onClick: () => this.copyNpmInstall(), class: "hemfixarna_example" }, index.h("p", null, "npm i hemfixarna-web-components"), index.h("span", { class: "hemfixarna_example--tooltip" }, this.tooltipText), index.h("img", { src: copy, height: 20 })), index.h("p", null, "Or use cdn"), index.h("div", { onClick: () => this.copyCdn(), class: "hemfixarna_example" }, index.h("p", null, this.cdnLink), index.h("span", { class: "hemfixarna_example--tooltip" }, this.tooltipText), index.h("img", { src: copy, height: 20 })))), index.h("ul", { class: "hemfixarna_categories" }, this.tree.sub_cats.map(c => (index.h("li", null, index.h("div", { class: "hemfixarna_categories--label hemfixarna_categories--label--big" }, index.h("div", null, index.h("p", null, c.name), index.h("span", null, `category/${c.slug}`)), index.h("div", null, index.h("button", { onClick: () => navigator.clipboard.writeText(`category/${c.slug}`) }, "Kopiera slug"), index.h("button", { onClick: () => (this.selectedSlug = `category/${c.slug}`) }, "Ladda kategori"))), index.h("ul", null, c.services.map(sc => (index.h("li", null, index.h("div", { class: "hemfixarna_categories--label" }, index.h("div", null, index.h("p", null, sc.post_title), index.h("span", null, `service/${sc.post_name}`)), index.h("div", null, index.h("button", { onClick: () => navigator.clipboard.writeText(`service/${sc.post_name}`) }, "Kopiera slug"), index.h("button", { onClick: () => (this.selectedSlug = `service/${sc.post_name}`) }, "Ladda kategori"))), index.h("ul", null, sc.products.map(sc => (index.h("li", null, index.h("div", { class: "hemfixarna_categories--label" }, index.h("div", null, index.h("p", null, sc.post_title), index.h("span", null, `product/${sc.post_name}`)), index.h("div", null, index.h("button", { onClick: () => navigator.clipboard.writeText(`product/${sc.post_name}`) }, "Kopiera slug"), index.h("button", { onClick: () => (this.selectedSlug = `product/${sc.post_name}`) }, "Ladda kategori")))))))))))))))));
+  }
+};
+MyComponent.style = hemfixarnaDemoCss;
+
+// src/errors.ts
+var PersonnummerError = class extends Error {
+  constructor() {
+    super("Invalid swedish personal identity number");
+  }
+};
+
+// src/utils.ts
+var compareAsc = (dateLeft, dateRight) => {
+  const diff = dateLeft.getTime() - dateRight.getTime();
+  return diff < 0 ? -1 : diff > 0 ? 1 : diff;
+};
+var diffInYears = (dateLeft, dateRight) => {
+  const sign = compareAsc(dateLeft, dateRight);
+  const yearDiff = Math.abs(dateLeft.getFullYear() - dateRight.getFullYear());
+  dateLeft.setFullYear(dateLeft.getFullYear() - sign * yearDiff);
+  const isLastYearNotFull = compareAsc(dateLeft, dateRight) === -sign;
+  const result = sign * (yearDiff - +isLastYearNotFull);
+  return result === 0 ? 0 : result;
+};
+var luhn = (str) => {
+  let sum = 0;
+  str += "";
+  for (let i = 0, l = str.length; i < l; i++) {
+    let v = parseInt(str[i]);
+    v *= 2 - i % 2;
+    if (v > 9) {
+      v -= 9;
+    }
+    sum += v;
+  }
+  return Math.ceil(sum / 10) * 10 - sum;
+};
+var testDate = (year, month, day) => {
+  month -= 1;
+  const date = new Date(year, month, day);
+  return !(date.getFullYear() !== year || date.getMonth() !== month || date.getDate() !== day);
+};
+
+// src/index.ts
+var Personnummer = class {
+  /**
+   * Personnummer constructor.
+   *
+   * @param {string} pin
+   * @param {object} options
+   */
+  constructor(pin, options) {
+    /**
+     * Personnummer century.
+     *
+     * @var {string}
+     */
+    this._century = "";
+    /**
+     * Personnummer full year.
+     *
+     * @var {string}
+     */
+    this._fullYear = "";
+    /**
+     * Personnummer year.
+     *
+     * @var {string}
+     */
+    this._year = "";
+    /**
+     * Personnummer month.
+     *
+     * @var {string}
+     */
+    this._month = "";
+    /**
+     * Personnummer day.
+     *
+     * @var {string}
+     */
+    this._day = "";
+    /**
+     * Personnummer seperator.
+     *
+     * @var {string}
+     */
+    this._sep = "";
+    /**
+     * Personnumer first three of the last four numbers.
+     *
+     * @var {string}
+     */
+    this._num = "";
+    /**
+     * The last number of the personnummer.
+     *
+     * @var {string}
+     */
+    this._check = "";
+    this.parse(pin, {
+      allowCoordinationNumber: true,
+      allowInterimNumber: false,
+      ...options
+    });
+  }
+  /**
+   * Get century.
+   *
+   * @return {string}
+   */
+  get century() {
+    return this._century;
+  }
+  /**
+   * Get age.
+   *
+   * @return {string}
+   */
+  get fullYear() {
+    return this._fullYear;
+  }
+  /**
+   * Get age.
+   *
+   * @return {string}
+   */
+  get year() {
+    return this._year;
+  }
+  /**
+   * Get month.
+   *
+   * @return {string}
+   */
+  get month() {
+    return this._month;
+  }
+  /**
+   * Get day.
+   *
+   * @return {string}
+   */
+  get day() {
+    return this._day;
+  }
+  /**
+   * Get sep.
+   *
+   * @return {string}
+   */
+  get sep() {
+    return this._sep;
+  }
+  /**
+   * Get num.
+   *
+   * @return {string}
+   */
+  get num() {
+    return this._num;
+  }
+  /**
+   * Get check.
+   *
+   * @return {string}
+   */
+  get check() {
+    return this._check;
+  }
+  /**
+   * Parse personnummer.
+   *
+   * @param {string} pin
+   * @param {object} options
+   *
+   * @return {Personnummer}
+   */
+  static parse(pin, options) {
+    return new Personnummer(pin, options);
+  }
+  /**
+   * Validate a Swedish personal identity number.
+   *
+   * @param {string} str
+   * @param {object} options
+   *
+   * @return {boolean}
+   */
+  static valid(pin, options) {
+    try {
+      Personnummer.parse(pin, options);
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  /**
+   * Parse personnummer and set class properties.
+   *
+   * @param {string} pin
+   * @param {object} options
+   */
+  parse(pin, options) {
+    if (pin.length < 10 || pin.length > 13) {
+      throw new PersonnummerError();
+    }
+    const reg = /^(\d{2}){0,1}(\d{2})(\d{2})(\d{2})([+-]?)((?!000)\d{3}|[TRSUWXJKLMN]\d{2})(\d)$/;
+    const match = reg.exec(pin);
+    if (!match) {
+      throw new PersonnummerError();
+    }
+    const century = match[1];
+    const year = match[2];
+    const month = match[3];
+    const day = match[4];
+    const sep = match[5];
+    const num = match[6];
+    const check = match[7];
+    if (typeof century === "undefined" || !century.length) {
+      const d = /* @__PURE__ */ new Date();
+      let baseYear = 0;
+      if (sep === "+") {
+        this._sep = "+";
+        baseYear = d.getFullYear() - 100;
+      } else {
+        this._sep = "-";
+        baseYear = d.getFullYear();
+      }
+      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 = "-";
+      } else {
+        this._sep = "+";
+      }
+    }
+    this._year = year;
+    this._fullYear = this._century + year;
+    this._month = month;
+    this._day = day;
+    this._num = num;
+    this._check = check;
+    if (!this.valid()) {
+      throw new PersonnummerError();
+    }
+    if (!(options == null ? void 0 : options.allowCoordinationNumber) && this.isCoordinationNumber()) {
+      throw new PersonnummerError();
+    }
+    if (!(options == null ? void 0 : options.allowInterimNumber) && this.isInterimNumber()) {
+      throw new PersonnummerError();
+    }
+  }
+  /**
+   * Validate a Swedish personal identity number.
+   *
+   * @return {boolean}
+   */
+  valid() {
+    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;
+    }
+    return valid && testDate(parseInt(this.century + this.year), +this.month, +this.day - 60);
+  }
+  /**
+   * Format a Swedish personal identity number as one of the official formats,
+   * A long format or a short format.
+   *
+   * If the input number could not be parsed a empty string will be returned.
+   *
+   * @param {boolean} longFormat
+   *
+   * @return {string}
+   */
+  format(longFormat = false) {
+    if (longFormat) {
+      return `${this.century}${this.year}${this.month}${this.day}${this.num}${this.check}`;
+    }
+    return `${this.year}${this.month}${this.day}${this.sep}${this.num}${this.check}`;
+  }
+  /**
+   * Get age from a Swedish personal identity number.
+   *
+   * @return {number}
+   */
+  getAge() {
+    const date = this.getDate();
+    return diffInYears(new Date(Date.now()), date);
+  }
+  /**
+   * Get date from a Swedish personal identity number.
+   *
+   * @return {Date}
+   */
+  getDate() {
+    let ageDay = +this.day;
+    if (this.isCoordinationNumber()) {
+      ageDay -= 60;
+    }
+    const ageDate = this.century + this.year + "-" + this.month + "-" + (ageDay < 10 ? "0" + ageDay : ageDay);
+    return new Date(ageDate);
+  }
+  /**
+   * Check if a Swedish personal identity number is a interim number or not.
+   *
+   * @return {boolean}
+   */
+  isInterimNumber() {
+    return /[TRSUWXJKLMN]/.test(this.num[0]);
+  }
+  /**
+   * Check if a Swedish personal identity number is a coordination number or not.
+   *
+   * @return {boolean}
+   */
+  isCoordinationNumber() {
+    return testDate(
+      parseInt(this.century + this.year),
+      +this.month,
+      +this.day - 60
+    );
+  }
+  /**
+   * Check if a Swedish personal identity number is for a female.
+   *
+   * @return {boolean}
+   */
+  isFemale() {
+    return !this.isMale();
+  }
+  /**
+   * Check if a Swedish personal identity number is for a male.
+   *
+   * @return {boolean}
+   */
+  isMale() {
+    const sexDigit = parseInt(this.num.substr(-1));
+    return sexDigit % 2 === 1;
+  }
+};
+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;
+}
+
+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;
+}
+});
+
+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;
+}
+});
+
+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,
+};
+});
+
+const apiSearch = async (query) => {
+  var _a;
+  const res = await fetch((_a = "https://hemfixare-lookup-dev.vercel.app/api") !== null && _a !== void 0 ? _a : 'https://hemfixare-lookup.vercel.app/api', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify({
+      query,
+      hash: lib.MD5.generate(String.fromCharCode(83, 101, 67, 82, 101, 116) + query),
+    }),
+  });
+  const data = await res.json();
+  return data;
+};
+
+const HemfixarnaGetuser = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.handleChangeEmail = (e) => {
+      this.emailError = null;
+      this.email = e.target.value;
+    };
+    this.handleChangePhone = (e) => {
+      this.phoneError = null;
+      this.phone = e.target.value;
+    };
+    this.handleChangessn = (e) => {
+      this.ssnError = null;
+      this.ssn = e.target.value;
+    };
+    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 validEmail = emailRegex.test(this.email);
+      if (!validEmail) {
+        this.emailError = 'Ange en giltig e-postadress';
+      }
+      const validPhone = this.phone.length > 6;
+      if (!validPhone) {
+        this.phoneError = 'Ange ett giltigt telefonnummer';
+      }
+      const validssn = src_default.valid(this.ssn);
+      if (!validssn) {
+        this.ssnError = 'Ange ett giltigt personnummer';
+      }
+      else if (validssn) {
+        const pn = src_default.parse(this.ssn).format(true);
+        this.ssn = [pn.slice(0, 8), '-', pn.slice(8)].join('');
+      }
+      if (validEmail && validPhone && validssn) {
+        try {
+          const user = await apiSearch(this.ssn);
+          if (user) {
+            state.checkoutStep = 2;
+            state.user = Object.assign(Object.assign({}, user), { email: this.email, phone: this.phone, ssn: this.ssn });
+          }
+          else {
+            this.ssnError = 'Vi kunde tyvärr inte hitta en address med ditt angivna personnummer';
+          }
+        }
+        catch (e) {
+          this.ssnError = 'Vi kunde tyvärr inte hitta en address med ditt angivna personnummer';
+          console.log(e);
+        }
+      }
+    };
+    this.render = () => {
+      return (index.h("form", { class: "mb-2", onSubmit: e => this.handleSubmit(e) }, index.h("div", null, index.h("input", { class: `${this.email.length ? 'input_active' : ''}`, onChange: e => this.handleChangeEmail(e), type: "email", name: "email", value: this.email }), index.h("label", { htmlFor: "email" }, "E-post ")), this.emailError && index.h("span", null, this.emailError), index.h("div", null, index.h("input", { class: `${this.phone.length ? 'input_active' : ''}`, onChange: e => this.handleChangePhone(e), type: "tel", name: "phone", value: this.phone }), index.h("label", { htmlFor: "phone" }, "Mobiltelefon ")), this.phoneError && index.h("span", null, this.phoneError), index.h("div", null, index.h("input", { class: `${this.ssn.length ? 'input_active' : ''}`, onChange: e => this.handleChangessn(e), type: "tel", name: "ssn", value: this.ssn }), index.h("label", { htmlFor: "phone" }, "Personnummer*")), this.ssnError && index.h("span", null, this.ssnError), index.h("input", { type: "submit", value: "Forts\u00E4tt och Boka*" }), index.h("p", null, "*Vi h\u00E4mtar din adress")));
+    };
+    this.email = '';
+    this.emailError = null;
+    this.phone = '';
+    this.phoneError = null;
+    this.ssn = '';
+    this.ssnError = null;
+  }
+  componentWillLoad() {
+    if (state.user) {
+      this.email = state.user.email;
+      this.phone = state.user.phone;
+      this.ssn = state.user.ssn;
+    }
+  }
+};
+
+const HemfixarnaInfo = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.logo = index.getAssetPath(`./assets/hemfixarna.svg`);
+    this.checkoutList = [
+      { trust_badge: 'Efter att du fyllt i formuläret blir du kontaktad av en Hemfixare för bokning av tid.' },
+      { trust_badge: 'När jobbet är klart kommer du få en faktura med RUT/ROT-avdrag.' },
+    ];
+    this.list = null;
+  }
+  getList() {
+    return this.list ? this.list : this.checkoutList;
+  }
+  render() {
+    const checked = index.getAssetPath(`./assets/checked.svg`);
+    return (index.h("div", { class: "hemfixarna_info" }, state.step < 5 ? (index.h(index.Fragment, null, index.h("h2", null, "Vilka \u00E4r Hemfixarna?"), index.h("p", null, "Vi fixar allt fr\u00E5n kr\u00E5ngliga datorer till montering av m\u00F6bler. Vi finns i hela Sverige och \u00E4r alltid redo att rycka ut."))) : (index.h("h2", null, "Vad h\u00E4nder nu?")), index.h("ul", { class: "hemfixarna_features" }, this.getList().map(l => (index.h("li", { key: l.trust_badge }, index.h("img", { src: checked, alt: "checked" }), index.h("p", null, l.trust_badge))))), index.h("img", { src: this.logo, width: 200, alt: "hemfixarna" }), index.h("a", { class: "hemfixarna_product--link", target: "_blank", href: state.options.link.url }, state.options.link.title)));
+  }
+};
+
+const HemfixarnaOrder = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.render = () => {
+      return (index.h("div", { style: { background: `url(${state.options.thank_you_image})` }, class: "hemfixarna_order" }, index.h("div", null), index.h("div", null, index.h("h2", null, "Tack f\u00F6r din bokning"), index.h("hemfixarna-orderrows", { tree: this.tree, cart: false }), index.h("span", { onClick: () => this.resetShop() }, index.h("button", null, "G\u00F6r en ny bokning")), index.h("hemfixarna-info", { list: [
+          { trust_badge: 'Du kommer bli kontaktad av en Hemfixare för bokning av tid.' },
+          { trust_badge: 'När jobbet är klart kommer du få en faktura med RUT/ROT-avdrag.' },
+        ] }))));
+    };
+    this.tree = undefined;
+  }
+  resetShop() {
+    state.step = 1;
+    state.cart = [];
+    state.selectedCategory = null;
+    state.selectedService = null;
+    state.selectedProduct = null;
+    state.checkoutStep = 1;
+  }
+  disconnectedCallback() {
+    this.resetShop();
+  }
+};
+
+const HemfixarnaOrderrows = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.cart = true;
+    this.tree = undefined;
+  }
+  goToProduct(id) {
+    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;
+    state.step = 4;
+  }
+  openMontering() {
+    state.modal = {
+      title: 'Monteringsavgift',
+      text: [
+        'Monteringsavgiften är en fast avgift som läggs på din beställning. Avgiften täcker kostnader för att montera produkterna du beställer.',
+        'Monteringsavgiften debiteras per påbörjat nytt uppdrag. Om du bokar ett uppdrag som både innehåller RUT- och ROT-avdrag så kommer uppdraget att delas upp och således kommer två monteringsavgifter att debiteras och två fakturor att utställas.',
+      ],
+    };
+  }
+  render() {
+    const info = index.getAssetPath(`./assets/info.svg`);
+    return (index.h(index.Fragment, null, index.h("ul", { class: "hemfixarna_cart--items" }, state.cart.map(item => {
+      var _a;
+      return (index.h("li", { class: "hemfixarna_cart--item" }, index.h("div", null, index.h("div", null, item.icon && index.h("img", { width: 30, src: (_a = item.icon.url) !== null && _a !== void 0 ? _a : item.icon, alt: item.name }), index.h("p", null, index.h("strong", null, item.amount, "x "), item.name)), this.cart && index.h("button", { onClick: () => this.goToProduct(item.id) }, "\u00C4ndra")), index.h("p", null, index.h("strong", null, getProductPrice(item, item.price, item.amount), "kr")), item.parts.length > 0 && (index.h("ul", null, item.parts.map(part => (index.h("li", null, index.h("p", null, index.h("strong", null, part.amount, "x "), part.name), index.h("p", null, index.h("strong", null, getPartPrice(part, item, part.amount), "kr")))))))));
+    })), index.h("div", { class: "hemfixarna_cart--additional" }, getStartFee().length > 0 && (index.h("div", { class: "hemfixarna_cart--startfee" }, index.h("p", null, getStartFee().length, "x", ' ', index.h("strong", { onClick: () => this.openMontering() }, "Monteringsavgift", index.h("img", { height: 16, src: info, alt: "info monteringsavgift" }))), index.h("p", null, getStartFee().rot + getStartFee().rut, "kr"))), state.cart.find((item) => item.rot) && (index.h("div", { class: "hemfixarna_cart--rutrot" }, index.h("div", null, this.cart && (index.h("label", { class: "switch" }, index.h("input", { checked: state.rot, onChange: () => (state.rot = !state.rot), type: "checkbox" }), index.h("span", { class: "slider" }))), index.h("p", null, "ROT-avdrag")), index.h("p", null, "(-", state.rot ? calculateRot() : 0, "kr)"))), state.cart.find((item) => item.rut) && (index.h("div", { class: "hemfixarna_cart--rutrot" }, index.h("div", null, index.h("label", { class: "switch" }, index.h("input", { onChange: () => (state.rut = !state.rut), checked: state.rut, type: "checkbox" }), index.h("span", { class: "slider" })), index.h("p", null, "RUT-avdrag")), index.h("p", null, "(-", state.rut ? calculateRut() : 0, "kr)")))), index.h("div", { class: "hemfixarna_cart--price" }, index.h("h2", null, "Totalbelopp: "), index.h("h2", null, getTotalPrice(), "kr"))));
+  }
+};
+
+const HemfixarnaProduct = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.amount = 0;
+  }
+  addProduct() {
+    const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);
+    if (productInCart) {
+      productInCart.amount++;
+      state.cart = [...state.cart];
+    }
+    else {
+      state.cart = [
+        ...state.cart,
+        {
+          id: state.selectedProduct.ID,
+          rut: state.selectedProduct.rut,
+          rot: state.selectedProduct.rot,
+          amount: 1,
+          parts: [],
+          price: state.selectedProduct.price,
+          name: state.selectedProduct.post_title,
+          start_fee: !state.selectedProduct.start_fee,
+          terms_checkout: state.selectedProduct.terms_checkout,
+          terms_show_checkbox: state.selectedProduct.terms_show_checkbox,
+          icon: state.selectedProduct.icon,
+        },
+      ];
+    }
+  }
+  removeProduct() {
+    const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);
+    if (productInCart && productInCart.amount > 1) {
+      productInCart.amount--;
+      state.cart = [...state.cart];
+    }
+    else {
+      state.cart = state.cart.filter(p => p.id !== state.selectedProduct.ID);
+    }
+  }
+  //Handle cart and parts
+  addPart(part) {
+    const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);
+    if (productInCart) {
+      const partInCart = productInCart.parts.find(sp => sp.id === part.ID);
+      if (partInCart) {
+        partInCart.amount++;
+        productInCart.parts = [...productInCart.parts];
+      }
+      else {
+        productInCart.parts = [...productInCart.parts, { id: part.ID, amount: 1, price: part.price, name: part.post_title }];
+      }
+      state.cart = [...state.cart.filter(p => p.id !== productInCart.id), productInCart];
+    }
+  }
+  removePart(part) {
+    const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);
+    if (productInCart) {
+      const partInCart = productInCart.parts.find(sp => sp.id === part.ID);
+      if (partInCart && partInCart.amount > 1) {
+        partInCart.amount--;
+        productInCart.parts = [...productInCart.parts];
+      }
+      else {
+        productInCart.parts = productInCart.parts.filter(sp => sp.id !== part.ID);
+      }
+      state.cart = [...state.cart.filter(p => p.id !== productInCart.id), productInCart];
+    }
+  }
+  goToCart() {
+    const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);
+    if (productInCart) {
+      state.step = 5;
+    }
+  }
+  getAmount() {
+    var _a;
+    return ((_a = state.cart.find(p => p.id === state.selectedProduct.ID)) === null || _a === void 0 ? void 0 : _a.amount) || 0;
+  }
+  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;
+  }
+  getTotalPrice() {
+    let price = 0;
+    const productInCart = state.cart.find(p => p.id === state.selectedProduct.ID);
+    if (productInCart) {
+      const partsPrice = productInCart.parts.reduce((acc, curr) => {
+        const part = state.selectedProduct.parts.find(p => p.ID === curr.id);
+        if (part) {
+          return acc + part.price * curr.amount;
+        }
+        return acc;
+      }, 0);
+      price = state.selectedProduct.price * productInCart.amount + partsPrice;
+    }
+    else {
+      price = state.selectedProduct.price;
+    }
+    return getProductPrice(state.selectedProduct, price);
+  }
+  render() {
+    var _a, _b, _c;
+    const checked = index.getAssetPath(`./assets/checked.svg`);
+    const plus = index.getAssetPath(`./assets/plus.svg`);
+    const minus = index.getAssetPath(`./assets/minus.svg`);
+    return (index.h("div", { class: "hemfixarna_product" }, index.h("div", { class: "hemfixarna_product--top" }, state.selectedProduct.icon && (index.h("img", { width: 80, src: (_a = state.selectedProduct.icon.url) !== null && _a !== void 0 ? _a : state.selectedProduct.icon, alt: state.selectedProduct.post_title })), index.h("div", null, index.h("h1", null, state.selectedProduct.post_title), index.h("h2", null, "Fr\u00E5n: ", getProductPrice(state.selectedProduct), " kr"))), index.h("div", { class: "hemfixarna_product--grid" }, index.h("div", { class: "hemfixarna_product--left" }, ((_b = state.selectedProduct.list) === null || _b === void 0 ? void 0 : _b.length) && (index.h("ul", { class: "hemfixarna_features" }, state.selectedProduct.list.map(l => (index.h("li", { key: l.bullet }, index.h("img", { src: checked, alt: "checked" }), index.h("p", null, l.bullet)))))), index.h("p", { class: "hemfixarna_terms" }, index.h("strong", null, "OBS! "), index.h("span", { innerHTML: state.selectedProduct.terms }))), index.h("div", { class: "hemfixarna_product--right" }, index.h("ul", null, index.h("li", { class: "hemfixarna_product--item" }, index.h("div", null, index.h("p", null, "Antal ", state.selectedProduct.post_title), index.h("p", { class: "hemfixarna_product--price" }, getProductPrice(state.selectedProduct), "kr/st")), index.h("div", { class: "hemfixarna_counter" }, index.h("img", { class: `${this.getAmount() === 0 ? 'disabled' : ''}`, src: minus, onClick: () => this.removeProduct() }), index.h("span", null, this.getAmount()), index.h("img", { src: plus, onClick: () => this.addProduct() }))), ((_c = state.selectedProduct.parts) === null || _c === void 0 ? void 0 : _c.length) &&
+      state.selectedProduct.parts.map(p => (index.h("li", { class: "hemfixarna_part" }, index.h("div", null, index.h("p", null, p.post_title), index.h("p", { class: "hemfixarna_product--price" }, getPartPrice(p, state.selectedProduct), "kr/st")), index.h("div", { class: "hemfixarna_counter" }, index.h("img", { class: `${this.getPartAmount(p.ID) === 0 ? 'disabled' : ''}`, src: minus, onClick: () => this.removePart(p) }), index.h("span", null, this.getPartAmount(p.ID)), index.h("img", { class: `${this.getAmount() === 0 ? 'disabled' : ''}`, src: plus, onClick: () => this.addPart(p) })))))), index.h("h4", { class: "hemfixarna_product--total" }, "Totalt ", this.getTotalPrice(), " kr"), index.h("button", { onClick: () => this.goToCart(), class: `hemfixarna_buy ${this.getAmount() === 0 ? 'disabled' : ''}` }, "Boka"), state.options && index.h("hemfixarna-info", { list: state.options.trust })))));
+  }
+};
+
+const HemfixarnaService = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  setSelectedProduct(product) {
+    state.selectedProduct = product;
+    state.step = 4;
+  }
+  render() {
+    return (index.h("div", null, index.h("h2", null, state.selectedService.post_title), index.h("div", { class: "hemfixarna_categories--wrapper" }, index.h("div", null, index.h("ul", { class: "hemfixarna_categories" }, state.selectedService.products
+      .sort((a, b) => (a.post_title < b.post_title ? -1 : 1))
+      .map(p => {
+      var _a;
+      return (index.h("hemfixarna-box", { post: p, icon: (_a = p.icon.url) !== null && _a !== void 0 ? _a : p.icon, postTitle: p.post_title }));
+    }))), index.h("hemfixarna-info", { list: state.options.trust }))));
+  }
+};
+
+const HemfixarnaGrid = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.tree = undefined;
+  }
+  render() {
+    return (index.h("div", null, index.h("h2", null, "Alla tj\u00E4nster"), index.h("div", { class: "hemfixarna_categories--wrapper" }, index.h("ul", { class: "hemfixarna_categories" }, this.tree.sub_cats
+      .sort((a, b) => (a.name < b.name ? -1 : 1))
+      .map(c => {
+      var _a;
+      return (index.h("hemfixarna-box", { post: c, icon: (_a = c.icon.url) !== null && _a !== void 0 ? _a : c.icon, postTitle: c.name }));
+    })), index.h("hemfixarna-info", { list: state.options.trust }))));
+  }
+};
+
+exports.hemfixarna_address = HemfixarnaAddress;
+exports.hemfixarna_box = HemfixarnaBox;
+exports.hemfixarna_breadcrumbs = HemfixarnaBreadcrumbs;
+exports.hemfixarna_byggmax = MyComponent$1;
+exports.hemfixarna_cart = HemfixarnaCart;
+exports.hemfixarna_category = HemfixarnaCategory;
+exports.hemfixarna_checkout = HemfixarnaCheckout;
+exports.hemfixarna_component = HemfixarnaComponent;
+exports.hemfixarna_demo = MyComponent;
+exports.hemfixarna_getuser = HemfixarnaGetuser;
+exports.hemfixarna_info = HemfixarnaInfo;
+exports.hemfixarna_order = HemfixarnaOrder;
+exports.hemfixarna_orderrows = HemfixarnaOrderrows;
+exports.hemfixarna_product = HemfixarnaProduct;
+exports.hemfixarna_service = HemfixarnaService;
+exports.hemfixarna_start = HemfixarnaGrid;
+
+//# sourceMappingURL=hemfixarna-address_16.cjs.entry.js.map