@web-atoms/web-controls 2.5.39 → 2.5.40

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

@@ -0,0 +1,4 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import "./styles/swipe.global.css";
+export declare function SwipeLeft(a: any, ...nodes: XNode[]): any;
+//# sourceMappingURL=Swipe.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Swipe.d.ts","sourceRoot":"","sources":["../../src/basic/Swipe.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,oCAAoC,CAAC;AACvD,OAAO,2BAA2B,CAAC;AA0GnC,wBAAgB,SAAS,CAAC,CAAC,KAAA,EAAE,GAAI,KAAK,EAAE,KAAK,EAAE,OAM9C"}

package/dist-esm/basic/Swipe.js

@@ -0,0 +1,97 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import "./styles/swipe.global.css";
+let swipeStart = null;
+document.body.addEventListener("touchstart", (e) => {
+    let element = e.target;
+    if (e.touches.length > 1) {
+        return;
+    }
+    while (element) {
+        if (element.dataset.swipe) {
+            break;
+        }
+        element = element.parentElement;
+    }
+    if (!element) {
+        return;
+    }
+    const { left } = element.getBoundingClientRect();
+    swipeStart = {
+        element,
+        x: e.touches[0].screenX - left
+    };
+});
+document.body.addEventListener("touchmove", (e) => {
+    let element = e.target;
+    if (!swipeStart || e.touches.length > 1) {
+        return;
+    }
+    let swipe;
+    while (element) {
+        swipe = element.dataset.swipe;
+        if (swipe) {
+            break;
+        }
+        element = element.parentElement;
+    }
+    if (!element) {
+        return;
+    }
+    const { left } = element.getBoundingClientRect();
+    const cx = e.touches[0].screenX - left;
+    const { x } = swipeStart;
+    let diff = cx - x;
+    if (diff > 0) {
+        if (swipe !== "right") {
+            return;
+        }
+    }
+    else {
+        if (swipe !== "left") {
+            return;
+        }
+        let content = element.firstElementChild;
+        let maxMargin = 0;
+        let child = content?.nextElementSibling;
+        let count = 0;
+        while (child) {
+            maxMargin += child.offsetWidth;
+            count++;
+            child = child.nextElementSibling;
+        }
+        let margin = -diff;
+        if (maxMargin && margin > maxMargin) {
+            margin = maxMargin;
+        }
+        if (margin <= 5) {
+            delete content.style.marginRight;
+            delete content.style.transform;
+            child = content?.nextElementSibling;
+            while (child) {
+                delete child.style.marginRight;
+                child = child.nextElementSibling;
+            }
+            return;
+        }
+        content.style.marginRight = `${margin}px`;
+        content.style.transform = `translateX(-${margin}px)`;
+        let avgMargin = Math.ceil(margin / count);
+        child = content?.nextElementSibling;
+        while (child) {
+            count--;
+            if (count === 0) {
+                break;
+            }
+            let m = (avgMargin * count) + 5;
+            child.style.marginRight = `${m}px`;
+            child = child.nextElementSibling;
+        }
+    }
+});
+document.body.addEventListener("touchend", (e) => {
+    swipeStart = null;
+});
+export function SwipeLeft(a, ...nodes) {
+    return XNode.create("div", { "data-swipe": "left", ...a }, ...nodes);
+}
+//# sourceMappingURL=Swipe.js.map

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

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

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

@@ -0,0 +1,9 @@
+import IElement from "./IElement.js";
+import "./styles/switch.global.css";
+export interface ISwitch extends IElement {
+    checked: any;
+    onLabel?: string;
+    offLabel?: string;
+}
+export default function Switch({ checked, onLabel, offLabel, ...a }: ISwitch): any;
+//# sourceMappingURL=Switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/basic/Switch.tsx"],"names":[],"mappings":"AACA,OAAO,QAAQ,MAAM,eAAe,CAAC;AAErC,OAAO,4BAA4B,CAAC;AAOpC,MAAM,WAAW,OAAQ,SAAQ,QAAQ;IACxC,OAAO,MAAC;IACR,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC9B,OAAO,EACP,OAAO,EACP,QAAQ,EACR,GAAI,CAAC,EACL,EAAE,OAAO,OAOT"}

