@salla.sa/twilight-components 2.14.218 → 2.14.219

package/dist/twilight/p-a42853ec.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import{r as i,h as a}from"./p-BD7ZbsaZ.js";const e="";const t=class{constructor(a){i(this,a)}render(){return a("a",{key:"f4818ac9b7dc2573dd1ac8aa31aabc82454ea439",href:this.notification.url,class:{"s-notifications-item":true,"s-notifications-item-shadow":true,"s-notifications-item-read":!this.notification.is_new}},a("span",{key:"3766a4eb835408bf293054be3e04a561e1510728",class:"s-notifications-item-icon"},a("i",{key:"e9b1e4a18f22e765053b7d62f83a4af6e426bd47",class:{"s-notifications-item-icon sicon-bell-ring":true,"s-notifications-item-icon-new":this.notification.is_new}})),a("div",{key:"2005bcf68b61bb0aa5606480f703e4ee4cfbd415",class:"s-notifications-item-content"},a("div",{key:"a60fdc96431899c0c3183512ea81477f52e550d0",class:"s-notifications-item-content-leading"},a("h4",{key:"fb0eb1efe08440a1e2c12dc1af263adba0413d2b"},this.notification.title),a("p",{key:"c32790ad29bd267323d86e5c3abdec1ab75c09b2"},this.notification.sub_title)),a("span",{key:"e8fbfea5e91fe7d16c489a285502eaab08b16fd5",class:"s-notifications-item-content-trailing"},a("i",{key:"ea9fb9cf6ac2f9c84cde152fa1381e884971cba4",class:"sicon-time s-notifications-item-content-trailing-icon"}),a("span",{key:"1fb25f1463210c8ab467dff8aea22d9c4510301c"},this.notification.date))))}};t.style=e;export{t as salla_notification_item};
-//# sourceMappingURL=p-a42853ec.entry.js.map

