hemfixarna-web-components 1.8.5 → 1.8.7

package/dist/hemfixarna-components/hemfixarna-checkout.entry.js.map

@@ -1 +0,0 @@
-{"file":"hemfixarna-checkout.entry.esm.js","mappings":"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","names":[],"sources":["./src/utils/felixApi.ts","./src/components/hemfixarna-checkout/hemfixarna-checkout.tsx"],"sourcesContent":["import { fetchWithType } from './api';\nimport { getApiUrl } from './enviroment';\n\nconst base = `${getApiUrl()}/wp-json/felix`;\n\ninterface FelixOrder {\n  firstName: string;\n  lastName: string;\n  street: string;\n  zip: string;\n  town: string;\n  ssn: string;\n  email: string;\n  phone: string;\n  url: string;\n  date: string;\n  notes?: string;\n  wws?: string;\n  referral_id?: string;\n  id_source?: string;\n  id_sub_source?: string;\n  products: {\n    id: string;\n    name: string;\n    quantity: number;\n    rut: number;\n    rot: number;\n  }[];\n  start_fees: {\n    ID: number;\n    price: number;\n    rut: number;\n    rot: number;\n    green: number;\n  }[];\n  creditSafe: {\n    firstName: string;\n    lastName: string;\n    street: string;\n    zip: string;\n    town: string;\n  };\n  felixStatus?: 'success' | 'error';\n  customer?: string;\n  seller_id?: string;\n  refferal_id?: string;\n}\n\nconst postPerson = async (felixOrder: FelixOrder) => {\n  try {\n    return await fetchWithType<\n      | {\n          response: {\n            scriptResult: string;\n            scriptError: string;\n          };\n          messages: [\n            {\n              code: string;\n              message: string;\n            },\n          ];\n        }\n      | false\n    >(`${base}/createperson`, {\n      method: 'POST',\n      body: JSON.stringify(felixOrder),\n      headers: {\n        'Content-Type': 'application/json',\n      },\n    });\n  } catch (error) {\n    console.log(error);\n  }\n};\n\nexport { FelixOrder, postPerson };\n","import { Component, Element, Fragment, State, getAssetPath, h } from '@stencil/core';\nimport state from '../../store';\nimport { Business } from '../../types';\nimport { postOrder } from '../../utils/api';\nimport { FelixOrder, postPerson } from '../../utils/felixApi';\nimport { hideField } from '../../utils/form';\nimport { scrollToTop } from '../../utils/scroll';\n\n@Component({\n  tag: 'hemfixarna-checkout',\n  shadow: false,\n})\nexport class HemfixarnaCheckout {\n  @State() date: string = '';\n  @State() dateError: string | null = null;\n  @State() generalError: string | null = null;\n  @State() loading = false;\n  @State() enteredPin: string = '';\n  @Element() private el: HTMLElement;\n  @State() selectedSubSource: string | null = null;\n  @State() partnerOrderId: string | null = null;\n  @State() sellerID: string | null = null;\n  @State() RefferalID: string | null = null;\n\n  handleChangeDate = (e: Event) => {\n    this.dateError = null;\n    this.date = (e.target as HTMLInputElement).value;\n  };\n\n  handleChangeTerms = () => {\n    this.generalError = null;\n  };\n\n  sendOrder = async () => {\n    if (this.loading) return;\n    this.loading = true;\n\n    const startFees = state.cart\n      .filter(item => item.start_fee_obj)\n      .map(item => ({\n        ID: item.start_fee_obj?.ID,\n        title: item.start_fee_obj?.title,\n        price: item.start_fee_obj?.price,\n        rut: item.rut ? 1 : 0,\n        rot: item.rot ? 1 : 0,\n        green: item.green ? 1 : 0,\n      }));\n\n    let order: FelixOrder = {\n      firstName: state.creditSafeUser.firstName,\n      lastName: state.creditSafeUser.lastName,\n      street: state.user.street,\n      zip: state.user.zip,\n      town: state.user.town,\n      ssn: state.user.ssn,\n      email: state.user.email,\n      phone: state.user.phone,\n      url: `${state.business === Business.string ? 'string' : state.business}-webk`,\n      date: this.date,\n      products: [\n        ...state.cart.map(item => {\n          const parts = item.parts.map(part => ({\n            id: String(part.id),\n            name: part.name,\n            quantity: part.amount,\n            rut: 0,\n            rot: 0,\n            start_fee_id: item.start_fee_obj ? item.start_fee_obj.ID : null,\n          }));\n          return [\n            {\n              id: String(item.id),\n              name: item.name,\n              quantity: item.amount,\n              rot: item.rot ? 1 : 0,\n              rut: item.rut ? 1 : 0,\n              start_fee_id: item.start_fee_obj ? item.start_fee_obj.ID : null,\n            },\n            ...parts,\n          ];\n        }),\n      ].flat(),\n      start_fees: startFees,\n      creditSafe: state.creditSafeUser,\n      customer: state.business,\n      id_source: state.customer.source ? state.customer.source.fieldData.So01_Name : '',\n      id_sub_source: this.selectedSubSource ? this.selectedSubSource : '',\n      seller_id: this.sellerID ?? '',\n      referral_id: this.RefferalID ?? '',\n    };\n\n    const felixOrder = await postPerson(order);\n    if (!felixOrder || !felixOrder.response?.scriptResult?.includes('OK')) {\n      order = { ...order, felixStatus: 'error' };\n    } else {\n      order = { ...order, felixStatus: 'success' };\n    }\n\n    try {\n      const { data: orderConfirm, status } = await postOrder(order);\n      if (orderConfirm && status && status === 200) {\n        state.step = 6;\n        const el = this.el.closest('.hemfixarna_content');\n        scrollToTop(el);\n      } else {\n        this.generalError = 'Något gick fel, försök igen senare';\n      }\n    } catch (error) {\n      this.generalError = 'Något gick fel, försök igen senare';\n    }\n    this.loading = false;\n  };\n\n  handleSubmit = (e: Event) => {\n    e.preventDefault();\n    this.generalError = null;\n    const validDate = this.date.length > 0;\n    if (!validDate) {\n      this.dateError = 'Ange ett giltigt datum';\n    }\n    const checkBoxes = Array.from(this.el.querySelectorAll('input[type=\"checkbox\"]'));\n    const notValidTerms = checkBoxes.find(i => !(i as HTMLInputElement).checked);\n    if (notValidTerms) {\n      this.generalError = 'Du måste godkänna villkoren';\n    }\n    if (state.customer.source && state.selectSource) {\n      if (!this.sellerID) {\n        this.generalError = 'Ange säljare';\n        return;\n      }\n      if (state.customer.source.sub_sources?.length && !this.selectedSubSource) {\n        this.generalError = 'Välj underkälla';\n        return;\n      }\n    }\n    if (validDate && !notValidTerms) {\n      this.sendOrder();\n    }\n  };\n\n  componentWillLoad() {\n    if (Boolean(state.user && state.user.street)) {\n      state.checkoutStep = 2;\n    }\n  }\n\n  render = () => {\n    const dateLogo = getAssetPath(`./assets/date.svg`);\n    const down = getAssetPath(`./assets/down.svg`);\n    const loading = getAssetPath(`./assets/spinner.gif`);\n\n    if (state.checkoutEdit) {\n      return <hemfixarna-address />;\n    } else if (state.checkoutStep === 1) {\n      return <hemfixarna-getuser />;\n    } else if (state.checkoutStep === 2) {\n      return (\n        <div class=\"mb-2\">\n          <div class=\"hemfixarna_addressinfo\">\n            <div>\n              <p>{hideField(state.user.firstName)}</p>\n              <p>{hideField(state.user.lastName)}</p>\n              <p>{state.user.email}</p>\n              <p>{state.user.phone}</p>\n            </div>\n            <div>\n              <p>{hideField(state.user.street)}</p>\n              <p>{hideField(state.user.zip)}</p>\n              <p>{hideField(state.user.town)}</p>\n            </div>\n            <button onClick={() => (state.checkoutEdit = true)}>Behöver du ändra adressen?</button>\n          </div>\n          <form onSubmit={e => this.handleSubmit(e)}>\n            <div>\n              <img src={dateLogo} width={24} />\n              <input\n                class={`${this.date.length ? 'input_active' : ''}`}\n                min={new Date().toISOString().split('T')[0]}\n                onChange={e => this.handleChangeDate(e)}\n                type=\"date\"\n                name=\"date\"\n                value={this.date}\n              />\n              <label htmlFor=\"date\">Tidigaste datum för hembesök</label>\n              <img src={down} width={24} />\n            </div>\n            {this.dateError && <span>{this.dateError}</span>}\n            {state.customer.source && state.selectSource ? (\n              <Fragment>\n                <p>\n                  Inloggad som:\n                  <strong> {state.customer.source.fieldData.So01_Name}</strong>\n                </p>\n                <label>\n                  Säljare (SäljarId)\n                  <input type=\"text\" value={this.sellerID} onChange={e => (this.sellerID = (e.target as HTMLInputElement).value)} />\n                </label>\n                <label>\n                  PartnerOrderID (RefferalID)\n                  <input type=\"text\" value={this.RefferalID} onChange={e => (this.RefferalID = (e.target as HTMLInputElement).value)} />\n                </label>\n                {state.customer.source.sub_sources?.length ? (\n                  <div>\n                    <select onChange={e => (this.selectedSubSource = (e.target as HTMLSelectElement).value)}>\n                      <option disabled selected value=\"null\">\n                        Välj underkälla\n                      </option>\n                      {state.customer.source.sub_sources.map(sub => (\n                        <option value={sub['So_SubSource::Sus01_Name']}>{sub['So_SubSource::Sus01_Name']}</option>\n                      ))}\n                    </select>\n                  </div>\n                ) : (\n                  <p>Det finns inga underkällor att välja</p>\n                )}\n              </Fragment>\n            ) : null}\n            <label class=\"hemfixarna_checkbox\">\n              <input onChange={() => this.handleChangeTerms()} type=\"checkbox\" />\n              <span innerHTML={state.options.terms} />\n            </label>\n            {state.cart\n              .filter(i => i.terms_checkout?.length)\n              .map(item => (\n                <Fragment>\n                  <label class=\"hemfixarna_checkbox\">\n                    <input onChange={() => this.handleChangeTerms()} type=\"checkbox\" />\n                    <span>{item.terms_checkout}</span>\n                  </label>\n                </Fragment>\n              ))}\n            {this.generalError && <span>{this.generalError}</span>}\n            <div class={this.loading ? 'loading' : ''}>\n              <input type=\"submit\" value={this.loading ? '' : 'Skicka bokning'} />\n              <img width={20} height={20} src={loading} alt=\"spinner\" />\n            </div>\n          </form>\n        </div>\n      );\n    }\n  };\n}\n"],"version":3}

package/dist/hemfixarna-components/hemfixarna-component.entry.js

