@web-atoms/web-controls 2.6.5 → 2.6.6

package/dist-esm/basic/Chip.js

@@ -1,13 +1,37 @@
 import XNode from "@web-atoms/core/dist/core/XNode.js";
-import "./styles/chip.global.css";
-export default function Chip({ icon, label, header, deleteIcon = "fa-solid fa-xmark", undoDeleteIcon = "fa-solid fa-undo", draggable, recreate = true, deleted, ...a }, ...nodes) {
-    return XNode.create("div", { ...a, "data-recreate": recreate, "data-deleted": !!deleted, "data-item-chip": "chip", draggable: draggable },
-        icon && XNode.create("i", { class: "icon " + icon }),
-        header && XNode.create("label", { class: "header", text: header }),
-        label && XNode.create("label", { class: "label", text: label }),
-        ...nodes,
-        deleted && XNode.create("div", { class: "delete-strike" }),
-        undoDeleteIcon && deleted && XNode.create("i", { class: "undo delete " + undoDeleteIcon, "data-click-event": "undo-remove-chip" }),
-        deleteIcon && !deleted && XNode.create("i", { class: "delete " + deleteIcon, "data-click-event": "remove-chip" }));
-}
-//# sourceMappingURL=Chip.js.map
+ESMPack.installStyleSheet(import.meta.resolve("./styles/chip.global.css"));
+export default function Chip({
+  icon,
+  label,
+  header,
+  deleteIcon = "fa-solid fa-xmark",
+  undoDeleteIcon = "fa-solid fa-undo",
+  draggable,
+  recreate = true,
+  deleted,
+  ...a
+}, ...nodes) {
+  return XNode.create("div", {
+    ...a,
+    "data-recreate": recreate,
+    "data-deleted": !!deleted,
+    "data-item-chip": "chip",
+    draggable: draggable
+  }, icon && XNode.create("i", {
+    class: "icon " + icon
+  }), header && XNode.create("label", {
+    class: "header",
+    text: header
+  }), label && XNode.create("label", {
+    class: "label",
+    text: label
+  }), ...nodes, deleted && XNode.create("div", {
+    class: "delete-strike"
+  }), undoDeleteIcon && deleted && XNode.create("i", {
+    class: "undo delete " + undoDeleteIcon,
+    "data-click-event": "undo-remove-chip"
+  }), deleteIcon && !deleted && XNode.create("i", {
+    class: "delete " + deleteIcon,
+    "data-click-event": "remove-chip"
+  }));
+}

package/dist-esm/basic/ComboBox.js

@@ -3,60 +3,56 @@ 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";
 export default class ComboBox extends AtomRepeater {
-    constructor(app, e = document.createElement("select")) {
-        super(app, e);
-        this.isChanging = false;
-        this.selectedItems = [];
+  constructor(app, e = document.createElement("select")) {
+    super(app, e);
+    this.isChanging = false;
+    this.selectedItems = [];
+  }
+  updateItems(container) {
+    if (this.isChanging) {
+      return;
     }
-    updateItems(container) {
-        if (this.isChanging) {
-            return;
-        }
-        super.updateItems(container);
-        const selectedItems = this.selectedItems;
-        if (!selectedItems) {
-            return;
-        }
-        if (selectedItems.length === 0) {
-            return;
-        }
-        this.isChanging = true;
-        const value = this.value;
-        const valuePath = this.valuePath ?? ((item) => item);
-        this.element.selectedIndex = this.items?.findIndex((v) => valuePath(v) == value);
-        this.isChanging = false;
+    super.updateItems(container);
+    const selectedItems = this.selectedItems;
+    if (!selectedItems) {
+      return;
     }
-    updateClasses() {
-        if (this.isChanging) {
-            return;
-        }
-        super.updateClasses();
-        this.updateItems();
+    if (selectedItems.length === 0) {
+      return;
     }
-    preCreate() {
-        super.preCreate();
-        this.labelPath = (item) => item?.label ?? item.toString();
-        this.valuePath = (item) => item?.value ?? item.toString();
-        this.itemRenderer = (item) => XNode.create("option", null, this.labelPath(item));
-        this.bindEvent(this.element, "change", () => this.changeSelection());
+    this.isChanging = true;
+    const value = this.value;
+    const valuePath = this.valuePath ?? (item => item);
+    this.element.selectedIndex = this.items?.findIndex(v => valuePath(v) == value);
+    this.isChanging = false;
+  }
+  updateClasses() {
+    if (this.isChanging) {
+      return;
     }
-    changeSelection() {
-        if (this.isChanging) {
-            return;
-        }
-        this.isChanging = true;
-        const index = this.element.selectedIndex;
-        if (index !== -1) {
-            const si = this.selectedItems;
-            if (si) {
-                si.set(0, this.items[index]);
-            }
-        }
-        this.isChanging = false;
+    super.updateClasses();
+    this.updateItems();
+  }
+  preCreate() {
+    super.preCreate();
+    this.labelPath = item => item?.label ?? item.toString();
+    this.valuePath = item => item?.value ?? item.toString();
+    this.itemRenderer = item => XNode.create("option", null, this.labelPath(item));
+    this.bindEvent(this.element, "change", () => this.changeSelection());
+  }
+  changeSelection() {
+    if (this.isChanging) {
+      return;
     }
+    this.isChanging = true;
+    const index = this.element.selectedIndex;
+    if (index !== -1) {
+      const si = this.selectedItems;
+      if (si) {
+        si.set(0, this.items[index]);
+      }
+    }
+    this.isChanging = false;
+  }
 }
-__decorate([
-    BindableProperty,
-    __metadata("design:type", Object)
-], ComboBox.prototype, "labelPath", void 0);
-//# sourceMappingURL=ComboBox.js.map
+__decorate([BindableProperty, __metadata("design:type", Object)], ComboBox.prototype, "labelPath", void 0);