@salla.sa/twilight-components 2.11.86 → 2.11.88

package/dist/esm-es5/salla-comment-form.entry.js

@@ -1,4 +1,5 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{r as registerInstance,h,H as Host}from"./index-f1d446ac.js";var sallaCommentFormCss=":host{display:block}";var SallaCommentForm=function(){function t(t){var e=this;registerInstance(this,t);this.placeholder=salla.lang.get("blocks.comments.placeholder");this.submitText=salla.lang.get("blocks.comments.submit");salla.lang.onLoaded((function(){e.placeholder=salla.lang.get("blocks.comments.placeholder");e.submitText=salla.lang.get("blocks.comments.submit")}));salla.onReady((function(){e.canComment=salla.config.get("user.can_comment");e.itemId=salla.config.get("page.id");e.type=salla.url.is_page("page-single")?"page":"product"}))}t.prototype.submit=function(){var t=this;if(!this.commentForm.reportValidity()){salla.log("CommentForm:: validation error!");return}this.submitBtn.load().then((function(){return salla.comment.add({id:t.itemId,comment:t.commentField.value,type:t.type})})).finally((function(){return t.submitBtn.stop}))};t.prototype.render=function(){var t=this;return h(Host,null,!!this.canComment?h("form",{ref:function(e){return t.commentForm=e}},h("div",{class:"s-comment-form-wrapper"},this.showAvatar?h("img",{class:"s-comment-form-avatar",src:salla.config.get("user.avatar"),alt:"user avatar"}):"",h("div",{class:"s-comment-form-content"},h("textarea",{cols:30,rows:5,minlength:"4",maxlength:"500",ref:function(e){return t.commentField=e},placeholder:this.placeholder,class:"s-comment-form-input",required:true}),h("br",null),h("div",{class:"s-comment-form-action"},h("salla-button",{ref:function(e){return t.submitBtn=e},"loader-position":"center",onClick:function(){return t.submit()}},this.submitText))))):"")};return t}();SallaCommentForm.style=sallaCommentFormCss;export{SallaCommentForm as salla_comment_form};
+import{r as registerInstance,h,H as Host}from"./index-f1d446ac.js";var sallaCommentFormCss=":host{display:block}";var SallaCommentForm=function(){function t(t){var e=this;registerInstance(this,t);this.placeholder=salla.lang.get("blocks.comments.placeholder");this.submitText=salla.lang.get("blocks.comments.submit");salla.lang.onLoaded((function(){e.placeholder=salla.lang.get("blocks.comments.placeholder");e.submitText=salla.lang.get("blocks.comments.submit")}));salla.onReady((function(){e.canComment=salla.config.get("user.can_comment");e.itemId=salla.config.get("page.id");e.type=salla.url.is_page("page-single")?"page":"product"}))}t.prototype.submit=function(){var t=this;if(!this.commentForm.reportValidity()){salla.log("CommentForm:: validation error!");return}this.submitBtn.load().then((function(){return salla.comment.add({id:t.itemId,comment:t.commentField.value,type:t.type})})).finally((function(){return t.submitBtn.stop}))};t.prototype.render=function(){var t=this;return h(Host,null,!!this.canComment?h("form",{ref:function(e){return t.commentForm=e}},h("div",{class:"s-comment-form-wrapper"},this.showAvatar?h("img",{class:"s-comment-form-avatar",src:salla.config.get("user.avatar"),alt:"user avatar"}):"",h("div",{class:"s-comment-form-content"},h("textarea",{cols:30,rows:5,minlength:"4",maxlength:"500",ref:function(e){return t.commentField=e},placeholder:this.placeholder,class:"s-comment-form-input",required:true}),h("br",null),h("div",{class:"s-comment-form-action"},h("salla-button",{ref:function(e){return t.submitBtn=e},"loader-position":"center",onClick:function(){return t.submit()}},this.submitText))))):"")};return t}();SallaCommentForm.style=sallaCommentFormCss;export{SallaCommentForm as salla_comment_form};
+//# sourceMappingURL=salla-comment-form.entry.js.map