@@ -1,189 +0,0 @@
-import { r as registerInstance, e as getAssetPath, h, F as Fragment, i as getElement } from './index-2ce8b901.js';
-import { s as state } from './index-21ba2b05.js';
-import { W as WidgetStyle } from './index-c8ce6f4b.js';
-import { a as getOptions, b as getRut, c as getRot, d as getGreenDiscount, g as getCustomer, l as loginCustomer } from './api-e3c51cb3.js';
-import { g as getProductPriceWithRotAndRut } from './calc-b3b6593c.js';
-import { s as scrollToTop } from './scroll-6c26b5da.js';
-import './enviroment-fd0a763a.js';
-
-const hemfixarnaCss = "@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap\");\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n* {\n  box-sizing: border-box;\n}\n\n:host {\n  font-family: \"Inter\", sans-serif;\n}\n:host input[type=text] {\n  padding: 16px;\n  width: 100%;\n  font-size: 16px;\n  border: 1px solid #fcd9c9;\n}\n:host .mb-2 {\n  margin-bottom: 32px;\n}\n:host button {\n  color: #474444;\n}\n:host form {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  position: relative;\n}\n:host form button {\n  position: absolute;\n  right: 0;\n  top: -1rem;\n}\n:host form img {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  pointer-events: none;\n}\n:host form img:first-of-type {\n  left: 16px;\n}\n:host form img:last-of-type {\n  right: 16px;\n}\n:host form span {\n  margin-top: -8px;\n  color: #ec6632;\n}\n:host form p {\n  text-align: center;\n}\n:host form p {\n  margin: 0;\n}\n:host form div {\n  position: relative;\n}\n:host form div label {\n  pointer-events: none;\n  position: absolute;\n  left: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n  background: #fff;\n  padding: 4px;\n  transition: 0.2s all cubic-bezier(0.465, 0.183, 0.153, 0.946);\n}\n:host form div input {\n  padding: 16px;\n  width: 100%;\n  font-size: 16px;\n  border: 1px solid #fcd9c9;\n}\n:host form div input:focus ~ label,\n:host form div .input_active ~ label {\n  top: 0;\n  transform: translateY(-50%);\n  background: linear-gradient(180deg, #faf1e8 50%, #fff 50%);\n}\n:host form select {\n  padding: 0.75rem 1rem;\n  width: 100%;\n}\n:host h1 {\n  font-size: 24px;\n  font-weight: 400;\n  line-height: 32px;\n  letter-spacing: -3%;\n  text-align: left;\n  margin: 0 0 8px;\n}\n:host h2 {\n  margin: 0 0 24px;\n  font-weight: 700;\n  font-size: 20px;\n  line-height: 28px;\n  letter-spacing: -3%;\n}\n:host p {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 24px;\n  letter-spacing: -3%;\n}\n:host .hemfixarna {\n  width: 100%;\n  /* Hide default HTML checkbox */\n  /* The slider */\n}\n:host .hemfixarna_source {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n:host .hemfixarna_source img {\n  width: 20px;\n}\n:host .hemfixarna_source--pw {\n  max-width: 300px !important;\n}\n:host .hemfixarna_source--pw input[type=password] {\n  padding: 0.5rem;\n}\n:host .hemfixarna_source--pw form {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n:host .hemfixarna_contact {\n  display: flex;\n  gap: 16px;\n}\n:host .hemfixarna_contact a {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: #474444;\n  text-decoration: none;\n  font-weight: 600;\n  font-size: 13px;\n}\n:host .hemfixarna_contact a:hover {\n  text-decoration: underline;\n}\n:host .hemfixarna_contact--horizontal span {\n  display: none;\n}\n@media (min-width: 769px) {\n  :host .hemfixarna_contact--horizontal span {\n    display: initial;\n  }\n}\n:host .hemfixarna_painting {\n  opacity: 0;\n  padding: 0 1rem;\n  animation: fadeIn 0.5s forwards 0.3s;\n}\n:host .hemfixarna_painting > h2,\n:host .hemfixarna_painting p {\n  text-align: center;\n  padding: 0 16px;\n}\n:host .hemfixarna_painting > h2 {\n  margin: 0 0 8px;\n}\n:host .hemfixarna_partnerlogo {\n  max-height: 50px;\n  min-height: 45px;\n  object-fit: contain;\n  max-width: 150px;\n}\n@media (min-width: 769px) {\n  :host .hemfixarna_partnerlogo {\n    max-width: 200px;\n  }\n}\n:host .hemfixarna_nav {\n  position: absolute;\n  top: 0;\n  width: 100dvw;\n  left: 0;\n  height: 80px;\n  z-index: 9999;\n}\n:host .hemfixarna_nav--links {\n  display: none !important;\n}\n@media (min-width: 769px) {\n  :host .hemfixarna_nav--links {\n    display: flex !important;\n  }\n}\n:host .hemfixarna_nav--links a {\n  color: #ec6632;\n  text-decoration: none;\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  border-radius: 56px;\n  padding: 8px 32px;\n  text-transform: capitalize;\n}\n:host .hemfixarna_nav > div {\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0 16px;\n}\n@media (min-width: 769px) {\n  :host .hemfixarna_nav > div {\n    padding: 0 32px;\n  }\n}\n:host .hemfixarna_nav > div > div {\n  display: flex;\n  gap: 32px;\n  justify-content: space-between;\n}\n:host .hemfixarna_nav > div > img {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: -1;\n}\n:host .hemfixarna_nav a {\n  text-decoration: none;\n}\n:host .hemfixarna_nav p {\n  color: #474444;\n}\n:host .hemfixarna_nav p.with-bg {\n  color: #fff;\n}\n:host .hemfixarna_standalone .hemfixarna_backdrop {\n  background: #fffaf2;\n  opacity: 1;\n}\n:host .hemfixarna_standalone .hemfixarna_modal {\n  top: 80px;\n  transform: translateX(-50%);\n  border: none;\n  height: calc(100dvh - 80px);\n  opacity: 0;\n}\n:host .hemfixarna_standalone .hemfixarna_modal--open {\n  opacity: 1;\n}\n:host .hemfixarna .switch {\n  position: relative;\n  display: inline-block;\n  width: 40px;\n  height: 20px;\n}\n:host .hemfixarna .switch input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n:host .hemfixarna .slider {\n  position: absolute;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: #ccc;\n  -webkit-transition: 0.4s;\n  transition: 0.4s;\n  border-radius: 34px;\n}\n:host .hemfixarna .slider:before {\n  position: absolute;\n  content: \"\";\n  height: 18px;\n  width: 18px;\n  left: 2px;\n  bottom: 1px;\n  background-color: white;\n  -webkit-transition: 0.4s;\n  transition: 0.4s;\n  border-radius: 50%;\n}\n:host .hemfixarna input:checked + .slider {\n  background-color: #fcd9c9;\n}\n:host .hemfixarna input:focus + .slider {\n  box-shadow: 0 0 1px #fcd9c9;\n}\n:host .hemfixarna input:checked + .slider:before {\n  -webkit-transform: translateX(18px);\n  -ms-transform: translateX(18px);\n  transform: translateX(18px);\n  background: #ec6632;\n}\n:host .hemfixarna_maleribox {\n  background: #fff;\n  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);\n  width: 100%;\n  min-height: 132px;\n  padding: 24px;\n  display: flex;\n  align-items: center;\n  gap: 24px;\n  text-align: left;\n}\n:host .hemfixarna_maleribox:hover {\n  transition: 0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);\n  filter: brightness(1.02);\n  transform: scale(1.01);\n  box-shadow: 0px 8px 16px 2px rgba(0, 0, 0, 0.0392156863);\n}\n:host .hemfixarna_checkbox {\n  display: grid;\n  grid-template-columns: 40px auto;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 24px;\n  letter-spacing: -3%;\n}\n:host .hemfixarna_checkbox > span {\n  transform: translateY(6px);\n}\n:host .hemfixarna_checkbox span,\n:host .hemfixarna_checkbox span p {\n  color: #474444;\n  font-size: 14px;\n}\n:host .hemfixarna_checkbox p {\n  text-align: left;\n}\n:host .hemfixarna_info {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  padding: 32px;\n  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);\n  border-radius: 4px;\n  border: 1px solid #fcd9c9;\n}\n:host .hemfixarna_info h2 {\n  margin: 0;\n}\n@media (min-width: 769px) {\n  :host .hemfixarna_info {\n    position: sticky;\n    top: 0;\n  }\n}\n:host .hemfixarna_infomodal {\n  position: absolute;\n  top: 40%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 100%;\n  max-width: 80%;\n  background: #fffaf2;\n  border: 1px solid #fcd9c9;\n  padding: 32px;\n  z-index: 99;\n  border-radius: 4px;\n  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n:host .hemfixarna_infomodal p,\n:host .hemfixarna_infomodal h4 {\n  margin: 0;\n}\n:host .hemfixarna_infomodal button {\n  background: #ec6632;\n  color: #fff;\n  border-radius: 60px;\n  font-size: 16px;\n  padding: 8px 16px;\n}\n:host .hemfixarna_addressinfo {\n  padding: 16px 16px 64px;\n  border: 1px solid #fcd9c9;\n  position: relative;\n  margin-bottom: 32px;\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 8px;\n}\n@media (min-width: 769px) {\n  :host .hemfixarna_addressinfo {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n:host .hemfixarna_addressinfo button {\n  position: absolute;\n  bottom: 16px;\n  right: 16px;\n  font-weight: 500;\n  text-underline-offset: 2px;\n  text-decoration: underline;\n}\n:host .hemfixarna_part {\n  background: #fff;\n  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);\n  display: grid;\n  padding: 16px;\n  grid-template-columns: auto 75px;\n}\n:host .hemfixarna_counter {\n  display: flex;\n  align-items: center;\n}\n:host .hemfixarna_counter span {\n  padding: 0 8px;\n}\n:host .hemfixarna_counter img {\n  cursor: pointer;\n}\n:host .hemfixarna_counter img:not(.disabled):hover {\n  transition: 0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);\n  filter: brightness(1.02);\n  transform: scale(1.01);\n  box-shadow: 0px 8px 16px 2px rgba(0, 0, 0, 0.0392156863);\n}\n:host .hemfixarna_description {\n  display: grid;\n  gap: 16px;\n}\n:host .hemfixarna_description ul {\n  list-style: disc;\n  padding-right: 12px;\n  transform: translateX(12px);\n}\n:host .hemfixarna_description--hidden {\n  max-height: 140px;\n  overflow: hidden;\n  position: relative;\n  cursor: pointer;\n}\n:host .hemfixarna_description--hidden::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 128px;\n  background: linear-gradient(180deg, rgba(255, 253, 250, 0), rgba(255, 253, 250, 0.46) 50%, #faf1e8);\n}\n:host .hemfixarna_terms {\n  font-size: 14px;\n}\n:host .hemfixarna_terms a {\n  color: inherit;\n}\n:host .hemfixarna_logo {\n  height: 64px;\n}\n:host .hemfixarna_box {\n  padding: 16px;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  box-sizing: border-box;\n  border-radius: 4px;\n  gap: 16px 8px;\n  border-radius: 4px;\n  gap: 16px 8px;\n}\n:host .hemfixarna_box p,\n:host .hemfixarna_box span {\n  font-size: 15px;\n}\n:host .hemfixarna_box .underline {\n  text-decoration: underline;\n  text-underline-offset: 2px;\n}\n:host .hemfixarna_box .pointer {\n  cursor: pointer;\n}\n:host .hemfixarna_box .p-s {\n  font-size: 12px;\n}\n:host .hemfixarna_box > div {\n  display: grid;\n  gap: 8px;\n}\n:host .hemfixarna_box--standard {\n  background: #fffaf2;\n  border: 1px solid #fcd9c9;\n}\n:host .hemfixarna_box--alternative, :host .hemfixarna_box--alternative_2, :host .hemfixarna_box--alternative_3 {\n  background: transparent;\n  border: 1px solid #e3e3e3;\n}\n:host .hemfixarna_box--alternative_2, :host .hemfixarna_box--alternative_3 {\n  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.0784313725);\n}\n:host .hemfixarna_box--alternative_3 {\n  justify-content: center;\n}\n:host .hemfixarna_altbtn {\n  display: flex !important;\n  flex-direction: column;\n  gap: 8px;\n  align-items: center;\n  margin-left: auto;\n}\n:host .hemfixarna_btn {\n  margin-left: auto;\n}\n:host .hemfixarna_btn, :host .hemfixarna_buy,\n:host .hemfixarna input[type=submit] {\n  border: none;\n  border-radius: 60px;\n  font-weight: 600;\n  letter-spacing: 0.5px;\n  line-height: 20px;\n  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);\n}\n:host .hemfixarna_btn:not(.disabled):hover, :host .hemfixarna_buy:not(.disabled):hover,\n:host .hemfixarna input[type=submit]:not(.disabled):hover {\n  transition: 0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);\n  filter: brightness(1.02);\n  transform: scale(1.01);\n  box-shadow: 0px 8px 16px 2px rgba(0, 0, 0, 0.0392156863);\n}\n:host .hemfixarna div:has(> input[type=submit]) {\n  position: relative;\n}\n:host .hemfixarna div:has(> input[type=submit]) input {\n  cursor: pointer;\n}\n:host .hemfixarna div:has(> input[type=submit]) img {\n  display: none;\n}\n:host .hemfixarna .loading {\n  cursor: default;\n  opacity: 0.6;\n}\n:host .hemfixarna .loading > img {\n  display: initial !important;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n:host .hemfixarna_btn {\n  font-size: 14px;\n  background: #c84e18;\n  color: #fff;\n  padding: 16px 24px;\n  white-space: nowrap;\n  position: relative;\n}\n:host .hemfixarna_btn span {\n  position: absolute;\n  background: #fff;\n  border-radius: 100%;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 11px;\n  top: -6px;\n  right: -12px;\n}\n:host .hemfixarna_btn span {\n  background: #25a710;\n  color: #fff;\n  right: 0 !important;\n}\n:host .hemfixarna_buy,\n:host .hemfixarna input[type=submit] {\n  font-size: 21px;\n  background: #25a710;\n  color: #fff;\n  padding: 16px 24px;\n}\n:host .hemfixarna .disabled {\n  opacity: 0.5;\n  cursor: default;\n}\n:host .hemfixarna_modal {\n  position: fixed;\n  background: #faf1e8;\n  border: 1px solid #fcd9c9;\n  border-radius: 4px;\n  top: 50%;\n  left: 50%;\n  z-index: 1000;\n  transition: 0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);\n  transform: translate(-50%, -50%) scale(0.7);\n  opacity: 0;\n  height: 92%;\n  width: 92%;\n  max-width: 920px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n:host .hemfixarna_modal--open {\n  opacity: 1;\n  transform: translate(-50%, -50%) scale(1);\n}\n:host .hemfixarna_backdrop {\n  z-index: 999;\n  position: fixed;\n  background: #474444;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  opacity: 0;\n  transition: transform 0.1s cubic-bezier(0.465, 0.183, 0.153, 0.946), opacity 0.1s cubic-bezier(0.465, 0.183, 0.153, 0.946);\n}\n:host .hemfixarna_backdrop--open {\n  opacity: 0.3;\n}\n:host .hemfixarna_order {\n  position: absolute;\n  top: -1px;\n  left: -1px;\n  right: -1px;\n  bottom: -1px;\n  background-repeat: no-repeat !important;\n  background-size: cover !important;\n  background-position: center !important;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  padding: 48px 32px 64px;\n}\n@media (max-width: 768px) {\n  :host .hemfixarna_order {\n    grid-template-columns: 1fr;\n    grid-template-rows: 0 auto;\n  }\n}\n:host .hemfixarna_order > div:last-of-type {\n  background: #fffaf2;\n  padding: 32px;\n  display: flex;\n  flex-direction: column;\n  max-height: 100%;\n  overflow: auto;\n}\n:host .hemfixarna_order img {\n  cursor: pointer;\n}\n:host .hemfixarna_order button {\n  margin: 16px 0;\n  padding: 0;\n  text-decoration: underline;\n  text-underline-offset: 2px;\n  font-size: 14px;\n  font-weight: 600;\n}\n:host .hemfixarna_cart {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 32px;\n}\n@media (max-width: 768px) {\n  :host .hemfixarna_cart {\n    grid-template-columns: 1fr;\n    gap: 0;\n  }\n}\n:host .hemfixarna_cart--right h2, :host .hemfixarna_cart--left h2 {\n  display: flex;\n  align-items: center;\n}\n:host .hemfixarna_cart--right h2 img, :host .hemfixarna_cart--left h2 img {\n  margin-top: 3.2px;\n}\n@media (min-width: 769px) {\n  :host .hemfixarna_cart--left h2 button {\n    display: none;\n  }\n}\n@media (max-width: 768px) {\n  :host .hemfixarna_cart--right h2 button {\n    display: none;\n  }\n}\n:host .hemfixarna_cart--startfee {\n  display: flex;\n  justify-content: space-between;\n}\n:host .hemfixarna_cart--rutrot {\n  display: flex;\n  justify-content: space-between;\n}\n:host .hemfixarna_cart--rutrot div {\n  display: flex;\n  gap: 16px;\n  align-items: center;\n}\n:host .hemfixarna_cart--additional {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  padding: 16px;\n  border-top: 1px solid #fcd9c9;\n}\n:host .hemfixarna_cart--additional p {\n  font-size: 14px;\n  position: relative;\n}\n:host .hemfixarna_cart--additional p strong {\n  text-decoration: underline;\n  text-underline-offset: 2px;\n  cursor: pointer;\n}\n:host .hemfixarna_cart--additional p img {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  right: -20px;\n  cursor: pointer;\n}\n:host .hemfixarna_cart--price {\n  border-top: 1px solid #fcd9c9;\n  padding: 16px;\n  display: flex;\n  justify-content: space-between;\n}\n:host .hemfixarna_cart--price h3 {\n  margin: 0;\n}\n:host .hemfixarna_cart--item {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 16px 0;\n  border-top: 1px solid #fcd9c9;\n}\n:host .hemfixarna_cart--item span {\n  font-size: 12px;\n}\n:host .hemfixarna_cart--item > div {\n  display: flex;\n  justify-content: space-between;\n}\n:host .hemfixarna_cart--item > div > div {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n:host .hemfixarna_cart--item > div button {\n  color: #ec6632;\n}\n:host .hemfixarna_cart--group {\n  border-radius: 16px;\n  background: #fefaf6;\n  margin-bottom: 16px;\n  padding: 10px 20px;\n}\n:host .hemfixarna_cart--group ul li:first-of-type {\n  border-top: 0;\n}\n:host .hemfixarna_categories {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n:host .hemfixarna_categories--wrapper {\n  gap: 32px;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n}\n@media (max-width: 768px) {\n  :host .hemfixarna_categories--wrapper {\n    grid-template-columns: 1fr;\n  }\n}\n:host .hemfixarna_categories li {\n  position: relative;\n  background: #fff;\n  border-radius: 4px;\n  min-height: 132px;\n  padding: 24px;\n  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);\n  display: flex;\n  align-items: center;\n  gap: 24px;\n  cursor: pointer;\n}\n:host .hemfixarna_categories li:hover {\n  transition: 0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);\n  filter: brightness(1.02);\n  transform: scale(1.01);\n  box-shadow: 0px 8px 16px 2px rgba(0, 0, 0, 0.0392156863);\n}\n:host .hemfixarna_categories li > button {\n  height: 100%;\n  width: 100%;\n}\n:host .hemfixarna_categories li .price {\n  font-weight: 700;\n}\n:host .hemfixarna_content {\n  height: 100%;\n  overflow: auto;\n  padding: 0 32px 64px;\n}\n:host .hemfixarna_content--5 {\n  padding-top: 16px;\n}\n:host .hemfixarna_content--painting {\n  padding: 0;\n  overflow: initial;\n}\n:host .hemfixarna_crumbs {\n  position: relative;\n  padding: 16px 24px;\n  border-bottom: 1px solid #fcd9c9;\n  display: flex;\n  justify-content: space-between;\n}\n:host .hemfixarna_crumbs--back {\n  padding: 16px 24px 8px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  box-shadow: none !important;\n}\n:host .hemfixarna_crumbs--back:hover {\n  transition: 0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);\n  filter: brightness(1.02);\n  transform: scale(1.01);\n  box-shadow: 0px 8px 16px 2px rgba(0, 0, 0, 0.0392156863);\n}\n:host .hemfixarna_crumbs img {\n  cursor: pointer;\n}\n:host .hemfixarna_crumbs .close {\n  position: absolute;\n  right: -16px;\n  top: -16px;\n  z-index: 9;\n  -webkit-transform: translate3d(0, 0, 0);\n}\n:host .hemfixarna_crumbs .cart {\n  display: flex;\n  padding-left: 16px;\n  position: relative;\n}\n:host .hemfixarna_crumbs .cart img {\n  cursor: inherit;\n}\n:host .hemfixarna_crumbs .cart span {\n  position: absolute;\n  background: #fff;\n  border-radius: 100%;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 11px;\n  top: -6px;\n  right: -12px;\n}\n:host .hemfixarna_crumbs .cart_active {\n  cursor: pointer;\n}\n:host .hemfixarna_crumbs .cart_active span {\n  background: #25a710;\n  color: #fff;\n}\n:host .hemfixarna_crumbs--links {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  overflow: auto;\n}\n@media (min-width: 769px) {\n  :host .hemfixarna_crumbs--links {\n    -ms-overflow-style: none;\n  }\n  :host .hemfixarna_crumbs--links::-webkit-scrollbar {\n    display: none;\n  }\n  :host .hemfixarna_crumbs--links::-webkit-scrollbar-button {\n    display: none;\n  }\n}\n:host .hemfixarna_crumbs--right {\n  display: flex;\n  align-items: center;\n}\n:host .hemfixarna_crumbs button {\n  white-space: nowrap;\n  background: #f1ded6;\n  border-radius: 64px;\n  padding: 12px 16px;\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 0.3px;\n  box-shadow: none !important;\n}\n:host .hemfixarna_crumbs button:not(.active):hover {\n  transition: 0.1s all cubic-bezier(0.465, 0.183, 0.153, 0.946);\n  filter: brightness(1.02);\n  transform: scale(1.01);\n  box-shadow: 0px 8px 16px 2px rgba(0, 0, 0, 0.0392156863);\n}\n@media (max-width: 768px) {\n  :host .hemfixarna_crumbs button {\n    display: none;\n  }\n}\n:host .hemfixarna_crumbs .active {\n  background: #fffaf2;\n  cursor: default;\n}\n:host .hemfixarna_features {\n  gap: 12px !important;\n}\n:host .hemfixarna_features li {\n  display: flex;\n  gap: 16px;\n  align-items: center;\n}\n:host .hemfixarna_address {\n  margin-bottom: 16px;\n}\n:host .hemfixarna_product {\n  display: grid;\n  gap: 16px;\n}\n:host .hemfixarna_product--link {\n  font-weight: 700;\n  color: #474444;\n  text-underline-offset: 4px;\n}\n:host .hemfixarna_product--left {\n  gap: 32px;\n}\n:host .hemfixarna_product--right {\n  gap: 32px;\n}\n:host .hemfixarna_product--price {\n  margin-top: 4px;\n  font-weight: 700;\n}\n:host .hemfixarna_product--total {\n  text-align: center;\n  margin: -16px 0;\n  font-size: 21px;\n  line-height: 28px;\n}\n:host .hemfixarna_product--item {\n  background: #fff;\n  padding: 16px;\n  display: grid;\n  grid-template-columns: auto 75px;\n  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0392156863);\n}\n:host .hemfixarna_product--grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 32px;\n}\n@media (max-width: 768px) {\n  :host .hemfixarna_product--grid {\n    grid-template-columns: 1fr;\n  }\n}\n:host .hemfixarna_product--grid > div {\n  display: flex;\n  flex-direction: column;\n}\n:host .hemfixarna_product--grid ul {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n:host .hemfixarna_product p {\n  margin: 0;\n}\n:host .hemfixarna_product--top {\n  display: flex;\n  gap: 32px;\n}\n:host .hemfixarna_product--top img {\n  object-fit: contain;\n}\n:host .hemfixarna_product--top > div {\n  width: 100%;\n}\n:host .hemfixarna_product--top > div h1 {\n  max-width: 80%;\n}\n@media (max-width: 768px) {\n  :host .hemfixarna_product--top > div h1 {\n    max-width: 100%;\n  }\n}\n:host .hemfixarna_product--top h4 {\n  margin-bottom: 8px;\n}\n:host h5,\n:host p {\n  margin: 0;\n}\n:host input[type=submit] {\n  cursor: pointer;\n}\n:host input[type=date] ~ label {\n  left: 56px;\n}\n:host input[type=date] {\n  border: 1px solid #fcd9c9;\n  padding-left: 64px;\n}\n:host input[type=checkbox] {\n  height: 18px;\n  width: 18px;\n  border: 1px solid #fcd9c9;\n}\n:host input[type=checkbox]:checked {\n  background: red;\n}\n:host input[type=date]::-webkit-calendar-picker-indicator {\n  background: transparent;\n  bottom: 0;\n  color: transparent;\n  cursor: pointer;\n  height: auto;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: auto;\n}\n:host button,\n:host a {\n  cursor: pointer;\n  background: none;\n  border: none;\n}\n:host ul {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}";
-
-const HemfixarnaComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.triggerScrollTotop = () => {
-      const el = this.el.shadowRoot.querySelector('.hemfixarna_content');
-      scrollToTop(el);
-    };
-    this.modal = false;
-    this.showModal = false;
-    this.product = null;
-    this.id = undefined;
-    this.slug = undefined;
-    this.business = undefined;
-    this.widgetStyle = WidgetStyle.standard;
-    this.buttonColor = undefined;
-    this.buttonBg = undefined;
-    this.proppedProduct = null;
-    this.loginSourceError = null;
-  }
-  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 category = categories.find(c => c && c.id === id.replace('c-', ''));
-      if (category) {
-        state.selectedCustomerCategory = category;
-        state.step = 2;
-      }
-    }
-    else {
-      const products = state.customer.categories
-        .map(c => (c.show_products ? c.products : c.sub_categories ? c.sub_categories.map(c => c.products) : []))
-        .flat()
-        .flat();
-      const product = products.find(p => p && p.fields.ID === parseInt(id));
-      if (product) {
-        state.selectedProduct = product.fields;
-        state.step = 4;
-        this.proppedProduct = product.fields;
-      }
-    }
-  }
-  async watchIdChange(id) {
-    if (id && state.customer) {
-      if (id === 'maleri') {
-        state.maleri = true;
-        state.step = 4;
-      }
-      else {
-        this.loadCategoryOrProduct(id);
-      }
-    }
-  }
-  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 creditSafeUser = window.sessionStorage.getItem(`hemfixarna-${this.business}-creditSafeUser`);
-    if (creditSafeUser) {
-      state.creditSafeUser = JSON.parse(creditSafeUser);
-    }
-    const [options, rut, rot, greenDiscount] = await Promise.all([getOptions(), getRut(), getRot(), getGreenDiscount()]);
-    try {
-      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) {
-        state.customer = customer;
-        const id = this.id || this.slug;
-        if (id) {
-          if (id === 'maleri') {
-            state.maleri = true;
-            state.step = 4;
-          }
-          else {
-            this.loadCategoryOrProduct(id);
-          }
-        }
-      }
-    }
-    catch (error) {
-      console.warn('customer not found');
-    }
-    state.rotOptions = rot;
-    state.rutOptions = rut;
-    state.greenOptions = greenDiscount;
-    state.options = options;
-    if (localStorage.getItem('select_source')) {
-      state.selectSource = true;
-    }
-  }
-  // Open close modal && click outside event
-  openModal() {
-    if (this.id) {
-      if (this.id === 'maleri') {
-        state.maleri = true;
-        state.step = 4;
-      }
-      else {
-        state.maleri = false;
-        this.loadCategoryOrProduct(this.id);
-      }
-    }
-    this.modal = true;
-    setTimeout(() => {
-      this.showModal = true;
-    }, 50);
-  }
-  closeModal() {
-    this.showModal = false;
-    setTimeout(() => {
-      this.modal = false;
-    }, 200);
-  }
-  handleClick(e) {
-    if ((e === null || e === void 0 ? void 0 : e.composedPath()[0]).classList.contains('hemfixarna_backdrop')) {
-      this.closeModal();
-    }
-    const infomodal = this.el.shadowRoot.querySelector('.hemfixarna_infomodal');
-    if (infomodal) {
-      const isClickInside = infomodal.contains(e.composedPath()[0]);
-      if (!isClickInside) {
-        state.modal = null;
-      }
-    }
-  }
-  async handleLogin() {
-    this.loginSourceError = null;
-    const passwordInput = this.el.shadowRoot.querySelector('input[type="password"]');
-    const password = passwordInput.value;
-    try {
-      const status = await loginCustomer({ id: state.customer.ID, password: password });
-      if (status === 200) {
-        state.showSourcePasswordPrompt = false;
-        state.selectSource = true;
-      }
-      else {
-        this.loginSourceError = 'Fel lösenord';
-      }
-    }
-    catch (error) {
-      console.log(error);
-      this.loginSourceError = 'Fel lösenord';
-    }
-  }
-  getCartLength() {
-    return state.cart.reduce((acc, curr) => acc + curr.amount, 0);
-  }
-  render() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-    const logo = getAssetPath(`./assets/hemfixarna.svg`);
-    const pensel = getAssetPath(`./assets/pensel.svg`);
-    const monteringLogo = getAssetPath(`./assets/montering.svg`);
-    return (h("div", { class: `hemfixarna hemfixarna-${this.business}` }, 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, ((_a = state.customer) === null || _a === void 0 ? void 0 : _a.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, ((_b = this.product) === null || _b === void 0 ? void 0 : _b.title) || ((_c = this.proppedProduct) === null || _c === void 0 ? void 0 : _c.title) || ((_d = state.selectedCustomerCategory) === null || _d === void 0 ? void 0 : _d.widget_title) || (h("span", null, "Montering", h("wbr", null), "/Installation ", (_f = (_e = state.selectedCustomerCategory) === null || _e === void 0 ? void 0 : _e.name) !== null && _f !== void 0 ? _f : 'på plats', " - ", h("strong", { class: "underline" }, "se priser h\u00E4r"))), this.proppedProduct && !((_g = this.product) === null || _g === void 0 ? void 0 : _g.invoice) && !((_h = this.proppedProduct) === null || _h === void 0 ? void 0 : _h.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: ((_j = this.buttonColor) === null || _j === void 0 ? void 0 : _j.startsWith('#')) || !((_k = this.buttonColor) === null || _k === void 0 ? void 0 : _k.length) ? this.buttonColor : `#${this.buttonColor}`,
-        backgroundColor: ((_l = this.buttonBg) === null || _l === void 0 ? void 0 : _l.startsWith('#')) || !((_m = this.buttonBg) === null || _m === void 0 ? void 0 : _m.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), 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), h("p", { innerHTML: state.modal.text }), h("div", null, h("button", { onClick: () => (state.modal = null) }, "St\u00E4ng")))), state.showSourcePasswordPrompt ? (h("div", { class: "hemfixarna_source--pw hemfixarna_infomodal" }, h("form", { onSubmit: e => {
-        e.preventDefault();
-        this.handleLogin();
-      } }, h("input", { type: "password", placeholder: "L\u00F6senord" }), h("input", { type: "submit", value: "Logga in" }), this.loginSourceError && h("span", null, "Fel l\u00F6senord")))) : null, state.customer && h("hemfixarna-breadcrumbs", { closeModal: () => this.closeModal() }), 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", null), state.step === 6 && h("hemfixarna-order", null))), h("div", { class: `hemfixarna_backdrop ${this.showModal ? 'hemfixarna_backdrop--open' : ''}` })))));
-  }
-  static get assetsDirs() { return ["assets"]; }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "id": ["watchIdChange"]
-  }; }
-};
-HemfixarnaComponent.style = hemfixarnaCss;
-
-export { HemfixarnaComponent as hemfixarna_component };
-
-//# sourceMappingURL=hemfixarna-component.entry.js.map