package/dist-esm/basic/Switch.js

@@ -0,0 +1,9 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import "./styles/switch.global.css";
+export default function Switch({ checked, onLabel, offLabel, ...a }) {
+    return XNode.create("label", { "data-ui-switch": "ui-switch", ...a },
+        XNode.create("input", { class: "switch-input", type: "checkbox", checked: checked }),
+        XNode.create("span", { class: "switch-label", "data-on": onLabel ?? "On", "data-off": offLabel ?? "Off" }),
+        XNode.create("span", { class: "switch-handle" }));
+}
+//# sourceMappingURL=Switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../src/basic/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,oCAAoC,CAAC;AAGvD,OAAO,4BAA4B,CAAC;AAapC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC9B,OAAO,EACP,OAAO,EACP,QAAQ,EACR,GAAI,CAAC,EACI;IAEN,OAAO,0CAAsB,WAAW,KAAO,CAAC;QAC/C,wBAAO,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,GAAI;QAChE,uBAAM,KAAK,EAAC,cAAc,aAAU,OAAO,IAAI,IAAI,cAAY,QAAQ,IAAI,KAAK,GAAS;QACzF,uBAAM,KAAK,EAAC,eAAe,GAAQ,CAC5B,CAAC;AACb,CAAC"}

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

@@ -0,0 +1,8 @@
+import AtomRepeater from "./AtomRepeater.js";
+export default class TableRepeater extends AtomRepeater {
+    constructor(app: any, e?: HTMLTableElement);
+    onPropertyChanged(name: keyof TableRepeater): void;
+    protected preCreate(): void;
+    protected preRender(): void;
+}
+//# sourceMappingURL=TableRepeater.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableRepeater.d.ts","sourceRoot":"","sources":["../../src/basic/TableRepeater.tsx"],"names":[],"mappings":"AACA,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAE7C,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,YAAY;gBAEvC,GAAG,KAAA,EAAE,CAAC,mBAAkC;IAI7C,iBAAiB,CAAC,IAAI,EAAE,MAAM,aAAa,GAAG,IAAI;IAczD,SAAS,CAAC,SAAS,IAAI,IAAI;IAO3B,SAAS,CAAC,SAAS;CAWtB"}

package/dist-esm/basic/TableRepeater.js

@@ -0,0 +1,37 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import AtomRepeater from "./AtomRepeater.js";
+export default class TableRepeater extends AtomRepeater {
+    constructor(app, e = document.createElement("table")) {
+        super(app, e);
+    }
+    onPropertyChanged(name) {
+        super.onPropertyChanged(name);
+        switch (name) {
+            case "header":
+            case "headerRenderer":
+                this.updateHeaderFooter("header", this.headerPresenter, this.header, this.headerRenderer);
+                break;
+            case "footer":
+            case "footerRenderer":
+                this.updateHeaderFooter("footer", this.footerPresenter, this.footer, this.footerRenderer);
+                break;
+        }
+    }
+    preCreate() {
+        super.preCreate();
+        this.preRender();
+        this.onPropertyChanged("header");
+        this.onPropertyChanged("footer");
+    }
+    preRender() {
+        this.element.dataset.tableRepeater = "table-repeater";
+        this.render(XNode.create("table", null,
+            XNode.create("thead", null),
+            XNode.create("tbody", null),
+            XNode.create("tfoot", null)));
+        this.itemsPresenter = this.element.querySelector("tbody");
+        this.headerPresenter = this.element.firstElementChild;
+        this.footerPresenter = this.element.lastElementChild;
+    }
+}
+//# sourceMappingURL=TableRepeater.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableRepeater.js","sourceRoot":"","sources":["../../src/basic/TableRepeater.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,oCAAoC,CAAC;AACvD,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAE7C,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,YAAY;IAEnD,YAAY,GAAG,EAAE,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;QAChD,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;IAClB,CAAC;IAEM,iBAAiB,CAAC,IAAyB;QAC9C,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAC9B,QAAQ,IAAI,EAAE,CAAC;YACX,KAAK,QAAQ,CAAC;YACd,KAAK,gBAAgB;gBACjB,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;gBAC1F,MAAM;YACV,KAAK,QAAQ,CAAC;YACd,KAAK,gBAAgB;gBACjB,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;gBAC1F,MAAM;QACd,CAAC;IACL,CAAC;IAES,SAAS;QACf,KAAK,CAAC,SAAS,EAAE,CAAC;QAClB,IAAI,CAAC,SAAS,EAAE,CAAC;QACjB,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;QACjC,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IACrC,CAAC;IAES,SAAS;QACf,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,aAAa,GAAG,gBAAgB,CAAC;QACtD,IAAI,CAAC,MAAM,CAAC;YACR,2BAAe;YACf,2BAAe;YACf,2BAAe,CACX,CAAC,CAAC;QACV,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC1D,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,iBAAgC,CAAC;QACrE,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,gBAA+B,CAAC;IACxE,CAAC;CACJ"}

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

