@everymatrix/general-styling-wrapper 1.32.4 → 1.33.0

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

@@ -0,0 +1,88 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-821c995f.js');
+
+const mergeTranslations = (url, target) => {
+  return new Promise((resolve) => {
+    fetch(url)
+      .then((res) => res.json())
+      .then((data) => {
+      Object.keys(data).forEach((item) => {
+        target[item] = target[item] ? target[item] : {};
+        for (let key in data[item]) {
+          target[item][key] = data[item][key];
+        }
+      });
+      resolve(true);
+    });
+  });
+};
+
+const generalStylingWrapperCss = ":host{display:block}";
+
+const GeneralStylingWrapper = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * Client custom styling via inline styles
+     */
+    this.clientStyling = '';
+    /**
+     * Client custom styling via url
+     */
+    this.clientStylingUrl = '';
+    /**
+     * Translation via url
+     */
+    this.translationUrl = '';
+    this.stylingAppends = false;
+    this.setClientStyling = () => {
+      let sheet = document.createElement('style');
+      sheet.innerHTML = this.clientStyling;
+      this.el.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.el.prepend(cssFile);
+        }, 1);
+      })
+        .catch((err) => {
+        console.log('error ', err);
+      });
+    };
+  }
+  componentDidRender() {
+    // start custom styling area
+    if (!this.stylingAppends) {
+      if (this.clientStyling)
+        this.setClientStyling();
+      if (this.clientStylingUrl)
+        this.setClientStylingURL();
+      this.stylingAppends = true;
+    }
+    // end custom styling area
+  }
+  async componentWillLoad() {
+    const promises = [];
+    if (this.translationUrl) {
+      const translationPromise = mergeTranslations(this.translationUrl, this.targetTranslations);
+      promises.push(translationPromise);
+    }
+    return await Promise.all(promises);
+  }
+  render() {
+    return (index.h("div", { class: "StyleShell" }, index.h("slot", { name: "mainContent" })));
+  }
+  get el() { return index.getElement(this); }
+};
+GeneralStylingWrapper.style = generalStylingWrapperCss;
+
+exports.general_styling_wrapper = GeneralStylingWrapper;

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

@@ -0,0 +1,19 @@
+'use strict';
+
+const index = require('./index-821c995f.js');
+
+/*
+ Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com
+ */
+const patchBrowser = () => {
+    const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('general-styling-wrapper.cjs.js', document.baseURI).href));
+    const opts = {};
+    if (importMeta !== '') {
+        opts.resourcesUrl = new URL('.', importMeta).href;
+    }
+    return index.promiseResolve(opts);
+};
+
+patchBrowser().then(options => {
+  return index.bootstrapLazy([["general-styling-wrapper.cjs",[[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]}]]]], options);
+});