package/dist/hemfixarna-components/hemfixarna-component.entry.js.map

@@ -1 +0,0 @@
-{"file":"hemfixarna-component.entry.esm.js","mappings":"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","names":[],"sources":["./src/components/hemfixarna-component/hemfixarna.scss?tag=hemfixarna-component&encapsulation=shadow","./src/components/hemfixarna-component/hemfixarna-component.tsx"],"sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap');\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n$yellow: #fffaf2;\n$background: #faf1e8;\n$grey: #b7b7b7;\n$brown: #e9d7ca;\n$black: #474444;\n$white: #fff;\n$darkyellow: #fcd9c9;\n$pink: #f1ded6;\n$green: #25a710;\n$orange: #ec6632;\n$darkorange: #c84e18;\n\n$border: 1px solid $darkyellow;\n$greyBorder: 1px solid #e3e3e3;\n$border-radius: 4px;\n$box-shadow: 0px 4px 8px 0px #0000000a;\n$box-shadow-hover: 0px 8px 16px 2px #0000000a;\n$widgetBoxColor: 0px 2px 16px 0px #00000014;\n\n@mixin hover {\n  &: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: $box-shadow-hover;\n  }\n}\n\n@mixin cartLength {\n  position: relative;\n  span {\n    position: absolute;\n    background: $white;\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}\n\n@mixin mobile {\n  @media (max-width: 768px) {\n    @content;\n  }\n}\n\n@mixin desktop {\n  @media (min-width: 769px) {\n    @content;\n  }\n}\n\n* {\n  box-sizing: border-box;\n}\n\n:host {\n  font-family: 'Inter', sans-serif;\n  input[type='text'] {\n    padding: 16px;\n    width: 100%;\n    font-size: 16px;\n    border: 1px solid $darkyellow;\n  }\n  .mb-2 {\n    margin-bottom: 32px;\n  }\n  button {\n    color: $black;\n  }\n  form {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    position: relative;\n    button {\n      position: absolute;\n      right: 0;\n      top: -1rem;\n    }\n    img {\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      pointer-events: none;\n      &:first-of-type {\n        left: 16px;\n      }\n      &:last-of-type {\n        right: 16px;\n      }\n    }\n    span {\n      margin-top: -8px;\n      color: $orange;\n    }\n    p {\n      text-align: center;\n    }\n    p {\n      margin: 0;\n    }\n    div {\n      position: relative;\n      label {\n        pointer-events: none;\n        position: absolute;\n        left: 16px;\n        top: 50%;\n        transform: translateY(-50%);\n        background: $white;\n        padding: 4px;\n        transition: 0.2s all cubic-bezier(0.465, 0.183, 0.153, 0.946);\n      }\n      input {\n        padding: 16px;\n        width: 100%;\n        font-size: 16px;\n        border: 1px solid $darkyellow;\n      }\n      input:focus ~ label,\n      .input_active ~ label {\n        top: 0;\n        transform: translateY(-50%);\n        background: linear-gradient(180deg, $background 50%, $white 50%);\n      }\n    }\n    select {\n      padding: 0.75rem 1rem;\n      width: 100%;\n    }\n  }\n  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  h2 {\n    margin: 0 0 24px;\n    font-weight: 700;\n    font-size: 20px;\n    line-height: 28px;\n    letter-spacing: -3%;\n  }\n  p {\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 24px;\n    letter-spacing: -3%;\n  }\n  .hemfixarna {\n    width: 100%;\n    &_source {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      img {\n        width: 20px;\n      }\n      &--pw {\n        max-width: 300px !important;\n        input[type='password'] {\n          padding: 0.5rem;\n        }\n        form {\n          display: flex;\n          flex-direction: column;\n          gap: 1rem;\n        }\n      }\n    }\n    &_contact {\n      display: flex;\n      gap: 16px;\n      a {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        color: $black;\n        text-decoration: none;\n        font-weight: 600;\n        font-size: 13px;\n        &:hover {\n          text-decoration: underline;\n        }\n      }\n      &--horizontal {\n        span {\n          display: none;\n        }\n        @include desktop {\n          span {\n            display: initial;\n          }\n        }\n      }\n    }\n    &_painting {\n      > h2,\n      p {\n        text-align: center;\n        padding: 0 16px;\n      }\n      > h2 {\n        margin: 0 0 8px;\n      }\n      opacity: 0;\n      padding: 0 1rem;\n      animation: fadeIn 0.5s forwards 0.3s;\n    }\n    &_partnerlogo {\n      max-height: 50px;\n      min-height: 45px;\n      object-fit: contain;\n      max-width: 150px;\n      @include desktop {\n        max-width: 200px;\n      }\n    }\n    &_nav {\n      position: absolute;\n      top: 0;\n      width: 100dvw;\n      left: 0;\n      height: 80px;\n      z-index: 9999;\n\n      &--links {\n        display: none !important;\n        @include desktop {\n          display: flex !important;\n        }\n        a {\n          color: $orange;\n          text-decoration: none;\n          border: 1px solid rgba($color: $white, $alpha: 0.3);\n          border-radius: 56px;\n          padding: 8px 32px;\n          text-transform: capitalize;\n        }\n      }\n      > 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        @include desktop {\n          padding: 0 32px;\n        }\n        > div {\n          display: flex;\n          gap: 32px;\n          justify-content: space-between;\n        }\n\n        > img {\n          position: absolute;\n          width: 100%;\n          height: 100%;\n          top: 0;\n          left: 0;\n          z-index: -1;\n        }\n      }\n      a {\n        text-decoration: none;\n      }\n      p {\n        color: $black;\n      }\n      p.with-bg {\n        color: $white;\n      }\n    }\n    &_standalone {\n      .hemfixarna {\n        &_backdrop {\n          background: $yellow;\n          opacity: 1;\n        }\n        &_modal {\n          top: 80px;\n          transform: translateX(-50%);\n          border: none;\n          height: calc(100dvh - 80px);\n          opacity: 0;\n          &--open {\n            opacity: 1;\n          }\n        }\n      }\n    }\n    .switch {\n      position: relative;\n      display: inline-block;\n      width: 40px;\n      height: 20px;\n    }\n\n    /* Hide default HTML checkbox */\n    .switch input {\n      opacity: 0;\n      width: 0;\n      height: 0;\n    }\n\n    /* The slider */\n    .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\n    .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\n    input:checked + .slider {\n      background-color: $darkyellow;\n    }\n\n    input:focus + .slider {\n      box-shadow: 0 0 1px $darkyellow;\n    }\n\n    input:checked + .slider:before {\n      -webkit-transform: translateX(18px);\n      -ms-transform: translateX(18px);\n      transform: translateX(18px);\n      background: $orange;\n    }\n\n    &_maleribox {\n      background: $white;\n      box-shadow: $box-shadow;\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      @include hover;\n    }\n\n    &_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      > span {\n        transform: translateY(6px);\n      }\n      span,\n      span p {\n        color: $black;\n        font-size: 14px;\n      }\n      p {\n        text-align: left;\n      }\n    }\n\n    &_info {\n      display: flex;\n      flex-direction: column;\n      gap: 24px;\n      padding: 32px;\n      box-shadow: $box-shadow;\n      border-radius: $border-radius;\n      border: $border;\n      h2 {\n        margin: 0;\n      }\n      @include desktop {\n        position: sticky;\n        top: 0;\n      }\n    }\n\n    &_infomodal {\n      position: absolute;\n      top: 40%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100%;\n      max-width: 80%;\n      background: $yellow;\n      border: $border;\n      padding: 32px;\n      z-index: 99;\n      border-radius: $border-radius;\n      box-shadow: $box-shadow;\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n      p,\n      h4 {\n        margin: 0;\n      }\n      button {\n        background: $orange;\n        color: $white;\n        border-radius: 60px;\n        font-size: 16px;\n        padding: 8px 16px;\n      }\n    }\n\n    &_addressinfo {\n      padding: 16px 16px 64px;\n      border: $border;\n      position: relative;\n      margin-bottom: 32px;\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 8px;\n      @include desktop {\n        grid-template-columns: 1fr 1fr;\n      }\n      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    }\n\n    &_part {\n      background: $white;\n      box-shadow: $box-shadow;\n      display: grid;\n      padding: 16px;\n      grid-template-columns: auto 75px;\n    }\n    &_counter {\n      display: flex;\n      align-items: center;\n      span {\n        padding: 0 8px;\n      }\n      img {\n        cursor: pointer;\n        &:not(.disabled) {\n          @include hover;\n        }\n      }\n    }\n    &_description {\n      display: grid;\n      gap: 16px;\n      ul {\n        list-style: disc;\n        padding-right: 12px;\n        transform: translateX(12px);\n      }\n      &--hidden {\n        max-height: 140px;\n        overflow: hidden;\n        position: relative;\n        cursor: pointer;\n        &::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%, $background);\n        }\n      }\n    }\n    &_terms {\n      font-size: 14px;\n      a {\n        color: inherit;\n      }\n    }\n    &_logo {\n      height: 64px;\n    }\n    &_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      p,\n      span {\n        font-size: 15px;\n      }\n      .underline {\n        text-decoration: underline;\n        text-underline-offset: 2px;\n      }\n      .pointer {\n        cursor: pointer;\n      }\n      .p-s {\n        font-size: 12px;\n      }\n      > div {\n        display: grid;\n        gap: 8px;\n      }\n      &--standard {\n        background: $yellow;\n        border: $border;\n      }\n      &--alternative,\n      &--alternative_2,\n      &--alternative_3 {\n        background: transparent;\n        border: $greyBorder;\n      }\n      &--alternative_2,\n      &--alternative_3 {\n        box-shadow: $widgetBoxColor;\n      }\n      &--alternative_3 {\n        justify-content: center;\n      }\n    }\n    &_altbtn {\n      display: flex !important;\n      flex-direction: column;\n      gap: 8px;\n      align-items: center;\n      margin-left: auto;\n    }\n    &_btn {\n      margin-left: auto;\n    }\n    &_btn,\n    &_buy,\n    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: $box-shadow;\n      &:not(.disabled) {\n        @include hover;\n      }\n    }\n    div:has(> input[type='submit']) {\n      position: relative;\n      input {\n        cursor: pointer;\n      }\n      img {\n        display: none;\n      }\n    }\n    .loading {\n      cursor: default;\n      opacity: 0.6;\n      > img {\n        display: initial !important;\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n      }\n    }\n    &_btn {\n      font-size: 14px;\n      background: $darkorange;\n      color: $white;\n      padding: 16px 24px;\n      white-space: nowrap;\n      @include cartLength;\n      span {\n        background: $green;\n        color: $white;\n        right: 0 !important;\n      }\n    }\n    &_buy,\n    input[type='submit'] {\n      font-size: 21px;\n      background: $green;\n      color: $white;\n      padding: 16px 24px;\n    }\n    .disabled {\n      opacity: 0.5;\n      cursor: default;\n    }\n    &_modal {\n      position: fixed;\n      background: $background;\n      border: $border;\n      border-radius: $border-radius;\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      &--open {\n        opacity: 1;\n        transform: translate(-50%, -50%) scale(1);\n      }\n    }\n    &_backdrop {\n      z-index: 999;\n      position: fixed;\n      background: $black;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      right: 0;\n      opacity: 0;\n      transition:\n        transform 0.1s cubic-bezier(0.465, 0.183, 0.153, 0.946),\n        opacity 0.1s cubic-bezier(0.465, 0.183, 0.153, 0.946);\n      &--open {\n        opacity: 0.3;\n      }\n    }\n    &_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      @include mobile {\n        grid-template-columns: 1fr;\n        grid-template-rows: 0 auto;\n      }\n      > div:last-of-type {\n        background: $yellow;\n        padding: 32px;\n        display: flex;\n        flex-direction: column;\n        max-height: 100%;\n        overflow: auto;\n      }\n      img {\n        cursor: pointer;\n      }\n      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    }\n    &_cart {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 32px;\n      @include mobile {\n        grid-template-columns: 1fr;\n        gap: 0;\n      }\n      &--right,\n      &--left {\n        h2 {\n          display: flex;\n          align-items: center;\n          img {\n            margin-top: 3.2px;\n          }\n        }\n      }\n      &--left {\n        h2 {\n          button {\n            @include desktop {\n              display: none;\n            }\n          }\n        }\n      }\n      &--right {\n        h2 {\n          button {\n            @include mobile {\n              display: none;\n            }\n          }\n        }\n      }\n      &--startfee {\n        display: flex;\n        justify-content: space-between;\n      }\n      &--rutrot {\n        display: flex;\n        justify-content: space-between;\n        div {\n          display: flex;\n          gap: 16px;\n          align-items: center;\n        }\n      }\n      &--additional {\n        display: flex;\n        flex-direction: column;\n        gap: 16px;\n        padding: 16px;\n        border-top: $border;\n        p {\n          font-size: 14px;\n          position: relative;\n          strong {\n            text-decoration: underline;\n            text-underline-offset: 2px;\n            cursor: pointer;\n          }\n          img {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            right: -20px;\n            cursor: pointer;\n          }\n        }\n      }\n      &--price {\n        border-top: $border;\n        h3 {\n          margin: 0;\n        }\n        padding: 16px;\n        display: flex;\n        justify-content: space-between;\n      }\n      &--item {\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n        padding: 16px 0;\n        border-top: $border;\n        span {\n          font-size: 12px;\n        }\n        > div {\n          display: flex;\n          justify-content: space-between;\n          > div {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n          }\n          button {\n            color: $orange;\n          }\n        }\n      }\n      &--group {\n        border-radius: 16px;\n        background: #fefaf6;\n        margin-bottom: 16px;\n        padding: 10px 20px;\n        ul {\n          li {\n            &:first-of-type {\n              border-top: 0;\n            }\n          }\n        }\n      }\n    }\n    &_categories {\n      &--wrapper {\n        gap: 32px;\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        @include mobile {\n          grid-template-columns: 1fr;\n        }\n      }\n      display: flex;\n      flex-direction: column;\n      gap: 24px;\n      li {\n        position: relative;\n        background: $white;\n        border-radius: $border-radius;\n        min-height: 132px;\n        padding: 24px;\n        box-shadow: $box-shadow;\n        display: flex;\n        align-items: center;\n        gap: 24px;\n        cursor: pointer;\n        @include hover;\n        > button {\n          height: 100%;\n          width: 100%;\n        }\n        .price {\n          font-weight: 700;\n        }\n      }\n    }\n    &_content {\n      height: 100%;\n      overflow: auto;\n      padding: 0 32px 64px;\n      &--5 {\n        padding-top: 16px;\n      }\n      &--painting {\n        padding: 0;\n        overflow: initial;\n      }\n    }\n    &_crumbs {\n      position: relative;\n      padding: 16px 24px;\n      border-bottom: $border;\n      display: flex;\n      justify-content: space-between;\n      &--back {\n        padding: 16px 24px 8px;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        box-shadow: none !important;\n        @include hover;\n      }\n      img {\n        cursor: pointer;\n      }\n      .close {\n        position: absolute;\n        right: -16px;\n        top: -16px;\n        z-index: 9;\n        -webkit-transform: translate3d(0, 0, 0);\n      }\n      .cart {\n        display: flex;\n        padding-left: 16px;\n        img {\n          cursor: inherit;\n        }\n        @include cartLength;\n        &_active {\n          cursor: pointer;\n          span {\n            background: $green;\n            color: $white;\n          }\n        }\n      }\n      &--links {\n        display: flex;\n        align-items: center;\n        gap: 16px;\n        overflow: auto;\n        @include desktop {\n          &::-webkit-scrollbar {\n            display: none;\n          }\n\n          &::-webkit-scrollbar-button {\n            display: none;\n          }\n          -ms-overflow-style: none;\n        }\n      }\n      &--right {\n        display: flex;\n        align-items: center;\n      }\n      button {\n        white-space: nowrap;\n        background: $pink;\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        &:not(.active) {\n          @include hover;\n        }\n        @include mobile {\n          display: none;\n        }\n      }\n      .active {\n        background: $yellow;\n        cursor: default;\n        // border: 1px solid $pink;\n      }\n    }\n    &_features {\n      gap: 12px !important;\n      li {\n        display: flex;\n        gap: 16px;\n        align-items: center;\n      }\n    }\n    &_address {\n      margin-bottom: 16px;\n    }\n    &_product {\n      display: grid;\n      gap: 16px;\n      &--link {\n        font-weight: 700;\n        color: $black;\n        text-underline-offset: 4px;\n      }\n      &--left {\n        gap: 32px;\n      }\n      &--right {\n        gap: 32px;\n      }\n      &--price {\n        margin-top: 4px;\n        font-weight: 700;\n      }\n      &--total {\n        text-align: center;\n        margin: -16px 0;\n        font-size: 21px;\n        line-height: 28px;\n      }\n      &--item {\n        background: $white;\n        padding: 16px;\n        display: grid;\n        grid-template-columns: auto 75px;\n        box-shadow: $box-shadow;\n      }\n      &--grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 32px;\n        @include mobile {\n          grid-template-columns: 1fr;\n        }\n        > div {\n          display: flex;\n          flex-direction: column;\n        }\n        ul {\n          display: flex;\n          flex-direction: column;\n          gap: 4px;\n        }\n      }\n      p {\n        margin: 0;\n      }\n      &--top {\n        img {\n          object-fit: contain;\n        }\n        > div {\n          width: 100%;\n          h1 {\n            max-width: 80%;\n            @include mobile {\n              max-width: 100%;\n            }\n          }\n        }\n        display: flex;\n        gap: 32px;\n        h4 {\n          margin-bottom: 8px;\n        }\n      }\n    }\n  }\n  h5,\n  p {\n    margin: 0;\n  }\n  input[type='submit'] {\n    cursor: pointer;\n  }\n  input[type='date'] ~ label {\n    left: 56px;\n  }\n  input[type='date'] {\n    border: 1px solid $darkyellow;\n    padding-left: 64px;\n  }\n  input[type='checkbox'] {\n    height: 18px;\n    width: 18px;\n    border: $border;\n  }\n  input[type='checkbox']:checked {\n    background: red;\n  }\n  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  button,\n  a {\n    cursor: pointer;\n    background: none;\n    border: none;\n  }\n  ul {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n}\n","import { Component, Element, Fragment, Listen, Prop, State, Watch, getAssetPath, h } from '@stencil/core';\nimport state from '../../store';\nimport { Business, Product, WidgetStyle } from '../../types';\nimport { getCustomer, getGreenDiscount, getOptions, getRot, getRut, loginCustomer } from '../../utils/api';\nimport { getProductPriceWithRotAndRut } from '../../utils/calc';\nimport { scrollToTop } from '../../utils/scroll';\n\n@Component({\n  tag: 'hemfixarna-component',\n  styleUrl: 'hemfixarna.scss',\n  shadow: true,\n  assetsDirs: ['assets'],\n})\nexport class HemfixarnaComponent {\n  @State() modal: boolean = false;\n  @State() showModal: boolean = false;\n  @State() product: Product | null = null;\n  @Prop() id?: string;\n  @Prop() slug?: string;\n  @Prop() business: Business;\n  @Prop() widgetStyle: WidgetStyle = WidgetStyle.standard;\n  @Prop() buttonColor?: string;\n  @Prop() buttonBg?: string;\n  @State() proppedProduct: Product | null = null;\n  @State() loginSourceError: null | string = null;\n\n  @Element() private el: HTMLElement;\n\n  loadCategoryOrProduct(id: string) {\n    this.proppedProduct = null;\n    if (id.startsWith('c-')) {\n      const categories = [...state.customer.categories, ...state.customer.categories.map(c => c.sub_categories ?? [])].flat();\n      const category = categories.find(c => c && c.id === id.replace('c-', ''));\n      if (category) {\n        state.selectedCustomerCategory = category;\n        state.step = 2;\n      }\n    } else {\n      const products = state.customer.categories\n        .map(c => (c.show_products ? c.products : c.sub_categories ? c.sub_categories.map(c => c.products) : []))\n        .flat()\n        .flat();\n      const product = products.find(p => p && p.fields.ID === parseInt(id));\n      if (product) {\n        state.selectedProduct = product.fields;\n        state.step = 4;\n        this.proppedProduct = product.fields;\n      }\n    }\n  }\n\n  @Watch('id')\n  async watchIdChange(id: string) {\n    if (id && state.customer) {\n      if (id === 'maleri') {\n        state.maleri = true;\n        state.step = 4;\n      } else {\n        this.loadCategoryOrProduct(id);\n      }\n    }\n  }\n\n  async componentWillLoad() {\n    state.business = this.business;\n    const cart = window.sessionStorage.getItem(`hemfixarna-${this.business}-cart`);\n    if (cart) {\n      state.cart = JSON.parse(cart);\n    }\n    const user = window.sessionStorage.getItem(`hemfixarna-${this.business}-user`);\n    if (user) {\n      state.user = JSON.parse(user);\n    }\n    const creditSafeUser = window.sessionStorage.getItem(`hemfixarna-${this.business}-creditSafeUser`);\n    if (creditSafeUser) {\n      state.creditSafeUser = JSON.parse(creditSafeUser);\n    }\n\n    const [options, rut, rot, greenDiscount] = await Promise.all([getOptions(), getRut(), getRot(), getGreenDiscount()]);\n\n    try {\n      const customer = await getCustomer(this.business);\n      if (customer?.code === 'not_found') {\n        console.warn('customer not found');\n      } else if (customer) {\n        state.customer = customer;\n        const id = this.id || this.slug;\n        if (id) {\n          if (id === 'maleri') {\n            state.maleri = true;\n            state.step = 4;\n          } else {\n            this.loadCategoryOrProduct(id);\n          }\n        }\n      }\n    } catch (error) {\n      console.warn('customer not found');\n    }\n\n    state.rotOptions = rot;\n    state.rutOptions = rut;\n    state.greenOptions = greenDiscount;\n    state.options = options;\n\n    if (localStorage.getItem('select_source')) {\n      state.selectSource = true;\n    }\n  }\n\n  triggerScrollTotop = () => {\n    const el = this.el.shadowRoot.querySelector('.hemfixarna_content');\n    scrollToTop(el);\n  };\n\n  // Open close modal && click outside event\n  openModal() {\n    if (this.id) {\n      if (this.id === 'maleri') {\n        state.maleri = true;\n        state.step = 4;\n      } else {\n        state.maleri = false;\n        this.loadCategoryOrProduct(this.id);\n      }\n    }\n    this.modal = true;\n    setTimeout(() => {\n      this.showModal = true;\n    }, 50);\n  }\n  closeModal() {\n    this.showModal = false;\n    setTimeout(() => {\n      this.modal = false;\n    }, 200);\n  }\n  @Listen('click')\n  handleClick(e: Event) {\n    if ((e?.composedPath()[0] as HTMLElement).classList.contains('hemfixarna_backdrop')) {\n      this.closeModal();\n    }\n    const infomodal = this.el.shadowRoot.querySelector('.hemfixarna_infomodal');\n    if (infomodal) {\n      const isClickInside = infomodal.contains(e.composedPath()[0] as HTMLInputElement);\n      if (!isClickInside) {\n        state.modal = null;\n      }\n    }\n  }\n\n  async handleLogin() {\n    this.loginSourceError = null;\n    const passwordInput = this.el.shadowRoot.querySelector('input[type=\"password\"]');\n    const password = (passwordInput as HTMLInputElement).value;\n\n    try {\n      const status = await loginCustomer({ id: state.customer.ID, password: password });\n      if (status === 200) {\n        state.showSourcePasswordPrompt = false;\n        state.selectSource = true;\n      } else {\n        this.loginSourceError = 'Fel lösenord';\n      }\n    } catch (error) {\n      console.log(error);\n      this.loginSourceError = 'Fel lösenord';\n    }\n  }\n\n  getCartLength() {\n    return state.cart.reduce((acc, curr) => acc + curr.amount, 0);\n  }\n\n  render() {\n    const logo = getAssetPath(`./assets/hemfixarna.svg`);\n    const pensel = getAssetPath(`./assets/pensel.svg`);\n    const monteringLogo = getAssetPath(`./assets/montering.svg`);\n\n    return (\n      <div class={`hemfixarna hemfixarna-${this.business}`}>\n        <div class={`hemfixarna_box hemfixarna_box--${this.widgetStyle}`}>\n          {[WidgetStyle.alternative_2, WidgetStyle.alternative_3].includes(this.widgetStyle) ? (\n            <img src={this.id === 'maleri' ? pensel : monteringLogo} alt=\"montering logo\" width={32} height={32} />\n          ) : null}\n          <div>\n            <div>\n              <p\n                onClick={() => this.openModal()}\n                class={`pointer ${[WidgetStyle.alternative_2, WidgetStyle.alternative_3].includes(this.widgetStyle) && state.selectedProduct ? 'underline' : ''}`}\n              >\n                {this.id === 'maleri' ? (\n                  <span>Beräkna fast pris på måleri & tapetsering här</span>\n                ) : (\n                  <Fragment>\n                    {!state.selectedCustomerCategory && !this.product && !this.proppedProduct ? (\n                      <Fragment>\n                        {state.customer?.widget_title ? (\n                          <span>{state.customer.widget_title}</span>\n                        ) : (\n                          <span>\n                            Montering/Installation - <strong class=\"underline\">se priser här</strong>\n                          </span>\n                        )}\n                      </Fragment>\n                    ) : (\n                      <Fragment>\n                        {this.product?.title || this.proppedProduct?.title || state.selectedCustomerCategory?.widget_title || (\n                          <span>\n                            Montering\n                            <wbr />\n                            /Installation {state.selectedCustomerCategory?.name ?? 'på plats'} - <strong class=\"underline\">se priser här</strong>\n                          </span>\n                        )}\n                        {this.proppedProduct && !this.product?.invoice && !this.proppedProduct?.invoice ? (\n                          <span>\n                            {' från'} <strong>{getProductPriceWithRotAndRut(this.proppedProduct || this.product)}kr</strong>\n                          </span>\n                        ) : null}\n                      </Fragment>\n                    )}\n                  </Fragment>\n                )}\n              </p>\n            </div>\n            {this.widgetStyle === WidgetStyle.standard ? <img src={logo} width={104} /> : null}\n            {this.widgetStyle === WidgetStyle.alternative ? (\n              <span class=\"p-s\">\n                Utförs av <strong>Hemfixarna</strong>\n              </span>\n            ) : null}\n          </div>\n          {[WidgetStyle.standard, WidgetStyle.alternative].includes(this.widgetStyle) ? (\n            <button\n              onClick={() => this.openModal()}\n              class=\"hemfixarna_btn\"\n              style={{\n                color: this.buttonColor?.startsWith('#') || !this.buttonColor?.length ? this.buttonColor : `#${this.buttonColor}`,\n                backgroundColor: this.buttonBg?.startsWith('#') || !this.buttonBg?.length ? this.buttonBg : `#${this.buttonBg}`,\n              }}\n            >\n              Beställ här\n              {this.getCartLength() > 0 && <span>{this.getCartLength()}</span>}\n            </button>\n          ) : null}\n          {WidgetStyle.alternative_2 === this.widgetStyle ? (\n            <div class=\"hemfixarna_altbtn\">\n              <strong class=\"p-s\">Utförs av</strong>\n              <img src={logo} alt=\"hemfixarna logo\" width={98} />\n            </div>\n          ) : null}\n        </div>\n        {this.modal && (\n          <div>\n            <div class={`hemfixarna_modal ${this.showModal ? 'hemfixarna_modal--open' : ''}`}>\n              {state.modal && (\n                <div class=\"hemfixarna_infomodal\">\n                  {state.modal.title && <h2>{state.modal.title}</h2>}\n                  <p innerHTML={state.modal.text}></p>\n                  <div>\n                    <button onClick={() => (state.modal = null)}>Stäng</button>\n                  </div>\n                </div>\n              )}\n              {state.showSourcePasswordPrompt ? (\n                <div class=\"hemfixarna_source--pw hemfixarna_infomodal\">\n                  <form\n                    onSubmit={e => {\n                      e.preventDefault();\n                      this.handleLogin();\n                    }}\n                  >\n                    <input type=\"password\" placeholder=\"Lösenord\" />\n                    <input type=\"submit\" value=\"Logga in\" />\n                    {this.loginSourceError && <span>Fel lösenord</span>}\n                  </form>\n                </div>\n              ) : null}\n              {state.customer && <hemfixarna-breadcrumbs closeModal={() => this.closeModal()} />}\n              <div class={`hemfixarna_content hemfixarna_content--${state.step} ${state.step === 4 && state.maleri ? 'hemfixarna_content--painting' : ''}`}>\n                {state.step < 4 && <hemfixarna-start />}\n                {/* // IF SELECTED PRODUCT (step 4) */}\n                {state.step === 4 && <hemfixarna-product />}\n                {/* // IF CHECKOUT (step 5) */}\n                {state.step === 5 && <hemfixarna-cart />}\n                {/* // IF ORDER CONFIRM (step 6) */}\n                {state.step === 6 && <hemfixarna-order />}\n              </div>\n            </div>\n            <div class={`hemfixarna_backdrop ${this.showModal ? 'hemfixarna_backdrop--open' : ''}`}></div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/hemfixarna-components/hemfixarna-contact.entry.js.map

@@ -1 +0,0 @@
-{"file":"hemfixarna-contact.entry.esm.js","mappings":";;;MAOa,cAAc;;;oBACI,KAAK;;EAElC,MAAM;IACJ,QACE,WAAK,KAAK,EAAE,sBAAsB,IAAI,CAAC,QAAQ,GAAG,8BAA8B,GAAG,gCAAgC,EAAE,IAClH,KAAK,CAAC,QAAQ,CAAC,MAAM,IACpB,WACE,OAAO,EAAE;QACP,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE;UACvB,KAAK,CAAC,wBAAwB,GAAG,IAAI,CAAC;SACvC;OACF,EACD,KAAK,EAAC,mBAAmB,IAExB,KAAK,CAAC,YAAY,IACjB,WAAK,OAAO,EAAC,eAAe,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,IAClE,YAAM,CAAC,EAAC,mVAAmV,GAAG,CAC1V,KAEN,WAAK,OAAO,EAAC,eAAe,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,IAClE,YAAM,CAAC,EAAC,8TAA8T,GAAG,CACrU,CACP,CACG,IACJ,IAAI,EACR,SAAG,IAAI,EAAC,kBAAkB,IACxB,WAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC5F,YACE,CAAC,EAAC,+PAA+P,EACjQ,IAAI,EAAC,SAAS,GACd,CACE,EACN,+BAAyB,CACvB,EACJ,SAAG,IAAI,EAAC,oCAAoC,EAAC,MAAM,EAAC,QAAQ,IAC1D,WAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC5F,sBAAa,sBAAsB,IACjC,YACE,CAAC,EAAC,sQAAsQ,EACxQ,IAAI,EAAC,SAAS,GACd,EACF,YAAM,CAAC,EAAC,mHAAmH,EAAC,IAAI,EAAC,SAAS,GAAG,EAC7I,YAAM,CAAC,EAAC,yHAAyH,EAAC,IAAI,EAAC,SAAS,GAAG,EACnJ,YACE,CAAC,EAAC,6IAA6I,EAC/I,IAAI,EAAC,SAAS,GACd,CACA,EACJ,gBACE,gBAAU,EAAE,EAAC,gBAAgB,IAC3B,YAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,GAAG,CACnC,CACN,CACH,EACN,8BAAwB,CACtB,CACA,EACN;GACH;;;;;","names":[],"sources":["./src/components/hemfixarna-contact/hemfixarna-contact.tsx"],"sourcesContent":["import { Component, Prop, h } from '@stencil/core';\nimport state from '../../store';\n\n@Component({\n  tag: 'hemfixarna-contact',\n  shadow: false,\n})\nexport class HemfixarnaInfo {\n  @Prop() vertical?: boolean = false;\n\n  render() {\n    return (\n      <div class={`hemfixarna_contact ${this.vertical ? 'hemfixarna_contact--vertical' : 'hemfixarna_contact--horizontal'}`}>\n        {state.customer.source ? (\n          <div\n            onClick={() => {\n              if (!state.selectSource) {\n                state.showSourcePasswordPrompt = true;\n              }\n            }}\n            class=\"hemfixarna_source\"\n          >\n            {state.selectSource ? (\n              <svg viewBox=\"0 0 1024 1024\" fill=\"#C84E18\" height=\"1em\" width=\"1em\">\n                <path d=\"M832 464H332V240c0-30.9 25.1-56 56-56h248c30.9 0 56 25.1 56 56v68c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-68c0-70.7-57.3-128-128-128H388c-70.7 0-128 57.3-128 128v224h-68c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V496c0-17.7-14.3-32-32-32zM540 701v53c0 4.4-3.6 8-8 8h-40c-4.4 0-8-3.6-8-8v-53a48.01 48.01 0 1156 0z\" />\n              </svg>\n            ) : (\n              <svg viewBox=\"0 0 1024 1024\" fill=\"#C84E18\" height=\"1em\" width=\"1em\">\n                <path d=\"M832 464h-68V240c0-70.7-57.3-128-128-128H388c-70.7 0-128 57.3-128 128v224h-68c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V496c0-17.7-14.3-32-32-32zM540 701v53c0 4.4-3.6 8-8 8h-40c-4.4 0-8-3.6-8-8v-53a48.01 48.01 0 1156 0zm152-237H332V240c0-30.9 25.1-56 56-56h248c30.9 0 56 25.1 56 56v224z\" />\n              </svg>\n            )}\n          </div>\n        ) : null}\n        <a href=\"tel:0770-220 720\">\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path\n              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\"\n              fill=\"#C84E18\"\n            />\n          </svg>\n          <span>0770-220 720</span>\n        </a>\n        <a href=\"https://hemfixarna.se/kundservice/\" target=\"_blank\">\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <g clip-path=\"url(#clip0_1001_894)\">\n              <path\n                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\"\n                fill=\"#C84E18\"\n              />\n              <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\" />\n              <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\" />\n              <path\n                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\"\n                fill=\"#C84E18\"\n              />\n            </g>\n            <defs>\n              <clipPath id=\"clip0_1001_894\">\n                <rect width=\"24\" height=\"24\" fill=\"white\" />\n              </clipPath>\n            </defs>\n          </svg>\n          <span>Kundservice</span>\n        </a>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/hemfixarna-components/hemfixarna-demo.entry.js.map

@@ -1 +0,0 @@
-{"file":"hemfixarna-demo.entry.esm.js","mappings":"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","names":[],"sources":["./src/components/hemfixarna-demo/hemfixarna-demo.scss?tag=hemfixarna-demo&encapsulation=shadow","./src/components/hemfixarna-demo/hemfixarna-demo.tsx"],"sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap');\n\n:host {\n  font-family: 'Inter', sans-serif;\n\n  .hemfixarna {\n    &_widgetstyles {\n      label {\n        cursor: pointer;\n      }\n      > div {\n        display: flex;\n        gap: 1rem;\n      }\n      h5 {\n        margin: 1rem 0;\n      }\n    }\n    &_example {\n      margin-bottom: 16px;\n      background: #000;\n      padding: 16px;\n      color: #fff;\n      display: flex;\n      justify-content: space-between;\n      cursor: pointer;\n      max-width: 500px;\n      box-sizing: border-box;\n      position: relative;\n\n      &--tooltip {\n        background: #000;\n        top: -48px;\n        font-size: 16px;\n        left: 40%;\n        color: white;\n        padding: 8px;\n        position: absolute;\n        opacity: 0;\n        &::after {\n          content: '';\n          position: absolute;\n          top: 100%;\n          left: 50%;\n          margin-left: -5px;\n          border-width: 5px;\n          border-style: solid;\n          border-color: #000 transparent transparent transparent;\n        }\n      }\n      &:hover {\n        .hemfixarna_example--tooltip {\n          opacity: 1;\n        }\n      }\n      p {\n        font-size: 14px;\n      }\n      img {\n        filter: invert(1);\n      }\n    }\n    &_install {\n      display: grid;\n      gap: 8px;\n      margin-top: 16px;\n    }\n    &_product--label {\n      background: #e1e0f5;\n    }\n    &_categories {\n      max-height: 100%;\n      overflow: auto;\n      position: relative;\n      &--label {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 8px;\n        button {\n          background: #3f3a92;\n          border: none;\n          font-weight: 600;\n          padding: 3.2px 9.6px;\n          border-radius: 10px;\n          margin-right: 8px;\n          color: #ece8e8;\n          &:active {\n            transform: scale(0.95);\n          }\n        }\n        &--big {\n          font-weight: 600;\n          border-bottom: 1px solid black;\n        }\n      }\n    }\n  }\n  p {\n    margin: 0;\n  }\n  span {\n    color: darkolivegreen;\n    font-size: 10px;\n  }\n  button {\n    cursor: pointer;\n  }\n  > div:not(.hemfixarna_hosted) {\n    grid-template-columns: 1fr 1fr;\n  }\n  .hemfixarna_hosted {\n    .hemfixarna_scripts {\n      display: none;\n    }\n  }\n  > div {\n    display: grid;\n    gap: 32px;\n    width: 100%;\n    height: 100vh;\n    place-items: center;\n    overflow: hidden;\n    padding: 16px 32px;\n    box-sizing: border-box;\n    > * {\n      width: 100%;\n    }\n    > div {\n      max-width: 500px;\n    }\n    ul {\n      margin: 0;\n      padding: 0;\n      list-style: none;\n      ul {\n        gap: 1px;\n        display: grid;\n      }\n      li {\n        padding-left: 16px;\n        background: #fff;\n      }\n    }\n  }\n}\n","import { Component, Fragment, State, Watch, getAssetPath, h } from '@stencil/core';\nimport { Business, Category, Customer, WidgetStyle } from '../../types';\nimport { getCustomer, loginCustomer } from '../../utils/api';\nimport { getApiUrl } from '../../utils/enviroment';\nimport { isBusiness } from '../../utils/types';\n\ninterface ColorAccessibility {\n  small: string;\n  bold: string;\n  large: string;\n  overall: string;\n  contrast: string;\n}\n\n@Component({\n  tag: 'hemfixarna-demo',\n  styleUrl: 'hemfixarna-demo.scss',\n  shadow: true,\n})\nexport class MyComponent {\n  @State() selectedSlug: string;\n  @State() selectedID: string;\n  @State() tooltipText: string = 'Kopiera till urklipp';\n  @State() tree: Category | null = null;\n  @State() customer: Customer | null = null;\n  @State() widgetStyle: WidgetStyle = WidgetStyle.standard;\n  @State() buttonBg: string = '';\n  @State() buttonColor: string = '';\n  @State() partner: Business | undefined = undefined;\n  @State() colorAccessibility?: ColorAccessibility = undefined;\n  @State() loggedIn: boolean = false;\n  @State() loginError: boolean = false;\n  private debounce?: number = null;\n\n  @Watch('buttonBg')\n  @Watch('buttonColor')\n  debouncedFunction() {\n    if (this.debounce !== null) {\n      clearTimeout(this.debounce);\n      this.debounce = null;\n    }\n\n    this.debounce = window.setTimeout(() => {\n      this.checkColorAccessibility();\n      this.debounce = null;\n    }, 1500);\n  }\n\n  async checkColorAccessibility() {\n    const defaultTextColor = '#fff';\n    const defaultBgColor = '#c84e18';\n    const firstColor = this.buttonBg.length ? (this.buttonBg.startsWith('#') ? this.buttonBg : `#${this.buttonBg}`) : defaultBgColor;\n    const secondColor = this.buttonColor.length ? (this.buttonColor.startsWith('#') ? this.buttonColor : `#${this.buttonColor}`) : defaultTextColor;\n    try {\n      const response = await fetch('https://www.aremycolorsaccessible.com/api/are-they', {\n        mode: 'cors',\n        method: 'POST',\n        body: JSON.stringify({ colors: [firstColor, secondColor] }),\n      });\n\n      if (!response) {\n        throw new Error('Network response was not ok');\n      }\n\n      const json = await response.json();\n      if (json && (json satisfies ColorAccessibility)) {\n        this.colorAccessibility = json;\n      }\n    } catch (error) {\n      console.warn('Error fetching color accessibility:', error);\n    }\n  }\n\n  getColor(rating: string) {\n    switch (rating) {\n      case 'AAA':\n        return 'green';\n      case 'AA':\n        return 'orange';\n      case 'A':\n        return 'yellow';\n      case 'Fail':\n        return 'red';\n      default:\n        return 'black';\n    }\n  }\n\n  async componentWillLoad() {\n    const partner = window.location.pathname.replace('/', '');\n    if (!isBusiness(partner) && partner) return;\n    this.partner = partner ? (partner as Business) : Business.kund;\n    const customer = await getCustomer(this.partner);\n    if (customer.code !== 'not_found' && customer) {\n      this.customer = customer;\n      if (!this.customer.password_protected || window.localStorage.getItem(`${this.customer.ID}-loggedin`)) {\n        this.loggedIn = true;\n      }\n    }\n  }\n\n  getExample() {\n    return `<hemfixarna-component business=\"${this.partner}\"${this.selectedSlug ? ` slug=\"${this.selectedSlug}\" ` : ''}${this.selectedID ? ` id=\"${this.selectedID}\" ` : ''} ${\n      this.widgetStyle === WidgetStyle.standard ? '' : `widget-style=\"${this.widgetStyle}\"`\n    } ${this.buttonColor.length ? `button-color=\"${this.buttonColor}\"` : ''} ${this.buttonBg.length ? `button-bg=\"${this.buttonBg}\"` : ''}></hemfixarna-component>`;\n  }\n\n  copyExample() {\n    navigator.clipboard.writeText(this.getExample());\n    this.tooltipText = 'Snippet kopierad';\n    setTimeout(() => {\n      this.tooltipText = 'Kopiera till urklipp';\n    }, 2000);\n  }\n\n  cdnLink = '<script type=\"module\" src=\"https://cdn.jsdelivr.net/npm//hemfixarna-web-components@latest/dist/hemfixarna-components/hemfixarna-components.esm.js\"></script>';\n\n  copyCdn() {\n    navigator.clipboard.writeText(this.cdnLink);\n    this.tooltipText = 'Text kopierad';\n    setTimeout(() => {\n      this.tooltipText = 'Kopiera till urklipp';\n    }, 2000);\n  }\n\n  copyNpmInstall() {\n    navigator.clipboard.writeText('npm i hemfixarna-web-components');\n    this.tooltipText = 'Text kopierad';\n    setTimeout(() => {\n      this.tooltipText = 'Kopiera till urklipp';\n    }, 2000);\n  }\n\n  showMaleri() {\n    const allCategories = this.customer?.categories.map(c => (c.sub_categories ? c.sub_categories : c)).flat();\n    return allCategories?.some(c => c.add_painting);\n  }\n\n  async handleLogin() {\n    const shadowHost = document.querySelector('hemfixarna-demo');\n    const shadowRoot = shadowHost.shadowRoot;\n    const passwordInput = shadowRoot.querySelector('input[type=\"password\"]');\n    const password = (passwordInput as HTMLInputElement).value;\n\n    this.loginError = false;\n    try {\n      const status = await loginCustomer({ id: this.customer.ID, password: password });\n      if (status === 200) {\n        this.loggedIn = true;\n        window.localStorage.setItem(`${this.customer.ID}-loggedin`, 'true');\n      } else {\n        this.loginError = true;\n      }\n    } catch (error) {\n      console.log(error);\n      this.loginError = true;\n    }\n  }\n\n  render() {\n    const copy = getAssetPath(`./assets/copy.png`);\n\n    return this.customer ? (\n      <Fragment>\n        {this.loggedIn ? (\n          <div class={this.customer?.at_hemfixarna ? 'hemfixarna_hosted' : ''}>\n            <div class=\"hemfixarna_scripts\">\n              <div onClick={() => this.copyExample()} class=\"hemfixarna_example\">\n                <p>{this.getExample()}</p>\n                <img src={copy} height={20} />\n                <span class=\"hemfixarna_example--tooltip\">{this.tooltipText}</span>\n              </div>\n              <hemfixarna-component\n                business={this.partner}\n                buttonBg={this.buttonBg}\n                buttonColor={this.buttonColor}\n                widgetStyle={this.widgetStyle}\n                id={this.selectedID}\n              ></hemfixarna-component>\n              <div class=\"hemfixarna_install\">\n                <div onClick={() => this.copyCdn()} class=\"hemfixarna_example\">\n                  <p>{this.cdnLink}</p>\n                  <span class=\"hemfixarna_example--tooltip\">{this.tooltipText}</span>\n                  <img src={copy} height={20} />\n                </div>\n              </div>\n              <div class=\"hemfixarna_widgetstyles\">\n                <h5>Widget styles</h5>\n                <div>\n                  {Object.values(WidgetStyle).map(style => (\n                    <label key={style}>\n                      <input type=\"radio\" value={style} checked={this.widgetStyle === style} onChange={() => (this.widgetStyle = style)} />\n                      {style}\n                    </label>\n                  ))}\n                </div>\n                <div>\n                  <div>\n                    <h5>Button background color</h5>\n                    <input type=\"text\" value={this.buttonBg} onInput={e => (this.buttonBg = (e.target as HTMLInputElement).value)} />\n                  </div>\n                  <div>\n                    <h5>Button text color</h5>\n                    <input type=\"text\" value={this.buttonColor} onInput={e => (this.buttonColor = (e.target as HTMLInputElement).value)} />\n                  </div>\n                </div>\n              </div>\n              <span>Write an hexa code no # needed</span>\n              {this.colorAccessibility ? (\n                <div>\n                  <h5>Tillgänglighetsrapport</h5>\n                  <div>\n                    <strong>Liten text:</strong>\n                    <span style={{ color: this.getColor(this.colorAccessibility.small) }}>{this.colorAccessibility.small}</span>\n                    <br />\n                    <strong>Fet text:</strong>\n                    <span style={{ color: this.getColor(this.colorAccessibility.bold) }}>{this.colorAccessibility.bold}</span>\n                    <br />\n                    <strong>Stor text:</strong>\n                    <span style={{ color: this.getColor(this.colorAccessibility.large) }}>{this.colorAccessibility.large}</span>\n                    <br />\n                    <strong>Kontrastförhållande:</strong> {this.colorAccessibility.contrast}\n                  </div>\n                </div>\n              ) : null}\n            </div>\n            <ul class=\"hemfixarna_categories\">\n              <div>\n                {this.customer.logo ? (\n                  <div style={{ width: '100%', display: 'flex', justifyContent: 'center' }}>\n                    <img style={{ maxWidth: '250px', height: 'auto', margin: '0 auto 2rem' }} src={this.customer.logo.url} alt={this.customer.post_title} />\n                  </div>\n                ) : null}\n                {this.showMaleri() ? (\n                  <li>\n                    <div class=\"hemfixarna_categories--label hemfixarna_categories--label--big\">\n                      <div>\n                        <p>Måleriverktyget</p>\n                        <span>maleri</span>\n                      </div>\n                      <div>\n                        <button onClick={() => navigator.clipboard.writeText('maleri')}>Kopiera ID</button>\n                        {this.customer.at_hemfixarna ? (\n                          <button onClick={() => navigator.clipboard.writeText(`${getApiUrl()}/partner/${this.customer.post_name}?id=maleri`)}>Kopiera URL</button>\n                        ) : (\n                          <button onClick={() => (this.selectedID = 'maleri')}>Ladda måleri</button>\n                        )}\n                      </div>\n                    </div>\n                  </li>\n                ) : null}\n                {this.customer.categories.map(c => (\n                  <li>\n                    <div class=\"hemfixarna_categories--label hemfixarna_categories--label--big\">\n                      <div>\n                        <p>{c.name}</p>\n                        <span>{`c-${c.id}`}</span>\n                      </div>\n                      <div>\n                        <button onClick={() => navigator.clipboard.writeText(`c-${c.id}`)}>Kopiera ID</button>\n                        {this.customer.at_hemfixarna ? (\n                          <button onClick={() => navigator.clipboard.writeText(`${getApiUrl()}/partner/${this.customer.post_name}?id=c-${c.id}`)}>Kopiera URL</button>\n                        ) : (\n                          <button onClick={() => (this.selectedID = `c-${c.id}`)}>Ladda kategori</button>\n                        )}\n                      </div>\n                    </div>\n                    {c.show_products && c.products ? (\n                      <ul>\n                        {c.products.map(p => (\n                          <li>\n                            <div class=\"hemfixarna_categories--label hemfixarna_product--label\">\n                              <div>\n                                <p>{p.fields.title}</p>\n                                <span>{p.fields.ID}</span>\n                              </div>\n                              <div>\n                                <button onClick={() => navigator.clipboard.writeText(String(p.fields.ID))}>Kopiera ID</button>\n                                {this.customer.at_hemfixarna ? (\n                                  <button onClick={() => navigator.clipboard.writeText(`${getApiUrl()}/partner/${this.customer.post_name}?id=${p.fields.ID}`)}>Kopiera URL</button>\n                                ) : (\n                                  <button onClick={() => (this.selectedID = String(p.fields.ID))}>Ladda produkt</button>\n                                )}\n                              </div>\n                            </div>\n                          </li>\n                        ))}\n                      </ul>\n                    ) : (\n                      <ul>\n                        {c.sub_categories &&\n                          c.sub_categories.map(sc => (\n                            <li>\n                              <div class=\"hemfixarna_categories--label\">\n                                <div>\n                                  <p>{sc.name}</p>\n                                  <span>{`c-${sc.id}`}</span>\n                                </div>\n                                <div>\n                                  <button onClick={() => navigator.clipboard.writeText(`c-${sc.id}`)}>Kopiera ID</button>\n                                  {this.customer.at_hemfixarna ? (\n                                    <button onClick={() => navigator.clipboard.writeText(`${getApiUrl()}/partner/${this.customer.post_name}?id=c-${c.id}`)}>Kopiera URL</button>\n                                  ) : (\n                                    <button onClick={() => (this.selectedID = `c-${sc.id}`)}>Ladda kategori</button>\n                                  )}\n                                </div>\n                              </div>\n                              <ul>\n                                {sc.products.map(p => (\n                                  <li>\n                                    <div class=\"hemfixarna_categories--label hemfixarna_product--label\">\n                                      <div>\n                                        <p>{p.fields.title}</p>\n                                        <span>{p.fields.ID}</span>\n                                      </div>\n                                      <div>\n                                        <button onClick={() => navigator.clipboard.writeText(String(p.fields.ID))}>Kopiera ID</button>\n                                        {this.customer.at_hemfixarna ? (\n                                          <button onClick={() => navigator.clipboard.writeText(`${getApiUrl()}/partner/${this.customer.post_name}?id=${p.fields.ID}`)}>\n                                            Kopiera URL\n                                          </button>\n                                        ) : (\n                                          <button onClick={() => (this.selectedID = String(p.fields.ID))}>Ladda produkt</button>\n                                        )}\n                                      </div>\n                                    </div>\n                                  </li>\n                                ))}\n                              </ul>\n                            </li>\n                          ))}\n                      </ul>\n                    )}\n                  </li>\n                ))}\n              </div>\n            </ul>\n          </div>\n        ) : (\n          <div>\n            <form\n              onSubmit={e => {\n                e.preventDefault();\n                this.handleLogin();\n              }}\n              style={{\n                display: 'flex',\n                flexDirection: 'column',\n                gap: '1rem',\n                maxWidth: '300px',\n                margin: 'auto',\n                padding: '20px',\n                border: '1px solid #ccc',\n                borderRadius: '5px',\n                gridColumn: 'span 2',\n              }}\n            >\n              <input type=\"password\" placeholder=\"Lösenord\" />\n              <button type=\"submit\">Logga in</button>\n              {this.loginError && <span>Fel lösenord</span>}\n            </form>\n          </div>\n        )}\n      </Fragment>\n    ) : (\n      <h1\n        style={{\n          textAlign: 'center',\n          margin: 'auto',\n          padding: '20px',\n          fontSize: '24px',\n          fontWeight: 'bold',\n          color: 'red',\n        }}\n      >\n        No customer found\n      </h1>\n    );\n  }\n}\n"],"version":3}

package/dist/hemfixarna-components/hemfixarna-doro.entry.js.map

@@ -1 +0,0 @@
-{"file":"hemfixarna-doro.entry.esm.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,EAAE;;MCQf,WAAW;;;;uBAEc,WAAW,CAAC,QAAQ;;;;EAIxD,MAAM;IACJ,QACE,4BAAsB,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,GAAyB,EAC1K;GACH;;;;;;","names":[],"sources":["./src/components/customers/hemfixarna-doro/hemfixarna-doro.scss?tag=hemfixarna-doro&encapsulation=shadow","./src/components/customers/hemfixarna-doro/hemfixarna-doro.tsx"],"sourcesContent":["","import { Component, Prop, h } from '@stencil/core';\nimport { Business, WidgetStyle } from '../../../types';\n\n@Component({\n  tag: 'hemfixarna-doro',\n  styleUrl: 'hemfixarna-doro.scss',\n  shadow: true,\n})\nexport class MyComponent {\n  @Prop() id?: string;\n  @Prop() widgetStyle?: WidgetStyle = WidgetStyle.standard;\n  @Prop() buttonColor?: string;\n  @Prop() buttonBg?: string;\n\n  render() {\n    return (\n      <hemfixarna-component widgetStyle={this.widgetStyle} buttonBg={this.buttonBg} buttonColor={this.buttonColor} id={this.id} business={Business.doro}></hemfixarna-component>\n    );\n  }\n}\n"],"version":3}

package/dist/hemfixarna-components/hemfixarna-elfa.entry.js.map

@@ -1 +0,0 @@
-{"file":"hemfixarna-elfa.entry.esm.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,EAAE;;MCQf,WAAW;;;;uBAEc,WAAW,CAAC,QAAQ;;;;EAIxD,MAAM;IACJ,QACE,4BAAsB,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,GAAyB,EAC1K;GACH;;;;;;","names":[],"sources":["./src/components/customers/hemfixarna-elfa/hemfixarna-elfa.scss?tag=hemfixarna-elfa&encapsulation=shadow","./src/components/customers/hemfixarna-elfa/hemfixarna-elfa.tsx"],"sourcesContent":["","import { Component, Prop, h } from '@stencil/core';\nimport { Business, WidgetStyle } from '../../../types';\n\n@Component({\n  tag: 'hemfixarna-elfa',\n  styleUrl: 'hemfixarna-elfa.scss',\n  shadow: true,\n})\nexport class MyComponent {\n  @Prop() id?: string;\n  @Prop() widgetStyle?: WidgetStyle = WidgetStyle.standard;\n  @Prop() buttonColor?: string;\n  @Prop() buttonBg?: string;\n\n  render() {\n    return (\n      <hemfixarna-component widgetStyle={this.widgetStyle} buttonBg={this.buttonBg} buttonColor={this.buttonColor} id={this.id} business={Business.elfa}></hemfixarna-component>\n    );\n  }\n}\n"],"version":3}

package/dist/hemfixarna-components/hemfixarna-fargvaruhuset.entry.js.map

@@ -1 +0,0 @@
-{"file":"hemfixarna-fargvaruhuset.entry.esm.js","mappings":";;;MAOa,WAAW;;;;uBAEc,WAAW,CAAC,QAAQ;;;;EAIxD,MAAM;IACJ,QACE,4BACE,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,QAAQ,EAAE,QAAQ,CAAC,aAAa,GACV,EACxB;GACH;;;;;","names":[],"sources":["./src/components/customers/hemfixarna-fargvaruhuset/hemfixarna-fargvaruhuset.tsx"],"sourcesContent":["import { Component, Prop, h } from '@stencil/core';\nimport { Business, WidgetStyle } from '../../../types';\n\n@Component({\n  tag: 'hemfixarna-fargvaruhuset',\n  shadow: true,\n})\nexport class MyComponent {\n  @Prop() id?: string;\n  @Prop() widgetStyle?: WidgetStyle = WidgetStyle.standard;\n  @Prop() buttonColor?: string;\n  @Prop() buttonBg?: string;\n\n  render() {\n    return (\n      <hemfixarna-component\n        widgetStyle={this.widgetStyle}\n        buttonBg={this.buttonBg}\n        buttonColor={this.buttonColor}\n        id={this.id}\n        business={Business.fargvaruhuset}\n      ></hemfixarna-component>\n    );\n  }\n}\n"],"version":3}

package/dist/hemfixarna-components/hemfixarna-flyttsmart.entry.js.map

@@ -1 +0,0 @@
-{"file":"hemfixarna-flyttsmart.entry.esm.js","mappings":";;;MAOa,WAAW;;;;uBAEc,WAAW,CAAC,QAAQ;;;;EAIxD,MAAM;IACJ,QACE,4BACE,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,QAAQ,EAAE,QAAQ,CAAC,UAAU,GACP,EACxB;GACH;;;;;","names":[],"sources":["./src/components/customers/hemfixarna-flyttsmart/hemfixarna-flyttsmart.tsx"],"sourcesContent":["import { Component, Prop, h } from '@stencil/core';\nimport { Business, WidgetStyle } from '../../../types';\n\n@Component({\n  tag: 'hemfixarna-flyttsmart',\n  shadow: true,\n})\nexport class MyComponent {\n  @Prop() id?: string;\n  @Prop() widgetStyle?: WidgetStyle = WidgetStyle.standard;\n  @Prop() buttonColor?: string;\n  @Prop() buttonBg?: string;\n\n  render() {\n    return (\n      <hemfixarna-component\n        widgetStyle={this.widgetStyle}\n        buttonBg={this.buttonBg}\n        buttonColor={this.buttonColor}\n        id={this.id}\n        business={Business.flyttsmart}\n      ></hemfixarna-component>\n    );\n  }\n}\n"],"version":3}

package/dist/hemfixarna-components/hemfixarna-forebygg.entry.js.map

@@ -1 +0,0 @@
-{"file":"hemfixarna-forebygg.entry.esm.js","mappings":";;;AAAA,MAAM,qBAAqB,GAAG,EAAE;;MCQnB,WAAW;;;;uBAEc,WAAW,CAAC,QAAQ;;;;EAIxD,MAAM;IACJ,QACE,4BAAsB,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,CAAC,QAAQ,GAAyB,EAC9K;GACH;;;;;;","names":[],"sources":["./src/components/customers/hemfixarna-forebygg/hemfixarna-forebygg.scss?tag=hemfixarna-forebygg&encapsulation=shadow","./src/components/customers/hemfixarna-forebygg/hemfixarna-forebygg.tsx"],"sourcesContent":["","import { Component, Prop, h } from '@stencil/core';\nimport { Business, WidgetStyle } from '../../../types';\n\n@Component({\n  tag: 'hemfixarna-forebygg',\n  styleUrl: 'hemfixarna-forebygg.scss',\n  shadow: true,\n})\nexport class MyComponent {\n  @Prop() id?: string;\n  @Prop() widgetStyle?: WidgetStyle = WidgetStyle.standard;\n  @Prop() buttonColor?: string;\n  @Prop() buttonBg?: string;\n\n  render() {\n    return (\n      <hemfixarna-component widgetStyle={this.widgetStyle} buttonBg={this.buttonBg} buttonColor={this.buttonColor} id={this.id} business={Business.forebygg}></hemfixarna-component>\n    );\n  }\n}\n"],"version":3}