@@ -0,0 +1,12 @@
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import TimeSpan from "@web-atoms/date-time/dist/TimeSpan.js";
+import "./styles/time-editor.global.css";
+export default class TimeEditor extends AtomControl {
+    get time(): TimeSpan;
+    set time(v: TimeSpan);
+    hour: number;
+    minute: number;
+    isPM: boolean;
+    protected create(): void;
+}
+//# sourceMappingURL=TimeEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimeEditor.d.ts","sourceRoot":"","sources":["../../src/basic/TimeEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAC;AAC/E,OAAO,QAAQ,MAAM,uCAAuC,CAAC;AAI7D,OAAO,iCAAiC,CAAC;AA8BzC,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,WAAW;IAI/C,IAAW,IAAI,IAAI,QAAQ,CAM1B;IAED,IAAW,IAAI,CAAC,CAAC,EAAE,QAAQ,EAY1B;IAEM,IAAI,EAAE,MAAM,CAAC;IAEb,MAAM,EAAE,MAAM,CAAC;IAEf,IAAI,EAAE,OAAO,CAAC;IAErB,SAAS,CAAC,MAAM,IAAI,IAAI;CA2B3B"}

package/dist-esm/basic/TimeEditor.js

@@ -0,0 +1,69 @@
+import { AtomBinder } from "@web-atoms/core/dist/core/AtomBinder.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import TimeSpan from "@web-atoms/date-time/dist/TimeSpan.js";
+import Select from "./Select.js";
+import Bind from "@web-atoms/core/dist/core/Bind.js";
+import "./styles/time-editor.global.css";
+function hours() {
+    return [
+        { label: "01", value: 1 },
+        { label: "02", value: 2 },
+        { label: "03", value: 3 },
+        { label: "04", value: 4 },
+        { label: "05", value: 5 },
+        { label: "06", value: 6 },
+        { label: "07", value: 7 },
+        { label: "08", value: 8 },
+        { label: "09", value: 9 },
+        { label: "10", value: 10 },
+        { label: "11", value: 11 },
+        { label: "12", value: 12 },
+    ];
+}
+function minutes() {
+    const items = [];
+    for (let index = 0; index < 10; index++) {
+        items.push({ label: "0" + index, value: index });
+    }
+    for (let index = 10; index < 60; index++) {
+        items.push({ label: index.toString(), value: index });
+    }
+    return items;
+}
+export default class TimeEditor extends AtomControl {
+    get time() {
+        let t = new TimeSpan(0, this.hour, this.minute);
+        if (this.isPM) {
+            t = t.add(TimeSpan.fromHours(12));
+        }
+        return t;
+    }
+    set time(v) {
+        if (!v) {
+            v = TimeSpan.fromSeconds(0);
+        }
+        let h = v.hours;
+        if (h > 12) {
+            h -= 12;
+            this.isPM = true;
+        }
+        this.hour = h;
+        this.minute = v.minutes;
+        AtomBinder.refreshValue(this, "time");
+    }
+    hour;
+    minute;
+    isPM;
+    create() {
+        this.isPM = false;
+        this.hour = 12;
+        this.minute = 0;
+        this.render(XNode.create("div", { "data-time-editor": "time-editor", "event-change": () => setTimeout(() => AtomBinder.refreshValue(this, "time"), 1) },
+            XNode.create(Select, { "data-element": "hour", items: hours(), value: Bind.twoWays(() => this.hour) }),
+            XNode.create(Select, { "data-element": "minute", items: minutes(), value: Bind.twoWays(() => this.minute) }),
+            XNode.create("button", { "event-click": () => (this.isPM = false, AtomBinder.refreshValue(this, "time")), "data-selected": Bind.oneWay(() => !this.isPM), "data-element": "am", text: "AM" }),
+            XNode.create("button", { "event-click": () => (this.isPM = true, AtomBinder.refreshValue(this, "time")), "data-selected": Bind.oneWay(() => this.isPM), "data-element": "pm", text: "PM" })));
+    }
+}
+//# sourceMappingURL=TimeEditor.js.map

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

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

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

