@dso-toolkit/core 102.0.0 → 104.0.0

package/dist/bundle/p-DK7XdyJj.js

@@ -0,0 +1,158 @@
+import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h, F as Fragment, t as transformTag } from './p-Vur2Wu4N.js';
+import { d as defineCustomElement$5 } from './p-B3xfmB17.js';
+import { d as defineCustomElement$4 } from './p-Bs_nbcJ5.js';
+import { d as defineCustomElement$3 } from './p-lNRYydvn.js';
+import { d as defineCustomElement$2 } from './p-syG347lq.js';
+import { d as defineCustomElement$1 } from './p-DHNIYTIB.js';
+
+/**
+ * Form random hash
+ */
+function chr4() {
+    return Math.random().toString(16).slice(-4);
+}
+/**
+ * Create random identifier with a prefix
+ * @param prefix
+ */
+function createIdentifier(prefix) {
+    return `${prefix}-${chr4()}${chr4()}-${chr4()}-${chr4()}-${chr4()}-${chr4()}${chr4()}${chr4()}`;
+}
+
+const selectableCss = () => `.sc-dso-selectable-h{padding-inline-start:var(--_dso-selectable-padding-inline-start, 32px);position:relative;display:var(--dso-selectable-display, block);isolation:isolate}.sc-dso-selectable-h label.sc-dso-selectable{font-weight:400;line-height:24px;margin:0}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:disabled+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:disabled:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:disabled:focus+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:disabled+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:disabled:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:disabled:focus+label.sc-dso-selectable::before{background-color:#fff;box-shadow:0 0 0 2px #e5e5e5}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{block-size:100%;inset-inline-start:0;margin:0;appearance:none;position:absolute;inset-block-start:0;inline-size:100%;z-index:100;zoom:1}@media (prefers-contrast: more){.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{opacity:1}}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:not(:disabled),.sc-dso-selectable-h input[type=radio].sc-dso-selectable:not(:disabled){cursor:pointer}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable{display:inline;font-style:normal;padding-inline-start:0}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{background:#fff;border:0;box-shadow:0 0 0 2px var(--_dso-selectable-color, #275937);content:"";block-size:20px;inset-inline-start:2px;position:absolute;inset-block-start:2px;inline-size:20px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox].active.sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].active.sc-dso-selectable+label.sc-dso-selectable::before{background-color:#ebf3e6;box-shadow:0 0 0 1px #275937;block-size:22px;inset-inline-start:1px;inset-block-start:1px;inline-size:22px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:4px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::after{background:transparent;content:"";inset-inline-start:6px;opacity:0;position:absolute;inset-block-start:6px;zoom:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after,.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{opacity:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after{border:solid;border-color:var(--_dso-selectable-color, #39870c);border-block-start-color:transparent;border-width:0 0 3px 3px;block-size:8px;transform:rotate(-45deg);inline-size:13px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{background-color:var(--_dso-selectable-color, #39870c);block-size:12px;inline-size:12px}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:50%}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::after{background-color:transparent;border-radius:50%;content:"";block-size:12px;inset-inline-start:6px;opacity:0;position:absolute;inset-block-start:6px;inline-size:12px;zoom:1}.sc-dso-selectable-h input[type=radio].sc-dso-selectable:checked+label.sc-dso-selectable::after{background-color:var(--_dso-selectable-color, #39870c);opacity:1}[invalid].sc-dso-selectable-h:not([invalid=false]){--_dso-selectable-color:#ce3f51}.sc-dso-selectable-h>dso-info.sc-dso-selectable{float:none;margin-block:8px 0;margin-inline:0 16px;inline-size:100%}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable{list-style:none;margin-block-start:8px;padding-inline-start:0}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable li.sc-dso-selectable+li.sc-dso-selectable{margin-block-start:8px}.sc-dso-selectable-h:not(:last-child){margin-block-end:8px}*.sc-dso-selectable,*.sc-dso-selectable::after,*.sc-dso-selectable::before{box-sizing:border-box}.dso-selectable-container.sc-dso-selectable{display:inline-block}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable{display:inline-block;min-block-size:24px;position:relative;margin-inline-start:var(--_dso-selectable-input-wrapper-margin-inline-start, -32px);padding-inline-start:var(--_dso-selectable-input-wrapper-padding-inline-start, 32px)}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable input[type=radio].sc-dso-selectable:focus+label.sc-dso-selectable::before,.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable input[type=checkbox].sc-dso-selectable:focus+label.sc-dso-selectable::before{box-shadow:0 0 0 2px var(--_dso-selectable-color, #275937);block-size:20px;inset-inline-start:2px;inset-block-start:2px;inline-size:20px}.sc-dso-selectable-s>[slot=info]{float:none;margin-block:8px 0;margin-inline:0 16px;inline-size:100%}.sc-dso-selectable-s>[slot=options]{list-style:none;margin-block-start:8px;padding-inline-start:0}.sc-dso-selectable-s>[slot=options] li+li{margin-block-start:8px}`;
+
+const Selectable = /*@__PURE__*/ proxyCustomElement(class Selectable extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.dsoChange = createEvent(this, "dsoChange", 7);
+        this.infoActive = false;
+        this.fallbackIdentifier = createIdentifier("DsoSelectable");
+        this.infoIdentifier = createIdentifier("DsoSelectableInfo");
+        this.handleInfoClose = () => {
+            this.infoActive = false;
+            this.infoButton?.setFocus();
+        };
+        this.handleOnChange = (e) => {
+            const inputTarget = e.target instanceof HTMLInputElement ? e.target : undefined;
+            this.dsoChange.emit({
+                originalEvent: e,
+                checked: !!inputTarget?.checked,
+                name: this.name,
+                value: this.value,
+            });
+            forceUpdate(this.host);
+        };
+    }
+    /**
+     * Method to toggle the Info. Is set to `active` when passed.
+     *
+     * If `active` is not passed, Info is toggled to opposite value.
+     * @param active
+     */
+    async toggleInfo(active) {
+        this.infoActive = active ?? !this.infoActive;
+    }
+    componentDidLoad() {
+        this.mutationObserver?.disconnect();
+        this.mutationObserver = new MutationObserver(() => forceUpdate(this.host));
+        this.mutationObserver.observe(this.host, {
+            childList: true,
+        });
+        this.setIndeterminate();
+    }
+    disconnectedCallback() {
+        this.mutationObserver?.disconnect();
+    }
+    setIndeterminate() {
+        if (!(this.input instanceof HTMLInputElement) || this.type !== "checkbox") {
+            return;
+        }
+        this.input.indeterminate = !!this.indeterminate;
+    }
+    render() {
+        const hasInfo = !!this.host.querySelector('[slot="info"]');
+        const describedBy = [hasInfo && this.infoFixed ? this.describedById : undefined, this.errormessage]
+            .filter((value) => value !== undefined)
+            .join(" ") || undefined;
+        return (h(Fragment, { key: '91eca451abf09ddf583b95bac8b6a315e365e944' }, h("div", { key: 'b570a38fa31574a246dd39ff3eb942ee4fe66f84', class: "dso-selectable-container" }, h("div", { key: '8bc9e3d279831c631896b5c3ab9ba08d92749e4c', class: "dso-selectable-input-wrapper" }, h("input", { key: '08814980de77a0f784b594f81b50625afbbca449', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": this.invalid?.toString(), "aria-describedby": describedBy, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: this.handleOnChange, ref: (el) => (this.input = el) }), !this.labelledById ? (h("label", { htmlFor: this.getIdentifier() }, h("slot", null))) : (h("label", null, h("slot", null)))), hasInfo && !this.infoFixed && (h("dso-info-button", { key: '285c72efc334975e0a02dfefe883e9e553a69612', active: this.infoActive, controls: this.infoIdentifier, onDsoToggle: (e) => (this.infoActive = e.detail.active), ref: (el) => (this.infoButton = el) }))), hasInfo && (h("dso-info", { key: 'ec7b2f845ce9a5085cf21036a0edf5fd4e68e684', id: this.infoFixed ? this.describedById : this.infoIdentifier, fixed: this.infoFixed, active: this.infoActive, closeLabel: this.infoCloseLabel, onDsoClose: this.handleInfoClose }, h("div", { key: '2a5c7775e6df892766d8113175cfdd2286ba7fdb' }, h("slot", { key: 'e32bf2ca2daf892cf1f2e4a9cd4600540f03495b', name: "info" })))), h("slot", { key: 'cf3988524f376553c947760fe20c5e35205c0227', name: "options" })));
+    }
+    componentDidRender() {
+        if (this.input && typeof this.checked === "boolean" && this.input.checked !== this.checked) {
+            this.input.checked = this.checked;
+        }
+    }
+    getIdentifier() {
+        return this.identifier ?? this.fallbackIdentifier;
+    }
+    get host() { return this; }
+    static get watchers() { return {
+        "indeterminate": [{
+                "setIndeterminate": 0
+            }]
+    }; }
+    static get style() { return selectableCss(); }
+}, [262, "dso-selectable", {
+        "type": [1],
+        "identifier": [1],
+        "name": [1],
+        "value": [1],
+        "invalid": [4],
+        "describedById": [1, "described-by-id"],
+        "errormessage": [1],
+        "labelledById": [1, "labelled-by-id"],
+        "disabled": [4],
+        "required": [4],
+        "checked": [516],
+        "indeterminate": [4],
+        "infoFixed": [4, "info-fixed"],
+        "infoCloseLabel": [1, "info-close-label"],
+        "infoActive": [32],
+        "toggleInfo": [64]
+    }, undefined, {
+        "indeterminate": [{
+                "setIndeterminate": 0
+            }]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["dso-selectable", "dso-icon", "dso-icon-button", "dso-info", "dso-info-button", "dso-scrollable"];
+    components.forEach(tagName => { switch (tagName) {
+        case "dso-selectable":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), Selectable);
+            }
+            break;
+        case "dso-icon":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$5();
+            }
+            break;
+        case "dso-icon-button":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$4();
+            }
+            break;
+        case "dso-info":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$3();
+            }
+            break;
+        case "dso-info-button":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$2();
+            }
+            break;
+        case "dso-scrollable":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { Selectable as S, defineCustomElement as d };

package/dist/bundle/{p-xDSTG4OU.js → p-DVFsbHoq.js}

@@ -297,6 +297,7 @@ class EventEmitter {
   }
 }
 
+const nonEmptyBundles = new WeakSet();
 class ResourceStore extends EventEmitter {
   constructor(data, options = {
     ns: ['translation'],
@@ -420,7 +421,13 @@ class ResourceStore extends EventEmitter {
   hasLanguageSomeTranslations(lng) {
     const data = this.getDataByLanguage(lng);
     const n = data && Object.keys(data) || [];
-    return !!n.find(v => data[v] && Object.keys(data[v]).length > 0);
+    return !!n.find(v => {
+      const bundle = data[v];
+      if (nonEmptyBundles.has(bundle)) return true;
+      if (!bundle || Object.keys(bundle).length === 0) return false;
+      if (typeof bundle === 'object') nonEmptyBundles.add(bundle);
+      return true;
+    });
   }
   toJSON() {
     return this.data;
@@ -1039,7 +1046,8 @@ class LanguageUtil {
       addCode(this.formatLanguageCode(code));
     }
     fallbackCodes.forEach(fc => {
-      if (!codes.includes(fc)) addCode(this.formatLanguageCode(fc));
+      const formattedFc = this.formatLanguageCode(fc);
+      if (!codes.includes(formattedFc)) addCode(formattedFc);
     });
     if (cacheKey !== null) {
       this.resolveHierarchyCache[cacheKey] = codes;
@@ -1191,7 +1199,7 @@ class Interpolator {
     };
     this.regexp = getOrResetRegExp(this.regexp, `${this.prefix}(.+?)${this.suffix}`);
     this.regexpUnescape = getOrResetRegExp(this.regexpUnescape, `${this.prefix}${this.unescapePrefix}(.+?)${this.unescapeSuffix}${this.suffix}`);
-    this.nestingRegexp = getOrResetRegExp(this.nestingRegexp, `${this.nestingPrefix}((?:[^()"']+|"[^"]*"|'[^']*'|\\((?:[^()]|"[^"]*"|'[^']*')*\\))*?)${this.nestingSuffix}`);
+    this.nestingRegexp = getOrResetRegExp(this.nestingRegexp, `${this.nestingPrefix}((?:[^()"']|"[^"]*"|'[^']*'|\\((?:[^()"']|"[^"]*"|'[^']*')*\\))*?)${this.nestingSuffix}`);
   }
   interpolate(str, data, lng, options) {
     let match;
@@ -1295,7 +1303,10 @@ class Interpolator {
       if (clonedOptions.defaultValue && clonedOptions.defaultValue.includes(this.prefix)) delete clonedOptions.defaultValue;
       return key;
     };
-    while (match = this.nestingRegexp.exec(str)) {
+    const nestingRegexp = new RegExp(this.nestingRegexp);
+    let out = '';
+    let lastEnd = 0;
+    while (match = nestingRegexp.exec(str)) {
       let formatters = [];
       clonedOptions = {
         ...options
@@ -1321,10 +1332,11 @@ class Interpolator {
           interpolationkey: match[1].trim()
         }), value.trim());
       }
-      str = str.replace(match[0], regexSafe(makeString(value)));
+      out += str.slice(lastEnd, match.index) + makeString(value);
+      lastEnd = nestingRegexp.lastIndex;
       this.regexp.lastIndex = 0;
     }
-    return str;
+    return lastEnd ? out + str.slice(lastEnd) : str;
   }
 }
 
@@ -2134,7 +2146,11 @@ class I18n extends EventEmitter {
     }
     if (this.hasResourceBundle(lng, ns)) return true;
     if (!this.services.backendConnector.backend || this.options.resources && !this.options.partialBundledLanguages) return true;
-    if (loadNotPending(lng, ns) && (!fallbackLng || loadNotPending(lastLng, ns))) return true;
+    const {
+      languageUtils
+    } = this.services;
+    const loadLng = !options.lng ? lng : languageUtils.isSupportedCode(lng) && languageUtils.toResolveHierarchy(lng, false)[0];
+    if ((!loadLng || loadNotPending(loadLng, ns)) && (!fallbackLng || loadNotPending(lastLng, ns))) return true;
     return false;
   }
   loadNamespaces(ns, callback) {
@@ -2194,6 +2210,7 @@ class I18n extends EventEmitter {
     if (forkResourceStore) delete options.forkResourceStore;
     const mergedOptions = {
       ...this.options,
+      preload: false,
       ...options,
       ...{
         isClone: true