@orangelogic/design-system 3.56.0 → 3.57.0

package/library/chunks/{block-width.D3M_CLup.js → block-width.CPMzQD89.js}

@@ -15,7 +15,7 @@ import { t as y } from "./when.BUskJLtZ.js";
 import { t as ie } from "./icon.CeQpEaQz.js";
 import { t as ae } from "./spinner.o3Rjsff7.js";
 import { n as oe } from "./tslib.es6.DJNsMHqv.js";
-import { t as se } from "./src.BPve1cYQ.js";
+import { t as se } from "./src.qAKiRBjl.js";
 import { t as ce } from "./style-map.DPGQIxip.js";
 import { t as b } from "./button.Cgunf6cP.js";
 import { E as x, S as le, r as ue } from "./string.DAuTpyw8.js";
@@ -1065,6 +1065,9 @@ var rr = "data:application/json;base64,ewogICIxMjMiOiB7CiAgICAiY2F0ZWdvcmllcyI6I
 	async handleVariantChange() {
 		await this.updateComplete, this.runFirstUpdated();
 	}
+	async handleSelectOptionsChange() {
+		await this.updateComplete, await this.selectVirtualizer?.layoutComplete?.catch(() => void 0), this.select?.requestUpdate();
+	}
 	async handleCustomIconValidation() {
 		await this.updateComplete, await this.select?.updateComplete, this.updateCustomIconValidity();
 	}
@@ -1126,6 +1129,12 @@ var rr = "data:application/json;base64,ewogICIxMjMiOiB7CiAgICAiY2F0ZWdvcmllcyI6I
 	handleSearchInput(e) {
 		this.searchTerm = e.target.value.toLowerCase();
 	}