@@ -0,0 +1,12 @@
+import IElement from "./IElement.js";
+import "./styles/title-editor.global.css";
+export type Capitalize = "none" | "off" | "on" | "sentences" | "words" | "characters";
+export interface ITitleEditor extends IElement {
+    value?: any;
+    type?: any;
+    placeholder?: any;
+    capitalize?: Capitalize;
+    capitalizationTitle?: string;
+}
+export default function TitleEditor({ value, type, placeholder, capitalize, capitalizationTitle, ...a }: ITitleEditor): any;
+//# sourceMappingURL=TitleEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TitleEditor.d.ts","sourceRoot":"","sources":["../../src/basic/TitleEditor.tsx"],"names":[],"mappings":"AACA,OAAO,QAAQ,MAAM,eAAe,CAAC;AAErC,OAAO,kCAAkC,CAAC;AAE1C,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,WAAW,GAAG,OAAO,GAAG,YAAY,CAAC;AAEtF,MAAM,WAAW,YAAa,SAAQ,QAAQ;IAC1C,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,WAAW,CAAC,EAAE,GAAG,CAAC;IAOlB,UAAU,CAAC,EAAE,UAAU,CAAC;IAKxB,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAChC;AAmGD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAChC,KAAK,EACL,IAAI,EACJ,WAAW,EACX,UAAiB,EACjB,mBAAsC,EACtC,GAAI,CAAC,EACR,EAAE,YAAY,OAsBd"}

package/dist-esm/basic/TitleEditor.js

@@ -0,0 +1,101 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import "./styles/title-editor.global.css";
+const paste = (e) => {
+    const input = e.target;
+    const capitalize = input.autocapitalize;
+    if (!capitalize || capitalize === "off" || capitalize === "none") {
+        return;
+    }
+    setTimeout(() => {
+        const start = input.selectionStart;
+        const end = input.selectionEnd;
+        formatText(input, capitalize);
+        input.setSelectionRange(start, end);
+    }, 1);
+};
+const formatText = (input, capitalize, all = true) => {
+    let value = input.value;
+    if (!value) {
+        return;
+    }
+    switch (capitalize) {
+        case "on":
+        case "sentences":
+            if (value.length === 1) {
+                value = value.toLocaleUpperCase();
+            }
+            break;
+        case "words":
+            if (all) {
+                value = value.replace(/(\S+)/g, (s) => s.substring(0, 1).toLocaleUpperCase() + s.substring(1));
+            }
+            else {
+                value = value.replace(/(\S+)$/g, (s) => s.substring(0, 1).toLocaleUpperCase() + s.substring(1));
+            }
+            break;
+        case "characters":
+            value = value.toLocaleUpperCase();
+            break;
+    }
+    input.value = value;
+};
+const capitalizeText = /android|iPhone|iOS/i.test(navigator.userAgent)
+    ? () => undefined
+    : (e) => {
+        const input = e.target;
+        const capitalize = input.autocapitalize;
+        if (!capitalize || capitalize === "off" || capitalize === "none") {
+            return;
+        }
+        const start = input.selectionStart;
+        const end = input.selectionEnd;
+        formatText(input, capitalize, false);
+        input.setSelectionRange(start, end);
+    };
+const toText = (capitalize) => {
+    switch (capitalize) {
+        case "off":
+        case "none":
+            return "Caps Off";
+        case "characters":
+            return "All Caps";
+        case "on":
+        case "sentences":
+            return "Sentence";
+        case "words":
+            return "Title Case";
+    }
+    return "";
+};
+const changeCase = (e) => {
+    let element = e.target;
+    if (element.tagName === "SPAN") {
+        element = element.previousElementSibling;
+    }
+    const input = element.previousElementSibling;
+    const span = element.nextElementSibling;
+    let capitalize = input.autocapitalize;
+    switch (capitalize) {
+        case "sentences":
+            capitalize = "words";
+            break;
+        case "words":
+            capitalize = "characters";
+            break;
+        case "characters":
+            capitalize = "off";
+            break;
+        default:
+            capitalize = "sentences";
+            break;
+    }
+    span.textContent = toText(capitalize);
+    input.autocapitalize = capitalize;
+};
+export default function TitleEditor({ value, type, placeholder, capitalize = "on", capitalizationTitle = "Capitalization", ...a }) {
+    return XNode.create("div", { "data-title-editor": "title-editor", ...a },
+        XNode.create("input", { autocapitalize: capitalize, type: type, placeholder: placeholder, value: value, "event-input": capitalizeText, "event-paste": paste }),
+        XNode.create("i", { "data-element": "icon", class: "fas fa-font-case", "event-click": changeCase, title: capitalizationTitle }),
+        XNode.create("span", { "data-element": "text", text: toText(capitalize), "event-click": changeCase, title: capitalizationTitle }));
+}
+//# sourceMappingURL=TitleEditor.js.map

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

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

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