package/dist/twilight/p-a750726a.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["sallaSocialCss","SallaSocial","exports","class_1","hostRef","_this","this","links","salla","config","get","iconsList","instagram","twitter","facebook","youtube","snapchat","tiktok","socialSlot","_a","host","querySelector","innerHTML","lang","onLoaded","prototype","getLinksArray","Object","entries","filter","_b","key","value","map","type","componentWillLoad","Promise","resolve","onReady","render","linksArray","h","Host","class","link","id","replace","toString","componentDidRender","querySelectorAll","forEach","el","replaceWith","firstChild","remove"],"sources":["src/components/salla-social/salla-social.scss?tag=salla-social","src/components/salla-social/salla-social.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Host, State, h, Element } from '@stencil/core';\nimport instagram from '../../assets/svg/instagram.svg';\nimport twitter from '../../assets/svg/twitter.svg';\nimport facebook from '../../assets/svg/facebook.svg';\nimport youtube from '../../assets/svg/youtube.svg';\nimport snapchat from '../../assets/svg/snapchat.svg';\nimport tiktok from '../../assets/svg/tiktok.svg';\n\n/**\n * @slot social-item - Replaces social item, has replaceable keys `{icon}`, `{type} and {link}`.\n */\n@Component({\n  tag: 'salla-social',\n  styleUrl: 'salla-social.scss',\n})\nexport class SallaSocial {\n  constructor() {\n    this.socialSlot = this.host.querySelector('[slot=\"social-item\"]')?.innerHTML ||\n      `<li class=\"s-social-link\"><a href={link} rel=\"noopener\" target=\"_blank\" title={type} aria-label={type}><span class=\"s-social-icon\">{icon}</span></a></li>`;\n    salla.lang.onLoaded(() => {\n      this.links = salla.config.get('store.social');\n    });\n  }\n\n  private readonly socialSlot: string;\n  @State() links = salla.config.get('store.social');\n  @Element() host: HTMLElement;\n  @State() iconsList: any = { instagram, twitter, facebook, youtube, snapchat, tiktok }\n\n  private getLinksArray() {\n    return this.links ? Object.entries(this.links)\n      .filter(([key, value]) => !!value && key !== 'whatsapp')\n      .map(([type, value]) => ({ type, value })) : [];\n  }\n\n  componentWillLoad() {\n    return new Promise(resolve => salla.onReady(resolve));\n  }\n\n  render() {\n    const linksArray = this.getLinksArray();\n    return (\n      <Host class=\"s-social-list\">\n        {linksArray.map((link) => (\n          <div id=\"social-slot\" innerHTML={this.socialSlot\n            .replace(/\\{icon\\}/g, this.iconsList[link.type])\n            .replace(/\\{type\\}/g, link.type)\n            .replace(/\\{link\\}/g, link.value.toString())}>\n          </div>\n        ))}\n      </Host>\n    );\n  }\n  componentDidRender() {\n    this.host.querySelectorAll('#social-slot').forEach(el => el.replaceWith(el.firstChild));\n    this.host.querySelector('[slot=\"social-item\"]')?.remove();\n  }\n}\n"],"mappings":";;;u4QAAA,IAAMA,EAAiB,uB,ICeVC,EAAWC,EAAA,0BACtB,SAAAC,EAAAC,GAAA,IAAAC,EAAAC,K,gBASSA,KAAKC,MAAGC,MAAMC,OAAOC,IAAI,gBAEzBJ,KAAAK,UAAiB,CAAEC,UAASA,EAAEC,QAAOA,EAAEC,SAAQA,EAAEC,QAAOA,EAAEC,SAAQA,EAAEC,OAAMA,GAVjFX,KAAKY,aAAaC,EAAAb,KAAKc,KAAKC,cAAc,2BAAuB,MAAAF,SAAA,SAAAA,EAAEG,YACjE,4JACFd,MAAMe,KAAKC,UAAS,WAClBnB,EAAKE,MAAQC,MAAMC,OAAOC,IAAI,eAChC,GACD,CAOOP,EAAAsB,UAAAC,cAAA,WACN,OAAOpB,KAAKC,MAAQoB,OAAOC,QAAQtB,KAAKC,OACrCsB,QAAO,SAACC,G,IAACC,EAAGD,EAAA,GAAEE,EAAKF,EAAA,GAAM,QAAEE,GAASD,IAAQ,UAAnB,IACzBE,KAAI,SAACH,G,IAACI,EAAIJ,EAAA,GAAEE,EAAKF,EAAA,GAAC,OAAQI,KAAIA,EAAEF,MAAKA,EAAnB,IAA0B,E,EAGjD7B,EAAAsB,UAAAU,kBAAA,WACE,OAAO,IAAIC,SAAQ,SAAAC,GAAW,OAAA7B,MAAM8B,QAAQD,EAAd,G,EAGhClC,EAAAsB,UAAAc,OAAA,eAAAlC,EAAAC,KACE,IAAMkC,EAAalC,KAAKoB,gBACxB,OACEe,EAACC,EAAK,CAAAX,IAAA,2CAAAY,MAAM,iBACTH,EAAWP,KAAI,SAACW,GAAI,OACnBH,EAAA,OAAKI,GAAG,cAAcvB,UAAWjB,EAAKa,WACnC4B,QAAQ,YAAazC,EAAKM,UAAUiC,EAAKV,OACzCY,QAAQ,YAAaF,EAAKV,MAC1BY,QAAQ,YAAaF,EAAKZ,MAAMe,aAJhB,I,EAU3B5C,EAAAsB,UAAAuB,mBAAA,W,MACE1C,KAAKc,KAAK6B,iBAAiB,gBAAgBC,SAAQ,SAAAC,GAAM,OAAAA,EAAGC,YAAYD,EAAGE,WAAlB,KACzDlC,EAAAb,KAAKc,KAAKC,cAAc,2BAAuB,MAAAF,SAAA,SAAAA,EAAEmC,Q,yHAxC7B,I","ignoreList":[]}