+	handleSelectSearchInput() {
+		this.searchTerm = this.select.displayInput.value.trim().toLowerCase();
+	}
+	handleSelectSearchReset(e) {
+		e.target === this.select && (this.searchTerm = "");
+	}
 	handleMenuSelect(e) {
 		let t = e.detail.item.value;
 		this.value = this.setValueMenuSelect(this.value.name, t), this.emit("cx-change");
@@ -1152,8 +1161,8 @@ var rr = "data:application/json;base64,ewogICIxMjMiOiB7CiAgICAiY2F0ZWdvcmllcyI6I
 	selectGetOptionLabel(e) {
 		return !e || !(e instanceof E) ? this.value?.name.toString() : e.value === "custom" ? this.customOptionLabel || this.localize.term("custom") : e.dataset.name || e.value.toString();
 	}
-	selectFilterCallback(e, t) {
-		return !e || !(e instanceof E) ? !1 : (this.searchTerm = t, !0);
+	selectFilterCallback(e) {
+		return e instanceof E;
 	}
 	renderIcon(e, t) {
 		return e.startsWith("fa ") ? n`<cx-icon slot=${v(t)} variant="fa" name=${e}></cx-icon>` : n`<cx-icon slot=${v(t)} name=${e}></cx-icon>`;
@@ -1171,7 +1180,7 @@ var rr = "data:application/json;base64,ewogICIxMjMiOiB7CiAgICAiY2F0ZWdvcmllcyI6I
 	}
 	renderSelectMode() {
 		let e = this.value?.name.trim();
-		return n`<cx-select part="base" class="icon-picker__select" value=${v(this.value?.name)} placeholder=${this.searchPlaceholder || this.localize.term("search")} no-option-text=${this.localize.term("noResults")} ?clearable=${this.clearable} .form=${this.requireCustomIcon ? this.closest("form") : void 0} hoist no-flip data-label=${this.localize.term("iconPicker")} @cx-change=${this.handleSelectValueChange} @cx-show=${this.handleSelectBeforeShow} @cx-after-show=${this.handleSelectShow} .setOptionCurrent=${this.setSelectOptionCurrent}>${this.renderSelectPrefixIcon(e)}
+		return n`<cx-select part="base" class="icon-picker__select" value=${v(this.value?.name)} placeholder=${this.searchPlaceholder || this.localize.term("search")} no-option-text=${this.localize.term("noResults")} ?clearable=${this.clearable} .form=${this.requireCustomIcon ? this.closest("form") : void 0} hoist no-flip data-label=${this.localize.term("iconPicker")} @cx-change=${this.handleSelectValueChange} @input=${this.handleSelectSearchInput} @cx-blur=${this.handleSelectSearchReset} @cx-clear=${this.handleSelectSearchReset} @cx-show=${this.handleSelectBeforeShow} @cx-after-show=${this.handleSelectShow} .setOptionCurrent=${this.setSelectOptionCurrent}>${this.renderSelectPrefixIcon(e)}
         ${y(this.showVirtualizer, () => n`<lit-virtualizer .items=${this.virtualListItems} .renderItem=${this.renderOption}></lit-virtualizer>`)}
         ${y(!this.noCustomOption, () => n`<div part="footer" class="icon-picker__select__footer"><cx-divider part="footer-divider" class="icon-picker__select__footer__divider"></cx-divider><cx-option part="custom-button" class="icon-picker__select__footer__option" value="custom">${y(this.customOptionIcon, () => n`<cx-icon slot="prefix" name=${this.customOptionIcon}></cx-icon>`)}${this.customOptionLabel || this.localize.term("custom")}</cx-option></div>`)}</cx-select>${y(this.value?.name === "custom", () => this.renderCustomIconPicker())}
     `;
@@ -1189,7 +1198,7 @@ var rr = "data:application/json;base64,ewogICIxMjMiOiB7CiAgICAiY2F0ZWdvcmllcyI6I
         ${y(this.canPickColor, () => n`<cx-bicolor-picker value=${qe(this.color)} @cx-bicolor-picker-change=${this.handleBicolorChange}></cx-bicolor-picker>`)}</cx-space>`;
 	}
 };
-l([f(".icon-picker__select"), u("design:type", O === void 0 ? Object : O)], U.prototype, "select", void 0), l([f(".icon-picker__select__footer__option"), u("design:type", E === void 0 ? Object : E)], U.prototype, "customOption", void 0), l([f("cx-dropdown"), u("design:type", w === void 0 ? Object : w)], U.prototype, "dropdown", void 0), l([s({
+l([f(".icon-picker__select"), u("design:type", O === void 0 ? Object : O)], U.prototype, "select", void 0), l([f(".icon-picker__select__footer__option"), u("design:type", E === void 0 ? Object : E)], U.prototype, "customOption", void 0), l([f("cx-dropdown"), u("design:type", w === void 0 ? Object : w)], U.prototype, "dropdown", void 0), l([f(".icon-picker__select lit-virtualizer"), u("design:type", Object)], U.prototype, "selectVirtualizer", void 0), l([s({
 	converter: { fromAttribute(e) {
 		if (!e) return {
 			name: "",
@@ -1260,6 +1269,11 @@ l([f(".icon-picker__select"), u("design:type", O === void 0 ? Object : O)], U.pr
 	u("design:paramtypes", []),
 	u("design:returntype", Promise)
 ], U.prototype, "handleVariantChange", null), l([
+	g(["searchTerm", "showVirtualizer"], { waitUntilFirstUpdate: !0 }),
+	u("design:type", Function),
+	u("design:paramtypes", []),
+	u("design:returntype", Promise)
+], U.prototype, "handleSelectOptionsChange", null), l([
 	g("value", { waitUntilFirstUpdate: !0 }),
 	g("requireCustomIcon", { waitUntilFirstUpdate: !0 }),
 	g("variant"),

package/library/chunks/{config-manager.CPwMU2md.js → config-manager.C7v_dgBh.js}

@@ -14,7 +14,7 @@ import { t as b } from "./style-map.DPGQIxip.js";
 import { t as x } from "./button.Cgunf6cP.js";
 import { t as ee } from "./tooltip.GjnTzFeL.js";
 import { t as te } from "./line-clamp.CFDQn3q5.js";
-import { C as ne, E as re, S as ie, T as ae, _ as oe, a as se, b as ce, c as le, g as ue, h as de, i as fe, l as pe, m as me, n as he, o as ge, s as S, t as C, v as w, w as T, x as E, y as D } from "./block-width.D3M_CLup.js";
+import { C as ne, E as re, S as ie, T as ae, _ as oe, a as se, b as ce, c as le, g as ue, h as de, i as fe, l as pe, m as me, n as he, o as ge, s as S, t as C, v as w, w as T, x as E, y as D } from "./block-width.CPMzQD89.js";
 import { t as O } from "./typography.B0mkhqTB.js";
 import { t as k } from "./button-group.CPfXrqyq.js";
 import { t as A } from "./card.3c-X4hqR.js";