@@ -0,0 +1,8 @@
+import AtomRepeater from "./AtomRepeater.js";
+import "./styles/toggle-button-bar.global.css";
+export default class ToggleButtonBar extends AtomRepeater {
+    labelPath: any;
+    onPropertyChanged(name: string): void;
+    protected preCreate(): void;
+}
+//# sourceMappingURL=ToggleButtonBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonBar.d.ts","sourceRoot":"","sources":["../../src/basic/ToggleButtonBar.tsx"],"names":[],"mappings":"AAEA,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAE7C,OAAO,uCAAuC,CAAC;AAE/C,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,YAAY;IAG9C,SAAS,MAAC;IAEV,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAQ5C,SAAS,CAAC,SAAS,IAAI,IAAI;CAU9B"}

package/dist-esm/basic/ToggleButtonBar.js

@@ -0,0 +1,30 @@
+import { __decorate, __metadata } from "tslib";
+import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import AtomRepeater from "./AtomRepeater.js";
+import "./styles/toggle-button-bar.global.css";
+export default class ToggleButtonBar extends AtomRepeater {
+    labelPath;
+    onPropertyChanged(name) {
+        super.onPropertyChanged(name);
+        if (name === "labelPath") {
+            this.updateItems();
+            return;
+        }
+    }
+    preCreate() {
+        super.preCreate();
+        this.element.dataset.buttonBar = "button-bar";
+        this.bindEvent(this.element, "itemClick", (e) => {
+            this.selectedItem = e.detail;
+        });
+        this.valuePath = (item) => item?.value ?? item;
+        this.labelPath = (item) => item?.label ?? item;
+        this.itemRenderer = (item) => XNode.create("div", { "data-item-type": "toggle-button", text: this.labelPath(item) });
+    }
+}
+__decorate([
+    BindableProperty,
+    __metadata("design:type", Object)
+], ToggleButtonBar.prototype, "labelPath", void 0);
+//# sourceMappingURL=ToggleButtonBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonBar.js","sourceRoot":"","sources":["../../src/basic/ToggleButtonBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,+CAA+C,CAAC;AACjF,OAAO,KAAK,MAAM,oCAAoC,CAAC;AACvD,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAE7C,OAAO,uCAAuC,CAAC;AAE/C,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,YAAY;IAG9C,SAAS,CAAC;IAEV,iBAAiB,CAAC,IAAY;QACjC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAC9B,IAAI,IAAI,KAAK,WAAW,EAAE,CAAC;YACvB,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,OAAO;QACX,CAAC;IACL,CAAC;IAES,SAAS;QACf,KAAK,CAAC,SAAS,EAAE,CAAC;QAClB,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,GAAG,YAAY,CAAC;QAC9C,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,CAAC,CAAc,EAAE,EAAE;YACzD,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,MAAM,CAAC;QACjC,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,KAAK,IAAI,IAAI,CAAC;QAC/C,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,KAAK,IAAI,IAAI,CAAC;QAC/C,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,wCAAoB,eAAe,EAAC,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;IACpG,CAAC;CACJ;AApBU;IADN,gBAAgB;;kDACA"}

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