package/dist/esm-es5/salla-comment-form.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/salla-comment-form/salla-comment-form.scss?tag=salla-comment-form","src/components/salla-comment-form/salla-comment-form.tsx"],"names":["sallaCommentFormCss","SallaCommentForm","hostRef","_this","this","placeholder","salla","lang","get","submitText","onLoaded","onReady","canComment","config","itemId","type","url","is_page","prototype","submit","commentForm","reportValidity","log","submitBtn","load","then","comment","add","id","commentField","value","finally","stop","render","h","Host","ref","frm","class","showAvatar","src","alt","cols","rows","minlength","maxlength","field","required","btn","loader-position","onClick"],"mappings":";;;mEAAA,IAAMA,oBAAsB,2BCMfC,iBAAgB,WAE3B,SAAAA,EAAAC,GAAA,IAAAC,EAAAC,8BA2BSA,KAAAC,YAAsBC,MAAMC,KAAKC,IAAI,+BACrCJ,KAAAK,WAAqBH,MAAMC,KAAKC,IAAI,0BA3B3CF,MAAMC,KAAKG,UAAS,WAClBP,EAAKE,YAAcC,MAAMC,KAAKC,IAAI,+BAClCL,EAAKM,WAAaH,MAAMC,KAAKC,IAAI,6BAEnCF,MAAMK,SAAQ,WACZR,EAAKS,WAAaN,MAAMO,OAAOL,IAAI,oBACnCL,EAAKW,OAASR,MAAMO,OAAOL,IAAI,WAC/BL,EAAKY,KAAOT,MAAMU,IAAIC,QAAQ,eAAiB,OAAS,aA4BpDhB,EAAAiB,UAAAC,OAAA,WAAA,IAAAhB,EAAAC,KACN,IAAKA,KAAKgB,YAAYC,iBAAkB,CACtCf,MAAMgB,IAAI,mCACV,OAEFlB,KAAKmB,UAAUC,OACZC,MAAK,WAAM,OAAAnB,MAAMoB,QAAQC,IAAI,CAACC,GAAIzB,EAAKW,OAAQY,QAASvB,EAAK0B,aAAaC,MAAOf,KAAMZ,EAAKY,UAC5FgB,SAAQ,WAAM,OAAA5B,EAAKoB,UAAUS,SAGlC/B,EAAAiB,UAAAe,OAAA,WAAA,IAAA9B,EAAAC,KACE,OACE8B,EAACC,KAAI,OACA/B,KAAKQ,WAAasB,EAAA,OAAA,CAAME,IAAK,SAAAC,GAAO,OAAAlC,EAAKiB,YAAciB,IACxDH,EAAA,MAAA,CAAKI,MAAM,0BACRlC,KAAKmC,WACJL,EAAA,MAAA,CAAKI,MAAM,wBAAwBE,IAAKlC,MAAMO,OAAOL,IAAI,eAAgBiC,IAAI,gBAAkB,GACjGP,EAAA,MAAA,CAAKI,MAAM,0BACTJ,EAAA,WAAA,CAAUQ,KAAM,GAAIC,KAAM,EAAGC,UAAU,IAAIC,UAAU,MAC3CT,IAAK,SAAAU,GAAS,OAAA3C,EAAK0B,aAAeiB,GAClCzC,YAAaD,KAAKC,YAClBiC,MAAM,uBACNS,SAAQ,OAClBb,EAAA,KAAA,MACAA,EAAA,MAAA,CAAKI,MAAM,yBACTJ,EAAA,eAAA,CAAcE,IAAK,SAAAY,GAAO,OAAA7C,EAAKoB,UAAYyB,GAAGC,kBAAkB,SAASC,QAAS,WAAM,OAAA/C,EAAKgB,WAC1Ff,KAAKK,gBAKN,cArEW","sourcesContent":[":host {\n  display: block;\n}\n","import {Component, Host, State, h, Prop} from '@stencil/core';\n\n@Component({\n  tag: 'salla-comment-form',\n  styleUrl: 'salla-comment-form.scss',\n})\nexport class SallaCommentForm {\n\n  constructor() {\n    salla.lang.onLoaded(() => {\n      this.placeholder = salla.lang.get('blocks.comments.placeholder')\n      this.submitText = salla.lang.get('blocks.comments.submit')\n    });\n    salla.onReady(() => {\n      this.canComment = salla.config.get('user.can_comment');\n      this.itemId = salla.config.get('page.id');\n      this.type = salla.url.is_page('page-single') ? 'page' : 'product';\n    });\n  }\n\n  /**\n   * Type of entity the comment is being submitted for. Defaults to `salla.url.is_page('page-single') ? 'page' : 'product'`\n   */\n  @Prop({mutable: true, reflect: true}) type: 'product' | 'page';\n\n  /**\n   * To show the avatar or not in the comment form\n   */\n  @Prop() showAvatar: boolean;\n\n  /**\n   * The ID of the item(as defined in the type), where the comment is for. defaults to `salla.config.get('page.id')`\n   */\n  @Prop({mutable: true, reflect: true}) itemId?: string | number;\n\n  @State() placeholder: string = salla.lang.get('blocks.comments.placeholder');\n  @State() submitText: string = salla.lang.get('blocks.comments.submit');\n  @State() canComment: boolean;\n\n  private commentField: HTMLTextAreaElement;\n  private submitBtn: HTMLSallaButtonElement;\n  private commentForm: HTMLFormElement;\n\n\n  private submit() {\n    if (!this.commentForm.reportValidity()) {\n      salla.log('CommentForm:: validation error!');\n      return;\n    }\n    this.submitBtn.load()\n      .then(() => salla.comment.add({id: this.itemId, comment: this.commentField.value, type: this.type}))\n      .finally(() => this.submitBtn.stop);\n  }\n\n  render() {\n    return (\n      <Host>\n        {!!this.canComment ? <form ref={frm => this.commentForm = frm}>\n          <div class=\"s-comment-form-wrapper\">\n            {this.showAvatar ?\n              <img class=\"s-comment-form-avatar\" src={salla.config.get('user.avatar')} alt=\"user avatar\"/> : ''}\n            <div class=\"s-comment-form-content\">\n              <textarea cols={30} rows={5} minlength=\"4\" maxlength=\"500\"\n                        ref={field => this.commentField = field}\n                        placeholder={this.placeholder}\n                        class=\"s-comment-form-input\"\n                        required/>\n              <br/>\n              <div class=\"s-comment-form-action\">\n                <salla-button ref={btn => this.submitBtn = btn} loader-position='center' onClick={() => this.submit()}>\n                  {this.submitText}\n                </salla-button>\n              </div>\n            </div>\n          </div>\n        </form> : ''}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/esm-es5/salla-conditional-fields.entry.js

@@ -1,4 +1,5 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-f1d446ac.js";var SallaConditionalFields=function(){function e(e){registerInstance(this,e)}e.prototype.hideAllOptions=function(e){var t=this;this.host.querySelectorAll('[data-show-when^="options['.concat(e,'"]')).forEach((function(e){e.classList.add("hidden");t.hideAllOptions(e.dataset.optionId);t.disableInputs(e)}))};e.prototype.disableInputs=function(e){e.querySelectorAll("[name]").forEach((function(e){var t;e.setAttribute("disabled","");e.removeAttribute("required");if(((t=e===null||e===void 0?void 0:e.tagName)===null||t===void 0?void 0:t.toLowerCase())==="select"){e.value=""}if(["checkbox"].includes(e.getAttribute("type"))&&e.hasOwnProperty("checked")){e.checked=false}}))};e.prototype.changeHandler=function(e){var t=this;var a;salla.event.emit("salla-onditional-fields::change",e);salla.log("Received the change event: ",e);if(!e.target||!["SELECT"].includes(e.target.tagName)&&!["checkbox"].includes(e.target.getAttribute("type"))){salla.log("Ignore the change because is not support input: "+(((a=e===null||e===void 0?void 0:e.target)===null||a===void 0?void 0:a.tagName)||"N/A"));return}var n=e.target.name.replace("[]","");var o=e.target.getAttribute("type")==="checkbox";salla.log("Trying to find all the element with condition:",'[data-show-when^="'.concat(n,'"]'));this.host.querySelectorAll('[data-show-when^="'.concat(n,'"]')).forEach((function(a){var n=!(a===null||a===void 0?void 0:a.dataset.showWhen.includes("!="));var i=a===null||a===void 0?void 0:a.dataset.showWhen.replace(/(.*)(=|!=)(.*)/gm,"$3").trim();var l;if(o){var r=Array.from(t.host.querySelectorAll('input[name="'.concat(e.target.name,'"]:checked')),(function(e){return e===null||e===void 0?void 0:e.value}));l=r.includes(i.toString())}else{l=i===e.target.value}salla.log("The input is ",o?"Multiple":"Single"," value:",l);var s=n&&l||!n&&!l;if(s){a.classList.remove("hidden");a.querySelectorAll("[name]").forEach((function(e){e.removeAttribute("disabled");if(!["checkbox"].includes(e.getAttribute("type"))&&a.getElementsByClassName("required").length){e.setAttribute("required","")}}))}else{t.hideAllOptions(a.dataset.optionId);a.classList.add("hidden");t.disableInputs(a)}}))};e.prototype.componentDidRender=function(){var e=this;this.host.querySelectorAll("[data-show-when]").forEach((function(t){var a;var n=(a=t===null||t===void 0?void 0:t.dataset)===null||a===void 0?void 0:a.showWhen.replace(/(.*)(=|!=)(.*)/gm,"$1").trim();if(!n){return}e.changeHandler({target:e.host.querySelector('[name^="'+n+'"]')})}))};e.prototype.render=function(){return h(Host,null,h("slot",null))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();export{SallaConditionalFields as salla_conditional_fields};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-f1d446ac.js";var SallaConditionalFields=function(){function e(e){registerInstance(this,e)}e.prototype.hideAllOptions=function(e){var t=this;this.host.querySelectorAll('[data-show-when^="options['.concat(e,'"]')).forEach((function(e){e.classList.add("hidden");t.hideAllOptions(e.dataset.optionId);t.disableInputs(e)}))};e.prototype.disableInputs=function(e){e.querySelectorAll("[name]").forEach((function(e){var t;e.setAttribute("disabled","");e.removeAttribute("required");if(((t=e===null||e===void 0?void 0:e.tagName)===null||t===void 0?void 0:t.toLowerCase())==="select"){e.value=""}if(["checkbox"].includes(e.getAttribute("type"))&&e.hasOwnProperty("checked")){e.checked=false}}))};e.prototype.changeHandler=function(e){var t=this;var a;salla.event.emit("salla-onditional-fields::change",e);salla.log("Received the change event: ",e);if(!e.target||!["SELECT"].includes(e.target.tagName)&&!["checkbox"].includes(e.target.getAttribute("type"))){salla.log("Ignore the change because is not support input: "+(((a=e===null||e===void 0?void 0:e.target)===null||a===void 0?void 0:a.tagName)||"N/A"));return}var n=e.target.name.replace("[]","");var o=e.target.getAttribute("type")==="checkbox";salla.log("Trying to find all the element with condition:",'[data-show-when^="'.concat(n,'"]'));this.host.querySelectorAll('[data-show-when^="'.concat(n,'"]')).forEach((function(a){var n=!(a===null||a===void 0?void 0:a.dataset.showWhen.includes("!="));var i=a===null||a===void 0?void 0:a.dataset.showWhen.replace(/(.*)(=|!=)(.*)/gm,"$3").trim();var l;if(o){var r=Array.from(t.host.querySelectorAll('input[name="'.concat(e.target.name,'"]:checked')),(function(e){return e===null||e===void 0?void 0:e.value}));l=r.includes(i.toString())}else{l=i===e.target.value}salla.log("The input is ",o?"Multiple":"Single"," value:",l);var s=n&&l||!n&&!l;if(s){a.classList.remove("hidden");a.querySelectorAll("[name]").forEach((function(e){e.removeAttribute("disabled");if(!["checkbox"].includes(e.getAttribute("type"))&&a.getElementsByClassName("required").length){e.setAttribute("required","")}}))}else{t.hideAllOptions(a.dataset.optionId);a.classList.add("hidden");t.disableInputs(a)}}))};e.prototype.componentDidRender=function(){var e=this;this.host.querySelectorAll("[data-show-when]").forEach((function(t){var a;var n=(a=t===null||t===void 0?void 0:t.dataset)===null||a===void 0?void 0:a.showWhen.replace(/(.*)(=|!=)(.*)/gm,"$1").trim();if(!n){return}e.changeHandler({target:e.host.querySelector('[name^="'+n+'"]')})}))};e.prototype.render=function(){return h(Host,null,h("slot",null))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();export{SallaConditionalFields as salla_conditional_fields};
+//# sourceMappingURL=salla-conditional-fields.entry.js.map

package/dist/esm-es5/salla-conditional-fields.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/salla-conditional-fields/salla-conditional-fields.tsx"],"names":["SallaConditionalFields","prototype","hideAllOptions","optionId","_this","this","host","querySelectorAll","concat","forEach","field","classList","add","dataset","disableInputs","input","setAttribute","removeAttribute","_a","tagName","toLowerCase","value","includes","getAttribute","hasOwnProperty","checked","changeHandler","event","salla","emit","log","target","name","replace","isMultiple","isEqual","showWhen","trim","isSelected","selectedValues","Array","from","e","toString","showTheInput","remove","getElementsByClassName","length","componentDidRender","optionName","querySelector","render","h","Host"],"mappings":"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","sourcesContent":["import { Component, Element, Host, Listen, h } from '@stencil/core';\n\n/**\n * its to easy to use, currenlty its support select & checkbox input as trigger for show/hide the dom\n * the dom you can put it like this data-show-when=\"{name of the field} {= or !=} {value of the field}\"\n */\n@Component({\n  tag: 'salla-conditional-fields'\n})\nexport class SallaConditionalFields {\n\n  @Element() host: HTMLElement;\n\n  private hideAllOptions(optionId) {\n    this.host.querySelectorAll(`[data-show-when^=\"options[${optionId}\"]`).forEach((field: HTMLElement) => {\n      field.classList.add('hidden');\n      this.hideAllOptions(field.dataset.optionId);\n      this.disableInputs(field);\n    });\n  }\n\n  private disableInputs(field) {\n    field.querySelectorAll('[name]').forEach((input) => {\n\n      input.setAttribute('disabled', '');\n      input.removeAttribute('required');\n      if (input?.tagName?.toLowerCase() === 'select') {\n        input.value = ''\n      }\n      if (['checkbox'].includes(input.getAttribute('type')) && input.hasOwnProperty('checked')) {\n        // @ts-ignore\n        input.checked = false;\n      }\n    });\n  }\n  \n  @Listen('change')\n  changeHandler(event) {\n    salla.event.emit('salla-onditional-fields::change', event);\n    salla.log('Received the change event: ', event);\n\n    if (!event.target || !['SELECT'].includes(event.target.tagName) && !['checkbox'].includes(event.target.getAttribute('type'))) {\n      salla.log('Ignore the change because is not support input: ' + (event?.target?.tagName || 'N/A'));\n      return;\n    }\n\n    // to extract the option id from the input name, the supported names are name[*] and name[*][]\n    let optionId = event.target.name.replace('[]', '');\n    let isMultiple = event.target.getAttribute('type') === 'checkbox';\n\n\n    salla.log('Trying to find all the element with condition:', `[data-show-when^=\"${optionId}\"]`);\n\n    this.host.querySelectorAll(`[data-show-when^=\"${optionId}\"]`)\n      .forEach((field: HTMLElement) => {\n        let isEqual = !field?.dataset.showWhen.includes('!=');\n        let value = field?.dataset.showWhen.replace(/(.*)(=|!=)(.*)/gm, '$3').trim();\n        // let isSelected = isMultiple ? event.target?.checked : value === event.target.value;\n        let isSelected;\n\n        if (isMultiple) {\n          // @ts-ignore\n          let selectedValues = Array.from(this.host.querySelectorAll(`input[name=\"${event.target.name}\"]:checked`), e => e?.value);\n          isSelected = selectedValues.includes(value.toString());\n        } else {\n          isSelected = value === event.target.value;\n        }\n\n        salla.log('The input is ', (isMultiple ? 'Multiple' : 'Single'), ' value:', isSelected);\n\n        let showTheInput = (isEqual && isSelected) || (!isEqual && !isSelected);\n        if (showTheInput) {\n          field.classList.remove('hidden');\n          field.querySelectorAll('[name]').forEach((input) => {\n            input.removeAttribute('disabled');\n\n            //To handle focus on hidden input error\n            if (!['checkbox'].includes(input.getAttribute('type')) && field.getElementsByClassName('required').length) {\n              input.setAttribute('required', '');\n            }\n          });\n        } else {\n          this.hideAllOptions(field.dataset.optionId);\n          field.classList.add('hidden');\n          this.disableInputs(field);\n        }\n      });\n  }\n\n  componentDidRender() {\n    this.host.querySelectorAll(`[data-show-when]`).forEach((field) => {\n      // @ts-ignore\n      let optionName = field?.dataset?.showWhen.replace(/(.*)(=|!=)(.*)/gm, '$1').trim();\n      if (!optionName) {\n        return;\n      }\n\n      this.changeHandler({\n        target: this.host.querySelector('[name^=\"' + optionName + '\"]')\n      })\n    });\n  }\n\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/esm-es5/salla-installment.entry.js

@@ -1,4 +1,5 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{r as registerInstance,h,H as Host}from"./index-f1d446ac.js";var sallaInstallmentCss="salla-installment:empty{display:none}#tabbyPromoWrapper{background:white;border-radius:0.375rem;-webkit-transition:-webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:20px}.salla-y #tabbyPromoWrapper{border:1px solid var(--color-grey-dark);border-radius:12px}#tabbyPromoWrapper:hover{-webkit-box-shadow:0 0 #0000, 0 0 #0000, 5px 10px 30px #2B2D340D;box-shadow:0 0 #0000, 0 0 #0000, 5px 10px 30px #2B2D340D}#tabbyPromoWrapper #tabbyPromo *{font-family:var(--font-main)}#tabbyPromoWrapper #tabbyPromo>div>div{max-width:none;-webkit-box-shadow:none;box-shadow:none;border:none}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet{max-width:100%;min-height:100px;padding:18px 20px;border:none !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__text,#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-size:var(--font-sm);color:var(--color-text) !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-weight:bold}.tabby-promo-wrapper #tabby-promo{font-family:var(--font-main) !important}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-title{font-size:var(--font-md)}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-desc{font-size:var(--font-sm);line-height:20px}.tamara-product-widget{margin-bottom:20px}.tamara-product-widget,.spotii-wrapper{min-height:100px;position:relative;color:var(--color-text);font-size:var(--font-sm);line-height:1.25;padding:18px 20px 18px 100px !important;background:white;border-radius:0.375rem;-webkit-transition:-webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1)}.salla-y .tamara-product-widget,.salla-y .spotii-wrapper{border-radius:12px;border:1px solid var(--color-grey-dark)}.tamara-product-widget:hover,.spotii-wrapper:hover{-webkit-box-shadow:0 0 #0000, 0 0 #0000, 5px 10px 30px #2B2D340D;box-shadow:0 0 #0000, 0 0 #0000, 5px 10px 30px #2B2D340D}.tamara-product-widget .spotii-logo,.spotii-wrapper .spotii-logo{float:left;margin:0 0 0 -75px}.ltr .tamara-product-widget,.ltr .spotii-wrapper{text-align:left;padding:18px 100px 18px 20px !important}.ltr .tamara-product-widget .spotii-logo,.ltr .spotii-wrapper .spotii-logo{float:right;margin:0 -75px 0 0}.ltr .tamara-product-widget .spotii-product-widget,.ltr .spotii-wrapper .spotii-product-widget{text-align:left !important}.spotii-wrapper{margin-bottom:20px}.spotii-wrapper .spotii-promo{font-size:var(--font-md)}.spotii-wrapper .spotii-product-widget{font-size:var(--font-sm) !important;margin-top:10px}.tamara-product-widget .tamara-logo{position:absolute;left:20px;top:18px;margin:0 !important}.ltr .tamara-product-widget .tamara-logo{right:20px;left:auto}.tamara-product-widget span{font-family:var(--font-main);font-size:var(--font-sm);color:var(--color-text)}.tamara-product-widget span:last-child{display:block;position:relative;margin-top:8px}.tamara-popup__wrap{overflow:auto !important}";var SallaInstallment=function(){function t(t){var r=this;registerInstance(this,t);this.tabbyBorderRemoved=false;this.tabbyRemoveBorderTries=0;this.language=salla.config.get("user.language_code");this.currency=salla.config.get("user.currency_code");salla.lang.onLoaded((function(){var t=salla.config.get("store.settings.installments");if(t){r.tamaraIsActive=t.includes("tamara_installment");r.tabbyIsActive=t.includes("tabby_installment");r.spotiiIsActive=t.includes("spotii_pay")}r.renderInstallments()}))}t.prototype.render=function(){return h(Host,null,this.tamaraIsActive?h("div",{class:"tamara-product-widget","data-price":this.price,"data-currency":this.currency,"data-lang":this.language,"data-payment-type":"installment"}):"",this.tabbyIsActive?h("div",{id:"tabbyPromoWrapper"},h("div",{id:"tabbyPromo"})):"",this.spotiiIsActive?h("div",{class:"spotii-wrapper"},h("div",{class:"spotii-promo"})):"")};t.prototype.renderInstallments=function(){var t=this;if(this.tamaraIsActive){var r=document.createElement("script");r.setAttribute("src","https://cdn.tamara.co/widget/product-widget.min.js");document.head.appendChild(r);r.onload=function(){window.TamaraProductWidget.init({lang:t.language});setTimeout((function(){window.TamaraProductWidget.render()}),300)}}if(this.tabbyIsActive){var r=document.createElement("script");r.setAttribute("src","https://checkout.tabby.ai/tabby-promo.js");document.head.appendChild(r);r.onload=function(){var r=window.TabbyPromo;new r({selector:"#tabbyPromo",currency:t.currency,price:t.price,lang:t.language});document.querySelectorAll(".tabby-promo-snippet__logo").forEach((function(t){t.setAttribute("aria-label","Tabby Logo")}))};this.removeTabbyBorder()}if(this.spotiiIsActive){var o=salla.money((Number(this.price)/3).toFixed(2));var a=salla.config.get("theme.is_rtl",true);window.spotiiConfig={targetXPath:[".spotii-wrapper"],renderToPath:[".spotii-promo"],numberOfPayment:3,currency:this.currency,templateLine:"${textOne} ${number} ${textTwo} "+o+"${logo} ${info}",textOne:a?"جزء الدفع على":"Split it into",textTwo:a?"أقساط متساوية بدون تكاليف اضافية بقيمة":"payments of",textThree:"مع",price:this.price};var r=document.createElement("script");r.setAttribute("src",salla.url.cdn("js/price-widget-ar-salla.js"));document.head.appendChild(r)}};t.prototype.removeTabbyBorder=function(){var t=this;if(this.tabbyBorderRemoved||this.tabbyRemoveBorderTries>5){return}this.tabbyRemoveBorderTries++;setTimeout((function(){var r=document.querySelector("#tabbyPromo>div>div");r=r?r.shadowRoot.querySelector('div[class^="styles__tabby-promo-snippet--"]'):null;if(r){r.style="border: none; margin: 15px 0!important;";t.tabbyBorderRemoved=true}else{t.removeTabbyBorder()}}),this.tabbyRemoveBorderTries*500)};return t}();SallaInstallment.style=sallaInstallmentCss;export{SallaInstallment as salla_installment};
+import{r as registerInstance,h,H as Host}from"./index-f1d446ac.js";var sallaInstallmentCss="salla-installment:empty{display:none}#tabbyPromoWrapper{background:white;border-radius:0.375rem;-webkit-transition:-webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:20px}.salla-y #tabbyPromoWrapper{border:1px solid var(--color-grey-dark);border-radius:12px}#tabbyPromoWrapper:hover{-webkit-box-shadow:0 0 #0000, 0 0 #0000, 5px 10px 30px #2B2D340D;box-shadow:0 0 #0000, 0 0 #0000, 5px 10px 30px #2B2D340D}#tabbyPromoWrapper #tabbyPromo *{font-family:var(--font-main)}#tabbyPromoWrapper #tabbyPromo>div>div{max-width:none;-webkit-box-shadow:none;box-shadow:none;border:none}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet{max-width:100%;min-height:100px;padding:18px 20px;border:none !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__text,#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-size:var(--font-sm);color:var(--color-text) !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-weight:bold}.tabby-promo-wrapper #tabby-promo{font-family:var(--font-main) !important}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-title{font-size:var(--font-md)}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-desc{font-size:var(--font-sm);line-height:20px}.tamara-product-widget{margin-bottom:20px}.tamara-product-widget,.spotii-wrapper{min-height:100px;position:relative;color:var(--color-text);font-size:var(--font-sm);line-height:1.25;padding:18px 20px 18px 100px !important;background:white;border-radius:0.375rem;-webkit-transition:-webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1)}.salla-y .tamara-product-widget,.salla-y .spotii-wrapper{border-radius:12px;border:1px solid var(--color-grey-dark)}.tamara-product-widget:hover,.spotii-wrapper:hover{-webkit-box-shadow:0 0 #0000, 0 0 #0000, 5px 10px 30px #2B2D340D;box-shadow:0 0 #0000, 0 0 #0000, 5px 10px 30px #2B2D340D}.tamara-product-widget .spotii-logo,.spotii-wrapper .spotii-logo{float:left;margin:0 0 0 -75px}.ltr .tamara-product-widget,.ltr .spotii-wrapper{text-align:left;padding:18px 100px 18px 20px !important}.ltr .tamara-product-widget .spotii-logo,.ltr .spotii-wrapper .spotii-logo{float:right;margin:0 -75px 0 0}.ltr .tamara-product-widget .spotii-product-widget,.ltr .spotii-wrapper .spotii-product-widget{text-align:left !important}.spotii-wrapper{margin-bottom:20px}.spotii-wrapper .spotii-promo{font-size:var(--font-md)}.spotii-wrapper .spotii-product-widget{font-size:var(--font-sm) !important;margin-top:10px}.tamara-product-widget .tamara-logo{position:absolute;left:20px;top:18px;margin:0 !important}.ltr .tamara-product-widget .tamara-logo{right:20px;left:auto}.tamara-product-widget span{font-family:var(--font-main);font-size:var(--font-sm);color:var(--color-text)}.tamara-product-widget span:last-child{display:block;position:relative;margin-top:8px}.tamara-popup__wrap{overflow:auto !important}";var SallaInstallment=function(){function t(t){var r=this;registerInstance(this,t);this.tabbyBorderRemoved=false;this.tabbyRemoveBorderTries=0;this.language=salla.config.get("user.language_code");this.currency=salla.config.get("user.currency_code");salla.lang.onLoaded((function(){var t=salla.config.get("store.settings.installments");if(t){r.tamaraIsActive=t.includes("tamara_installment");r.tabbyIsActive=t.includes("tabby_installment");r.spotiiIsActive=t.includes("spotii_pay")}r.renderInstallments()}))}t.prototype.render=function(){return h(Host,null,this.tamaraIsActive?h("div",{class:"tamara-product-widget","data-price":this.price,"data-currency":this.currency,"data-lang":this.language,"data-payment-type":"installment"}):"",this.tabbyIsActive?h("div",{id:"tabbyPromoWrapper"},h("div",{id:"tabbyPromo"})):"",this.spotiiIsActive?h("div",{class:"spotii-wrapper"},h("div",{class:"spotii-promo"})):"")};t.prototype.renderInstallments=function(){var t=this;if(this.tamaraIsActive){var r=document.createElement("script");r.setAttribute("src","https://cdn.tamara.co/widget/product-widget.min.js");document.head.appendChild(r);r.onload=function(){window.TamaraProductWidget.init({lang:t.language});setTimeout((function(){window.TamaraProductWidget.render()}),300)}}if(this.tabbyIsActive){var r=document.createElement("script");r.setAttribute("src","https://checkout.tabby.ai/tabby-promo.js");document.head.appendChild(r);r.onload=function(){var r=window.TabbyPromo;new r({selector:"#tabbyPromo",currency:t.currency,price:t.price,lang:t.language});document.querySelectorAll(".tabby-promo-snippet__logo").forEach((function(t){t.setAttribute("aria-label","Tabby Logo")}))};this.removeTabbyBorder()}if(this.spotiiIsActive){var o=salla.money((Number(this.price)/3).toFixed(2));var a=salla.config.get("theme.is_rtl",true);window.spotiiConfig={targetXPath:[".spotii-wrapper"],renderToPath:[".spotii-promo"],numberOfPayment:3,currency:this.currency,templateLine:"${textOne} ${number} ${textTwo} "+o+"${logo} ${info}",textOne:a?"جزء الدفع على":"Split it into",textTwo:a?"أقساط متساوية بدون تكاليف اضافية بقيمة":"payments of",textThree:"مع",price:this.price};var r=document.createElement("script");r.setAttribute("src",salla.url.cdn("js/price-widget-ar-salla.js"));document.head.appendChild(r)}};t.prototype.removeTabbyBorder=function(){var t=this;if(this.tabbyBorderRemoved||this.tabbyRemoveBorderTries>5){return}this.tabbyRemoveBorderTries++;setTimeout((function(){var r=document.querySelector("#tabbyPromo>div>div");r=r?r.shadowRoot.querySelector('div[class^="styles__tabby-promo-snippet--"]'):null;if(r){r.style="border: none; margin: 15px 0!important;";t.tabbyBorderRemoved=true}else{t.removeTabbyBorder()}}),this.tabbyRemoveBorderTries*500)};return t}();SallaInstallment.style=sallaInstallmentCss;export{SallaInstallment as salla_installment};
+//# sourceMappingURL=salla-installment.entry.js.map

package/dist/esm-es5/salla-installment.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/salla-installment/salla-installment.scss?tag=salla-installment","src/components/salla-installment/salla-installment.tsx"],"names":["sallaInstallmentCss","SallaInstallment","hostRef","_this","this","tabbyBorderRemoved","tabbyRemoveBorderTries","language","salla","config","get","currency","lang","onLoaded","installment","tamaraIsActive","includes","tabbyIsActive","spotiiIsActive","renderInstallments","prototype","render","h","Host","class","data-price","price","data-currency","data-lang","data-payment-type","id","script","document","createElement","setAttribute","head","appendChild","onload","window","TamaraProductWidget","init","setTimeout","TabbyPromo","selector","querySelectorAll","forEach","element","removeTabbyBorder","amount","money","Number","toFixed","isRTL","spotiiConfig","targetXPath","renderToPath","numberOfPayment","templateLine","textOne","textTwo","textThree","url","cdn","promo","querySelector","shadowRoot","style"],"mappings":";;;mEAAA,IAAMA,oBAAsB,wvGCOfC,iBAAgB,WAI3B,SAAAA,EAAAC,GAAA,IAAAC,EAAAC,8BAHQA,KAAAC,mBAA8B,MAC9BD,KAAAE,uBAAiC,EAqBjCF,KAAAG,SAAmBC,MAAMC,OAAOC,IAAI,sBAIpCN,KAAAO,SAAmBH,MAAMC,OAAOC,IAAI,sBAtB1CF,MAAMI,KAAKC,UAAS,WAClB,IAAMC,EAAcN,MAAMC,OAAOC,IAAI,+BACrC,GAAII,EAAa,CACfX,EAAKY,eAAiBD,EAAYE,SAAS,sBAC3Cb,EAAKc,cAAgBH,EAAYE,SAAS,qBAC1Cb,EAAKe,eAAiBJ,EAAYE,SAAS,cAE7Cb,EAAKgB,wBAqBTlB,EAAAmB,UAAAC,OAAA,WACE,OACEC,EAACC,KAAI,KACFnB,KAAKW,eACJO,EAAA,MAAA,CAAKE,MAAM,wBAAuBC,aACjBrB,KAAKsB,MAAKC,gBACPvB,KAAKO,SAAQiB,YACjBxB,KAAKG,SAAQsB,oBACN,gBAErB,GAEHzB,KAAKa,cACJK,EAAA,MAAA,CAAKQ,GAAG,qBACNR,EAAA,MAAA,CAAKQ,GAAG,gBAER,GAEH1B,KAAKc,eACJI,EAAA,MAAA,CAAKE,MAAM,kBAETF,EAAA,MAAA,CAAKE,MAAM,kBAEX,KAKVvB,EAAAmB,UAAAD,mBAAA,WAAA,IAAAhB,EAAAC,KAEE,GAAIA,KAAKW,eAAgB,CACvB,IAAIgB,EAASC,SAASC,cAAc,UACpCF,EAAOG,aAAa,MAAO,sDAC3BF,SAASG,KAAKC,YAAYL,GAC1BA,EAAOM,OAAS,WACdC,OAAOC,oBAAoBC,KAAK,CAAC5B,KAAMT,EAAKI,WAC5CkC,YAAW,WACTH,OAAOC,oBAAoBlB,WAC1B,MAKP,GAAIjB,KAAKa,cAAe,CACtB,IAAIc,EAASC,SAASC,cAAc,UACpCF,EAAOG,aAAa,MAAO,4CAC3BF,SAASG,KAAKC,YAAYL,GAC1BA,EAAOM,OAAS,WACd,IAAMK,EAAaJ,OAAOI,WAC1B,IAAIA,EAAW,CACbC,SAAU,cACVhC,SAAUR,EAAKQ,SACfe,MAAOvB,EAAKuB,MACZd,KAAMT,EAAKI,WAEbyB,SAASY,iBAAiB,8BAA8BC,SAAQ,SAAUC,GACxEA,EAAQZ,aAAa,aAAc,kBAIvC9B,KAAK2C,oBAIP,GAAI3C,KAAKc,eAAgB,CACvB,IAAI8B,EAASxC,MAAMyC,OAAOC,OAAO9C,KAAKsB,OAAS,GAAGyB,QAAQ,IAC1D,IAAIC,EAAQ5C,MAAMC,OAAOC,IAAI,eAAgB,MAC7C4B,OAAOe,aAAe,CACpBC,YAAa,CAAC,mBACdC,aAAc,CAAC,iBACfC,gBAAiB,EACjB7C,SAAUP,KAAKO,SACf8C,aAAc,mCAAqCT,EAAS,kBAE5DU,QAASN,EAAQ,gBAAkB,gBACnCO,QAASP,EAAQ,yCAA2C,cAC5DQ,UAAW,KACXlC,MAAOtB,KAAKsB,OAKd,IAAIK,EAASC,SAASC,cAAc,UAEpCF,EAAOG,aAAa,MAAO1B,MAAMqD,IAAIC,IAAI,gCACzC9B,SAASG,KAAKC,YAAYL,KAY9B9B,EAAAmB,UAAA2B,kBAAA,WAAA,IAAA5C,EAAAC,KACE,GAAIA,KAAKC,oBAAsBD,KAAKE,uBAAyB,EAAG,CAC9D,OAEFF,KAAKE,yBACLmC,YAAW,WACT,IAAIsB,EAAa/B,SAASgC,cAAc,uBACxCD,EAAQA,EAAQA,EAAME,WAAWD,cAAc,+CAAiD,KAChG,GAAID,EAAO,CACTA,EAAMG,MAAQ,0CACd/D,EAAKE,mBAAqB,SACrB,CACLF,EAAK4C,uBAEN3C,KAAKE,uBAAyB,eAhJR","sourcesContent":["/*\n  The whole installment methods is a third-party widgets,\n  So there aren't a custom classes (as other components) to style them.\n*/\n\nsalla-installment:empty {\n  display: none;\n}\n/*\n* Installment::Tabby\n*/\n#tabbyPromoWrapper {\n  background: white;\n  border-radius: 0.375rem;\n  transition: box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n  margin-bottom: 20px;\n\n  .salla-y &{\n    border: 1px solid var(--color-grey-dark);\n    border-radius: 12px\n  }\n\n  &:hover{\n    box-shadow: 0 0 #0000, 0 0 #0000, 5px 10px 30px #2B2D340D;\n  }\n\n  #tabbyPromo {\n    * {\n      font-family: var(--font-main);\n    }\n\n    > div > div {\n      max-width: none;\n      //padding: 15px;\n      box-shadow: none;\n      border: none;\n    }\n\n    .tabby-promo-snippet {\n      max-width: 100%;\n      min-height: 100px;\n      padding: 18px 20px;\n      // border-color: var(--color-grey-dark);\n      border: none !important;\n\n\n      &__text, &__link {\n        font-size: var(--font-sm);\n        color: var(--color-text) !important;\n      }\n\n      &__link {\n        font-weight: bold;\n      }\n    }\n  }\n}\n\n.tabby-promo-wrapper {\n  #tabby-promo {\n    font-family: var(--font-main) !important;\n\n    .tabby-promo {\n      &__feature-title {\n        font-size: var(--font-md);\n      }\n\n      &__feature-desc {\n        font-size: var(--font-sm);\n        line-height: 20px;\n      }\n    }\n  }\n}\n\n/*\n* Installment::Tamara & Spotii\n*/\n.tamara-product-widget{\n  margin-bottom: 20px;\n}\n\n.tamara-product-widget,\n.spotii-wrapper {\n  min-height: 100px;\n  position: relative;\n  color: var(--color-text);\n  font-size: var(--font-sm);\n  line-height: 1.25;\n  padding: 18px 20px 18px 100px !important;\n  background: white;\n  border-radius: 0.375rem;\n  transition: box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n\n  .salla-y &{\n    border-radius: 12px;\n    border: 1px solid var(--color-grey-dark);\n  }\n\n  &:hover{\n    box-shadow: 0 0 #0000, 0 0 #0000, 5px 10px 30px #2B2D340D;\n  }\n  .spotii-logo {\n    float: left;\n    margin: 0 0 0 -75px;\n  }\n}\n.ltr .tamara-product-widget,\n.ltr .spotii-wrapper{\n  text-align: left;\n  padding: 18px 100px 18px 20px !important;\n  .spotii-logo {\n    float: right;\n    margin: 0 -75px 0 0;\n  }\n  .spotii-product-widget {\n    text-align: left !important;\n  }\n}\n\n.spotii-wrapper {\n  margin-bottom: 20px;\n  .spotii-promo {\n    font-size: var(--font-md);\n  }\n\n  .spotii-product-widget {\n    font-size: var(--font-sm) !important;\n    margin-top: 10px;\n  }\n}\n\n.tamara-product-widget{\n  .tamara-logo {\n    position: absolute;\n    left: 20px;\n    top: 18px;\n    margin: 0 !important;\n\n    .ltr &{\n      right: 20px;\n      left: auto;\n    }\n  }\n\n  span {\n    font-family: var(--font-main);\n    font-size: var(--font-sm);\n    color: var(--color-text);\n\n    &:last-child {\n      display: block;\n      position: relative;\n      margin-top: 8px;\n    }\n  }\n}\n\n.tamara-popup {\n  &__wrap {\n    overflow: auto !important;\n  }\n}\n","import {Component, Host, h, Prop, State} from '@stencil/core';\n\n@Component({\n  tag: 'salla-installment',\n  styleUrl: 'salla-installment.scss',\n})\n\nexport class SallaInstallment {\n  private tabbyBorderRemoved: boolean = false;\n  private tabbyRemoveBorderTries: number = 0;\n\n  constructor() {\n    salla.lang.onLoaded(() => {\n      const installment = salla.config.get('store.settings.installments');\n      if (installment) {\n        this.tamaraIsActive = installment.includes('tamara_installment');\n        this.tabbyIsActive = installment.includes('tabby_installment');\n        this.spotiiIsActive = installment.includes('spotii_pay');\n      }\n      this.renderInstallments();\n    });\n  }\n\n  /**\n   * Current product price\n   */\n  @Prop() price: string;\n  /**\n   * Language code\n   */\n  @Prop() language: string = salla.config.get('user.language_code');\n  /**\n   * Currency code\n   */\n  @Prop() currency: string = salla.config.get('user.currency_code');\n\n  @State() tamaraIsActive: boolean;\n  @State() tabbyIsActive: boolean;\n  @State() spotiiIsActive: boolean;\n\n  render() {\n    return (\n      <Host>\n        {this.tamaraIsActive ?\n          <div class=\"tamara-product-widget\"\n               data-price={this.price}\n               data-currency={this.currency}\n               data-lang={this.language}\n               data-payment-type=\"installment\">\n          </div>\n          : ''}\n\n        {this.tabbyIsActive ?\n          <div id=\"tabbyPromoWrapper\">\n            <div id=\"tabbyPromo\"></div>\n          </div>\n          : ''}\n\n        {this.spotiiIsActive ?\n          <div class=\"spotii-wrapper\">\n            {/*No need for the price, the price already in the page, and also tammara & tabby doesn't have price */}\n            <div class=\"spotii-promo\"></div>\n          </div>\n          : ''}\n      </Host>\n    );\n  }\n\n  renderInstallments() {\n    // Tamara\n    if (this.tamaraIsActive) {\n      var script = document.createElement('script');\n      script.setAttribute('src', 'https://cdn.tamara.co/widget/product-widget.min.js');\n      document.head.appendChild(script);\n      script.onload = () => {\n        window.TamaraProductWidget.init({lang: this.language})\n        setTimeout(() => {\n          window.TamaraProductWidget.render()\n        }, 300)\n      }\n    }\n\n    // tabby\n    if (this.tabbyIsActive) {\n      var script = document.createElement('script');\n      script.setAttribute('src', 'https://checkout.tabby.ai/tabby-promo.js');\n      document.head.appendChild(script);\n      script.onload = () => {\n        const TabbyPromo = window.TabbyPromo;\n        new TabbyPromo({\n          selector: '#tabbyPromo',\n          currency: this.currency,\n          price: this.price,\n          lang: this.language,\n        });\n        document.querySelectorAll('.tabby-promo-snippet__logo').forEach(function (element) {\n          element.setAttribute('aria-label', 'Tabby Logo')\n        });\n      }\n      //this is workaround to remove the default border and add margin\n      this.removeTabbyBorder();\n    }\n\n    // Spotii\n    if (this.spotiiIsActive) {\n      let amount = salla.money((Number(this.price) / 3).toFixed(2));\n      let isRTL = salla.config.get('theme.is_rtl', true);\n      window.spotiiConfig = {\n        targetXPath: ['.spotii-wrapper'],\n        renderToPath: ['.spotii-promo'],\n        numberOfPayment: 3,\n        currency: this.currency,\n        templateLine: \"${textOne} ${number} ${textTwo} \" + amount + \"${logo} ${info}\",\n        //todo:: translate these\n        textOne: isRTL ? \"جزء الدفع على\" : \"Split it into\",\n        textTwo: isRTL ? \"أقساط متساوية بدون تكاليف اضافية بقيمة\" : \"payments of\",\n        textThree: \"مع\",\n        price: this.price,\n        // forcedShow: false,\n        // merchantID: null,\n      }\n\n      var script = document.createElement('script');\n\n      script.setAttribute('src', salla.url.cdn('js/price-widget-ar-salla.js'));\n      document.head.appendChild(script);\n      // script.onload = () => {\n      //   // setTimeout()\n      // }\n    }\n\n  }\n\n  /**\n   * this is workaround to remove the default border and add margin\n   * we will try to remove tabby border 5 times for 7.5 seconds\n   */\n  removeTabbyBorder() {\n    if (this.tabbyBorderRemoved || this.tabbyRemoveBorderTries > 5) {\n      return;\n    }\n    this.tabbyRemoveBorderTries++;\n    setTimeout(() => {\n      let promo: any = document.querySelector('#tabbyPromo>div>div');\n      promo = promo ? promo.shadowRoot.querySelector('div[class^=\"styles__tabby-promo-snippet--\"]') : null;\n      if (promo) {\n        promo.style = 'border: none; margin: 15px 0!important;';\n        this.tabbyBorderRemoved = true;\n      } else {\n        this.removeTabbyBorder();\n      }\n    }, this.tabbyRemoveBorderTries * 500)\n  }\n}\n"]}

package/dist/esm-es5/salla-loyalty-prize-item.entry.js

@@ -1,4 +1,5 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{r as registerInstance,c as createEvent,h,H as Host}from"./index-f1d446ac.js";var sallaLoyaltyPrizeItemCss="salla-loyalty-prize-item:hover{-webkit-box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.04) !important;box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.04) !important}";var SallaLoyaltyPrizeItem=function(){function t(t){registerInstance(this,t);this.prizeItemSelected=createEvent(this,"prizeItemSelected",7)}t.prototype.onPrizeItemClick=function(){this.prizeItemSelected.emit(this.item)};t.prototype.render=function(){return h(Host,null,h("div",{onClick:this.onPrizeItemClick.bind(this)},h("img",{class:"s-loyalty-prize-item-image",src:this.item.image,alt:this.item.name}),h("div",{class:"s-loyalty-prize-item-title"},this.item.name),h("div",{class:"s-loyalty-prize-item-subtitle"},this.item.description),h("div",{class:"s-loyalty-prize-item-points"},this.item.cost_points," Points")))};return t}();SallaLoyaltyPrizeItem.style=sallaLoyaltyPrizeItemCss;export{SallaLoyaltyPrizeItem as salla_loyalty_prize_item};
+import{r as registerInstance,c as createEvent,h,H as Host}from"./index-f1d446ac.js";var sallaLoyaltyPrizeItemCss="salla-loyalty-prize-item:hover{-webkit-box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.04) !important;box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.04) !important}";var SallaLoyaltyPrizeItem=function(){function t(t){registerInstance(this,t);this.prizeItemSelected=createEvent(this,"prizeItemSelected",7)}t.prototype.onPrizeItemClick=function(){this.prizeItemSelected.emit(this.item)};t.prototype.render=function(){return h(Host,null,h("div",{onClick:this.onPrizeItemClick.bind(this)},h("img",{class:"s-loyalty-prize-item-image",src:this.item.image,alt:this.item.name}),h("div",{class:"s-loyalty-prize-item-title"},this.item.name),h("div",{class:"s-loyalty-prize-item-subtitle"},this.item.description),h("div",{class:"s-loyalty-prize-item-points"},this.item.cost_points," Points")))};return t}();SallaLoyaltyPrizeItem.style=sallaLoyaltyPrizeItemCss;export{SallaLoyaltyPrizeItem as salla_loyalty_prize_item};
+//# sourceMappingURL=salla-loyalty-prize-item.entry.js.map

package/dist/esm-es5/salla-loyalty-prize-item.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/salla-loyalty/salla-loyalty-prize-item.scss?tag=salla-loyalty-prize-item","src/components/salla-loyalty/salla-loyalty-prize-item.tsx"],"names":["sallaLoyaltyPrizeItemCss","SallaLoyaltyPrizeItem","prototype","onPrizeItemClick","this","prizeItemSelected","emit","item","render","h","Host","onClick","bind","class","src","image","alt","name","description","cost_points"],"mappings":";;;oFAAA,IAAMA,yBAA2B,gKCQpBC,sBAAqB,iHAY9BA,EAAAC,UAAAC,iBAAA,WACIC,KAAKC,kBAAkBC,KAAKF,KAAKG,OAGrCN,EAAAC,UAAAM,OAAA,WACI,OACIC,EAACC,KAAI,KACDD,EAAA,MAAA,CAAKE,QAASP,KAAKD,iBAAiBS,KAAKR,OACrCK,EAAA,MAAA,CAAKI,MAAM,6BAA6BC,IAAKV,KAAKG,KAAKQ,MAAOC,IAAKZ,KAAKG,KAAKU,OAC7ER,EAAA,MAAA,CAAKI,MAAM,8BAA8BT,KAAKG,KAAKU,MACnDR,EAAA,MAAA,CAAKI,MAAM,iCAAiCT,KAAKG,KAAKW,aACtDT,EAAA,MAAA,CAAKI,MAAM,+BAA+BT,KAAKG,KAAKY,YAAW,uBAvBjD","sourcesContent":["\nsalla-loyalty-prize-item:hover {\n  box-shadow: 0 5px 15px 1px rgb(0 0 0 / 4%)!important;\n}\n\n","import { Component, h, Prop, Host, Event, EventEmitter } from '@stencil/core';\nimport { Item } from \"./loyalty-schema\"\n\n\n@Component({\n    tag: 'salla-loyalty-prize-item',\n    styleUrl: 'salla-loyalty-prize-item.scss',\n})\nexport class SallaLoyaltyPrizeItem {\n\n    /**\n     * Prize item to be displayed in this component.\n     */\n    @Prop() item: Item;\n\n    /**\n     * Event emmited when the user select this item.\n     */\n    @Event() prizeItemSelected: EventEmitter<Item>\n\n    onPrizeItemClick() {\n        this.prizeItemSelected.emit(this.item)\n    }\n\n    render() {\n        return (\n            <Host>\n                <div onClick={this.onPrizeItemClick.bind(this)}>\n                    <img class=\"s-loyalty-prize-item-image\" src={this.item.image} alt={this.item.name} />\n                    <div class=\"s-loyalty-prize-item-title\">{this.item.name}</div>\n                    <div class=\"s-loyalty-prize-item-subtitle\">{this.item.description}</div>\n                    <div class=\"s-loyalty-prize-item-points\">{this.item.cost_points} Points</div>\n                </div>\n            </Host>\n        );\n    }\n}\n"]}

package/dist/esm-es5/salla-product-options.entry.js

@@ -1,4 +1,5 @@
 var __awaiter=this&&this.__awaiter||function(t,e,n,i){function o(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,a){function r(t){try{s(i.next(t))}catch(t){a(t)}}function l(t){try{s(i["throw"](t))}catch(t){a(t)}}function s(t){t.done?n(t.value):o(t.value).then(r,l)}s((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},i,o,a,r;return r={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function l(t){return function(e){return s([t,e])}}function s(r){if(i)throw new TypeError("Generator is already executing.");while(n)try{if(i=1,o&&(a=r[0]&2?o["return"]:r[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,r[1])).done)return a;if(o=0,a)r=[r[0]&2,a.value];switch(r[0]){case 0:case 1:a=r;break;case 4:n.label++;return{value:r[1],done:false};case 5:n.label++;o=r[1];r=[0];continue;case 7:r=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(r[0]===6||r[0]===2)){n=0;continue}if(r[0]===3&&(!a||r[1]>a[0]&&r[1]<a[3])){n.label=r[1];break}if(r[0]===6&&n.label<a[1]){n.label=a[1];a=r;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(r);break}if(a[2])n.ops.pop();n.trys.pop();continue}r=e.call(t,n)}catch(t){r=[6,t];o=0}finally{i=a=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};
 /*!
  * Crafted with ❤ by Salla
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-f1d446ac.js";import{C as CameraIcon}from"./camera-647ab50f.js";var DisplayType;(function(t){t["COLOR"]="color";t["DATE"]="date";t["DATETIME"]="datetime";t["DONATION"]="donation";t["IMAGE"]="image";t["MULTIPLE_OPTIONS"]="multiple-options";t["NUMBER"]="number";t["SINGLE_OPTION"]="single-option";t["SPLITTER"]="splitter";t["TEXT"]="text";t["TEXTAREA"]="textarea";t["THUMBNAIL"]="thumbnail";t["TIME"]="time";t["RADIO"]="radio";t["CHECKBOX"]="checkbox";t["MAP"]="map";t["FILE"]="file";t["COLOR_PICKER"]="color_picker"})(DisplayType||(DisplayType={}));var Currency;(function(t){t["Sar"]="SAR"})(Currency||(Currency={}));var CheckCircleIcon='\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>check</title>\n<path d="M27.521 6.976c-0.569-0.472-1.407-0.393-1.879 0.171l-12.567 15.080-7.003-4.668c-0.615-0.411-1.441-0.244-1.849 0.369-0.409 0.612-0.244 1.441 0.369 1.849l8 5.333c0.227 0.149 0.484 0.223 0.739 0.223 0.384 0 0.763-0.165 1.027-0.48l13.333-16c0.471-0.565 0.393-1.407-0.171-1.877z"></path>\n</svg>\n';var FileIcon='\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>file-upload</title>\n<path d="M21.333 24c0.341 0 0.683-0.131 0.943-0.391 0.521-0.521 0.521-1.364 0-1.885l-5.333-5.333c-0.123-0.123-0.271-0.22-0.433-0.288-0.327-0.135-0.693-0.135-1.019 0-0.163 0.068-0.311 0.165-0.433 0.288l-5.333 5.333c-0.521 0.521-0.521 1.364 0 1.885s1.364 0.521 1.885 0l3.057-3.057v10.115c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-10.115l3.057 3.057c0.26 0.26 0.601 0.391 0.943 0.391zM28.943 9.724l-9.333-9.333c-0.249-0.251-0.589-0.391-0.943-0.391h-12c-2.205 0-4 1.795-4 4v24c0 2.205 1.795 4 4 4h4c0.736 0 1.333-0.597 1.333-1.333s-0.597-1.333-1.333-1.333h-4c-0.735 0-1.333-0.599-1.333-1.333v-24c0-0.735 0.599-1.333 1.333-1.333h11.448l8.552 8.552v16.781c0 0.735-0.599 1.333-1.333 1.333h-4c-0.736 0-1.333 0.597-1.333 1.333s0.597 1.333 1.333 1.333h4c2.205 0 4-1.795 4-4v-17.333c0-0.353-0.14-0.693-0.391-0.943z"></path>\n</svg>\n';var sallaProductOptionsCss="";var SallaProductOptions=function(){function t(t){var e=this;registerInstance(this,t);this.changed=createEvent(this,"changed",7);this.fileTypes={pdf:"application/pdf",png:"image/png",jpg:"image/jpeg",word:"application/doc,application/ms-doc,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document",exl:"application/excel,application/vnd.ms-excel,application/x-excel,application/x-msexcel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",txt:"text/plain"};this.outOfStockText="";this.donationAmount=salla.lang.get("pages.products.donation_amount");this.selectedOptions=[];this.outSkus=[];this.productId=salla.config.get("page.id");this.canDisabled=!salla.config.get("store.settings.products.notify_options_availability");salla.lang.onLoaded((function(){e.outOfStockText=salla.lang.get("pages.products.out_of_stock");e.donationAmount=salla.lang.get("pages.products.donation_amount")}));if(this.options){try{this.setOptionsData(JSON.parse(this.options));return}catch(t){salla.log("Bad json passed via options prop")}}if(!Array.isArray(this.optionsData)){salla.log("Options is not an array[] ---\x3e ",this.optionsData);this.setOptionsData([])}if(this.productId&&!salla.url.is_page("cart")){salla.api.product.getDetails(this.productId,["options"]).then((function(t){return e.setOptionsData(t.data.options)}))}}t.prototype.setOptionsData=function(t){var e,n;this.optionsData=t;var i=this;(n=(e=this.optionsData[0])===null||e===void 0?void 0:e.details)===null||n===void 0?void 0:n.forEach((function(t){Object.entries(t.skus_availability||{}).filter((function(t){return!t[1]})).map((function(t){return i.outSkus.push(Number(t[0]))}))}))};t.prototype.getSelectedOptionsData=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(n){t={};e=this.host.getElementSallaData();e.forEach((function(e,n){n.startsWith("options[")&&(t[n.replace("options[","").replace("]","")]=e)}));return[2,t]}))}))};t.prototype.reportValidity=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,n;return __generator(this,(function(i){t=this.host.querySelectorAll("[required]");e=true;for(n=0;n<t.length;n++){if("reportValidity"in t[n]&&!t[n].reportValidity()){e=false}}return[2,e]}))}))};t.prototype.hasOutOfStockOption=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){return[2,this.selectedOptions.some((function(t){return t.is_out}))||this.selectedSkus.length&&this.selectedSkus.every((function(e){return t.outSkus.includes(e)}))]}))}))};t.prototype.getSelectedOptions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.selectedOptions]}))}))};t.prototype.getOption=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.optionsData.find((function(e){return e.id===t}))]}))}))};t.prototype.invalidHandler=function(t,e){var n=t.target.closest(".s-product-options-option");if(!salla.url.is_page("cart")){n.scrollIntoView({behavior:"smooth",block:"center"})}n.classList.add("s-product-options-option-error")};t.prototype.changedHandler=function(t,e){var n={event:t,option:e,detail:null};if(e.details){var i=e.details.find((function(e){return Number(e.id)===Number(t.target.value)}));n.detail=i}var o=t.target.closest(".s-product-options-option");if(t.target.value||(e.type==DisplayType.FILE||e.type==DisplayType.IMAGE)&&t.type==="added"||e.type==DisplayType.MAP&&t.type==="selected"&&(t.target.lat&&t.target.lng)){setTimeout((function(){o.classList.remove("s-product-options-option-error")}),200)}var a=this.selectedOptions.findIndex((function(t){return t.option_id===n.option.id}));a>-1?this.selectedOptions[a]=Object.assign(Object.assign({},n.detail),{option_id:n.option.id}):this.selectedOptions.push(Object.assign(Object.assign({},n.detail),{option_id:n.option.id}));this.setSelectedSkus();this.handleRequiredMultipleOptions(e);this.changed.emit(n);salla.event.emit("product-options::change",n)};t.prototype.setSelectedSkus=function(){this.selectedSkus=this.selectedOptions.map((function(t){return Object.keys(t.skus_availability||{})})).reduce((function(t,e){return t.filter((function(t){return e.includes(t)}))})).map((function(t){return Number(t)}))};t.prototype.handleRequiredMultipleOptions=function(t){if(t.type!==DisplayType.MULTIPLE_OPTIONS||!t.required){return}var e=this.host.querySelector('[data-option-id="'.concat(t.id,'"]'));var n=e.querySelectorAll("input:checked").length;e.querySelectorAll("input").forEach((function(t){return t.toggleAttribute("required",!n)}))};t.prototype.getLatLng=function(t,e){return t?t.split(",")[e=="lat"?0:1]:""};t.prototype.getDisplayForType=function(t){if(this["".concat(t.type,"Option")]){return this["".concat(t.type,"Option")](t)}if(t.type===DisplayType.COLOR_PICKER){return this.colorPickerOption(t)}if(t.type===DisplayType.MULTIPLE_OPTIONS){return this.multipleOptions(t)}if(t.type===DisplayType.SINGLE_OPTION){return this.singleOption(t)}salla.log("Couldn't find options type(".concat(t.type,")😢"));return""};t.prototype.getOptionShownWhen=function(t){return t.visibility_condition?{"data-show-when":"options[".concat(t.visibility_condition.option,"] ").concat(t.visibility_condition.operator," ").concat(t.visibility_condition.value)}:{}};t.prototype.componentWillLoad=function(){this.outOfStockText=salla.lang.get("pages.products.out_of_stock");return salla.api.cart.getCurrentCartId()};t.prototype.render=function(){var t=this;var e;if(((e=this.optionsData)===null||e===void 0?void 0:e.length)==0){return}return h(Host,{class:"s-product-options-wrapper"},h("salla-conditional-fields",null,this.optionsData.map((function(e){return h("div",Object.assign({class:"s-product-options-option-container".concat(e.visibility_condition?" hidden":""),"data-option-id":e.id},t.getOptionShownWhen(e)),e.name=="splitter"?t.splitterOption():h("div",{class:"s-product-options-option","data-option-type":e.type,"data-option-required":"".concat(e.required)},h("label",{htmlFor:"options["+e.id+"]",class:"s-product-options-option-label"},h("b",null,e.name,e.required&&h("span",null," * ")," "),h("small",null,e.placeholder)),h("div",{class:"s-product-options-option-content"},t.getDisplayForType(e))))}))))};t.prototype.donationOption=function(t,e){var n=this;return h("div",{class:"s-product-options-donation-wrapper"},t.donation?h("div",{class:"s-product-options-donation-progress"},h("salla-progress-bar",{donation:t.donation})):"",h("div",{class:"s-product-options-donation-input-group"},h("input",{type:"text",id:"donating-amount",name:"donating_amount",class:"s-form-control",value:t.value,required:true,placeholder:t.placeholder,onInput:function(t){return salla.helpers.inputDigitsOnly(t.target)},onBlur:function(e){return n.changedHandler(e,t)},onInvalid:function(e){return n.invalidHandler(e,t)}}),h("span",{class:"s-product-options-donation-amount-currency"},salla.config.currency(salla.config.get("user.currency_code")).symbol)))};t.prototype.fileUploader=function(t,e){var n=this;if(e===void 0){e=null}return h("salla-file-upload",Object.assign({},e||{},{"payload-name":"file",value:t.value,"instant-upload":true,name:"options[".concat(t.id,"]"),required:t.required,height:"120px",onAdded:function(e){return n.changedHandler(e,t)},url:salla.cart.api.getUploadImageEndpoint(),"form-data":{cart_item_id:this.productId,product_id:this.productId},onInvalidInput:function(e){return n.invalidHandler(e,t)},class:{"s-product-options-image-input":true,required:t.required}}),h("div",{class:"s-product-options-filepond-placeholder"},h("span",{class:"s-product-options-filepond-placeholder-icon",innerHTML:e.accept&&e.accept.split(",").every((function(t){return t.includes("image")}))?CameraIcon:FileIcon}),h("p",{class:"s-product-options-filepond-placeholder-text"},salla.lang.get("common.uploader.drag_and_drop")),h("span",{class:"filepond--label-action"},salla.lang.get("common.uploader.browse"))))};t.prototype.imageOption=function(t){return this.fileUploader(t,{accept:"image/png,image/jpeg,image/jpg,image/gif"})};t.prototype.fileOption=function(t){var e=this;var n=t.details.map((function(t){return e.fileTypes[t.name]})).filter(Boolean);return(n===null||n===void 0?void 0:n.length)?this.fileUploader(t,{accept:n.join(",")}):"File types not selected."};t.prototype.numberOption=function(t){var e=this;return h("input",{type:"text",value:t.value,class:"s-form-control",required:t.required,name:"options[".concat(t.id,"]"),placeholder:t.placeholder,onBlur:function(n){return e.changedHandler(n,t)},onInvalid:function(n){return e.invalidHandler(n,t)},onInput:function(t){return salla.helpers.inputDigitsOnly(t.target)}})};t.prototype.splitterOption=function(){return h("div",{class:"s-product-options-splitter"})};t.prototype.textOption=function(t){var e=this;return h("div",{class:"s-product-options-text"},h("input",{type:"text",value:t.value,class:"s-form-control",required:t.required,name:"options[".concat(t.id,"]"),placeholder:t.placeholder,onInvalid:function(n){return e.invalidHandler(n,t)},onInput:function(n){return e.changedHandler(n,t)}}))};t.prototype.textareaOption=function(t){var e=this;return h("div",{class:"s-product-options-textarea"},h("div",{class:"mt-1"},h("textarea",{rows:4,value:t.value,class:"s-form-control",required:t.required,id:"options[".concat(t.id,"]"),name:"options[".concat(t.id,"]"),placeholder:t.placeholder,onInvalid:function(n){return e.invalidHandler(n,t)},onInput:function(n){return e.changedHandler(n,t)}})))};t.prototype.mapOption=function(t){var e=this;return h("salla-map",{zoom:15,lat:this.getLatLng(t.value,"lat"),lng:this.getLatLng(t.value,"lng"),name:"options[".concat(t.id,"]"),searchable:true,required:t.required,onInvalidInput:function(n){return e.invalidHandler(n,t)},onSelected:function(n){return e.changedHandler(n,t)}})};t.prototype.colorPickerOption=function(t){var e=this;return h("salla-color-picker",{onSubmitted:function(n){return e.changedHandler(n,t)},name:"options[".concat(t.id,"]"),required:t.required,onInvalidInput:function(n){return e.invalidHandler(n,t)},color:t.value})};t.prototype.timeOption=function(t){var e=this;return h("salla-datetime-picker",{noCalendar:true,enableTime:true,dateFormat:"h:i K",value:t.value,placeholder:t.name,required:t.required,name:"options[".concat(t.id,"]"),class:"s-product-options-time-element",onInvalidInput:function(n){return e.invalidHandler(n,t)},onPicked:function(n){return e.changedHandler(n,t)}})};t.prototype.dateOption=function(t){var e=this;return h("div",{class:"s-product-options-date-element"},h("salla-datetime-picker",{value:t.value,placeholder:t.name,required:t.required,minDate:new Date,name:"options[".concat(t.id,"]"),onInvalidInput:function(n){return e.invalidHandler(n,t)},onPicked:function(n){return e.changedHandler(n,t)}}))};t.prototype.datetimeOption=function(t){var e=this;return h("div",{class:"s-product-options-datetime-element"},h("salla-datetime-picker",{enableTime:true,value:t.value,dateFormat:"Y-m-d G:i:K",placeholder:t.name,required:t.required,name:"options[".concat(t.id,"]"),maxDate:t.to_date_time,minDate:t.from_date_time,onInvalidInput:function(n){return e.invalidHandler(n,t)},onPicked:function(n){return e.changedHandler(n,t)}}))};t.prototype.getOptionDetailName=function(t,e,n){if(e===void 0){e=true}if(n&&n==DisplayType.COLOR){return t.name+(e&&this.isOptionDetailOut(t)?" <br/> <p> ".concat(this.outOfStockText," </p>"):"")+(t.additional_price?" <p> (".concat(salla.money(t.additional_price),") </p>"):"")}return t.name+(e&&this.isOptionDetailOut(t)?" - ".concat(this.outOfStockText):"")+(t.additional_price?" (".concat(salla.money(t.additional_price),")"):"")};t.prototype.isOptionDetailOut=function(t){var e=this;var n;if(t.is_out||!t.skus_availability||!((n=this.selectedSkus)===null||n===void 0?void 0:n.length)){return t.is_out}var i=this.selectedOptions.filter((function(e){return e.id==t.id})).length;if(i&&this.selectedOptions.length==1){return false}if(i){var o=this.selectedSkus.filter((function(t){return e.outSkus.includes(t)}));return Object.keys(t.skus_availability).some((function(t){return o.includes(Number(t))}))}return this.selectedOptions.some((function(e){return e.is_out&&e.option_id!==t.option_id}))};t.prototype.singleOption=function(t){var e=this;return h("div",null,h("select",{name:"options[".concat(t.id,"]"),required:t.required,class:"s-form-control",onInvalid:function(n){return e.invalidHandler(n,t)},onChange:function(n){return e.changedHandler(n,t)}},h("option",{value:""},t.placeholder),t===null||t===void 0?void 0:t.details.map((function(t){return h("option",{value:t.id,disabled:e.canDisabled&&e.isOptionDetailOut(t),selected:t.is_selected},e.getOptionDetailName(t))}))))};t.prototype.multipleOptions=function(t){var e=this;return h("div",{class:{"s-product-options-multiple-options-wrapper":true,required:t.required}},t===null||t===void 0?void 0:t.details.map((function(n){return h("div",null,h("input",{type:"checkbox",value:n.id,disabled:e.isOptionDetailOut(n),checked:n.is_selected,required:t.required,name:"options[".concat(t.id,"][]"),id:"field-".concat(t.id,"-").concat(n.id),onChange:function(n){return e.changedHandler(n,t)},onInvalid:function(n){return e.invalidHandler(n,t)},"aria-describedby":"options[".concat(t.id,"]-description")}),h("label",{htmlFor:"field-".concat(t.id,"-").concat(n.id)},e.getOptionDetailName(n)))})))};t.prototype.colorOption=function(t){var e=this;return h("fieldset",{class:"s-product-options-colors-wrapper"},t===null||t===void 0?void 0:t.details.map((function(n){return h("div",{class:"s-product-options-colors-item"},h("input",{type:"radio",value:n.id,required:t.required,checked:n.is_selected,name:"options[".concat(t.id,"]"),disabled:e.canDisabled&&e.isOptionDetailOut(n),id:"color-".concat(e.productId,"-").concat(t.id,"-").concat(n.id),onInvalid:function(n){return e.invalidHandler(n,t)},onChange:function(n){return e.changedHandler(n,t)}}),h("label",{htmlFor:"color-".concat(e.productId,"-").concat(t.id,"-").concat(n.id)},h("span",{style:{"background-color":n.color}}),h("div",{innerHTML:e.getOptionDetailName(n,true,t.type)})))})))};t.prototype.thumbnailOption=function(t){var e=this;return h("div",{class:"s-product-options-thumbnails-wrapper"},t.details.map((function(n){return h("div",null,h("input",{type:"radio",value:n.id,"data-itemid":n.id,required:t.required,checked:n.is_selected,name:"options[".concat(t.id,"]"),"data-img-id":n.option_value,disabled:e.canDisabled&&e.isOptionDetailOut(n),id:"option_".concat(e.productId,"-").concat(t.id,"_").concat(n.id),onInvalid:function(n){return e.invalidHandler(n,t)},onChange:function(n){return e.changedHandler(n,t)}}),h("label",{htmlFor:"option_".concat(e.productId,"-").concat(t.id,"_").concat(n.id),"data-img-id":n.option_value,class:"go-to-slide"},h("img",{"data-src":n.image,src:n.image,title:n.name,alt:n.name}),h("span",{innerHTML:CheckCircleIcon,class:"s-product-options-thumbnails-icon"}),e.isOptionDetailOut(n)?[h("small",{class:"s-product-options-thumbnails-stock-badge"},e.outOfStockText),e.canDisabled?h("div",{class:"s-product-options-thumbnails-badge-overlay"}):""]:""),h("p",null,e.getOptionDetailName(n,false)," "))})))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();SallaProductOptions.style=sallaProductOptionsCss;export{SallaProductOptions as salla_product_options};
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-f1d446ac.js";import{C as CameraIcon}from"./camera-647ab50f.js";var DisplayType;(function(t){t["COLOR"]="color";t["DATE"]="date";t["DATETIME"]="datetime";t["DONATION"]="donation";t["IMAGE"]="image";t["MULTIPLE_OPTIONS"]="multiple-options";t["NUMBER"]="number";t["SINGLE_OPTION"]="single-option";t["SPLITTER"]="splitter";t["TEXT"]="text";t["TEXTAREA"]="textarea";t["THUMBNAIL"]="thumbnail";t["TIME"]="time";t["RADIO"]="radio";t["CHECKBOX"]="checkbox";t["MAP"]="map";t["FILE"]="file";t["COLOR_PICKER"]="color_picker"})(DisplayType||(DisplayType={}));var Currency;(function(t){t["Sar"]="SAR"})(Currency||(Currency={}));var CheckCircleIcon='\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>check</title>\n<path d="M27.521 6.976c-0.569-0.472-1.407-0.393-1.879 0.171l-12.567 15.080-7.003-4.668c-0.615-0.411-1.441-0.244-1.849 0.369-0.409 0.612-0.244 1.441 0.369 1.849l8 5.333c0.227 0.149 0.484 0.223 0.739 0.223 0.384 0 0.763-0.165 1.027-0.48l13.333-16c0.471-0.565 0.393-1.407-0.171-1.877z"></path>\n</svg>\n';var FileIcon='\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>file-upload</title>\n<path d="M21.333 24c0.341 0 0.683-0.131 0.943-0.391 0.521-0.521 0.521-1.364 0-1.885l-5.333-5.333c-0.123-0.123-0.271-0.22-0.433-0.288-0.327-0.135-0.693-0.135-1.019 0-0.163 0.068-0.311 0.165-0.433 0.288l-5.333 5.333c-0.521 0.521-0.521 1.364 0 1.885s1.364 0.521 1.885 0l3.057-3.057v10.115c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-10.115l3.057 3.057c0.26 0.26 0.601 0.391 0.943 0.391zM28.943 9.724l-9.333-9.333c-0.249-0.251-0.589-0.391-0.943-0.391h-12c-2.205 0-4 1.795-4 4v24c0 2.205 1.795 4 4 4h4c0.736 0 1.333-0.597 1.333-1.333s-0.597-1.333-1.333-1.333h-4c-0.735 0-1.333-0.599-1.333-1.333v-24c0-0.735 0.599-1.333 1.333-1.333h11.448l8.552 8.552v16.781c0 0.735-0.599 1.333-1.333 1.333h-4c-0.736 0-1.333 0.597-1.333 1.333s0.597 1.333 1.333 1.333h4c2.205 0 4-1.795 4-4v-17.333c0-0.353-0.14-0.693-0.391-0.943z"></path>\n</svg>\n';var sallaProductOptionsCss="";var SallaProductOptions=function(){function t(t){var e=this;registerInstance(this,t);this.changed=createEvent(this,"changed",7);this.fileTypes={pdf:"application/pdf",png:"image/png",jpg:"image/jpeg",word:"application/doc,application/ms-doc,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document",exl:"application/excel,application/vnd.ms-excel,application/x-excel,application/x-msexcel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",txt:"text/plain"};this.outOfStockText="";this.donationAmount=salla.lang.get("pages.products.donation_amount");this.selectedOptions=[];this.outSkus=[];this.productId=salla.config.get("page.id");this.canDisabled=!salla.config.get("store.settings.products.notify_options_availability");salla.lang.onLoaded((function(){e.outOfStockText=salla.lang.get("pages.products.out_of_stock");e.donationAmount=salla.lang.get("pages.products.donation_amount")}));if(this.options){try{this.setOptionsData(JSON.parse(this.options));return}catch(t){salla.log("Bad json passed via options prop")}}if(!Array.isArray(this.optionsData)){salla.log("Options is not an array[] ---\x3e ",this.optionsData);this.setOptionsData([])}if(this.productId&&!salla.url.is_page("cart")){salla.api.product.getDetails(this.productId,["options"]).then((function(t){return e.setOptionsData(t.data.options)}))}}t.prototype.setOptionsData=function(t){var e,n;this.optionsData=t;var i=this;(n=(e=this.optionsData[0])===null||e===void 0?void 0:e.details)===null||n===void 0?void 0:n.forEach((function(t){Object.entries(t.skus_availability||{}).filter((function(t){return!t[1]})).map((function(t){return i.outSkus.push(Number(t[0]))}))}))};t.prototype.getSelectedOptionsData=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(n){t={};e=this.host.getElementSallaData();e.forEach((function(e,n){n.startsWith("options[")&&(t[n.replace("options[","").replace("]","")]=e)}));return[2,t]}))}))};t.prototype.reportValidity=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,n;return __generator(this,(function(i){t=this.host.querySelectorAll("[required]");e=true;for(n=0;n<t.length;n++){if("reportValidity"in t[n]&&!t[n].reportValidity()){e=false}}return[2,e]}))}))};t.prototype.hasOutOfStockOption=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){return[2,this.selectedOptions.some((function(t){return t.is_out}))||this.selectedSkus.length&&this.selectedSkus.every((function(e){return t.outSkus.includes(e)}))]}))}))};t.prototype.getSelectedOptions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.selectedOptions]}))}))};t.prototype.getOption=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.optionsData.find((function(e){return e.id===t}))]}))}))};t.prototype.invalidHandler=function(t,e){var n=t.target.closest(".s-product-options-option");if(!salla.url.is_page("cart")){n.scrollIntoView({behavior:"smooth",block:"center"})}n.classList.add("s-product-options-option-error")};t.prototype.changedHandler=function(t,e){var n={event:t,option:e,detail:null};if(e.details){var i=e.details.find((function(e){return Number(e.id)===Number(t.target.value)}));n.detail=i}var o=t.target.closest(".s-product-options-option");if(t.target.value||(e.type==DisplayType.FILE||e.type==DisplayType.IMAGE)&&t.type==="added"||e.type==DisplayType.MAP&&t.type==="selected"&&(t.target.lat&&t.target.lng)){setTimeout((function(){o.classList.remove("s-product-options-option-error")}),200)}var a=this.selectedOptions.findIndex((function(t){return t.option_id===n.option.id}));a>-1?this.selectedOptions[a]=Object.assign(Object.assign({},n.detail),{option_id:n.option.id}):this.selectedOptions.push(Object.assign(Object.assign({},n.detail),{option_id:n.option.id}));this.setSelectedSkus();this.handleRequiredMultipleOptions(e);this.changed.emit(n);salla.event.emit("product-options::change",n)};t.prototype.setSelectedSkus=function(){this.selectedSkus=this.selectedOptions.map((function(t){return Object.keys(t.skus_availability||{})})).reduce((function(t,e){return t.filter((function(t){return e.includes(t)}))})).map((function(t){return Number(t)}))};t.prototype.handleRequiredMultipleOptions=function(t){if(t.type!==DisplayType.MULTIPLE_OPTIONS||!t.required){return}var e=this.host.querySelector('[data-option-id="'.concat(t.id,'"]'));var n=e.querySelectorAll("input:checked").length;e.querySelectorAll("input").forEach((function(t){return t.toggleAttribute("required",!n)}))};t.prototype.getLatLng=function(t,e){return t?t.split(",")[e=="lat"?0:1]:""};t.prototype.getDisplayForType=function(t){if(this["".concat(t.type,"Option")]){return this["".concat(t.type,"Option")](t)}if(t.type===DisplayType.COLOR_PICKER){return this.colorPickerOption(t)}if(t.type===DisplayType.MULTIPLE_OPTIONS){return this.multipleOptions(t)}if(t.type===DisplayType.SINGLE_OPTION){return this.singleOption(t)}salla.log("Couldn't find options type(".concat(t.type,")😢"));return""};t.prototype.getOptionShownWhen=function(t){return t.visibility_condition?{"data-show-when":"options[".concat(t.visibility_condition.option,"] ").concat(t.visibility_condition.operator," ").concat(t.visibility_condition.value)}:{}};t.prototype.componentWillLoad=function(){this.outOfStockText=salla.lang.get("pages.products.out_of_stock");return salla.api.cart.getCurrentCartId()};t.prototype.render=function(){var t=this;var e;if(((e=this.optionsData)===null||e===void 0?void 0:e.length)==0){return}return h(Host,{class:"s-product-options-wrapper"},h("salla-conditional-fields",null,this.optionsData.map((function(e){return h("div",Object.assign({class:"s-product-options-option-container".concat(e.visibility_condition?" hidden":""),"data-option-id":e.id},t.getOptionShownWhen(e)),e.name=="splitter"?t.splitterOption():h("div",{class:"s-product-options-option","data-option-type":e.type,"data-option-required":"".concat(e.required)},h("label",{htmlFor:"options["+e.id+"]",class:"s-product-options-option-label"},h("b",null,e.name,e.required&&h("span",null," * ")," "),h("small",null,e.placeholder)),h("div",{class:"s-product-options-option-content"},t.getDisplayForType(e))))}))))};t.prototype.donationOption=function(t,e){var n=this;return h("div",{class:"s-product-options-donation-wrapper"},t.donation?h("div",{class:"s-product-options-donation-progress"},h("salla-progress-bar",{donation:t.donation})):"",h("div",{class:"s-product-options-donation-input-group"},h("input",{type:"text",id:"donating-amount",name:"donating_amount",class:"s-form-control",value:t.value,required:true,placeholder:t.placeholder,onInput:function(t){return salla.helpers.inputDigitsOnly(t.target)},onBlur:function(e){return n.changedHandler(e,t)},onInvalid:function(e){return n.invalidHandler(e,t)}}),h("span",{class:"s-product-options-donation-amount-currency"},salla.config.currency(salla.config.get("user.currency_code")).symbol)))};t.prototype.fileUploader=function(t,e){var n=this;if(e===void 0){e=null}return h("salla-file-upload",Object.assign({},e||{},{"payload-name":"file",value:t.value,"instant-upload":true,name:"options[".concat(t.id,"]"),required:t.required,height:"120px",onAdded:function(e){return n.changedHandler(e,t)},url:salla.cart.api.getUploadImageEndpoint(),"form-data":{cart_item_id:this.productId,product_id:this.productId},onInvalidInput:function(e){return n.invalidHandler(e,t)},class:{"s-product-options-image-input":true,required:t.required}}),h("div",{class:"s-product-options-filepond-placeholder"},h("span",{class:"s-product-options-filepond-placeholder-icon",innerHTML:e.accept&&e.accept.split(",").every((function(t){return t.includes("image")}))?CameraIcon:FileIcon}),h("p",{class:"s-product-options-filepond-placeholder-text"},salla.lang.get("common.uploader.drag_and_drop")),h("span",{class:"filepond--label-action"},salla.lang.get("common.uploader.browse"))))};t.prototype.imageOption=function(t){return this.fileUploader(t,{accept:"image/png,image/jpeg,image/jpg,image/gif"})};t.prototype.fileOption=function(t){var e=this;var n=t.details.map((function(t){return e.fileTypes[t.name]})).filter(Boolean);return(n===null||n===void 0?void 0:n.length)?this.fileUploader(t,{accept:n.join(",")}):"File types not selected."};t.prototype.numberOption=function(t){var e=this;return h("input",{type:"text",value:t.value,class:"s-form-control",required:t.required,name:"options[".concat(t.id,"]"),placeholder:t.placeholder,onBlur:function(n){return e.changedHandler(n,t)},onInvalid:function(n){return e.invalidHandler(n,t)},onInput:function(t){return salla.helpers.inputDigitsOnly(t.target)}})};t.prototype.splitterOption=function(){return h("div",{class:"s-product-options-splitter"})};t.prototype.textOption=function(t){var e=this;return h("div",{class:"s-product-options-text"},h("input",{type:"text",value:t.value,class:"s-form-control",required:t.required,name:"options[".concat(t.id,"]"),placeholder:t.placeholder,onInvalid:function(n){return e.invalidHandler(n,t)},onInput:function(n){return e.changedHandler(n,t)}}))};t.prototype.textareaOption=function(t){var e=this;return h("div",{class:"s-product-options-textarea"},h("div",{class:"mt-1"},h("textarea",{rows:4,value:t.value,class:"s-form-control",required:t.required,id:"options[".concat(t.id,"]"),name:"options[".concat(t.id,"]"),placeholder:t.placeholder,onInvalid:function(n){return e.invalidHandler(n,t)},onInput:function(n){return e.changedHandler(n,t)}})))};t.prototype.mapOption=function(t){var e=this;return h("salla-map",{zoom:15,lat:this.getLatLng(t.value,"lat"),lng:this.getLatLng(t.value,"lng"),name:"options[".concat(t.id,"]"),searchable:true,required:t.required,onInvalidInput:function(n){return e.invalidHandler(n,t)},onSelected:function(n){return e.changedHandler(n,t)}})};t.prototype.colorPickerOption=function(t){var e=this;return h("salla-color-picker",{onSubmitted:function(n){return e.changedHandler(n,t)},name:"options[".concat(t.id,"]"),required:t.required,onInvalidInput:function(n){return e.invalidHandler(n,t)},color:t.value})};t.prototype.timeOption=function(t){var e=this;return h("salla-datetime-picker",{noCalendar:true,enableTime:true,dateFormat:"h:i K",value:t.value,placeholder:t.name,required:t.required,name:"options[".concat(t.id,"]"),class:"s-product-options-time-element",onInvalidInput:function(n){return e.invalidHandler(n,t)},onPicked:function(n){return e.changedHandler(n,t)}})};t.prototype.dateOption=function(t){var e=this;return h("div",{class:"s-product-options-date-element"},h("salla-datetime-picker",{value:t.value,placeholder:t.name,required:t.required,minDate:new Date,name:"options[".concat(t.id,"]"),onInvalidInput:function(n){return e.invalidHandler(n,t)},onPicked:function(n){return e.changedHandler(n,t)}}))};t.prototype.datetimeOption=function(t){var e=this;return h("div",{class:"s-product-options-datetime-element"},h("salla-datetime-picker",{enableTime:true,value:t.value,dateFormat:"Y-m-d G:i:K",placeholder:t.name,required:t.required,name:"options[".concat(t.id,"]"),maxDate:t.to_date_time,minDate:t.from_date_time,onInvalidInput:function(n){return e.invalidHandler(n,t)},onPicked:function(n){return e.changedHandler(n,t)}}))};t.prototype.getOptionDetailName=function(t,e,n){if(e===void 0){e=true}if(n&&n==DisplayType.COLOR){return t.name+(e&&this.isOptionDetailOut(t)?" <br/> <p> ".concat(this.outOfStockText," </p>"):"")+(t.additional_price?" <p> (".concat(salla.money(t.additional_price),") </p>"):"")}return t.name+(e&&this.isOptionDetailOut(t)?" - ".concat(this.outOfStockText):"")+(t.additional_price?" (".concat(salla.money(t.additional_price),")"):"")};t.prototype.isOptionDetailOut=function(t){var e=this;var n;if(t.is_out||!t.skus_availability||!((n=this.selectedSkus)===null||n===void 0?void 0:n.length)){return t.is_out}var i=this.selectedOptions.filter((function(e){return e.id==t.id})).length;if(i&&this.selectedOptions.length==1){return false}if(i){var o=this.selectedSkus.filter((function(t){return e.outSkus.includes(t)}));return Object.keys(t.skus_availability).some((function(t){return o.includes(Number(t))}))}return this.selectedOptions.some((function(e){return e.is_out&&e.option_id!==t.option_id}))};t.prototype.singleOption=function(t){var e=this;return h("div",null,h("select",{name:"options[".concat(t.id,"]"),required:t.required,class:"s-form-control",onInvalid:function(n){return e.invalidHandler(n,t)},onChange:function(n){return e.changedHandler(n,t)}},h("option",{value:""},t.placeholder),t===null||t===void 0?void 0:t.details.map((function(t){return h("option",{value:t.id,disabled:e.canDisabled&&e.isOptionDetailOut(t),selected:t.is_selected},e.getOptionDetailName(t))}))))};t.prototype.multipleOptions=function(t){var e=this;return h("div",{class:{"s-product-options-multiple-options-wrapper":true,required:t.required}},t===null||t===void 0?void 0:t.details.map((function(n){return h("div",null,h("input",{type:"checkbox",value:n.id,disabled:e.isOptionDetailOut(n),checked:n.is_selected,required:t.required,name:"options[".concat(t.id,"][]"),id:"field-".concat(t.id,"-").concat(n.id),onChange:function(n){return e.changedHandler(n,t)},onInvalid:function(n){return e.invalidHandler(n,t)},"aria-describedby":"options[".concat(t.id,"]-description")}),h("label",{htmlFor:"field-".concat(t.id,"-").concat(n.id)},e.getOptionDetailName(n)))})))};t.prototype.colorOption=function(t){var e=this;return h("fieldset",{class:"s-product-options-colors-wrapper"},t===null||t===void 0?void 0:t.details.map((function(n){return h("div",{class:"s-product-options-colors-item"},h("input",{type:"radio",value:n.id,required:t.required,checked:n.is_selected,name:"options[".concat(t.id,"]"),disabled:e.canDisabled&&e.isOptionDetailOut(n),id:"color-".concat(e.productId,"-").concat(t.id,"-").concat(n.id),onInvalid:function(n){return e.invalidHandler(n,t)},onChange:function(n){return e.changedHandler(n,t)}}),h("label",{htmlFor:"color-".concat(e.productId,"-").concat(t.id,"-").concat(n.id)},h("span",{style:{"background-color":n.color}}),h("div",{innerHTML:e.getOptionDetailName(n,true,t.type)})))})))};t.prototype.thumbnailOption=function(t){var e=this;return h("div",{class:"s-product-options-thumbnails-wrapper"},t.details.map((function(n){return h("div",null,h("input",{type:"radio",value:n.id,"data-itemid":n.id,required:t.required,checked:n.is_selected,name:"options[".concat(t.id,"]"),"data-img-id":n.option_value,disabled:e.canDisabled&&e.isOptionDetailOut(n),id:"option_".concat(e.productId,"-").concat(t.id,"_").concat(n.id),onInvalid:function(n){return e.invalidHandler(n,t)},onChange:function(n){return e.changedHandler(n,t)}}),h("label",{htmlFor:"option_".concat(e.productId,"-").concat(t.id,"_").concat(n.id),"data-img-id":n.option_value,class:"go-to-slide"},h("img",{"data-src":n.image,src:n.image,title:n.name,alt:n.name}),h("span",{innerHTML:CheckCircleIcon,class:"s-product-options-thumbnails-icon"}),e.isOptionDetailOut(n)?[h("small",{class:"s-product-options-thumbnails-stock-badge"},e.outOfStockText),e.canDisabled?h("div",{class:"s-product-options-thumbnails-badge-overlay"}):""]:""),h("p",null,e.getOptionDetailName(n,false)," "))})))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();SallaProductOptions.style=sallaProductOptionsCss;export{SallaProductOptions as salla_product_options};
+//# sourceMappingURL=salla-product-options.entry.js.map

package/dist/esm-es5/salla-product-options.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/salla-product-options/interfaces.ts","src/components/salla-product-options/salla-product-options.scss?tag=salla-product-options","src/components/salla-product-options/salla-product-options.tsx"],"names":["DisplayType","Currency","sallaProductOptionsCss","SallaProductOptions","class_1","hostRef","_this","this","fileTypes","pdf","png","jpg","word","exl","txt","outOfStockText","donationAmount","salla","lang","get","selectedOptions","outSkus","productId","config","canDisabled","onLoaded","options","setOptionsData","JSON","parse","e","log","Array","isArray","optionsData","url","is_page","api","product","getDetails","then","resp","data","prototype","that","_b","_a","details","forEach","detail","Object","entries","skus_availability","filter","sku","map","push","Number","getSelectedOptionsData","formData","host","getElementSallaData","value","key","startsWith","replace","reportValidity","requiredElements","querySelectorAll","pass","i","length","hasOutOfStockOption","some","option","is_out","selectedSkus","every","includes","getSelectedOptions","getOption","option_id","find","id","invalidHandler","event","closestProductOption","target","closest","scrollIntoView","behavior","block","classList","add","changedHandler","optionElement","type","FILE","IMAGE","MAP","lat","lng","setTimeout","remove","index","findIndex","assign","setSelectedSkus","handleRequiredMultipleOptions","changed","emit","keys","reduce","p","c","MULTIPLE_OPTIONS","required","optionContainer","querySelector","concat","hasChecked","input","toggleAttribute","getLatLng","split","getDisplayForType","COLOR_PICKER","colorPickerOption","multipleOptions","SINGLE_OPTION","singleOption","getOptionShownWhen","visibility_condition","data-show-when","operator","componentWillLoad","cart","getCurrentCartId","render","h","Host","class","data-option-id","name","splitterOption","data-option-type","data-option-required","htmlFor","placeholder","donationOption","donation","onInput","helpers","inputDigitsOnly","onBlur","onInvalid","currency","symbol","fileUploader","additions","payload-name","instant-upload","height","onAdded","getUploadImageEndpoint","form-data","cart_item_id","product_id","onInvalidInput","s-product-options-image-input","innerHTML","accept","CameraIcon","FileIcon","imageOption","fileOption","types","Boolean","join","numberOption","textOption","textareaOption","rows","mapOption","zoom","searchable","onSelected","onSubmitted","color","timeOption","noCalendar","enableTime","dateFormat","onPicked","dateOption","minDate","Date","datetimeOption","maxDate","to_date_time","from_date_time","getOptionDetailName","outOfStock","optionType","COLOR","isOptionDetailOut","additional_price","money","isDetailSelected","outSelectableSkus_1","onChange","disabled","selected","is_selected","s-product-options-multiple-options-wrapper","checked","aria-describedby","colorOption","style","background-color","thumbnailOption","data-itemid","data-img-id","option_value","data-src","image","src","title","alt","CheckCircleIcon"],"mappings":"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","sourcesContent":["export enum DisplayType {\n  COLOR = \"color\",\n  DATE = \"date\",\n  DATETIME = \"datetime\",\n  DONATION = \"donation\",\n  IMAGE = \"image\",\n  MULTIPLE_OPTIONS = \"multiple-options\",\n  NUMBER = \"number\",\n  SINGLE_OPTION = \"single-option\",\n  SPLITTER = \"splitter\",\n  TEXT = \"text\",\n  TEXTAREA = \"textarea\",\n  THUMBNAIL = \"thumbnail\",\n  TIME = \"time\",\n  RADIO = \"radio\",\n  CHECKBOX = \"checkbox\",\n  MAP = \"map\",\n  FILE = \"file\", // similar to image type (file-uploader component)\n  COLOR_PICKER = \"color_picker\"\n\n}\n\nexport interface ProductDetail {\n  id: string;\n  sku: string;\n  name: string;\n  description: string;\n  url: string;\n  promotion_title: string;\n  subtitle: string;\n  type: string;\n  status: string;\n  price: number;\n  sale_price: number;\n  regular_price: number;\n  starting_price: null;\n  quantity: number;\n  max_quantity: number;\n  discount_ends: number;\n  is_taxable: boolean;\n  has_read_more: boolean;\n  can_add_note: boolean;\n  can_show_remained_quantity: boolean;\n  can_upload_file: boolean;\n  has_custom_form: boolean;\n  is_on_sale: boolean;\n  is_hidden_quantity: boolean;\n  is_available: boolean;\n  is_out_of_stock: boolean;\n  weight: null;\n  calories: null;\n  image: SimpleImage;\n  brand: Brand;\n  donation?: ProductDonation;\n  images: Image[];\n  tags: Tag[];\n  notify_availability: null;\n  rating: Rating;\n  options: Option[];\n  sold_quantity: number;\n  category: Category;\n}\n\nexport interface SimpleImage {\n  url: string;\n  alt: string;\n}\n\nexport interface Category {\n  name: string;\n  url: string;\n  icon: string;\n}\n\nexport interface ProductDonation {\n  target_message?: string;\n  collected_amount?: number;\n  target_amount?: number;\n  target_percent?: number;\n  target_end_date?: string;\n  can_donate: boolean;\n}\n\nexport interface Image {\n  id: number;\n  url: string;\n  main: boolean;\n  three_d_image_url: string;\n  alt: string;\n  video_url: string;\n  type: string;\n  sort: number;\n}\n\nexport interface Option {\n  id: number;\n  name: string;\n  required: boolean;\n  type: string;\n  placeholder: string;\n  option_type: string;\n  not_same_day_order: boolean;\n  availability_range: number;\n  from_date_time: null;\n  to_date_time: null;\n  visibility_condition?: { option: number, operator: \"=\" | \"!=\", value: number };\n  details?: Detail[];\n  condition_attributes: string;\n  value?: any;\n  donation?: Donation\n}\n\nexport interface Donation {\n  target_message?: string;\n  target_date: string | \"2023-04-18\";\n  target_end_date: string | \"2023-04-18\";\n  target_amount: number;\n  collected_amount: number;\n  can_donate: boolean;\n}\n\nexport interface Detail {\n  id: number;\n  option_id: number;\n  name: string;\n  additional_price: number;\n  option_value: null | string;\n  image: null | string;\n  color: null | string;\n  is_out: boolean;\n  skus_availability?: { [sku_id: number]: boolean };\n  is_selected: boolean;\n}\n\nexport interface Brand {\n  id: string;\n  url: string;\n  name: string;\n  logo: string;\n}\n\nexport interface PreTaxPrice {\n  amount: number;\n  currency: Currency;\n}\n\nexport enum Currency {\n  Sar = \"SAR\",\n}\n\nexport interface Promotion {\n  title: string;\n  sub_title: string;\n}\n\nexport interface Rating {\n  count: number;\n  stars: number;\n}\n\nexport interface Tag {\n  name: string;\n  url: string;\n}\n","\n.s-product-options{\n  &-wrapper{\n\n  }\n  &-option-container{\n\n  }\n  &-option{\n\n  }\n  &-option-label{\n\n  }\n  &-option-content{\n\n  }\n  &-colors-wrapper{\n\n  }\n  &-date-element{\n\n  }\n  &-time-element{\n    \n  }\n  &-datetime-element{\n\n  }\n  &-image-input{\n\n  }\n  &-multiple-options-wrapper{\n\n  }\n  &-splitter{\n\n  }\n  &-text{\n\n  }\n  &-textarea{\n\n  }\n  &-thumbnails-wrapper{\n\n  }\n}","import {Component, Prop, h, State, Element, Host, Event, EventEmitter, Method} from '@stencil/core';\nimport {Option, DisplayType, Detail} from './interfaces';\nimport CheckCircleIcon from '../../assets/svg/check.svg';\nimport CameraIcon from '../../assets/svg/camera.svg';\nimport FileIcon from '../../assets/svg/file-upload.svg';\n\n\n@Component({\n  tag: 'salla-product-options',\n  styleUrl: 'salla-product-options.scss',\n})\nexport class SallaProductOptions {\n\n  constructor() {\n    this.canDisabled = !salla.config.get('store.settings.products.notify_options_availability');\n    salla.lang.onLoaded(() => {\n      this.outOfStockText = salla.lang.get(\"pages.products.out_of_stock\");\n      this.donationAmount = salla.lang.get('pages.products.donation_amount');\n    });\n\n    if (this.options) {\n      try {\n        this.setOptionsData(JSON.parse(this.options));\n        return;\n      } catch (e) {\n        salla.log('Bad json passed via options prop');\n      }\n    }\n    if (!Array.isArray(this.optionsData)) {\n      salla.log('Options is not an array[] ---> ', this.optionsData);\n      this.setOptionsData([]);\n    }\n\n    if (this.productId && !salla.url.is_page('cart')) {\n      salla.api.product.getDetails(this.productId, ['options']).then(resp => this.setOptionsData(resp.data.options));\n    }\n  }\n\n  private setOptionsData(optionsData: Option[]) {\n    this.optionsData = optionsData;\n    let that = this\n    this.optionsData[0]?.details?.forEach(function (detail) {\n      Object.entries(detail.skus_availability || {})\n        .filter(sku => !sku[1])\n        .map(sku => that.outSkus.push(Number(sku[0])));\n    });\n  }\n\n\n  @Element() host: HTMLElement;\n\n  private fileTypes: Object = {\n    pdf: 'application/pdf',\n    png: 'image/png',\n    jpg: 'image/jpeg',\n    word: 'application/doc,application/ms-doc,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n    exl: 'application/excel,application/vnd.ms-excel,application/x-excel,application/x-msexcel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n    txt: 'text/plain',\n  };\n\n  @State() optionsData: Option[];\n  @State() outOfStockText: string = ''\n  @State() donationAmount: string = salla.lang.get('pages.products.donation_amount')\n  @State() selectedOptions: Array<any> = [];\n  @State() canDisabled: boolean;\n  @State() selectedSkus?: Array<string | number>;\n  @State() selectedOutSkus?: Array<string | number>;\n  private outSkus: Array<string | number> = [];\n\n\n  /**\n   * The id of the product to which the options are going to be fetched for.\n   */\n  @Prop() productId: number = salla.config.get('page.id');\n\n  /**\n   * Product detail information.\n   */\n  @Prop() options: string;\n\n  /**\n   * Get the id's of the selected options.\n   * */\n  @Method()\n  async getSelectedOptionsData() {\n    let selectedOptions = {}\n    let formData = (this.host as any).getElementSallaData();\n    formData.forEach(function (value, key) {\n      key.startsWith('options[') && (selectedOptions[key.replace('options[', '').replace(']', '')] = value);\n    });\n    return selectedOptions;\n  }\n\n  /**\n   * Report options form validity.\n   * */\n  @Method()\n  async reportValidity() {\n    let requiredElements: Array<HTMLInputElement> = this.host.querySelectorAll('[required]') as any;\n    let pass = true;\n    for (let i = 0; i < requiredElements.length; i++) {\n      //if there is only one invalid option, return false\n      if ('reportValidity' in requiredElements[i] && !requiredElements[i].reportValidity()) {\n        pass = false;\n      }\n    }\n    return pass;\n  }\n\n  /**\n   * Return true if there is any out of stock options are selected and vise versa.\n   * */\n  @Method()\n  async hasOutOfStockOption() {\n    return this.selectedOptions.some(option => option.is_out) || (this.selectedSkus.length && this.selectedSkus.every(sku => this.outSkus.includes(sku)));\n  }\n\n  /**\n   * Get selected options.\n   * */\n  @Method()\n  async getSelectedOptions() {\n    return this.selectedOptions;\n  }\n\n  /**\n   * Get a specific option by its id.\n   * */\n  @Method()\n  async getOption(option_id) {\n    return this.optionsData.find(option => option.id === option_id);\n  }\n\n  /**\n   * An event that emitted when any option is changed.\n   */\n  @Event() changed: EventEmitter;\n\n  // @ts-ignore\n  private invalidHandler(event, option: Option) {\n    const closestProductOption = (event.target as HTMLInputElement).closest('.s-product-options-option') as HTMLElement;\n    if (!salla.url.is_page('cart')) {\n      closestProductOption.scrollIntoView({behavior: 'smooth', block: 'center'});\n    }\n    closestProductOption.classList.add('s-product-options-option-error');\n  }\n\n  private changedHandler(event, option) {\n    let data = {event: event, option: option, detail: null};\n    if (option.details) {\n      let detail = option.details.find((detail) => {\n        return Number(detail.id) === Number(event.target.value);\n      });\n      data.detail = detail\n    }\n\n    let optionElement = event.target.closest('.s-product-options-option');\n    if (event.target.value \n      || ((option.type == DisplayType.FILE || option.type == DisplayType.IMAGE) && event.type === 'added') \n      || (option.type == DisplayType.MAP && event.type === 'selected' && (event.target.lat && event.target.lng))) {\n      setTimeout(() => {\n        optionElement.classList.remove('s-product-options-option-error');\n      }, 200);\n    }\n\n    const index = this.selectedOptions.findIndex(option => option.option_id === data.option.id);\n    index > -1 ? this.selectedOptions[index] = {\n      ...data.detail,\n      option_id: data.option.id\n    } : this.selectedOptions.push({...data.detail, option_id: data.option.id})\n\n    this.setSelectedSkus();\n    this.handleRequiredMultipleOptions(option);\n    this.changed.emit(data);\n    salla.event.emit('product-options::change', data);\n  }\n\n  /**\n   * loop throw all selected details, then get common sku, if it's only one, means we selected all of them;\n   */\n  private setSelectedSkus() {\n    this.selectedSkus = this.selectedOptions.map(detail => Object.keys(detail.skus_availability || {}))\n      .reduce((p, c) => p.filter(e => c.includes(e)))\n      .map(sku => Number(sku));\n  }\n\n  private handleRequiredMultipleOptions(option) {\n    if (option.type !== DisplayType.MULTIPLE_OPTIONS || !option.required) {\n      return;\n    }\n    const optionContainer = this.host.querySelector(`[data-option-id=\"${option.id}\"]`);\n    const hasChecked = optionContainer.querySelectorAll('input:checked').length;\n    optionContainer.querySelectorAll('input').forEach(input => input.toggleAttribute('required', !hasChecked));\n  }\n\n  private getLatLng(value, type: 'lat' | 'lng') {\n    return value\n      ? value.split(',')[type == 'lat' ? 0 : 1]\n      : '';\n  }\n\n  private getDisplayForType(option: Option) {\n    if (this[`${option.type}Option`]) {\n      return this[`${option.type}Option`](option);\n    }\n\n    if (option.type === DisplayType.COLOR_PICKER) {\n      return this.colorPickerOption(option)\n    }\n\n    if (option.type === DisplayType.MULTIPLE_OPTIONS) {\n      return this.multipleOptions(option);\n    }\n\n    if (option.type === DisplayType.SINGLE_OPTION) {\n      return this.singleOption(option);\n    }\n    salla.log(`Couldn't find options type(${option.type})😢`);\n    return '';\n  }\n\n  protected getOptionShownWhen(option: Option) {\n    return option.visibility_condition\n      ? {\"data-show-when\": `options[${option.visibility_condition.option}] ${option.visibility_condition.operator} ${option.visibility_condition.value}`}\n      : {};\n  }\n\n  //we need the cart Id for productOption Image\n  componentWillLoad() {\n    this.outOfStockText = salla.lang.get('pages.products.out_of_stock')\n    return salla.api.cart.getCurrentCartId();\n  }\n\n  render() {\n    if (this.optionsData?.length == 0) {\n      return;\n    }\n\n    return (\n      <Host class=\"s-product-options-wrapper\">\n        {/* TODO:: move salla-conditional-field logic to here, no need of another component*/}\n        <salla-conditional-fields>\n          {this.optionsData.map((option: Option) =>\n            <div class={`s-product-options-option-container${option.visibility_condition ? ' hidden' : ''}`}\n                 data-option-id={option.id}\n                 {...this.getOptionShownWhen(option)}>\n              {option.name == 'splitter' ?\n                this.splitterOption()\n                : <div class=\"s-product-options-option\" data-option-type={option.type}\n                       data-option-required={`${option.required}`}>\n                  <label htmlFor={'options[' + option.id + ']'} class=\"s-product-options-option-label\">\n                    <b>\n                      {option.name}\n                      {option.required && <span> * </span>} </b>\n                    <small>{option.placeholder}</small>\n                  </label>\n                  <div class=\"s-product-options-option-content\">\n                    {this.getDisplayForType(option)}\n                  </div>\n                </div>}\n            </div>\n          )}\n        </salla-conditional-fields>\n      </Host>\n    );\n\n  }\n\n  //@ts-ignore\n  private donationOption(option: Option, product: Product) {\n    return <div class=\"s-product-options-donation-wrapper\">\n      {\n        option.donation ?\n          <div class=\"s-product-options-donation-progress\">\n            <salla-progress-bar donation={option.donation}>\n            </salla-progress-bar>\n          </div>\n          : ''\n      }\n      <div class=\"s-product-options-donation-input-group\">\n        <input\n          type=\"text\"\n          id=\"donating-amount\"\n          name=\"donating_amount\"\n          class=\"s-form-control\"\n          value={option.value}\n          required\n          placeholder={option.placeholder}\n          onInput={e => salla.helpers.inputDigitsOnly(e.target)}\n          onBlur={e => this.changedHandler(e, option)}\n          onInvalid={(e) => this.invalidHandler(e, option)}\n        />\n        {/* value={option.value} */}\n        <span class=\"s-product-options-donation-amount-currency\">\n          {salla.config.currency(salla.config.get('user.currency_code')).symbol}\n        </span>\n      </div>\n    </div>\n  }\n\n  private fileUploader(option: Option, additions: Object | null = null) {\n    return <salla-file-upload\n      {...(additions || {})}\n      payload-name=\"file\"\n      value={option.value}\n      instant-upload={true}\n      name={`options[${option.id}]`}\n      required={option.required}\n      height=\"120px\"\n      onAdded={(e) => this.changedHandler(e, option)}\n      url={salla.cart.api.getUploadImageEndpoint()}\n      form-data={{cart_item_id: this.productId, product_id: this.productId}}\n      onInvalidInput={(e) => this.invalidHandler(e, option)}\n      class={{\"s-product-options-image-input\": true, required: option.required}}\n    >\n      <div class=\"s-product-options-filepond-placeholder\">\n        <span class=\"s-product-options-filepond-placeholder-icon\"\n              innerHTML={(additions as any).accept && (additions as any).accept.split(',').every(type => type.includes('image'))\n                ? CameraIcon\n                : FileIcon}\n        />\n        <p class=\"s-product-options-filepond-placeholder-text\">{salla.lang.get('common.uploader.drag_and_drop')}</p>\n        <span class=\"filepond--label-action\">{salla.lang.get('common.uploader.browse')}</span>\n      </div>\n    </salla-file-upload>\n  }\n\n  //@ts-ignore\n  private imageOption(option: Option) {\n    return this.fileUploader(option, {accept: 'image/png,image/jpeg,image/jpg,image/gif'});\n  }\n\n  //@ts-ignore\n  private fileOption(option: Option) {\n    let types = option.details.map(detail => this.fileTypes[detail.name]).filter(Boolean);\n    return types?.length\n      ? this.fileUploader(option, {accept: types.join(',')})\n      : 'File types not selected.';\n  }\n\n  //@ts-ignore\n  private numberOption(option: Option) {\n    return <input\n      type=\"text\"\n      value={option.value}\n      class=\"s-form-control\"\n      required={option.required}\n      name={`options[${option.id}]`}\n      placeholder={option.placeholder}\n      onBlur={e => this.changedHandler(e, option)}\n      onInvalid={(e) => this.invalidHandler(e, option)}\n      onInput={e => salla.helpers.inputDigitsOnly(e.target)}/>\n  }\n\n  //@ts-ignore\n  private splitterOption() {\n    return <div class=\"s-product-options-splitter\"/>\n  }\n\n  //@ts-ignore\n  private textOption(option: Option) {\n    return <div class=\"s-product-options-text\">\n      <input\n        type=\"text\"\n        value={option.value}\n        class='s-form-control'\n        required={option.required}\n        name={`options[${option.id}]`}\n        placeholder={option.placeholder}\n        onInvalid={(e) => this.invalidHandler(e, option)}\n        onInput={e => this.changedHandler(e, option)}/>\n    </div>\n  }\n\n  //@ts-ignore\n  private textareaOption(option: Option) {\n    //todo::remove mt-1 class, and if it's okay to remove the tag itself will be great\n    return <div class=\"s-product-options-textarea\">\n      <div class=\"mt-1\">\n        <textarea\n          rows={4}\n          value={option.value}\n          class=\"s-form-control\"\n          required={option.required}\n          id={`options[${option.id}]`}\n          name={`options[${option.id}]`}\n          placeholder={option.placeholder}\n          onInvalid={(e) => this.invalidHandler(e, option)}\n          onInput={(e) => this.changedHandler(e, option)}/>\n      </div>\n    </div>\n  }\n\n  //@ts-ignore\n  private mapOption(option: Option) {\n    return <salla-map\n      zoom={15}\n      lat={this.getLatLng(option.value, 'lat')}\n      lng={this.getLatLng(option.value, 'lng')}\n      name={`options[${option.id}]`}\n      searchable={true}\n      required={option.required}\n      onInvalidInput={(e) => this.invalidHandler(e, option)}\n      onSelected={e => this.changedHandler(e, option)}/>\n  }\n\n  private colorPickerOption(option: Option) {\n    return <salla-color-picker\n      onSubmitted={e => this.changedHandler(e, option)}\n      name={`options[${option.id}]`}\n      required={option.required}\n      onInvalidInput={(e) => this.invalidHandler(e, option)}\n      color={option.value}/>\n  }\n\n  /**\n   * ============= Date Time options =============\n   */\n  //@ts-ignore\n  private timeOption(option: Option) {\n    return <salla-datetime-picker\n      noCalendar={true}\n      enableTime={true}\n      dateFormat=\"h:i K\"\n      value={option.value}\n      placeholder={option.name}\n      required={option.required}\n      name={`options[${option.id}]`}\n      class=\"s-product-options-time-element\"\n      onInvalidInput={(e) => this.invalidHandler(e, option)}\n      onPicked={e => this.changedHandler(e, option)}/>\n  }\n\n  //@ts-ignore\n  private dateOption(option: Option) {\n    //todo:: consider date-range @see https://github.com/SallaApp/theme-raed/blob/master/src/assets/js/partials/product-options.js#L8-L23\n    return <div class=\"s-product-options-date-element\">\n      <salla-datetime-picker\n        value={option.value}\n        placeholder={option.name}\n        required={option.required}\n        minDate={new Date()}\n        name={`options[${option.id}]`}\n        onInvalidInput={(e) => this.invalidHandler(e, option)}\n        onPicked={e => this.changedHandler(e, option)}/>\n    </div>\n  }\n\n  //@ts-ignore\n  private datetimeOption(option: Option) {\n    //todo:: consider date-range @see https://github.com/SallaApp/theme-raed/blob/master/src/assets/js/partials/product-options.js#L8-L23\n    return <div class=\"s-product-options-datetime-element\">\n      <salla-datetime-picker\n        enableTime={true}\n        value={option.value}\n        dateFormat=\"Y-m-d G:i:K\"\n        placeholder={option.name}\n        required={option.required}\n        name={`options[${option.id}]`}\n        maxDate={option.to_date_time}\n        minDate={option.from_date_time}\n        onInvalidInput={(e) => this.invalidHandler(e, option)}\n        onPicked={e => this.changedHandler(e, option)}/>\n    </div>\n  }\n\n  /**\n   * ============= Advanced options =============\n   */\n  protected getOptionDetailName(detail: Detail, outOfStock: boolean = true, optionType?: string) {\n    if (optionType && optionType == DisplayType.COLOR) {\n      return detail.name\n        + ((outOfStock && this.isOptionDetailOut(detail)) ? ` <br/> <p> ${this.outOfStockText} </p>` : '')\n        + (detail.additional_price ? ` <p> (${salla.money(detail.additional_price)}) </p>` : '');\n    }\n\n    return detail.name\n      + ((outOfStock && this.isOptionDetailOut(detail)) ? ` - ${this.outOfStockText}` : '')\n      + (detail.additional_price ? ` (${salla.money(detail.additional_price)})` : '');\n  }\n\n\n  protected isOptionDetailOut(detail: Detail) {\n    if (detail.is_out || !detail.skus_availability || !this.selectedSkus?.length) {\n      return detail.is_out;\n    }\n\n    let isDetailSelected = this.selectedOptions.filter(option => option.id == detail.id).length;\n    //if the current options is the only selected option, so we are sure that it's not out, because there is no other options selected yet\n    if (isDetailSelected && this.selectedOptions.length == 1) {\n      return false;\n    }\n\n    //if current details has sku in the possible outSkus it's out for sure\n    if (isDetailSelected) {\n      //here we will get the possible outSkus for current selected options\n      let outSelectableSkus = this.selectedSkus.filter(sku => this.outSkus.includes(sku));\n      return Object.keys(detail.skus_availability).some(sku => outSelectableSkus.includes(Number(sku)))\n    }\n\n    return this.selectedOptions.some(option => option.is_out && option.option_id !== detail.option_id)\n\n  }\n\n  private singleOption(option: Option) {\n    return <div>\n      <select name={`options[${option.id}]`}\n              required={option.required}\n              class=\"s-form-control\"\n              onInvalid={(e) => this.invalidHandler(e, option)}\n              onChange={e => this.changedHandler(e, option)}>\n        <option value=\"\">{option.placeholder}</option>\n        {\n          option?.details.map((detail: Detail) => {\n            return <option value={detail.id} disabled={this.canDisabled && this.isOptionDetailOut(detail)}\n                           selected={detail.is_selected}>\n              {this.getOptionDetailName(detail)}\n            </option>\n          })\n        }\n      </select>\n    </div>\n  }\n\n  private multipleOptions(option: Option) {\n    return <div class={{\"s-product-options-multiple-options-wrapper\": true, 'required': option.required}}>\n      {\n        option?.details.map((detail: Detail) => {\n          return <div>\n            <input type=\"checkbox\"\n                   value={detail.id}\n                   disabled={this.isOptionDetailOut(detail)}\n                   checked={detail.is_selected}\n                   required={option.required}\n                   name={`options[${option.id}][]`}\n                   id={`field-${option.id}-${detail.id}`}\n                   onChange={(e) => this.changedHandler(e, option)}\n                   onInvalid={(e) => this.invalidHandler(e, option)}\n                   aria-describedby={`options[${option.id}]-description`}/>\n            <label htmlFor={`field-${option.id}-${detail.id}`}>{this.getOptionDetailName(detail)}</label>\n          </div>\n        })\n      }\n    </div>\n  }\n\n  //@ts-ignore\n  private colorOption(option: Option) {\n    return <fieldset class=\"s-product-options-colors-wrapper\">\n      {\n        option?.details.map((detail) =>\n          <div class=\"s-product-options-colors-item\">\n            <input type=\"radio\"\n                   value={detail.id}\n                   required={option.required}\n                   checked={detail.is_selected}\n                   name={`options[${option.id}]`}\n                   disabled={this.canDisabled && this.isOptionDetailOut(detail)}\n                   id={`color-${this.productId}-${option.id}-${detail.id}`}\n                   onInvalid={(e) => this.invalidHandler(e, option)}\n                   onChange={e => this.changedHandler(e, option)}/>\n            <label htmlFor={`color-${this.productId}-${option.id}-${detail.id}`}>\n              <span style={{\"background-color\": detail.color}}/>\n              <div innerHTML={this.getOptionDetailName(detail, true, option.type)}></div>\n            </label>\n          </div>\n        )\n      }\n    </fieldset>\n  }\n\n  //@ts-ignore\n  private thumbnailOption(option: Option) {\n    return <div class=\"s-product-options-thumbnails-wrapper\">\n      {option.details.map((detail: Detail) => {\n        return <div>\n          <input type=\"radio\"\n                 value={detail.id}\n                 data-itemid={detail.id} //todo:: why need this? it's already in the value!\n                 required={option.required}\n                 checked={detail.is_selected}\n                 name={`options[${option.id}]`}\n                 data-img-id={detail.option_value}\n                 disabled={this.canDisabled && this.isOptionDetailOut(detail)}\n                 id={`option_${this.productId}-${option.id}_${detail.id}`}\n                 onInvalid={(e) => this.invalidHandler(e, option)}\n                 onChange={(e) => this.changedHandler(e, option)}/>\n          <label htmlFor={`option_${this.productId}-${option.id}_${detail.id}`}\n                 data-img-id={detail.option_value}\n                 class=\"go-to-slide\">\n            <img data-src={detail.image} src={detail.image} title={detail.name} alt={detail.name}/>\n            <span innerHTML={CheckCircleIcon} class=\"s-product-options-thumbnails-icon\"/>\n            {this.isOptionDetailOut(detail) ?\n              [\n                <small class=\"s-product-options-thumbnails-stock-badge\">{this.outOfStockText}</small>,\n                this.canDisabled ? <div class=\"s-product-options-thumbnails-badge-overlay\"/> : '',\n              ]\n              : ''}\n          </label>\n          <p>{this.getOptionDetailName(detail, false)} </p>\n        </div>\n      })}\n    </div>\n  }\n}\n"]}

package/dist/esm-es5/salla-select.entry.js

@@ -1,4 +1,5 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{r as registerInstance,h,H as Host}from"./index-f1d446ac.js";var sallaSelectCss=".s-select-label{display:block;margin-bottom:0.5rem;color:#111827;font-size:0.875rem;line-height:1.25rem;font-weight:500}.s-select-underline{display:block;padding-left:0;padding-right:0;padding-top:0.625rem;padding-bottom:0.625rem;background-color:transparent;color:#6B7280;font-size:0.875rem;line-height:1.25rem;width:100%;border-width:0;border-bottom-width:2px;border-color:#E5E7EB;-webkit-appearance:none;-moz-appearance:none;appearance:none}.s-select-outlined{display:block;padding:0.625rem;padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1rem;padding-right:1rem;background-color:#F9FAFB;color:#111827;font-size:0.875rem;line-height:1.25rem;width:100%;border-radius:0.5rem;border-width:1px;border-color:#D1D5DB}.s-select-x-large{height:5rem}.s-select-large{height:4rem}.s-select-normal{height:3rem}.s-select-small{height:3rem}.s-select-x-small{height:2.5rem}.s-select-field{padding-top:0.25rem;padding-bottom:0.25rem;padding-right:0.5rem;padding-left:0.5rem;margin:0;font-size:1.125rem;line-height:1.75rem;font-weight:400;line-height:1.75rem;width:100%;border-radius:0.375rem;border-color:#9CA3AF;-webkit-box-shadow:none;box-shadow:none}.s-select-hint{margin-top:0.25rem;color:#374151;font-size:0.875rem;line-height:1.25rem;line-height:1.25rem}";var SallaSelect=function(){function e(e){registerInstance(this,e);this.label=undefined;this.items=[];this.itemText="text";this.itemValue="value";this.itemDisabled="disabled";this.size="normal";this.value=undefined;this.autofocus=false;this.clearable=false;this.clearIcon="sicon-cancel";this.color="primary";this.flat=undefined;this.disabled=false;this.loading=false;this.loadingColor="primary";this.hint=undefined;this.persistHint=false;this.placeholder=undefined;this.multiple=false;this.autocomplete=false;this.required=false;this.chips=false;this.shape="outlined";this.returnObject=false;this.hideDetail=false}e.prototype.selectClass=function(){return"s-select-field s-select-".concat(this.shape," ").concat(this.color," ").concat(this.size)};e.prototype.onSelectedItemChange=function(e){var t=e.target.selectedIndex;if(t<0){this.value=undefined;return}var i=this.items[!!this.placeholder?t-1:t];this.value=this.returnObject?i:i[this.itemValue]};e.prototype.generateHint=function(){if(!this.persistHint&&!this.value){return""}return h("div",{class:"s-select-hint"},this.hint)};e.prototype.checkForSelected=function(e){if(this.returnObject&&!!this.value){return e[this.itemValue]=this.value[this.itemValue]}return e[this.itemValue]==this.value};e.prototype.render=function(){var e=this;return h(Host,null,!!this.label?h("label",{htmlFor:"s-select",class:"s-select-label"},this.label):"",h("select",{multiple:this.multiple,autocomplete:this.autocomplete?"on":"off",disabled:this.disabled,autoFocus:this.autofocus,id:"s-select",class:this.selectClass(),onChange:this.onSelectedItemChange.bind(this)},!!this.placeholder?h("option",{selected:!this.value},this.placeholder):"",this.items.map((function(t){return h("option",{label:t[e.itemText],value:t[e.itemValue],selected:e.checkForSelected(t),disabled:t[e.itemDisabled]})}))),h("div",{class:{"s-hidden":this.hideDetail}},this.generateHint()))};return e}();SallaSelect.style=sallaSelectCss;export{SallaSelect as salla_select};
+import{r as registerInstance,h,H as Host}from"./index-f1d446ac.js";var sallaSelectCss=".s-select-label{display:block;margin-bottom:0.5rem;color:#111827;font-size:0.875rem;line-height:1.25rem;font-weight:500}.s-select-underline{display:block;padding-left:0;padding-right:0;padding-top:0.625rem;padding-bottom:0.625rem;background-color:transparent;color:#6B7280;font-size:0.875rem;line-height:1.25rem;width:100%;border-width:0;border-bottom-width:2px;border-color:#E5E7EB;-webkit-appearance:none;-moz-appearance:none;appearance:none}.s-select-outlined{display:block;padding:0.625rem;padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1rem;padding-right:1rem;background-color:#F9FAFB;color:#111827;font-size:0.875rem;line-height:1.25rem;width:100%;border-radius:0.5rem;border-width:1px;border-color:#D1D5DB}.s-select-x-large{height:5rem}.s-select-large{height:4rem}.s-select-normal{height:3rem}.s-select-small{height:3rem}.s-select-x-small{height:2.5rem}.s-select-field{padding-top:0.25rem;padding-bottom:0.25rem;padding-right:0.5rem;padding-left:0.5rem;margin:0;font-size:1.125rem;line-height:1.75rem;font-weight:400;line-height:1.75rem;width:100%;border-radius:0.375rem;border-color:#9CA3AF;-webkit-box-shadow:none;box-shadow:none}.s-select-hint{margin-top:0.25rem;color:#374151;font-size:0.875rem;line-height:1.25rem;line-height:1.25rem}";var SallaSelect=function(){function e(e){registerInstance(this,e);this.label=undefined;this.items=[];this.itemText="text";this.itemValue="value";this.itemDisabled="disabled";this.size="normal";this.value=undefined;this.autofocus=false;this.clearable=false;this.clearIcon="sicon-cancel";this.color="primary";this.flat=undefined;this.disabled=false;this.loading=false;this.loadingColor="primary";this.hint=undefined;this.persistHint=false;this.placeholder=undefined;this.multiple=false;this.autocomplete=false;this.required=false;this.chips=false;this.shape="outlined";this.returnObject=false;this.hideDetail=false}e.prototype.selectClass=function(){return"s-select-field s-select-".concat(this.shape," ").concat(this.color," ").concat(this.size)};e.prototype.onSelectedItemChange=function(e){var t=e.target.selectedIndex;if(t<0){this.value=undefined;return}var i=this.items[!!this.placeholder?t-1:t];this.value=this.returnObject?i:i[this.itemValue]};e.prototype.generateHint=function(){if(!this.persistHint&&!this.value){return""}return h("div",{class:"s-select-hint"},this.hint)};e.prototype.checkForSelected=function(e){if(this.returnObject&&!!this.value){return e[this.itemValue]=this.value[this.itemValue]}return e[this.itemValue]==this.value};e.prototype.render=function(){var e=this;return h(Host,null,!!this.label?h("label",{htmlFor:"s-select",class:"s-select-label"},this.label):"",h("select",{multiple:this.multiple,autocomplete:this.autocomplete?"on":"off",disabled:this.disabled,autoFocus:this.autofocus,id:"s-select",class:this.selectClass(),onChange:this.onSelectedItemChange.bind(this)},!!this.placeholder?h("option",{selected:!this.value},this.placeholder):"",this.items.map((function(t){return h("option",{label:t[e.itemText],value:t[e.itemValue],selected:e.checkForSelected(t),disabled:t[e.itemDisabled]})}))),h("div",{class:{"s-hidden":this.hideDetail}},this.generateHint()))};return e}();SallaSelect.style=sallaSelectCss;export{SallaSelect as salla_select};
+//# sourceMappingURL=salla-select.entry.js.map

package/dist/esm-es5/salla-select.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/salla-select/salla-select.scss?tag=salla-select","src/components/salla-select/salla-select.tsx"],"names":["sallaSelectCss","SallaSelect","hostRef","this","label","undefined","items","itemText","itemValue","itemDisabled","size","value","autofocus","clearable","clearIcon","color","flat","disabled","loading","loadingColor","hint","persistHint","placeholder","multiple","autocomplete","required","chips","shape","returnObject","hideDetail","prototype","selectClass","concat","onSelectedItemChange","event","selectedIndex","target","selectedItem","generateHint","h","class","checkForSelected","item","render","_this","Host","htmlFor","autoFocus","id","onChange","bind","selected","map","s-hidden"],"mappings":";;;mEAAA,IAAMA,eAAiB,8uCCMVC,YAAW,WAJxB,SAAAA,EAAAC,4BASUC,KAAAC,MAAgBC,UAMhBF,KAAAG,MAAe,GAKfH,KAAAI,SAA4C,OAM5CJ,KAAAK,UAA6C,QAK7CL,KAAAM,aAAgD,WAKhDN,KAAAO,KAA6D,SAK5CP,KAAAQ,MAAaN,UAK9BF,KAAAS,UAAqB,MAKrBT,KAAAU,UAAqB,MAKrBV,KAAAW,UAAoB,eAKpBX,KAAAY,MAAkF,UAKlFZ,KAAAa,KAAgBX,UAKhBF,KAAAc,SAAoB,MAKpBd,KAAAe,QAAmB,MAKnBf,KAAAgB,aAAuB,UAKvBhB,KAAAiB,KAAef,UAKfF,KAAAkB,YAAuB,MAKvBlB,KAAAmB,YAAsBjB,UAKtBF,KAAAoB,SAAoB,MAKpBpB,KAAAqB,aAAwB,MAKxBrB,KAAAsB,SAAoB,MAKpBtB,KAAAuB,MAAiB,MAKjBvB,KAAAwB,MAAkC,WAMlCxB,KAAAyB,aAAwB,MAKxBzB,KAAA0B,WAAsB,MAKtB5B,EAAA6B,UAAAC,YAAA,WACN,MAAO,2BAAAC,OAA2B7B,KAAKwB,MAAK,KAAAK,OAAI7B,KAAKY,MAAK,KAAAiB,OAAI7B,KAAKO,OAG7DT,EAAA6B,UAAAG,qBAAA,SAAqBC,GAC3B,IAAIC,EAAiBD,EAAME,OAA6BD,cACxD,GAAIA,EAAgB,EAAG,CACrBhC,KAAKQ,MAAQN,UACb,OAEF,IAAIgC,EAAelC,KAAKG,QAAQH,KAAKmB,YAAca,EAAgB,EAAIA,GAEvEhC,KAAKQ,MAAQR,KAAKyB,aAAeS,EAAeA,EAAalC,KAAKK,YAG5DP,EAAA6B,UAAAQ,aAAA,WACN,IAAKnC,KAAKkB,cAAgBlB,KAAKQ,MAAO,CACpC,MAAO,GAET,OAAO4B,EAAA,MAAA,CAAKC,MAAM,iBAAiBrC,KAAKiB,OAGlCnB,EAAA6B,UAAAW,iBAAA,SAAiBC,GACvB,GAAIvC,KAAKyB,gBAAkBzB,KAAKQ,MAAO,CACrC,OAAO+B,EAAKvC,KAAKK,WAAaL,KAAKQ,MAAMR,KAAKK,WAEhD,OAAOkC,EAAKvC,KAAKK,YAAcL,KAAKQ,OAItCV,EAAA6B,UAAAa,OAAA,WAAA,IAAAC,EAAAzC,KACE,OACEoC,EAACM,KAAI,OACA1C,KAAKC,MACNmC,EAAA,QAAA,CAAOO,QAAQ,WAAWN,MAAM,kBAAkBrC,KAAKC,OACrD,GAEJmC,EAAA,SAAA,CAAQhB,SAAUpB,KAAKoB,SAAUC,aAAcrB,KAAKqB,aAAe,KAAO,MAAOP,SAAUd,KAAKc,SAAU8B,UAAW5C,KAAKS,UAAWoC,GAAG,WAAWR,MAAOrC,KAAK4B,cAAekB,SAAU9C,KAAK8B,qBAAqBiB,KAAK/C,SAClNA,KAAKmB,YACNiB,EAAA,SAAA,CAAQY,UAAWhD,KAAKQ,OAAQR,KAAKmB,aACnC,GAEFnB,KAAKG,MAAM8C,KAAI,SAACV,GAEd,OAAAH,EAAA,SAAA,CAAQnC,MAAOsC,EAAKE,EAAKrC,UAAWI,MAAO+B,EAAKE,EAAKpC,WAAY2C,SAAUP,EAAKH,iBAAiBC,GAAOzB,SAAUyB,EAAKE,EAAKnC,oBAKlI8B,EAAA,MAAA,CAAKC,MAAO,CAAEa,WAAYlD,KAAK0B,aAC5B1B,KAAKmC,2BAvLQ","sourcesContent":[".s-select-label {\n  display: block;\n  margin-bottom: 0.5rem;\n  color: #111827;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  font-weight: 500;\n}\n\n.s-select-underline {\n  display: block;\n  padding-left: 0;\n  padding-right: 0;\n  padding-top: 0.625rem;\n  padding-bottom: 0.625rem;\n  background-color: transparent;\n  color: #6B7280;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  width: 100%;\n  border-width: 0;\n  border-bottom-width: 2px;\n  border-color: #E5E7EB;\n  appearance: none;\n}\n\n.s-select-outlined {\n  display: block;\n  padding: 0.625rem;\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n  padding-left: 1rem;\n  padding-right: 1rem;\n  background-color: #F9FAFB;\n  color: #111827;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  width: 100%;\n  border-radius: 0.5rem;\n  border-width: 1px;\n  border-color: #D1D5DB;\n}\n\n.s-select-x-large {\n  height: 5rem;\n}\n\n.s-select-large {\n  height: 4rem;\n}\n\n.s-select-normal {\n  height: 3rem;\n}\n\n.s-select-small {\n  height: 3rem;\n}\n\n.s-select-x-small {\n  height: 2.5rem;\n}\n\n.s-select-field {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n  padding-right: 0.5rem;\n  padding-left: 0.5rem;\n  margin: 0;\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n  font-weight: 400;\n  line-height: 1.75rem;\n  width: 100%;\n  border-radius: 0.375rem;\n  border-color: #9CA3AF;\n  box-shadow: none;\n}\n\n\n.s-select-hint {\n  margin-top: 0.25rem;\n  color: #374151;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  line-height: 1.25rem;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'salla-select',\n  styleUrl: 'salla-select.scss',\n})\nexport class SallaSelect {\n\n  /**\n   * Sets label\n   */\n  @Prop() label: string = undefined;\n\n  /**\n   * Can be an array of objects or array of strings. \n   * When using objects, will look for a text, value and disabled keys.\n   */\n  @Prop() items: any[] = [];\n\n  /**\n   * Set property of items’s text value\n   */\n  @Prop() itemText: string /* | any[] | Function */ = \"text\";\n\n  /**\n   * Set property of items’s value - must be primitive. \n   * Dot notation is supported.\n   */\n  @Prop() itemValue: string /* | any[] | Function */ = \"value\";\n\n  /**\n   * Set property of items’s disabled value\n   */\n  @Prop() itemDisabled: string /* | any[] | Function */ = 'disabled';\n\n  /**\n  * Sizing options\n  */\n  @Prop() size: 'x-large' | 'large' | 'normal' | 'small' | 'x-small' = 'normal';\n\n  /**\n   * The selected value\n   */\n  @Prop({ mutable: true }) value: any = undefined;\n\n  /**\n   * Enable autofocus\n   */\n  @Prop() autofocus: boolean = false;\n\n  /**\n   * Add input clear functionality, default icon is `sicon-cancel`\n   */\n  @Prop() clearable: boolean = false;\n\n  /**\n   * Applied when using clearable and the input is dirty\n   */\n  @Prop() clearIcon: string = 'sicon-cancel';\n\n  /**\n   * Applies specified color to the control.\n   */\n  @Prop() color: 'primary' | 'success' | 'warning' | 'danger' | 'light' | 'gray' | 'dark' = 'primary';\n\n  /**\n   * Remove elevation or box shadow.\n   */\n  @Prop() flat: boolean = undefined;\n\n  /**\n   * Disable the input\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Displays linear progress bar.\n   */\n  @Prop() loading: boolean = false;\n\n  /**\n   * Specifies which color is applied to the progress bar.\n   */\n  @Prop() loadingColor: string = 'primary';\n\n  /**\n   * Hint text\n   */\n  @Prop() hint: string = undefined;\n\n  /**\n   * Forces hint to always be visible.\n   */\n  @Prop() persistHint: boolean = false;\n\n  /**\n   * Sets the input’s placeholder text.\n   */\n  @Prop() placeholder: string = undefined;\n\n  /**\n   * Enable multiple item selection\n   */\n  @Prop() multiple: boolean = false;\n\n  /**\n   * Enable multiple item selection\n   */\n  @Prop() autocomplete: boolean = false;\n\n  /**\n   * Enable multiple item selection\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Changes display of selections to chips\n   */\n  @Prop() chips: boolean = false;\n\n  /**\n   * Define appearance of the component\n   */\n  @Prop() shape: 'underline' | 'outlined' = 'outlined';\n\n  /**\n   * Changes the selection behavior to return the object directly \n   * rather than the value specified with item-value\n   */\n  @Prop() returnObject: boolean = false;\n\n  /**\n   * Hides hint if any\n   */\n  @Prop() hideDetail: boolean = false;\n\n\n\n\n  private selectClass() {\n    return `s-select-field s-select-${this.shape} ${this.color} ${this.size}`\n  }\n\n  private onSelectedItemChange(event: Event) {\n    let selectedIndex = (event.target as HTMLSelectElement).selectedIndex;\n    if (selectedIndex < 0) {\n      this.value = undefined;\n      return;\n    }\n    let selectedItem = this.items[!!this.placeholder ? selectedIndex - 1 : selectedIndex]\n\n    this.value = this.returnObject ? selectedItem : selectedItem[this.itemValue]\n  }\n\n  private generateHint() {\n    if (!this.persistHint && !this.value) {\n      return \"\"\n    }\n    return <div class=\"s-select-hint\">{this.hint}</div>\n  }\n\n  private checkForSelected(item) {\n    if (this.returnObject && !!this.value) {\n      return item[this.itemValue] = this.value[this.itemValue]\n    }\n    return item[this.itemValue] == this.value\n  }\n\n\n  render() {\n    return (\n      <Host>\n        {!!this.label ?\n          <label htmlFor=\"s-select\" class=\"s-select-label\">{this.label}</label>\n          : \"\"\n        }\n        <select multiple={this.multiple} autocomplete={this.autocomplete ? 'on' : 'off'} disabled={this.disabled} autoFocus={this.autofocus} id=\"s-select\" class={this.selectClass()} onChange={this.onSelectedItemChange.bind(this)}>\n          {!!this.placeholder ?\n            <option selected={!this.value}>{this.placeholder}</option>\n            : \"\"}\n          {\n            this.items.map((item: Object | string) =>\n              // item instanceof Object ?\n              <option label={item[this.itemText]} value={item[this.itemValue]} selected={this.checkForSelected(item)} disabled={item[this.itemDisabled]}></option>\n              // :\n              // <option label={item} value={item} selected={item == this.value} disabled={item == this.itemDisabled}></option>\n            )}\n        </select>\n        <div class={{ \"s-hidden\": this.hideDetail }}>\n          {this.generateHint()}\n        </div>\n\n      </Host>\n    );\n  }\n\n}"]}

package/dist/esm-es5/twilight.js

@@ -1,4 +1,5 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{p as plt,w as win,d as doc,N as NAMESPACE,a as promiseResolve,b as bootstrapLazy}from"./index-f1d446ac.js";import{g as globalScripts}from"./app-globals-30874674.js";import"./_commonjsHelpers-a7c4abac.js";var getDynamicImportFunction=function(e){return"__sc_import_".concat(e.replace(/\s|-/g,"_"))};var patchBrowser=function(){{plt.$cssShim$=win.__cssshim}var e=Array.from(doc.querySelectorAll("script")).find((function(e){return new RegExp("/".concat(NAMESPACE,"(\\.esm)?\\.js($|\\?|#)")).test(e.src)||e.getAttribute("data-stencil-namespace")===NAMESPACE}));var a="";var t={};if(a!==""){t.resourcesUrl=new URL(".",a).href}else{t.resourcesUrl=new URL(".",new URL(e.getAttribute("data-resources-url")||e.src,win.location.href)).href;{patchDynamicImport(t.resourcesUrl,e)}if(!win.customElements){return import("./dom-a1a72c67.js").then((function(){return t}))}}return promiseResolve(t)};var patchDynamicImport=function(e,a){var t=getDynamicImportFunction(NAMESPACE);try{win[t]=new Function("w","return import(w);//".concat(Math.random()))}catch(l){var o=new Map;win[t]=function(l){var i=new URL(l,e).href;var r=o.get(i);if(!r){var s=doc.createElement("script");s.type="module";s.crossOrigin=a.crossOrigin;s.src=URL.createObjectURL(new Blob(["import * as m from '".concat(i,"'; window.").concat(t,".m = m;")],{type:"application/javascript"}));r=new Promise((function(e){s.onload=function(){e(win[t].m);s.remove()}}));o.set(i,r);doc.head.appendChild(s)}return r}}};patchBrowser().then((function(e){globalScripts();return bootstrapLazy(JSON.parse('[["salla-button_37",[[4,"salla-gifting",{"productId":[2,"product-id"],"widgetSubtitle":[1,"widget-subtitle"],"sectionTitle":[32],"sectionSubtitle":[32],"sectionBtnText":[32],"giftDetails":[32],"selectImageForYourGift":[32],"selectImageOrUpload":[32],"selectGiftMessage":[32],"giftCustomText":[32],"textId":[32],"incorrectGiftText":[32],"nextStep":[32],"senderNameLabel":[32],"receiverNameFieldLabel":[32],"receiverMobileFieldLabel":[32],"receiverEmailFieldLabel":[32],"emailPlaceholder":[32],"sendLater":[32],"selectSendDateAndTime":[32],"canNotEditOrderAfterSelectDate":[32],"sendGift":[32],"donationRequired":[32],"currentStep":[32],"showCalendar":[32],"showGiftText":[32],"currentLang":[32],"parentClass":[32],"errors":[32],"gift":[32],"selectedGiftTextOption":[32],"showTextArea":[32],"selectedImage":[32],"uploadedImage":[32],"selectedText":[32],"senderName":[32],"errorMessage":[32],"hasError":[32],"quantity":[32],"deliveryDate":[32],"timeZone":[32],"receiverName":[32],"receiverMobile":[32],"receiverCountryCode":[32],"receiverEmail":[32],"open":[64],"close":[64],"goToStep2":[64]}],[4,"salla-loyalty",{"prizePoints":[1544,"prize-points"],"customerPoints":[1538,"customer-points"],"prizeTitle":[1537,"prize-title"],"allowEmail":[4,"allow-email"],"allowMobile":[4,"allow-mobile"],"requireEmail":[4,"require-email"],"guestMessage":[1025,"guest-message"],"loyaltyProgram":[32],"buttonLoading":[32],"selectedItem":[32],"askConfirmation":[32],"is_loggedin":[32],"hasError":[32],"errorMessage":[32],"translationLoaded":[32],"open":[64],"close":[64],"resetExchange":[64],"exchangeLoyaltyPoint":[64]}],[4,"salla-product-size-guide",{"guides":[32],"productId":[32],"placeholder_title":[32],"placeholder_description":[32],"modal_title":[32],"hasError":[32],"open":[64],"close":[64]}],[4,"salla-login-modal",{"isEmailAllowed":[1028,"is-email-allowed"],"isMobileAllowed":[1028,"is-mobile-allowed"],"isEmailRequired":[1028,"is-email-required"],"supportWebAuth":[516,"support-web-auth"],"currentTabName":[32],"regType":[32],"translationLoaded":[32],"title":[32],"emailErrorMsg":[32],"firstNameErrorMsg":[32],"lastNameErrorMsg":[32],"dragAndDrop":[32],"browseFromFiles":[32],"customFields":[32],"uploadedImage":[32],"open":[64]},[[8,"verified","onVerified"]]],[0,"salla-offer-modal",{"offer":[32],"offer_name":[32],"offer_message":[32],"hasError":[32],"errorMessage":[32],"productID":[32],"offer_type":[32],"translationLoaded":[32],"addToCartLabel":[32],"open":[64],"showOffer":[64]}],[0,"salla-rating-modal",{"orderId":[2,"order-id"],"order":[32],"hasError":[32],"errorMessage":[32],"translationLoaded":[32],"open":[64],"close":[64]}],[4,"salla-scopes",{"selection":[1],"searchDisplayLimit":[2,"search-display-limit"],"translationLoaded":[32],"mode":[32],"current_scope":[32],"scopes":[32],"originalScopesList":[32],"selected_scope":[32],"isOpenedBefore":[32],"hasError":[32],"loading":[32],"close":[64],"open":[64],"handleSubmit":[64]}],[0,"salla-localization-modal",{"language":[1537],"currency":[1537],"translationLoaded":[32],"languages":[32],"currencies":[32],"hasError":[32],"errorMessage":[32],"open":[64],"close":[64],"submit":[64]}],[0,"salla-quick-order",{"quickOrderTitle":[1025,"quick-order-title"],"subTitle":[1025,"sub-title"],"payButtonTitle":[1025,"pay-button-title"],"confirmPayButtonTitle":[1025,"confirm-pay-button-title"],"agreementText":[1025,"agreement-text"],"isEmailRequired":[1028,"is-email-required"],"productId":[1025,"product-id"],"thanksMessage":[1025,"thanks-message"],"quickOrderStyle":[1025,"quick-order-style"],"user":[32],"isAvailable":[32],"oneClick":[32],"expanded":[32],"isTermsRequired":[32],"countryCode":[32],"submitSucess":[32],"placeHolderEmail":[32],"emailOptional":[32],"agreementShowText":[32],"agreementModalHead":[32],"userNameLabel":[32],"termsChecked":[32]}],[0,"salla-user-settings",{"isNotifiable":[516,"is-notifiable"],"deactivateAccount":[32],"promotionalMsgs":[32],"deactivateDesc":[32],"promotionalMsgsDesc":[32],"sorryForLeavingText":[32],"warningText":[32],"keepAccount":[32],"buttonLoading":[32]}],[0,"salla-search",{"inline":[4],"oval":[4],"height":[2],"translationLoaded":[32],"results":[32],"loading":[32],"typing":[32],"debounce":[32],"search_term":[32]},[[0,"keydown","handleKeyDown"]]],[4,"salla-social-share",{"url":[513],"urlName":[513,"url-name"],"platforms":[513],"opened":[32],"allPlatforms":[32],"platformIcons":[32],"convertedPlatforms":[32],"open":[64]}],[4,"salla-cart-summary",{"showCartLabel":[4,"show-cart-label"],"cartSummaryCount":[32],"cartSummaryTotal":[32],"cartLabel":[32],"animateToCart":[64]}],[0,"salla-count-down",{"date":[1],"boxed":[4],"size":[1],"color":[1],"labeled":[4],"endText":[1,"end-text"],"digits":[1],"endOfDay":[4,"end-of-day"],"daysLabel":[32],"hoursLabel":[32],"minutesLabel":[32],"secondsLabel":[32],"endLabel":[32],"invalidDate":[32],"offerEnded":[32],"countInterval":[32],"endCountDown":[64]}],[4,"salla-infinite-scroll",{"nextPage":[1,"next-page"],"autoload":[1028],"container":[1],"item":[1],"loadMore":[32],"noMore":[32],"failedToLoad":[32]}],[4,"salla-quantity-input",{"quantity":[32],"decrease":[64],"increase":[64],"setValue":[64]}],[0,"salla-user-menu",{"inline":[516],"avatarOnly":[516,"avatar-only"],"showHeader":[516,"show-header"],"relativeDropdown":[516,"relative-dropdown"],"accountLoading":[32],"opened":[32],"notifications":[32],"orders":[32],"pending_orders":[32],"wishlist":[32],"profile":[32],"rating":[32],"logout":[32],"hello":[32],"first_name":[32],"last_name":[32],"avatar":[32],"badges":[32],"hasBadges":[32],"OrderUpdate":[32]}],[0,"salla-product-availability",{"channels":[1],"notifyOptionsAvailability":[4,"notify-options-availability"],"productId":[2,"product-id"],"isSubscribed":[1028,"is-subscribed"],"translationLoaded":[32],"title_":[32],"isVisitorSubscribed":[32]}],[4,"salla-map",{"name":[1],"required":[4],"readonly":[4],"searchable":[1028],"lat":[1026],"lng":[1026],"apiKey":[1025,"api-key"],"modalTitle":[1,"modal-title"],"zoom":[1026],"theme":[1025],"modalActivityTitle":[32],"confirmButtonTitle":[32],"locateButtonTitle":[32],"locateButtonEdit":[32],"searchPlaceholder":[32],"searchInputValue":[32],"formattedAddress":[32],"geolocationError":[32],"searchInput":[32],"mapInput":[32],"mapElement":[32],"selectedLat":[32],"selectedLng":[32],"open":[64]}],[4,"salla-verify",{"display":[1],"type":[1025],"autoReload":[4,"auto-reload"],"supportWebAuth":[4,"support-web-auth"],"translationLoaded":[32],"title":[32],"resendAfter":[32],"isProfileVerify":[32],"getCode":[64],"open":[64]}],[0,"salla-quick-buy",{"type":[1025],"productId":[1025,"product-id"],"amount":[1538],"currency":[1025],"options":[16],"isRequireShipping":[1028,"is-require-shipping"],"isApplePayActive":[32],"quickBuy":[32]}],[4,"salla-color-picker",{"name":[1],"required":[4],"color":[1537],"format":[1],"showCancelButton":[4,"show-cancel-button"],"showTextField":[4,"show-text-field"],"enableAlpha":[4,"enable-alpha"],"widgetColor":[32],"setPickerOption":[64],"movePopUp":[64],"setColorValue":[64],"openPicker":[64],"closePicker":[64],"destroyPicker":[64]}],[0,"salla-progress-bar",{"donation":[1],"target":[1026],"value":[1026],"height":[1025],"header":[1025],"stripped":[1028],"message":[1025],"unit":[1025],"color":[1025]}],[0,"salla-rating-stars",{"name":[1],"size":[1],"value":[2],"reviews":[2]}],[0,"salla-datetime-picker",{"value":[1537],"required":[4],"name":[513],"placeholder":[1],"allowInput":[4,"allow-input"],"allowInvalidPreload":[4,"allow-invalid-preload"],"altFormat":[1,"alt-format"],"altInput":[4,"alt-input"],"altInputClass":[1,"alt-input-class"],"appendTo":[16],"ariaDateFormat":[1,"aria-date-format"],"autoFillDefaultTime":[4,"auto-fill-default-time"],"clickOpens":[4,"click-opens"],"closeOnSelect":[4,"close-on-select"],"conjunction":[1],"dateFormat":[1,"date-format"],"defaultDate":[8,"default-date"],"defaultHour":[2,"default-hour"],"defaultMinute":[2,"default-minute"],"defaultSeconds":[2,"default-seconds"],"disable":[16],"disableMobile":[4,"disable-mobile"],"enable":[16],"enableSeconds":[4,"enable-seconds"],"enableTime":[4,"enable-time"],"formatDate":[16],"hourIncrement":[2,"hour-increment"],"inline":[4],"locale":[1],"maxDate":[8,"max-date"],"maxTime":[8,"max-time"],"minDate":[8,"min-date"],"minTime":[8,"min-time"],"minuteIncrement":[2,"minute-increment"],"mode":[1],"monthSelectorType":[1,"month-selector-type"],"nextArrow":[1,"next-arrow"],"noCalendar":[4,"no-calendar"],"dateParser":[16],"position":[1],"positionElement":[16],"prevArrow":[1,"prev-arrow"],"shorthandCurrentMonth":[4,"shorthand-current-month"],"static":[4],"showMonths":[2,"show-months"],"time_24hr":[4,"time_-2-4hr"],"weekNumbers":[4,"week-numbers"],"wrap":[4]}],[4,"salla-tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}],[4,"salla-tab-header",{"name":[1],"activeClass":[1,"active-class"],"height":[8],"centered":[4],"isSelected":[32],"getChild":[64]}],[4,"salla-tabs",{"backgroundColor":[1,"background-color"],"vertical":[4]},[[0,"tabSelected","onSelectedTab"]]],[0,"salla-file-upload",{"value":[1537],"files":[513],"height":[513],"cartItemId":[1,"cart-item-id"],"profileImage":[516,"profile-image"],"name":[1537],"payloadName":[1,"payload-name"],"accept":[1537],"fileId":[2,"file-id"],"url":[1025],"method":[1],"formData":[1,"form-data"],"required":[4],"maxFileSize":[1,"max-file-size"],"disabled":[4],"allowDrop":[4,"allow-drop"],"allowBrowse":[4,"allow-browse"],"allowPaste":[4,"allow-paste"],"allowMultiple":[4,"allow-multiple"],"allowReplace":[4,"allow-replace"],"allowRevert":[4,"allow-revert"],"allowRemove":[4,"allow-remove"],"allowProcess":[4,"allow-process"],"allowReorder":[4,"allow-reorder"],"storeAsFile":[4,"store-as-file"],"forceRevert":[4,"force-revert"],"maxFilesCount":[2,"max-files-count"],"maxParallelUploads":[2,"max-parallel-uploads"],"checkValidity":[4,"check-validity"],"itemInsertLocation":[1,"item-insert-location"],"itemInsertInterval":[2,"item-insert-interval"],"credits":[4],"dropOnPage":[4,"drop-on-page"],"dropOnElement":[4,"drop-on-element"],"dropValidation":[4,"drop-validation"],"ignoredFiles":[16],"instantUpload":[1028,"instant-upload"],"chunkUploads":[4,"chunk-uploads"],"chunkForce":[4,"chunk-force"],"chunkSize":[2,"chunk-size"],"chunkRetryDelays":[16],"labelDecimalSeparator":[1,"label-decimal-separator"],"labelThousandsSeparator":[1,"label-thousands-separator"],"labelIdle":[1025,"label-idle"],"iconRemove":[1,"icon-remove"],"iconProcess":[1,"icon-process"],"iconRetry":[1,"icon-retry"],"iconUndo":[1,"icon-undo"],"setOption":[64]}],[4,"salla-slider",{"blockTitle":[513,"block-title"],"listenToThumbnailsOption":[516,"listen-to-thumbnails-option"],"blockSubtitle":[513,"block-subtitle"],"displayAllUrl":[513,"display-all-url"],"arrowsCentered":[516,"arrows-centered"],"verticalThumbs":[516,"vertical-thumbs"],"vertical":[516],"autoHeight":[516,"auto-height"],"showControls":[516,"show-controls"],"controlsOuter":[516,"controls-outer"],"showThumbsControls":[4,"show-thumbs-controls"],"autoPlay":[4,"auto-play"],"slidesPerView":[1,"slides-per-view"],"pagination":[4],"centered":[4],"loop":[4],"type":[1],"sliderConfig":[520,"slider-config"],"thumbsConfig":[520,"thumbs-config"],"currentIndex":[32],"isEnd":[32],"isBeginning":[32],"isRTL":[32],"swiperScript":[32],"displayAllTitle":[32],"slideTo":[64],"slideNext":[64],"slidePrev":[64],"slideToLoop":[64],"slideNextLoop":[64],"slidePrevLoop":[64],"slideReset":[64],"slideToClosest":[64],"update":[64],"updateAutoHeight":[64],"updateSlides":[64],"updateProgress":[64],"updateSlidesClasses":[64],"getSlides":[64]}],[4,"salla-list-tile",{"href":[1],"target":[1]}],[0,"salla-tel-input",{"phone":[1025],"name":[1],"countryCode":[1025,"country-code"],"mobileRequired":[32],"countryCodeLabel":[32],"mobileLabel":[32],"tooShort":[32],"tooLong":[32],"invalidCountryCode":[32],"invalidNumber":[32],"errorMap":[32],"getValues":[64],"isValid":[64]}],[4,"salla-placeholder",{"icon":[1],"alignment":[1],"iconSize":[1,"icon-size"],"translationLoaded":[32]}],[0,"salla-skeleton",{"type":[1],"width":[1],"height":[1]}],[4,"salla-modal",{"isClosable":[1028,"is-closable"],"width":[513],"position":[513],"visible":[516],"hasSkeleton":[516,"has-skeleton"],"isLoading":[1540,"is-loading"],"subTitleFirst":[4,"sub-title-first"],"noPadding":[4,"no-padding"],"subTitle":[1,"sub-title"],"centered":[4],"iconStyle":[1,"icon-style"],"modalTitle":[32],"open":[64],"close":[64],"setTitle":[64],"loading":[64],"stopLoading":[64]},[[0,"keyup","handleKeyUp"]]],[4,"salla-button",{"shape":[513],"color":[513],"fill":[513],"size":[513],"width":[513],"loading":[516],"disabled":[516],"loaderPosition":[1,"loader-position"],"href":[1],"load":[64],"stop":[64],"setText":[64],"disable":[64],"enable":[64]}],[0,"salla-loading",{"size":[8],"width":[8],"color":[1],"bgColor":[1,"bg-color"]}]]],["salla-product-options",[[0,"salla-product-options",{"productId":[2,"product-id"],"options":[1],"optionsData":[32],"outOfStockText":[32],"donationAmount":[32],"selectedOptions":[32],"canDisabled":[32],"selectedSkus":[32],"selectedOutSkus":[32],"getSelectedOptionsData":[64],"reportValidity":[64],"hasOutOfStockOption":[64],"getSelectedOptions":[64],"getOption":[64]}]]],["salla-add-product-button",[[4,"salla-add-product-button",{"channels":[513],"subscribedOptions":[1,"subscribed-options"],"quickBuy":[1540,"quick-buy"],"quantity":[514],"donatingAmount":[514,"donating-amount"],"notifyOptionsAvailability":[516,"notify-options-availability"],"productId":[520,"product-id"],"supportStickyBar":[516,"support-sticky-bar"],"productStatus":[513,"product-status"],"productType":[513,"product-type"],"hasOutOfStockOption":[32],"hasSubscribedOptions":[32],"selectedOptions":[32],"showQuickBuy":[32]}]]],["salla-comment-form",[[0,"salla-comment-form",{"type":[1537],"showAvatar":[4,"show-avatar"],"itemId":[1544,"item-id"],"placeholder":[32],"submitText":[32],"canComment":[32]}]]],["salla-installment",[[0,"salla-installment",{"price":[1],"language":[1],"currency":[1],"tamaraIsActive":[32],"tabbyIsActive":[32],"spotiiIsActive":[32]}]]],["salla-loyalty-prize-item",[[0,"salla-loyalty-prize-item",{"item":[16]}]]],["salla-select",[[0,"salla-select",{"label":[1],"items":[16],"itemText":[1,"item-text"],"itemValue":[1,"item-value"],"itemDisabled":[1,"item-disabled"],"size":[1],"value":[1032],"autofocus":[4],"clearable":[4],"clearIcon":[1,"clear-icon"],"color":[1],"flat":[4],"disabled":[4],"loading":[4],"loadingColor":[1,"loading-color"],"hint":[1],"persistHint":[4,"persist-hint"],"placeholder":[1],"multiple":[4],"autocomplete":[4],"required":[4],"chips":[4],"shape":[1],"returnObject":[4,"return-object"],"hideDetail":[4,"hide-detail"]}]]],["salla-conditional-fields",[[4,"salla-conditional-fields",null,[[0,"change","changeHandler"]]]]]]'),e)}));
+import{p as plt,w as win,d as doc,N as NAMESPACE,a as promiseResolve,b as bootstrapLazy}from"./index-f1d446ac.js";import{g as globalScripts}from"./app-globals-30874674.js";import"./_commonjsHelpers-a7c4abac.js";var getDynamicImportFunction=function(e){return"__sc_import_".concat(e.replace(/\s|-/g,"_"))};var patchBrowser=function(){{plt.$cssShim$=win.__cssshim}var e=Array.from(doc.querySelectorAll("script")).find((function(e){return new RegExp("/".concat(NAMESPACE,"(\\.esm)?\\.js($|\\?|#)")).test(e.src)||e.getAttribute("data-stencil-namespace")===NAMESPACE}));var a="";var t={};if(a!==""){t.resourcesUrl=new URL(".",a).href}else{t.resourcesUrl=new URL(".",new URL(e.getAttribute("data-resources-url")||e.src,win.location.href)).href;{patchDynamicImport(t.resourcesUrl,e)}if(!win.customElements){return import("./dom-a1a72c67.js").then((function(){return t}))}}return promiseResolve(t)};var patchDynamicImport=function(e,a){var t=getDynamicImportFunction(NAMESPACE);try{win[t]=new Function("w","return import(w);//".concat(Math.random()))}catch(l){var o=new Map;win[t]=function(l){var i=new URL(l,e).href;var r=o.get(i);if(!r){var s=doc.createElement("script");s.type="module";s.crossOrigin=a.crossOrigin;s.src=URL.createObjectURL(new Blob(["import * as m from '".concat(i,"'; window.").concat(t,".m = m;")],{type:"application/javascript"}));r=new Promise((function(e){s.onload=function(){e(win[t].m);s.remove()}}));o.set(i,r);doc.head.appendChild(s)}return r}}};patchBrowser().then((function(e){globalScripts();return bootstrapLazy(JSON.parse('[["salla-button_37",[[4,"salla-gifting",{"productId":[2,"product-id"],"widgetSubtitle":[1,"widget-subtitle"],"sectionTitle":[32],"sectionSubtitle":[32],"sectionBtnText":[32],"giftDetails":[32],"selectImageForYourGift":[32],"selectImageOrUpload":[32],"selectGiftMessage":[32],"giftCustomText":[32],"textId":[32],"incorrectGiftText":[32],"nextStep":[32],"senderNameLabel":[32],"receiverNameFieldLabel":[32],"receiverMobileFieldLabel":[32],"receiverEmailFieldLabel":[32],"emailPlaceholder":[32],"sendLater":[32],"selectSendDateAndTime":[32],"canNotEditOrderAfterSelectDate":[32],"sendGift":[32],"donationRequired":[32],"currentStep":[32],"showCalendar":[32],"showGiftText":[32],"currentLang":[32],"parentClass":[32],"errors":[32],"gift":[32],"selectedGiftTextOption":[32],"showTextArea":[32],"selectedImage":[32],"uploadedImage":[32],"selectedText":[32],"senderName":[32],"errorMessage":[32],"hasError":[32],"quantity":[32],"deliveryDate":[32],"timeZone":[32],"receiverName":[32],"receiverMobile":[32],"receiverCountryCode":[32],"receiverEmail":[32],"open":[64],"close":[64],"goToStep2":[64]}],[4,"salla-loyalty",{"prizePoints":[1544,"prize-points"],"customerPoints":[1538,"customer-points"],"prizeTitle":[1537,"prize-title"],"allowEmail":[4,"allow-email"],"allowMobile":[4,"allow-mobile"],"requireEmail":[4,"require-email"],"guestMessage":[1025,"guest-message"],"loyaltyProgram":[32],"buttonLoading":[32],"selectedItem":[32],"askConfirmation":[32],"is_loggedin":[32],"hasError":[32],"errorMessage":[32],"translationLoaded":[32],"open":[64],"close":[64],"resetExchange":[64],"exchangeLoyaltyPoint":[64]}],[4,"salla-product-size-guide",{"guides":[32],"productId":[32],"placeholder_title":[32],"placeholder_description":[32],"modal_title":[32],"hasError":[32],"open":[64],"close":[64]}],[4,"salla-login-modal",{"isEmailAllowed":[1028,"is-email-allowed"],"isMobileAllowed":[1028,"is-mobile-allowed"],"isEmailRequired":[1028,"is-email-required"],"supportWebAuth":[516,"support-web-auth"],"currentTabName":[32],"regType":[32],"translationLoaded":[32],"title":[32],"emailErrorMsg":[32],"firstNameErrorMsg":[32],"lastNameErrorMsg":[32],"dragAndDrop":[32],"browseFromFiles":[32],"customFields":[32],"uploadedImage":[32],"open":[64]},[[8,"verified","onVerified"]]],[0,"salla-offer-modal",{"offer":[32],"offer_name":[32],"offer_message":[32],"hasError":[32],"errorMessage":[32],"productID":[32],"offer_type":[32],"translationLoaded":[32],"addToCartLabel":[32],"open":[64],"showOffer":[64]}],[0,"salla-rating-modal",{"orderId":[2,"order-id"],"order":[32],"hasError":[32],"errorMessage":[32],"translationLoaded":[32],"open":[64],"close":[64]}],[4,"salla-scopes",{"selection":[1],"searchDisplayLimit":[2,"search-display-limit"],"translationLoaded":[32],"mode":[32],"current_scope":[32],"scopes":[32],"originalScopesList":[32],"selected_scope":[32],"isOpenedBefore":[32],"hasError":[32],"loading":[32],"close":[64],"open":[64],"handleSubmit":[64]}],[0,"salla-localization-modal",{"language":[1537],"currency":[1537],"translationLoaded":[32],"languages":[32],"currencies":[32],"hasError":[32],"errorMessage":[32],"open":[64],"close":[64],"submit":[64]}],[0,"salla-quick-order",{"quickOrderTitle":[1025,"quick-order-title"],"subTitle":[1025,"sub-title"],"payButtonTitle":[1025,"pay-button-title"],"confirmPayButtonTitle":[1025,"confirm-pay-button-title"],"agreementText":[1025,"agreement-text"],"isEmailRequired":[1028,"is-email-required"],"productId":[1025,"product-id"],"thanksMessage":[1025,"thanks-message"],"quickOrderStyle":[1025,"quick-order-style"],"user":[32],"isAvailable":[32],"oneClick":[32],"expanded":[32],"isTermsRequired":[32],"countryCode":[32],"submitSucess":[32],"placeHolderEmail":[32],"emailOptional":[32],"agreementShowText":[32],"agreementModalHead":[32],"userNameLabel":[32],"termsChecked":[32]}],[0,"salla-user-settings",{"isNotifiable":[516,"is-notifiable"],"deactivateAccount":[32],"promotionalMsgs":[32],"deactivateDesc":[32],"promotionalMsgsDesc":[32],"sorryForLeavingText":[32],"warningText":[32],"keepAccount":[32],"buttonLoading":[32]}],[0,"salla-search",{"inline":[4],"oval":[4],"height":[2],"translationLoaded":[32],"results":[32],"loading":[32],"typing":[32],"debounce":[32],"search_term":[32]},[[0,"keydown","handleKeyDown"]]],[4,"salla-social-share",{"url":[513],"urlName":[513,"url-name"],"platforms":[513],"opened":[32],"allPlatforms":[32],"platformIcons":[32],"convertedPlatforms":[32],"open":[64]}],[4,"salla-cart-summary",{"showCartLabel":[4,"show-cart-label"],"cartSummaryCount":[32],"cartSummaryTotal":[32],"cartLabel":[32],"animateToCart":[64]}],[0,"salla-count-down",{"date":[1],"boxed":[4],"size":[1],"color":[1],"labeled":[4],"endText":[1,"end-text"],"digits":[1],"endOfDay":[4,"end-of-day"],"daysLabel":[32],"hoursLabel":[32],"minutesLabel":[32],"secondsLabel":[32],"endLabel":[32],"invalidDate":[32],"offerEnded":[32],"countInterval":[32],"endCountDown":[64]}],[4,"salla-infinite-scroll",{"nextPage":[1,"next-page"],"autoload":[1028],"container":[1],"item":[1],"loadMore":[32],"noMore":[32],"failedToLoad":[32]}],[4,"salla-quantity-input",{"quantity":[32],"decrease":[64],"increase":[64],"setValue":[64]}],[0,"salla-user-menu",{"inline":[516],"avatarOnly":[516,"avatar-only"],"showHeader":[516,"show-header"],"relativeDropdown":[516,"relative-dropdown"],"accountLoading":[32],"opened":[32],"notifications":[32],"orders":[32],"pending_orders":[32],"wishlist":[32],"profile":[32],"rating":[32],"logout":[32],"hello":[32],"first_name":[32],"last_name":[32],"avatar":[32],"badges":[32],"hasBadges":[32],"OrderUpdate":[32]}],[0,"salla-product-availability",{"channels":[1],"notifyOptionsAvailability":[4,"notify-options-availability"],"productId":[2,"product-id"],"isSubscribed":[1028,"is-subscribed"],"translationLoaded":[32],"title_":[32],"isVisitorSubscribed":[32]}],[4,"salla-map",{"name":[1],"required":[4],"readonly":[4],"searchable":[1028],"lat":[1026],"lng":[1026],"apiKey":[1025,"api-key"],"modalTitle":[1,"modal-title"],"zoom":[1026],"theme":[1025],"modalActivityTitle":[32],"confirmButtonTitle":[32],"locateButtonTitle":[32],"locateButtonEdit":[32],"searchPlaceholder":[32],"searchInputValue":[32],"formattedAddress":[32],"geolocationError":[32],"searchInput":[32],"mapInput":[32],"mapElement":[32],"selectedLat":[32],"selectedLng":[32],"open":[64]}],[4,"salla-verify",{"display":[1],"type":[1025],"autoReload":[4,"auto-reload"],"supportWebAuth":[4,"support-web-auth"],"translationLoaded":[32],"title":[32],"resendAfter":[32],"isProfileVerify":[32],"getCode":[64],"open":[64]}],[0,"salla-quick-buy",{"type":[1025],"productId":[1025,"product-id"],"amount":[1538],"currency":[1025],"options":[16],"isRequireShipping":[1028,"is-require-shipping"],"isApplePayActive":[32],"quickBuy":[32]}],[4,"salla-color-picker",{"name":[1],"required":[4],"color":[1537],"format":[1],"showCancelButton":[4,"show-cancel-button"],"showTextField":[4,"show-text-field"],"enableAlpha":[4,"enable-alpha"],"widgetColor":[32],"setPickerOption":[64],"movePopUp":[64],"setColorValue":[64],"openPicker":[64],"closePicker":[64],"destroyPicker":[64]}],[0,"salla-progress-bar",{"donation":[1],"target":[1026],"value":[1026],"height":[1025],"header":[1025],"stripped":[1028],"message":[1025],"unit":[1025],"color":[1025]}],[0,"salla-rating-stars",{"name":[1],"size":[1],"value":[2],"reviews":[2]}],[0,"salla-datetime-picker",{"value":[1537],"required":[4],"name":[513],"placeholder":[1],"allowInput":[4,"allow-input"],"allowInvalidPreload":[4,"allow-invalid-preload"],"altFormat":[1,"alt-format"],"altInput":[4,"alt-input"],"altInputClass":[1,"alt-input-class"],"appendTo":[16],"ariaDateFormat":[1,"aria-date-format"],"autoFillDefaultTime":[4,"auto-fill-default-time"],"clickOpens":[4,"click-opens"],"closeOnSelect":[4,"close-on-select"],"conjunction":[1],"dateFormat":[1,"date-format"],"defaultDate":[8,"default-date"],"defaultHour":[2,"default-hour"],"defaultMinute":[2,"default-minute"],"defaultSeconds":[2,"default-seconds"],"disable":[16],"disableMobile":[4,"disable-mobile"],"enable":[16],"enableSeconds":[4,"enable-seconds"],"enableTime":[4,"enable-time"],"formatDate":[16],"hourIncrement":[2,"hour-increment"],"inline":[4],"locale":[1],"maxDate":[8,"max-date"],"maxTime":[8,"max-time"],"minDate":[8,"min-date"],"minTime":[8,"min-time"],"minuteIncrement":[2,"minute-increment"],"mode":[1],"monthSelectorType":[1,"month-selector-type"],"nextArrow":[1,"next-arrow"],"noCalendar":[4,"no-calendar"],"dateParser":[16],"position":[1],"positionElement":[16],"prevArrow":[1,"prev-arrow"],"shorthandCurrentMonth":[4,"shorthand-current-month"],"static":[4],"showMonths":[2,"show-months"],"time_24hr":[4,"time_-2-4hr"],"weekNumbers":[4,"week-numbers"],"wrap":[4]}],[4,"salla-tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}],[4,"salla-tab-header",{"name":[1],"activeClass":[1,"active-class"],"height":[8],"centered":[4],"isSelected":[32],"getChild":[64]}],[4,"salla-tabs",{"backgroundColor":[1,"background-color"],"vertical":[4]},[[0,"tabSelected","onSelectedTab"]]],[0,"salla-file-upload",{"value":[1537],"files":[513],"height":[513],"cartItemId":[1,"cart-item-id"],"profileImage":[516,"profile-image"],"name":[1537],"payloadName":[1,"payload-name"],"accept":[1537],"fileId":[2,"file-id"],"url":[1025],"method":[1],"formData":[1,"form-data"],"required":[4],"maxFileSize":[1,"max-file-size"],"disabled":[4],"allowDrop":[4,"allow-drop"],"allowBrowse":[4,"allow-browse"],"allowPaste":[4,"allow-paste"],"allowMultiple":[4,"allow-multiple"],"allowReplace":[4,"allow-replace"],"allowRevert":[4,"allow-revert"],"allowRemove":[4,"allow-remove"],"allowProcess":[4,"allow-process"],"allowReorder":[4,"allow-reorder"],"storeAsFile":[4,"store-as-file"],"forceRevert":[4,"force-revert"],"maxFilesCount":[2,"max-files-count"],"maxParallelUploads":[2,"max-parallel-uploads"],"checkValidity":[4,"check-validity"],"itemInsertLocation":[1,"item-insert-location"],"itemInsertInterval":[2,"item-insert-interval"],"credits":[4],"dropOnPage":[4,"drop-on-page"],"dropOnElement":[4,"drop-on-element"],"dropValidation":[4,"drop-validation"],"ignoredFiles":[16],"instantUpload":[1028,"instant-upload"],"chunkUploads":[4,"chunk-uploads"],"chunkForce":[4,"chunk-force"],"chunkSize":[2,"chunk-size"],"chunkRetryDelays":[16],"labelDecimalSeparator":[1,"label-decimal-separator"],"labelThousandsSeparator":[1,"label-thousands-separator"],"labelIdle":[1025,"label-idle"],"iconRemove":[1,"icon-remove"],"iconProcess":[1,"icon-process"],"iconRetry":[1,"icon-retry"],"iconUndo":[1,"icon-undo"],"setOption":[64]}],[4,"salla-slider",{"blockTitle":[513,"block-title"],"listenToThumbnailsOption":[516,"listen-to-thumbnails-option"],"blockSubtitle":[513,"block-subtitle"],"displayAllUrl":[513,"display-all-url"],"arrowsCentered":[516,"arrows-centered"],"verticalThumbs":[516,"vertical-thumbs"],"vertical":[516],"autoHeight":[516,"auto-height"],"showControls":[516,"show-controls"],"controlsOuter":[516,"controls-outer"],"showThumbsControls":[4,"show-thumbs-controls"],"autoPlay":[4,"auto-play"],"slidesPerView":[1,"slides-per-view"],"pagination":[4],"centered":[4],"loop":[4],"type":[1],"sliderConfig":[520,"slider-config"],"thumbsConfig":[520,"thumbs-config"],"currentIndex":[32],"isEnd":[32],"isBeginning":[32],"isRTL":[32],"swiperScript":[32],"displayAllTitle":[32],"slideTo":[64],"slideNext":[64],"slidePrev":[64],"slideToLoop":[64],"slideNextLoop":[64],"slidePrevLoop":[64],"slideReset":[64],"slideToClosest":[64],"update":[64],"updateAutoHeight":[64],"updateSlides":[64],"updateProgress":[64],"updateSlidesClasses":[64],"getSlides":[64]}],[4,"salla-list-tile",{"href":[1],"target":[1]}],[0,"salla-tel-input",{"phone":[1025],"name":[1],"countryCode":[1025,"country-code"],"mobileRequired":[32],"countryCodeLabel":[32],"mobileLabel":[32],"tooShort":[32],"tooLong":[32],"invalidCountryCode":[32],"invalidNumber":[32],"errorMap":[32],"getValues":[64],"isValid":[64]}],[4,"salla-placeholder",{"icon":[1],"alignment":[1],"iconSize":[1,"icon-size"],"translationLoaded":[32]}],[0,"salla-skeleton",{"type":[1],"width":[1],"height":[1]}],[4,"salla-modal",{"isClosable":[1028,"is-closable"],"width":[513],"position":[513],"visible":[516],"hasSkeleton":[516,"has-skeleton"],"isLoading":[1540,"is-loading"],"subTitleFirst":[4,"sub-title-first"],"noPadding":[4,"no-padding"],"subTitle":[1,"sub-title"],"centered":[4],"iconStyle":[1,"icon-style"],"modalTitle":[32],"open":[64],"close":[64],"setTitle":[64],"loading":[64],"stopLoading":[64]},[[0,"keyup","handleKeyUp"]]],[4,"salla-button",{"shape":[513],"color":[513],"fill":[513],"size":[513],"width":[513],"loading":[516],"disabled":[516],"loaderPosition":[1,"loader-position"],"href":[1],"load":[64],"stop":[64],"setText":[64],"disable":[64],"enable":[64]}],[0,"salla-loading",{"size":[8],"width":[8],"color":[1],"bgColor":[1,"bg-color"]}]]],["salla-product-options",[[0,"salla-product-options",{"productId":[2,"product-id"],"options":[1],"optionsData":[32],"outOfStockText":[32],"donationAmount":[32],"selectedOptions":[32],"canDisabled":[32],"selectedSkus":[32],"selectedOutSkus":[32],"getSelectedOptionsData":[64],"reportValidity":[64],"hasOutOfStockOption":[64],"getSelectedOptions":[64],"getOption":[64]}]]],["salla-add-product-button",[[4,"salla-add-product-button",{"channels":[513],"subscribedOptions":[1,"subscribed-options"],"quickBuy":[1540,"quick-buy"],"quantity":[514],"donatingAmount":[514,"donating-amount"],"notifyOptionsAvailability":[516,"notify-options-availability"],"productId":[520,"product-id"],"supportStickyBar":[516,"support-sticky-bar"],"productStatus":[513,"product-status"],"productType":[513,"product-type"],"hasOutOfStockOption":[32],"hasSubscribedOptions":[32],"selectedOptions":[32],"showQuickBuy":[32]}]]],["salla-comment-form",[[0,"salla-comment-form",{"type":[1537],"showAvatar":[4,"show-avatar"],"itemId":[1544,"item-id"],"placeholder":[32],"submitText":[32],"canComment":[32]}]]],["salla-installment",[[0,"salla-installment",{"price":[1],"language":[1],"currency":[1],"tamaraIsActive":[32],"tabbyIsActive":[32],"spotiiIsActive":[32]}]]],["salla-loyalty-prize-item",[[0,"salla-loyalty-prize-item",{"item":[16]}]]],["salla-select",[[0,"salla-select",{"label":[1],"items":[16],"itemText":[1,"item-text"],"itemValue":[1,"item-value"],"itemDisabled":[1,"item-disabled"],"size":[1],"value":[1032],"autofocus":[4],"clearable":[4],"clearIcon":[1,"clear-icon"],"color":[1],"flat":[4],"disabled":[4],"loading":[4],"loadingColor":[1,"loading-color"],"hint":[1],"persistHint":[4,"persist-hint"],"placeholder":[1],"multiple":[4],"autocomplete":[4],"required":[4],"chips":[4],"shape":[1],"returnObject":[4,"return-object"],"hideDetail":[4,"hide-detail"]}]]],["salla-conditional-fields",[[4,"salla-conditional-fields",null,[[0,"change","changeHandler"]]]]]]'),e)}));
+//# sourceMappingURL=twilight.js.map

package/dist/esm-es5/twilight.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"names":["getDynamicImportFunction","namespace","concat","replace","patchBrowser","plt","$cssShim$","win","__cssshim","scriptElm","Array","from","doc","querySelectorAll","find","s","RegExp","NAMESPACE","test","src","getAttribute","importMeta","opts","resourcesUrl","URL","href","location","patchDynamicImport","customElements","import","then","promiseResolve","base","orgScriptElm","importFunctionName","Function","Math","random","e","moduleMap_1","Map","url","mod","get","script_1","createElement","type","crossOrigin","createObjectURL","Blob","Promise","resolve","onload","m","remove","set","head","appendChild","options","globalScripts","bootstrapLazy","JSON","parse"],"mappings":";;;mNAKA,IAAMA,yBAA2B,SAACC,GAAc,MAAA,eAAAC,OAAeD,EAAUE,QAAQ,QAAS,OAC1F,IAAMC,aAAe,WAKK,CAElBC,IAAIC,UAAYC,IAAIC,UAkBxB,IAAMC,EACAC,MAAMC,KAAKC,IAAIC,iBAAiB,WAAWC,MAAK,SAACC,GAAM,OAAA,IAAIC,OAAO,IAAAd,OAAKe,UAAS,4BAA2BC,KAAKH,EAAEI,MAChHJ,EAAEK,aAAa,4BAA8BH,aAErD,IAAMI,EAAa,GACnB,IAAMC,EAA6D,GAenE,GAAuBD,IAAe,GAAI,CACtCC,EAAKC,aAAe,IAAIC,IAAI,IAAKH,GAAYI,SAEG,CAChDH,EAAKC,aAAe,IAAIC,IAAI,IAAK,IAAIA,IAAIf,EAAUW,aAAa,uBAAyBX,EAAUU,IAAKZ,IAAImB,SAASD,OAAOA,KAC/F,CACzBE,mBAAmBL,EAAKC,aAAcd,GAE1C,IAAgCF,IAAIqB,eAAgB,CAGhD,OAAOC,OAA+C,qBAAYC,MAAK,WAAM,OAAAR,MAGrF,OAAOS,eAAeT,IAE1B,IAAMK,mBAAqB,SAACK,EAAMC,GAC9B,IAAMC,EAAqBlC,yBAAyBiB,WACpD,IAKIV,IAAI2B,GAAsB,IAAIC,SAAS,IAAK,sBAAAjC,OAAsBkC,KAAKC,WAE3E,MAAOC,GAIH,IAAMC,EAAY,IAAIC,IACtBjC,IAAI2B,GAAsB,SAACf,GACvB,IAAMsB,EAAM,IAAIjB,IAAIL,EAAKa,GAAMP,KAC/B,IAAIiB,EAAMH,EAAUI,IAAIF,GACxB,IAAKC,EAAK,CACN,IAAME,EAAShC,IAAIiC,cAAc,UACjCD,EAAOE,KAAO,SACdF,EAAOG,YAAcd,EAAac,YAClCH,EAAOzB,IAAMK,IAAIwB,gBAAgB,IAAIC,KAAK,CAAC,uBAAA/C,OAAuBuC,EAAG,cAAAvC,OAAagC,EAAkB,YAAY,CAC5GY,KAAM,4BAEVJ,EAAM,IAAIQ,SAAQ,SAACC,GACfP,EAAOQ,OAAS,WACZD,EAAQ5C,IAAI2B,GAAoBmB,GAChCT,EAAOU,aAGff,EAAUgB,IAAId,EAAKC,GACnB9B,IAAI4C,KAAKC,YAAYb,GAEzB,OAAOF,KCjGnBtC,eAAe0B,MAAK,SAAA4B,GAClBC,gBACA,OAAOC,cAAcC,KAAAC,MAAA,02cAAuCJ","sourcesContent":["/*\n Stencil Client Patch Browser v2.17.4 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","import { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"]}