smoothly 1.106.0 → 1.108.0

package/dist/cjs/smoothly-app_104.cjs.entry.js

@@ -11248,6 +11248,7 @@ const SmoothlyInputSelect = class {
         this.smoothlyInputLoad = index.createEvent(this, "smoothlyInputLoad", 7);
         this.smoothlyFormDisable = index.createEvent(this, "smoothlyFormDisable", 7);
         this.smoothlyItemSelect = index.createEvent(this, "smoothlyItemSelect", 7);
+        this.smoothlySelectOpen = index.createEvent(this, "smoothlySelectOpen", 7);
         this.isDifferentFromInitial = false;
         this.initialValue = [];
         this.initialValueHandled = false;
@@ -11415,6 +11416,7 @@ const SmoothlyInputSelect = class {
                 markedItem.marked = false;
             }
         }
+        this.smoothlySelectOpen.emit(open);
     }
     handleShowOptions(event) {
         const wasButtonClicked = (event === null || event === void 0 ? void 0 : event.composedPath().some(e => e == this.iconsDiv)) && !event.composedPath().some(e => e == this.toggle);
@@ -11532,14 +11534,14 @@ const SmoothlyInputSelect = class {
         this.addedItems = this.addedItems.concat(index.h("smoothly-item", { value: this.filter, selected: true }, this.filter));
     }
     render() {
-        return (index.h(index.Host, { key: 'bd6e502e8bc709fbc22676bc30b849b1af3e1a1d', tabIndex: this.disabled ? undefined : 0, class: { "has-value": this.selected.length !== 0, open: this.open }, onClick: (event) => this.handleShowOptions(event) }, index.h("div", { key: '54a6939ae60dfab5a18815b2e7f9f9637980d537', class: "select-display", ref: element => (this.displaySelectedElement = element) }, this.placeholder), index.h("div", { key: 'fb2048686f385e31cf5661d4c0fd11c69f849f51', class: "icons", ref: element => (this.iconsDiv = element) }, index.h("smoothly-icon", { key: '6019295c5e92dd4992664985e83316cfcb540cbc', class: "smoothly-invalid", name: "alert-circle", size: "small", tooltip: this.errorMessage }), index.h("slot", { key: 'b9ed43d814b3af4f54b8dc13b68b6bf73a741e67', name: "end" }), this.looks == "border" && !this.readonly && (index.h("smoothly-icon", { key: 'cf1b69e51b74b886793a69b06dcbff19d6f2a903', ref: element => (this.toggle = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" }))), index.h("slot", { key: 'd1adde543075447fb3dea33f40101ec58228d6e9', name: "label" }), index.h("div", { key: 'a291b7f240f7b7d0314eb8a44f5057acf5645db8', class: { hidden: !this.open, options: true }, ref: (el) => (this.optionsDiv = el) }, this.filter.length > 0 && (index.h("div", { key: 'a431bfad6ce5284641ce0ca6814a947e0f226798', class: "search-preview" }, index.h("smoothly-icon", { key: '864bb9196328ad3fe04d05bca82214c03033ec86', name: "search-outline", size: "small" }), this.filter, index.h("smoothly-icon", { key: 'f8d468871eeb80771bb645a6e406e4a395250dd2', name: "backspace-outline", size: "small", onClick: e => {
+        return (index.h(index.Host, { key: '4e0fb892ff93f7ed4835d72e868fbd77f6e9e1ce', tabIndex: this.disabled ? undefined : 0, class: { "has-value": this.selected.length !== 0, open: this.open }, onClick: (event) => this.handleShowOptions(event) }, index.h("div", { key: 'bb70e9c9fb1d19f4871683fca25143c54328bd43', class: "select-display", ref: element => (this.displaySelectedElement = element) }, this.placeholder), index.h("div", { key: '672de78fc1ceba8cb9a1ba7a7c8f7f17864051a2', class: "icons", ref: element => (this.iconsDiv = element) }, index.h("smoothly-icon", { key: '945c77e8c405a67c69ba810952ecaec5d3c1bc86', class: "smoothly-invalid", name: "alert-circle", size: "small", tooltip: this.errorMessage }), index.h("slot", { key: '67341a1dd140d48e1bb590de97f125bff99a0d1f', name: "end" }), this.looks == "border" && !this.readonly && (index.h("smoothly-icon", { key: '987fae6b801962ceaccffb7b5adaf4e64cfab6c4', ref: element => (this.toggle = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" }))), index.h("slot", { key: '0db293cce8aeaa75ea87ea5fa398b70cc8534bda', name: "label" }), index.h("div", { key: '2215a5eb4fd5ae571773d4ea1d1ab2c667a9883d', class: { hidden: !this.open, options: true }, ref: (el) => (this.optionsDiv = el) }, this.filter.length > 0 && (index.h("div", { key: '9a9d23f6a4a52caba811042a20b2e8a8f9d9ca82', class: "search-preview" }, index.h("smoothly-icon", { key: 'b5e8a77402430557433994b10e6aea5fdcef640d', name: "search-outline", size: "small" }), this.filter, index.h("smoothly-icon", { key: '165b3e7615a3479f83a21a9987039445394fdc8b', name: "backspace-outline", size: "small", onClick: e => {
                 e.stopPropagation();
                 this.filter = "";
                 this.element.focus();
-            } }), this.mutable && (index.h("smoothly-icon", { key: '36dddd2f4a370406d2b814e7c05463f87849b752', name: "add", size: "small", onClick: e => {
+            } }), this.mutable && (index.h("smoothly-icon", { key: '18145d385a4c09293c8752658f0f6ff311388fea', name: "add", size: "small", onClick: e => {
                 e.stopPropagation();
                 this.addItem();
-            } })))), index.h("slot", { key: '9d2e371acf42bed95f49966f073199934e336325' }), this.addedItems)));
+            } })))), index.h("slot", { key: '2386360dad7c356bf16fcbc22239bfb5ebd2806f' }), this.addedItems)));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -13310,7 +13312,7 @@ const SmoothlyTableHead = class {
             if (currentElement.tagName.toLowerCase() === "smoothly-table") {
                 const head = currentElement.querySelector("smoothly-table-head");
                 if (head !== this.element) {
-                    const rows = Array.from(head.querySelectorAll("smoothly-table-row"));
+                    const rows = Array.from(head.querySelectorAll(":scope > smoothly-table-row"));
                     depth += rows.length;
                 }
             }
@@ -13329,10 +13331,10 @@ const SmoothlyTableHead = class {
         (_a = this.scrollParent) === null || _a === void 0 ? void 0 : _a.removeEventListener("scroll", this.onScroll);
     }
     render() {
-        return (index.h(index.Host, { key: '1d7bcc6b6d956cffbce140b0e5a55b31204669b0', class: { scrolled: !!this.scrolled }, style: {
+        return (index.h(index.Host, { key: '586194cf1c210aae546b8e0825a4e90c344c5f55', class: { scrolled: !!this.scrolled }, style: {
                 "--top": `calc(${this.depth} * var(--smoothly-table-cell-min-height))`,
                 "--z-index": `${10 - this.depth}`,
-            } }, index.h("slot", { key: '7689c49aa7aa644d3a25832db59e7a18997b89d3' })));
+            } }, index.h("slot", { key: '4935f7d999bec0bf9facc9df7938b4b4c23404ed' })));
     }
     get element() { return index.getElement(this); }
 };