@salla.sa/twilight-components
Version:
Salla Web Component
11 lines • 726 kB
JavaScript
/*!
* Crafted with ❤ by Salla
*/
import{r as t,c as i,h as e,H as n,g as a,F as s}from"./p-bdd00808.js";import{a as r}from"./p-5a803ecc.js";import{C as o}from"./p-0186ffc1.js";import{H as l}from"./p-cff377ac.js";import{a as c,c as u,g as d}from"./p-f84bae34.js";import{a as h}from"./p-91a1d8b6.js";import{M as p}from"./p-829825ab.js";import{w as f}from"./p-2afded73.js";import{f as g,t as v}from"./p-ba0eb7d9.js";import{C as m}from"./p-4f6a5307.js";const _=`\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="30" height="32" viewBox="0 0 30 32">\n<title>cart</title>\n<path d="M15.426 28.084c0-1.412-0.85-2.684-2.156-3.226-1.305-0.54-2.807-0.241-3.805 0.758-0.999 0.998-1.298 2.5-0.758 3.805 0.54 1.303 1.815 2.155 3.226 2.155 1.928-0.003 3.49-1.564 3.492-3.492h0.001zM10.597 28.084h0.001c0-0.54 0.326-1.027 0.825-1.235 0.498-0.206 1.074-0.091 1.455 0.29 0.383 0.382 0.497 0.957 0.29 1.456-0.208 0.5-0.695 0.825-1.235 0.825-0.355 0-0.695-0.142-0.944-0.391-0.251-0.251-0.392-0.591-0.392-0.946h-0.001l0.001 0.001zM28.23 28.084c0-1.412-0.85-2.684-2.155-3.226-1.305-0.54-2.807-0.241-3.806 0.758s-1.297 2.5-0.756 3.805c0.54 1.303 1.813 2.155 3.226 2.155 1.927-0.003 3.49-1.564 3.491-3.492zM23.401 28.084c0-0.54 0.326-1.027 0.825-1.235 0.5-0.206 1.075-0.091 1.457 0.29s0.497 0.957 0.289 1.456c-0.206 0.5-0.693 0.825-1.233 0.825-0.738 0-1.337-0.599-1.337-1.337l-0.001 0.001zM1.953 0.234l-0.342-0.059c-0.29-0.064-0.594-0.004-0.839 0.166-0.247 0.169-0.414 0.436-0.463 0.734-0.050 0.3 0.023 0.607 0.201 0.85s0.444 0.402 0.738 0.44l0.341 0.059c1.825 0.324 3.248 1.794 3.548 3.662l1.981 12.369h-0.001c0.218 1.387 0.913 2.651 1.96 3.563s2.379 1.412 3.754 1.41h14.242c0.601 0 1.088-0.498 1.088-1.112s-0.487-1.112-1.088-1.112h-14.242c-1.679-0.001-3.139-1.183-3.525-2.854h11.463c1.614 0.004 3.188-0.518 4.493-1.49 1.305-0.973 2.271-2.346 2.762-3.918l1.298-4.136c0.145-0.455 0.065-0.953-0.213-1.336-0.278-0.385-0.72-0.608-1.187-0.602h-20.467l-0.181-1.141c-0.218-1.367-0.849-2.631-1.802-3.615-0.954-0.983-2.184-1.64-3.518-1.878h-0.001zM26.946 9.096l-0.993 3.169v-0.001c-0.353 1.122-1.044 2.101-1.975 2.796s-2.056 1.067-3.208 1.067h-11.833l-1.125-7.042 19.134 0.011z"></path>\n</svg>\n`;const b=`\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>full-wallet</title>\n<path d="M29 12h-26c-0.668-0.008-1.284-0.226-1.787-0.59l0.009 0.006c-0.744-0.552-1.222-1.428-1.222-2.416 0-1.657 1.343-3 2.999-3h6c0.552 0 1 0.448 1 1s-0.448 1-1 1v0h-6c-0.552 0-1 0.448-1 1 0 0.326 0.156 0.616 0.397 0.798l0.002 0.002c0.167 0.12 0.374 0.194 0.599 0.2l0.001 0h26c0.552 0 1 0.448 1 1s-0.448 1-1 1v0zM27 12c-0.552 0-1-0.448-1-1v0-3h-3c-0.552 0-1-0.448-1-1s0.448-1 1-1v0h4c0.552 0 1 0.448 1 1v0 4c0 0.552-0.448 1-1 1v0zM29 30h-26c-1.657 0-3-1.343-3-3v0-18c0-0.552 0.448-1 1-1s1 0.448 1 1v0 18c0 0.552 0.448 1 1 1v0h25v-5c0-0.552 0.448-1 1-1s1 0.448 1 1v0 6c0 0.552-0.448 1-1 1v0zM29 18c-0.552 0-1-0.448-1-1v0-6c0-0.552 0.448-1 1-1s1 0.448 1 1v0 6c0 0.552-0.448 1-1 1v0zM31 24h-7c-2.209 0-4-1.791-4-4s1.791-4 4-4v0h7c0.552 0 1 0.448 1 1v0 6c0 0.552-0.448 1-1 1v0zM24 18c-1.105 0-2 0.895-2 2s0.895 2 2 2v0h6v-4zM25 12c-0.001 0-0.001 0-0.002 0-0.389 0-0.726-0.222-0.891-0.546l-0.003-0.006-3.552-7.106-2.306 1.152c-0.13 0.066-0.284 0.105-0.447 0.105-0.552 0-1-0.448-1-1 0-0.39 0.223-0.727 0.548-0.892l0.006-0.003 3.2-1.6c0.13-0.067 0.284-0.106 0.447-0.106 0.39 0 0.727 0.223 0.892 0.548l0.003 0.006 4 8c0.067 0.13 0.106 0.285 0.106 0.448 0 0.552-0.448 1-1 1v0zM21 12c-0.001 0-0.001 0-0.002 0-0.389 0-0.726-0.222-0.891-0.546l-0.003-0.006-3.552-7.106-15.104 7.552c-0.13 0.066-0.284 0.105-0.447 0.105-0.552 0-1-0.448-1-1 0-0.39 0.223-0.727 0.548-0.892l0.006-0.003 16-8c0.13-0.067 0.284-0.106 0.447-0.106 0.39 0 0.727 0.223 0.892 0.548l0.003 0.006 4 8c0.067 0.13 0.106 0.285 0.106 0.448 0 0.552-0.448 1-1 1-0.001 0-0.001 0-0.002 0h0z"></path>\n</svg>\n`;const w=":host{display:block}salla-add-product-button[width=wide]{width:100%}";const x=class{constructor(e){t(this,e);this.success=i(this,"success",7);this.failed=i(this,"failed",7);this.hostAttributes={};this.channels=undefined;this.subscribedOptions=undefined;this.quickBuy=undefined;this.quantity=undefined;this.donatingAmount=undefined;this.notifyOptionsAvailability=undefined;this.productId=undefined;this.supportStickyBar=undefined;this.productStatus="sale";this.productType="product";this.hasOutOfStockOption=undefined;this.hasSubscribedOptions=undefined;this.selectedOptions=[];this.showQuickBuy=undefined;this.isApplePayActive=undefined;this.buyNowText=salla.lang.get("pages.products.buy_now");salla.lang.onLoaded((()=>{this.buyNowText=salla.lang.get("pages.products.buy_now")}))}getLabel(){if(this.productStatus==="sale"&&this.supportStickyBar&&window.innerWidth<=768&&this.showQuickBuy&&this.isApplePayActive){return _}if(this.productStatus==="sale"&&this.productType==="booking"){return salla.lang.get("pages.cart.book_now")}if(this.productStatus==="sale"){return salla.lang.get("pages.cart.add_to_cart")}if(this.productType!=="donating"){return salla.lang.get("pages.products.out_of_stock")}return salla.lang.get("pages.products.donation_exceed")}addProductToCart(t){var i;if(this.productType==="booking"){t.preventDefault();return this.addBookingProduct()}if(this.hostAttributes.type==="submit"){return false}t.preventDefault();(i=this.btn)===null||i===void 0?void 0:i.disable();const e=Object.entries({id:this.productId,donation_amount:this.donatingAmount,quantity:this.quantity,endpoint:"quickAdd"}).reduce(((t,[i,e])=>e?(t[i]=e,t):t),{});return salla.cart.addItem(e).then((t=>{var i;this.selectedOptions=[];(i=this.btn)===null||i===void 0?void 0:i.enable();this.success.emit(t)})).catch((t=>{var i;this.failed.emit(t);(i=this.btn)===null||i===void 0?void 0:i.enable()}))}addBookingProduct(){if(salla.config.isGuest()){salla.auth.api.setAfterLoginEvent("booking::add",this.productId);salla.event.dispatch("login::open");return}return salla.booking.add(this.productId).then((t=>this.success.emit(t))).catch((t=>this.failed.emit(t)))}getBtnAttributes(){for(let t=0;t<this.host.attributes.length;t++){if(!["id","class"].includes(this.host.attributes[t].name)){this.hostAttributes[this.host.attributes[t].name]=this.host.attributes[t].value}}return this.hostAttributes}getQuickBuyBtnAttributes(){return Object.assign(Object.assign({},this.getBtnAttributes()),{type:this.supportStickyBar&&window.innerWidth<=768?"plain":this.productType=="donating"?"donate":"buy"})}miniCheckoutWidget(){let t=salla.config.get("store.id");if(!t){return}return e("salla-mini-checkout-widget",{language:salla.lang.locale,"store-id":t,config:{user:salla.config.get("user")},products:[this.productId],api:salla.config.get("store.api"),outline:true,"form-selector":"form.product-form",class:"s-add-product-button-mini-checkout"},e("div",{slot:"widget-label",class:"s-add-product-button-mini-checkout-content"},e("span",{innerHTML:b}),this.buyNowText))}componentWillLoad(){return salla.onReady().then((()=>{var t,i,e;this.showQuickBuy=this.quickBuy&&salla.config.get("store.settings.buy_now")&&this.productStatus=="sale"&&this.productType!=="booking";this.isApplePayActive=((t=window.ApplePaySession)===null||t===void 0?void 0:t.canMakePayments())&&((i=salla.config.get("store.settings.payments"))===null||i===void 0?void 0:i.includes("apple_pay"))&&salla.config.get("store.settings.is_salla_gateway",false);this.passedLabel=this.host.innerHTML.replace("\x3c!----\x3e","").trim();if(!!this.passedLabel&&window.innerWidth>=768){return(e=this.btn)===null||e===void 0?void 0:e.setText(this.passedLabel)}if(this.host.getAttribute("type")==="submit"&&this.supportStickyBar){window.addEventListener("resize",(()=>{var t;return(t=this.btn)===null||t===void 0?void 0:t.setText(window.innerWidth>=768&&!!this.passedLabel?this.passedLabel:this.getLabel())}))}}))}render(){var t;if((t=this.host.closest(".swiper-slide"))===null||t===void 0?void 0:t.classList.contains("swiper-slide-duplicate")){return""}if(this.hasSubscribedOptions){return e(n,null,e("salla-product-availability",Object.assign({},this.getBtnAttributes(),{"is-subscribed":true}),e("span",{class:"s-hidden"},e("slot",null))))}if(this.productStatus==="out-and-notify"&&this.channels||this.hasOutOfStockOption){return e(n,null,e("salla-product-availability",Object.assign({},this.getBtnAttributes()),e("span",{class:"s-hidden"},e("slot",null))))}return e(n,{class:{"s-add-product-button-with-quick-buy":this.showQuickBuy,"s-add-product-button-with-sticky-bar":this.supportStickyBar,"s-add-product-button-with-apple-pay":this.showQuickBuy&&this.isApplePayActive}},e("div",{class:{"s-add-product-button-main":this.showQuickBuy,"w-full":!document.getElementById("fast-checkout-js")||["financial_support","donating"].includes(this.productType)}},e("salla-button",Object.assign({color:this.productStatus==="sale"?"primary":"light",type:"button",fill:this.productStatus==="sale"?"solid":"outline",ref:t=>this.btn=t,onClick:t=>this.addProductToCart(t),disabled:this.productStatus!=="sale"},this.getBtnAttributes(),{"loader-position":"center"}),e("slot",null)),this.showQuickBuy&&!!document.getElementById("fast-checkout-js")&&!["financial_support","donating"].includes(this.productType)?this.miniCheckoutWidget():""),this.showQuickBuy&&this.isApplePayActive?e("salla-quick-buy",Object.assign({},this.getQuickBuyBtnAttributes())):"")}componentDidLoad(){if(!this.notifyOptionsAvailability){return}salla.event.on("product-options::change",(async t=>{var i,e;if(!["thumbnail","color","single-option"].includes(t.option.type)){return}this.hasSubscribedOptions=false;this.selectedOptions=await((i=document.querySelector(`salla-product-options[product-id="${this.productId}"]`))===null||i===void 0?void 0:i.getSelectedOptions());this.hasOutOfStockOption=await((e=document.querySelector(`salla-product-options[product-id="${this.productId}"]`))===null||e===void 0?void 0:e.hasOutOfStockOption());let n=salla.storage.get(`product-${this.productId}-subscribed-options`);if(!n&&!this.subscribedOptions||!this.hasOutOfStockOption){return}if(salla.config.isGuest()){const t=n?n.map((t=>t.split(",").map((t=>parseInt(t))))):[];this.hasSubscribedOptions=t.length>0&&t.some((t=>t.every((t=>this.selectedOptions.some((i=>i.id===t))))))}else{this.hasSubscribedOptions=this.subscribedOptions&&this.subscribedOptions!=="null"&&this.subscribedOptions!=="[]"?JSON.parse(this.subscribedOptions).some((t=>t.every((t=>this.selectedOptions.some((i=>i.id===t)))))):false}}))}componentDidRender(){var t,i;if(!!this.passedLabel&&(!this.supportStickyBar||window.innerWidth>=768)){(t=this.btn)===null||t===void 0?void 0:t.setText(this.passedLabel);return}(i=this.btn)===null||i===void 0?void 0:i.setText(this.getLabel());salla.lang.onLoaded((()=>{var t;return(t=this.btn)===null||t===void 0?void 0:t.setText(this.getLabel())}))}get host(){return a(this)}};x.style=w;const y=`\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>info</title>\n<path d="M16 13.333c-0.737 0-1.333 0.596-1.333 1.333v9.333c0 0.737 0.596 1.333 1.333 1.333s1.333-0.596 1.333-1.333v-9.333c0-0.737-0.596-1.333-1.333-1.333zM16 7.987c-0.737 0-1.333 0.596-1.333 1.333v0.013c0 0.737 0.596 1.327 1.333 1.327s1.333-0.603 1.333-1.34-0.596-1.333-1.333-1.333zM16 0c-8.823 0-16 7.177-16 16s7.177 16 16 16 16-7.177 16-16-7.177-16-16-16zM16 29.333c-7.352 0-13.333-5.981-13.333-13.333s5.981-13.333 13.333-13.333 13.333 5.981 13.333 13.333-5.981 13.333-13.333 13.333z"></path>\n</svg>\n`;const k=`\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>shopping-bag2</title>\n<path d="M29.2 8.133c0 0 0-0.133-0.133-0.133 0 0 0-0.133-0.133-0.133l-4-5.333c-0.133-0.4-0.533-0.533-0.933-0.533h-16c-0.4 0-0.8 0.133-1.067 0.533l-4 5.333c0 0 0 0.133-0.133 0.133 0 0 0 0.133-0.133 0.133 0 0.267 0 0.4 0 0.533v18.667c0 2.267 1.733 4 4 4h18.667c2.267 0 4-1.733 4-4v-18.667c0-0.133 0-0.267-0.133-0.533zM8.667 4.667h14.667l2 2.667h-18.667l2-2.667zM25.333 28.667h-18.667c-0.8 0-1.333-0.533-1.333-1.333v-17.333h21.333v17.333c0 0.8-0.533 1.333-1.333 1.333zM21.333 12.667c-0.8 0-1.333 0.533-1.333 1.333 0 2.267-1.733 4-4 4s-4-1.733-4-4c0-0.8-0.533-1.333-1.333-1.333s-1.333 0.533-1.333 1.333c0 3.733 2.933 6.667 6.667 6.667s6.667-2.933 6.667-6.667c0-0.8-0.533-1.333-1.333-1.333z"></path>\n</svg>\n`;const E=":host{display:block}";const T=class{constructor(i){t(this,i);this.storeId=salla.config.get("store.id");this.template=salla.config.get("store.template");this.loading=false;this.templateData={};this.defaultMessage=salla.lang.get("common.elements.experimental_and_available_store");this.defaultActionLabel=salla.lang.get("common.elements.know_more");this.storeFeatures=salla.lang.get("common.elements.store_features");this.storeDetails=salla.lang.get("common.elements.store_details");this.storePrice=salla.lang.getWithDefault("common.elements.store_price","سعر المتجر");this.theDeveloper=salla.lang.get("common.elements.the_developer");this.templateInformation=salla.lang.get("common.elements.template_information");this.buyTheTemplate=salla.lang.get("common.elements.buy_the_template");this.isRtl=salla.config.get("theme.is_rtl",true);this.type="popup";this.icon=undefined;this.message=undefined;this.actionUrl=undefined;this.actionLabel=undefined;salla.lang.onLoaded((()=>{this.defaultMessage=salla.lang.get("common.elements.experimental_and_available_store");this.defaultActionLabel=salla.lang.get("common.elements.know_more");this.storeFeatures=salla.lang.get("common.elements.store_features");this.storeDetails=salla.lang.get("common.elements.store_details");this.templateInformation=salla.lang.get("common.elements.template_information");this.buyTheTemplate=salla.lang.get("common.elements.buy_the_template");salla.helpers.setNested(salla.lang.messages["ar.trans"],"common.elements.store_price","سعر المتجر");salla.helpers.setNested(salla.lang.messages["en.trans"],"common.elements.store_price","Store Price");salla.helpers.setNested(salla.lang.messages["ar.trans"],"common.elements.the_developer","المطور");salla.helpers.setNested(salla.lang.messages["en.trans"],"common.elements.the_developer","the developer");setTimeout((()=>{this.storePrice=salla.lang.get("common.elements.store_price");this.theDeveloper=salla.lang.get("common.elements.the_developer")}),100)}))}open(){return this.modal.open().then((()=>this.handleTemplateRequest()))}getDefaultMessage(){return this.isRtl?this.defaultMessage.substring(0,this.defaultMessage.lastIndexOf(" ")):this.defaultMessage.split(" ").slice(0,-2).join(" ")}handleTemplateRequest(){if(Object.keys(this.templateData).length){return}this.modal.loading();return salla.api.request(`/store/template`,{},"get",{"Store-Identifier":this.storeId}).then((t=>{this.modal.setTitle(this.templateInformation);this.templateData=t.data;this.modal.stopLoading()})).catch((()=>{this.modal.close()}))}handleAction(){if(this.type==="link"){window.location.href=this.actionUrl}if(this.type==="popup"){this.open()}}popup(){var t,i,n,a,s,r,o,l,c,u,d,h,p,f,g,v,m;return e("salla-modal",{class:"s-bottom-alert-modal",ref:t=>this.modal=t,"no-padding":true},Object.keys(this.templateData).length?[e("div",{class:"s-bottom-alert-modal-inner s-scrollbar"},Array.isArray((t=this.templateData)===null||t===void 0?void 0:t.screenshots)&&((n=(i=this.templateData)===null||i===void 0?void 0:i.screenshots)===null||n===void 0?void 0:n.length)?e("div",{class:"s-bottom-alert-modal-cover"},e("img",{src:(a=this.templateData)===null||a===void 0?void 0:a.screenshots[0],alt:""})):"",e("div",{class:{"s-bottom-alert-modal-content":true,"s-bottom-alert-modal-content-extra-padding":this.templateData.price}},((s=this.templateData)===null||s===void 0?void 0:s.description)?[e("div",{class:"s-bottom-alert-modal-content-title"},this.storeDetails),e("div",{class:"s-bottom-alert-modal-content-description",innerHTML:(r=this.templateData)===null||r===void 0?void 0:r.description}),e("hr",null)]:"",((o=this.templateData)===null||o===void 0?void 0:o.features)?[e("div",{class:"s-bottom-alert-modal-content-title"},this.storeFeatures),e("div",{class:"s-bottom-alert-modal-content-features",innerHTML:(l=this.templateData)===null||l===void 0?void 0:l.features})]:"",Array.isArray((c=this.templateData)===null||c===void 0?void 0:c.screenshots)&&((d=(u=this.templateData)===null||u===void 0?void 0:u.screenshots)===null||d===void 0?void 0:d.length)>1?e("salla-slider",{id:"template-screenshots",type:"carousel",class:"s-bottom-alert-modal-content-screenshots"},e("div",{slot:"items"},(h=this.templateData)===null||h===void 0?void 0:h.screenshots.map((t=>e("div",{class:"s-bottom-alert-modal-content-screenshot"},e("img",{src:t,alt:""})))))):"",((p=this.templateData)===null||p===void 0?void 0:p.extra_info)?e("div",{class:"s-bottom-alert-modal-content-description",innerHTML:(f=this.templateData)===null||f===void 0?void 0:f.description}):""),((g=this.templateData)===null||g===void 0?void 0:g.link)?e("div",{class:"s-bottom-alert-modal-content-footer"},this.templateData.price&&e("div",{class:"s-bottom-alert-modal-price-wrapper"},e("div",null,this.storePrice),e("div",{class:"s-bottom-alert-modal-price-wrapper-amount"},salla.money((v=this.templateData)===null||v===void 0?void 0:v.price))),e("salla-button",{color:"primary",size:"medium",width:"wide",href:(m=this.templateData)===null||m===void 0?void 0:m.link},e("i",{innerHTML:k}),this.buyTheTemplate)):"")]:"")}render(){const t=this.template&&typeof this.template==="object"&&Object.keys(this.template).length>0;const i=t&&this.template.developer;const a=i!==undefined;const s=a&&(i===null||i===void 0?void 0:i.name);const r=null;return e(n,{class:"s-bottom-alert-wrapper"},e("div",{class:"s-bottom-alert-content"},e("div",{class:"s-bottom-alert-icon"},this.icon?e("i",{class:this.icon}):e("i",{innerHTML:y})),e("div",{class:"s-bottom-alert-message"},this.message?this.message:t?e("span",null,this.getDefaultMessage()," ",e("a",{href:"#",class:{"s-bottom-alert-message-highlight":true,"s-bottom-alert-message-link":r},target:"","aria-label":"Developer"},s?s:this.theDeveloper)," ",e("span",{class:"s-bottom-alert-message-splitter"},"|")," ",this.storePrice,":"," ",e("span",{class:"s-bottom-alert-message-highlight"},salla.money(this.template.price))):this.defaultMessage),this.type!=="banner"&&e("div",{class:"s-bottom-alert-action"},e("salla-button",{href:this.actionUrl,size:"medium",onClick:()=>this.handleAction(),width:"normal"},this.actionLabel||this.defaultActionLabel)),this.type==="popup"&&this.popup()))}get host(){return a(this)}};T.style=E;const I=`\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>keyboard_arrow_left</title>\n<path d="M20.563 22.104l-1.875 1.875-8-8 8-8 1.875 1.875-6.125 6.125z"></path>\n</svg>\n`;const A=`\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>keyboard_arrow_right</title>\n<path d="M11.438 22.479l6.125-6.125-6.125-6.125 1.875-1.875 8 8-8 8z"></path>\n</svg>\n`;const M=":host{display:block}";const S=class{constructor(i){t(this,i);var e,n;this.sessionStorageKey="breadcrumb_snapshot";this.breadcrumbs=undefined;this.itemSlot=((e=this.host.querySelector('[slot="item"]'))===null||e===void 0?void 0:e.outerHTML)||`<li class="s-breadcrumb-item"><a href={url}>{title}</a></li>`;this.iconSlot=(n=this.host.querySelector('[slot="icon"]'))===null||n===void 0?void 0:n.outerHTML}componentWillLoad(){return new Promise((t=>salla.onReady((()=>salla.lang.onLoaded(t))))).then((()=>{if(salla.url.is_page("index")){throw new Error("salla-breadcrumb:: breadcrumb not supported on home page")}})).then((()=>{if(!salla.config.get("theme.settings.is_breadcrumbs_enabled",true)){throw new Error("salla-breadcrumb:: merchant disabled the feature")}})).then((()=>{var t;const i=salla.config.get("page");if(!i||!i.slug){salla.logger.error('salla-breadcrumbs:: page object not existed on salla.config.get("page")!');this.breadcrumbs=[];return}let e=this.getSessionBreadcrumbs();if(i.slug==="product.single"&&e&&e.length>0){e.push({title:i.title,url:i.url});this.breadcrumbs=this.setBreadcrumbsFromArray(e);this.storeBreadcrumbSnapshot()}else if(e&&e.length>0){if(this.isNewPage(i,e)){this.breadcrumbs=this.generateBreadcrumbs(i);this.storeBreadcrumbSnapshot()}else{this.breadcrumbs=this.setBreadcrumbsFromArray(e)}}else{this.breadcrumbs=this.generateBreadcrumbs(i);this.storeBreadcrumbSnapshot()}if((t=this.breadcrumbs)===null||t===void 0?void 0:t.length){this.breadcrumbs[this.breadcrumbs.length-1].is_last=true}return this.breadcrumbs})).catch((t=>{salla.logger.error("salla-breadcrumb:: unexpected error!",t);this.breadcrumbs=[]}))}getSessionBreadcrumbs(){if(new URLSearchParams(window.location.search).get("from")==="search-bar"){return[]}return JSON.parse(sessionStorage.getItem(this.sessionStorageKey)||"[]")}isNewPage(t,i){const e=i[i.length-1];return(e===null||e===void 0?void 0:e.url)!==t.url}setBreadcrumbsFromArray(t){return t.map(((i,e)=>Object.assign(Object.assign({},i),{is_last:e===t.length-1})))}sanitizeBreadcrumbTitle(t,i=1){if(!t.includes("|")){return t.trim()}return t.split("|").map((t=>t.trim()))[i]}generateBreadcrumbs(t){var i,e;let n=[];if(t.slug==="product.single"){const n=this.getSessionBreadcrumbs();if(n.length>0&&((i=n[1])===null||i===void 0?void 0:i.url)===((e=t.parent)===null||e===void 0?void 0:e.url)){return this.setBreadcrumbsFromArray([...n,t])}}let a=t;while(a){if(a.title){n.unshift({title:a.title,url:a.url})}a=a.parent}if(t.slug.includes("customer")&&t.slug!=="customer.profile"){n.unshift({title:salla.lang.get("common.titles.profile"),url:salla.url.get("profile")})}if(t.slug.includes("blog")){n.unshift({title:salla.lang.get("blocks.footer.blog"),url:salla.url.get("blog")})}if(t.slug==="brands.single"){n.unshift({title:salla.lang.get("common.titles.brands"),url:salla.url.get("brands")})}if(!t.title&&t.slug==="loyalty"){n.unshift({title:salla.lang.get("common.titles.loyalty_program"),url:salla.url.get("loyalty")})}n.unshift({title:salla.lang.get("common.titles.home"),url:salla.url.get("")});return n}storeBreadcrumbSnapshot(){try{const t=salla.config.get("page");if((t===null||t===void 0?void 0:t.slug)==="product.single"){return}const i=[...this.breadcrumbs];const e=i.length-1;if(e>=0){i[e].url=window.location.href}const n=JSON.stringify(i);sessionStorage.setItem(this.sessionStorageKey,n)}catch(t){salla.logger.error("salla-breadcrumb:: Failed to store breadcrumb snapshot in sessionStorage.",t)}}render(){if(this.breadcrumbs.length<=1){salla.log("salla-breadcrumb:: There is no breadcrumbs!");return null}return e("ol",{class:{"s-breadcrumb-wrapper":true,"s-breadcrumb-dark":salla.url.is_page("loyalty"),"s-breadcrumb-primary-reverse":salla.config.get("page.slug").includes("customer")}},this.breadcrumbs.map((t=>{const i=salla.config.get("page.slug")==="product.single";const n=i&&t.is_last?t.title:this.sanitizeBreadcrumbTitle(t.title);const a=this.itemSlot.replace(/\{url\}/g,t.url).replace(/\{title\}/g,n);return[e("div",{class:"s-breadcrumb-slot",innerHTML:a}),this.getArrowDomForItem(t)]})))}getArrowDomForItem(t){if(t.is_last){return""}let i=this.iconSlot||(salla.config.get("theme.is_rtl",true)?I:A);return e("li",{class:"s-breadcrumb-arrow"},e("div",{class:{"s-breadcrumb-icon-slot":true,"s-breadcrumb-default-icon":!this.iconSlot},innerHTML:i}))}componentDidRender(){var t,i,e;this.host.querySelectorAll(".s-breadcrumb-slot").forEach((t=>t.replaceWith(t.firstChild)));this.host.querySelectorAll(".s-breadcrumb-icon-slot.s-breadcrumb-default-icon").forEach((t=>t.replaceWith(t.querySelector("svg"))));(t=this.host.querySelector('[slot="item"]'))===null||t===void 0?void 0:t.remove();(i=this.host.querySelector('[slot="icon"]'))===null||i===void 0?void 0:i.remove();let n=(e=this.host.querySelectorAll(".s-breadcrumb-item")[this.breadcrumbs.length-1])===null||e===void 0?void 0:e.querySelector("a");n&&n.replaceWith(n.firstChild)}get host(){return a(this)}};S.style=M;const D="";const R=class{constructor(i){t(this,i);this.hostAttributes={};this.shape="btn";this.color="primary";this.fill="solid";this.size="medium";this.width="normal";this.loading=false;this.disabled=false;this.loaderPosition="after";this.href=undefined;this.type="button"}async load(){if(this.loaderPosition=="center")this.text.classList.add("s-button-hide");this.host.setAttribute("loading","");return this.host}async stop(){this.host.removeAttribute("loading");this.host.querySelector("button").removeAttribute("loading");if(this.loaderPosition=="center")this.text.classList.remove("s-button-hide");return this.host}async setText(t){this.text.innerHTML=t;return this.host}async disable(){this.host.setAttribute("disabled","");return this.host}async enable(){this.host.removeAttribute("disabled");return this.host}getBtnAttributes(){for(let t=0;t<this.host.attributes.length;t++){if(!["color","fill","size","width","id"].includes(this.host.attributes[t].name)){this.hostAttributes[this.host.attributes[t].name]=this.host.attributes[t].value}}this.hostAttributes.type=this.hostAttributes.type||this.type;this.hostAttributes.class+=" s-button-element s-button-"+this.shape+" s-button-"+(this.fill=="none"?"fill-none":this.fill)+(this.size!="medium"?" s-button-"+this.size:"")+(this.width!="normal"?" s-button-"+this.width:"")+(this.shape=="link"?" s-button-"+this.color+"-link":"")+(this.shape!="link"&&this.fill!="outline"?" s-button-"+this.color:"")+(this.fill=="outline"?" s-button-"+this.color+"-outline":"")+(this.disabled?" s-button-disabled ":"")+(this.shape=="icon"?" s-button-loader-center":" s-button-loader-"+this.loaderPosition);return this.hostAttributes}button(){return e("button",Object.assign({},this.getBtnAttributes(),{disabled:this.disabled}),e("span",{class:"s-button-text",ref:t=>this.text=t},e("slot",null)),this.loading?e("span",{class:"s-button-loader"}):"")}render(){var t;return((t=this.host.closest(".swiper-slide"))===null||t===void 0?void 0:t.classList.contains("swiper-slide-duplicate"))?"":e(n,{class:"s-button-wrap"},this.href?e("a",{href:this.href},this.button()):this.button())}get host(){return a(this)}};R.style=D;const O="";const P=class{constructor(i){t(this,i);this.cartSummaryCount=salla.storage.get("cart.summary.count")||0;this.cartSummaryTotal=salla.storage.get("cart.summary.total")||0;this.cartLabel=salla.config.get("user.language_code")==="ar"?"السلة":"Cart";this.showCartLabel=undefined;salla.cart.event.onUpdated((t=>{this.cartSummaryCount=t.count||0;this.cartSummaryTotal=t.total||0}))}async animateToCart(t){document.querySelectorAll(".s-cart-thumb").forEach((t=>t.remove()));if(!(t===null||t===void 0?void 0:t.src)){salla.log("Failed to get the img element");return}let i=this.host.querySelector("#s-cart-icon"),e=i.getBoundingClientRect(),n=e.top+window.scrollY,a=e.left+window.scrollX;let s=t.getBoundingClientRect(),o=t.offsetWidth+"px",l=t.offsetHeight+"px",c=s.top,u=s.left;let d=document.createElement("img");d.src=t.getAttribute("src");d.className="s-cart-thumb";d.setAttribute("style","object-fit:cover; width:"+o+"; height:"+l+"; top:"+c+"px; left:"+u+"px;z-index:99999999; ");document.body.append(d);let h=document.querySelector(".s-cart-thumb");i.classList.remove("animated","rubberBand");let p=new r.timeline;p.add({targets:h,width:[150,30],height:[150,30],top:[c,window.scrollY>0?n-window.scrollY-40:n-40],left:[u,a],borderRadius:["20%","50%"],easing:"easeOutExpo",duration:1200},"+=200").add({targets:h,width:[30,0],height:[30,0],opacity:[1,0],easing:"easeOutExpo",top:[window.scrollY>0?n-window.scrollY-40:n-40,window.scrollY>0?n-window.scrollY+10:n+10],left:[a,a+10]},"-=500").add({complete:function(){i.classList.add("animated","rubberBand");h.remove()}},"-=1700")}componentWillLoad(){return new Promise((t=>salla.onReady(t)))}render(){return e(n,null,e("a",{class:"s-cart-summary-wrapper",href:salla.url.get("cart")},e("div",{id:"s-cart-icon"},e("slot",{name:"icon"},e("i",{class:"s-cart-summary-icon",innerHTML:_}))),e("span",{class:"s-cart-summary-count"},salla.helpers.number(this.cartSummaryCount)),e("p",{class:"s-cart-summary-content"},this.showCartLabel&&e("span",{class:"s-cart-summary-label"},this.cartLabel),e("b",{class:"s-cart-summary-total",innerHTML:salla.money(this.cartSummaryTotal)}))))}get host(){return a(this)}};P.style=O;
/*!
* vanilla-picker v2.12.1
* https://vanilla-picker.js.org
*
* Copyright 2017-2021 Andreas Borgen (https://github.com/Sphinxxxx), Adam Brooks (https://github.com/dissimulate)
* Released under the ISC license.
*/var L=function(t,i){if(!(t instanceof i)){throw new TypeError("Cannot call a class as a function")}};var C=function(){function t(t,i){for(var e=0;e<i.length;e++){var n=i[e];n.enumerable=n.enumerable||false;n.configurable=true;if("value"in n)n.writable=true;Object.defineProperty(t,n.key,n)}}return function(i,e,n){if(e)t(i.prototype,e);if(n)t(i,n);return i}}();var z=function(){function t(t,i){var e=[];var n=true;var a=false;var s=undefined;try{for(var r=t[Symbol.iterator](),o;!(n=(o=r.next()).done);n=true){e.push(o.value);if(i&&e.length===i)break}}catch(t){a=true;s=t}finally{try{if(!n&&r["return"])r["return"]()}finally{if(a)throw s}}return e}return function(i,e){if(Array.isArray(i)){return i}else if(Symbol.iterator in Object(i)){return t(i,e)}else{throw new TypeError("Invalid attempt to destructure non-iterable instance")}}}();String.prototype.startsWith=String.prototype.startsWith||function(t){return this.indexOf(t)===0};String.prototype.padStart=String.prototype.padStart||function(t,i){var e=this;while(e.length<t){e=i+e}return e};var G={cb:"0f8ff",tqw:"aebd7",q:"-ffff",qmrn:"7fffd4",zr:"0ffff",bg:"5f5dc",bsq:"e4c4",bck:"---",nch:"ebcd",b:"--ff",bvt:"8a2be2",brwn:"a52a2a",brw:"deb887",ctb:"5f9ea0",hrt:"7fff-",chcT:"d2691e",cr:"7f50",rnw:"6495ed",crns:"8dc",crms:"dc143c",cn:"-ffff",Db:"--8b",Dcn:"-8b8b",Dgnr:"b8860b",Dgr:"a9a9a9",Dgrn:"-64-",Dkhk:"bdb76b",Dmgn:"8b-8b",Dvgr:"556b2f",Drng:"8c-",Drch:"9932cc",Dr:"8b--",Dsmn:"e9967a",Dsgr:"8fbc8f",DsTb:"483d8b",DsTg:"2f4f4f",Dtrq:"-ced1",Dvt:"94-d3",ppnk:"1493",pskb:"-bfff",mgr:"696969",grb:"1e90ff",rbrc:"b22222",rwht:"af0",stg:"228b22",chs:"-ff",gnsb:"dcdcdc",st:"8f8ff",g:"d7-",gnr:"daa520",gr:"808080",grn:"-8-0",grnw:"adff2f",hnw:"0fff0",htpn:"69b4",nnr:"cd5c5c",ng:"4b-82",vr:"0",khk:"0e68c",vnr:"e6e6fa",nrb:"0f5",wngr:"7cfc-",mnch:"acd",Lb:"add8e6",Lcr:"08080",Lcn:"e0ffff",Lgnr:"afad2",Lgr:"d3d3d3",Lgrn:"90ee90",Lpnk:"b6c1",Lsmn:"a07a",Lsgr:"20b2aa",Lskb:"87cefa",LsTg:"778899",Lstb:"b0c4de",Lw:"e0",m:"-ff-",mgrn:"32cd32",nn:"af0e6",mgnt:"-ff",mrn:"8--0",mqm:"66cdaa",mmb:"--cd",mmrc:"ba55d3",mmpr:"9370db",msg:"3cb371",mmsT:"7b68ee","":"-fa9a",mtr:"48d1cc",mmvt:"c71585",mnLb:"191970",ntc:"5fffa",mstr:"e4e1",mccs:"e4b5",vjw:"dead",nv:"--80",c:"df5e6",v:"808-0",vrb:"6b8e23",rng:"a5-",rngr:"45-",rch:"da70d6",pgnr:"eee8aa",pgrn:"98fb98",ptrq:"afeeee",pvtr:"db7093",ppwh:"efd5",pchp:"dab9",pr:"cd853f",pnk:"c0cb",pm:"dda0dd",pwrb:"b0e0e6",prp:"8-080",cc:"663399",r:"--",sbr:"bc8f8f",rb:"4169e1",sbrw:"8b4513",smn:"a8072",nbr:"4a460",sgrn:"2e8b57",ssh:"5ee",snn:"a0522d",svr:"c0c0c0",skb:"87ceeb",sTb:"6a5acd",sTgr:"708090",snw:"afa",n:"-ff7f",stb:"4682b4",tn:"d2b48c",t:"-8080",thst:"d8bfd8",tmT:"6347",trqs:"40e0d0",vt:"ee82ee",whT:"5deb3",wht:"",hts:"5f5f5",w:"-",wgrn:"9acd32"};function N(t){var i=arguments.length>1&&arguments[1]!==undefined?arguments[1]:1;var e=i>0?t.toFixed(i).replace(/0+$/,"").replace(/\.$/,""):t.toString();return e||"0"}var B=function(){function t(i,e,n,a){L(this,t);var s=this;function r(i){if(i.startsWith("hsl")){var e=i.match(/([\-\d\.e]+)/g).map(Number),n=z(e,4),a=n[0],r=n[1],o=n[2],l=n[3];if(l===undefined){l=1}a/=360;r/=100;o/=100;s.hsla=[a,r,o,l]}else if(i.startsWith("rgb")){var c=i.match(/([\-\d\.e]+)/g).map(Number),u=z(c,4),d=u[0],h=u[1],p=u[2],f=u[3];if(f===undefined){f=1}s.rgba=[d,h,p,f]}else{if(i.startsWith("#")){s.rgba=t.hexToRgb(i)}else{s.rgba=t.nameToRgb(i)||t.hexToRgb(i)}}}if(i===undefined);else if(Array.isArray(i)){this.rgba=i}else if(n===undefined){var o=i&&""+i;if(o){r(o.toLowerCase())}}else{this.rgba=[i,e,n,a===undefined?1:a]}}C(t,[{key:"printRGB",value:function t(i){var e=i?this.rgba:this.rgba.slice(0,3),n=e.map((function(t,i){return N(t,i===3?3:0)}));return i?"rgba("+n+")":"rgb("+n+")"}},{key:"printHSL",value:function t(i){var e=[360,100,100,1],n=["","%","%",""];var a=i?this.hsla:this.hsla.slice(0,3),s=a.map((function(t,i){return N(t*e[i],i===3?3:1)+n[i]}));return i?"hsla("+s+")":"hsl("+s+")"}},{key:"printHex",value:function t(i){var e=this.hex;return i?e:e.substring(0,7)}},{key:"rgba",get:function i(){if(this._rgba){return this._rgba}if(!this._hsla){throw new Error("No color is set")}return this._rgba=t.hslToRgb(this._hsla)},set:function t(i){if(i.length===3){i[3]=1}this._rgba=i;this._hsla=null}},{key:"rgbString",get:function t(){return this.printRGB()}},{key:"rgbaString",get:function t(){return this.printRGB(true)}},{key:"hsla",get:function i(){if(this._hsla){return this._hsla}if(!this._rgba){throw new Error("No color is set")}return this._hsla=t.rgbToHsl(this._rgba)},set:function t(i){if(i.length===3){i[3]=1}this._hsla=i;this._rgba=null}},{key:"hslString",get:function t(){return this.printHSL()}},{key:"hslaString",get:function t(){return this.printHSL(true)}},{key:"hex",get:function t(){var i=this.rgba,e=i.map((function(t,i){return i<3?t.toString(16):Math.round(t*255).toString(16)}));return"#"+e.map((function(t){return t.padStart(2,"0")})).join("")},set:function i(e){this.rgba=t.hexToRgb(e)}}],[{key:"hexToRgb",value:function t(i){var e=(i.startsWith("#")?i.slice(1):i).replace(/^(\w{3})$/,"$1F").replace(/^(\w)(\w)(\w)(\w)$/,"$1$1$2$2$3$3$4$4").replace(/^(\w{6})$/,"$1FF");if(!e.match(/^([0-9a-fA-F]{8})$/)){throw new Error("Unknown hex color; "+i)}var n=e.match(/^(\w\w)(\w\w)(\w\w)(\w\w)$/).slice(1).map((function(t){return parseInt(t,16)}));n[3]=n[3]/255;return n}},{key:"nameToRgb",value:function i(e){var n=e.toLowerCase().replace("at","T").replace(/[aeiouyldf]/g,"").replace("ght","L").replace("rk","D").slice(-5,4),a=G[n];return a===undefined?a:t.hexToRgb(a.replace(/\-/g,"00").padStart(6,"f"))}},{key:"rgbToHsl",value:function t(i){var e=z(i,4),n=e[0],a=e[1],s=e[2],r=e[3];n/=255;a/=255;s/=255;var o=Math.max(n,a,s),l=Math.min(n,a,s);var c=void 0,u=void 0,d=(o+l)/2;if(o===l){c=u=0}else{var h=o-l;u=d>.5?h/(2-o-l):h/(o+l);switch(o){case n:c=(a-s)/h+(a<s?6:0);break;case a:c=(s-n)/h+2;break;case s:c=(n-a)/h+4;break}c/=6}return[c,u,d,r]}},{key:"hslToRgb",value:function t(i){var e=z(i,4),n=e[0],a=e[1],s=e[2],r=e[3];var o=void 0,l=void 0,c=void 0;if(a===0){o=l=c=s}else{var u=function t(i,e,n){if(n<0)n+=1;if(n>1)n-=1;if(n<1/6)return i+(e-i)*6*n;if(n<1/2)return e;if(n<2/3)return i+(e-i)*(2/3-n)*6;return i};var d=s<.5?s*(1+a):s+a-s*a,h=2*s-d;o=u(h,d,n+1/3);l=u(h,d,n);c=u(h,d,n-1/3)}var p=[o*255,l*255,c*255].map(Math.round);p[3]=r;return p}}]);return t}();var F=function(){function t(){L(this,t);this._events=[]}C(t,[{key:"add",value:function t(i,e,n){i.addEventListener(e,n,false);this._events.push({target:i,type:e,handler:n})}},{key:"remove",value:function i(e,n,a){this._events=this._events.filter((function(i){var s=true;if(e&&e!==i.target){s=false}if(n&&n!==i.type){s=false}if(a&&a!==i.handler){s=false}if(s){t._doRemove(i.target,i.type,i.handler)}return!s}))}},{key:"destroy",value:function i(){this._events.forEach((function(i){return t._doRemove(i.target,i.type,i.handler)}));this._events=[]}}],[{key:"_doRemove",value:function t(i,e,n){i.removeEventListener(e,n,false)}}]);return t}();function j(t){var i=document.createElement("div");i.innerHTML=t;return i.firstElementChild}function U(t,i,e){var n=false;function a(t,i,e){return Math.max(i,Math.min(t,e))}function s(t,s,r){if(r){n=true}if(!n){return}t.preventDefault();var o=i.getBoundingClientRect(),l=o.width,c=o.height,u=s.clientX,d=s.clientY;var h=a(u-o.left,0,l),p=a(d-o.top,0,c);e(h/l,p/c)}function r(t,i){var e=t.buttons===undefined?t.which:t.buttons;if(e===1){s(t,t,i)}else{n=false}}function o(t,i){if(t.touches.length===1){s(t,t.touches[0],i)}else{n=false}}t.add(i,"mousedown",(function(t){r(t,true)}));t.add(i,"touchstart",(function(t){o(t,true)}));t.add(window,"mousemove",r);t.add(i,"touchmove",o);t.add(window,"mouseup",(function(t){n=false}));t.add(i,"touchend",(function(t){n=false}));t.add(i,"touchcancel",(function(t){n=false}))}var H="linear-gradient(45deg, lightgrey 25%, transparent 25%, transparent 75%, lightgrey 75%) 0 0 / 2em 2em,\n linear-gradient(45deg, lightgrey 25%, white 25%, white 75%, lightgrey 75%) 1em 1em / 2em 2em";var V=360;var W="keydown",Y="mousedown",q="focusin";function Z(t,i){return(i||document).querySelector(t)}function X(t){t.preventDefault();t.stopPropagation()}function J(t,i,e,n,a){t.add(i,W,(function(t){if(e.indexOf(t.key)>=0){if(a){X(t)}n(t)}}))}var K=function(){function t(i){L(this,t);this.settings={popup:"right",layout:"default",alpha:true,editor:true,editorFormat:"hex",cancelButton:false,defaultColor:"#0cf"};this._events=new F;this.onChange=null;this.onDone=null;this.onOpen=null;this.onClose=null;this.setOptions(i)}C(t,[{key:"setOptions",value:function t(i){var e=this;if(!i){return}var n=this.settings;function a(t,i,e){for(var n in t){if(e&&e.indexOf(n)>=0){continue}i[n]=t[n]}}if(i instanceof HTMLElement){n.parent=i}else{if(n.parent&&i.parent&&n.parent!==i.parent){this._events.remove(n.parent);this._popupInited=false}a(i,n);if(i.onChange){this.onChange=i.onChange}if(i.onDone){this.onDone=i.onDone}if(i.onOpen){this.onOpen=i.onOpen}if(i.onClose){this.onClose=i.onClose}var s=i.color||i.colour;if(s){this._setColor(s)}}var r=n.parent;if(r&&n.popup&&!this._popupInited){var o=function t(i){return e.openHandler(i)};this._events.add(r,"click",o);J(this._events,r,[" ","Spacebar","Enter"],o);this._popupInited=true}else if(i.parent&&!n.popup){this.show()}}},{key:"openHandler",value:function t(i){if(this.show()){i&&i.preventDefault();this.settings.parent.style.pointerEvents="none";var e=i&&i.type===W?this._domEdit:this.domElement;setTimeout((function(){return e.focus()}),100);if(this.onOpen){this.onOpen(this.colour)}}}},{key:"closeHandler",value:function t(i){var e=i&&i.type;var n=false;if(!i){n=true}else if(e===Y||e===q){var a=(this.__containedEvent||0)+100;if(i.timeStamp>a){n=true}}else{X(i);n=true}if(n&&this.hide()){this.settings.parent.style.pointerEvents="";if(e!==Y){this.settings.parent.focus()}if(this.onClose){this.onClose(this.colour)}}}},{key:"movePopup",value:function t(i,e){this.closeHandler();this.setOptions(i);if(e){this.openHandler()}}},{key:"setColor",value:function t(i,e){this._setColor(i,{silent:e})}},{key:"_setColor",value:function t(i,e){if(typeof i==="string"){i=i.trim()}if(!i){return}e=e||{};var n=void 0;try{n=new B(i)}catch(t){if(e.failSilently){return}throw t}if(!this.settings.alpha){var a=n.hsla;a[3]=1;n.hsla=a}this.colour=this.color=n;this._setHSLA(null,null,null,null,e)}},{key:"setColour",value:function t(i,e){this.setColor(i,e)}},{key:"show",value:function t(){var i=this.settings.parent;if(!i){return false}if(this.domElement){var e=this._toggleDOM(true);this._setPosition();return e}var n=this.settings.template||'<div class="picker_wrapper" tabindex="-1"><div class="picker_arrow"></div><div class="picker_hue picker_slider"><div class="picker_selector"></div></div><div class="picker_sl"><div class="picker_selector"></div></div><div class="picker_alpha picker_slider"><div class="picker_selector"></div></div><div class="picker_editor"><input aria-label="Type a color name or hex value"/></div><div class="picker_sample"></div><div class="picker_done"><button>Ok</button></div><div class="picker_cancel"><button>Cancel</button></div></div>';var a=j(n);this.domElement=a;this._domH=Z(".picker_hue",a);this._domSL=Z(".picker_sl",a);this._domA=Z(".picker_alpha",a);this._domEdit=Z(".picker_editor input",a);this._domSample=Z(".picker_sample",a);this._domOkay=Z(".picker_done button",a);this._domCancel=Z(".picker_cancel button",a);a.classList.add("layout_"+this.settings.layout);if(!this.settings.alpha){a.classList.add("no_alpha")}if(!this.settings.editor){a.classList.add("no_editor")}if(!this.settings.cancelButton){a.classList.add("no_cancel")}this._ifPopup((function(){return a.classList.add("popup")}));this._setPosition();if(this.colour){this._updateUI()}else{this._setColor(this.settings.defaultColor)}this._bindEvents();return true}},{key:"hide",value:function t(){return this._toggleDOM(false)}},{key:"destroy",value:function t(){this._events.destroy();if(this.domElement){this.settings.parent.removeChild(this.domElement)}}},{key:"_bindEvents",value:function t(){var i=this;var e=this,n=this.domElement,a=this._events;function s(t,i,e){a.add(t,i,e)}s(n,"click",(function(t){return t.preventDefault()}));U(a,this._domH,(function(t,i){return e._setHSLA(t)}));U(a,this._domSL,(function(t,i){return e._setHSLA(null,t,1-i)}));if(this.settings.alpha){U(a,this._domA,(function(t,i){return e._setHSLA(null,null,null,1-i)}))}var r=this._domEdit;{s(r,"input",(function(t){e._setColor(this.value,{fromEditor:true,failSilently:true})}));s(r,"focus",(function(t){var i=this;if(i.selectionStart===i.selectionEnd){i.select()}}))}this._ifPopup((function(){var t=function t(e){return i.closeHandler(e)};s(window,Y,t);s(window,q,t);J(a,n,["Esc","Escape"],t);var e=function t(e){i.__containedEvent=e.timeStamp};s(n,Y,e);s(n,q,e);s(i._domCancel,"click",t)}));var o=function t(e){i._ifPopup((function(){return i.closeHandler(e)}));if(i.onDone){i.onDone(i.colour)}};s(this._domOkay,"click",o);J(a,n,["Enter"],o)}},{key:"_setPosition",value:function t(){var i=this.settings.parent,e=this.domElement;if(i!==e.parentNode){i.appendChild(e)}this._ifPopup((function(t){if(getComputedStyle(i).position==="static"){i.style.position="relative"}var n=t===true?"popup_right":"popup_"+t;["popup_top","popup_bottom","popup_left","popup_right"].forEach((function(t){if(t===n){e.classList.add(t)}else{e.classList.remove(t)}}));e.classList.add(n)}))}},{key:"_setHSLA",value:function t(i,e,n,a,s){s=s||{};var r=this.colour,o=r.hsla;[i,e,n,a].forEach((function(t,i){if(t||t===0){o[i]=t}}));r.hsla=o;this._updateUI(s);if(this.onChange&&!s.silent){this.onChange(r)}}},{key:"_updateUI",value:function t(i){if(!this.domElement){return}i=i||{};var e=this.colour,n=e.hsla,a="hsl("+n[0]*V+", 100%, 50%)",s=e.hslString,r=e.hslaString;var o=this._domH,l=this._domSL,c=this._domA,u=Z(".picker_selector",o),d=Z(".picker_selector",l),h=Z(".picker_selector",c);function p(t,i,e){i.style.left=e*100+"%"}function f(t,i,e){i.style.top=e*100+"%"}p(o,u,n[0]);this._domSL.style.backgroundColor=this._domH.style.color=a;p(l,d,n[1]);f(l,d,1-n[2]);l.style.color=s;f(c,h,1-n[3]);var g=s,v=g.replace("hsl","hsla").replace(")",", 0)"),m="linear-gradient("+[g,v]+")";this._domA.style.background=m+", "+H;if(!i.fromEditor){var _=this.settings.editorFormat,b=this.settings.alpha;var w=void 0;switch(_){case"rgb":w=e.printRGB(b);break;case"hsl":w=e.printHSL(b);break;default:w=e.printHex(b)}this._domEdit.value=w}this._domSample.style.color=r}},{key:"_ifPopup",value:function t(i,e){if(this.settings.parent&&this.settings.popup){i&&i(this.settings.popup)}else{e&&e()}}},{key:"_toggleDOM",value:function t(i){var e=this.domElement;if(!e){return false}var n=i?"":"none",a=e.style.display!==n;if(a){e.style.display=n}return a}}]);return t}();{var Q=document.createElement("style");Q.textContent='.picker_wrapper.no_alpha .picker_alpha{display:none}.picker_wrapper.no_editor .picker_editor{position:absolute;z-index:-1;opacity:0}.picker_wrapper.no_cancel .picker_cancel{display:none}.layout_default.picker_wrapper{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;font-size:10px;width:25em;padding:.5em}.layout_default.picker_wrapper input,.layout_default.picker_wrapper button{font-size:1rem}.layout_default.picker_wrapper>*{margin:.5em}.layout_default.picker_wrapper::before{content:"";display:block;width:100%;height:0;order:1}.layout_default .picker_slider,.layout_default .picker_selector{padding:1em}.layout_default .picker_hue{width:100%}.layout_default .picker_sl{flex:1 1 auto}.layout_default .picker_sl::before{content:"";display:block;padding-bottom:100%}.layout_default .picker_editor{order:1;width:6.5rem}.layout_default .picker_editor input{width:100%;height:100%}.layout_default .picker_sample{order:1;flex:1 1 auto}.layout_default .picker_done,.layout_default .picker_cancel{order:1}.picker_wrapper{box-sizing:border-box;background:#f2f2f2;box-shadow:0 0 0 1px silver;cursor:default;font-family:sans-serif;color:#444;pointer-events:auto}.picker_wrapper:focus{outline:none}.picker_wrapper button,.picker_wrapper input{box-sizing:border-box;border:none;box-shadow:0 0 0 1px silver;outline:none}.picker_wrapper button:focus,.picker_wrapper button:active,.picker_wrapper input:focus,.picker_wrapper input:active{box-shadow:0 0 2px 1px #1e90ff}.picker_wrapper button{padding:.4em .6em;cursor:pointer;background-color:#f5f5f5;background-image:linear-gradient(0deg, gainsboro, transparent)}.picker_wrapper button:active{background-image:linear-gradient(0deg, transparent, gainsboro)}.picker_wrapper button:hover{background-color:#fff}.picker_selector{position:absolute;z-index:1;display:block;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border:2px solid #fff;border-radius:100%;box-shadow:0 0 3px 1px #67b9ff;background:currentColor;cursor:pointer}.picker_slider .picker_selector{border-radius:2px}.picker_hue{position:relative;background-image:linear-gradient(90deg, red, yellow, lime, cyan, blue, magenta, red);box-shadow:0 0 0 1px silver}.picker_sl{position:relative;box-shadow:0 0 0 1px silver;background-image:linear-gradient(180deg, white, rgba(255, 255, 255, 0) 50%),linear-gradient(0deg, black, rgba(0, 0, 0, 0) 50%),linear-gradient(90deg, #808080, rgba(128, 128, 128, 0))}.picker_alpha,.picker_sample{position:relative;background:linear-gradient(45deg, lightgrey 25%, transparent 25%, transparent 75%, lightgrey 75%) 0 0/2em 2em,linear-gradient(45deg, lightgrey 25%, white 25%, white 75%, lightgrey 75%) 1em 1em/2em 2em;box-shadow:0 0 0 1px silver}.picker_alpha .picker_selector,.picker_sample .picker_selector{background:none}.picker_editor input{font-family:monospace;padding:.2em .4em}.picker_sample::before{content:"";position:absolute;display:block;width:100%;height:100%;background:currentColor}.picker_arrow{position:absolute;z-index:-1}.picker_wrapper.popup{position:absolute;z-index:2;margin:1.5em}.picker_wrapper.popup,.picker_wrapper.popup .picker_arrow::before,.picker_wrapper.popup .picker_arrow::after{background:#f2f2f2;box-shadow:0 0 10px 1px rgba(0,0,0,.4)}.picker_wrapper.popup .picker_arrow{width:3em;height:3em;margin:0}.picker_wrapper.popup .picker_arrow::before,.picker_wrapper.popup .picker_arrow::after{content:"";display:block;position:absolute;top:0;left:0;z-index:-99}.picker_wrapper.popup .picker_arrow::before{width:100%;height:100%;-webkit-transform:skew(45deg);transform:skew(45deg);-webkit-transform-origin:0 100%;transform-origin:0 100%}.picker_wrapper.popup .picker_arrow::after{width:150%;height:150%;box-shadow:none}.popup.popup_top{bottom:100%;left:0}.popup.popup_top .picker_arrow{bottom:0;left:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.popup.popup_bottom{top:100%;left:0}.popup.popup_bottom .picker_arrow{top:0;left:0;-webkit-transform:rotate(90deg) scale(1, -1);transform:rotate(90deg) scale(1, -1)}.popup.popup_left{top:0;right:100%}.popup.popup_left .picker_arrow{top:0;right:0;-webkit-transform:scale(-1, 1);transform:scale(-1, 1)}.popup.popup_right{top:0;left:100%}.popup.popup_right .picker_arrow{top:0;left:0}';document.documentElement.firstElementChild.appendChild(Q);K.StyleElement=Q}const tt=`\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>keyboard_arrow_down</title>\n<path d="M9.875 11.104l6.125 6.125 6.125-6.125 1.875 1.875-8 8-8-8z"></path>\n</svg>\n`;const it="";const et=class{constructor(e){t(this,e);this.colorChanged=i(this,"colorChanged",7);this.invalidInput=i(this,"invalidInput",7);this.submitted=i(this,"submitted",7);this.popupOpened=i(this,"popupOpened",7);this.popupClosed=i(this,"popupClosed",7);this.widgetColor=undefined;this.name="color";this.required=false;this.color=undefined;this.format="hex";this.showCancelButton=false;this.showTextField=true;this.enableAlpha=false}colorChangeHandler(t){this.colorInput.value=t.hex;this.colorChanged.emit(t)}submittedHandler(t){this.setColorValue(t.rgbaString,true);this.canvas.style.backgroundColor=t.rgbString;this.colorInput.value=t.hex;this.colorInput.dispatchEvent(new window.Event("change",{bubbles:true}));this.submitted.emit(t)}popupOpenedHandler(t){this.setPopInPosition();this.popupOpened.emit(t)}popupClosedHandler(t){this.popupClosed.emit(t)}async setPickerOption(t){this.picker.setOptions(t)}async movePopUp(t,i){this.picker.movePopup(t,i)}async setColorValue(t,i){this.picker.setColor(t,i)}async openPicker(){this.picker.show()}async closePicker(){this.picker.hide()}async destroyPicker(){this.picker.destroy()}componentWillLoad(){salla.onReady((()=>{this.color=this.color?this.color:salla.config.get("theme.color.primary","#5dd5c4")}))}setPopInPosition(){const t=this.host.querySelector(".picker_wrapper");const i=this.host.querySelector(".s-color-picker-widget").getBoundingClientRect();const e=window.innerWidth/2-i.width/2;const n=e>i.x;const a=e<i.x;const s=e===i.x;const r=window.innerWidth<768;if(r&&n){t.style.left="0"}if(r&&a){t.style.left="auto"}if(!r||r&&(!a&&!n||s)){t.style.left=`-95px`}}initColorPicker(){this.picker=new K({parent:this.host,color:this.color,popup:"bottom",alpha:this.enableAlpha,editor:this.showTextField,editorFormat:this.format,cancelButton:this.showCancelButton,onChange:t=>this.colorChangeHandle