@salla.sa/twilight-components
Version:
Salla Web Component
5 lines • 1.68 kB
JavaScript
/*!
* Crafted with ❤ by Salla
*/
System.register(["./p-CsnFTjdf.system.js"],(function(s){"use strict";var t,n,a,i;return{setters:[function(s){t=s.r;n=s.h;a=s.H;i=s.g}],execute:function(){var r=":host{display:block}";var e=s("salla_apps_icons",function(){function s(s){var n=this;t(this,s);var a;this.apps=salla.config.get("store.apps");this.appSlot=((a=this.host.querySelector('[slot="app"]'))===null||a===void 0?void 0:a.innerHTML)||"<img alt={name} src={icon} />";salla.onReady((function(){n.apps=salla.config.get("store.apps")}));salla.lang.onLoaded((function(){n.appsTitle=salla.lang.get("blocks.footer.download_apps")}))}s.prototype.getAppsArray=function(){return Object.entries(this.apps).map((function(s){var t=s[0],n=s[1];return{name:t,value:n}}))};s.prototype.componentWillLoad=function(){return new Promise((function(s){return salla.onReady(s)}))};s.prototype.render=function(){var s=this;var t=this.getAppsArray();if(Array.isArray(t)&&!t.length){return}return n(a,{class:"s-apps-icons"},!this.hideTitle&&n("h3",null,this.appsTitle),n("div",{class:{"s-apps-icons-list":true,vertical:this.vertical}},t.map((function(t,a){return n("a",{key:a,href:t.value,rel:"noreferrer",target:"_blank",class:"s-apps-icons-item",id:"app-slot",innerHTML:s.appSlot.replace(/\{icon\}/g,salla.url.cdn("images/".concat(t.name,".png"))).replace(/\{name\}/g,t.name)})}))))};s.prototype.componentDidRender=function(){var s;(s=this.host.querySelector('[slot="app"]'))===null||s===void 0?void 0:s.remove()};Object.defineProperty(s.prototype,"host",{get:function(){return i(this)},enumerable:false,configurable:true});return s}());e.style=r}}}));
//# sourceMappingURL=p-dde2099c.system.entry.js.map