slim-select 4.0.4 → 4.0.5
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.
- package/dist/react/index.js +9 -9
- package/dist/react/index.umd.js +1 -1
- package/dist/slimselect.cjs.js +1 -1
- package/dist/slimselect.cjs.js.map +1 -1
- package/dist/slimselect.es.js +9 -9
- package/dist/slimselect.es.js.map +1 -1
- package/dist/slimselect.iife.js +1 -1
- package/dist/slimselect.iife.js.map +1 -1
- package/dist/slimselect.js +1 -1
- package/dist/slimselect.js.map +1 -1
- package/dist/vue/index.js +9 -9
- package/dist/vue/index.umd.js +1 -1
- package/package.json +6 -6
package/dist/slimselect.es.js
CHANGED
|
@@ -148,7 +148,7 @@ var u = 768, d = class {
|
|
|
148
148
|
modal;
|
|
149
149
|
modalTitle;
|
|
150
150
|
constructor(e) {
|
|
151
|
-
e ||= {}, this.id = "ss-" + h(), this.style = e.style || "", this.class = e.class || [], this.disabled = e.disabled
|
|
151
|
+
e ||= {}, this.id = "ss-" + h(), this.style = e.style || "", this.class = e.class || [], this.disabled = e.disabled !== void 0 && e.disabled, this.alwaysOpen = e.alwaysOpen !== void 0 && e.alwaysOpen, this.showSearch = e.showSearch === void 0 || e.showSearch, this.focusSearch = e.focusSearch === void 0 || e.focusSearch, this.keepSearch = e.keepSearch !== void 0 && e.keepSearch, this.ariaLabel = e.ariaLabel || "Combobox", this.searchPlaceholder = e.searchPlaceholder || "Search...", this.searchText = e.searchText || "No Results", this.searchingText = e.searchingText || "Searching...", this.resultsText = e.resultsText || "{count} results available", this.deselectText = e.deselectText || "Clear", this.removeText = e.removeText || "Remove", this.searchHighlight = e.searchHighlight !== void 0 && e.searchHighlight, this.closeOnSelect = e.closeOnSelect === void 0 || e.closeOnSelect, this.contentLocation = e.contentLocation || document.body, this.contentPosition = e.contentPosition || "absolute", this.contentWidth = e.contentWidth || "", this.openPosition = e.openPosition || "auto", this.placeholderText = e.placeholderText === void 0 ? "Select Value" : e.placeholderText, this.allowDeselect = e.allowDeselect !== void 0 && e.allowDeselect, this.hideSelected = e.hideSelected !== void 0 && e.hideSelected, this.multiString = e.multiString !== void 0 && e.multiString, this.keepOrder = e.keepOrder !== void 0 && e.keepOrder, this.showOptionTooltips = e.showOptionTooltips !== void 0 && e.showOptionTooltips, this.minSelected = e.minSelected || 0, this.maxSelected = e.maxSelected || 1e3, this.timeoutDelay = e.timeoutDelay || 200, this.maxValuesShown = e.maxValuesShown || 20, this.maxValuesMessage = e.maxValuesMessage || "{number} selected", this.addableText = e.addableText || "Press \"Enter\" to add {value}", this.modal = e.modal || "mobile", this.modalTitle = e.modalTitle || "";
|
|
152
152
|
}
|
|
153
153
|
};
|
|
154
154
|
//#endregion
|
|
@@ -275,7 +275,7 @@ function E(e) {
|
|
|
275
275
|
return e[0] === e[0].toUpperCase() ? t.substring(1) : t;
|
|
276
276
|
}
|
|
277
277
|
function D(e, t = typeof window < "u" ? window.innerWidth : 768) {
|
|
278
|
-
return e === "on"
|
|
278
|
+
return e === "on" || e === "mobile" && t < 768;
|
|
279
279
|
}
|
|
280
280
|
//#endregion
|
|
281
281
|
//#region src/slim-select/events.ts
|
|
@@ -385,7 +385,7 @@ var O = class {
|
|
|
385
385
|
data;
|
|
386
386
|
mandatory;
|
|
387
387
|
constructor(e) {
|
|
388
|
-
this.id = !e.id || e.id === "" ? h() : e.id, this.value = e.value === void 0 ? e.text || "" : e.value || "", this.text = e.text || "", this.html = e.html || "", this.defaultSelected = e.defaultSelected
|
|
388
|
+
this.id = !e.id || e.id === "" ? h() : e.id, this.value = e.value === void 0 ? e.text || "" : e.value || "", this.text = e.text || "", this.html = e.html || "", this.defaultSelected = e.defaultSelected !== void 0 && e.defaultSelected, this.selected = e.selected !== void 0 && e.selected, this.display = e.display === void 0 || e.display, this.disabled = e.disabled !== void 0 && e.disabled, this.mandatory = e.mandatory !== void 0 && e.mandatory, this.placeholder = e.placeholder !== void 0 && e.placeholder, this.class = e.class || "", this.style = e.style || "", this.data = f(e.data);
|
|
389
389
|
}
|
|
390
390
|
}, j = class {
|
|
391
391
|
id;
|
|
@@ -394,7 +394,7 @@ var O = class {
|
|
|
394
394
|
closable;
|
|
395
395
|
options;
|
|
396
396
|
constructor(e) {
|
|
397
|
-
if (this.id = !e.id || e.id === "" ? h() : e.id, this.label = e.label || "", this.selectAll = e.selectAll
|
|
397
|
+
if (this.id = !e.id || e.id === "" ? h() : e.id, this.label = e.label || "", this.selectAll = e.selectAll !== void 0 && e.selectAll, this.closable = e.closable || "off", this.options = [], e.options) for (let t of e.options) this.options.push(new A(t));
|
|
398
398
|
}
|
|
399
399
|
}, M = class {
|
|
400
400
|
selectType = "single";
|
|
@@ -451,7 +451,7 @@ var O = class {
|
|
|
451
451
|
}) : new A({ ...e }));
|
|
452
452
|
}
|
|
453
453
|
optionMatchesSelected(e, t) {
|
|
454
|
-
return e.id === t.id
|
|
454
|
+
return e.id === t.id || t.value !== "" && e.value !== "" && e.value === t.value;
|
|
455
455
|
}
|
|
456
456
|
findOptionInData(e, t) {
|
|
457
457
|
for (let n of e) {
|
|
@@ -497,9 +497,9 @@ var O = class {
|
|
|
497
497
|
if (n instanceof j) for (let o of n.options) {
|
|
498
498
|
r ||= o;
|
|
499
499
|
let n = o[e] || "";
|
|
500
|
-
o.selected = i
|
|
500
|
+
o.selected = !i && t.includes(n), o.selected && (a.push(o), this.selectType === "single" && (i = !0));
|
|
501
501
|
}
|
|
502
|
-
n instanceof A && (r ||= n, n.selected = i
|
|
502
|
+
n instanceof A && (r ||= n, n.selected = !i && t.includes(n[e]), n.selected && (a.push(n), this.selectType === "single" && (i = !0)));
|
|
503
503
|
}
|
|
504
504
|
this.selectType === "single" && r && !i && !n && (r.selected = !0, a.push(r));
|
|
505
505
|
let o = t.map((t) => a.find((n) => n[e] === t)?.id || "");
|
|
@@ -706,7 +706,7 @@ var O = class {
|
|
|
706
706
|
this.removeClasses(this.main.main, this.classes.dirAbove), this.removeClasses(this.main.main, this.classes.dirBelow), this.removeClasses(this.content.main, this.classes.dirAbove), this.removeClasses(this.content.main, this.classes.dirBelow);
|
|
707
707
|
}
|
|
708
708
|
updateClassStyles() {
|
|
709
|
-
if (this.main.main.className = "", this.main.main.removeAttribute("style"), this.content.main.className = "", this.content.main.removeAttribute("style"), this.addClasses(this.main.main, this.classes.main), this.addClasses(this.content.main, this.classes.content), this.settings.style !== "" && (this.main.main.style.cssText = this.settings.style, this.content.main.style.cssText = this.settings.style), this.settings.class.length) for (let e of this.settings.class) e.trim() !== "" && this.main.main.classList.add(e.trim());
|
|
709
|
+
if (this.main.main.className = "", this.main.main.removeAttribute("style"), this.content.main.className = "", this.content.main.removeAttribute("style"), this.addClasses(this.main.main, this.classes.main), this.addClasses(this.content.main, this.classes.content), this.settings.style !== "" && (this.main.main.style.cssText = this.settings.style, this.content.main.style.cssText = this.settings.style), this.settings.class.length) for (let e of this.settings.class) e.trim() !== "" && (this.main.main.classList.add(e.trim()), this.content.main.classList.add(e.trim()));
|
|
710
710
|
(this.settings.contentPosition === "relative" || this.settings.contentPosition === "fixed") && this.content.main.classList.add("ss-" + this.settings.contentPosition);
|
|
711
711
|
}
|
|
712
712
|
updateAriaAttributes() {
|
|
@@ -1209,7 +1209,7 @@ var O = class {
|
|
|
1209
1209
|
return this.content.list.querySelector("." + this.classes.getFirst("option")) !== null;
|
|
1210
1210
|
}
|
|
1211
1211
|
canUpdateOptionSelectionInPlace() {
|
|
1212
|
-
return this.content.search.input.value.trim() === ""
|
|
1212
|
+
return this.content.search.input.value.trim() === "" && this.hasRenderedOptions();
|
|
1213
1213
|
}
|
|
1214
1214
|
updateOptionSelection() {
|
|
1215
1215
|
let e = new Set(this.store.getSelected()), t = this.content.list.querySelectorAll("." + this.classes.getFirst("option")), n = null;
|