@public-ui/hydrate 1.7.7 → 1.7.8

package/dist/index.js

@@ -9538,16 +9538,21 @@ const initMeta = () => {
         console.warn(`You can only initialize DEV_MODE and COLOR_CONTRAST_ANALYSIS once.`);
     }
 };
-const KoliBri = {};
-Object.defineProperty(window, 'KoliBri', {
-    get: function () {
-        return KoliBri;
-    },
-});
+const getKoliBri = () => {
+    let kolibri = getWindow$1().KoliBri;
+    if (kolibri === undefined) {
+        kolibri = {};
+        Object.defineProperty(getWindow$1(), 'KoliBri', {
+            value: kolibri,
+            writable: false,
+        });
+    }
+    return kolibri;
+};
 const initKoliBri = () => {
-    if (KoliBri.Modal === undefined) {
+    if (getKoliBri().Modal === undefined) {
         const Modal = new ModalService();
-        Object.defineProperty(KoliBri, 'Modal', {
+        Object.defineProperty(getKoliBri(), 'Modal', {
             get: function () {
                 return Modal;
             },
@@ -9559,7 +9564,7 @@ const initKoliBri = () => {
 	|  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.
 	|  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |
 	\`--' \`--´  \`---´  \`--' \`--' \`------´  \`--'    \`--'
-	🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | 1.7.7
+	🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | 1.7.8
 		`, {
             forceLog: true,
         });
@@ -9569,15 +9574,8 @@ const initKoliBri = () => {
     }
 };
 const renderDevAdvice = () => {
-    if (getWindow$1().KoliBri === undefined) {
-        Object.defineProperty(window, 'KoliBri', {
-            get: function () {
-                return KoliBri;
-            },
-        });
-    }
-    if (KoliBri.adviceShown !== true) {
-        Object.defineProperty(KoliBri, 'adviceShown', {
+    if (getKoliBri().adviceShown !== true) {
+        Object.defineProperty(getKoliBri(), 'adviceShown', {
             get: function () {
                 return true;
             },
@@ -9597,15 +9595,15 @@ if (processEnv === 'test') {
 
 const register = async (themes, loaders, options) => {
     var _a, _b;
-    if (KoliBri.I18n === undefined) {
-        Object.defineProperty(KoliBri, 'I18n', {
+    if (getKoliBri().I18n === undefined) {
+        Object.defineProperty(getKoliBri(), 'I18n', {
             value: await I18nextService.createInstance((_b = (_a = options === null || options === void 0 ? void 0 : options.translation) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : 'de', options === null || options === void 0 ? void 0 : options.translations),
             writable: false,
         });
     }
     return await _(themes, loaders, options);
 };
-const getI18nService = () => KoliBri.I18n;
+const getI18nService = () => getKoliBri().I18n;
 
 var appGlobalScript = async () => {
     setMode((elm) => {
@@ -17824,13 +17822,6 @@ class KolInputText {
 
 const defaultStyleCss$k = "/*!@:host*/.sc-kol-kolibri-default-h{--a11y-min-size:44px;background-color:white;color:black;font-family:Verdana}/*!@**/*.sc-kol-kolibri-default{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}/*!@[role='button'],\nbutton:not([role='link']),\nkol-input .input*/[role='button'].sc-kol-kolibri-default,button.sc-kol-kolibri-default:not([role='link']),kol-input.sc-kol-kolibri-default .input.sc-kol-kolibri-default{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}/*!@a,\nbutton,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\ninput,\noption,\nselect,\ntextarea*/a.sc-kol-kolibri-default,button.sc-kol-kolibri-default,h1.sc-kol-kolibri-default,h2.sc-kol-kolibri-default,h3.sc-kol-kolibri-default,h4.sc-kol-kolibri-default,h5.sc-kol-kolibri-default,h6.sc-kol-kolibri-default,input.sc-kol-kolibri-default,option.sc-kol-kolibri-default,select.sc-kol-kolibri-default,textarea.sc-kol-kolibri-default{font-family:inherit;font-size:inherit}/*!@.visually-hidden*/.visually-hidden.sc-kol-kolibri-default{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}/*!@:is(a, button)*/.sc-kol-kolibri-default:is(a,button).sc-kol-kolibri-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@[hidden]*/[hidden].sc-kol-kolibri-default{display:none !important}/*!@:host*/.sc-kol-kolibri-default-h{max-width:100%}/*!@**/*.sc-kol-kolibri-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-kolibri-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-kolibri-default>span.sc-kol-kolibri-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-kolibri-default,button.sc-kol-kolibri-default{cursor:pointer}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-kolibri-default>kol-span-wc.sc-kol-kolibri-default>span.sc-kol-kolibri-default>span.sc-kol-kolibri-default{display:none}/*!@:host*/.sc-kol-kolibri-default-h{display:inline-block}/*!@text*/text.sc-kol-kolibri-default{font-size:90px;letter-spacing:normal;word-spacing:normal}/*!@svg*/svg.sc-kol-kolibri-default{max-height:100%}";
 
-const max$1 = 360;
-function degreeToRadians(degree) {
-    return (degree * Math.PI) / 180;
-}
-function getColorNumber(degree) {
-    return Math.round(((Math.cos(degreeToRadians(degree)) + 1) / 2) * 225);
-}
 class KolKolibri {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -17847,11 +17838,9 @@ class KolKolibri {
                 devHint(`[KolKolibri] You used the complex color schema. For the KoliBri we use need the color as hex string.`);
             }
         };
-        this._animate = false;
         this._color = '#003c78';
         this._labeled = undefined;
         this.state = {
-            _animate: false,
             _color: {
                 red: 0,
                 green: 60,
@@ -17861,14 +17850,9 @@ class KolKolibri {
         };
     }
     render() {
-        const fillColor = this.state._animate === true
-            ? `rgb(${getColorNumber(this.state._color.red)},${getColorNumber(this.state._color.green)},${getColorNumber(this.state._color.blue)})`
-            : `rgb(${this.state._color.red},${this.state._color.green},${this.state._color.blue})`;
+        const fillColor = `rgb(${this.state._color.red},${this.state._color.green},${this.state._color.blue})`;
         return (hAsync(Host, null, hAsync("svg", { role: "img", "aria-label": translate('kol-kolibri-logo'), xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 600 600", fill: fillColor }, hAsync("path", { d: "M353 322L213 304V434L353 322Z" }), hAsync("path", { d: "M209 564V304L149 434L209 564Z" }), hAsync("path", { d: "M357 316L417 250L361 210L275 244L357 316Z" }), hAsync("path", { d: "M329 218L237 92L250 222L272 241L329 218Z" }), hAsync("path", { d: "M353 318L35 36L213 300L353 318Z" }), hAsync("path", { d: "M391 286L565 272L421 252L391 286Z" }), this.state._labeled === true && (hAsync("text", { x: "250", y: "525", fill: fillColor }, "KoliBri")))));
     }
-    validateAnimate(value) {
-        watchBoolean(this, '_animate', value);
-    }
     validateColor(value) {
         validateColor(this, value, {
             defaultValue: '#003c78',
@@ -17881,27 +17865,10 @@ class KolKolibri {
         watchBoolean(this, '_labeled', value);
     }
     componentWillLoad() {
-        this.validateAnimate(this._animate);
         this.validateColor(this._color);
         this.validateLabeled(this._labeled);
     }
-    componentDidRender() {
-        clearInterval(this.interval);
-        if (this.state._animate) {
-            this.interval = setInterval(() => {
-                this.state = Object.assign(Object.assign({}, this.state), { _color: {
-                        red: (this.state._color.red + 1) % max$1,
-                        green: (this.state._color.green + 2) % max$1,
-                        blue: (this.state._color.blue + 3) % max$1,
-                    } });
-            }, 50);
-        }
-    }
-    disconnectedCallback() {
-        clearInterval(this.interval);
-    }
     static get watchers() { return {
-        "_animate": ["validateAnimate"],
         "_color": ["validateColor"],
         "_labeled": ["validateLabeled"]
     }; }
@@ -17912,7 +17879,6 @@ class KolKolibri {
         "$flags$": 41,
         "$tagName$": "kol-kolibri",
         "$members$": {
-            "_animate": [4],
             "_color": [1],
             "_labeled": [4],
             "state": [32]
@@ -18756,16 +18722,16 @@ class KolModal {
     componentDidRender() {
         if (this.hostElement) {
             if (this.state._activeElement) {
-                KoliBri.Modal.openModal(this.hostElement, this.state._activeElement);
+                getKoliBri().Modal.openModal(this.hostElement, this.state._activeElement);
             }
             else {
-                KoliBri.Modal.closeModal(this.hostElement);
+                getKoliBri().Modal.closeModal(this.hostElement);
             }
         }
     }
     disconnectedCallback() {
         if (this.hostElement) {
-            KoliBri.Modal.closeModal(this.hostElement);
+            getKoliBri().Modal.closeModal(this.hostElement);
         }
     }
     render() {
@@ -35738,7 +35704,7 @@ registerComponents([
 
 function prototypeKoliBri(name, cb) {
     try {
-        Object.defineProperty(KoliBri, name, {
+        Object.defineProperty(getKoliBri(), name, {
             get: function () {
                 return cb;
             },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/hydrate",
-  "version": "1.7.7",
+  "version": "1.7.8",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "repository": "https://github.com/public-ui/kolibri",
@@ -42,11 +42,11 @@
     "hydrate"
   ],
   "devDependencies": {
-    "@public-ui/components": "1.7.7",
+    "@public-ui/components": "1.7.8",
     "rimraf": "3.0.2"
   },
   "peerDependencies": {
-    "@public-ui/components": "1.7.7"
+    "@public-ui/components": "1.7.8"
   },
   "sideEffects": false,
   "type": "commonjs",