@salla.sa/twilight-components 2.11.86 → 2.11.88

package/dist/twilight/index.esm.js

@@ -1,3 +1,5 @@
 /*!
  * Crafted with ❤ by Salla
  */
+
+//# sourceMappingURL=index.esm.js.map

package/dist/twilight/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/twilight/p-195385b2.system.entry.js

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

package/dist/twilight/p-195385b2.system.entry.js.map

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

package/dist/twilight/p-1b53ebda.system.entry.js

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

package/dist/twilight/p-1b53ebda.system.entry.js.map

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

package/dist/twilight/p-217e1d1c.system.entry.js

@@ -1,4 +1,5 @@
 /*!
  * Crafted with ❤ by Salla
  */
-System.register(["./p-d9130020.system.js"],(function(t){"use strict";var i,e,s,r;return{setters:[function(t){i=t.r;e=t.c;s=t.h;r=t.H}],execute:function(){var l="salla-loyalty-prize-item:hover{-webkit-box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.04) !important;box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.04) !important}";var o=t("salla_loyalty_prize_item",function(){function t(t){i(this,t);this.prizeItemSelected=e(this,"prizeItemSelected",7)}t.prototype.onPrizeItemClick=function(){this.prizeItemSelected.emit(this.item)};t.prototype.render=function(){return s(r,null,s("div",{onClick:this.onPrizeItemClick.bind(this)},s("img",{class:"s-loyalty-prize-item-image",src:this.item.image,alt:this.item.name}),s("div",{class:"s-loyalty-prize-item-title"},this.item.name),s("div",{class:"s-loyalty-prize-item-subtitle"},this.item.description),s("div",{class:"s-loyalty-prize-item-points"},this.item.cost_points," Points")))};return t}());o.style=l}}}));
+System.register(["./p-d9130020.system.js"],(function(t){"use strict";var i,e,s,r;return{setters:[function(t){i=t.r;e=t.c;s=t.h;r=t.H}],execute:function(){var l="salla-loyalty-prize-item:hover{-webkit-box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.04) !important;box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.04) !important}";var o=t("salla_loyalty_prize_item",function(){function t(t){i(this,t);this.prizeItemSelected=e(this,"prizeItemSelected",7)}t.prototype.onPrizeItemClick=function(){this.prizeItemSelected.emit(this.item)};t.prototype.render=function(){return s(r,null,s("div",{onClick:this.onPrizeItemClick.bind(this)},s("img",{class:"s-loyalty-prize-item-image",src:this.item.image,alt:this.item.name}),s("div",{class:"s-loyalty-prize-item-title"},this.item.name),s("div",{class:"s-loyalty-prize-item-subtitle"},this.item.description),s("div",{class:"s-loyalty-prize-item-points"},this.item.cost_points," Points")))};return t}());o.style=l}}}));
+//# sourceMappingURL=p-217e1d1c.system.entry.js.map

package/dist/twilight/p-217e1d1c.system.entry.js.map

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

package/dist/twilight/p-244303eb.system.entry.js