@@ -0,0 +1,6 @@
+import "./styles/tooltip.global.css";
+import AtomPopover from "./elements/AtomPopover.js";
+export default abstract class Tooltip extends AtomPopover {
+    static showTooltip(target: HTMLElement): void;
+}
+//# sourceMappingURL=Tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/basic/Tooltip.tsx"],"names":[],"mappings":"AAKA,OAAO,6BAA6B,CAAC;AACrC,OAAO,WAAW,MAAM,2BAA2B,CAAC;AAgCpD,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,OAAQ,SAAQ,WAAW;WAEvC,WAAW,CAAC,MAAM,EAAE,WAAW;CAgFhD"}

package/dist-esm/basic/Tooltip.js

@@ -0,0 +1,56 @@
+import { AtomControl, ElementValueSetters } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import { getParentRepeaterItem } from "./AtomRepeater.js";
+import "./styles/tooltip.global.css";
+import AtomPopover from "./elements/AtomPopover.js";
+const tooltips = new Map();
+ElementValueSetters.tooltip = (control, e, value) => {
+    tooltips.set(e, [{ control, tooltip: undefined }, value]);
+    control.registerDisposable({
+        dispose: () => {
+            tooltips.delete(e);
+        }
+    });
+};
+document.body.addEventListener("pointerenter", (ev) => Tooltip.showTooltip(ev.target), true);
+document.body.addEventListener("pointerleave", (ev) => {
+    const start = ev.target;
+    setTimeout(() => {
+        const item = tooltips.get(start);
+        if (!item) {
+            return;
+        }
+        const [host] = item;
+        if (host.tooltip) {
+            host.tooltip.cancel();
+            host.tooltip = undefined;
+        }
+    }, 250);
+}, true);
+export default class Tooltip extends AtomPopover {
+    static showTooltip(target) {
+        let item;
+        while (target) {
+            item = tooltips.get(target);
+            if (!item) {
+                target = target.parentElement;
+                continue;
+            }
+            break;
+        }
+        if (!item) {
+            return;
+        }
+        const [host, node] = item;
+        host.tooltip = node.create(target, {
+            dataFactory: () => {
+                let data = getParentRepeaterItem(target);
+                if (!data) {
+                    return AtomControl.from(target).data;
+                }
+                data = data[2];
+                return data;
+            }
+        });
+    }
+}
+//# sourceMappingURL=Tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/basic/Tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,kDAAkD,CAAC;AACpG,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAE1D,OAAO,6BAA6B,CAAC;AACrC,OAAO,WAAW,MAAM,2BAA2B,CAAC;AAIpD,MAAM,QAAQ,GAAG,IAAI,GAAG,EAA4B,CAAC;AAErD,mBAAmB,CAAC,OAAO,GAAG,CAAC,OAAoB,EAAE,CAAc,EAAE,KAAU,EAAE,EAAE;IAC/E,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC;IAC1D,OAAO,CAAC,kBAAkB,CAAC;QACvB,OAAO,EAAE,GAAG,EAAE;YACV,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QACvB,CAAC;KACJ,CAAC,CAAC;AACP,CAAC,CAAC;AAEF,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,cAAc,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC,MAAqB,CAAC,EAAE,IAAI,CAAC,CAAC;AAE5G,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,cAAc,EAAE,CAAC,EAAE,EAAE,EAAE;IAClD,MAAM,KAAK,GAAG,EAAE,CAAC,MAAqB,CAAC;IACvC,UAAU,CAAC,GAAG,EAAE;QACZ,MAAM,IAAI,GAAG,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACjC,IAAI,CAAC,IAAI,EAAE,CAAC;YACR,OAAO;QACX,CAAC;QACD,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;QACpB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACf,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;YACtB,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;QAC7B,CAAC;IACL,CAAC,EAAE,GAAG,CAAC,CAAC;AACZ,CAAC,EAAE,IAAI,CAAC,CAAC;AAET,MAAM,CAAC,OAAO,OAAgB,OAAQ,SAAQ,WAAW;IAE9C,MAAM,CAAC,WAAW,CAAC,MAAmB;QACzC,IAAI,IAAiB,CAAC;QACtB,OAAM,MAAM,EAAE,CAAC;YACX,IAAI,GAAG,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YAC5B,IAAG,CAAC,IAAI,EAAE,CAAC;gBACP,MAAM,GAAG,MAAM,CAAC,aAAa,CAAC;gBAC9B,SAAS;YACb,CAAC;YAED,MAAM;QACV,CAAC;QAED,IAAI,CAAC,IAAI,EAAE,CAAC;YACR,OAAO;QACX,CAAC;QAED,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,IAAI,CAAC;QAE1B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;YAC/B,WAAW,EAAE,GAAG,EAAE;gBACd,IAAI,IAAI,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAC;gBACzC,IAAI,CAAC,IAAI,EAAE,CAAC;oBACR,OAAO,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC;gBACzC,CAAC;gBACD,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;gBACf,OAAO,IAAI,CAAC;YAChB,CAAC;SACJ,CAAC,CAAC;IACP,CAAC;CAoDJ"}

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

