@web-atoms/web-controls 2.5.64 → 2.6.3

package/dist-esm/basic/ItemPath.js

@@ -0,0 +1,69 @@
+const get = (start, path) => {
+    let item = start;
+    for (const iterator of path.split(".")) {
+        if (iterator === "$") {
+            item = start;
+            continue;
+        }
+        item = item[iterator];
+    }
+    return item;
+};
+function* getFragments(path) {
+    const regex = /([^\=\:]+)\s*[\=\:]\s*((('[^\\']*(((\\')|(''))[^\\']*)*')|("[^\\"]*(((\\")|(""))[^\\"]*)*"))|([^\,\;]+))\s*[\,\;]?\s*/gmi;
+    let m;
+    while ((m = regex.exec(path)) !== null) {
+        if (m.index === regex.lastIndex) {
+            regex.lastIndex++;
+        }
+        yield [m[1].trim(), m[2].trim()];
+    }
+}
+export default class ItemPath {
+    static get(item, path) {
+        if (path.startsWith("$.")) {
+            return get(item, path);
+        }
+        if (/^[\{\"]/.test(path)) {
+            const json = JSON.parse(path);
+            return json;
+        }
+        const target = {};
+        this.build(item, path, target);
+        return target;
+    }
+    static build(item, path, target) {
+        for (let [key, value] of getFragments(path)) {
+            if (value.startsWith("$")) {
+                value = get(item, value);
+                target[key] = value;
+                continue;
+            }
+            if (value.startsWith('"')) {
+                value = JSON.parse(value);
+                target[key] = value;
+                continue;
+            }
+            if (value.startsWith("'")) {
+                value = value.substring(1, value.length - 1);
+                value = value.replace(/((\'\')|(\\\'))/, "'");
+                target[key] = value;
+                continue;
+            }
+            if (value === "true") {
+                target[key] = true;
+                continue;
+            }
+            if (value === "false") {
+                target[key] = false;
+                continue;
+            }
+            if (value === "null") {
+                target[key] = null;
+                continue;
+            }
+            target[key] = Number(value);
+        }
+    }
+}
+//# sourceMappingURL=ItemPath.js.map

package/dist-esm/basic/ItemPath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemPath.js","sourceRoot":"","sources":["../../src/basic/ItemPath.ts"],"names":[],"mappings":"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"}

package/dist-esm/basic/LimitedText.d.ts

@@ -0,0 +1,8 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import "../styles/limited-text.global.css";
+export default function LimitedText({ text, height, ...a }: {
+    [x: string]: any;
+    text?: string;
+    height?: string | number;
+}, ...nodes: XNode[]): any;
+//# sourceMappingURL=LimitedText.d.ts.map

package/dist-esm/basic/LimitedText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LimitedText.d.ts","sourceRoot":"","sources":["../../src/basic/LimitedText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,oCAAoC,CAAC;AAEvD,OAAO,mCAAmC,CAAC;AAiC3C,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAChC,IAAS,EACT,MAAiC,EACjC,GAAI,CAAC,EACR;;;;CAAA,EAAE,GAAI,KAAK,EAAE,KAAK,EAAE,OAoBpB"}

package/dist-esm/basic/LimitedText.js

@@ -0,0 +1,42 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import "../styles/limited-text.global.css";
+const toggleDetails = (e) => {
+    let start = e.target;
+    if (e.defaultPrevented) {
+        return;
+    }
+    start = start.parentElement;
+    const container = start;
+    start = start?.parentElement;
+    if (!start || start.getAttribute("data-limited-text") !== "limited-text") {
+        return;
+    }
+    e.preventDefault();
+    e.stopImmediatePropagation();
+    e.stopPropagation();
+    if (start.getAttribute("data-mode") === "collapsed") {
+        start.setAttribute("data-mode", "open");
+        start.style.maxHeight = "";
+        container.style.top = "";
+    }
+    else {
+        const h = start.getAttribute("data-max-height");
+        start.style.maxHeight = h;
+        container.style.top = h;
+        start.setAttribute("data-mode", "collapsed");
+    }
+};
+let setEventHandler = () => {
+    document.body.addEventListener("click", toggleDetails);
+    setEventHandler = null;
+};
+export default function LimitedText({ text = "", height = 100, ...a }, ...nodes) {
+    setEventHandler?.();
+    const h = typeof height === "number" ? `${height}px` : height;
+    return XNode.create("div", { "data-mode": "collapsed", "data-max-height": h, "style-max-height": h, "data-limited-text": "limited-text", ...a },
+        text && XNode.create("p", { text: text }),
+        ...nodes,
+        XNode.create("div", { "style-top": h, "data-element": "more" },
+            XNode.create("button", { class: "fa-solid fa-angles-up" })));
+}
+//# sourceMappingURL=LimitedText.js.map

package/dist-esm/basic/LimitedText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LimitedText.js","sourceRoot":"","sources":["../../src/basic/LimitedText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,oCAAoC,CAAC;AAEvD,OAAO,mCAAmC,CAAC;AAE3C,MAAM,aAAa,GAAG,CAAC,CAAQ,EAAE,EAAE;IAC/B,IAAI,KAAK,GAAG,CAAC,CAAC,MAAqB,CAAC;IACpC,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;QACrB,OAAO;IACX,CAAC;IACD,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC;IAC5B,MAAM,SAAS,GAAG,KAAK,CAAC;IACxB,KAAK,GAAG,KAAK,EAAE,aAAa,CAAC;IAC7B,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,YAAY,CAAC,mBAAmB,CAAC,KAAK,cAAc,EAAE,CAAC;QACvE,OAAO;IACX,CAAC;IACD,CAAC,CAAC,cAAc,EAAE,CAAC;IACnB,CAAC,CAAC,wBAAwB,EAAE,CAAC;IAC7B,CAAC,CAAC,eAAe,EAAE,CAAC;IACpB,IAAG,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,WAAW,EAAE,CAAC;QACjD,KAAK,CAAC,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;QACxC,KAAK,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;QAC3B,SAAS,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE,CAAC;IAC7B,CAAC;SAAM,CAAC;QACJ,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;QAChD,KAAK,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC;QAC1B,SAAS,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC;QACxB,KAAK,CAAC,YAAY,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;IACjD,CAAC;AACL,CAAC,CAAC;AAEF,IAAI,eAAe,GAAG,GAAG,EAAE;IACvB,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;IACvD,eAAe,GAAG,IAAI,CAAC;AAC3B,CAAC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAChC,IAAI,GAAG,EAAE,EACT,MAAM,GAAG,GAAwB,EACjC,GAAI,CAAC,EACR,EAAE,GAAI,KAAc;IAEjB,eAAe,EAAE,EAAE,CAAC;IAEpB,MAAM,CAAC,GAAG,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAC9D,OAAO,mCACO,WAAW,qBACJ,CAAC,sBACA,CAAC,uBACD,cAAc,KAC3B,CAAC;QACJ,IAAI,IAAI,oBAAG,IAAI,EAAE,IAAI,GAAG;WACpB,KAAK;QACX,mCACe,CAAC,kBACC,MAAM;YACnB,yBACI,KAAK,EAAC,uBAAuB,GAAE,CACjC,CACJ,CAAC;AACX,CAAC"}

package/dist-esm/basic/ListRepeater.d.ts

@@ -0,0 +1,8 @@
+import AtomRepeater from "./AtomRepeater.js";
+import "./styles/list-repeater.global.css";
+export default class ListRepeater<T = any> extends AtomRepeater<T> {
+    get autoSelectOnClick(): boolean;
+    set autoSelectOnClick(value: boolean);
+    protected preCreate(): void;
+}
+//# sourceMappingURL=ListRepeater.d.ts.map

package/dist-esm/basic/ListRepeater.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListRepeater.d.ts","sourceRoot":"","sources":["../../src/basic/ListRepeater.tsx"],"names":[],"mappings":"AACA,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAE7C,OAAO,mCAAmC,CAAC;AAC3C,MAAM,CAAC,OAAO,OAAO,YAAY,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,YAAY,CAAC,CAAC,CAAC;IAE9D,IAAW,iBAAiB,IAAI,OAAO,CAEtC;IACD,IAAW,iBAAiB,CAAC,KAAK,EAAE,OAAO,EAE1C;IAED,SAAS,CAAC,SAAS;CAMtB"}

package/dist-esm/basic/ListRepeater.js

@@ -0,0 +1,16 @@
+import AtomRepeater from "./AtomRepeater.js";
+import "./styles/list-repeater.global.css";
+export default class ListRepeater extends AtomRepeater {
+    get autoSelectOnClick() {
+        return this.selectOnClick;
+    }
+    set autoSelectOnClick(value) {
+        this.selectOnClick = value;
+    }
+    preCreate() {
+        super.preCreate();
+        this.autoSelectOnClick = true;
+        this.element.setAttribute("data-list-repeater", "list-repeater");
+    }
+}
+//# sourceMappingURL=ListRepeater.js.map

package/dist-esm/basic/ListRepeater.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListRepeater.js","sourceRoot":"","sources":["../../src/basic/ListRepeater.tsx"],"names":[],"mappings":"AACA,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAE7C,OAAO,mCAAmC,CAAC;AAC3C,MAAM,CAAC,OAAO,OAAO,YAAsB,SAAQ,YAAe;IAE9D,IAAW,iBAAiB;QACxB,OAAO,IAAI,CAAC,aAAa,CAAC;IAC9B,CAAC;IACD,IAAW,iBAAiB,CAAC,KAAc;QACvC,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;IAC/B,CAAC;IAES,SAAS;QACf,KAAK,CAAC,SAAS,EAAE,CAAC;QAClB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;QAC9B,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,oBAAoB,EAAE,eAAe,CAAC,CAAC;IACrE,CAAC;CAEJ"}

package/dist-esm/basic/MaskedInput.d.ts

@@ -0,0 +1,7 @@
+import IElement from "./IElement.js";
+import "./styles/masked-input.global.css";
+export interface IMaskedInput extends IElement {
+    mask?: string;
+}
+export default function MaskedInput({ mask, ...a }: IMaskedInput): any;
+//# sourceMappingURL=MaskedInput.d.ts.map

package/dist-esm/basic/MaskedInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaskedInput.d.ts","sourceRoot":"","sources":["../../src/basic/MaskedInput.tsx"],"names":[],"mappings":"AACA,OAAO,QAAQ,MAAM,eAAe,CAAC;AAErC,OAAO,kCAAkC,CAAC;AAE1C,MAAM,WAAW,YAAa,SAAQ,QAAQ;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAgCD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,IAAI,EAAE,GAAI,CAAC,EAAC,EAAE,YAAY,OAQ/D"}

package/dist-esm/basic/MaskedInput.js

@@ -0,0 +1,33 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import "./styles/masked-input.global.css";
+const updateMask = (e) => {
+    const target = e.target;
+    const mask = target.dataset.mask;
+    if (!mask) {
+        return;
+    }
+    let result = "";
+    const value = target.value;
+    for (let index = 0, elementIndex = 0; elementIndex < value.length; elementIndex++, index++) {
+        const element = value[elementIndex];
+        const maskElement = mask[index];
+        switch (maskElement) {
+            case "#":
+                result += /[0-9]/.test(element) ? element : "";
+                continue;
+            case ".":
+                if (element !== ".") {
+                    result += ".";
+                }
+                result += element;
+                break;
+        }
+    }
+    if (target.value !== result) {
+        target.value = result;
+    }
+};
+export default function MaskedInput({ mask, ...a }) {
+    return XNode.create("input", { "data-mask": mask, "event-change": updateMask, "event-keypress": updateMask, "event-keyup": updateMask, ...a });
+}
+//# sourceMappingURL=MaskedInput.js.map

package/dist-esm/basic/MaskedInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaskedInput.js","sourceRoot":"","sources":["../../src/basic/MaskedInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,oCAAoC,CAAC;AAGvD,OAAO,kCAAkC,CAAC;AAM1C,MAAM,UAAU,GAAG,CAAC,CAAQ,EAAE,EAAE;IAC5B,MAAM,MAAM,GAAG,CAAC,CAAC,MAA0B,CAAC;IAC5C,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;IACjC,IAAI,CAAC,IAAI,EAAE,CAAC;QACR,OAAO;IACX,CAAC;IAED,IAAI,MAAM,GAAG,EAAE,CAAC;IAChB,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;IAE3B,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,YAAY,GAAG,CAAC,EAAE,YAAY,GAAG,KAAK,CAAC,MAAM,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC;QACzF,MAAM,OAAO,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;QACpC,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;QAChC,QAAQ,WAAW,EAAE,CAAC;YAClB,KAAK,GAAG;gBACJ,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;gBAC/C,SAAS;YACb,KAAK,GAAG;gBACJ,IAAI,OAAO,KAAK,GAAG,EAAE,CAAC;oBAClB,MAAM,IAAI,GAAG,CAAC;gBAClB,CAAC;gBACD,MAAM,IAAI,OAAO,CAAC;gBAClB,MAAM;QACd,CAAC;IACL,CAAC;IACD,IAAI,MAAM,CAAC,KAAK,KAAK,MAAM,EAAE,CAAC;QAC1B,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC;IAC1B,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,IAAI,EAAE,GAAI,CAAC,EAAe;IAC5D,OAAO,qCACQ,IAAI,kBACD,UAAU,oBACR,UAAU,iBACb,UAAU,KACjB,CAAC,GACL,CAAC;AACX,CAAC"}

package/dist-esm/basic/MaskedInputDiv.d.ts

@@ -0,0 +1,6 @@
+import IElement from "./IElement.js";
+export interface IMaskedInput extends IElement {
+    mask?: string;
+}
+export default function MaskedInput({ mask, ...a }: IMaskedInput): any;
+//# sourceMappingURL=MaskedInputDiv.d.ts.map

package/dist-esm/basic/MaskedInputDiv.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaskedInputDiv.d.ts","sourceRoot":"","sources":["../../src/basic/MaskedInputDiv.tsx"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,eAAe,CAAC;AAErC,MAAM,WAAW,YAAa,SAAQ,QAAQ;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AA4DD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,IAAI,EAAE,GAAI,CAAC,EAAC,EAAE,YAAY,OAU/D"}

package/dist-esm/basic/MaskedInputDiv.js

@@ -0,0 +1,59 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+const updateMask = (e) => {
+    const target = e.target;
+    const mask = target.dataset.mask;
+    if (!mask) {
+        return;
+    }
+    let result = "";
+    const value = target.value;
+    for (let index = 0, elementIndex = 0; elementIndex < value.length; elementIndex++, index++) {
+        const element = value[elementIndex];
+        const maskElement = mask[index];
+        switch (maskElement) {
+            case "#":
+                result += /[0-9]/.test(element) ? element : "0";
+                continue;
+            case ".":
+                if (element !== ".") {
+                    result += ".";
+                }
+                result += element;
+                break;
+            default:
+                result += element;
+                break;
+        }
+    }
+    target.parentElement.dataset.label = result;
+};
+document.body.addEventListener("change", updateMask);
+document.body.addEventListener("keypress", updateMask);
+document.body.addEventListener("keyup", updateMask);
+const maskProperty = AtomControl.registerProperty("data-mask", "format", (ctrl, e, value) => {
+    if (!value) {
+        e.dataset.label = "";
+        return;
+    }
+    let result = "";
+    for (const iterator of value) {
+        switch (iterator) {
+            case "#":
+                result += " ";
+                continue;
+            case "0":
+                result += "0";
+                continue;
+            default:
+                result += iterator;
+                continue;
+        }
+    }
+    e.dataset.label = result;
+});
+export default function MaskedInput({ mask, ...a }) {
+    return XNode.create("div", { "data-mask": mask, ...maskProperty(mask) },
+        XNode.create("input", { "data-mask": mask, ...a }));
+}
+//# sourceMappingURL=MaskedInputDiv.js.map

package/dist-esm/basic/MaskedInputDiv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaskedInputDiv.js","sourceRoot":"","sources":["../../src/basic/MaskedInputDiv.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,oCAAoC,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAC;AAO/E,MAAM,UAAU,GAAG,CAAC,CAAQ,EAAE,EAAE;IAC5B,MAAM,MAAM,GAAG,CAAC,CAAC,MAA0B,CAAC;IAC5C,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;IACjC,IAAI,CAAC,IAAI,EAAE,CAAC;QACR,OAAO;IACX,CAAC;IAED,IAAI,MAAM,GAAG,EAAE,CAAC;IAChB,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;IAE3B,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,YAAY,GAAG,CAAC,EAAE,YAAY,GAAG,KAAK,CAAC,MAAM,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC;QACzF,MAAM,OAAO,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;QACpC,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;QAChC,QAAQ,WAAW,EAAE,CAAC;YAClB,KAAK,GAAG;gBACJ,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;gBAChD,SAAS;YACb,KAAK,GAAG;gBACJ,IAAI,OAAO,KAAK,GAAG,EAAE,CAAC;oBAClB,MAAM,IAAI,GAAG,CAAC;gBAClB,CAAC;gBACD,MAAM,IAAI,OAAO,CAAC;gBAClB,MAAM;YACV;gBACI,MAAM,IAAI,OAAO,CAAC;gBAClB,MAAM;QACd,CAAC;IACL,CAAC;IACD,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,GAAG,MAAM,CAAC;AAChD,CAAC,CAAC;AAEF,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AACrD,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;AACvD,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;AAEpD,MAAM,YAAY,GAAG,WAAW,CAAC,gBAAgB,CAC7C,WAAW,EAAE,QAAQ,EAAE,CAAC,IAAiB,EAAE,CAAc,EAAE,KAAU,EAAE,EAAE;IACzE,IAAI,CAAC,KAAK,EAAE,CAAC;QACT,CAAC,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;QACrB,OAAO;IACX,CAAC;IACD,IAAI,MAAM,GAAG,EAAE,CAAC;IAChB,KAAK,MAAM,QAAQ,IAAI,KAAK,EAAE,CAAC;QAC3B,QAAQ,QAAQ,EAAE,CAAC;YACf,KAAK,GAAG;gBACJ,MAAM,IAAI,GAAG,CAAC;gBACd,SAAS;YACb,KAAK,GAAG;gBACJ,MAAM,IAAI,GAAG,CAAC;gBACd,SAAS;YACb;gBACI,MAAM,IAAI,QAAQ,CAAC;gBACnB,SAAS;QACjB,CAAC;IACL,CAAC;IACD,CAAC,CAAC,OAAO,CAAC,KAAK,GAAG,MAAM,CAAC;AAC7B,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,IAAI,EAAE,GAAI,CAAC,EAAe;IAC5D,OAAO,mCACY,IAAI,KACT,YAAY,CAAC,IAAI,CAAC;QAExB,qCACW,IAAI,KACT,CAAC,GACL,CACA,CAAC;AACf,CAAC"}

package/dist-esm/basic/MergeNode.d.ts

@@ -0,0 +1,29 @@
+export type IReplaceClass = string | {
+    replace?: string;
+    parent?: string;
+    after?: string;
+    remove?: boolean;
+};
+export default class MergeNode {
+    classes: IReplaceClass[];
+    static none(): MergeNode;
+    static remove(): MergeNode;
+    static childSelector(name: string, p?: {
+        after?: string;
+        parent?: string;
+    }): MergeNode;
+    static nestedSelector(name: string, p?: {
+        after?: string;
+        parent?: string;
+    }): MergeNode;
+    private constructor();
+    childSelector(name: string, p?: {
+        after?: string;
+        parent?: string;
+    }): MergeNode;
+    nestedSelector(name: string, p?: {
+        after?: string;
+        parent?: string;
+    }): MergeNode;
+}
+//# sourceMappingURL=MergeNode.d.ts.map

package/dist-esm/basic/MergeNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MergeNode.d.ts","sourceRoot":"","sources":["../../src/basic/MergeNode.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,SAAS;IA0BC,OAAO,EAAE,aAAa,EAAE;WAxBrC,IAAI;WAIJ,MAAM;WAIN,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE;WAQnE,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE;IAQlF,OAAO;IAGA,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE;IAQnE,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE;CAQ9E"}

package/dist-esm/basic/MergeNode.js

@@ -0,0 +1,41 @@
+const empty = [];
+export default class MergeNode {
+    static none() {
+        return new MergeNode(empty);
+    }
+    static remove() {
+        return new MergeNode([{ remove: true }]);
+    }
+    static childSelector(name, p) {
+        if (p !== void 0) {
+            const { parent, after } = p;
+            return new MergeNode([{ replace: "* > " + name, parent, after }]);
+        }
+        return new MergeNode(["* > " + name]);
+    }
+    static nestedSelector(name, p) {
+        if (p !== void 0) {
+            const { parent, after } = p;
+            return new MergeNode([{ replace: "* " + name, parent, after }]);
+        }
+        return new MergeNode(["* " + name]);
+    }
+    constructor(classes = empty) {
+        this.classes = classes;
+    }
+    childSelector(name, p) {
+        if (p !== void 0) {
+            const { parent, after } = p;
+            return new MergeNode([...this.classes, { replace: "* > " + name, parent, after }]);
+        }
+        return new MergeNode([...this.classes, "* > " + name]);
+    }
+    nestedSelector(name, p) {
+        if (p !== void 0) {
+            const { parent, after } = p;
+            return new MergeNode([...this.classes, { replace: "* " + name, parent, after }]);
+        }
+        return new MergeNode([...this.classes, "* " + name]);
+    }
+}
+//# sourceMappingURL=MergeNode.js.map

package/dist-esm/basic/MergeNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MergeNode.js","sourceRoot":"","sources":["../../src/basic/MergeNode.tsx"],"names":[],"mappings":"AAAA,MAAM,KAAK,GAAG,EAAE,CAAC;AASjB,MAAM,CAAC,OAAO,OAAO,SAAS;IAEnB,MAAM,CAAC,IAAI;QACd,OAAO,IAAI,SAAS,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC;IAEM,MAAM,CAAC,MAAM;QAChB,OAAO,IAAI,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAC,CAAC,CAAC,CAAC;IAC5C,CAAC;IAEM,MAAM,CAAC,aAAa,CAAC,IAAY,EAAE,CAAuC;QAC7E,IAAI,CAAC,KAAK,KAAK,CAAC,EAAE,CAAC;YACf,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;YAC5B,OAAO,IAAI,SAAS,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;QACtE,CAAC;QACD,OAAO,IAAI,SAAS,CAAC,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;IAC1C,CAAC;IAEM,MAAM,CAAC,cAAc,CAAC,IAAY,EAAE,CAAuC;QAC9E,IAAI,CAAC,KAAK,KAAK,CAAC,EAAE,CAAC;YACf,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;YAC5B,OAAO,IAAI,SAAS,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,GAAG,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;QACpE,CAAC;QACD,OAAO,IAAI,SAAS,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC;IACxC,CAAC;IAED,YAA2B,UAA2B,KAAK;QAAhC,YAAO,GAAP,OAAO,CAAyB;IAC3D,CAAC;IAEM,aAAa,CAAC,IAAY,EAAE,CAAuC;QACtE,IAAI,CAAC,KAAK,KAAK,CAAC,EAAE,CAAC;YACf,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;YAC5B,OAAO,IAAI,SAAS,CAAC,CAAE,GAAI,IAAI,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;QACzF,CAAC;QACD,OAAO,IAAI,SAAS,CAAC,CAAC,GAAI,IAAI,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5D,CAAC;IAEM,cAAc,CAAC,IAAY,EAAE,CAAuC;QACvE,IAAI,CAAC,KAAK,KAAK,CAAC,EAAE,CAAC;YACf,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;YAC5B,OAAO,IAAI,SAAS,CAAC,CAAE,GAAI,IAAI,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,GAAG,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;QACvF,CAAC;QACD,OAAO,IAAI,SAAS,CAAC,CAAC,GAAI,IAAI,CAAC,OAAO,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC;IAC1D,CAAC;CAEJ"}

package/dist-esm/basic/PasswordBox.d.ts

@@ -0,0 +1,8 @@
+import IElement from "./IElement.js";
+import "./styles/password-box.global.css";
+export interface IPasswordBox extends IElement {
+    value: any;
+    placeholder?: any;
+}
+export default function PasswordBox({ placeholder, value, autofocus, ...a }: IPasswordBox): any;
+//# sourceMappingURL=PasswordBox.d.ts.map

package/dist-esm/basic/PasswordBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordBox.d.ts","sourceRoot":"","sources":["../../src/basic/PasswordBox.tsx"],"names":[],"mappings":"AACA,OAAO,QAAQ,MAAM,eAAe,CAAC;AAErC,OAAO,kCAAkC,CAAC;AAc1C,MAAM,WAAW,YAAa,SAAQ,QAAQ;IAC1C,KAAK,EAAE,GAAG,CAAC;IACX,WAAW,CAAC,EAAE,GAAG,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAChC,WAAW,EACX,KAAK,EACL,SAAS,EACT,GAAI,CAAC,EACR,EAAE,YAAY,OAed"}

package/dist-esm/basic/PasswordBox.js

@@ -0,0 +1,19 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import "./styles/password-box.global.css";
+document.body.addEventListener("togglePassword", (e) => {
+    const current = e.target;
+    const input = current.previousElementSibling;
+    if (input?.tagName !== "INPUT") {
+        return;
+    }
+    const isPassword = input.type === "password";
+    input.type = isPassword ? "text" : "password";
+    current.className = !isPassword ? "fa-solid fa-eye" : "fa-solid fa-eye-slash";
+    current.title = !isPassword ? "Display Password" : "Hide Password";
+});
+export default function PasswordBox({ placeholder, value, autofocus, ...a }) {
+    return XNode.create("div", { "data-password-box": "password-box", ...a },
+        XNode.create("input", { placeholder: placeholder, autofocus: autofocus, type: "password", value: value }),
+        XNode.create("i", { class: "fa-solid fa-eye", title: "Display Password", "data-click-event": "togglePassword", "data-password-hint": "password-hint" }));
+}
+//# sourceMappingURL=PasswordBox.js.map

package/dist-esm/basic/PasswordBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordBox.js","sourceRoot":"","sources":["../../src/basic/PasswordBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,oCAAoC,CAAC;AAGvD,OAAO,kCAAkC,CAAC;AAE1C,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,CAAC,CAAC,EAAE,EAAE;IACnD,MAAM,OAAO,GAAG,CAAC,CAAC,MAAqB,CAAC;IACxC,MAAM,KAAK,GAAG,OAAO,CAAC,sBAA0C,CAAC;IACjE,IAAI,KAAK,EAAE,OAAO,KAAK,OAAO,EAAE,CAAC;QAC7B,OAAO;IACX,CAAC;IACD,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,KAAK,UAAU,CAAC;IAC7C,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC;IAC9C,OAAO,CAAC,SAAS,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,uBAAuB,CAAC;IAC9E,OAAO,CAAC,KAAK,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,eAAe,CAAC;AACvE,CAAC,CAAC,CAAC;AAOH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAChC,WAAW,EACX,KAAK,EACL,SAAS,EACT,GAAI,CAAC,EACM;IACX,OAAO,2CACe,cAAc,KAC1B,CAAC;QACP,wBACI,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,KAAK,GAAI;QACpB,oBACI,KAAK,EAAC,iBAAiB,EACvB,KAAK,EAAC,kBAAkB,sBACP,gBAAgB,wBACd,eAAe,GAAG,CACvC,CAAC;AACX,CAAC"}

package/dist-esm/basic/PinchZoomView.d.ts

@@ -0,0 +1,20 @@
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import "./styles/pinch-zoom-view.global.css";
+export interface IZoom {
+    anchorX: number;
+    anchorY: number;
+    x: number;
+    y: number;
+    scale: number;
+}
+export default class PinchZoomView extends AtomControl {
+    zoom: IZoom;
+    source: string;
+    private loading;
+    private image;
+    private imageContainer;
+    protected preCreate(): void;
+    private getSource;
+    private updateZoom;
+}
+//# sourceMappingURL=PinchZoomView.d.ts.map

package/dist-esm/basic/PinchZoomView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PinchZoomView.d.ts","sourceRoot":"","sources":["../../src/basic/PinchZoomView.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAC;AAE/E,OAAO,qCAAqC,CAAC;AAoB7C,MAAM,WAAW,KAAK;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,WAAW;IAG3C,IAAI,EAAE,KAAK,CAAC;IAGZ,MAAM,EAAE,MAAM,CAAC;IAGtB,OAAO,CAAC,OAAO,CAAU;IAEzB,OAAO,CAAC,KAAK,CAAmB;IAEhC,OAAO,CAAC,cAAc,CAAiB;IAEvC,SAAS,CAAC,SAAS;IAiMnB,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,UAAU;CAwCrB"}