@everymatrix/general-styling-wrapper 1.94.18 → 1.94.20

package/dist/cjs/general-styling-wrapper.cjs.entry.js

@@ -171,21 +171,23 @@ const GeneralStylingWrapper = class {
     }
     componentDidLoad() {
         if (this.el) {
-            if (window.emMessageBus != undefined) {
+            if (this.mbSource)
                 setStreamStyling(this.el, `${this.mbSource}.Style`, this.stylingSubscription);
-            }
-            else {
-                if (this.clientStyling)
-                    setClientStyling(this.el, this.clientStyling);
-                if (this.clientStylingUrl)
-                    setClientStylingURL(this.el, this.clientStylingUrl);
-                this.stylingAppends = true;
-            }
+            if (this.clientStyling)
+                setClientStyling(this.el, this.clientStyling);
+            if (this.clientStylingUrl)
+                setClientStylingURL(this.el, this.clientStylingUrl);
+            this.stylingAppends = true;
         }
     }
     disconnectedCallback() {
         this.stylingSubscription && this.stylingSubscription.unsubscribe();
     }
+    handleMbSourceChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setStreamStyling(this.el, `${this.mbSource}.Style`, this.stylingSubscription);
+        }
+    }
     handleClientStylingChange(newValue, oldValue) {
         if (newValue != oldValue) {
             setClientStyling(this.el, this.clientStyling);
@@ -217,10 +219,11 @@ const GeneralStylingWrapper = class {
         return await Promise.all(promises);
     }
     render() {
-        return (index.h("div", { key: '09ad83748bbad518743c8671b986c541c52bf3f0', class: "StyleShell" }, index.h("slot", { key: '3b28b776d3944410c717b002b70946d274a4e8e7', name: "mainContent" })));
+        return (index.h("div", { key: 'e660ceb69f5e848c788c3924fc814c0fa7a777a2', class: "StyleShell" }, index.h("slot", { key: '35014b6c0c32532af11e6a629ba9b13942504d21', name: "mainContent" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
+        "mbSource": ["handleMbSourceChange"],
         "clientStyling": ["handleClientStylingChange"],
         "clientStylingUrl": ["handleClientStylingUrlChange"]
     }; }

package/dist/cjs/general-styling-wrapper.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["general-styling-wrapper.cjs",[[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"mbSource":[1,"mb-source"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}]]]], options);
+  return index.bootstrapLazy([["general-styling-wrapper.cjs",[[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"mbSource":[1,"mb-source"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]},null,{"mbSource":["handleMbSourceChange"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["general-styling-wrapper.cjs",[[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"mbSource":[1,"mb-source"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}]]]], options);
+  return index.bootstrapLazy([["general-styling-wrapper.cjs",[[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"mbSource":[1,"mb-source"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]},null,{"mbSource":["handleMbSourceChange"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/components/general-styling-wrapper/general-styling-wrapper.js

@@ -12,21 +12,23 @@ export class GeneralStylingWrapper {
     }
     componentDidLoad() {
         if (this.el) {
-            if (window.emMessageBus != undefined) {
+            if (this.mbSource)
                 setStreamStyling(this.el, `${this.mbSource}.Style`, this.stylingSubscription);
-            }
-            else {
-                if (this.clientStyling)
-                    setClientStyling(this.el, this.clientStyling);
-                if (this.clientStylingUrl)
-                    setClientStylingURL(this.el, this.clientStylingUrl);
-                this.stylingAppends = true;
-            }
+            if (this.clientStyling)
+                setClientStyling(this.el, this.clientStyling);
+            if (this.clientStylingUrl)
+                setClientStylingURL(this.el, this.clientStylingUrl);
+            this.stylingAppends = true;
         }
     }
     disconnectedCallback() {
         this.stylingSubscription && this.stylingSubscription.unsubscribe();
     }
+    handleMbSourceChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setStreamStyling(this.el, `${this.mbSource}.Style`, this.stylingSubscription);
+        }
+    }
     handleClientStylingChange(newValue, oldValue) {
         if (newValue != oldValue) {
             setClientStyling(this.el, this.clientStyling);
@@ -58,7 +60,7 @@ export class GeneralStylingWrapper {
         return await Promise.all(promises);
     }
     render() {
-        return (h("div", { key: '09ad83748bbad518743c8671b986c541c52bf3f0', class: "StyleShell" }, h("slot", { key: '3b28b776d3944410c717b002b70946d274a4e8e7', name: "mainContent" })));
+        return (h("div", { key: 'e660ceb69f5e848c788c3924fc814c0fa7a777a2', class: "StyleShell" }, h("slot", { key: '35014b6c0c32532af11e6a629ba9b13942504d21', name: "mainContent" })));
     }
     static get is() { return "general-styling-wrapper"; }
     static get originalStyleUrls() {
@@ -170,6 +172,9 @@ export class GeneralStylingWrapper {
     static get elementRef() { return "el"; }
     static get watchers() {
         return [{
+                "propName": "mbSource",
+                "methodName": "handleMbSourceChange"
+            }, {
                 "propName": "clientStyling",
                 "methodName": "handleClientStylingChange"
             }, {

package/dist/esm/general-styling-wrapper.entry.js

@@ -167,21 +167,23 @@ const GeneralStylingWrapper = class {
     }
     componentDidLoad() {
         if (this.el) {
-            if (window.emMessageBus != undefined) {
+            if (this.mbSource)
                 setStreamStyling(this.el, `${this.mbSource}.Style`, this.stylingSubscription);
-            }
-            else {
-                if (this.clientStyling)
-                    setClientStyling(this.el, this.clientStyling);
-                if (this.clientStylingUrl)
-                    setClientStylingURL(this.el, this.clientStylingUrl);
-                this.stylingAppends = true;
-            }
+            if (this.clientStyling)
+                setClientStyling(this.el, this.clientStyling);
+            if (this.clientStylingUrl)
+                setClientStylingURL(this.el, this.clientStylingUrl);
+            this.stylingAppends = true;
         }
     }
     disconnectedCallback() {
         this.stylingSubscription && this.stylingSubscription.unsubscribe();
     }
+    handleMbSourceChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setStreamStyling(this.el, `${this.mbSource}.Style`, this.stylingSubscription);
+        }
+    }
     handleClientStylingChange(newValue, oldValue) {
         if (newValue != oldValue) {
             setClientStyling(this.el, this.clientStyling);
@@ -213,10 +215,11 @@ const GeneralStylingWrapper = class {
         return await Promise.all(promises);
     }
     render() {
-        return (h("div", { key: '09ad83748bbad518743c8671b986c541c52bf3f0', class: "StyleShell" }, h("slot", { key: '3b28b776d3944410c717b002b70946d274a4e8e7', name: "mainContent" })));
+        return (h("div", { key: 'e660ceb69f5e848c788c3924fc814c0fa7a777a2', class: "StyleShell" }, h("slot", { key: '35014b6c0c32532af11e6a629ba9b13942504d21', name: "mainContent" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
+        "mbSource": ["handleMbSourceChange"],
         "clientStyling": ["handleClientStylingChange"],
         "clientStylingUrl": ["handleClientStylingUrlChange"]
     }; }

package/dist/esm/general-styling-wrapper.js

@@ -16,5 +16,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["general-styling-wrapper",[[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"mbSource":[1,"mb-source"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}]]]], options);
+  return bootstrapLazy([["general-styling-wrapper",[[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"mbSource":[1,"mb-source"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]},null,{"mbSource":["handleMbSourceChange"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}]]]], options);
 });

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["general-styling-wrapper",[[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"mbSource":[1,"mb-source"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}]]]], options);
+  return bootstrapLazy([["general-styling-wrapper",[[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"mbSource":[1,"mb-source"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]},null,{"mbSource":["handleMbSourceChange"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/general-styling-wrapper/general-styling-wrapper.entry.js

@@ -1 +1 @@
-import{r as t,h as n,g as e}from"./index-7ef90fae.js";const i="__WIDGET_GLOBAL_STYLE_CACHE__";function s(t,n){if(t){const e=document.createElement("style");e.innerHTML=n,t.appendChild(e)}}function o(t,n){if(!t||!n)return;const e=new URL(n);fetch(e.href).then((t=>t.text())).then((n=>{const e=document.createElement("style");e.innerHTML=n,t&&t.appendChild(e)})).catch((t=>{console.error("There was an error while trying to load client styling from URL",t)}))}const h=class{constructor(n){t(this,n),this.stylingAppends=!1,this.clientStyling="",this.clientStylingUrl="",this.mbSource=void 0,this.translationUrl="",this.targetTranslations=void 0}componentDidLoad(){this.el&&(null!=window.emMessageBus?function(t,n,e,s=!1){if(!window.emMessageBus)return;if(!("adoptedStyleSheets"in Document.prototype)||!s)return function(t,n){const e=document.createElement("style");return window.emMessageBus.subscribe(n,(n=>{t&&(e.innerHTML=n,t.appendChild(e))}))}(t,n);window[i]||(window[i]={});const o=(e=function(t,n){return window.emMessageBus.subscribe(n,(e=>{if(!t)return;const s=t.getRootNode(),o=window[i];let h=o[n]&&o[n].sheet;h?o[n].refCount=o[n].refCount+1:(h=new CSSStyleSheet,h.replaceSync(e),o[n]={sheet:h,refCount:1});const c=s.adoptedStyleSheets||[];c.includes(h)||(s.adoptedStyleSheets=[...c,h])}))}(t,n)).unsubscribe.bind(e);e.unsubscribe=()=>{if(window[i][n]){const t=window[i][n];t.refCount>1?t.refCount=t.refCount-1:delete window[i][n]}o()}}(this.el,`${this.mbSource}.Style`,this.stylingSubscription):(this.clientStyling&&s(this.el,this.clientStyling),this.clientStylingUrl&&o(this.el,this.clientStylingUrl),this.stylingAppends=!0))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}handleClientStylingChange(t,n){t!=n&&s(this.el,this.clientStyling)}handleClientStylingUrlChange(t,n){t!=n&&this.clientStylingUrl&&o(this.el,this.clientStylingUrl)}componentDidRender(){this.stylingAppends||(this.clientStyling&&s(this.el,this.clientStyling),this.clientStylingUrl&&o(this.el,this.clientStylingUrl),this.stylingAppends=!0)}async componentWillLoad(){const t=[];if(this.translationUrl){const i=(n=this.translationUrl,e=this.targetTranslations,new Promise((t=>{fetch(n).then((t=>t.json())).then((n=>{Object.keys(n).forEach((t=>{e[t]=e[t]||{},Object.keys(n[t]).forEach((i=>{if(!e.en[i])return;const s=e.en[i];"object"==typeof n[t][i]?(e[t][i]=e[t][i]||Object.assign({},s),Object.keys(n[t][i]).forEach((s=>{e[t][i][s]=n[t][i][s]}))):e[t][i]=n[t][i]||Object.assign({},s)}))})),t(!0)})).catch((n=>{console.error("Failed to load translations:",n),t(!1)}))})));t.push(i)}var n,e;return await Promise.all(t)}render(){return n("div",{key:"09ad83748bbad518743c8671b986c541c52bf3f0",class:"StyleShell"},n("slot",{key:"3b28b776d3944410c717b002b70946d274a4e8e7",name:"mainContent"}))}get el(){return e(this)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"]}}};h.style=":host{display:block}";export{h as general_styling_wrapper}
+import{r as t,h as e,g as n}from"./index-7ef90fae.js";const i="__WIDGET_GLOBAL_STYLE_CACHE__";function s(t,e){if(t){const n=document.createElement("style");n.innerHTML=e,t.appendChild(n)}}function o(t,e){if(!t||!e)return;const n=new URL(e);fetch(n.href).then((t=>t.text())).then((e=>{const n=document.createElement("style");n.innerHTML=e,t&&t.appendChild(n)})).catch((t=>{console.error("There was an error while trying to load client styling from URL",t)}))}function h(t,e,n,s=!1){if(!window.emMessageBus)return;if(!("adoptedStyleSheets"in Document.prototype)||!s)return n=function(t,e){const n=document.createElement("style");return window.emMessageBus.subscribe(e,(e=>{t&&(n.innerHTML=e,t.appendChild(n))}))}(t,e),n;window[i]||(window[i]={}),n=function(t,e){return window.emMessageBus.subscribe(e,(n=>{if(!t)return;const s=t.getRootNode(),o=window[i];let h=o[e]&&o[e].sheet;h?o[e].refCount=o[e].refCount+1:(h=new CSSStyleSheet,h.replaceSync(n),o[e]={sheet:h,refCount:1});const c=s.adoptedStyleSheets||[];c.includes(h)||(s.adoptedStyleSheets=[...c,h])}))}(t,e);const o=n.unsubscribe.bind(n);return n.unsubscribe=()=>{if(window[i][e]){const t=window[i][e];t.refCount>1?t.refCount=t.refCount-1:delete window[i][e]}o()},n}const c=class{constructor(e){t(this,e),this.stylingAppends=!1,this.clientStyling="",this.clientStylingUrl="",this.mbSource=void 0,this.translationUrl="",this.targetTranslations=void 0}componentDidLoad(){this.el&&(this.mbSource&&h(this.el,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&s(this.el,this.clientStyling),this.clientStylingUrl&&o(this.el,this.clientStylingUrl),this.stylingAppends=!0)}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}handleMbSourceChange(t,e){t!=e&&h(this.el,`${this.mbSource}.Style`,this.stylingSubscription)}handleClientStylingChange(t,e){t!=e&&s(this.el,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&this.clientStylingUrl&&o(this.el,this.clientStylingUrl)}componentDidRender(){this.stylingAppends||(this.clientStyling&&s(this.el,this.clientStyling),this.clientStylingUrl&&o(this.el,this.clientStylingUrl),this.stylingAppends=!0)}async componentWillLoad(){const t=[];if(this.translationUrl){const i=(e=this.translationUrl,n=this.targetTranslations,new Promise((t=>{fetch(e).then((t=>t.json())).then((e=>{Object.keys(e).forEach((t=>{n[t]=n[t]||{},Object.keys(e[t]).forEach((i=>{if(!n.en[i])return;const s=n.en[i];"object"==typeof e[t][i]?(n[t][i]=n[t][i]||Object.assign({},s),Object.keys(e[t][i]).forEach((s=>{n[t][i][s]=e[t][i][s]}))):n[t][i]=e[t][i]||Object.assign({},s)}))})),t(!0)})).catch((e=>{console.error("Failed to load translations:",e),t(!1)}))})));t.push(i)}var e,n;return await Promise.all(t)}render(){return e("div",{key:"e660ceb69f5e848c788c3924fc814c0fa7a777a2",class:"StyleShell"},e("slot",{key:"35014b6c0c32532af11e6a629ba9b13942504d21",name:"mainContent"}))}get el(){return n(this)}static get watchers(){return{mbSource:["handleMbSourceChange"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"]}}};c.style=":host{display:block}";export{c as general_styling_wrapper}

package/dist/general-styling-wrapper/general-styling-wrapper.esm.js

@@ -1 +1 @@
-import{p as n,b as l}from"./index-7ef90fae.js";export{s as setNonce}from"./index-7ef90fae.js";import{g as e}from"./app-globals-0f993ce5.js";(()=>{const l=import.meta.url,e={};return""!==l&&(e.resourcesUrl=new URL(".",l).href),n(e)})().then((async n=>(await e(),l([["general-styling-wrapper",[[4,"general-styling-wrapper",{clientStyling:[1,"client-styling"],clientStylingUrl:[1,"client-styling-url"],mbSource:[1,"mb-source"],translationUrl:[1,"translation-url"],targetTranslations:[16]},null,{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"]}]]]],n))));
+import{p as n,b as e}from"./index-7ef90fae.js";export{s as setNonce}from"./index-7ef90fae.js";import{g as l}from"./app-globals-0f993ce5.js";(()=>{const e=import.meta.url,l={};return""!==e&&(l.resourcesUrl=new URL(".",e).href),n(l)})().then((async n=>(await l(),e([["general-styling-wrapper",[[4,"general-styling-wrapper",{clientStyling:[1,"client-styling"],clientStylingUrl:[1,"client-styling-url"],mbSource:[1,"mb-source"],translationUrl:[1,"translation-url"],targetTranslations:[16]},null,{mbSource:["handleMbSourceChange"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"]}]]]],n))));

package/dist/types/components/general-styling-wrapper/general-styling-wrapper.d.ts

@@ -23,6 +23,7 @@ export declare class GeneralStylingWrapper {
     private stylingAppends;
     componentDidLoad(): void;
     disconnectedCallback(): void;
+    handleMbSourceChange(newValue: any, oldValue: any): void;
     handleClientStylingChange(newValue: any, oldValue: any): void;
     handleClientStylingUrlChange(newValue: any, oldValue: any): void;
     componentDidRender(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/general-styling-wrapper",
-  "version": "1.94.18",
+  "version": "1.94.20",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",