@@ -0,0 +1,6 @@
+import "../styles/type-writer.global.css";
+export default function TypeWriter({ text, ...a }: {
+    [x: string]: any;
+    text: any;
+}): any;
+//# sourceMappingURL=TypeWriter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TypeWriter.d.ts","sourceRoot":"","sources":["../../src/basic/TypeWriter.tsx"],"names":[],"mappings":"AAKA,OAAO,kCAAkC,CAAC;AAgE1C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,GAAI,CAAC,EAAC;;;CAAA,OAKhD"}

package/dist-esm/basic/TypeWriter.js

@@ -0,0 +1,50 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import sleep from "@web-atoms/core/dist/core/sleep.js";
+import { CancelToken } from "@web-atoms/core/dist/core/types.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import "../styles/type-writer.global.css";
+const disposableProperty = Symbol("type-writer-timer");
+const nbsp = "\u202f";
+const tp = AtomControl.registerProperty("data-type-writer", "type-writer", (c, e, value) => {
+    e[disposableProperty]?.cancel();
+    const ct = new CancelToken();
+    e[disposableProperty] = ct;
+    c.app.runAsync(async () => {
+        const separator = e.getAttribute("separator") ?? e.getAttribute("data-separator") ?? ",";
+        const typeDelay = Number(e.getAttribute("type-delay") ?? e.getAttribute("data-type-delay") ?? "180");
+        const pause = Number(e.getAttribute("pause") ?? e.getAttribute("data-pause") ?? "700");
+        const deleteDelay = Number(e.getAttribute("delete-delay") ?? e.getAttribute("data-delete-delay") ?? "100");
+        const textList = value
+            .split(separator)
+            .map((x) => x.trim())
+            .filter((x) => x);
+        e.textContent = nbsp;
+        let index = 0;
+        const max = textList.length;
+        while (!ct.cancelled) {
+            if (!e.isConnected) {
+                return;
+            }
+            const current = textList[index];
+            let length = 0;
+            while (length < current.length) {
+                e.textContent = current.substring(0, ++length) || nbsp;
+                await sleep(typeDelay);
+            }
+            await sleep(pause);
+            while (length) {
+                e.textContent = current.substring(0, --length) || nbsp;
+                await sleep(deleteDelay);
+            }
+            await sleep(deleteDelay);
+            index++;
+            if (index === max) {
+                index = 0;
+            }
+        }
+    });
+});
+export default function TypeWriter({ text, ...a }) {
+    return XNode.create("div", { "data-component": "type-writer", ...tp(text), ...a });
+}
+//# sourceMappingURL=TypeWriter.js.map

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

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