@@ -1,4 +1,5 @@
 var __awaiter=this&&this.__awaiter||function(t,e,i,n){function s(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,o){function r(t){try{a(n.next(t))}catch(t){o(t)}}function u(t){try{a(n["throw"](t))}catch(t){o(t)}}function a(t){t.done?i(t.value):s(t.value).then(r,u)}a((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,s,o,r;return r={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function u(t){return function(e){return a([t,e])}}function a(r){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,s&&(o=r[0]&2?s["return"]:r[0]?s["throw"]||((o=s["return"])&&o.call(s),0):s.next)&&!(o=o.call(s,r[1])).done)return o;if(s=0,o)r=[r[0]&2,o.value];switch(r[0]){case 0:case 1:o=r;break;case 4:i.label++;return{value:r[1],done:false};case 5:i.label++;s=r[1];r=[0];continue;case 7:r=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(r[0]===6||r[0]===2)){i=0;continue}if(r[0]===3&&(!o||r[1]>o[0]&&r[1]<o[3])){i.label=r[1];break}if(r[0]===6&&i.label<o[1]){i.label=o[1];o=r;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(r);break}if(o[2])i.ops.pop();i.trys.pop();continue}r=e.call(t,i)}catch(t){r=[6,t];s=0}finally{n=o=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};
 /*!
  * Crafted with ❤ by Salla
- */System.register(["./p-d9130020.system.js","./p-4bf1c1a4.system.js"],(function(t){"use strict";var e,i,n,s,o,r;return{setters:[function(t){e=t.r;i=t.c;n=t.h;s=t.H;o=t.g},function(t){r=t.C}],execute:function(){var u=":host{display:block}salla-add-product-button[width=wide]{width:100%}";var a=t("salla_add_product_button",function(){function t(t){var n=this;e(this,t);this.success=i(this,"success",7);this.failed=i(this,"failed",7);this.hostAttributes={};this.productStatus="sale";this.productType="product";this.selectedOptions=[];salla.onReady((function(){n.showQuickBuy=n.quickBuy&&!!salla.config.get("store.settings.buy_now")}))}t.prototype.getLabel=function(){if(this.productStatus==="sale"){if(this.supportStickyBar&&window.innerWidth<=768){return r}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")};t.prototype.addProductToCart=function(t){var e=this;if(this.productType==="booking"){t.preventDefault();return this.addBookingProduct()}if(this.hostAttributes.type==="submit"){return false}t.preventDefault();var i=Object.entries({id:this.productId,donating_amount:this.donatingAmount,quantity:this.quantity,endpoint:"quickAdd"}).reduce((function(t,e){var i=e[0],n=e[1];return n?(t[i]=n,t):t}),{});return salla.cart.addItem(i).then((function(t){e.selectedOptions=[];e.success.emit(t)})).catch((function(t){return e.failed.emit(t)}))};t.prototype.addBookingProduct=function(){var t=this;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((function(e){return t.success.emit(e)})).catch((function(e){return t.failed.emit(e)}))};t.prototype.getBtnAttributes=function(){for(var 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};t.prototype.getQuickBuyBtnAttributes=function(){return Object.assign(Object.assign({},this.getBtnAttributes()),{type:this.supportStickyBar&&window.innerWidth<=768?"plain":this.productType=="donating"?"donate":"buy"})};t.prototype.componentWillLoad=function(){var t=this;var e;this.passedLabel=this.host.innerHTML.replace("\x3c!----\x3e","").trim();if(!!this.passedLabel&&window.innerWidth>=768){(e=this.btn)===null||e===void 0?void 0:e.setText(this.passedLabel);return}if(this.host.hasAttribute("type")&&this.host.getAttribute("type")==="submit"&&this.supportStickyBar){window.addEventListener("resize",(function(){var e,i;if(window.innerWidth>=768&&!!t.passedLabel){(e=t.btn)===null||e===void 0?void 0:e.setText(t.passedLabel)}else{(i=t.btn)===null||i===void 0?void 0:i.setText(t.getLabel())}}))}};t.prototype.render=function(){var t=this;var e;if((e=this.host.closest(".swiper-slide"))===null||e===void 0?void 0:e.classList.contains("swiper-slide-duplicate")){return""}if(this.hasSubscribedOptions){return n(s,null,n("salla-product-availability",Object.assign({},this.getBtnAttributes(),{"is-subscribed":true}),n("span",{class:"s-hidden"},n("slot",null))))}if(this.productStatus==="out-and-notify"&&this.channels||this.hasOutOfStockOption){return n(s,null,n("salla-product-availability",Object.assign({},this.getBtnAttributes()),n("span",{class:"s-hidden"},n("slot",null))))}return n(s,{class:{"s-add-product-button-with-quick-buy":this.showQuickBuy,"s-add-product-button-with-sticky-bar":this.supportStickyBar}},n("salla-button",Object.assign({color:this.productStatus==="sale"?"primary":"light",type:"button",fill:this.productStatus==="sale"?"solid":"outline",ref:function(e){return t.btn=e},onClick:function(e){return t.addProductToCart(e)},disabled:this.productStatus!=="sale"},this.getBtnAttributes(),{"loader-position":"center"}),n("slot",null)),this.showQuickBuy?n("salla-quick-buy",Object.assign({},this.getQuickBuyBtnAttributes())):"")};t.prototype.componentDidLoad=function(){var t=this;if(!this.notifyOptionsAvailability){return}salla.event.on("product-options::change",(function(e){return __awaiter(t,void 0,void 0,(function(){var t,i,n,s,o,r;var u=this;return __generator(this,(function(a){switch(a.label){case 0:if(!["thumbnail","color","single-option"].includes(e.option.type)){return[2]}this.hasSubscribedOptions=false;n=this;return[4,(t=document.querySelector('salla-product-options[product-id="'.concat(this.productId,'"]')))===null||t===void 0?void 0:t.getSelectedOptions()];case 1:n.selectedOptions=a.sent();s=this;return[4,(i=document.querySelector('salla-product-options[product-id="'.concat(this.productId,'"]')))===null||i===void 0?void 0:i.hasOutOfStockOption()];case 2:s.hasOutOfStockOption=a.sent();o=salla.storage.get("product-".concat(this.productId,"-subscribed-options"));if(!o&&!this.subscribedOptions||!this.hasOutOfStockOption){return[2]}if(salla.config.isGuest()){r=o?o.map((function(t){return t.split(",").map((function(t){return parseInt(t)}))})):[];this.hasSubscribedOptions=r.length>0&&r.some((function(t){return t.every((function(t){return u.selectedOptions.some((function(e){return e.id===t}))}))}))}else{this.hasSubscribedOptions=this.subscribedOptions&&this.subscribedOptions!=="null"&&this.subscribedOptions!=="[]"?JSON.parse(this.subscribedOptions).some((function(t){return t.every((function(t){return u.selectedOptions.some((function(e){return e.id===t}))}))})):false}return[2]}}))}))}))};t.prototype.componentDidRender=function(){var t=this;var e,i;if(!!this.passedLabel&&(!this.supportStickyBar||window.innerWidth>=768)){(e=this.btn)===null||e===void 0?void 0:e.setText(this.passedLabel);return}(i=this.btn)===null||i===void 0?void 0:i.setText(this.getLabel());salla.lang.onLoaded((function(){var e;return(e=t.btn)===null||e===void 0?void 0:e.setText(t.getLabel())}))};Object.defineProperty(t.prototype,"host",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());a.style=u}}}));
+ */System.register(["./p-d9130020.system.js","./p-4bf1c1a4.system.js"],(function(t){"use strict";var e,i,n,s,o,r;return{setters:[function(t){e=t.r;i=t.c;n=t.h;s=t.H;o=t.g},function(t){r=t.C}],execute:function(){var u=":host{display:block}salla-add-product-button[width=wide]{width:100%}";var a=t("salla_add_product_button",function(){function t(t){var n=this;e(this,t);this.success=i(this,"success",7);this.failed=i(this,"failed",7);this.hostAttributes={};this.productStatus="sale";this.productType="product";this.selectedOptions=[];salla.onReady((function(){n.showQuickBuy=n.quickBuy&&!!salla.config.get("store.settings.buy_now")}))}t.prototype.getLabel=function(){if(this.productStatus==="sale"){if(this.supportStickyBar&&window.innerWidth<=768){return r}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")};t.prototype.addProductToCart=function(t){var e=this;if(this.productType==="booking"){t.preventDefault();return this.addBookingProduct()}if(this.hostAttributes.type==="submit"){return false}t.preventDefault();var i=Object.entries({id:this.productId,donating_amount:this.donatingAmount,quantity:this.quantity,endpoint:"quickAdd"}).reduce((function(t,e){var i=e[0],n=e[1];return n?(t[i]=n,t):t}),{});return salla.cart.addItem(i).then((function(t){e.selectedOptions=[];e.success.emit(t)})).catch((function(t){return e.failed.emit(t)}))};t.prototype.addBookingProduct=function(){var t=this;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((function(e){return t.success.emit(e)})).catch((function(e){return t.failed.emit(e)}))};t.prototype.getBtnAttributes=function(){for(var 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};t.prototype.getQuickBuyBtnAttributes=function(){return Object.assign(Object.assign({},this.getBtnAttributes()),{type:this.supportStickyBar&&window.innerWidth<=768?"plain":this.productType=="donating"?"donate":"buy"})};t.prototype.componentWillLoad=function(){var t=this;var e;this.passedLabel=this.host.innerHTML.replace("\x3c!----\x3e","").trim();if(!!this.passedLabel&&window.innerWidth>=768){(e=this.btn)===null||e===void 0?void 0:e.setText(this.passedLabel);return}if(this.host.hasAttribute("type")&&this.host.getAttribute("type")==="submit"&&this.supportStickyBar){window.addEventListener("resize",(function(){var e,i;if(window.innerWidth>=768&&!!t.passedLabel){(e=t.btn)===null||e===void 0?void 0:e.setText(t.passedLabel)}else{(i=t.btn)===null||i===void 0?void 0:i.setText(t.getLabel())}}))}};t.prototype.render=function(){var t=this;var e;if((e=this.host.closest(".swiper-slide"))===null||e===void 0?void 0:e.classList.contains("swiper-slide-duplicate")){return""}if(this.hasSubscribedOptions){return n(s,null,n("salla-product-availability",Object.assign({},this.getBtnAttributes(),{"is-subscribed":true}),n("span",{class:"s-hidden"},n("slot",null))))}if(this.productStatus==="out-and-notify"&&this.channels||this.hasOutOfStockOption){return n(s,null,n("salla-product-availability",Object.assign({},this.getBtnAttributes()),n("span",{class:"s-hidden"},n("slot",null))))}return n(s,{class:{"s-add-product-button-with-quick-buy":this.showQuickBuy,"s-add-product-button-with-sticky-bar":this.supportStickyBar}},n("salla-button",Object.assign({color:this.productStatus==="sale"?"primary":"light",type:"button",fill:this.productStatus==="sale"?"solid":"outline",ref:function(e){return t.btn=e},onClick:function(e){return t.addProductToCart(e)},disabled:this.productStatus!=="sale"},this.getBtnAttributes(),{"loader-position":"center"}),n("slot",null)),this.showQuickBuy?n("salla-quick-buy",Object.assign({},this.getQuickBuyBtnAttributes())):"")};t.prototype.componentDidLoad=function(){var t=this;if(!this.notifyOptionsAvailability){return}salla.event.on("product-options::change",(function(e){return __awaiter(t,void 0,void 0,(function(){var t,i,n,s,o,r;var u=this;return __generator(this,(function(a){switch(a.label){case 0:if(!["thumbnail","color","single-option"].includes(e.option.type)){return[2]}this.hasSubscribedOptions=false;n=this;return[4,(t=document.querySelector('salla-product-options[product-id="'.concat(this.productId,'"]')))===null||t===void 0?void 0:t.getSelectedOptions()];case 1:n.selectedOptions=a.sent();s=this;return[4,(i=document.querySelector('salla-product-options[product-id="'.concat(this.productId,'"]')))===null||i===void 0?void 0:i.hasOutOfStockOption()];case 2:s.hasOutOfStockOption=a.sent();o=salla.storage.get("product-".concat(this.productId,"-subscribed-options"));if(!o&&!this.subscribedOptions||!this.hasOutOfStockOption){return[2]}if(salla.config.isGuest()){r=o?o.map((function(t){return t.split(",").map((function(t){return parseInt(t)}))})):[];this.hasSubscribedOptions=r.length>0&&r.some((function(t){return t.every((function(t){return u.selectedOptions.some((function(e){return e.id===t}))}))}))}else{this.hasSubscribedOptions=this.subscribedOptions&&this.subscribedOptions!=="null"&&this.subscribedOptions!=="[]"?JSON.parse(this.subscribedOptions).some((function(t){return t.every((function(t){return u.selectedOptions.some((function(e){return e.id===t}))}))})):false}return[2]}}))}))}))};t.prototype.componentDidRender=function(){var t=this;var e,i;if(!!this.passedLabel&&(!this.supportStickyBar||window.innerWidth>=768)){(e=this.btn)===null||e===void 0?void 0:e.setText(this.passedLabel);return}(i=this.btn)===null||i===void 0?void 0:i.setText(this.getLabel());salla.lang.onLoaded((function(){var e;return(e=t.btn)===null||e===void 0?void 0:e.setText(t.getLabel())}))};Object.defineProperty(t.prototype,"host",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());a.style=u}}}));
+//# sourceMappingURL=p-244303eb.system.entry.js.map

package/dist/twilight/p-244303eb.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/salla-add-product-button/salla-add-product-button.css?tag=salla-add-product-button","src/components/salla-add-product-button/salla-add-product-button.tsx"],"names":["sallaAddProductButtonCss","SallaAddProductButton","exports","class_1","hostRef","_this","this","hostAttributes","productStatus","productType","selectedOptions","salla","onReady","showQuickBuy","quickBuy","config","get","prototype","getLabel","supportStickyBar","window","innerWidth","Cart","lang","addProductToCart","event","preventDefault","addBookingProduct","type","data","Object","entries","id","productId","donating_amount","donatingAmount","quantity","endpoint","reduce","a","_c","k","v","cart","addItem","then","response","success","emit","catch","error","failed","isGuest","auth","api","setAfterLoginEvent","dispatch","booking","add","resp","getBtnAttributes","i","host","attributes","length","includes","name","value","getQuickBuyBtnAttributes","assign","componentWillLoad","passedLabel","innerHTML","replace","trim","_a","btn","setText","hasAttribute","getAttribute","addEventListener","_b","render","closest","classList","contains","hasSubscribedOptions","h","Host","is-subscribed","class","channels","hasOutOfStockOption","s-add-product-button-with-quick-buy","s-add-product-button-with-sticky-bar","color","fill","ref","el","onClick","disabled","loader-position","componentDidLoad","notifyOptionsAvailability","on","__awaiter","option","document","querySelector","concat","getSelectedOptions","_e","sent","_d","subscribedDetails","storage","subscribedOptions","parsedSubscribedDetails","map","ids","split","parseInt","some","every","JSON","parse","componentDidRender","onLoaded"],"mappings":";;;mNAAA,IAAMA,EAA2B,2ECMpBC,EAAqBC,EAAA,2BAAA,WAMhC,SAAAC,EAAAC,GAAA,IAAAC,EAAAC,+EAJQA,KAAAC,eAAsB,GAoDPD,KAAAE,cAAmD,OAKnDF,KAAAG,YAAgH,UAW9HH,KAAAI,gBAA8B,GA/DrCC,MAAMC,SAAQ,WACZP,EAAKQ,aAAeR,EAAKS,YAAcH,MAAMI,OAAOC,IAAI,6BAwEpDb,EAAAc,UAAAC,SAAA,WACN,GAAIZ,KAAKE,gBAAkB,OAAQ,CACjC,GAAIF,KAAKa,kBAAoBC,OAAOC,YAAc,IAAK,CACrD,OAAOC,EAET,OAAOX,MAAMY,KAAKP,IAAI,0BAGxB,GAAIV,KAAKG,cAAgB,WAAY,CACnC,OAAOE,MAAMY,KAAKP,IAAI,+BAIxB,OAAOL,MAAMY,KAAKP,IAAI,mCAGhBb,EAAAc,UAAAO,iBAAA,SAAiBC,GAAjB,IAAApB,EAAAC,KAEN,GAAIA,KAAKG,cAAgB,UAAW,CAClCgB,EAAMC,iBACN,OAAOpB,KAAKqB,oBAId,GAAIrB,KAAKC,eAAeqB,OAAS,SAAU,CACzC,OAAO,MAETH,EAAMC,iBAMN,IAAMG,EAAOC,OAAOC,QAAQ,CAC1BC,GAAI1B,KAAK2B,UACTC,gBAAiB5B,KAAK6B,eACtBC,SAAU9B,KAAK8B,SACfC,SAAU,aACTC,QAAO,SAACC,EAAGC,OAACC,EAACD,EAAA,GAAEE,EAACF,EAAA,GAAC,OAAME,GAAKH,EAAEE,GAAKC,EAAGH,GAAKA,IAAI,IAClD,OAAO5B,MAAMgC,KAAKC,QAAQf,GACvBgB,MAAK,SAAAC,GACJzC,EAAKK,gBAAkB,GACvBL,EAAK0C,QAAQC,KAAKF,MAEnBG,OAAM,SAAAC,GAAS,OAAA7C,EAAK8C,OAAOH,KAAKE,OAI7B/C,EAAAc,UAAAU,kBAAA,WAAA,IAAAtB,EAAAC,KACN,GAAIK,MAAMI,OAAOqC,UAAW,CAC1BzC,MAAM0C,KAAKC,IAAIC,mBAAmB,eAAgBjD,KAAK2B,WACvDtB,MAAMc,MAAM+B,SAAS,eACrB,OAEF,OAAO7C,MAAM8C,QAAQC,IAAIpD,KAAK2B,WAC3BY,MAAK,SAAAc,GAAQ,OAAAtD,EAAK0C,QAAQC,KAAKW,MAC/BV,OAAM,SAAAC,GAAS,OAAA7C,EAAK8C,OAAOH,KAAKE,OAG7B/C,EAAAc,UAAA2C,iBAAA,WACN,IAAK,IAAIC,EAAI,EAAGA,EAAIvD,KAAKwD,KAAKC,WAAWC,OAAQH,IAAK,CACpD,IAAK,CAAC,KAAM,SAASI,SAAS3D,KAAKwD,KAAKC,WAAWF,GAAGK,MAAO,CAC3D5D,KAAKC,eAAeD,KAAKwD,KAAKC,WAAWF,GAAGK,MAAQ5D,KAAKwD,KAAKC,WAAWF,GAAGM,OAIhF,OAAO7D,KAAKC,gBAGNJ,EAAAc,UAAAmD,yBAAA,WACN,OAAAtC,OAAAuC,OAAAvC,OAAAuC,OAAA,GAAW/D,KAAKsD,oBAAkB,CAAEhC,KAAMtB,KAAKa,kBAAoBC,OAAOC,YAAc,IAAM,QAAUf,KAAKG,aAAe,WAAa,SAAW,SAItJN,EAAAc,UAAAqD,kBAAA,WAAA,IAAAjE,EAAAC,WACEA,KAAKiE,YAAcjE,KAAKwD,KAAKU,UAAUC,QAAQ,gBAAW,IAAIC,OAC9D,KAAMpE,KAAKiE,aAAenD,OAAOC,YAAc,IAAK,EAClDsD,EAAArE,KAAKsE,OAAG,MAAAD,SAAA,OAAA,EAAAA,EAAEE,QAAQvE,KAAKiE,aACvB,OAEF,GAAIjE,KAAKwD,KAAKgB,aAAa,SAAWxE,KAAKwD,KAAKiB,aAAa,UAAY,UAAYzE,KAAKa,iBAAkB,CAC1GC,OAAO4D,iBAAiB,UAAU,mBAChC,GAAI5D,OAAOC,YAAc,OAAShB,EAAKkE,YAAa,EAClDI,EAAAtE,EAAKuE,OAAG,MAAAD,SAAA,OAAA,EAAAA,EAAEE,QAAQxE,EAAKkE,iBAClB,EACLU,EAAA5E,EAAKuE,OAAG,MAAAK,SAAA,OAAA,EAAAA,EAAEJ,QAAQxE,EAAKa,kBAO/Bf,EAAAc,UAAAiE,OAAA,WAAA,IAAA7E,EAAAC,WAEE,IAAIqE,EAAArE,KAAKwD,KAAKqB,QAAQ,oBAAgB,MAAAR,SAAA,OAAA,EAAAA,EAAES,UAAUC,SAAS,0BAA2B,CACpF,MAAO,GAET,GAAI/E,KAAKgF,qBAAsB,CAC7B,OAAOC,EAACC,EAAI,KACVD,EAAA,6BAAAzD,OAAAuC,OAAA,GAAgC/D,KAAKsD,mBAAkB,CAAA6B,gBAAiB,OACtEF,EAAA,OAAA,CAAMG,MAAM,YAAWH,EAAA,OAAA,SAK7B,GAAKjF,KAAKE,gBAAkB,kBAAoBF,KAAKqF,UAAarF,KAAKsF,oBAAqB,CAC1F,OAAOL,EAACC,EAAI,KACVD,EAAA,6BAAAzD,OAAAuC,OAAA,GAAgC/D,KAAKsD,oBACnC2B,EAAA,OAAA,CAAMG,MAAM,YAAWH,EAAA,OAAA,SAK7B,OAAOA,EAACC,EAAI,CAACE,MAAO,CAACG,sCAAuCvF,KAAKO,aAAciF,uCAAwCxF,KAAKa,mBAC1HoE,EAAA,eAAAzD,OAAAuC,OAAA,CAAc0B,MAAOzF,KAAKE,gBAAkB,OAAS,UAAY,QACnDoB,KAAK,SACLoE,KAAM1F,KAAKE,gBAAkB,OAAS,QAAU,UAChDyF,IAAK,SAAAC,GAAM,OAAA7F,EAAKuE,IAAMsB,GACtBC,QAAS,SAAA1E,GAAS,OAAApB,EAAKmB,iBAAiBC,IACxC2E,SAAU9F,KAAKE,gBAAkB,QAC7BF,KAAKsD,mBAAkB,CAAAyC,kBACX,WAE5Bd,EAAA,OAAA,OAEDjF,KAAKO,aAAe0E,EAAA,kBAAAzD,OAAAuC,OAAA,GAAqB/D,KAAK8D,6BAAiC,KAIpFjE,EAAAc,UAAAqF,iBAAA,WAAA,IAAAjG,EAAAC,KACE,IAAKA,KAAKiG,0BAA2B,CACnC,OAGF5F,MAAMc,MAAM+E,GAAG,2BAA2B,SAAM3E,GAAI,OAAA4E,UAAApG,OAAA,OAAA,GAAA,kGAClD,IAAK,CAAC,YAAa,QAAS,iBAAiB4D,SAASpC,EAAK6E,OAAO9E,MAAO,CACvE,MAAA,CAAA,GAEFtB,KAAKgF,qBAAuB,MAC5B9C,EAAAlC,KAAuB,MAAA,CAAA,GAAMqE,EAACgC,SAASC,cAAc,qCAAAC,OAAqCvG,KAAK2B,UAAS,UAAa,MAAA0C,SAAA,OAAA,EAAAA,EAAEmC,6BAAvHtE,EAAK9B,gBAAkBqG,EAAAC,OACvBC,EAAA3G,KAA2B,MAAA,CAAA,GAAM2E,EAAC0B,SAASC,cAAc,qCAAAC,OAAqCvG,KAAK2B,UAAS,UAAa,MAAAgD,SAAA,OAAA,EAAAA,EAAEW,8BAA3HqB,EAAKrB,oBAAsBmB,EAAAC,OACvBE,EAAoBvG,MAAMwG,QAAQnG,IAAI,WAAA6F,OAAWvG,KAAK2B,UAAS,wBAEnE,IAAKiF,IAAsB5G,KAAK8G,oBAAsB9G,KAAKsF,oBAAqB,CAC9E,MAAA,CAAA,GAGF,GAAIjF,MAAMI,OAAOqC,UAAW,CACpBiE,EAA0BH,EAAoBA,EAAkBI,KAAI,SAAAC,GAAO,OAAAA,EAAIC,MAAM,KAAKF,KAAI,SAAAtF,GAAM,OAAAyF,SAASzF,SAAQ,GAE3H1B,KAAKgF,qBAAuB+B,EAAwBrD,OAAS,GAAKqD,EAAwBK,MAAK,SAAAH,GAC7F,OAAAA,EAAII,OAAM,SAAA3F,GAAM,OAAA3B,EAAKK,gBAAgBgH,MAAK,SAAAhB,GAAU,OAAAA,EAAO1E,KAAOA,eAE/D,CACL1B,KAAKgF,qBAAuBhF,KAAK8G,mBAAqB9G,KAAK8G,oBAAsB,QAAU9G,KAAK8G,oBAAsB,KAAOQ,KAAKC,MAAMvH,KAAK8G,mBAAmBM,MAAK,SAAAH,GACnK,OAAAA,EAAII,OAAM,SAAA3F,GAAM,OAAA3B,EAAKK,gBAAgBgH,MAAK,SAAAhB,GAAU,OAAAA,EAAO1E,KAAOA,WAChE,2BAMV7B,EAAAc,UAAA6G,mBAAA,WAAA,IAAAzH,EAAAC,aAEE,KAAMA,KAAKiE,eAAiBjE,KAAKa,kBAAoBC,OAAOC,YAAc,KAAM,EAE9EsD,EAAArE,KAAKsE,OAAG,MAAAD,SAAA,OAAA,EAAAA,EAAEE,QAAQvE,KAAKiE,aACvB,QAEFU,EAAA3E,KAAKsE,OAAG,MAAAK,SAAA,OAAA,EAAAA,EAAEJ,QAAQvE,KAAKY,YAEvBP,MAAMY,KAAKwG,UAAS,WAAA,IAAApD,EAAM,OAAAA,EAAAtE,EAAKuE,OAAG,MAAAD,SAAA,OAAA,EAAAA,EAAEE,QAAQxE,EAAKa,uIA3PnB","sourcesContent":[":host {\n  display: block;\n}\n\nsalla-add-product-button[width=wide] {\n  width: 100%;\n}\n\n","import {Component, Element, State, Event, EventEmitter, Host, Prop, h} from '@stencil/core';\nimport Cart from '../../assets/svg/cart.svg';\n@Component({\n  tag: 'salla-add-product-button',\n  styleUrl: 'salla-add-product-button.css'\n})\nexport class SallaAddProductButton {\n\n  private hostAttributes: any = {};\n  private btn?: HTMLSallaButtonElement;\n  private passedLabel: string;\n\n  constructor() {\n    salla.onReady(() => {\n      this.showQuickBuy = this.quickBuy && !!salla.config.get('store.settings.buy_now');\n    });\n  }\n\n  /**\n   * Channels.\n   */\n  @Prop({reflect: true}) channels: string;\n\n  /**\n   * Subscribed Options ex: \"[[139487,2394739],[1212,1544]]\"\n   */\n  @Prop() subscribedOptions: string;\n\n  /**\n   * Support Quick Pay Button\n   */\n  @Prop({reflect: true, mutable: true}) quickBuy: boolean;\n\n  /**\n   * Product Quantity\n   */\n  @Prop({reflect: true}) quantity: number;\n\n  /**\n   * Donating amount.\n   */\n  @Prop({reflect: true}) donatingAmount: number;\n\n  /**\n   * Listen to product options availability.\n   */\n  @Prop({reflect: true}) notifyOptionsAvailability: boolean;\n\n  /**\n   * Product id\n   */\n  @Prop({reflect: true}) productId;\n\n  /**\n   * Support themes that have a sticky bar\n   */\n  @Prop({reflect: true}) supportStickyBar: boolean;\n  /**\n   *  Product Status.Defaults to `sale`\n   */\n  @Prop({reflect: true}) productStatus: 'sale' | 'out' | 'out-and-notify' = 'sale';\n\n  /**\n   * Product type. Defaults to `product`\n   */\n  @Prop({reflect: true}) productType: 'product' | 'service' | 'codes' | 'digital' | 'food' | 'donating' | 'group_products' | 'booking' = 'product';\n\n  /**\n   * Custome DOM event emitter when product gets added to cart successfully.\n   */\n  @Event() success: EventEmitter;\n\n  @State() hasOutOfStockOption: boolean;\n\n  @State() hasSubscribedOptions: boolean;\n\n  @State() selectedOptions: Array<any> = [];\n  @State() showQuickBuy: boolean;\n\n  /**\n   * Custome DOM event emitter when product addition to cart fails.\n   */\n  @Event() failed: EventEmitter;\n\n  @Element() host: HTMLElement;\n\n  private getLabel() {\n    if (this.productStatus === 'sale') {\n      if (this.supportStickyBar && window.innerWidth <= 768) {\n        return Cart;\n      }\n      return salla.lang.get('pages.cart.add_to_cart');\n    }\n\n    if (this.productType !== 'donating') {\n      return salla.lang.get('pages.products.out_of_stock');\n    }\n\n    // donating\n    return salla.lang.get('pages.products.donation_exceed');\n  }\n\n  private addProductToCart(event) {\n\n    if (this.productType === 'booking') {\n      event.preventDefault();\n      return this.addBookingProduct();\n    }\n\n    // we want to ignore the click action when the type of button is submit a form\n    if (this.hostAttributes.type === 'submit') {\n      return false;\n    }\n    event.preventDefault();\n    /**\n     * by default the quick add is just an alias for add item function\n     * but its work only when the id is the only value is passed via the object\n     * so we will filter the object entities to remove null and zero values in case we don't want the normal add item action\n     */\n    const data = Object.entries({\n      id: this.productId,\n      donating_amount: this.donatingAmount,\n      quantity: this.quantity,\n      endpoint: 'quickAdd'\n    }).reduce((a, [k, v]) => (v ? (a[k] = v, a) : a), {})\n    return salla.cart.addItem(data)\n      .then(response => {\n        this.selectedOptions = [];\n        this.success.emit(response);\n      })\n      .catch(error => this.failed.emit(error));\n\n  }\n\n  private addBookingProduct() {\n    if (salla.config.isGuest()) {\n      salla.auth.api.setAfterLoginEvent('booking::add', this.productId);\n      salla.event.dispatch('login::open');\n      return;\n    }\n    return salla.booking.add(this.productId)\n      .then(resp => this.success.emit(resp))\n      .catch(error => this.failed.emit(error))\n  }\n\n  private getBtnAttributes() {\n    for (let i = 0; i < this.host.attributes.length; i++) {\n      if (!['id', 'class'].includes(this.host.attributes[i].name)) {\n        this.hostAttributes[this.host.attributes[i].name] = this.host.attributes[i].value;\n      }\n    }\n\n    return this.hostAttributes;\n  }\n  \n  private getQuickBuyBtnAttributes() {\n    return {...this.getBtnAttributes(), type: this.supportStickyBar && window.innerWidth <= 768 ? 'plain' : this.productType == 'donating' ? 'donate' : 'buy'}\n  }\n\n\n  componentWillLoad(): void {\n    this.passedLabel = this.host.innerHTML.replace('<!---->', '').trim();\n    if (!!this.passedLabel && window.innerWidth >= 768) {\n      this.btn?.setText(this.passedLabel);\n      return;\n    }\n    if (this.host.hasAttribute('type') && this.host.getAttribute('type') === 'submit' && this.supportStickyBar) {\n      window.addEventListener('resize', () => {\n        if (window.innerWidth >= 768 && !!this.passedLabel) {\n          this.btn?.setText(this.passedLabel)\n        } else {\n          this.btn?.setText(this.getLabel())\n        }\n      });\n    }\n  }\n\n\n  render() {\n    //TODO:: find a better fix, this is a patch for issue that duplicates the buttons more than twice @see the screenshot inside this folder\n    if (this.host.closest('.swiper-slide')?.classList.contains('swiper-slide-duplicate')) {\n      return ''\n    }\n    if (this.hasSubscribedOptions) {\n      return <Host>\n        <salla-product-availability {...this.getBtnAttributes()} is-subscribed={true}>\n          <span class=\"s-hidden\"><slot /></span>\n        </salla-product-availability>\n      </Host>;\n    }\n\n    if ((this.productStatus === 'out-and-notify' && this.channels) || this.hasOutOfStockOption) {\n      return <Host>\n        <salla-product-availability {...this.getBtnAttributes()}>\n          <span class=\"s-hidden\"><slot /></span>\n        </salla-product-availability>\n      </Host>;\n    }\n\n    return <Host class={{'s-add-product-button-with-quick-buy': this.showQuickBuy, 's-add-product-button-with-sticky-bar': this.supportStickyBar}}>\n      <salla-button color={this.productStatus === 'sale' ? 'primary' : 'light'}\n                    type=\"button\"\n                    fill={this.productStatus === 'sale' ? 'solid' : 'outline'}\n                    ref={el => this.btn = el as HTMLSallaButtonElement}\n                    onClick={event => this.addProductToCart(event)}\n                    disabled={this.productStatus !== 'sale'}\n                    {...this.getBtnAttributes()}\n                    loader-position=\"center\"\n      >\n        <slot/>\n      </salla-button>\n      {this.showQuickBuy ? <salla-quick-buy {...this.getQuickBuyBtnAttributes()} /> : ''}\n    </Host>;\n  }\n\n  componentDidLoad() {\n    if (!this.notifyOptionsAvailability) {\n      return;\n    }\n\n    salla.event.on('product-options::change', async data => {\n      if (!['thumbnail', 'color', 'single-option'].includes(data.option.type)) {\n        return;\n      }\n      this.hasSubscribedOptions = false;\n      this.selectedOptions = await (document.querySelector(`salla-product-options[product-id=\"${this.productId}\"]`) as any)?.getSelectedOptions();\n      this.hasOutOfStockOption = await (document.querySelector(`salla-product-options[product-id=\"${this.productId}\"]`) as any)?.hasOutOfStockOption();\n      let subscribedDetails = salla.storage.get(`product-${this.productId}-subscribed-options`);\n\n      if (!subscribedDetails && !this.subscribedOptions || !this.hasOutOfStockOption) {\n        return;\n      }\n\n      if (salla.config.isGuest()) {\n        const parsedSubscribedDetails = subscribedDetails ? subscribedDetails.map(ids => ids.split(',').map(id => parseInt(id))) : [];\n\n        this.hasSubscribedOptions = parsedSubscribedDetails.length > 0 && parsedSubscribedDetails.some(ids =>\n          ids.every(id => this.selectedOptions.some(option => option.id === id))\n        );\n      } else {\n        this.hasSubscribedOptions = this.subscribedOptions && this.subscribedOptions !== 'null' && this.subscribedOptions !== '[]' ? JSON.parse(this.subscribedOptions).some(ids =>\n          ids.every(id => this.selectedOptions.some(option => option.id === id))\n        ) : false;\n      }\n    });\n\n\n  }\n  componentDidRender(): void {\n    //if label not passed, get label\n    if (!!this.passedLabel && (!this.supportStickyBar || window.innerWidth >= 768)) {\n      // if passed label, set it\n      this.btn?.setText(this.passedLabel)\n      return;\n    }\n    this.btn?.setText(this.getLabel())\n\n    salla.lang.onLoaded(() => this.btn?.setText(this.getLabel()));\n  }\n}\n"]}

package/dist/twilight/p-263fa3eb.entry.js

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

package/dist/twilight/p-263fa3eb.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/salla-select/salla-select.scss?tag=salla-select","src/components/salla-select/salla-select.tsx"],"names":["sallaSelectCss","SallaSelect","[object Object]","hostRef","this","label","undefined","items","itemText","itemValue","itemDisabled","size","value","autofocus","clearable","clearIcon","color","flat","disabled","loading","loadingColor","hint","persistHint","placeholder","multiple","autocomplete","required","chips","shape","returnObject","hideDetail","event","selectedIndex","target","selectedItem","h","class","item","Host","htmlFor","autoFocus","id","selectClass","onChange","onSelectedItemChange","bind","selected","map","checkForSelected","s-hidden","generateHint"],"mappings":";;;kDAAA,MAAMA,EAAiB,gvCCMVC,EAAW,MAJxBC,YAAAC,aASUC,KAAAC,MAAgBC,UAMhBF,KAAAG,MAAe,GAKfH,KAAAI,SAA4C,OAM5CJ,KAAAK,UAA6C,QAK7CL,KAAAM,aAAgD,WAKhDN,KAAAO,KAA6D,SAK5CP,KAAAQ,MAAaN,UAK9BF,KAAAS,UAAqB,MAKrBT,KAAAU,UAAqB,MAKrBV,KAAAW,UAAoB,eAKpBX,KAAAY,MAAkF,UAKlFZ,KAAAa,KAAgBX,UAKhBF,KAAAc,SAAoB,MAKpBd,KAAAe,QAAmB,MAKnBf,KAAAgB,aAAuB,UAKvBhB,KAAAiB,KAAef,UAKfF,KAAAkB,YAAuB,MAKvBlB,KAAAmB,YAAsBjB,UAKtBF,KAAAoB,SAAoB,MAKpBpB,KAAAqB,aAAwB,MAKxBrB,KAAAsB,SAAoB,MAKpBtB,KAAAuB,MAAiB,MAKjBvB,KAAAwB,MAAkC,WAMlCxB,KAAAyB,aAAwB,MAKxBzB,KAAA0B,WAAsB,MAKtB5B,cACN,MAAO,2BAA2BE,KAAKwB,SAASxB,KAAKY,SAASZ,KAAKO,OAG7DT,qBAAqB6B,GAC3B,IAAIC,EAAiBD,EAAME,OAA6BD,cACxD,GAAIA,EAAgB,EAAG,CACrB5B,KAAKQ,MAAQN,UACb,OAEF,IAAI4B,EAAe9B,KAAKG,QAAQH,KAAKmB,YAAcS,EAAgB,EAAIA,GAEvE5B,KAAKQ,MAAQR,KAAKyB,aAAeK,EAAeA,EAAa9B,KAAKK,WAG5DP,eACN,IAAKE,KAAKkB,cAAgBlB,KAAKQ,MAAO,CACpC,MAAO,GAET,OAAOuB,EAAA,MAAA,CAAKC,MAAM,iBAAiBhC,KAAKiB,MAGlCnB,iBAAiBmC,GACvB,GAAIjC,KAAKyB,gBAAkBzB,KAAKQ,MAAO,CACrC,OAAOyB,EAAKjC,KAAKK,WAAaL,KAAKQ,MAAMR,KAAKK,WAEhD,OAAO4B,EAAKjC,KAAKK,YAAcL,KAAKQ,MAItCV,SACE,OACEiC,EAACG,EAAI,OACAlC,KAAKC,MACN8B,EAAA,QAAA,CAAOI,QAAQ,WAAWH,MAAM,kBAAkBhC,KAAKC,OACrD,GAEJ8B,EAAA,SAAA,CAAQX,SAAUpB,KAAKoB,SAAUC,aAAcrB,KAAKqB,aAAe,KAAO,MAAOP,SAAUd,KAAKc,SAAUsB,UAAWpC,KAAKS,UAAW4B,GAAG,WAAWL,MAAOhC,KAAKsC,cAAeC,SAAUvC,KAAKwC,qBAAqBC,KAAKzC,SAClNA,KAAKmB,YACNY,EAAA,SAAA,CAAQW,UAAW1C,KAAKQ,OAAQR,KAAKmB,aACnC,GAEFnB,KAAKG,MAAMwC,KAAKV,GAEdF,EAAA,SAAA,CAAQ9B,MAAOgC,EAAKjC,KAAKI,UAAWI,MAAOyB,EAAKjC,KAAKK,WAAYqC,SAAU1C,KAAK4C,iBAAiBX,GAAOnB,SAAUmB,EAAKjC,KAAKM,mBAKlIyB,EAAA,MAAA,CAAKC,MAAO,CAAEa,WAAY7C,KAAK0B,aAC5B1B,KAAK8C","sourcesContent":[".s-select-label {\n  display: block;\n  margin-bottom: 0.5rem;\n  color: #111827;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  font-weight: 500;\n}\n\n.s-select-underline {\n  display: block;\n  padding-left: 0;\n  padding-right: 0;\n  padding-top: 0.625rem;\n  padding-bottom: 0.625rem;\n  background-color: transparent;\n  color: #6B7280;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  width: 100%;\n  border-width: 0;\n  border-bottom-width: 2px;\n  border-color: #E5E7EB;\n  appearance: none;\n}\n\n.s-select-outlined {\n  display: block;\n  padding: 0.625rem;\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n  padding-left: 1rem;\n  padding-right: 1rem;\n  background-color: #F9FAFB;\n  color: #111827;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  width: 100%;\n  border-radius: 0.5rem;\n  border-width: 1px;\n  border-color: #D1D5DB;\n}\n\n.s-select-x-large {\n  height: 5rem;\n}\n\n.s-select-large {\n  height: 4rem;\n}\n\n.s-select-normal {\n  height: 3rem;\n}\n\n.s-select-small {\n  height: 3rem;\n}\n\n.s-select-x-small {\n  height: 2.5rem;\n}\n\n.s-select-field {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n  padding-right: 0.5rem;\n  padding-left: 0.5rem;\n  margin: 0;\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n  font-weight: 400;\n  line-height: 1.75rem;\n  width: 100%;\n  border-radius: 0.375rem;\n  border-color: #9CA3AF;\n  box-shadow: none;\n}\n\n\n.s-select-hint {\n  margin-top: 0.25rem;\n  color: #374151;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  line-height: 1.25rem;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'salla-select',\n  styleUrl: 'salla-select.scss',\n})\nexport class SallaSelect {\n\n  /**\n   * Sets label\n   */\n  @Prop() label: string = undefined;\n\n  /**\n   * Can be an array of objects or array of strings. \n   * When using objects, will look for a text, value and disabled keys.\n   */\n  @Prop() items: any[] = [];\n\n  /**\n   * Set property of items’s text value\n   */\n  @Prop() itemText: string /* | any[] | Function */ = \"text\";\n\n  /**\n   * Set property of items’s value - must be primitive. \n   * Dot notation is supported.\n   */\n  @Prop() itemValue: string /* | any[] | Function */ = \"value\";\n\n  /**\n   * Set property of items’s disabled value\n   */\n  @Prop() itemDisabled: string /* | any[] | Function */ = 'disabled';\n\n  /**\n  * Sizing options\n  */\n  @Prop() size: 'x-large' | 'large' | 'normal' | 'small' | 'x-small' = 'normal';\n\n  /**\n   * The selected value\n   */\n  @Prop({ mutable: true }) value: any = undefined;\n\n  /**\n   * Enable autofocus\n   */\n  @Prop() autofocus: boolean = false;\n\n  /**\n   * Add input clear functionality, default icon is `sicon-cancel`\n   */\n  @Prop() clearable: boolean = false;\n\n  /**\n   * Applied when using clearable and the input is dirty\n   */\n  @Prop() clearIcon: string = 'sicon-cancel';\n\n  /**\n   * Applies specified color to the control.\n   */\n  @Prop() color: 'primary' | 'success' | 'warning' | 'danger' | 'light' | 'gray' | 'dark' = 'primary';\n\n  /**\n   * Remove elevation or box shadow.\n   */\n  @Prop() flat: boolean = undefined;\n\n  /**\n   * Disable the input\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Displays linear progress bar.\n   */\n  @Prop() loading: boolean = false;\n\n  /**\n   * Specifies which color is applied to the progress bar.\n   */\n  @Prop() loadingColor: string = 'primary';\n\n  /**\n   * Hint text\n   */\n  @Prop() hint: string = undefined;\n\n  /**\n   * Forces hint to always be visible.\n   */\n  @Prop() persistHint: boolean = false;\n\n  /**\n   * Sets the input’s placeholder text.\n   */\n  @Prop() placeholder: string = undefined;\n\n  /**\n   * Enable multiple item selection\n   */\n  @Prop() multiple: boolean = false;\n\n  /**\n   * Enable multiple item selection\n   */\n  @Prop() autocomplete: boolean = false;\n\n  /**\n   * Enable multiple item selection\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Changes display of selections to chips\n   */\n  @Prop() chips: boolean = false;\n\n  /**\n   * Define appearance of the component\n   */\n  @Prop() shape: 'underline' | 'outlined' = 'outlined';\n\n  /**\n   * Changes the selection behavior to return the object directly \n   * rather than the value specified with item-value\n   */\n  @Prop() returnObject: boolean = false;\n\n  /**\n   * Hides hint if any\n   */\n  @Prop() hideDetail: boolean = false;\n\n\n\n\n  private selectClass() {\n    return `s-select-field s-select-${this.shape} ${this.color} ${this.size}`\n  }\n\n  private onSelectedItemChange(event: Event) {\n    let selectedIndex = (event.target as HTMLSelectElement).selectedIndex;\n    if (selectedIndex < 0) {\n      this.value = undefined;\n      return;\n    }\n    let selectedItem = this.items[!!this.placeholder ? selectedIndex - 1 : selectedIndex]\n\n    this.value = this.returnObject ? selectedItem : selectedItem[this.itemValue]\n  }\n\n  private generateHint() {\n    if (!this.persistHint && !this.value) {\n      return \"\"\n    }\n    return <div class=\"s-select-hint\">{this.hint}</div>\n  }\n\n  private checkForSelected(item) {\n    if (this.returnObject && !!this.value) {\n      return item[this.itemValue] = this.value[this.itemValue]\n    }\n    return item[this.itemValue] == this.value\n  }\n\n\n  render() {\n    return (\n      <Host>\n        {!!this.label ?\n          <label htmlFor=\"s-select\" class=\"s-select-label\">{this.label}</label>\n          : \"\"\n        }\n        <select multiple={this.multiple} autocomplete={this.autocomplete ? 'on' : 'off'} disabled={this.disabled} autoFocus={this.autofocus} id=\"s-select\" class={this.selectClass()} onChange={this.onSelectedItemChange.bind(this)}>\n          {!!this.placeholder ?\n            <option selected={!this.value}>{this.placeholder}</option>\n            : \"\"}\n          {\n            this.items.map((item: Object | string) =>\n              // item instanceof Object ?\n              <option label={item[this.itemText]} value={item[this.itemValue]} selected={this.checkForSelected(item)} disabled={item[this.itemDisabled]}></option>\n              // :\n              // <option label={item} value={item} selected={item == this.value} disabled={item == this.itemDisabled}></option>\n            )}\n        </select>\n        <div class={{ \"s-hidden\": this.hideDetail }}>\n          {this.generateHint()}\n        </div>\n\n      </Host>\n    );\n  }\n\n}"]}

package/dist/twilight/p-3d828bb4.js

@@ -1,4 +1,5 @@
 /*!
  * Crafted with ❤ by Salla
  */
-var n=function(){return(n=Object.assign||function(n){for(var t,r=1,i=arguments.length;r<i;r++)for(var u in t=arguments[r])Object.prototype.hasOwnProperty.call(t,u)&&(n[u]=t[u]);return n}).apply(this,arguments)},t=function(){this.start=0,this.end=0,this.previous=null,this.parent=null,this.rules=null,this.parsedCssText="",this.cssText="",this.atRule=!1,this.type=0,this.keyframesName="",this.selector="",this.parsedSelector=""};function r(n){return i(function(n){var r=new t;r.start=0,r.end=n.length;for(var i=r,u=0,f=n.length;u<f;u++)if(n[u]===e){i.rules||(i.rules=[]);var s=i,a=s.rules[s.rules.length-1]||null;(i=new t).start=u+1,i.parent=s,i.previous=a,s.rules.push(i)}else n[u]===o&&(i.end=u+1,i=i.parent||r);return r}(n=function(n){return n.replace(f.comments,"").replace(f.port,"")}(n)),n)}function i(n,t){var r=t.substring(n.start,n.end-1);if(n.parsedCssText=n.cssText=r.trim(),n.parent){r=(r=(r=function(n){return n.replace(/\\([0-9a-f]{1,6})\s/gi,(function(){for(var n=arguments[1],t=6-n.length;t--;)n="0"+n;return"\\"+n}))}(r=t.substring(n.previous?n.previous.end:n.parent.start,n.start-1))).replace(f.multipleSpaces," ")).substring(r.lastIndexOf(";")+1);var e=n.parsedSelector=n.selector=r.trim();n.atRule=0===e.indexOf(c),n.atRule?0===e.indexOf(a)?n.type=u.MEDIA_RULE:e.match(f.keyframesRule)&&(n.type=u.KEYFRAMES_RULE,n.keyframesName=n.selector.split(f.multipleSpaces).pop()):n.type=0===e.indexOf(s)?u.MIXIN_RULE:u.STYLE_RULE}var o=n.rules;if(o)for(var v=0,h=o.length,l=void 0;v<h&&(l=o[v]);v++)i(l,t);return n}var u={STYLE_RULE:1,KEYFRAMES_RULE:7,MEDIA_RULE:4,MIXIN_RULE:1e3},e="{",o="}",f={comments:/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,port:/@import[^;]*;/gim,customProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\n]|$)/gim,mixinProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\n]|$)?/gim,mixinApply:/@apply\s*\(?[^);]*\)?\s*(?:[;\n]|$)?/gim,varApply:/[^;:]*?:[^;]*?var\([^;]*\)(?:[;\n]|$)?/gim,keyframesRule:/^@[^\s]*keyframes/,multipleSpaces:/\s+/g},s="--",a="@media",c="@";function v(n,t,r){n.lastIndex=0;var i=t.substring(r).match(n);if(i){var u=r+i.index;return{start:u,end:u+i[0].length}}return null}var h=/\bvar\(/,l=/\B--[\w-]+\s*:/,m=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,p=/^[\t ]+\n/gm;function d(n,t,r){var i=function(n,t){var r=v(h,n,t);if(!r)return null;var i=function(n,t){for(var r=0,i=t;i<n.length;i++){var u=n[i];if("("===u)r++;else if(")"===u&&--r<=0)return i+1}return i}(n,r.start),u=n.substring(r.end,i-1).split(","),e=u[0],o=u.slice(1);return{start:r.start,end:i,propName:e.trim(),fallback:o.length>0?o.join(",").trim():void 0}}(n,r);if(!i)return t.push(n.substring(r,n.length)),n.length;var u=i.propName,e=null!=i.fallback?w(i.fallback):void 0;return t.push(n.substring(r,i.start),(function(n){return function(n,t,r){return n[t]?n[t]:r?y(r,n):""}(n,u,e)})),i.end}function y(n,t){for(var r="",i=0;i<n.length;i++){var u=n[i];r+="string"==typeof u?u:u(t)}return r}function g(n,t){for(var r=!1,i=!1,u=t;u<n.length;u++){var e=n[u];if(r)i&&'"'===e&&(r=!1),i||"'"!==e||(r=!1);else if('"'===e)r=!0,i=!0;else if("'"===e)r=!0,i=!1;else{if(";"===e)return u+1;if("}"===e)return u}}return u}function w(n){var t=0;n=function(n){for(var t="",r=0;;){var i=v(l,n,r),u=i?i.start:n.length;if(t+=n.substring(r,u),!i)break;r=g(n,u)}return t}(n=n.replace(m,"")).replace(p,"");for(var r=[];t<n.length;)t=d(n,r,t);return r}function b(n){var t={};n.forEach((function(n){n.declarations.forEach((function(n){t[n.prop]=n.value}))}));for(var r={},i=Object.entries(t),u=function(){var n=!1;if(i.forEach((function(t){var i=t[0],u=y(t[1],r);u!==r[i]&&(r[i]=u,n=!0)})),!n)return"break"},e=0;e<10&&"break"!==u();e++);return r}function E(n,t){if(void 0===t&&(t=0),!n.rules)return[];var r=[];return n.rules.filter((function(n){return n.type===u.STYLE_RULE})).forEach((function(n){var i=function(n){for(var t,r=[];t=k.exec(n.trim());){var i=M(t[2]),u=i.value,e=i.important;r.push({prop:t[1].trim(),value:w(u),important:e})}return r}(n.cssText);i.length>0&&n.parsedSelector.split(",").forEach((function(n){n=n.trim(),r.push({selector:n,declarations:i,specificity:1,nu:t})})),t++})),r}var k=/(?:^|[;\s{]\s*)(--[\w-]*?)\s*:\s*(?:((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};{])+)|\{([^}]*)\}(?:(?=[;\s}])|$))/gm;function M(n){var t=(n=n.replace(/\s+/gim," ").trim()).endsWith("!important");return t&&(n=n.slice(0,n.length-10).trim()),{value:n,important:t}}function R(n){var t=[];return n.forEach((function(n){t.push.apply(t,n.selectors)})),t}function A(n){var t=r(n),i=w(n);return{original:n,template:i,selectors:E(t),usesCssVars:i.length>1}}function L(n,t){if(n.some((function(n){return n.styleEl===t})))return!1;var r=A(t.textContent);return r.styleEl=t,n.push(r),!0}function $(n){var t=b(R(n));n.forEach((function(n){n.usesCssVars&&(n.styleEl.textContent=y(n.template,t))}))}function O(n,t,r){return function(n,t,r){return n.replace(RegExp(t,"g"),r)}(n,"\\.".concat(t),".".concat(r))}function P(n,t){return Array.from(n.querySelectorAll("style:not([data-styles]):not([data-no-shim])")).map((function(n){return L(t,n)})).some(Boolean)}function I(n,t,r){var i=r.href;return fetch(i).then((function(n){return n.text()})).then((function(u){if(function(n){return n.indexOf("var(")>-1||U.test(n)}(u)&&r.parentNode){(function(n){return _.lastIndex=0,_.test(n)})(u)&&(u=function(n,t){var r=t.replace(/[^/]*$/,"");return n.replace(_,(function(n,t){return n.replace(t,r+t)}))}(u,i));var e=n.createElement("style");e.setAttribute("data-styles",""),e.textContent=u,L(t,e),r.parentNode.insertBefore(e,r),r.remove()}})).catch((function(n){console.error(n)}))}var U=/[\s;{]--[-a-zA-Z0-9]+\s*:/m,_=/url[\s]*\([\s]*['"]?(?!(?:https?|data)\:|\/)([^\'\"\)]*)[\s]*['"]?\)[\s]*/gim,j=function(){function t(n,t){this.win=n,this.doc=t,this.count=0,this.hostStyleMap=new WeakMap,this.hostScopeMap=new WeakMap,this.globalScopes=[],this.scopesMap=new Map,this.didInit=!1}return t.prototype.i=function(){var n=this;return this.didInit||!this.win.requestAnimationFrame?Promise.resolve():(this.didInit=!0,new Promise((function(t){n.win.requestAnimationFrame((function(){(function(n,t){"undefined"!=typeof MutationObserver&&new MutationObserver((function(){P(n,t)&&$(t)})).observe(document.head,{childList:!0})})(n.doc,n.globalScopes),function(n,t){return P(n,t),function(n,t){for(var r=[],i=n.querySelectorAll('link[rel="stylesheet"][href]:not([data-no-shim])'),u=0;u<i.length;u++)r.push(I(n,t,i[u]));return Promise.all(r)}(n,t).then((function(){$(t)}))}(n.doc,n.globalScopes).then((function(){return t()}))}))})))},t.prototype.addLink=function(n){var t=this;return I(this.doc,this.globalScopes,n).then((function(){t.updateGlobal()}))},t.prototype.addGlobalStyle=function(n){L(this.globalScopes,n)&&this.updateGlobal()},t.prototype.createHostStyle=function(t,r,i,u){if(this.hostScopeMap.has(t))throw Error("host style already created");var e=this.registerHostTemplate(i,r,u),o=this.doc.createElement("style");return o.setAttribute("data-no-shim",""),e.usesCssVars?u?(o["s-sc"]=r="".concat(e.scopeId,"-").concat(this.count),o.textContent="/*needs update*/",this.hostStyleMap.set(t,o),this.hostScopeMap.set(t,function(t,r){var i=t.template.map((function(n){return"string"==typeof n?O(n,t.scopeId,r):n})),u=t.selectors.map((function(i){return n(n({},i),{selector:O(i.selector,t.scopeId,r)})}));return n(n({},t),{template:i,selectors:u,scopeId:r})}(e,r)),this.count++):(e.styleEl=o,e.usesCssVars||(o.textContent=y(e.template,{})),this.globalScopes.push(e),this.updateGlobal(),this.hostScopeMap.set(t,e)):o.textContent=i,o},t.prototype.removeHost=function(n){var t=this.hostStyleMap.get(n);t&&t.remove(),this.hostStyleMap.delete(n),this.hostScopeMap.delete(n)},t.prototype.updateHost=function(n){var t=this.hostScopeMap.get(n);if(t&&t.usesCssVars&&t.isScoped){var r=this.hostStyleMap.get(n);if(r){var i=b(function(n,t,r){var i=[],u=function(n,t){for(var r=[];t;){var i=n.get(t);i&&r.push(i),t=t.parentElement}return r}(t,n);return r.forEach((function(n){return i.push(n)})),u.forEach((function(n){return i.push(n)})),function(n){return n.sort((function(n,t){return n.specificity===t.specificity?n.nu-t.nu:n.specificity-t.specificity})),n}(R(i).filter((function(t){return function(n,t){return":root"===t||"html"===t||n.matches(t)}(n,t.selector)})))}(n,this.hostScopeMap,this.globalScopes));r.textContent=y(t.template,i)}}},t.prototype.updateGlobal=function(){$(this.globalScopes)},t.prototype.registerHostTemplate=function(n,t,r){var i=this.scopesMap.get(t);return i||((i=A(n)).scopeId=t,i.isScoped=r,this.scopesMap.set(t,i)),i},t}();!function(n){!n||n.__cssshim||n.CSS&&n.CSS.supports&&n.CSS.supports("color","var(--c)")||(n.__cssshim=new j(n,n.document))}("undefined"!=typeof window&&window);
+var n=function(){return(n=Object.assign||function(n){for(var t,r=1,i=arguments.length;r<i;r++)for(var u in t=arguments[r])Object.prototype.hasOwnProperty.call(t,u)&&(n[u]=t[u]);return n}).apply(this,arguments)},t=function(){this.start=0,this.end=0,this.previous=null,this.parent=null,this.rules=null,this.parsedCssText="",this.cssText="",this.atRule=!1,this.type=0,this.keyframesName="",this.selector="",this.parsedSelector=""};function r(n){return e(u(n=i(n)),n)}function i(n){return n.replace(c.comments,"").replace(c.port,"")}function u(n){var r=new t;r.start=0,r.end=n.length;for(var i=r,u=0,e=n.length;u<e;u++)if(n[u]===a){i.rules||(i.rules=[]);var o=i,f=o.rules[o.rules.length-1]||null;(i=new t).start=u+1,i.parent=o,i.previous=f,o.rules.push(i)}else n[u]===s&&(i.end=u+1,i=i.parent||r);return r}function e(n,t){var r=t.substring(n.start,n.end-1);if(n.parsedCssText=n.cssText=r.trim(),n.parent){var i=n.previous?n.previous.end:n.parent.start;r=(r=(r=o(r=t.substring(i,n.start-1))).replace(c.multipleSpaces," ")).substring(r.lastIndexOf(";")+1);var u=n.parsedSelector=n.selector=r.trim();n.atRule=0===u.indexOf(l),n.atRule?0===u.indexOf(h)?n.type=f.MEDIA_RULE:u.match(c.keyframesRule)&&(n.type=f.KEYFRAMES_RULE,n.keyframesName=n.selector.split(c.multipleSpaces).pop()):0===u.indexOf(v)?n.type=f.MIXIN_RULE:n.type=f.STYLE_RULE}var a=n.rules;if(a)for(var s=0,m=a.length,p=void 0;s<m&&(p=a[s]);s++)e(p,t);return n}function o(n){return n.replace(/\\([0-9a-f]{1,6})\s/gi,(function(){for(var n=arguments[1],t=6-n.length;t--;)n="0"+n;return"\\"+n}))}var f={STYLE_RULE:1,KEYFRAMES_RULE:7,MEDIA_RULE:4,MIXIN_RULE:1e3},a="{",s="}",c={comments:/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,port:/@import[^;]*;/gim,customProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\n]|$)/gim,mixinProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\n]|$)?/gim,mixinApply:/@apply\s*\(?[^);]*\)?\s*(?:[;\n]|$)?/gim,varApply:/[^;:]*?:[^;]*?var\([^;]*\)(?:[;\n]|$)?/gim,keyframesRule:/^@[^\s]*keyframes/,multipleSpaces:/\s+/g},v="--",h="@media",l="@";function m(n,t,r){n.lastIndex=0;var i=t.substring(r).match(n);if(i){var u=r+i.index;return{start:u,end:u+i[0].length}}return null}var p=/\bvar\(/,d=/\B--[\w-]+\s*:/,y=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,g=/^[\t ]+\n/gm;function w(n,t,r){return n[t]?n[t]:r?M(r,n):""}function b(n,t){for(var r=0,i=t;i<n.length;i++){var u=n[i];if("("===u)r++;else if(")"===u&&--r<=0)return i+1}return i}function k(n,t){var r=m(p,n,t);if(!r)return null;var i=b(n,r.start),u=n.substring(r.end,i-1).split(","),e=u[0],o=u.slice(1);return{start:r.start,end:i,propName:e.trim(),fallback:o.length>0?o.join(",").trim():void 0}}function E(n,t,r){var i=k(n,r);if(!i)return t.push(n.substring(r,n.length)),n.length;var u=i.propName,e=null!=i.fallback?L(i.fallback):void 0;return t.push(n.substring(r,i.start),(function(n){return w(n,u,e)})),i.end}function M(n,t){for(var r="",i=0;i<n.length;i++){var u=n[i];r+="string"==typeof u?u:u(t)}return r}function R(n,t){for(var r=!1,i=!1,u=t;u<n.length;u++){var e=n[u];if(r)i&&'"'===e&&(r=!1),i||"'"!==e||(r=!1);else if('"'===e)r=!0,i=!0;else if("'"===e)r=!0,i=!1;else{if(";"===e)return u+1;if("}"===e)return u}}return u}function A(n){for(var t="",r=0;;){var i=m(d,n,r),u=i?i.start:n.length;if(t+=n.substring(r,u),!i)break;r=R(n,u)}return t}function L(n){var t=0;n=A(n=n.replace(y,"")).replace(g,"");for(var r=[];t<n.length;)t=E(n,r,t);return r}function $(n){var t={};n.forEach((function(n){n.declarations.forEach((function(n){t[n.prop]=n.value}))}));for(var r={},i=Object.entries(t),u=function(n){var t=!1;if(i.forEach((function(n){var i=n[0],u=M(n[1],r);u!==r[i]&&(r[i]=u,t=!0)})),!t)return"break"},e=0;e<10;e++){if("break"===u())break}return r}function O(n,t){if(void 0===t&&(t=0),!n.rules)return[];var r=[];return n.rules.filter((function(n){return n.type===f.STYLE_RULE})).forEach((function(n){var i=_(n.cssText);i.length>0&&n.parsedSelector.split(",").forEach((function(n){n=n.trim(),r.push({selector:n,declarations:i,specificity:P(),nu:t})})),t++})),r}function P(n){return 1}var I="!important",U=/(?:^|[;\s{]\s*)(--[\w-]*?)\s*:\s*(?:((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};{])+)|\{([^}]*)\}(?:(?=[;\s}])|$))/gm;function _(n){for(var t,r=[];t=U.exec(n.trim());){var i=j(t[2]),u=i.value,e=i.important;r.push({prop:t[1].trim(),value:L(u),important:e})}return r}function j(n){var t=(n=n.replace(/\s+/gim," ").trim()).endsWith(I);return t&&(n=n.slice(0,n.length-I.length).trim()),{value:n,important:t}}function x(n,t,r){var i=[],u=S(t,n);return r.forEach((function(n){return i.push(n)})),u.forEach((function(n){return i.push(n)})),N(B(i).filter((function(t){return W(n,t.selector)})))}function S(n,t){for(var r=[];t;){var i=n.get(t);i&&r.push(i),t=t.parentElement}return r}function B(n){var t=[];return n.forEach((function(n){t.push.apply(t,n.selectors)})),t}function N(n){return n.sort((function(n,t){return n.specificity===t.specificity?n.nu-t.nu:n.specificity-t.specificity})),n}function W(n,t){return":root"===t||"html"===t||n.matches(t)}function Y(n){var t=r(n),i=L(n);return{original:n,template:i,selectors:O(t),usesCssVars:i.length>1}}function z(n,t){if(n.some((function(n){return n.styleEl===t})))return!1;var r=Y(t.textContent);return r.styleEl=t,n.push(r),!0}function C(n){var t=$(B(n));n.forEach((function(n){n.usesCssVars&&(n.styleEl.textContent=M(n.template,t))}))}function D(t,r){var i=t.template.map((function(n){return"string"==typeof n?F(n,t.scopeId,r):n})),u=t.selectors.map((function(i){return n(n({},i),{selector:F(i.selector,t.scopeId,r)})}));return n(n({},t),{template:i,selectors:u,scopeId:r})}function F(n,t,r){return n=K(n,"\\.".concat(t),".".concat(r))}function K(n,t,r){return n.replace(new RegExp(t,"g"),r)}function T(n,t){return Z(n,t),X(n,t).then((function(){C(t)}))}function V(n,t){"undefined"!=typeof MutationObserver&&new MutationObserver((function(){Z(n,t)&&C(t)})).observe(document.head,{childList:!0})}function X(n,t){for(var r=[],i=n.querySelectorAll('link[rel="stylesheet"][href]:not([data-no-shim])'),u=0;u<i.length;u++)r.push(q(n,t,i[u]));return Promise.all(r)}function Z(n,t){return Array.from(n.querySelectorAll("style:not([data-styles]):not([data-no-shim])")).map((function(n){return z(t,n)})).some(Boolean)}function q(n,t,r){var i=r.href;return fetch(i).then((function(n){return n.text()})).then((function(u){if(H(u)&&r.parentNode){Q(u)&&(u=nn(u,i));var e=n.createElement("style");e.setAttribute("data-styles",""),e.textContent=u,z(t,e),r.parentNode.insertBefore(e,r),r.remove()}})).catch((function(n){console.error(n)}))}var G=/[\s;{]--[-a-zA-Z0-9]+\s*:/m;function H(n){return n.indexOf("var(")>-1||G.test(n)}var J=/url[\s]*\([\s]*['"]?(?!(?:https?|data)\:|\/)([^\'\"\)]*)[\s]*['"]?\)[\s]*/gim;function Q(n){return J.lastIndex=0,J.test(n)}function nn(n,t){var r=t.replace(/[^/]*$/,"");return n.replace(J,(function(n,t){var i=r+t;return n.replace(t,i)}))}var tn=function(){function n(n,t){this.win=n,this.doc=t,this.count=0,this.hostStyleMap=new WeakMap,this.hostScopeMap=new WeakMap,this.globalScopes=[],this.scopesMap=new Map,this.didInit=!1}return n.prototype.i=function(){var n=this;return this.didInit||!this.win.requestAnimationFrame?Promise.resolve():(this.didInit=!0,new Promise((function(t){n.win.requestAnimationFrame((function(){V(n.doc,n.globalScopes),T(n.doc,n.globalScopes).then((function(){return t()}))}))})))},n.prototype.addLink=function(n){var t=this;return q(this.doc,this.globalScopes,n).then((function(){t.updateGlobal()}))},n.prototype.addGlobalStyle=function(n){z(this.globalScopes,n)&&this.updateGlobal()},n.prototype.createHostStyle=function(n,t,r,i){if(this.hostScopeMap.has(n))throw new Error("host style already created");var u=this.registerHostTemplate(r,t,i),e=this.doc.createElement("style");return e.setAttribute("data-no-shim",""),u.usesCssVars?i?(e["s-sc"]=t="".concat(u.scopeId,"-").concat(this.count),e.textContent="/*needs update*/",this.hostStyleMap.set(n,e),this.hostScopeMap.set(n,D(u,t)),this.count++):(u.styleEl=e,u.usesCssVars||(e.textContent=M(u.template,{})),this.globalScopes.push(u),this.updateGlobal(),this.hostScopeMap.set(n,u)):e.textContent=r,e},n.prototype.removeHost=function(n){var t=this.hostStyleMap.get(n);t&&t.remove(),this.hostStyleMap.delete(n),this.hostScopeMap.delete(n)},n.prototype.updateHost=function(n){var t=this.hostScopeMap.get(n);if(t&&t.usesCssVars&&t.isScoped){var r=this.hostStyleMap.get(n);if(r){var i=$(x(n,this.hostScopeMap,this.globalScopes));r.textContent=M(t.template,i)}}},n.prototype.updateGlobal=function(){C(this.globalScopes)},n.prototype.registerHostTemplate=function(n,t,r){var i=this.scopesMap.get(t);return i||((i=Y(n)).scopeId=t,i.isScoped=r,this.scopesMap.set(t,i)),i},n}();!function(n){!n||n.__cssshim||n.CSS&&n.CSS.supports&&n.CSS.supports("color","var(--c)")||(n.__cssshim=new tn(n,n.document))}("undefined"!=typeof window&&window);
+//# sourceMappingURL=p-3d828bb4.js.map

package/dist/twilight/p-3d828bb4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["node_modules/@stencil/core/internal/client/css-shim.js"],"names":["__assign","Object","assign","e","t","r","n","arguments","length","s","prototype","hasOwnProperty","call","apply","this","StyleNode","start","end","previous","parent","rules","parsedCssText","cssText","atRule","type","keyframesName","selector","parsedSelector","parse","parseCss","lex","clean","replace","RX","comments","port","OPEN_BRACE","o","a","push","CLOSE_BRACE","substring","trim","_expandUnicodeEscapes","multipleSpaces","lastIndexOf","indexOf","AT_START","MEDIA_START","types","MEDIA_RULE","match","keyframesRule","KEYFRAMES_RULE","split","pop","VAR_START","MIXIN_RULE","STYLE_RULE","i","l","customProp","mixinProp","mixinApply","varApply","findRegex","lastIndex","index","VAR_USAGE_START","VAR_ASSIGN_START","COMMENTS","TRAILING_LINES","resolveVar","executeTemplate","findVarEndIndex","parseVar","slice","propName","fallback","join","compileVar","compileTemplate","findEndValue","removeCustomAssigns","resolveValues","forEach","declarations","prop","value","entries","getSelectors","filter","getDeclarations","specificity","computeSpecificity","nu","IMPORTANT","FIND_DECLARATIONS","exec","normalizeValue","important","endsWith","getActiveSelectors","getScopesForElement","sortSelectors","getSelectorsForScopes","matches","get","parentElement","selectors","sort","parseCSS","original","template","usesCssVars","addGlobalStyle","some","styleEl","textContent","updateGlobalScopes","reScope","map","replaceScope","scopeId","replaceAll","concat","RegExp","loadDocument","loadDocumentStyles","loadDocumentLinks","then","startWatcher","MutationObserver","observe","document","head","childList","querySelectorAll","addGlobalLink","Promise","all","Array","from","Boolean","href","fetch","text","hasCssVariables","parentNode","hasRelativeUrls","fixRelativeUrls","createElement","setAttribute","insertBefore","remove","catch","console","error","CSS_VARIABLE_REGEXP","test","CSS_URL_REGEXP","CustomStyle","win","doc","count","hostStyleMap","WeakMap","hostScopeMap","globalScopes","scopesMap","Map","didInit","requestAnimationFrame","resolve","addLink","updateGlobal","createHostStyle","has","Error","registerHostTemplate","set","removeHost","delete","updateHost","isScoped","__cssshim","CSS","supports","window"],"mappings":"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","sourcesContent":["/*\n Stencil Client Patch Esm v2.17.4 | MIT Licensed | https://stenciljs.com\n */\nvar __assign=undefined&&undefined.__assign||function(){return (__assign=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var s in t=arguments[r])Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s]);return e}).apply(this,arguments)},StyleNode=function(){this.start=0,this.end=0,this.previous=null,this.parent=null,this.rules=null,this.parsedCssText=\"\",this.cssText=\"\",this.atRule=!1,this.type=0,this.keyframesName=\"\",this.selector=\"\",this.parsedSelector=\"\";};function parse(e){return parseCss(lex(e=clean(e)),e)}function clean(e){return e.replace(RX.comments,\"\").replace(RX.port,\"\")}function lex(e){var t=new StyleNode;t.start=0,t.end=e.length;for(var r=t,n=0,s=e.length;n<s;n++)if(e[n]===OPEN_BRACE){r.rules||(r.rules=[]);var o=r,a=o.rules[o.rules.length-1]||null;(r=new StyleNode).start=n+1,r.parent=o,r.previous=a,o.rules.push(r);}else e[n]===CLOSE_BRACE&&(r.end=n+1,r=r.parent||t);return t}function parseCss(e,t){var r=t.substring(e.start,e.end-1);if(e.parsedCssText=e.cssText=r.trim(),e.parent){var n=e.previous?e.previous.end:e.parent.start;r=(r=(r=_expandUnicodeEscapes(r=t.substring(n,e.start-1))).replace(RX.multipleSpaces,\" \")).substring(r.lastIndexOf(\";\")+1);var s=e.parsedSelector=e.selector=r.trim();e.atRule=0===s.indexOf(AT_START),e.atRule?0===s.indexOf(MEDIA_START)?e.type=types.MEDIA_RULE:s.match(RX.keyframesRule)&&(e.type=types.KEYFRAMES_RULE,e.keyframesName=e.selector.split(RX.multipleSpaces).pop()):0===s.indexOf(VAR_START)?e.type=types.MIXIN_RULE:e.type=types.STYLE_RULE;}var o=e.rules;if(o)for(var a=0,i=o.length,l=void 0;a<i&&(l=o[a]);a++)parseCss(l,t);return e}function _expandUnicodeEscapes(e){return e.replace(/\\\\([0-9a-f]{1,6})\\s/gi,(function(){for(var e=arguments[1],t=6-e.length;t--;)e=\"0\"+e;return \"\\\\\"+e}))}var types={STYLE_RULE:1,KEYFRAMES_RULE:7,MEDIA_RULE:4,MIXIN_RULE:1e3},OPEN_BRACE=\"{\",CLOSE_BRACE=\"}\",RX={comments:/\\/\\*[^*]*\\*+([^/*][^*]*\\*+)*\\//gim,port:/@import[^;]*;/gim,customProp:/(?:^[^;\\-\\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\\n]|$)/gim,mixinProp:/(?:^[^;\\-\\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\\n]|$)?/gim,mixinApply:/@apply\\s*\\(?[^);]*\\)?\\s*(?:[;\\n]|$)?/gim,varApply:/[^;:]*?:[^;]*?var\\([^;]*\\)(?:[;\\n]|$)?/gim,keyframesRule:/^@[^\\s]*keyframes/,multipleSpaces:/\\s+/g},VAR_START=\"--\",MEDIA_START=\"@media\",AT_START=\"@\";function findRegex(e,t,r){e.lastIndex=0;var n=t.substring(r).match(e);if(n){var s=r+n.index;return {start:s,end:s+n[0].length}}return null}var VAR_USAGE_START=/\\bvar\\(/,VAR_ASSIGN_START=/\\B--[\\w-]+\\s*:/,COMMENTS=/\\/\\*[^*]*\\*+([^/*][^*]*\\*+)*\\//gim,TRAILING_LINES=/^[\\t ]+\\n/gm;function resolveVar(e,t,r){return e[t]?e[t]:r?executeTemplate(r,e):\"\"}function findVarEndIndex(e,t){for(var r=0,n=t;n<e.length;n++){var s=e[n];if(\"(\"===s)r++;else if(\")\"===s&&--r<=0)return n+1}return n}function parseVar(e,t){var r=findRegex(VAR_USAGE_START,e,t);if(!r)return null;var n=findVarEndIndex(e,r.start),s=e.substring(r.end,n-1).split(\",\"),o=s[0],a=s.slice(1);return {start:r.start,end:n,propName:o.trim(),fallback:a.length>0?a.join(\",\").trim():void 0}}function compileVar(e,t,r){var n=parseVar(e,r);if(!n)return t.push(e.substring(r,e.length)),e.length;var s=n.propName,o=null!=n.fallback?compileTemplate(n.fallback):void 0;return t.push(e.substring(r,n.start),(function(e){return resolveVar(e,s,o)})),n.end}function executeTemplate(e,t){for(var r=\"\",n=0;n<e.length;n++){var s=e[n];r+=\"string\"==typeof s?s:s(t);}return r}function findEndValue(e,t){for(var r=!1,n=!1,s=t;s<e.length;s++){var o=e[s];if(r)n&&'\"'===o&&(r=!1),n||\"'\"!==o||(r=!1);else if('\"'===o)r=!0,n=!0;else if(\"'\"===o)r=!0,n=!1;else {if(\";\"===o)return s+1;if(\"}\"===o)return s}}return s}function removeCustomAssigns(e){for(var t=\"\",r=0;;){var n=findRegex(VAR_ASSIGN_START,e,r),s=n?n.start:e.length;if(t+=e.substring(r,s),!n)break;r=findEndValue(e,s);}return t}function compileTemplate(e){var t=0;e=removeCustomAssigns(e=e.replace(COMMENTS,\"\")).replace(TRAILING_LINES,\"\");for(var r=[];t<e.length;)t=compileVar(e,r,t);return r}function resolveValues(e){var t={};e.forEach((function(e){e.declarations.forEach((function(e){t[e.prop]=e.value;}));}));for(var r={},n=Object.entries(t),s=function(e){var t=!1;if(n.forEach((function(e){var n=e[0],s=executeTemplate(e[1],r);s!==r[n]&&(r[n]=s,t=!0);})),!t)return \"break\"},o=0;o<10;o++){if(\"break\"===s())break}return r}function getSelectors(e,t){if(void 0===t&&(t=0),!e.rules)return [];var r=[];return e.rules.filter((function(e){return e.type===types.STYLE_RULE})).forEach((function(e){var n=getDeclarations(e.cssText);n.length>0&&e.parsedSelector.split(\",\").forEach((function(e){e=e.trim(),r.push({selector:e,declarations:n,specificity:computeSpecificity(),nu:t});})),t++;})),r}function computeSpecificity(e){return 1}var IMPORTANT=\"!important\",FIND_DECLARATIONS=/(?:^|[;\\s{]\\s*)(--[\\w-]*?)\\s*:\\s*(?:((?:'(?:\\\\'|.)*?'|\"(?:\\\\\"|.)*?\"|\\([^)]*?\\)|[^};{])+)|\\{([^}]*)\\}(?:(?=[;\\s}])|$))/gm;function getDeclarations(e){for(var t,r=[];t=FIND_DECLARATIONS.exec(e.trim());){var n=normalizeValue(t[2]),s=n.value,o=n.important;r.push({prop:t[1].trim(),value:compileTemplate(s),important:o});}return r}function normalizeValue(e){var t=(e=e.replace(/\\s+/gim,\" \").trim()).endsWith(IMPORTANT);return t&&(e=e.slice(0,e.length-IMPORTANT.length).trim()),{value:e,important:t}}function getActiveSelectors(e,t,r){var n=[],s=getScopesForElement(t,e);return r.forEach((function(e){return n.push(e)})),s.forEach((function(e){return n.push(e)})),sortSelectors(getSelectorsForScopes(n).filter((function(t){return matches(e,t.selector)})))}function getScopesForElement(e,t){for(var r=[];t;){var n=e.get(t);n&&r.push(n),t=t.parentElement;}return r}function getSelectorsForScopes(e){var t=[];return e.forEach((function(e){t.push.apply(t,e.selectors);})),t}function sortSelectors(e){return e.sort((function(e,t){return e.specificity===t.specificity?e.nu-t.nu:e.specificity-t.specificity})),e}function matches(e,t){return \":root\"===t||\"html\"===t||e.matches(t)}function parseCSS(e){var t=parse(e),r=compileTemplate(e);return {original:e,template:r,selectors:getSelectors(t),usesCssVars:r.length>1}}function addGlobalStyle(e,t){if(e.some((function(e){return e.styleEl===t})))return !1;var r=parseCSS(t.textContent);return r.styleEl=t,e.push(r),!0}function updateGlobalScopes(e){var t=resolveValues(getSelectorsForScopes(e));e.forEach((function(e){e.usesCssVars&&(e.styleEl.textContent=executeTemplate(e.template,t));}));}function reScope(e,t){var r=e.template.map((function(r){return \"string\"==typeof r?replaceScope(r,e.scopeId,t):r})),n=e.selectors.map((function(r){return __assign(__assign({},r),{selector:replaceScope(r.selector,e.scopeId,t)})}));return __assign(__assign({},e),{template:r,selectors:n,scopeId:t})}function replaceScope(e,t,r){return e=replaceAll(e,\"\\\\.\".concat(t),\".\".concat(r))}function replaceAll(e,t,r){return e.replace(new RegExp(t,\"g\"),r)}function loadDocument(e,t){return loadDocumentStyles(e,t),loadDocumentLinks(e,t).then((function(){updateGlobalScopes(t);}))}function startWatcher(e,t){\"undefined\"!=typeof MutationObserver&&new MutationObserver((function(){loadDocumentStyles(e,t)&&updateGlobalScopes(t);})).observe(document.head,{childList:!0});}function loadDocumentLinks(e,t){for(var r=[],n=e.querySelectorAll('link[rel=\"stylesheet\"][href]:not([data-no-shim])'),s=0;s<n.length;s++)r.push(addGlobalLink(e,t,n[s]));return Promise.all(r)}function loadDocumentStyles(e,t){return Array.from(e.querySelectorAll(\"style:not([data-styles]):not([data-no-shim])\")).map((function(e){return addGlobalStyle(t,e)})).some(Boolean)}function addGlobalLink(e,t,r){var n=r.href;return fetch(n).then((function(e){return e.text()})).then((function(s){if(hasCssVariables(s)&&r.parentNode){hasRelativeUrls(s)&&(s=fixRelativeUrls(s,n));var o=e.createElement(\"style\");o.setAttribute(\"data-styles\",\"\"),o.textContent=s,addGlobalStyle(t,o),r.parentNode.insertBefore(o,r),r.remove();}})).catch((function(e){console.error(e);}))}var CSS_VARIABLE_REGEXP=/[\\s;{]--[-a-zA-Z0-9]+\\s*:/m;function hasCssVariables(e){return e.indexOf(\"var(\")>-1||CSS_VARIABLE_REGEXP.test(e)}var CSS_URL_REGEXP=/url[\\s]*\\([\\s]*['\"]?(?!(?:https?|data)\\:|\\/)([^\\'\\\"\\)]*)[\\s]*['\"]?\\)[\\s]*/gim;function hasRelativeUrls(e){return CSS_URL_REGEXP.lastIndex=0,CSS_URL_REGEXP.test(e)}function fixRelativeUrls(e,t){var r=t.replace(/[^/]*$/,\"\");return e.replace(CSS_URL_REGEXP,(function(e,t){var n=r+t;return e.replace(t,n)}))}var CustomStyle=function(){function e(e,t){this.win=e,this.doc=t,this.count=0,this.hostStyleMap=new WeakMap,this.hostScopeMap=new WeakMap,this.globalScopes=[],this.scopesMap=new Map,this.didInit=!1;}return e.prototype.i=function(){var e=this;return this.didInit||!this.win.requestAnimationFrame?Promise.resolve():(this.didInit=!0,new Promise((function(t){e.win.requestAnimationFrame((function(){startWatcher(e.doc,e.globalScopes),loadDocument(e.doc,e.globalScopes).then((function(){return t()}));}));})))},e.prototype.addLink=function(e){var t=this;return addGlobalLink(this.doc,this.globalScopes,e).then((function(){t.updateGlobal();}))},e.prototype.addGlobalStyle=function(e){addGlobalStyle(this.globalScopes,e)&&this.updateGlobal();},e.prototype.createHostStyle=function(e,t,r,n){if(this.hostScopeMap.has(e))throw new Error(\"host style already created\");var s=this.registerHostTemplate(r,t,n),o=this.doc.createElement(\"style\");return o.setAttribute(\"data-no-shim\",\"\"),s.usesCssVars?n?(o[\"s-sc\"]=t=\"\".concat(s.scopeId,\"-\").concat(this.count),o.textContent=\"/*needs update*/\",this.hostStyleMap.set(e,o),this.hostScopeMap.set(e,reScope(s,t)),this.count++):(s.styleEl=o,s.usesCssVars||(o.textContent=executeTemplate(s.template,{})),this.globalScopes.push(s),this.updateGlobal(),this.hostScopeMap.set(e,s)):o.textContent=r,o},e.prototype.removeHost=function(e){var t=this.hostStyleMap.get(e);t&&t.remove(),this.hostStyleMap.delete(e),this.hostScopeMap.delete(e);},e.prototype.updateHost=function(e){var t=this.hostScopeMap.get(e);if(t&&t.usesCssVars&&t.isScoped){var r=this.hostStyleMap.get(e);if(r){var n=resolveValues(getActiveSelectors(e,this.hostScopeMap,this.globalScopes));r.textContent=executeTemplate(t.template,n);}}},e.prototype.updateGlobal=function(){updateGlobalScopes(this.globalScopes);},e.prototype.registerHostTemplate=function(e,t,r){var n=this.scopesMap.get(t);return n||((n=parseCSS(e)).scopeId=t,n.isScoped=r,this.scopesMap.set(t,n)),n},e}();!function(e){!e||e.__cssshim||e.CSS&&e.CSS.supports&&e.CSS.supports(\"color\",\"var(--c)\")||(e.__cssshim=new CustomStyle(e,e.document));}(\"undefined\"!=typeof window&&window);\n"]}