@everymatrix/promoting-banners 0.1.0

package/dist/esm/index.js

@@ -0,0 +1,2 @@
+export { P as PromotingBanners } from './promoting-banners-10e80966.js';
+import './index-936cf61c.js';

package/dist/esm/loader.js

@@ -0,0 +1,11 @@
+import { b as bootstrapLazy } from './index-936cf61c.js';
+export { s as setNonce } from './index-936cf61c.js';
+import { g as globalScripts } from './app-globals-0f993ce5.js';
+
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await globalScripts();
+  return bootstrapLazy([["promoting-banners",[[1,"promoting-banners",{"cmsEndpoint":[513,"cms-endpoint"],"language":[513],"cmsEnv":[513,"cms-env"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"promotingBannersArray":[32],"hasErrors":[32],"isLoading":[32],"translationData":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingChange"],"translationUrl":["handleNewTranslations"]}]]]], options);
+};
+
+export { defineCustomElements };

package/dist/esm/promoting-banners-10e80966.js

@@ -0,0 +1,204 @@
+import { r as registerInstance, h } from './index-936cf61c.js';
+
+const getDevice = () => {
+    let userAgent = window.navigator.userAgent;
+    if (userAgent.toLowerCase().match(/android/i)) {
+        return 'Android';
+    }
+    if (userAgent.toLowerCase().match(/iphone/i)) {
+        return 'iPhone';
+    }
+    if (userAgent.toLowerCase().match(/ipad|ipod/i)) {
+        return 'iPad';
+    }
+    return 'PC';
+};
+const getDevicePlatform = () => {
+    const device = getDevice();
+    if (device) {
+        if (device === 'PC') {
+            return 'dk';
+        }
+        else if (device === 'iPad' || device === 'iPhone') {
+            return 'mtWeb';
+        }
+        else {
+            return 'mtWeb';
+        }
+    }
+};
+
+const DEFAULT_LANGUAGE = 'en';
+const TRANSLATIONS = {
+    en: {
+        error: 'Error',
+        noResults: 'Loading, please wait ...',
+    },
+    hu: {
+        error: 'Error',
+        noResults: 'Loading, please wait ...',
+    },
+    ro: {
+        error: 'Eroare',
+        noResults: 'Loading, please wait ...',
+    },
+    fr: {
+        error: 'Error',
+        noResults: 'Loading, please wait ...',
+    },
+    ar: {
+        error: 'خطأ',
+        noResults: 'Loading, please wait ...',
+    },
+    hr: {
+        error: 'Greška',
+        noResults: 'Učitavanje, molimo pričekajte ...',
+    }
+};
+const translate = (key, customLang) => {
+    const lang = customLang;
+    return TRANSLATIONS[(lang !== undefined) && (lang in TRANSLATIONS) ? lang : DEFAULT_LANGUAGE][key];
+};
+const getTranslations = (url) => {
+    // fetch url, get the data, replace the TRANSLATIONS content
+    return new Promise((resolve, reject) => {
+        fetch(url)
+            .then((res) => res.json())
+            .then((data) => {
+            Object.keys(data).forEach((item) => {
+                for (let key in data[item]) {
+                    TRANSLATIONS[item][key] = data[item][key];
+                }
+            });
+            resolve(TRANSLATIONS);
+        }).catch(err => {
+            reject(err);
+        });
+    });
+};
+
+const promotingBannersCss = ".PromotingBannersIconContainer img{width:50px;height:50px;border-radius:var(--emw--border-radius-image, 50%);background-size:contain;margin:10px}.PromotingBannersSection{padding:10px;border-radius:var(--emw--border-radius-small, 5px);background-color:var(--emw--promo-color-background, var(--emw--color-background, #2f2f2f));background-repeat:no-repeat;background-position:center;color:var(--emw--promo-color-primary, var(--emw--color-primary, #fff));font-family:var(--emw--font-family-primary, \"Montserrat\", sans-serif);overflow:hidden;position:relative}.PromotingBannersGrid{display:grid;grid-gap:30px;background-size:contain;background-repeat:no-repeat;padding:10px;width:100%;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));box-sizing:border-box}.PromotingBannersContent{color:var(--emw--promo-color-primary, var(--emw--color-primary, #fff))}.PromotingBannersContent p{display:block;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.PromotingBannersHeader{display:flex;justify-content:center;flex-direction:column;align-items:center}.PromotingBannersHeader p{text-align:center}.PromotingBannersBox{min-width:200px;display:flex;justify-content:flex-start;overflow:hidden;flex-direction:row;gap:20px;text-decoration:none;color:inherit;background-size:cover;background-position:center;border-radius:var(--emw--border-radius-small, 5px)}.PromotingBannersSectionTitle,.PromotingBannersSectionSubtitle{margin:10px auto;background:transparent}.PromotingBannersTextContainer{margin:5px;overflow:hidden;position:relative;padding-bottom:30px}.PromotingBannersTitle{margin:5px auto}.PromotingBannersButton{cursor:pointer;color:inherit;text-decoration:none;position:absolute;bottom:5px;border:0;background:transparent}.ButtonDisabled{cursor:not-allowed}.PromotionalBannersTextContainer{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.AboutUsError .ErrorInfo{color:var(--emw--promo-color-error, var(--emw--color-error, #ed0909))}.SkeletonGrid{display:grid}.Skeleton{animation:skeleton-loading 0.6s linear infinite alternate}@keyframes skeleton-loading{0%{background:linear-gradient(90deg, rgba(35, 178, 78, 0.2) 0%, rgba(0, 61, 93, 0.2) 100%)}12%{background:linear-gradient(90deg, rgba(35, 178, 78, 0.225) 0%, rgba(0, 61, 93, 0.225) 100%)}25%{background:linear-gradient(90deg, rgba(35, 178, 78, 0.25) 0%, rgba(0, 61, 93, 0.25) 100%)}33%{background:linear-gradient(90deg, rgba(35, 178, 78, 0.275) 0%, rgba(0, 61, 93, 0.275) 100%)}50%{background:linear-gradient(90deg, rgba(35, 178, 78, 0.3) 0%, rgba(0, 61, 93, 0.3) 100%)}63%{background:linear-gradient(90deg, rgba(35, 178, 78, 0.325) 0%, rgba(0, 61, 93, 0.325) 100%)}75%{background:linear-gradient(90deg, rgba(35, 178, 78, 0.35) 0%, rgba(0, 61, 93, 0.35) 100%)}88%{background:linear-gradient(90deg, rgba(35, 178, 78, 0.375) 0%, rgba(0, 61, 93, 0.375) 100%)}100%{background:linear-gradient(90deg, rgba(35, 178, 78, 0.4) 0%, rgba(0, 61, 93, 0.4) 100%)}}.SkeletonItem{opacity:0.5;margin:0 15px;width:125px;height:150px;border-radius:var(--emw--border-radius-medium, 15px);margin:20px}";
+const PromotingBannersStyle0 = promotingBannersCss;
+
+const PromotingBanners = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.setClientStyling = () => {
+            let sheet = document.createElement('style');
+            sheet.innerHTML = this.clientStyling;
+            this.stylingContainer.prepend(sheet);
+        };
+        this.setClientStylingURL = () => {
+            let url = new URL(this.clientStylingUrl);
+            let cssFile = document.createElement('style');
+            fetch(url.href)
+                .then((res) => res.text())
+                .then((data) => {
+                cssFile.innerHTML = data;
+                setTimeout(() => { this.stylingContainer.prepend(cssFile); }, 1);
+            })
+                .catch((err) => {
+                console.log('error ', err);
+            });
+        };
+        this.componentDidLoad = () => {
+            if (this.stylingContainer) {
+                if (this.clientStyling)
+                    this.setClientStyling();
+                if (this.clientStylingUrl)
+                    this.setClientStylingURL();
+            }
+        };
+        this.cmsEndpoint = '';
+        this.language = 'en';
+        this.cmsEnv = '';
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.translationUrl = '';
+        this.promotingBannersArray = [];
+        this.hasErrors = false;
+        this.isLoading = true;
+        this.translationData = undefined;
+    }
+    handleStylingChange(newValue, oldValue) {
+        if (newValue !== oldValue)
+            this.setClientStyling();
+    }
+    handleNewTranslations() {
+        this.isLoading = true;
+        getTranslations(this.translationUrl).then(() => {
+            this.isLoading = false;
+        });
+    }
+    connectedCallback() {
+        if (this.cmsEndpoint && this.language) {
+            this.getPromotingBanners();
+        }
+    }
+    getPromotingBanners() {
+        const url = new URL(`${this.cmsEndpoint}/${this.language}/homepage`);
+        const params = new URLSearchParams();
+        params.append('language', this.language);
+        params.append('env', this.cmsEnv);
+        params.append('device', getDevicePlatform());
+        url.search = params.toString();
+        let requestOptions = {
+            method: 'GET',
+            headers: {
+                'Content-Type': 'application/json',
+                'Accept': 'application/json'
+            }
+        };
+        return new Promise((resolve, reject) => {
+            this.isLoading = true;
+            fetch(url.href, requestOptions)
+                .then(res => res.json())
+                .then(data => {
+                const { promotingBanners } = data;
+                this.promotingBannersArray = promotingBanners;
+                resolve(promotingBanners);
+            })
+                .catch(error => {
+                console.error('Error fetching data:', error);
+                this.hasErrors = true;
+                reject(error);
+            }).finally(() => {
+                this.isLoading = false;
+            });
+        });
+    }
+    sendOpenLink(url, isExternal, target) {
+        window.postMessage({ type: 'NavigateTo', path: url, target: target || null, externalLink: isExternal || false }, window.location.href);
+    }
+    async componentWillLoad() {
+        // Translation url logic
+        const promises = [];
+        if (this.translationUrl) {
+            const translationPromise = getTranslations(this.translationUrl).then((data) => {
+                this.translationData = JSON.stringify(data);
+            }).catch(err => {
+                console.log(err);
+            });
+            promises.push(translationPromise);
+        }
+        return Promise.all(promises);
+    }
+    renderBannersGrid(banner) {
+        var _a, _b, _c;
+        return h("a", { class: "PromotingBannersBox", href: banner === null || banner === void 0 ? void 0 : banner.url, target: banner.targetType, style: { backgroundImage: `url(${banner === null || banner === void 0 ? void 0 : banner.backgroundImage})` } }, h("div", { class: "PromotingBannersIconContainer" }, h("img", { src: (getDevice() === 'Android' || getDevice() === 'iPhone') ? (_a = banner.icon) === null || _a === void 0 ? void 0 : _a.mobile : (getDevice() === 'iPad') ? (_b = banner.image) === null || _b === void 0 ? void 0 : _b.srcTablet : (_c = banner.icon) === null || _c === void 0 ? void 0 : _c.desktop, alt: "Banner image" })), h("div", { class: "PromotingBannersTextContainer" }, h("h3", { class: "PromotingBannersTitle" }, banner === null || banner === void 0 ? void 0 : banner.title), h("div", { class: "PromotingBannersContent", innerHTML: banner === null || banner === void 0 ? void 0 : banner.description }), banner.button &&
+            h("button", { class: `PromotingBannersButton ${(banner === null || banner === void 0 ? void 0 : banner.button.text) ? '' : 'ButtonDisabled'}`, innerHTML: banner === null || banner === void 0 ? void 0 : banner.button.text, onClick: this.sendOpenLink.bind(this, banner === null || banner === void 0 ? void 0 : banner.button.url, banner === null || banner === void 0 ? void 0 : banner.button.externalLink, banner === null || banner === void 0 ? void 0 : banner.button.target) })));
+    }
+    render() {
+        var _a, _b, _c, _d;
+        return (h("div", { key: '80f15f2a7a49290bfd0fb80c6ccfb02b9fe3a0a9', class: "PromotingBannersSection", ref: el => this.stylingContainer = el }, this.hasErrors && h("div", { key: '392ef0a6910a457d17efc41a3a2443afc8be4a61', class: "AboutUsError" }, h("div", { key: 'c19eb8a49a8c8a422bd47557a7815e0252667005', class: "ErrorInfo" }, translate('error', this.language))), this.isLoading && h("div", { key: '28fc923e41227b8ca1529e8e2815ebd70678e50c', class: "SkeletonGrid" }, new Array(4).fill(null).map((index) => (h("div", { key: index, class: "Skeleton SkeletonItem" })))), !this.isLoading &&
+            h("div", { key: 'aff2d67a139ede5bdcc3c1ad240806594ab5fae7', class: "PromotingBannersWrapper" }, h("div", { key: '7d8caf2fee017407a618960ea37fff9d809e3eaa', class: getDevice() === 'PC' ? 'PromotingBannersHeader' : 'PromotingBannersHeader PromotingBannersHeaderMobile' }, ((_a = this.promotingBannersArray) === null || _a === void 0 ? void 0 : _a.title) && h("h1", { key: 'd947b41266fdfda8762ebc654c7a1c3516a08be5', class: "PromotingBannersSectionTitle" }, (_b = this.promotingBannersArray) === null || _b === void 0 ? void 0 : _b.title), ((_c = this.promotingBannersArray) === null || _c === void 0 ? void 0 : _c.description) && h("h5", { key: '72127f002e53c9e2d7430e222494c4470aca23e9', class: "PromotingBannersSectionSubtitle", style: { 'display': `${getDevice() !== 'PC' ? 'inline-block' : 'none'}` }, innerHTML: (_d = this.promotingBannersArray) === null || _d === void 0 ? void 0 : _d.description })), h("div", { key: '50c4fb4ae455f363d128993908016b0245c2bd50', class: "PromotingBannersGrid" }, this.promotingBannersArray.map(banner => (this.renderBannersGrid(banner)))))));
+    }
+    static get watchers() { return {
+        "clientStyling": ["handleStylingChange"],
+        "clientStylingUrl": ["handleStylingChange"],
+        "translationUrl": ["handleNewTranslations"]
+    }; }
+};
+PromotingBanners.style = PromotingBannersStyle0;
+
+export { PromotingBanners as P };

package/dist/esm/promoting-banners.entry.js

@@ -0,0 +1,2 @@
+export { P as promoting_banners } from './promoting-banners-10e80966.js';
+import './index-936cf61c.js';

package/dist/esm/promoting-banners.js

@@ -0,0 +1,20 @@
+import { p as promiseResolve, b as bootstrapLazy } from './index-936cf61c.js';
+export { s as setNonce } from './index-936cf61c.js';
+import { g as globalScripts } from './app-globals-0f993ce5.js';
+
+/*
+ Stencil Client Patch Browser v4.22.3 | MIT Licensed | https://stenciljs.com
+ */
+var patchBrowser = () => {
+  const importMeta = import.meta.url;
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return promiseResolve(opts);
+};
+
+patchBrowser().then(async (options) => {
+  await globalScripts();
+  return bootstrapLazy([["promoting-banners",[[1,"promoting-banners",{"cmsEndpoint":[513,"cms-endpoint"],"language":[513],"cmsEnv":[513,"cms-env"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"promotingBannersArray":[32],"hasErrors":[32],"isLoading":[32],"translationData":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingChange"],"translationUrl":["handleNewTranslations"]}]]]], options);
+});

package/dist/index.cjs.js

@@ -0,0 +1 @@
+module.exports = require('./cjs/index.cjs.js');

package/dist/index.js

@@ -0,0 +1 @@
+export * from './esm/index.js';

package/dist/promoting-banners/index.esm.js

@@ -0,0 +1 @@
+export{P as PromotingBanners}from"./p-53a1c74c.js";import"./p-a3d905a8.js";

package/dist/promoting-banners/p-53a1c74c.js

@@ -0,0 +1 @@
+import{r as e,h as r}from"./p-a3d905a8.js";const n=()=>{let e=window.navigator.userAgent;return e.toLowerCase().match(/android/i)?"Android":e.toLowerCase().match(/iphone/i)?"iPhone":e.toLowerCase().match(/ipad|ipod/i)?"iPad":"PC"},o={en:{error:"Error",noResults:"Loading, please wait ..."},hu:{error:"Error",noResults:"Loading, please wait ..."},ro:{error:"Eroare",noResults:"Loading, please wait ..."},fr:{error:"Error",noResults:"Loading, please wait ..."},ar:{error:"خطأ",noResults:"Loading, please wait ..."},hr:{error:"Greška",noResults:"Učitavanje, molimo pričekajte ..."}},i=e=>new Promise(((r,n)=>{fetch(e).then((e=>e.json())).then((e=>{Object.keys(e).forEach((r=>{for(let n in e[r])o[r][n]=e[r][n]})),r(o)})).catch((e=>{n(e)}))})),a=class{constructor(r){e(this,r),this.setClientStyling=()=>{let e=document.createElement("style");e.innerHTML=this.clientStyling,this.stylingContainer.prepend(e)},this.setClientStylingURL=()=>{let e=new URL(this.clientStylingUrl),r=document.createElement("style");fetch(e.href).then((e=>e.text())).then((e=>{r.innerHTML=e,setTimeout((()=>{this.stylingContainer.prepend(r)}),1)})).catch((e=>{console.log("error ",e)}))},this.componentDidLoad=()=>{this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL())},this.cmsEndpoint="",this.language="en",this.cmsEnv="",this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.promotingBannersArray=[],this.hasErrors=!1,this.isLoading=!0,this.translationData=void 0}handleStylingChange(e,r){e!==r&&this.setClientStyling()}handleNewTranslations(){this.isLoading=!0,i(this.translationUrl).then((()=>{this.isLoading=!1}))}connectedCallback(){this.cmsEndpoint&&this.language&&this.getPromotingBanners()}getPromotingBanners(){const e=new URL(`${this.cmsEndpoint}/${this.language}/homepage`),r=new URLSearchParams;r.append("language",this.language),r.append("env",this.cmsEnv),r.append("device",(()=>{const e=n();if(e)return"PC"===e?"dk":"mtWeb"})()),e.search=r.toString();let o={method:"GET",headers:{"Content-Type":"application/json",Accept:"application/json"}};return new Promise(((r,n)=>{this.isLoading=!0,fetch(e.href,o).then((e=>e.json())).then((e=>{const{promotingBanners:n}=e;this.promotingBannersArray=n,r(n)})).catch((e=>{console.error("Error fetching data:",e),this.hasErrors=!0,n(e)})).finally((()=>{this.isLoading=!1}))}))}sendOpenLink(e,r,n){window.postMessage({type:"NavigateTo",path:e,target:n||null,externalLink:r||!1},window.location.href)}async componentWillLoad(){const e=[];if(this.translationUrl){const r=i(this.translationUrl).then((e=>{this.translationData=JSON.stringify(e)})).catch((e=>{console.log(e)}));e.push(r)}return Promise.all(e)}renderBannersGrid(e){var o,i,a;return r("a",{class:"PromotingBannersBox",href:null==e?void 0:e.url,target:e.targetType,style:{backgroundImage:`url(${null==e?void 0:e.backgroundImage})`}},r("div",{class:"PromotingBannersIconContainer"},r("img",{src:"Android"===n()||"iPhone"===n()?null===(o=e.icon)||void 0===o?void 0:o.mobile:"iPad"===n()?null===(i=e.image)||void 0===i?void 0:i.srcTablet:null===(a=e.icon)||void 0===a?void 0:a.desktop,alt:"Banner image"})),r("div",{class:"PromotingBannersTextContainer"},r("h3",{class:"PromotingBannersTitle"},null==e?void 0:e.title),r("div",{class:"PromotingBannersContent",innerHTML:null==e?void 0:e.description}),e.button&&r("button",{class:"PromotingBannersButton "+((null==e?void 0:e.button.text)?"":"ButtonDisabled"),innerHTML:null==e?void 0:e.button.text,onClick:this.sendOpenLink.bind(this,null==e?void 0:e.button.url,null==e?void 0:e.button.externalLink,null==e?void 0:e.button.target)})))}render(){var e,i,a,t,s;return r("div",{key:"80f15f2a7a49290bfd0fb80c6ccfb02b9fe3a0a9",class:"PromotingBannersSection",ref:e=>this.stylingContainer=e},this.hasErrors&&r("div",{key:"392ef0a6910a457d17efc41a3a2443afc8be4a61",class:"AboutUsError"},r("div",{key:"c19eb8a49a8c8a422bd47557a7815e0252667005",class:"ErrorInfo"},o[void 0!==(s=this.language)&&s in o?s:"en"].error)),this.isLoading&&r("div",{key:"28fc923e41227b8ca1529e8e2815ebd70678e50c",class:"SkeletonGrid"},new Array(4).fill(null).map((e=>r("div",{key:e,class:"Skeleton SkeletonItem"})))),!this.isLoading&&r("div",{key:"aff2d67a139ede5bdcc3c1ad240806594ab5fae7",class:"PromotingBannersWrapper"},r("div",{key:"7d8caf2fee017407a618960ea37fff9d809e3eaa",class:"PC"===n()?"PromotingBannersHeader":"PromotingBannersHeader PromotingBannersHeaderMobile"},(null===(e=this.promotingBannersArray)||void 0===e?void 0:e.title)&&r("h1",{key:"d947b41266fdfda8762ebc654c7a1c3516a08be5",class:"PromotingBannersSectionTitle"},null===(i=this.promotingBannersArray)||void 0===i?void 0:i.title),(null===(a=this.promotingBannersArray)||void 0===a?void 0:a.description)&&r("h5",{key:"72127f002e53c9e2d7430e222494c4470aca23e9",class:"PromotingBannersSectionSubtitle",style:{display:"PC"!==n()?"inline-block":"none"},innerHTML:null===(t=this.promotingBannersArray)||void 0===t?void 0:t.description})),r("div",{key:"50c4fb4ae455f363d128993908016b0245c2bd50",class:"PromotingBannersGrid"},this.promotingBannersArray.map((e=>this.renderBannersGrid(e))))))}static get watchers(){return{clientStyling:["handleStylingChange"],clientStylingUrl:["handleStylingChange"],translationUrl:["handleNewTranslations"]}}};a.style='.PromotingBannersIconContainer img{width:50px;height:50px;border-radius:var(--emw--border-radius-image, 50%);background-size:contain;margin:10px}.PromotingBannersSection{padding:10px;border-radius:var(--emw--border-radius-small, 5px);background-color:var(--emw--promo-color-background, var(--emw--color-background, #2f2f2f));background-repeat:no-repeat;background-position:center;color:var(--emw--promo-color-primary, var(--emw--color-primary, #fff));font-family:var(--emw--font-family-primary, "Montserrat", sans-serif);overflow:hidden;position:relative}.PromotingBannersGrid{display:grid;grid-gap:30px;background-size:contain;background-repeat:no-repeat;padding:10px;width:100%;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));box-sizing:border-box}.PromotingBannersContent{color:var(--emw--promo-color-primary, var(--emw--color-primary, #fff))}.PromotingBannersContent p{display:block;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.PromotingBannersHeader{display:flex;justify-content:center;flex-direction:column;align-items:center}.PromotingBannersHeader p{text-align:center}.PromotingBannersBox{min-width:200px;display:flex;justify-content:flex-start;overflow:hidden;flex-direction:row;gap:20px;text-decoration:none;color:inherit;background-size:cover;background-position:center;border-radius:var(--emw--border-radius-small, 5px)}.PromotingBannersSectionTitle,.PromotingBannersSectionSubtitle{margin:10px auto;background:transparent}.PromotingBannersTextContainer{margin:5px;overflow:hidden;position:relative;padding-bottom:30px}.PromotingBannersTitle{margin:5px auto}.PromotingBannersButton{cursor:pointer;color:inherit;text-decoration:none;position:absolute;bottom:5px;border:0;background:transparent}.ButtonDisabled{cursor:not-allowed}.PromotionalBannersTextContainer{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.AboutUsError .ErrorInfo{color:var(--emw--promo-color-error, var(--emw--color-error, #ed0909))}.SkeletonGrid{display:grid}.Skeleton{animation:skeleton-loading 0.6s linear infinite alternate}@keyframes skeleton-loading{0%{background:linear-gradient(90deg, rgba(35, 178, 78, 0.2) 0%, rgba(0, 61, 93, 0.2) 100%)}12%{background:linear-gradient(90deg, rgba(35, 178, 78, 0.225) 0%, rgba(0, 61, 93, 0.225) 100%)}25%{background:linear-gradient(90deg, rgba(35, 178, 78, 0.25) 0%, rgba(0, 61, 93, 0.25) 100%)}33%{background:linear-gradient(90deg, rgba(35, 178, 78, 0.275) 0%, rgba(0, 61, 93, 0.275) 100%)}50%{background:linear-gradient(90deg, rgba(35, 178, 78, 0.3) 0%, rgba(0, 61, 93, 0.3) 100%)}63%{background:linear-gradient(90deg, rgba(35, 178, 78, 0.325) 0%, rgba(0, 61, 93, 0.325) 100%)}75%{background:linear-gradient(90deg, rgba(35, 178, 78, 0.35) 0%, rgba(0, 61, 93, 0.35) 100%)}88%{background:linear-gradient(90deg, rgba(35, 178, 78, 0.375) 0%, rgba(0, 61, 93, 0.375) 100%)}100%{background:linear-gradient(90deg, rgba(35, 178, 78, 0.4) 0%, rgba(0, 61, 93, 0.4) 100%)}}.SkeletonItem{opacity:0.5;margin:0 15px;width:125px;height:150px;border-radius:var(--emw--border-radius-medium, 15px);margin:20px}';export{a as P}

package/dist/promoting-banners/p-7f9296a7.entry.js

@@ -0,0 +1 @@
+export{P as promoting_banners}from"./p-53a1c74c.js";import"./p-a3d905a8.js";

package/dist/promoting-banners/p-a3d905a8.js

@@ -0,0 +1,2 @@
+var e=Object.defineProperty,t=new WeakMap,n=e=>t.get(e),l=(e,n)=>t.set(n.t=e,n),o=(e,t)=>t in e,s=(e,t)=>(0,console.error)(e,t),r=new Map,i=new Map,c="slot-fb{display:contents}slot-fb[hidden]{display:none}",u="undefined"!=typeof window?window:{},a=u.document||{head:{}},f={l:0,o:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},h=e=>Promise.resolve(e),p=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),m=!1,d=[],y=[],$=(e,t)=>n=>{e.push(n),m||(m=!0,t&&4&f.l?v(b):f.raf(b))},w=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){s(e)}e.length=0},b=()=>{w(d),w(y),(m=d.length>0)&&f.raf(b)},v=e=>h().then(e),S=$(y,!0),g={},j=e=>"object"==(e=typeof e)||"function"===e;function k(e){var t,n,l;return null!=(l=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?l:void 0}((t,n)=>{for(var l in n)e(t,l,{get:n[l],enumerable:!0})})({},{err:()=>O,map:()=>C,ok:()=>E,unwrap:()=>x,unwrapErr:()=>P});var E=e=>({isOk:!0,isErr:!1,value:e}),O=e=>({isOk:!1,isErr:!0,value:e});function C(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>E(e))):E(n)}if(e.isErr)return O(e.value);throw"should never get here"}var M,x=e=>{if(e.isOk)return e.value;throw e.value},P=e=>{if(e.isErr)return e.value;throw e.value},A=(e,t,...n)=>{let l=null,o=null,s=!1,r=!1;const i=[],c=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?c(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!j(l))&&(l+=""),s&&r?i[i.length-1].i+=l:i.push(s?H(null,l):l),r=s)};if(c(n),t){t.key&&(o=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const u=H(e,null);return u.u=t,i.length>0&&(u.h=i),u.p=o,u},H=(e,t)=>({l:0,m:e,i:t,$:null,h:null,u:null,p:null}),R={},T=new WeakMap,D=e=>"sc-"+e.v,L=(e,t,n,l,s,r)=>{if(n!==l){let i=o(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,o=U(n),s=U(l);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("style"===t){for(const t in n)l&&null!=l[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in l)n&&l[t]===n[t]||(t.includes("-")?e.style.setProperty(t,l[t]):e.style[t]=l[t])}else if("key"===t);else if("ref"===t)l&&l(e);else if(i||"o"!==t[0]||"n"!==t[1]){const o=j(l);if((i||o&&null!==l)&&!s)try{if(e.tagName.includes("-"))e[t]=l;else{const o=null==l?"":l;"list"===t?i=!1:null!=n&&e[t]==o||("function"==typeof e.__lookupSetter__(t)?e[t]=o:e.setAttribute(t,o))}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(t)||e.removeAttribute(t):(!i||4&r||s)&&!o&&e.setAttribute(t,l=!0===l?"":l)}else if(t="-"===t[2]?t.slice(3):o(u,c)?c.slice(2):c[2]+t.slice(3),n||l){const o=t.endsWith(W);t=t.replace(F,""),n&&f.rel(e,t,n,o),l&&f.ael(e,t,l,o)}}},N=/\s/,U=e=>e?e.split(N):[],W="Capture",F=RegExp(W+"$"),q=(e,t,n)=>{const l=11===t.$.nodeType&&t.$.host?t.$.host:t.$,o=e&&e.u||g,s=t.u||g;for(const e of G(Object.keys(o)))e in s||L(l,e,o[e],void 0,n,t.l);for(const e of G(Object.keys(s)))L(l,e,o[e],s[e],n,t.l)};function G(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var V=!1,_=(e,t,n)=>{const l=t.h[n];let o,s,r=0;if(null!==l.i)o=l.$=a.createTextNode(l.i);else if(o=l.$=a.createElement(l.m),q(null,l,V),o.getRootNode().querySelector("body"),l.h)for(r=0;r<l.h.length;++r)s=_(e,l,r),s&&o.appendChild(s);return o["s-hn"]=M,o},z=(e,t,n,l,o,s)=>{let r,i=e;for(i.shadowRoot&&i.tagName===M&&(i=i.shadowRoot);o<=s;++o)l[o]&&(r=_(null,n,o),r&&(l[o].$=r,Q(i,r,t)))},B=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.$;K(t),e&&e.remove()}}},I=(e,t,n=!1)=>e.m===t.m&&(!!n||e.p===t.p),J=(e,t,n=!1)=>{const l=t.$=e.$,o=e.h,s=t.h,r=t.i;null===r?(q(e,t,V),null!==o&&null!==s?((e,t,n,l,o=!1)=>{let s,r,i=0,c=0,u=0,a=0,f=t.length-1,h=t[0],p=t[f],m=l.length-1,d=l[0],y=l[m];for(;i<=f&&c<=m;)if(null==h)h=t[++i];else if(null==p)p=t[--f];else if(null==d)d=l[++c];else if(null==y)y=l[--m];else if(I(h,d,o))J(h,d,o),h=t[++i],d=l[++c];else if(I(p,y,o))J(p,y,o),p=t[--f],y=l[--m];else if(I(h,y,o))J(h,y,o),Q(e,h.$,p.$.nextSibling),h=t[++i],y=l[--m];else if(I(p,d,o))J(p,d,o),Q(e,p.$,h.$),p=t[--f],d=l[++c];else{for(u=-1,a=i;a<=f;++a)if(t[a]&&null!==t[a].p&&t[a].p===d.p){u=a;break}u>=0?(r=t[u],r.m!==d.m?s=_(t&&t[c],n,u):(J(r,d,o),t[u]=void 0,s=r.$),d=l[++c]):(s=_(t&&t[c],n,c),d=l[++c]),s&&Q(h.$.parentNode,s,h.$)}i>f?z(e,null==l[m+1]?null:l[m+1].$,n,l,c,m):c>m&&B(t,i,f)})(l,o,t,s,n):null!==s?(null!==e.i&&(l.textContent=""),z(l,null,t,s,0,s.length-1)):!n&&null!==o&&B(o,0,o.length-1)):e.i!==r&&(l.data=r)},K=e=>{e.u&&e.u.ref&&e.u.ref(null),e.h&&e.h.map(K)},Q=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),X=(e,t)=>{t&&!e.S&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.S=t)))},Y=(e,t)=>{if(e.l|=16,!(4&e.l))return X(e,e.j),S((()=>Z(e,t)));e.l|=512},Z=(e,t)=>{const n=e.t;if(!n)throw Error(`Can't render component <${e.$hostElement$.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return t&&(l=re(n,"componentWillLoad")),ee(l,(()=>ne(e,n,t)))},ee=(e,t)=>te(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),te=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,ne=async(e,t,n)=>{var l;const o=e.$hostElement$,s=o["s-rc"];n&&(e=>{const t=e.k,n=e.$hostElement$,l=t.l,o=((e,t)=>{var n;const l=D(t),o=i.get(l);if(e=11===e.nodeType?e:a,o)if("string"==typeof o){let s,r=T.get(e=e.head||e);if(r||T.set(e,r=new Set),!r.has(l)){{s=a.createElement("style"),s.innerHTML=o;const l=null!=(n=f.O)?n:k(a);if(null!=l&&s.setAttribute("nonce",l),!(1&t.l))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(s,n)}else if("host"in e)if(p){const t=new CSSStyleSheet;t.replaceSync(o),e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.innerHTML=o+t.innerHTML:e.prepend(s)}else e.append(s);1&t.l&&"HEAD"!==e.nodeName&&e.insertBefore(s,null)}4&t.l&&(s.innerHTML+=c),r&&r.add(l)}}else e.adoptedStyleSheets.includes(o)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]);return l})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&2&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);le(e,t,o,n),s&&(s.map((e=>e())),o["s-rc"]=void 0);{const t=null!=(l=o["s-p"])?l:[],n=()=>oe(e);0===t.length?n():(Promise.all(t).then(n),e.l|=4,t.length=0)}},le=(e,t,n,l)=>{try{t=t.render(),e.l&=-17,e.l|=2,((e,t,n=!1)=>{const l=e.$hostElement$,o=e.k,s=e.C||H(null,null),r=(e=>e&&e.m===R)(t)?t:A(null,null,t);if(M=l.tagName,o.M&&(r.u=r.u||{},o.M.map((([e,t])=>r.u[t]=l[e]))),n&&r.u)for(const e of Object.keys(r.u))l.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(r.u[e]=l[e]);r.m=null,r.l|=4,e.C=r,r.$=s.$=l.shadowRoot||l,J(s,r,n)})(e,t,l)}catch(t){s(t,e.$hostElement$)}return null},oe=e=>{const t=e.$hostElement$,n=e.j;64&e.l||(e.l|=64,ie(t),e.P(t),n||se()),e.S&&(e.S(),e.S=void 0),512&e.l&&v((()=>Y(e,!1))),e.l&=-517},se=()=>{ie(a.documentElement),v((()=>(e=>{const t=f.ce("appload",{detail:{namespace:"promoting-banners"}});return e.dispatchEvent(t),t})(u)))},re=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){s(e)}},ie=e=>e.classList.add("hydrated"),ce=(e,t,l)=>{var o,r;const i=e.prototype;if(t.A||t.H||e.watchers){e.watchers&&!t.H&&(t.H=e.watchers);const c=Object.entries(null!=(o=t.A)?o:{});if(c.map((([e,[o]])=>{(31&o||2&l&&32&o)&&Object.defineProperty(i,e,{get(){return((e,t)=>n(this).R.get(t))(0,e)},set(l){((e,t,l,o)=>{const r=n(e);if(!r)throw Error(`Couldn't find host element for "${o.v}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const i=r.$hostElement$,c=r.R.get(t),u=r.l,a=r.t;if(l=((e,t)=>null==e||j(e)?e:1&t?e+"":e)(l,o.A[t][0]),(!(8&u)||void 0===c)&&l!==c&&(!Number.isNaN(c)||!Number.isNaN(l))&&(r.R.set(t,l),a)){if(o.H&&128&u){const e=o.H[t];e&&e.map((e=>{try{a[e](l,c,t)}catch(e){s(e,i)}}))}2==(18&u)&&Y(r,!1)}})(this,e,l,t)},configurable:!0,enumerable:!0})})),1&l){const l=new Map;i.attributeChangedCallback=function(e,o,s){f.jmp((()=>{var r;const c=l.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(i.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const l=n(this),i=null==l?void 0:l.l;if(i&&!(8&i)&&128&i&&s!==o){const n=l.t,i=null==(r=t.H)?void 0:r[e];null==i||i.forEach((t=>{null!=n[t]&&n[t].call(n,s,o,e)}))}return}}this[c]=(null!==s||"boolean"!=typeof this[c])&&s}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(r=t.H)?r:{}),...c.filter((([e,t])=>15&t[0])).map((([e,n])=>{var o;const s=n[1]||e;return l.set(s,e),512&n[0]&&(null==(o=t.M)||o.push([e,s])),s}))]))}}return e},ue=e=>{re(e,"connectedCallback")},ae=(e,l={})=>{var o;const h=[],m=l.exclude||[],d=u.customElements,y=a.head,$=y.querySelector("meta[charset]"),w=a.createElement("style"),b=[];let v,S=!0;Object.assign(f,l),f.o=new URL(l.resourcesUrl||"./",a.baseURI).href;let g=!1;if(e.map((e=>{e[1].map((l=>{var o;const c={l:l[0],v:l[1],A:l[2],T:l[3]};4&c.l&&(g=!0),c.A=l[2],c.M=[],c.H=null!=(o=l[4])?o:{};const u=c.v,a=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const l={l:0,$hostElement$:e,k:n,R:new Map};l.D=new Promise((e=>l.P=e)),e["s-p"]=[],e["s-rc"]=[],t.set(e,l)})(e=this,c),1&c.l)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${c.v}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open"})}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),v&&(clearTimeout(v),v=null),S?b.push(this):f.jmp((()=>(e=>{if(!(1&f.l)){const t=n(e),l=t.k,o=()=>{};if(1&t.l)(null==t?void 0:t.t)?ue(t.t):(null==t?void 0:t.D)&&t.D.then((()=>ue(t.t)));else{t.l|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){X(t,t.j=n);break}}l.A&&Object.entries(l.A).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let l;if(!(32&t.l)){if(t.l|=32,n.L){const e=(e=>{const t=e.v.replace(/-/g,"_"),n=e.L;if(!n)return;const l=r.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(r.set(n,e),e[t])),s)
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n);if(e&&"then"in e){const t=()=>{};l=await e,t()}else l=e;if(!l)throw Error(`Constructor for "${n.v}#${t.N}" was not found`);l.isProxied||(n.H=l.watchers,ce(l,n,2),l.isProxied=!0);const o=()=>{};t.l|=8;try{new l(t)}catch(e){s(e)}t.l&=-9,t.l|=128,o(),ue(t.t)}else l=e.constructor,customElements.whenDefined(e.localName).then((()=>t.l|=128));if(l&&l.style){let e;"string"==typeof l.style&&(e=l.style);const t=D(n);if(!i.has(t)){const l=()=>{};((e,t,n)=>{let l=i.get(e);p&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,i.set(e,l)})(t,e,!!(1&n.l)),l()}}}const o=t.j,c=()=>Y(t,!0);o&&o["s-rc"]?o["s-rc"].push(c):c()})(e,t,l)}o()}})(this)))}disconnectedCallback(){f.jmp((()=>(async()=>{if(!(1&f.l)){const e=n(this);(null==e?void 0:e.t)||(null==e?void 0:e.D)&&e.D.then((()=>{}))}})()))}componentOnReady(){return n(this).D}};c.L=e[0],m.includes(u)||d.get(u)||(h.push(u),d.define(u,ce(a,c,1)))}))})),h.length>0&&(g&&(w.textContent+=c),w.textContent+=h.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",w.innerHTML.length)){w.setAttribute("data-styles","");const e=null!=(o=f.O)?o:k(a);null!=e&&w.setAttribute("nonce",e),y.insertBefore(w,$?$.nextSibling:y.firstChild)}S=!1,b.length?b.map((e=>e.connectedCallback())):f.jmp((()=>v=setTimeout(se,30)))},fe=e=>f.O=e;export{ae as b,A as h,h as p,l as r,fe as s}

package/dist/promoting-banners/p-e1255160.js

@@ -0,0 +1 @@
+const o=()=>{};export{o as g}

package/dist/promoting-banners/promoting-banners.esm.js

@@ -0,0 +1 @@
+import{p as n,b as a}from"./p-a3d905a8.js";export{s as setNonce}from"./p-a3d905a8.js";import{g as t}from"./p-e1255160.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),n(t)})().then((async n=>(await t(),a([["p-7f9296a7",[[1,"promoting-banners",{cmsEndpoint:[513,"cms-endpoint"],language:[513],cmsEnv:[513,"cms-env"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],promotingBannersArray:[32],hasErrors:[32],isLoading:[32],translationData:[32]},null,{clientStyling:["handleStylingChange"],clientStylingUrl:["handleStylingChange"],translationUrl:["handleNewTranslations"]}]]]],n))));

package/dist/stencil.config.dev.js

@@ -0,0 +1,14 @@
+export const config = {
+    namespace: 'promoting-banners',
+    taskQueue: 'async',
+    sourceMap: false,
+    minifyJs: true,
+    extras: {
+        experimentalImportInjection: true
+    },
+    outputTargets: [
+        {
+            type: 'www'
+        }
+    ]
+};

package/dist/stencil.config.js

@@ -0,0 +1,17 @@
+import { sass } from "@stencil/sass";
+export const config = {
+    namespace: 'promoting-banners',
+    taskQueue: 'async',
+    sourceMap: false,
+    minifyJs: true,
+    extras: {
+        experimentalImportInjection: true
+    },
+    plugins: [sass()],
+    outputTargets: [
+        {
+            type: 'dist',
+            esmLoaderPath: '../loader'
+        }
+    ]
+};

package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/promoting-banners/.stencil/packages/stencil/promoting-banners/stencil.config.d.ts

@@ -0,0 +1,2 @@
+import { Config } from '../../../../../../../../../../../../stencil-public-runtime';
+export declare const config: Config;

package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/promoting-banners/.stencil/packages/stencil/promoting-banners/stencil.config.dev.d.ts

@@ -0,0 +1,2 @@
+import { Config } from '../../../../../../../../../../../../stencil-public-runtime';
+export declare const config: Config;

package/dist/types/components/promoting-banners/index.d.ts

@@ -0,0 +1 @@
+export { PromotingBanners } from './promoting-banners';

package/dist/types/components/promoting-banners/promoting-banners.d.ts

@@ -0,0 +1,42 @@
+export declare class PromotingBanners {
+    /**
+     * The endpoint
+     */
+    cmsEndpoint: string;
+    /**
+     * The language
+     */
+    language: string;
+    /**
+     * The CMS environment
+     */
+    cmsEnv: string;
+    /**
+     * Client custom styling via inline style
+    */
+    clientStyling: string;
+    /**
+     * Client custom styling via url
+     */
+    clientStylingUrl: string;
+    /**
+     * Translations via URL
+     */
+    translationUrl: string;
+    promotingBannersArray: any;
+    private hasErrors;
+    private isLoading;
+    translationData: any;
+    private stylingContainer;
+    handleStylingChange(newValue: string, oldValue: string): void;
+    handleNewTranslations(): void;
+    connectedCallback(): void;
+    setClientStyling: () => void;
+    setClientStylingURL: () => void;
+    componentDidLoad: () => void;
+    getPromotingBanners(): Promise<void>;
+    sendOpenLink(url: string, isExternal: boolean, target: string): void;
+    componentWillLoad(): Promise<any>;
+    renderBannersGrid(banner: any): HTMLElement;
+    render(): void;
+}

package/dist/types/components.d.ts

@@ -0,0 +1,85 @@
+/* eslint-disable */
+/* tslint:disable */
+/**
+ * This is an autogenerated file created by the Stencil compiler.
+ * It contains typing information for all components that exist in this project.
+ */
+import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+export namespace Components {
+    interface PromotingBanners {
+        /**
+          * Client custom styling via inline style
+         */
+        "clientStyling": string;
+        /**
+          * Client custom styling via url
+         */
+        "clientStylingUrl": string;
+        /**
+          * The endpoint
+         */
+        "cmsEndpoint": string;
+        /**
+          * The CMS environment
+         */
+        "cmsEnv": string;
+        /**
+          * The language
+         */
+        "language": string;
+        /**
+          * Translations via URL
+         */
+        "translationUrl": string;
+    }
+}
+declare global {
+    interface HTMLPromotingBannersElement extends Components.PromotingBanners, HTMLStencilElement {
+    }
+    var HTMLPromotingBannersElement: {
+        prototype: HTMLPromotingBannersElement;
+        new (): HTMLPromotingBannersElement;
+    };
+    interface HTMLElementTagNameMap {
+        "promoting-banners": HTMLPromotingBannersElement;
+    }
+}
+declare namespace LocalJSX {
+    interface PromotingBanners {
+        /**
+          * Client custom styling via inline style
+         */
+        "clientStyling"?: string;
+        /**
+          * Client custom styling via url
+         */
+        "clientStylingUrl"?: string;
+        /**
+          * The endpoint
+         */
+        "cmsEndpoint"?: string;
+        /**
+          * The CMS environment
+         */
+        "cmsEnv"?: string;
+        /**
+          * The language
+         */
+        "language"?: string;
+        /**
+          * Translations via URL
+         */
+        "translationUrl"?: string;
+    }
+    interface IntrinsicElements {
+        "promoting-banners": PromotingBanners;
+    }
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+    export namespace JSX {
+        interface IntrinsicElements {
+            "promoting-banners": LocalJSX.PromotingBanners & JSXBase.HTMLAttributes<HTMLPromotingBannersElement>;
+        }
+    }
+}

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export * from './components/promoting-banners';