npm - smoothly - Versions diffs - 1.123.0 → 1.124.0 - Mend

smoothly 1.123.0 → 1.124.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (90) hide show

package/dist/cjs/smoothly-app_99.cjs.entry.js CHANGED Viewed

@@ -8044,6 +8044,11 @@ var layout;
 var menu;
 (function (menu) {
+    function insert(items, item) {
+        const index = items.findIndex(existing => (item.compareDocumentPosition(existing) & Node.DOCUMENT_POSITION_FOLLOWING) !== 0);
+        return index == -1 ? [...items, item] : [...items.slice(0, index), item, ...items.slice(index)];
+    }
+    menu.insert = insert;
     function next(items, direction) {
         const selectable = items.filter(item => !item.hidden && !item.disabled);
         const currentIndex = selectable.findIndex(item => item.marked);
@@ -8234,7 +8239,7 @@ const SmoothlyInputSelect = class {
         else if (Item.Element.is(event.target)) {
             event.stopPropagation();
             event.target.deselectable = !this.required;
-            this.items.push(event.target);
+            this.items = menu.insert(this.items, event.target);
         }
         Input.registerSubAction(this, event);
         this.displaySelected();
@@ -8384,16 +8389,16 @@ const SmoothlyInputSelect = class {
         }
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '25f2bd12bdd838b7405297411a103aeee38d3c5d', class: {
+        return (index$1.h(index$1.Host, { key: 'd993b3b157734feec38bd6d29f52e899aca6725b', class: {
                 "has-value": this.selected.length !== 0,
                 open: this.open,
                 "has-filter": this.filter !== "",
                 "has-filter-persistent": this.open && this.isSearchPersistent,
-            }, onClick: (e) => this.onClick(e) }, index$1.h("div", { key: '95302cdb09bcd5c218e5f05baed904f24dba193a', class: "select-display" }, this.display.length > 0 ? (index$1.h("div", { class: "value", innerHTML: this.display.join(this.displaySeparator) })) : (this.placeholder)), index$1.h("div", { key: 'fee48291df4fe018b7bd2933cdfc3ddfb9fc469c', class: "icons", ref: element => (this.iconsElement = element) }, index$1.h("smoothly-icon", { key: '8686946d896e5812bb2137c7d564cee0f55a879d', class: "smoothly-invalid", name: "alert-circle", size: "small", tooltip: this.errorMessage }), index$1.h("slot", { key: '2fa1e318cf0388d3b9bc937962899c1e3308ba18', name: "end" }), this.looks == "border" && !this.readonly && (index$1.h("smoothly-icon", { key: '0caad9d99e1bc011fbb60b8682556b95149173c3', ref: element => (this.toggleElement = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" }))), index$1.h("slot", { key: '8c3c7a67b3b0d71302bb92bd093b0a16b0382e91', name: "label" }), index$1.h("div", { key: '3e7875eeac42fd417c7b47a69830ebb28f34978e', class: "dropdown", ref: (el) => (this.dropdownElement = el) }, index$1.h("div", { key: 'c7053135260263324b3f6a3d933694746df5231d', class: "search" }, index$1.h("smoothly-icon", { key: 'cc144d8b70e0fdb87749c033a03a279840b3d0ba', name: "search-outline", size: "small" }), index$1.h("input", { key: 'ec12d0f1eeb5786cea018e42289e6b98dc269012', class: "search-input", placeholder: this.searchPlaceholder, ref: el => (this.searchElement = el), disabled: this.searchDisabled, onKeyDown: e => this.onKeyDown(e), onInput: e => { var _a, _b; return (e.stopPropagation(), this.setFilter((_b = (_a = this.searchElement) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "")); }, onPaste: e => { var _a, _b; return (e.stopPropagation(), this.setFilter((_b = (_a = this.searchElement) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "")); } }), index$1.h("smoothly-icon", { key: '1883da80f3a3f34f3fb83ab2c856e8e9edf4a43a', name: "backspace-outline", size: "small", onClick: () => {
+            }, onClick: (e) => this.onClick(e) }, index$1.h("div", { key: 'b470f6d938347231d20233c9dba2ba0c37c4bba5', class: "select-display" }, this.display.length > 0 ? (index$1.h("div", { class: "value", innerHTML: this.display.join(this.displaySeparator) })) : (this.placeholder)), index$1.h("div", { key: '6619b4fb7834654b78a11d853f889c21a7debef6', class: "icons", ref: element => (this.iconsElement = element) }, index$1.h("smoothly-icon", { key: '34cbbcba5ca10149a17ab291cdd32c15ca5f91b0', class: "smoothly-invalid", name: "alert-circle", size: "small", tooltip: this.errorMessage }), index$1.h("slot", { key: 'f56d5e7bf720de1b3ef508bf18315d94695c5523', name: "end" }), this.looks == "border" && !this.readonly && (index$1.h("smoothly-icon", { key: '3298ebc639ce773036bd3ea71cef4452f87dda6c', ref: element => (this.toggleElement = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" }))), index$1.h("slot", { key: '140d8045589573ccfe66870dd8199f22c9027ccd', name: "label" }), index$1.h("div", { key: '6baa982ed55e072d8f96f201adb81e9bdf3b9175', class: "dropdown", ref: (el) => (this.dropdownElement = el) }, index$1.h("div", { key: '175cf9f37cc561aedc84582116e276b0a37f40df', class: "search" }, index$1.h("smoothly-icon", { key: 'c7692ee449bd43232da25d8246fc847576b7f699', name: "search-outline", size: "small" }), index$1.h("input", { key: '1b9a5a4f2994c7d4b0253720688977f75381aede', class: "search-input", placeholder: this.searchPlaceholder, ref: el => (this.searchElement = el), disabled: this.searchDisabled, onKeyDown: e => this.onKeyDown(e), onInput: e => { var _a, _b; return (e.stopPropagation(), this.setFilter((_b = (_a = this.searchElement) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "")); }, onPaste: e => { var _a, _b; return (e.stopPropagation(), this.setFilter((_b = (_a = this.searchElement) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "")); } }), index$1.h("smoothly-icon", { key: '1eb858f2d3c816ca1a2bbb977cdaf651e7e032b5', name: "backspace-outline", size: "small", onClick: () => {
                 var _a;
                 this.resetFilter();
                 (_a = this.searchElement) === null || _a === void 0 ? void 0 : _a.focus();
-            } }), this.mutable && index$1.h("smoothly-icon", { key: '612c07080f7b81e0e3998ce3176e9b44c0c34fa3', name: "add", size: "small", onClick: () => this.addItem() })), index$1.h("div", { key: '27c8a711d5f14efcf0a0e0a74e7276f3b5e19230', class: "menu", hidden: !this.open }, index$1.h("slot", { key: 'ac93c1d16f9ee11c1ed486b1f9d4ed190e665e83' }), this.addedItems))));
+            } }), this.mutable && index$1.h("smoothly-icon", { key: '944ef1566bbf77345110acb315ae1e616f34d131', name: "add", size: "small", onClick: () => this.addItem() })), index$1.h("div", { key: '416bb93ddf7b6a0e01b68892689152b8c637efaf', class: "menu", hidden: !this.open }, index$1.h("slot", { key: '10be175c314a23c040a4426553db4f3d8004749d' }), this.addedItems))));
     }
     get element() { return index$1.getElement(this); }
     static get watchers() { return {