@salla.sa/twilight-components/dist/twilight/p-41206f76.entry.js

Salla Web Component

/*!
 * Crafted with ❤ by Salla
 */
import{r as t,c as i,h as e,H as a,g as n,f as s,F as r,i as o}from"./p-DWStDVKB.js";import{a as l}from"./p-CgtvEd63.js";import{A as c,S as u}from"./p-yRO-ZESF.js";import{I as d}from"./p-uTyAzPSy.js";import{H as h}from"./p-DjVGZdqd.js";import{a as p}from"./p-BedNk7k1.js";import{S as f}from"./p-DiKTtDW5.js";import{M as g}from"./p-DmgxDvXL.js";import{w as v}from"./p-DWksgowB.js";import{f as m,t as _}from"./p-Dz7o69vX.js";import{G as b}from"./p-C0JNGIpa.js";import{C as w}from"./p-C6jIkM-X.js";var x=`\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`;var 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>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 k=":host{display:block}salla-add-product-button[width=wide]{width:100%}";const E=class{constructor(e){t(this,e);this.success=i(this,"success");this.failed=i(this,"failed");this.hostAttributes={};this.productStatus="sale";this.productType="product";this.selectedOptions=[];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 x}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:y}),this.buyNowText))}componentWillLoad(){return salla.onReady().then((()=>{var t,i,e;document.documentElement.classList.add("hydrated");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(a,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(a,null,e("salla-product-availability",Object.assign({},this.getBtnAttributes()),e("span",{class:"s-hidden"},e("slot",null))))}return e(a,{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 a=salla.storage.get(`product-${this.productId}-subscribed-options`);if(!a&&!this.subscribedOptions||!this.hasOutOfStockOption){return}if(salla.config.isGuest()){const t=a?a.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 n(this)}};E.style=k;var T=`\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`;var 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>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 A=":host{display:block}";const M=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";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,a,n,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)&&((a=(i=this.templateData)===null||i===void 0?void 0:i.screenshots)===null||a===void 0?void 0:a.length)?e("div",{class:"s-bottom-alert-modal-cover"},e("img",{src:(n=this.templateData)===null||n===void 0?void 0:n.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",innerHTML: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:I}),this.buyTheTemplate)):"")]:"")}render(){const t=this.template&&typeof this.template==="object"&&Object.keys(this.template).length>0;const i=t&&this.template.developer;const n=i!==undefined;const s=n&&(i===null||i===void 0?void 0:i.name);const r=null;return e(a,{key:"54afc00bdffa94ff3717f2ba6ddd2ed82534cb4a",class:"s-bottom-alert-wrapper"},e("div",{key:"634f4f43d9ffada203efa37f1e4e56b5afc61c99",class:"s-bottom-alert-content"},e("div",{key:"83796d918d9773926cee99cb6891f5c5a9e1151f",class:"s-bottom-alert-icon"},this.icon?e("i",{class:this.icon}):e("i",{innerHTML:T})),e("div",{key:"e4f4e9f715868c07c5c425085542ada70aa6f76b",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",innerHTML:salla.money(this.template.price)})):this.defaultMessage),this.type!=="banner"&&e("div",{key:"82e089d7d9a5975cac5476e4dd1adf196b4492fe",class:"s-bottom-alert-action"},e("salla-button",{key:"29f693dfd29da4f8d11e519729738fcd5aaad974",href:this.actionUrl,size:"medium",onClick:()=>this.handleAction(),width:"normal"},this.actionLabel||this.defaultActionLabel)),this.type==="popup"&&this.popup()))}get host(){return n(this)}};M.style=A;var S=`\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`;var D=`\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 R=":host{display:block}";const O=class{constructor(i){t(this,i);var e,a;this.sessionStorageKey="breadcrumb_snapshot";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=(a=this.host.querySelector('[slot="icon"]'))===null||a===void 0?void 0:a.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 a=[];if(t.slug==="product.single"){const a=this.getSessionBreadcrumbs();if(a.length>0&&((i=a[1])===null||i===void 0?void 0:i.url)===((e=t.parent)===null||e===void 0?void 0:e.url)){return this.setBreadcrumbsFromArray([...a,t])}}let n=t;while(n){if(n.title){a.unshift({title:n.title,url:n.url})}n=n.parent}if(t.slug.includes("customer")&&t.slug!=="customer.profile"){a.unshift({title:salla.lang.get("common.titles.profile"),url:salla.url.get("profile")})}if(t.slug.includes("blog")){a.unshift({title:salla.lang.get("blocks.footer.blog"),url:salla.url.get("blog")})}if(t.slug==="brands.single"){a.unshift({title:salla.lang.get("common.titles.brands"),url:salla.url.get("brands")})}if(!t.title&&t.slug==="loyalty"){a.unshift({title:salla.lang.get("common.titles.loyalty_program"),url:salla.url.get("loyalty")})}a.unshift({title:salla.lang.get("common.titles.home"),url:salla.url.get("")});return a}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 a=JSON.stringify(i);sessionStorage.setItem(this.sessionStorageKey,a)}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 a=i&&t.is_last?t.title:this.sanitizeBreadcrumbTitle(t.title);const n=this.itemSlot.replace(/\{url\}/g,t.url).replace(/\{title\}/g,a);return[e("div",{class:"s-breadcrumb-slot",innerHTML:n}),this.getArrowDomForItem(t)]})))}getArrowDomForItem(t){if(t.is_last){return""}let i=this.iconSlot||(salla.config.get("theme.is_rtl",true)?S:D);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 a=(e=this.host.querySelectorAll(".s-breadcrumb-item")[this.breadcrumbs.length-1])===null||e===void 0?void 0:e.querySelector("a");a&&a.replaceWith(a.firstChild)}get host(){return n(this)}};O.style=R;const P="";const L=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.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(a,{class:"s-button-wrap"},this.href?e("a",{href:this.href},this.button()):this.button())}get host(){return n(this)}};L.style=P;const C="";const z=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";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(),a=e.top+window.scrollY,n=e.left+window.scrollX;let s=t.getBoundingClientRect(),r=t.offsetWidth+"px",o=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:"+r+"; height:"+o+"; 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 l.timeline;p.add({targets:h,width:[150,30],height:[150,30],top:[c,window.scrollY>0?a-window.scrollY-40:a-40],left:[u,n],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?a-window.scrollY-40:a-40,window.scrollY>0?a-window.scrollY+10:a+10],left:[n,n+10]},"-=500").add({complete:function(){i.classList.add("animated","rubberBand");h.remove()}},"-=1700")}componentWillLoad(){return new Promise((t=>salla.onReady(t)))}render(){return e(a,{key:"f536afae4840b08133a82698fab4b4df6d479e14"},e("a",{key:"26185bdeec4028f6fe936e5a0970fec799761bdd",class:"s-cart-summary-wrapper",href:salla.url.get("cart")},e("div",{key:"817fb77ac1feedd59d23b35a53648382aa3e300c",id:"s-cart-icon"},e("slot",{key:"3d0601960d662d63988b44f1745d222c43f8ecd7",name:"icon"},e("i",{key:"27da6c6fe8da8bd634fad5e39b9b62ec061694b1",class:"s-cart-summary-icon",innerHTML:x}))),e("span",{key:"e1a63ea518c783207d85a657778fb739bc1f386f",class:"s-cart-summary-count"},salla.helpers.number(this.cartSummaryCount)),e("p",{key:"4133fd68ef50ff54609718274f3daa2f87511a3b",class:"s-cart-summary-content"},this.showCartLabel&&e("span",{key:"ec133e448903ec65c42cc7ec35984ca90bbb9a1c",class:"s-cart-summary-label"},this.cartLabel),e("b",{key:"c0e06bab8d8032e37e4059dfce54135f89a6a8d3",class:"s-cart-summary-total",innerHTML:salla.money(this.cartSummaryTotal)}))))}get host(){return n(this)}};z.style=C;var G={exports:{}};
/*!
 * vanilla-picker v2.12.3
 * https://vanilla-picker.js.org
 *
 * Copyright 2017-2024 Andreas Borgen (https://github.com/Sphinxxxx), Adam Brooks (https://github.com/dissimulate)
 * Released under the ISC license.
 */var N=G.exports;var F;function B(){if(F)return G.exports;F=1;(function(t,i){(function(i,e){t.exports=e()})(N,(function(){var t=function(t,i){if(!(t instanceof i)){throw new TypeError("Cannot call a class as a function")}};var i=function(){function t(t,i){for(var e=0;e<i.length;e++){var a=i[e];a.enumerable=a.enumerable||false;a.configurable=true;if("value"in a)a.writable=true;Object.defineProperty(t,a.key,a)}}return function(i,e,a){if(e)t(i.prototype,e);if(a)t(i,a);return i}}();var e=function(){function t(t,i){var e=[];var a=true;var n=false;var s=undefined;try{for(var r=t[Symbol.iterator](),o;!(a=(o=r.next()).done);a=true){e.push(o.value);if(i&&e.length===i)break}}catch(t){n=true;s=t}finally{try{if(!a&&r["return"])r["return"]()}finally{if(n)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 a={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 s=function(){function s(i,a,n,r){t(this,s);var o=this;function l(t){if(t.startsWith("hsl")){var i=t.match(/([\-\d\.e]+)/g).map(Number),a=e(i,4),n=a[0],r=a[1],l=a[2],c=a[3];if(c===undefined){c=1}n/=360;r/=100;l/=100;o.hsla=[n,r,l,c]}else if(t.startsWith("rgb")){var u=t.match(/([\-\d\.e]+)/g).map(Number),d=e(u,4),h=d[0],p=d[1],f=d[2],g=d[3];if(g===undefined){g=1}o.rgba=[h,p,f,g]}else{if(t.startsWith("#")){o.rgba=s.hexToRgb(t)}else{o.rgba=s.nameToRgb(t)||s.hexToRgb(t)}}}if(i===undefined);else if(Array.isArray(i)){this.rgba=i}else if(n===undefined){var c=i&&""+i;if(c){l(c.toLowerCase())}}else{this.rgba=[i,a,n,r===undefined?1:r]}}i(s,[{key:"printRGB",value:function t(i){var e=i?this.rgba:this.rgba.slice(0,3),a=e.map((function(t,i){return n(t,i===3?3:0)}));return i?"rgba("+a+")":"rgb("+a+")"}},{key:"printHSL",value:function t(i){var e=[360,100,100,1],a=["","%","%",""];var s=i?this.hsla:this.hsla.slice(0,3),r=s.map((function(t,i){return n(t*e[i],i===3?3:1)+a[i]}));return i?"hsla("+r+")":"hsl("+r+")"}},{key:"printHex",value:function t(i){var e=this.hex;return i?e:e.substring(0,7)}},{key:"rgba",get:function t(){if(this._rgba){return this._rgba}if(!this._hsla){throw new Error("No color is set")}return this._rgba=s.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 t(){if(this._hsla){return this._hsla}if(!this._rgba){throw new Error("No color is set")}return this._hsla=s.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 t(i){this.rgba=s.hexToRgb(i)}}],[{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 a=e.match(/^(\w\w)(\w\w)(\w\w)(\w\w)$/).slice(1).map((function(t){return parseInt(t,16)}));a[3]=a[3]/255;return a}},{key:"nameToRgb",value:function t(i){var e=i.toLowerCase().replace("at","T").replace(/[aeiouyldf]/g,"").replace("ght","L").replace("rk","D").slice(-5,4),n=a[e];return n===undefined?n:s.hexToRgb(n.replace(/\-/g,"00").padStart(6,"f"))}},{key:"rgbToHsl",value:function t(i){var a=e(i,4),n=a[0],s=a[1],r=a[2],o=a[3];n/=255;s/=255;r/=255;var l=Math.max(n,s,r),c=Math.min(n,s,r);var u=void 0,d=void 0,h=(l+c)/2;if(l===c){u=d=0}else{var p=l-c;d=h>.5?p/(2-l-c):p/(l+c);switch(l){case n:u=(s-r)/p+(s<r?6:0);break;case s:u=(r-n)/p+2;break;case r:u=(n-s)/p+4;break}u/=6}return[u,d,h,o]}},{key:"hslToRgb",value:function t(i){var a=e(i,4),n=a[0],s=a[1],r=a[2],o=a[3];var l=void 0,c=void 0,u=void 0;if(s===0){l=c=u=r}else{var d=function t(i,e,a){if(a<0)a+=1;if(a>1)a-=1;if(a<1/6)return i+(e-i)*6*a;if(a<1/2)return e;if(a<2/3)return i+(e-i)*(2/3-a)*6;return i};var h=r<.5?r*(1+s):r+s-r*s,p=2*r-h;l=d(p,h,n+1/3);c=d(p,h,n);u=d(p,h,n-1/3)}var f=[l*255,c*255,u*255].map(Math.round);f[3]=o;return f}}]);return s}();var r=function(){function e(){t(this,e);this._events=[]}i(e,[{key:"add",value:function t(i,e,a){i.addEventListener(e,a,false);this._events.push({target:i,type:e,handler:a})}},{key:"remove",value:function t(i,a,n){this._events=this._events.filter((function(t){var s=true;if(i&&i!==t.target){s=false}if(a&&a!==t.type){s=false}if(n&&n!==t.handler){s=false}if(s){e._doRemove(t.target,t.type,t.handler)}return!s}))}},{key:"destroy",value:function t(){this._events.forEach((function(t){return e._doRemove(t.target,t.type,t.handler)}));this._events=[]}}],[{key:"_doRemove",value:function t(i,e,a){i.removeEventListener(e,a,false)}}]);return e}();function o(t){var i=document.createElement("div");i.innerHTML=t;return i.firstElementChild}function l(t,i,e){var a=false;function n(t,i,e){return Math.max(i,Math.min(t,e))}function s(t,s,r){if(r){a=true}if(!a){return}t.preventDefault();var o=i.getBoundingClientRect(),l=o.width,c=o.height,u=s.clientX,d=s.clientY;var h=n(u-o.left,0,l),p=n(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{a=false}}function o(t,i){if(t.touches.length===1){s(t,t.touches[0],i)}else{a=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){a=false}));t.add(i,"touchend",(function(t){a=false}));t.add(i,"touchcancel",(function(t){a=false}))}var c="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 u=360;var d="keydown",h="mousedown",p="focusin";function f(t,i){return(i||document).querySelector(t)}function g(t){t.preventDefault();t.stopPropagation()}function v(t,i,e,a,n){t.add(i,d,(function(t){if(e.indexOf(t.key)>=0){a(t)}}))}var m=function(){function e(i){t(this,e);this.settings={popup:"right",layout:"default",alpha:true,editor:true,editorFormat:"hex",cancelButton:false,defaultColor:"#0cf"};this._events=new r;this.onChange=null;this.onDone=null;this.onOpen=null;this.onClose=null;this.setOptions(i)}i(e,[{key:"setOptions",value:function t(i){var e=this;if(!i){return}var a=this.settings;function n(t,i,e){for(var a in t){i[a]=t[a]}}if(i instanceof HTMLElement){a.parent=i}else{if(a.parent&&i.parent&&a.parent!==i.parent){this._events.remove(a.parent);this._popupInited=false}n(i,a);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=a.parent;if(r&&a.popup&&!this._popupInited){var o=function t(i){return e.openHandler(i)};this._events.add(r,"click",o);v(this._events,r,[" ","Spacebar","Enter"],o);this._popupInited=true}else if(i.parent&&!a.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===d?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 a=false;if(!i){a=true}else if(e===h||e===p){var n=(this.__containedEvent||0)+100;if(i.timeStamp>n){a=true}}else{g(i);a=true}if(a&&this.hide()){this.settings.parent.style.pointerEvents="";if(e!==h){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 a=void 0;try{a=new s(i)}catch(t){if(e.failSilently){return}throw t}if(!this.settings.alpha){var n=a.hsla;n[3]=1;a.hsla=n}this.colour=this.color=a;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 a=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 n=o(a);this.domElement=n;this._domH=f(".picker_hue",n);this._domSL=f(".picker_sl",n);this._domA=f(".picker_alpha",n);this._domEdit=f(".picker_editor input",n);this._domSample=f(".picker_sample",n);this._domOkay=f(".picker_done button",n);this._domCancel=f(".picker_cancel button",n);n.classList.add("layout_"+this.settings.layout);if(!this.settings.alpha){n.classList.add("no_alpha")}if(!this.settings.editor){n.classList.add("no_editor")}if(!this.settings.cancelButton){n.classList.add("no_cancel")}this._ifPopup((function(){return n.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,a=this.domElement,n=this._events;function s(t,i,e){n.add(t,i,e)}s(a,"click",(function(t){return t.preventDefault()}));l(n,this._domH,(function(t,i){return e._setHSLA(t)}));l(n,this._domSL,(function(t,i){return e._setHSLA(null,t,1-i)}));if(this.settings.alpha){l(n,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,h,t);s(window,p,t);v(n,a,["Esc","Escape"],t);var e=function t(e){i.__containedEvent=e.timeStamp};s(a,h,e);s(a,p,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);v(n,a,["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 a=t===true?"popup_right":"popup_"+t;["popup_top","popup_bottom","popup_left","popup_right"].forEach((function(t){if(t===a){e.classList.add(t)}else{e.classList.remove(t)}}));e.classList.add(a)}))}},{key:"_setHSLA",value:function t(i,e,a,n,s){s=s||{};var r=this.colour,o=r.hsla;[i,e,a,n].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,a=e.hsla,n="hsl("+a[0]*u+", 100%, 50%)",s=e.hslString,r=e.hslaString;var o=this._domH,l=this._domSL,d=this._domA,h=f(".picker_selector",o),p=f(".picker_selector",l),g=f(".picker_selector",d);function v(t,i,e){i.style.left=e*100+"%"}function m(t,i,e){i.style.top=e*100+"%"}v(o,h,a[0]);this._domSL.style.backgroundColor=this._domH.style.color=n;v(l,p,a[1]);m(l,p,1-a[2]);l.style.color=s;m(d,g,1-a[3]);var _=s,b=_.replace("hsl","hsla").replace(")",", 0)"),w="linear-gradient("+[_,b]+")";this._domA.style.background=w+", "+c;if(!i.fromEditor){var x=this.settings.editorFormat,y=this.settings.alpha;var k=void 0;switch(x){case"rgb":k=e.printRGB(y);break;case"hsl":k=e.printHSL(y);break;default:k=e.printHex(y)}this._domEdit.value=k}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 a=i?"":"none",n=e.style.display!==a;if(n){e.style.display=a}return n}}]);return e}();{var _=document.createElement("style");_.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(_);m.StyleElement=_}return m}))})(G);return G.exports}var j=B();var U=s(j);const H="";const V=class{constructor(e){t(this,e);this.colorChanged=i(this,"colorChanged");this.invalidInput=i(this,"invalidInput");this.submitted=i(this,"submitted");this.popupOpened=i(this,"popupOpened");this.popupClosed=i(this,"popupClosed");this.name="color";this.required=false;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 a=e>i.x;const n=e<i.x;const s=e===i.x;const r=window.innerWidth<768;if(r&&a){t.style.left="0"}if(r&&n){t.style.left="auto"}if(!r||r&&(!n&&!a||s)){t.style.left=`-95px`}}initColorPicker(){this.picker=new U({parent:this.host,color:this.color,popup:"bottom",alpha:this.enableAlpha,