@juspay/svelte-ui-components 4.16.0 → 4.17.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 (4) hide show
  1. package/dist/Select/Select.svelte +256 -90
  2. package/dist/Select/properties.d.ts +28 -0
  3. package/dist-wc/index.js +335 -261
  4. package/package.json +1 -1
package/dist-wc/index.js CHANGED
@@ -16993,39 +16993,43 @@ function computeSelectDropdownPosition(e) {
16993
16993
  }
16994
16994
  //#endregion
16995
16995
  //#region src/lib/Select/Select.svelte
16996
- var root$36 = /* @__PURE__ */ from_html("<input class=\"select-search svelte-52lifo\" type=\"text\" autocomplete=\"off\"/>"), root_1$33 = /* @__PURE__ */ from_html("<!> <!>", 1), root_2$26 = /* @__PURE__ */ from_html("<span class=\"select-placeholder svelte-52lifo\"> </span>"), root_3$23 = /* @__PURE__ */ from_html("<span> </span>"), root_4$19 = /* @__PURE__ */ from_html("<div class=\"select-empty svelte-52lifo\">No results</div>"), root_5$17 = /* @__PURE__ */ from_html("<span class=\"select-option-check svelte-52lifo\"></span>"), root_6$16 = /* @__PURE__ */ from_html("<span class=\"select-option-dash svelte-52lifo\"></span>"), root_7$15 = /* @__PURE__ */ from_html("<span aria-hidden=\"true\"><!></span>"), root_8$14 = /* @__PURE__ */ from_html("<div><!> </div>"), root_9$11 = /* @__PURE__ */ from_html("<span class=\"select-option-tick svelte-52lifo\" aria-hidden=\"true\"></span>"), root_10$10 = /* @__PURE__ */ from_html("<div><!> <!> <span class=\"select-option-label svelte-52lifo\"> </span> <!></div>"), root_11$9 = /* @__PURE__ */ from_html("<div class=\"select-bottom-content svelte-52lifo\"><!></div>"), root_12$8 = /* @__PURE__ */ from_html("<div role=\"listbox\"><!> <!></div>"), root_13$7 = /* @__PURE__ */ from_html("<div><div><!> <!> <span class=\"select-arrow svelte-52lifo\"></span></div> <!></div>"), $$css$38 = {
16996
+ var root$36 = /* @__PURE__ */ from_html("<input class=\"select-search svelte-52lifo\" type=\"text\" autocomplete=\"off\"/>"), root_1$33 = /* @__PURE__ */ from_html("<!> <!>", 1), root_2$26 = /* @__PURE__ */ from_html("<span class=\"select-placeholder svelte-52lifo\"> </span>"), root_3$23 = /* @__PURE__ */ from_html("<span> </span>"), root_4$19 = /* @__PURE__ */ from_html("<button type=\"button\" class=\"select-clear svelte-52lifo\" aria-label=\"Clear selection\"><span aria-hidden=\"true\">×</span></button>"), root_5$17 = /* @__PURE__ */ from_html("<div role=\"alert\" class=\"select-error-message svelte-52lifo\"> </div>"), root_6$16 = /* @__PURE__ */ from_html("<div class=\"select-empty svelte-52lifo\">No results</div>"), root_7$15 = /* @__PURE__ */ from_html("<span class=\"select-option-check svelte-52lifo\"></span>"), root_8$14 = /* @__PURE__ */ from_html("<span class=\"select-option-dash svelte-52lifo\"></span>"), root_9$11 = /* @__PURE__ */ from_html("<span aria-hidden=\"true\"><!></span>"), root_10$10 = /* @__PURE__ */ from_html("<div><!> </div>"), root_11$9 = /* @__PURE__ */ from_html("<span class=\"select-option-tick svelte-52lifo\" aria-hidden=\"true\"></span>"), root_12$8 = /* @__PURE__ */ from_html("<div><!> <!> <span class=\"select-option-label svelte-52lifo\"> </span> <!></div>"), root_13$7 = /* @__PURE__ */ from_html("<div class=\"select-bottom-content svelte-52lifo\"><!></div>"), root_14$7 = /* @__PURE__ */ from_html("<div role=\"listbox\"><!> <!></div>"), root_15$7 = /* @__PURE__ */ from_html("<div><div><div><!> <!> <span class=\"select-arrow svelte-52lifo\"></span></div> <!></div> <!> <!></div>"), $$css$38 = {
16997
16997
  hash: "svelte-52lifo",
16998
- code: ".select.svelte-52lifo {position:relative;width:var(--select-width, 100%);font-family:var(--select-font-family, inherit);font-size:var(--select-font-size, 14px);color:var(--select-color, #333333);}.select.disabled.svelte-52lifo {opacity:var(--select-disabled-opacity, 0.5);cursor:var(--select-disabled-cursor, not-allowed);pointer-events:none;}.select-trigger.svelte-52lifo {display:flex;flex-wrap:wrap;align-items:center;gap:var(--select-trigger-gap, 4px);min-height:var(--select-trigger-min-height, 40px);padding:var(--select-trigger-padding, 8px 12px);background:var(--select-trigger-background, #ffffff);border:var(--select-trigger-border, 1px solid #cccccc);border-radius:var(--select-trigger-border-radius, var(--radius, 4px));cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;transition:var(--select-trigger-transition, border-color 0.15s, box-shadow 0.15s);}.select-trigger.svelte-52lifo .select-left-icon {--image-width: var(--select-left-icon-size, 16px);--image-height: var(--select-left-icon-size, 16px);--image-object-fit: contain;\n\n /* The icon inlines, so a currentColor asset resolves against this. Defaults to\n `inherit` — the trigger's text colour, which is what it already did — so this is\n a hook, not a change. Without it a consumer cannot tint the icon independently\n of the label, and an icon migrated to currentColor is forced to match its label\n exactly, flattening any deliberate muted-icon/strong-label hierarchy. */color:var(--select-left-icon-color, inherit);flex:none;}.select-trigger.svelte-52lifo:hover:not(.disabled:where(.svelte-52lifo) .select-trigger:where(.svelte-52lifo)) {border-color:var(--select-trigger-hover-border-color, #999999);}.select-trigger.svelte-52lifo:focus-within,\n .select.open.svelte-52lifo .select-trigger:where(.svelte-52lifo) {border-color:var(--select-trigger-focus-border-color, #2563eb);box-shadow:var(--select-trigger-focus-shadow, 0 0 0 2px rgba(37, 99, 235, 0.2));}.select-value.svelte-52lifo {flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:var(--select-value-align, left);}.select-placeholder.svelte-52lifo {flex:1;color:var(--select-placeholder-color, #999999);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:var(--select-value-align, left);}.select-search.svelte-52lifo {flex:1;min-width:60px;border:none;outline:none;background:transparent;font-family:inherit;font-size:inherit;color:inherit;padding:0;cursor:text;}.select-search.svelte-52lifo::placeholder {color:var(--select-placeholder-color, #999999);}.select-arrow.svelte-52lifo {display:inline-flex;align-items:center;justify-content:center;width:var(--select-arrow-size, 16px);height:var(--select-arrow-size, 16px);color:var(--select-arrow-color, #666666);flex-shrink:0;transition:transform 0.15s;}.select.open.svelte-52lifo .select-arrow:where(.svelte-52lifo) {transform:rotate(180deg);}.select-arrow.svelte-52lifo svg {width:100%;height:100%;}.select-dropdown.svelte-52lifo {position:absolute;top:100%;left:var(--select-dropdown-left, 0);right:var(--select-dropdown-right, 0);min-width:var(--select-dropdown-min-width, auto);max-width:var(--select-dropdown-max-width, none);width:var(--select-dropdown-width, auto);margin-top:var(--select-dropdown-gap, 4px);background:var(--select-dropdown-background, #ffffff);border:var(--select-dropdown-border, 1px solid #cccccc);border-radius:var(--select-dropdown-border-radius, var(--radius, 4px));box-shadow:var(--select-dropdown-shadow, 0 4px 12px rgba(0, 0, 0, 0.1));max-height:var(--select-dropdown-max-height, 200px);overflow-y:auto;z-index:var(--select-dropdown-z-index, 10);}.select-dropdown-right.svelte-52lifo {left:auto;right:var(--select-dropdown-right, 0);min-width:var(--select-dropdown-min-width, 100%);max-width:var(--select-dropdown-max-width, none);width:var(--select-dropdown-width, max-content);}.select-dropdown.select-dropdown-portal.svelte-52lifo {\n /* Portaled to <body>: fixed positioning escapes overflow/scroll ancestors\n (e.g. a table cell). Placement (top/left/width/min-width) is set inline\n from the trigger rect, so neutralise the in-flow anchoring here. */position:fixed;right:auto;margin-top:0;\n /* In the root stacking context the panel competes with modals/sheets rather\n than painting above same-container siblings, so default it into the\n top-layer band (consumers still override via --select-dropdown-z-index). */z-index:var(--select-dropdown-z-index, 1000);}.select-option.svelte-52lifo {padding:var(--select-option-padding, 8px 12px);color:var(--select-option-color, #333333);font-size:var(--select-option-font-size, inherit);cursor:pointer;transition:background 0.1s;}\n\n /* Per-option leading icon (SelectItem.icon). Kept inline + vertically centred so\n it needs no change to the option's display and can't regress icon-less lists. */.select-option.svelte-52lifo .select-option-icon {--image-width: var(--select-option-icon-size, 16px);--image-height: var(--select-option-icon-size, 16px);--image-object-fit: contain;color:var(--select-option-icon-color, inherit);vertical-align:middle;margin-right:var(--select-option-icon-gap, 8px);}.select-option.multi.svelte-52lifo {display:flex;align-items:center;gap:var(--select-option-gap, 0);}.select-option.svelte-52lifo:hover,\n .select-option.highlighted.svelte-52lifo {background:var(--select-option-hover-background, #f0f0f0);color:var(--select-option-hover-color, var(--select-option-color, #333333));}.select-option.selected.svelte-52lifo {background:var(--select-option-selected-background, #e8f0fe);color:var(--select-option-selected-color, var(--select-option-color, #333333));}.select-option.selected.highlighted.svelte-52lifo {background:var(\n --select-option-selected-hover-background,\n var(--select-option-selected-background, #e8f0fe)\n );}.select-option-indicator.svelte-52lifo {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;width:var(--select-option-indicator-size, 18px);height:var(--select-option-indicator-size, 18px);border:var(--select-option-indicator-border, 2px solid #757575);border-radius:var(--select-option-indicator-border-radius, var(--radius, 4px));background-color:var(--select-option-indicator-background, transparent);color:var(--select-option-indicator-color, currentColor);transition:background-color 0.15s,\n border-color 0.15s;}.select-option-indicator.checked.svelte-52lifo {background-color:var(--select-option-indicator-checked-background, #2196f3);border-color:var(--select-option-indicator-checked-border-color, #2196f3);}.select-option-check.svelte-52lifo {display:inline-flex;align-items:center;justify-content:center;width:var(--select-option-indicator-check-size, 12px);height:var(--select-option-indicator-check-size, 12px);color:var(--select-option-indicator-check-color, #ffffff);}.select-option-check.svelte-52lifo svg {width:100%;height:100%;}.select-option-indicator.indeterminate.svelte-52lifo {background-color:var(--select-option-indicator-checked-background, #2196f3);border-color:var(--select-option-indicator-checked-border-color, #2196f3);}.select-option-dash.svelte-52lifo {width:var(--select-option-indicator-dash-size, 10px);height:var(--select-option-indicator-dash-thickness, 2px);border-radius:1px;background-color:var(--select-option-indicator-dash-color, #ffffff);}.select-option.select-all.svelte-52lifo {border-bottom:var(--select-all-border, none);font-weight:var(--select-all-font-weight, inherit);}.select-empty.svelte-52lifo {padding:var(--select-empty-padding, 8px 12px);color:var(--select-empty-color, #999999);font-style:var(--select-empty-font-style, italic);font-size:var(--select-empty-font-size, inherit);}.select-bottom-content.svelte-52lifo {border-top:var(--select-bottom-content-border, none);padding:var(--select-bottom-content-padding, 8px 12px);}.select-trigger.svelte-52lifo .pill {--pill-background: var(--select-pill-background, #e0e0e0);--pill-color: var(--select-pill-color, #333333);--pill-border-radius: var(--select-pill-border-radius, 999px);--pill-padding: var(--select-pill-padding, 2px 8px);--pill-font-size: var(--select-pill-font-size, 13px);}\n\n /* Ghost hierarchy: transparent, borderless trigger */.select.ghost.svelte-52lifo .select-trigger:where(.svelte-52lifo) {background:var(--select-ghost-trigger-background, transparent);border-color:var(--select-ghost-trigger-border-color, transparent);box-shadow:none;}.select.ghost.svelte-52lifo .select-trigger:where(.svelte-52lifo):hover:not(.disabled:where(.svelte-52lifo) .select-trigger:where(.svelte-52lifo)) {border-color:var(--select-ghost-trigger-hover-border-color, transparent);background:var(--select-ghost-trigger-hover-background, rgba(0, 0, 0, 0.04));}.select.ghost.open.svelte-52lifo .select-trigger:where(.svelte-52lifo) {border-color:var(--select-ghost-trigger-open-border-color, transparent);background:var(--select-ghost-trigger-open-background, rgba(0, 0, 0, 0.06));box-shadow:none;}\n\n /* Single-select right-edge tick (showSelectedTick) */.select-option.tickable.svelte-52lifo {display:flex;align-items:center;gap:8px;}.select-option.tickable.svelte-52lifo .select-option-label:where(.svelte-52lifo) {flex:1 1 auto;min-width:0;}.select-option-tick.svelte-52lifo {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--select-option-tick-size, 16px);height:var(--select-option-tick-size, 16px);color:var(--select-option-tick-color, #2563eb);}.select-option-tick.svelte-52lifo svg {width:100%;height:100%;}"
16998
+ code: ".select.svelte-52lifo {position:relative;width:var(--select-width, 100%);font-family:var(--select-font-family, inherit);font-size:var(--select-font-size, 14px);color:var(--select-color, #333333);}.select.disabled.svelte-52lifo {opacity:var(--select-disabled-opacity, 0.5);cursor:var(--select-disabled-cursor, not-allowed);pointer-events:none;}.select-trigger.svelte-52lifo {display:flex;flex-wrap:wrap;align-items:center;gap:var(--select-trigger-gap, 4px);min-height:var(--select-trigger-min-height, 40px);padding:var(--select-trigger-padding, 8px 12px);background:var(--select-trigger-background, #ffffff);border:var(--select-trigger-border, 1px solid #cccccc);border-radius:var(--select-trigger-border-radius, var(--radius, 4px));cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;transition:var(--select-trigger-transition, border-color 0.15s, box-shadow 0.15s);}.select-trigger.svelte-52lifo .select-left-icon {--image-width: var(--select-left-icon-size, 16px);--image-height: var(--select-left-icon-size, 16px);--image-object-fit: contain;\n\n /* The icon inlines, so a currentColor asset resolves against this. Defaults to\n `inherit` — the trigger's text colour, which is what it already did — so this is\n a hook, not a change. Without it a consumer cannot tint the icon independently\n of the label, and an icon migrated to currentColor is forced to match its label\n exactly, flattening any deliberate muted-icon/strong-label hierarchy. */color:var(--select-left-icon-color, inherit);flex:none;}.select-trigger.svelte-52lifo:hover:not(.disabled:where(.svelte-52lifo) .select-trigger:where(.svelte-52lifo)) {border-color:var(--select-trigger-hover-border-color, #999999);}.select-trigger.svelte-52lifo:focus-within,\n .select.open.svelte-52lifo .select-trigger:where(.svelte-52lifo) {border-color:var(--select-trigger-focus-border-color, #2563eb);box-shadow:var(--select-trigger-focus-shadow, 0 0 0 2px rgba(37, 99, 235, 0.2));}\n\n /* Pressed feedback on the trigger. `:active` only, so it lasts exactly as\n long as the pointer is down and never lingers as a stuck state the way a\n class-driven one can. */.select.svelte-52lifo:not(.disabled) .select-trigger:where(.svelte-52lifo):active {background:var(--select-trigger-pressed-background, #ededed);}\n\n /* The error border has to outrank BOTH hover and focus/open, or the field\n stops reading as invalid the moment the user enters it -- which is the one\n moment they most need to see it. Listed after them, at equal or higher\n specificity, rather than reached for with !important. */.select.error.svelte-52lifo .select-trigger:where(.svelte-52lifo),\n .select.error.svelte-52lifo .select-trigger:where(.svelte-52lifo):hover,\n .select.error.svelte-52lifo .select-trigger:where(.svelte-52lifo):focus-within,\n .select.error.open.svelte-52lifo .select-trigger:where(.svelte-52lifo) {border-color:var(--select-trigger-error-border-color, #dc2626);}.select.error.svelte-52lifo .select-trigger:where(.svelte-52lifo):focus-within,\n .select.error.open.svelte-52lifo .select-trigger:where(.svelte-52lifo) {box-shadow:var(--select-trigger-error-shadow, 0 0 0 2px rgba(220, 38, 38, 0.2));}.select-error-message.svelte-52lifo {margin-top:var(--select-error-message-margin-top, 4px);font-size:var(--select-error-message-font-size, 12px);color:var(--select-error-message-color, #dc2626);}.select-control.svelte-52lifo {position:relative;}.select-control.has-clear.svelte-52lifo .select-trigger:where(.svelte-52lifo) {padding-inline-end:calc(var(--select-clear-size, 18px) + 36px);}.select-control.has-clear.svelte-52lifo .select-arrow:where(.svelte-52lifo) {position:absolute;right:12px;}.select-clear.svelte-52lifo {position:absolute;right:32px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--select-clear-size, 18px);height:var(--select-clear-size, 18px);margin:0;padding:0;border:none;border-radius:var(--select-clear-border-radius, var(--radius, 4px));background:var(--select-clear-background, transparent);color:var(--select-clear-color, #666666);font-size:var(--select-clear-font-size, 16px);line-height:1;cursor:pointer;}.select-clear.svelte-52lifo:focus-visible {outline:var(--select-clear-focus-outline, 2px solid currentColor);outline-offset:2px;}.select-clear.svelte-52lifo:hover {background:var(--select-clear-hover-background, #ededed);color:var(--select-clear-hover-color, #111111);}.select-clear.svelte-52lifo:active {background:var(--select-clear-pressed-background, #e0e0e0);}.select-value.svelte-52lifo {flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:var(--select-value-align, left);}.select-placeholder.svelte-52lifo {flex:1;color:var(--select-placeholder-color, #999999);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:var(--select-value-align, left);}.select-search.svelte-52lifo {flex:1;min-width:60px;border:none;outline:none;background:transparent;font-family:inherit;font-size:inherit;color:inherit;padding:0;cursor:text;}.select-search.svelte-52lifo::placeholder {color:var(--select-placeholder-color, #999999);}.select-arrow.svelte-52lifo {display:inline-flex;align-items:center;justify-content:center;width:var(--select-arrow-size, 16px);height:var(--select-arrow-size, 16px);color:var(--select-arrow-color, #666666);flex-shrink:0;transition:transform 0.15s;}.select.open.svelte-52lifo .select-arrow:where(.svelte-52lifo) {transform:rotate(180deg);}.select-arrow.svelte-52lifo svg {width:100%;height:100%;}.select-dropdown.svelte-52lifo {position:absolute;top:100%;left:var(--select-dropdown-left, 0);right:var(--select-dropdown-right, 0);min-width:var(--select-dropdown-min-width, auto);max-width:var(--select-dropdown-max-width, none);width:var(--select-dropdown-width, auto);margin-top:var(--select-dropdown-gap, 4px);background:var(--select-dropdown-background, #ffffff);border:var(--select-dropdown-border, 1px solid #cccccc);border-radius:var(--select-dropdown-border-radius, var(--radius, 4px));box-shadow:var(--select-dropdown-shadow, 0 4px 12px rgba(0, 0, 0, 0.1));max-height:var(--select-dropdown-max-height, 200px);overflow-y:auto;z-index:var(--select-dropdown-z-index, 10);}.select-dropdown-right.svelte-52lifo {left:auto;right:var(--select-dropdown-right, 0);min-width:var(--select-dropdown-min-width, 100%);max-width:var(--select-dropdown-max-width, none);width:var(--select-dropdown-width, max-content);}.select-dropdown.select-dropdown-portal.svelte-52lifo {\n /* Portaled to <body>: fixed positioning escapes overflow/scroll ancestors\n (e.g. a table cell). Placement (top/left/width/min-width) is set inline\n from the trigger rect, so neutralise the in-flow anchoring here. */position:fixed;right:auto;margin-top:0;\n /* In the root stacking context the panel competes with modals/sheets rather\n than painting above same-container siblings, so default it into the\n top-layer band (consumers still override via --select-dropdown-z-index). */z-index:var(--select-dropdown-z-index, 1000);}.select-option.svelte-52lifo {padding:var(--select-option-padding, 8px 12px);color:var(--select-option-color, #333333);font-size:var(--select-option-font-size, inherit);cursor:pointer;transition:background 0.1s;}\n\n /* Per-option leading icon (SelectItem.icon). Kept inline + vertically centred so\n it needs no change to the option's display and can't regress icon-less lists. */.select-option.svelte-52lifo .select-option-icon {--image-width: var(--select-option-icon-size, 16px);--image-height: var(--select-option-icon-size, 16px);--image-object-fit: contain;color:var(--select-option-icon-color, inherit);vertical-align:middle;margin-right:var(--select-option-icon-gap, 8px);}.select-option.multi.svelte-52lifo {display:flex;align-items:center;gap:var(--select-option-gap, 0);}.select-option.svelte-52lifo:hover,\n .select-option.highlighted.svelte-52lifo {background:var(--select-option-hover-background, #f0f0f0);color:var(--select-option-hover-color, var(--select-option-color, #333333));}.select-option.selected.svelte-52lifo {background:var(--select-option-selected-background, #e8f0fe);color:var(--select-option-selected-color, var(--select-option-color, #333333));}.select-option.selected.highlighted.svelte-52lifo {background:var(\n --select-option-selected-hover-background,\n var(--select-option-selected-background, #e8f0fe)\n );}\n\n /* Pressed feedback comes last, and each selector carries enough specificity\n to outrank its non-active counterpart above. An option is always hovered\n when pressed and is often selected too, so a single low-specificity rule\n earlier in the sheet would be correct in isolation and invisible in\n practice -- which is how a pressed state ends up shipping as dead CSS.\n A press on an already-selected row still has to confirm the tap landed. */.select-option.svelte-52lifo:active,\n .select-option.selected.svelte-52lifo:active,\n .select-option.selected.highlighted.svelte-52lifo:active {background:var(--select-option-pressed-background, #ededed);}.select-option-indicator.svelte-52lifo {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;width:var(--select-option-indicator-size, 18px);height:var(--select-option-indicator-size, 18px);border:var(--select-option-indicator-border, 2px solid #757575);border-radius:var(--select-option-indicator-border-radius, var(--radius, 4px));background-color:var(--select-option-indicator-background, transparent);color:var(--select-option-indicator-color, currentColor);transition:background-color 0.15s,\n border-color 0.15s;}.select-option-indicator.checked.svelte-52lifo {background-color:var(--select-option-indicator-checked-background, #2196f3);border-color:var(--select-option-indicator-checked-border-color, #2196f3);}.select-option-check.svelte-52lifo {display:inline-flex;align-items:center;justify-content:center;width:var(--select-option-indicator-check-size, 12px);height:var(--select-option-indicator-check-size, 12px);color:var(--select-option-indicator-check-color, #ffffff);}.select-option-check.svelte-52lifo svg {width:100%;height:100%;}.select-option-indicator.indeterminate.svelte-52lifo {background-color:var(--select-option-indicator-checked-background, #2196f3);border-color:var(--select-option-indicator-checked-border-color, #2196f3);}.select-option-dash.svelte-52lifo {width:var(--select-option-indicator-dash-size, 10px);height:var(--select-option-indicator-dash-thickness, 2px);border-radius:1px;background-color:var(--select-option-indicator-dash-color, #ffffff);}.select-option.select-all.svelte-52lifo {border-bottom:var(--select-all-border, none);font-weight:var(--select-all-font-weight, inherit);}.select-empty.svelte-52lifo {padding:var(--select-empty-padding, 8px 12px);color:var(--select-empty-color, #999999);font-style:var(--select-empty-font-style, italic);font-size:var(--select-empty-font-size, inherit);}.select-bottom-content.svelte-52lifo {border-top:var(--select-bottom-content-border, none);padding:var(--select-bottom-content-padding, 8px 12px);}.select-trigger.svelte-52lifo .pill {--pill-background: var(--select-pill-background, #e0e0e0);--pill-color: var(--select-pill-color, #333333);--pill-border-radius: var(--select-pill-border-radius, 999px);--pill-padding: var(--select-pill-padding, 2px 8px);--pill-font-size: var(--select-pill-font-size, 13px);}\n\n /* Ghost hierarchy: transparent, borderless trigger */.select.ghost.svelte-52lifo .select-trigger:where(.svelte-52lifo) {background:var(--select-ghost-trigger-background, transparent);border-color:var(--select-ghost-trigger-border-color, transparent);box-shadow:none;}.select.ghost.svelte-52lifo .select-trigger:where(.svelte-52lifo):hover:not(.disabled:where(.svelte-52lifo) .select-trigger:where(.svelte-52lifo)) {border-color:var(--select-ghost-trigger-hover-border-color, transparent);background:var(--select-ghost-trigger-hover-background, rgba(0, 0, 0, 0.04));}.select.ghost.open.svelte-52lifo .select-trigger:where(.svelte-52lifo) {border-color:var(--select-ghost-trigger-open-border-color, transparent);background:var(--select-ghost-trigger-open-background, rgba(0, 0, 0, 0.06));box-shadow:none;}\n\n /* Single-select right-edge tick (showSelectedTick) */.select-option.tickable.svelte-52lifo {display:flex;align-items:center;gap:8px;}.select-option.tickable.svelte-52lifo .select-option-label:where(.svelte-52lifo) {flex:1 1 auto;min-width:0;}.select-option-tick.svelte-52lifo {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--select-option-tick-size, 16px);height:var(--select-option-tick-size, 16px);color:var(--select-option-tick-color, #2563eb);}.select-option-tick.svelte-52lifo svg {width:100%;height:100%;}"
16999
16999
  };
17000
17000
  function Select(e, t) {
17001
+ let n = props_id();
17001
17002
  push(t, !0), append_styles$1(e, $$css$38);
17002
- let n = prop(t, "items", 7), i = prop(t, "value", 31, () => proxy([])), a = prop(t, "multiple", 7, !1), o = prop(t, "searchable", 7, !1), s = prop(t, "placeholder", 7, ""), c = prop(t, "disabled", 7, !1), l = prop(t, "bottomContent", 7), u = prop(t, "optionIndicator", 7), f = prop(t, "showSelectAll", 7, !1), p = prop(t, "selectAllLabel", 7, "Select all"), h = prop(t, "showSelectedTick", 7, !1), S = prop(t, "triggerSummary", 7), C = prop(t, "testId", 7), k = prop(t, "itemTestId", 7), R = prop(t, "onchange", 7), G = prop(t, "onopen", 7), te = prop(t, "onclose", 7), ne = prop(t, "classes", 7), re = prop(t, "open", 15, !1), be = prop(t, "dropdownAlign", 7, "left"), Me = prop(t, "hierarchy", 7, "default"), Re = prop(t, "leftIcon", 7), Ue = prop(t, "leftIconTestId", 7), it = prop(t, "usePortal", 7, !1);
17003
- function at(e) {
17003
+ let i = prop(t, "items", 7), a = prop(t, "value", 31, () => proxy([])), o = prop(t, "multiple", 7, !1), s = prop(t, "searchable", 7, !1), c = prop(t, "placeholder", 7, ""), l = prop(t, "disabled", 7, !1), u = prop(t, "error", 7, !1), f = prop(t, "errorMessage", 7), p = prop(t, "clearable", 7, !1), h = prop(t, "onclear", 7), S = prop(t, "bottomContent", 7), C = prop(t, "optionIndicator", 7), k = prop(t, "showSelectAll", 7, !1), R = prop(t, "selectAllLabel", 7, "Select all"), G = prop(t, "showSelectedTick", 7, !1), te = prop(t, "triggerSummary", 7), ne = prop(t, "testId", 7), re = prop(t, "itemTestId", 7), be = prop(t, "onchange", 7), Me = prop(t, "onopen", 7), Re = prop(t, "onclose", 7), Ue = prop(t, "classes", 7), it = prop(t, "open", 15, !1), at = prop(t, "dropdownAlign", 7, "left"), ot = prop(t, "hierarchy", 7, "default"), ct = prop(t, "leftIcon", 7), lt = prop(t, "leftIconTestId", 7), ut = prop(t, "usePortal", 7, !1);
17004
+ function dt(e) {
17004
17005
  return e.map((e) => typeof e == "string" ? {
17005
17006
  id: e,
17006
17007
  label: e
17007
17008
  } : e);
17008
17009
  }
17009
- let ot = /* @__PURE__ */ user_derived(() => at(n())), ct = /* @__PURE__ */ state(""), lt = /* @__PURE__ */ state(-1), ut = /* @__PURE__ */ state(null), dt = /* @__PURE__ */ state(null), ft = /* @__PURE__ */ state(null), pt = /* @__PURE__ */ state(null), mt = /* @__PURE__ */ state(0), ht = /* @__PURE__ */ state(0), gt = /* @__PURE__ */ state(0), _t = 4, vt = `select-listbox-${Math.random().toString(36).slice(2, 9)}`;
17010
- function yt(e) {
17011
- let t = get(ot).find((t) => t.id === e);
17010
+ let ft = /* @__PURE__ */ user_derived(() => dt(i())), pt = /* @__PURE__ */ state(""), mt = !1, ht = /* @__PURE__ */ state(-1), gt = /* @__PURE__ */ state(null), _t = /* @__PURE__ */ state(null), vt = /* @__PURE__ */ state(null), yt = /* @__PURE__ */ state(null), bt = /* @__PURE__ */ state(0), xt = /* @__PURE__ */ state(0), St = /* @__PURE__ */ state(0), Ct = 4, wt = `select-listbox-${n}`, Tt = `${wt}-error`, Et = /* @__PURE__ */ user_derived(() => u() && typeof f() == "string" && f().trim().length > 0), Dt = /* @__PURE__ */ user_derived(() => p() && !l() && a().length > 0);
17011
+ function Ot(e) {
17012
+ e.stopPropagation(), a().length !== 0 && (a([]), be()?.(a()), h()?.(), s() && get(_t) !== null ? (mt = !0, get(_t).focus(), mt = !1) : get(vt)?.focus());
17013
+ }
17014
+ function kt(e) {
17015
+ let t = get(ft).find((t) => t.id === e);
17012
17016
  return typeof t == "object" ? t.label : e;
17013
17017
  }
17014
- let bt = /* @__PURE__ */ user_derived(() => o() && get(ct).length > 0 ? get(ot).filter((e) => e.label.toLowerCase().includes(get(ct).toLowerCase())) : get(ot)), xt = /* @__PURE__ */ user_derived(() => a() && f() && get(bt).length > 0), St = /* @__PURE__ */ user_derived(() => get(bt).filter((e) => i().includes(e.id)).length), Ct = /* @__PURE__ */ user_derived(() => get(bt).length > 0 && get(St) === get(bt).length), wt = /* @__PURE__ */ user_derived(() => get(St) > 0 && get(St) < get(bt).length), Tt = /* @__PURE__ */ user_derived(() => get(xt) ? [{ kind: "select-all" }, ...get(bt).map((e) => ({
17018
+ let At = /* @__PURE__ */ user_derived(() => s() && get(pt).length > 0 ? get(ft).filter((e) => e.label.toLowerCase().includes(get(pt).toLowerCase())) : get(ft)), jt = /* @__PURE__ */ user_derived(() => o() && k() && get(At).length > 0), Mt = /* @__PURE__ */ user_derived(() => get(At).filter((e) => a().includes(e.id)).length), Nt = /* @__PURE__ */ user_derived(() => get(At).length > 0 && get(Mt) === get(At).length), Pt = /* @__PURE__ */ user_derived(() => get(Mt) > 0 && get(Mt) < get(At).length), It = /* @__PURE__ */ user_derived(() => get(jt) ? [{ kind: "select-all" }, ...get(At).map((e) => ({
17015
17019
  kind: "item",
17016
17020
  item: e
17017
- }))] : get(bt).map((e) => ({
17021
+ }))] : get(At).map((e) => ({
17018
17022
  kind: "item",
17019
17023
  item: e
17020
- }))), Et = /* @__PURE__ */ user_derived(() => {
17021
- let e = i().at(0);
17022
- return typeof e == "string" ? yt(e) : "";
17023
- }), Dt = /* @__PURE__ */ user_derived(() => get(lt) >= 0 ? `${vt}-option-${get(lt)}` : null), Ot = /* @__PURE__ */ user_derived(() => re() && get(Et).length > 0 ? get(Et) : s());
17024
+ }))), Lt = /* @__PURE__ */ user_derived(() => {
17025
+ let e = a().at(0);
17026
+ return typeof e == "string" ? kt(e) : "";
17027
+ }), Rt = /* @__PURE__ */ user_derived(() => get(ht) >= 0 ? `${wt}-option-${get(ht)}` : null), zt = /* @__PURE__ */ user_derived(() => it() && get(Lt).length > 0 ? get(Lt) : c());
17024
17028
  user_effect(() => {
17025
- if (!it() || !re() || typeof window > "u") return;
17029
+ if (!ut() || !it() || typeof window > "u") return;
17026
17030
  let e = null, t = () => {
17027
17031
  e === null && (e = requestAnimationFrame(() => {
17028
- e = null, set(gt, get(gt) + 1);
17032
+ e = null, set(St, get(St) + 1);
17029
17033
  }));
17030
17034
  };
17031
17035
  return window.addEventListener("scroll", t, {
@@ -17035,12 +17039,12 @@ function Select(e, t) {
17035
17039
  window.removeEventListener("scroll", t, { capture: !0 }), window.removeEventListener("resize", t), e !== null && cancelAnimationFrame(e);
17036
17040
  };
17037
17041
  });
17038
- let kt = (e) => {
17039
- if (it()) return document.body.appendChild(e), { destroy: () => e.remove() };
17040
- }, At = /* @__PURE__ */ user_derived(() => {
17041
- if (!it() || !re() || get(ft) === null) return "";
17042
- get(gt);
17043
- let e = get(ft).getBoundingClientRect(), t = typeof window > "u" ? {
17042
+ let Bt = (e) => {
17043
+ if (ut()) return document.body.appendChild(e), { destroy: () => e.remove() };
17044
+ }, Ht = /* @__PURE__ */ user_derived(() => {
17045
+ if (!ut() || !it() || get(vt) === null) return "";
17046
+ get(St);
17047
+ let e = get(vt).getBoundingClientRect(), t = typeof window > "u" ? {
17044
17048
  width: Infinity,
17045
17049
  height: Infinity
17046
17050
  } : {
@@ -17055,458 +17059,507 @@ function Select(e, t) {
17055
17059
  width: e.width
17056
17060
  },
17057
17061
  dropdown: {
17058
- width: get(mt),
17059
- height: get(ht)
17062
+ width: get(bt),
17063
+ height: get(xt)
17060
17064
  },
17061
17065
  viewport: t,
17062
- align: be(),
17066
+ align: at(),
17063
17067
  gap: 4
17064
17068
  }), i = n.width === null ? "" : `width:${n.width}px;`;
17065
17069
  return `top:${n.top}px;left:${n.left}px;min-width:${n.minWidth}px;${i}`;
17066
17070
  });
17067
- async function jt() {
17068
- c() || re() || (re(!0), G()?.(), set(lt, -1), set(ct, ""), o() && (await tick(), get(dt) !== null && get(dt).focus()));
17069
- }
17070
- function Mt() {
17071
- re(!1), te()?.(), set(ct, ""), set(lt, -1);
17071
+ async function Gt() {
17072
+ l() || it() || (it(!0), Me()?.(), set(ht, -1), set(pt, ""), s() && (await tick(), get(_t) !== null && get(_t).focus()));
17072
17073
  }
17073
- function Nt(e) {
17074
- c() || (a() ? i(i().includes(e) ? i().filter((t) => t !== e) : [...i(), e]) : (i([e]), Mt()), R()?.(i()));
17074
+ function qt() {
17075
+ it(!1), Re()?.(), set(pt, ""), set(ht, -1);
17075
17076
  }
17076
- function Pt(e) {
17077
- c() || (i(i().filter((t) => t !== e)), R()?.(i()));
17077
+ function Zt(e) {
17078
+ l() || (o() ? a(a().includes(e) ? a().filter((t) => t !== e) : [...a(), e]) : (a([e]), qt()), be()?.(a()));
17078
17079
  }
17079
- function It() {
17080
- c() || (get(Ct) ? i(i().filter((e) => !get(bt).some((t) => t.id === e))) : i([...new Set([...i(), ...get(bt).map((e) => e.id)])]), R()?.(i()));
17080
+ function Qt(e) {
17081
+ l() || (a(a().filter((t) => t !== e)), be()?.(a()));
17081
17082
  }
17082
- function Lt() {
17083
- if (get(lt) < 0 || get(lt) >= get(Tt).length) return;
17084
- let e = get(Tt).at(get(lt));
17085
- typeof e != "object" || !e || (e.kind === "select-all" ? It() : Nt(e.item.id));
17083
+ function $t() {
17084
+ l() || (get(Nt) ? a(a().filter((e) => !get(At).some((t) => t.id === e))) : a([...new Set([...a(), ...get(At).map((e) => e.id)])]), be()?.(a()));
17086
17085
  }
17087
- async function Rt(e) {
17088
- let t = get(lt) + e;
17089
- if (!(t < 0 || t >= get(Tt).length) && (set(lt, t), await tick(), get(pt) !== null)) {
17090
- let e = get(pt).querySelector(".select-option.highlighted");
17086
+ function en() {
17087
+ if (get(ht) < 0 || get(ht) >= get(It).length) return;
17088
+ let e = get(It).at(get(ht));
17089
+ typeof e != "object" || !e || (e.kind === "select-all" ? $t() : Zt(e.item.id));
17090
+ }
17091
+ async function tn(e) {
17092
+ let t = get(ht) + e;
17093
+ if (!(t < 0 || t >= get(It).length) && (set(ht, t), await tick(), get(yt) !== null)) {
17094
+ let e = get(yt).querySelector(".select-option.highlighted");
17091
17095
  e instanceof HTMLElement && e.scrollIntoView({ block: "nearest" });
17092
17096
  }
17093
17097
  }
17094
- function zt(e) {
17098
+ function nn(e) {
17095
17099
  if (e.target instanceof HTMLInputElement) {
17096
- re() || jt();
17100
+ it() || Gt();
17097
17101
  return;
17098
17102
  }
17099
- re() ? Mt() : jt();
17103
+ it() ? qt() : Gt();
17100
17104
  }
17101
- function Bt(e) {
17102
- if (!c()) switch (e.key) {
17105
+ function rn(e) {
17106
+ if (!l()) switch (e.key) {
17103
17107
  case "Enter":
17104
- e.preventDefault(), re() ? Lt() : jt();
17108
+ e.preventDefault(), it() ? en() : Gt();
17105
17109
  break;
17106
17110
  case " ":
17107
- e.target instanceof HTMLInputElement || (e.preventDefault(), re() ? Lt() : jt());
17111
+ e.target instanceof HTMLInputElement || (e.preventDefault(), it() ? en() : Gt());
17108
17112
  break;
17109
17113
  case "ArrowDown":
17110
- e.preventDefault(), re() ? Rt(1) : jt();
17114
+ e.preventDefault(), it() ? tn(1) : Gt();
17111
17115
  break;
17112
17116
  case "ArrowUp":
17113
- e.preventDefault(), Rt(-1);
17117
+ e.preventDefault(), tn(-1);
17114
17118
  break;
17115
17119
  case "Escape":
17116
- re() && (Mt(), !o() && get(ft) !== null && get(ft).focus());
17120
+ it() && (qt(), !s() && get(vt) !== null && get(vt).focus());
17117
17121
  break;
17118
17122
  case "Backspace":
17119
- if (a() && get(ct) === "" && i().length > 0) {
17120
- let e = i().at(-1);
17121
- typeof e == "string" && Pt(e);
17123
+ if (o() && get(pt) === "" && a().length > 0) {
17124
+ let e = a().at(-1);
17125
+ typeof e == "string" && Qt(e);
17122
17126
  }
17123
17127
  break;
17124
17128
  case "Tab":
17125
- re() && Mt();
17129
+ it() && qt();
17126
17130
  break;
17127
17131
  }
17128
17132
  }
17129
- function Ht(e) {
17130
- e.target instanceof HTMLInputElement && (set(ct, e.target.value, !0), re() || jt(), set(lt, -1));
17133
+ function an(e) {
17134
+ e.target instanceof HTMLInputElement && (set(pt, e.target.value, !0), it() || Gt(), set(ht, -1));
17131
17135
  }
17132
- function Gt() {
17133
- re() || jt();
17136
+ function on() {
17137
+ !it() && !mt && Gt();
17134
17138
  }
17135
- function qt(e) {
17136
- e.target instanceof Node && get(ut) !== null && !get(ut).contains(e.target) && !(get(pt) !== null && get(pt).contains(e.target)) && Mt();
17139
+ function sn(e) {
17140
+ e.target instanceof Node && get(gt) !== null && !get(gt).contains(e.target) && !(get(yt) !== null && get(yt).contains(e.target)) && qt();
17137
17141
  }
17138
- onMount(() => (document.addEventListener("click", qt), () => {
17139
- document.removeEventListener("click", qt), re() && te()?.();
17142
+ onMount(() => (document.addEventListener("click", sn), () => {
17143
+ document.removeEventListener("click", sn), it() && Re()?.();
17140
17144
  }));
17141
- var Zt = {
17145
+ var cn = {
17142
17146
  get items() {
17143
- return n();
17147
+ return i();
17144
17148
  },
17145
17149
  set items(e) {
17146
- n(e), flushSync();
17150
+ i(e), flushSync();
17147
17151
  },
17148
17152
  get value() {
17149
- return i();
17153
+ return a();
17150
17154
  },
17151
17155
  set value(e = []) {
17152
- i(e), flushSync();
17156
+ a(e), flushSync();
17153
17157
  },
17154
17158
  get multiple() {
17155
- return a();
17159
+ return o();
17156
17160
  },
17157
17161
  set multiple(e = !1) {
17158
- a(e), flushSync();
17162
+ o(e), flushSync();
17159
17163
  },
17160
17164
  get searchable() {
17161
- return o();
17165
+ return s();
17162
17166
  },
17163
17167
  set searchable(e = !1) {
17164
- o(e), flushSync();
17168
+ s(e), flushSync();
17165
17169
  },
17166
17170
  get placeholder() {
17167
- return s();
17171
+ return c();
17168
17172
  },
17169
17173
  set placeholder(e = "") {
17170
- s(e), flushSync();
17174
+ c(e), flushSync();
17171
17175
  },
17172
17176
  get disabled() {
17173
- return c();
17177
+ return l();
17174
17178
  },
17175
17179
  set disabled(e = !1) {
17176
- c(e), flushSync();
17180
+ l(e), flushSync();
17181
+ },
17182
+ get error() {
17183
+ return u();
17184
+ },
17185
+ set error(e = !1) {
17186
+ u(e), flushSync();
17187
+ },
17188
+ get errorMessage() {
17189
+ return f();
17190
+ },
17191
+ set errorMessage(e) {
17192
+ f(e), flushSync();
17193
+ },
17194
+ get clearable() {
17195
+ return p();
17196
+ },
17197
+ set clearable(e = !1) {
17198
+ p(e), flushSync();
17199
+ },
17200
+ get onclear() {
17201
+ return h();
17202
+ },
17203
+ set onclear(e) {
17204
+ h(e), flushSync();
17177
17205
  },
17178
17206
  get bottomContent() {
17179
- return l();
17207
+ return S();
17180
17208
  },
17181
17209
  set bottomContent(e) {
17182
- l(e), flushSync();
17210
+ S(e), flushSync();
17183
17211
  },
17184
17212
  get optionIndicator() {
17185
- return u();
17213
+ return C();
17186
17214
  },
17187
17215
  set optionIndicator(e) {
17188
- u(e), flushSync();
17216
+ C(e), flushSync();
17189
17217
  },
17190
17218
  get showSelectAll() {
17191
- return f();
17219
+ return k();
17192
17220
  },
17193
17221
  set showSelectAll(e = !1) {
17194
- f(e), flushSync();
17222
+ k(e), flushSync();
17195
17223
  },
17196
17224
  get selectAllLabel() {
17197
- return p();
17225
+ return R();
17198
17226
  },
17199
17227
  set selectAllLabel(e = "Select all") {
17200
- p(e), flushSync();
17228
+ R(e), flushSync();
17201
17229
  },
17202
17230
  get showSelectedTick() {
17203
- return h();
17231
+ return G();
17204
17232
  },
17205
17233
  set showSelectedTick(e = !1) {
17206
- h(e), flushSync();
17234
+ G(e), flushSync();
17207
17235
  },
17208
17236
  get triggerSummary() {
17209
- return S();
17237
+ return te();
17210
17238
  },
17211
17239
  set triggerSummary(e) {
17212
- S(e), flushSync();
17240
+ te(e), flushSync();
17213
17241
  },
17214
17242
  get testId() {
17215
- return C();
17243
+ return ne();
17216
17244
  },
17217
17245
  set testId(e) {
17218
- C(e), flushSync();
17246
+ ne(e), flushSync();
17219
17247
  },
17220
17248
  get itemTestId() {
17221
- return k();
17249
+ return re();
17222
17250
  },
17223
17251
  set itemTestId(e) {
17224
- k(e), flushSync();
17252
+ re(e), flushSync();
17225
17253
  },
17226
17254
  get onchange() {
17227
- return R();
17255
+ return be();
17228
17256
  },
17229
17257
  set onchange(e) {
17230
- R(e), flushSync();
17258
+ be(e), flushSync();
17231
17259
  },
17232
17260
  get onopen() {
17233
- return G();
17261
+ return Me();
17234
17262
  },
17235
17263
  set onopen(e) {
17236
- G(e), flushSync();
17264
+ Me(e), flushSync();
17237
17265
  },
17238
17266
  get onclose() {
17239
- return te();
17267
+ return Re();
17240
17268
  },
17241
17269
  set onclose(e) {
17242
- te(e), flushSync();
17270
+ Re(e), flushSync();
17243
17271
  },
17244
17272
  get classes() {
17245
- return ne();
17273
+ return Ue();
17246
17274
  },
17247
17275
  set classes(e) {
17248
- ne(e), flushSync();
17276
+ Ue(e), flushSync();
17249
17277
  },
17250
17278
  get open() {
17251
- return re();
17279
+ return it();
17252
17280
  },
17253
17281
  set open(e = !1) {
17254
- re(e), flushSync();
17282
+ it(e), flushSync();
17255
17283
  },
17256
17284
  get dropdownAlign() {
17257
- return be();
17285
+ return at();
17258
17286
  },
17259
17287
  set dropdownAlign(e = "left") {
17260
- be(e), flushSync();
17288
+ at(e), flushSync();
17261
17289
  },
17262
17290
  get hierarchy() {
17263
- return Me();
17291
+ return ot();
17264
17292
  },
17265
17293
  set hierarchy(e = "default") {
17266
- Me(e), flushSync();
17294
+ ot(e), flushSync();
17267
17295
  },
17268
17296
  get leftIcon() {
17269
- return Re();
17297
+ return ct();
17270
17298
  },
17271
17299
  set leftIcon(e) {
17272
- Re(e), flushSync();
17300
+ ct(e), flushSync();
17273
17301
  },
17274
17302
  get leftIconTestId() {
17275
- return Ue();
17303
+ return lt();
17276
17304
  },
17277
17305
  set leftIconTestId(e) {
17278
- Ue(e), flushSync();
17306
+ lt(e), flushSync();
17279
17307
  },
17280
17308
  get usePortal() {
17281
- return it();
17309
+ return ut();
17282
17310
  },
17283
17311
  set usePortal(e = !1) {
17284
- it(e), flushSync();
17312
+ ut(e), flushSync();
17285
17313
  }
17286
- }, Qt = root_13$7();
17287
- attribute_effect(Qt, () => ({
17288
- class: `select ${ne() ?? "" ?? ""}`,
17289
- ...typeof C() == "string" ? {
17290
- "data-pw": C(),
17291
- testID: C()
17314
+ }, ln = root_15$7();
17315
+ attribute_effect(ln, () => ({
17316
+ class: `select ${Ue() ?? "" ?? ""}`,
17317
+ ...typeof ne() == "string" ? {
17318
+ "data-pw": ne(),
17319
+ testID: ne()
17292
17320
  } : {},
17293
17321
  [CLASS]: {
17294
- open: re(),
17295
- disabled: c(),
17296
- ghost: Me() === "ghost"
17322
+ open: it(),
17323
+ disabled: l(),
17324
+ error: u(),
17325
+ ghost: ot() === "ghost"
17297
17326
  }
17298
17327
  }), void 0, void 0, void 0, "svelte-52lifo");
17299
- var $t = child(Qt);
17300
- attribute_effect($t, () => ({
17328
+ var un = child(ln);
17329
+ let dn;
17330
+ var fn = child(un);
17331
+ attribute_effect(fn, () => ({
17301
17332
  class: "select-trigger",
17302
- onclick: zt,
17303
- onkeydown: Bt,
17333
+ onclick: nn,
17334
+ onkeydown: rn,
17304
17335
  role: "combobox",
17305
- "aria-expanded": re(),
17336
+ "aria-expanded": it(),
17306
17337
  "aria-haspopup": "listbox",
17307
- "aria-controls": vt,
17308
- ...get(Dt) === null ? {} : { "aria-activedescendant": get(Dt) },
17309
- tabindex: c() || o() ? -1 : 0
17338
+ "aria-controls": wt,
17339
+ "aria-invalid": u() ? "true" : null,
17340
+ "aria-describedby": get(Et) ? Tt : null,
17341
+ ...get(Rt) === null ? {} : { "aria-activedescendant": get(Rt) },
17342
+ tabindex: l() || s() ? -1 : 0
17310
17343
  }), void 0, void 0, void 0, "svelte-52lifo");
17311
- var en = child($t), tn = (e) => {
17344
+ var pn = child(fn), mn = (e) => {
17312
17345
  Img(e, spread_props({
17313
17346
  inlineSvg: !0,
17314
17347
  get src() {
17315
- return Re();
17348
+ return ct();
17316
17349
  },
17317
17350
  alt: "",
17318
17351
  fallback: "",
17319
17352
  classes: "select-left-icon"
17320
- }, () => typeof Ue() == "string" ? { testId: Ue() } : {}));
17353
+ }, () => typeof lt() == "string" ? { testId: lt() } : {}));
17321
17354
  };
17322
- if_block(en, (e) => {
17323
- typeof Re() == "string" && Re().length > 0 && e(tn);
17355
+ if_block(pn, (e) => {
17356
+ typeof ct() == "string" && ct().length > 0 && e(mn);
17324
17357
  });
17325
- var nn = sibling(en, 2), rn = (e) => {
17326
- var t = comment(), n = first_child(t), a = (e) => {
17358
+ var hn = sibling(pn, 2), gn = (e) => {
17359
+ var t = comment(), n = first_child(t), i = (e) => {
17327
17360
  var t = root_1$33(), n = first_child(t);
17328
- snippet(n, S, () => ({
17329
- value: i(),
17330
- items: get(ot)
17361
+ snippet(n, te, () => ({
17362
+ value: a(),
17363
+ items: get(ft)
17331
17364
  }));
17332
- var a = sibling(n, 2), l = (e) => {
17365
+ var i = sibling(n, 2), o = (e) => {
17333
17366
  var t = root$36();
17334
- remove_input_defaults(t), bind_this(t, (e) => set(dt, e), () => get(dt)), template_effect(() => {
17335
- set_value(t, get(ct)), set_attribute(t, "placeholder", i().length === 0 ? s() : ""), t.disabled = c(), set_attribute(t, "tabindex", c() ? -1 : 0), set_attribute(t, "data-pw", typeof C() == "string" ? `${C()}-search` : null), set_attribute(t, "testid", typeof C() == "string" ? `${C()}-search` : null);
17336
- }), delegated("input", t, Ht), event("focus", t, Gt), append(e, t);
17367
+ remove_input_defaults(t), bind_this(t, (e) => set(_t, e), () => get(_t)), template_effect(() => {
17368
+ set_value(t, get(pt)), set_attribute(t, "placeholder", a().length === 0 ? c() : ""), t.disabled = l(), set_attribute(t, "aria-invalid", u() ? "true" : null), set_attribute(t, "aria-describedby", get(Et) ? Tt : null), set_attribute(t, "tabindex", l() ? -1 : 0), set_attribute(t, "data-pw", typeof ne() == "string" ? `${ne()}-search` : null), set_attribute(t, "testid", typeof ne() == "string" ? `${ne()}-search` : null);
17369
+ }), delegated("input", t, an), event("focus", t, on), append(e, t);
17337
17370
  };
17338
- if_block(a, (e) => {
17339
- o() && e(l);
17371
+ if_block(i, (e) => {
17372
+ s() && e(o);
17340
17373
  }), append(e, t);
17341
- }, l = (e) => {
17374
+ }, o = (e) => {
17342
17375
  var t = root_1$33(), n = first_child(t);
17343
- each(n, 16, i, (e) => e, (e, t) => {
17376
+ each(n, 16, a, (e) => e, (e, t) => {
17344
17377
  {
17345
- let n = /* @__PURE__ */ user_derived(() => yt(t));
17378
+ let n = /* @__PURE__ */ user_derived(() => kt(t));
17346
17379
  Pill(e, spread_props({
17347
17380
  get text() {
17348
17381
  return get(n);
17349
17382
  },
17350
17383
  dismissible: !0,
17351
17384
  get disabled() {
17352
- return c();
17385
+ return l();
17353
17386
  },
17354
- ondismiss: () => Pt(t)
17355
- }, () => typeof C() == "string" ? { testId: `${C()}-pill-${t}` } : {}));
17387
+ ondismiss: () => Qt(t)
17388
+ }, () => typeof ne() == "string" ? { testId: `${ne()}-pill-${t}` } : {}));
17356
17389
  }
17357
17390
  });
17358
- var a = sibling(n, 2), l = (e) => {
17391
+ var i = sibling(n, 2), o = (e) => {
17359
17392
  var t = root$36();
17360
- remove_input_defaults(t), bind_this(t, (e) => set(dt, e), () => get(dt)), template_effect(() => {
17361
- set_value(t, get(ct)), set_attribute(t, "placeholder", i().length === 0 ? s() : ""), t.disabled = c(), set_attribute(t, "tabindex", c() ? -1 : 0), set_attribute(t, "data-pw", typeof C() == "string" ? `${C()}-search` : null), set_attribute(t, "testid", typeof C() == "string" ? `${C()}-search` : null);
17362
- }), delegated("input", t, Ht), event("focus", t, Gt), append(e, t);
17363
- }, u = (e) => {
17393
+ remove_input_defaults(t), bind_this(t, (e) => set(_t, e), () => get(_t)), template_effect(() => {
17394
+ set_value(t, get(pt)), set_attribute(t, "placeholder", a().length === 0 ? c() : ""), t.disabled = l(), set_attribute(t, "aria-invalid", u() ? "true" : null), set_attribute(t, "aria-describedby", get(Et) ? Tt : null), set_attribute(t, "tabindex", l() ? -1 : 0), set_attribute(t, "data-pw", typeof ne() == "string" ? `${ne()}-search` : null), set_attribute(t, "testid", typeof ne() == "string" ? `${ne()}-search` : null);
17395
+ }), delegated("input", t, an), event("focus", t, on), append(e, t);
17396
+ }, f = (e) => {
17364
17397
  var t = root_2$26(), n = child(t, !0);
17365
- reset(t), template_effect(() => set_text(n, s())), append(e, t);
17398
+ reset(t), template_effect(() => set_text(n, c())), append(e, t);
17366
17399
  };
17367
- if_block(a, (e) => {
17368
- o() ? e(l) : i().length === 0 && e(u, 1);
17400
+ if_block(i, (e) => {
17401
+ s() ? e(o) : a().length === 0 && e(f, 1);
17369
17402
  }), append(e, t);
17370
17403
  };
17371
17404
  if_block(n, (e) => {
17372
- typeof S() == "function" ? e(a) : e(l, -1);
17405
+ typeof te() == "function" ? e(i) : e(o, -1);
17373
17406
  }), append(e, t);
17374
- }, an = (e) => {
17407
+ }, _n = (e) => {
17375
17408
  var t = root$36();
17376
- remove_input_defaults(t), bind_this(t, (e) => set(dt, e), () => get(dt)), template_effect(() => {
17377
- set_value(t, re() ? get(ct) : get(Et)), set_attribute(t, "placeholder", get(Ot)), t.disabled = c(), set_attribute(t, "tabindex", c() ? -1 : 0), set_attribute(t, "data-pw", typeof C() == "string" ? `${C()}-search` : null), set_attribute(t, "testid", typeof C() == "string" ? `${C()}-search` : null);
17378
- }), delegated("input", t, Ht), event("focus", t, Gt), append(e, t);
17379
- }, on = (e) => {
17409
+ remove_input_defaults(t), bind_this(t, (e) => set(_t, e), () => get(_t)), template_effect(() => {
17410
+ set_value(t, it() ? get(pt) : get(Lt)), set_attribute(t, "placeholder", get(zt)), t.disabled = l(), set_attribute(t, "aria-invalid", u() ? "true" : null), set_attribute(t, "aria-describedby", get(Et) ? Tt : null), set_attribute(t, "tabindex", l() ? -1 : 0), set_attribute(t, "data-pw", typeof ne() == "string" ? `${ne()}-search` : null), set_attribute(t, "testid", typeof ne() == "string" ? `${ne()}-search` : null);
17411
+ }), delegated("input", t, an), event("focus", t, on), append(e, t);
17412
+ }, vn = (e) => {
17380
17413
  var t = root_3$23(), n = child(t, !0);
17381
17414
  reset(t), template_effect(() => {
17382
- set_class(t, 1, clsx(get(Et).length > 0 ? "select-value" : "select-placeholder"), "svelte-52lifo"), set_text(n, get(Et).length > 0 ? get(Et) : s());
17415
+ set_class(t, 1, clsx(get(Lt).length > 0 ? "select-value" : "select-placeholder"), "svelte-52lifo"), set_text(n, get(Lt).length > 0 ? get(Lt) : c());
17383
17416
  }), append(e, t);
17384
17417
  };
17385
- if_block(nn, (e) => {
17386
- a() ? e(rn) : o() ? e(an, 1) : e(on, -1);
17418
+ if_block(hn, (e) => {
17419
+ o() ? e(gn) : s() ? e(_n, 1) : e(vn, -1);
17387
17420
  });
17388
- var sn = sibling(nn, 2);
17389
- html(sn, () => chevron_down_default, !0), reset(sn), reset($t), bind_this($t, (e) => set(ft, e), () => get(ft));
17390
- var cn = sibling($t, 2), ln = (e) => {
17391
- var t = root_12$8();
17421
+ var yn = sibling(hn, 2);
17422
+ html(yn, () => chevron_down_default, !0), reset(yn), reset(fn), bind_this(fn, (e) => set(vt, e), () => get(vt));
17423
+ var bn = sibling(fn, 2), xn = (e) => {
17424
+ var t = root_4$19();
17425
+ template_effect(() => {
17426
+ set_attribute(t, "data-pw", typeof ne() == "string" ? `${ne()}-clear` : null), set_attribute(t, "testid", typeof ne() == "string" ? `${ne()}-clear` : null);
17427
+ }), delegated("keydown", t, (e) => {
17428
+ (e.key === "Enter" || e.key === " ") && e.stopPropagation();
17429
+ }), delegated("click", t, Ot), append(e, t);
17430
+ };
17431
+ if_block(bn, (e) => {
17432
+ get(Dt) && e(xn);
17433
+ }), reset(un);
17434
+ var Sn = sibling(un, 2), Cn = (e) => {
17435
+ var t = root_5$17(), n = child(t, !0);
17436
+ reset(t), template_effect(() => {
17437
+ set_attribute(t, "id", Tt), set_attribute(t, "data-pw", typeof ne() == "string" ? `${ne()}-error-message` : null), set_attribute(t, "testid", typeof ne() == "string" ? `${ne()}-error-message` : null), set_text(n, f());
17438
+ }), append(e, t);
17439
+ };
17440
+ if_block(Sn, (e) => {
17441
+ get(Et) && e(Cn);
17442
+ });
17443
+ var wn = sibling(Sn, 2), Tn = (e) => {
17444
+ var t = root_14$7();
17392
17445
  let n;
17393
- var o = child(t), s = (e) => {
17394
- append(e, root_4$19());
17446
+ var i = child(t), s = (e) => {
17447
+ append(e, root_6$16());
17395
17448
  }, c = (e) => {
17396
17449
  var t = comment();
17397
- each(first_child(t), 19, () => get(Tt), (e) => e.kind === "select-all" ? "select-all" : e.item.id, (e, t, n) => {
17398
- var o = comment(), s = first_child(o), c = (e) => {
17399
- var t = root_8$14(), i = () => set(lt, get(n), !0);
17450
+ each(first_child(t), 19, () => get(It), (e) => e.kind === "select-all" ? "select-all" : e.item.id, (e, t, n) => {
17451
+ var i = comment(), s = first_child(i), c = (e) => {
17452
+ var t = root_10$10(), i = () => set(ht, get(n), !0);
17400
17453
  attribute_effect(t, () => ({
17401
17454
  class: "select-option select-all",
17402
17455
  role: "option",
17403
- id: `${vt}-option-${get(n)}`,
17404
- "aria-selected": get(Ct),
17405
- "aria-label": get(wt) ? `${p()}, ${get(St)} of ${get(bt).length} selected` : p(),
17456
+ id: `${wt}-option-${get(n)}`,
17457
+ "aria-selected": get(Nt),
17458
+ "aria-label": get(Pt) ? `${R()}, ${get(Mt)} of ${get(At).length} selected` : R(),
17406
17459
  tabindex: "-1",
17407
- ...typeof C() == "string" ? {
17408
- "data-pw": `${C()}-select-all`,
17409
- testID: `${C()}-select-all`
17460
+ ...typeof ne() == "string" ? {
17461
+ "data-pw": `${ne()}-select-all`,
17462
+ testID: `${ne()}-select-all`
17410
17463
  } : {},
17411
- onclick: It,
17464
+ onclick: $t,
17412
17465
  onmouseenter: i,
17413
17466
  [CLASS]: {
17414
- multi: a(),
17415
- selected: get(Ct),
17416
- highlighted: get(n) === get(lt)
17467
+ multi: o(),
17468
+ selected: get(Nt),
17469
+ highlighted: get(n) === get(ht)
17417
17470
  }
17418
17471
  }), void 0, void 0, void 0, "svelte-52lifo");
17419
- var o = child(t), s = (e) => {
17472
+ var a = child(t), s = (e) => {
17420
17473
  var t = comment();
17421
- snippet(first_child(t), u, () => ({
17422
- checked: get(Ct),
17423
- indeterminate: get(wt)
17474
+ snippet(first_child(t), C, () => ({
17475
+ checked: get(Nt),
17476
+ indeterminate: get(Pt)
17424
17477
  })), append(e, t);
17425
17478
  }, c = (e) => {
17426
- var t = root_7$15();
17479
+ var t = root_9$11();
17427
17480
  let n;
17428
17481
  var i = child(t), a = (e) => {
17429
- var t = root_5$17();
17482
+ var t = root_7$15();
17430
17483
  html(t, () => checkmark_default, !0), reset(t), append(e, t);
17431
17484
  }, o = (e) => {
17432
- var t = root_6$16();
17485
+ var t = root_8$14();
17433
17486
  template_effect(() => {
17434
- set_attribute(t, "data-pw", typeof C() == "string" ? `${C()}-select-all-dash` : null), set_attribute(t, "testid", typeof C() == "string" ? `${C()}-select-all-dash` : null);
17487
+ set_attribute(t, "data-pw", typeof ne() == "string" ? `${ne()}-select-all-dash` : null), set_attribute(t, "testid", typeof ne() == "string" ? `${ne()}-select-all-dash` : null);
17435
17488
  }), append(e, t);
17436
17489
  };
17437
17490
  if_block(i, (e) => {
17438
- get(Ct) ? e(a) : get(wt) && e(o, 1);
17491
+ get(Nt) ? e(a) : get(Pt) && e(o, 1);
17439
17492
  }), reset(t), template_effect(() => {
17440
17493
  n = set_class(t, 1, "select-option-indicator svelte-52lifo", null, n, {
17441
- checked: get(Ct),
17442
- indeterminate: get(wt)
17443
- }), set_attribute(t, "data-checked", get(Ct) ? "true" : "false"), set_attribute(t, "data-pw", typeof C() == "string" ? `${C()}-select-all-indicator` : null), set_attribute(t, "testid", typeof C() == "string" ? `${C()}-select-all-indicator` : null);
17494
+ checked: get(Nt),
17495
+ indeterminate: get(Pt)
17496
+ }), set_attribute(t, "data-checked", get(Nt) ? "true" : "false"), set_attribute(t, "data-pw", typeof ne() == "string" ? `${ne()}-select-all-indicator` : null), set_attribute(t, "testid", typeof ne() == "string" ? `${ne()}-select-all-indicator` : null);
17444
17497
  }), append(e, t);
17445
17498
  };
17446
- if_block(o, (e) => {
17447
- typeof u() == "function" ? e(s) : e(c, -1);
17499
+ if_block(a, (e) => {
17500
+ typeof C() == "function" ? e(s) : e(c, -1);
17448
17501
  });
17449
- var l = sibling(o);
17450
- reset(t), template_effect(() => set_text(l, ` ${p() ?? ""}`)), append(e, t);
17502
+ var l = sibling(a);
17503
+ reset(t), template_effect(() => set_text(l, ` ${R() ?? ""}`)), append(e, t);
17451
17504
  }, l = (e) => {
17452
- var o = root_10$10(), s = () => Nt(get(t).item.id), c = () => set(lt, get(n), !0);
17453
- attribute_effect(o, (e, i) => ({
17505
+ var i = root_12$8(), s = () => Zt(get(t).item.id), c = () => set(ht, get(n), !0);
17506
+ attribute_effect(i, (e, i) => ({
17454
17507
  class: "select-option",
17455
17508
  role: "option",
17456
- id: `${vt}-option-${get(n)}`,
17509
+ id: `${wt}-option-${get(n)}`,
17457
17510
  "aria-selected": e,
17458
17511
  tabindex: "-1",
17459
17512
  ...typeof get(t).item.testId == "string" ? {
17460
17513
  "data-pw": get(t).item.testId,
17461
17514
  testID: get(t).item.testId
17462
- } : typeof k() == "string" ? {
17463
- "data-pw": `${k()}-${get(t).item.id}`,
17464
- testID: `${k()}-${get(t).item.id}`
17465
- } : typeof C() == "string" ? {
17466
- "data-pw": `${C()}-${get(t).item.id}`,
17467
- testID: `${C()}-${get(t).item.id}`
17515
+ } : typeof re() == "string" ? {
17516
+ "data-pw": `${re()}-${get(t).item.id}`,
17517
+ testID: `${re()}-${get(t).item.id}`
17518
+ } : typeof ne() == "string" ? {
17519
+ "data-pw": `${ne()}-${get(t).item.id}`,
17520
+ testID: `${ne()}-${get(t).item.id}`
17468
17521
  } : {},
17469
17522
  onclick: s,
17470
17523
  onmouseenter: c,
17471
17524
  [CLASS]: i
17472
- }), [() => i().includes(get(t).item.id), () => ({
17473
- multi: a(),
17474
- tickable: h() && !a(),
17475
- selected: i().includes(get(t).item.id),
17476
- highlighted: get(n) === get(lt)
17525
+ }), [() => a().includes(get(t).item.id), () => ({
17526
+ multi: o(),
17527
+ tickable: G() && !o(),
17528
+ selected: a().includes(get(t).item.id),
17529
+ highlighted: get(n) === get(ht)
17477
17530
  })], void 0, void 0, "svelte-52lifo");
17478
- var l = child(o), f = (e) => {
17479
- var n = comment(), a = first_child(n), o = (e) => {
17480
- var n = comment(), a = first_child(n);
17531
+ var l = child(i), u = (e) => {
17532
+ var n = comment(), i = first_child(n), o = (e) => {
17533
+ var n = comment(), i = first_child(n);
17481
17534
  {
17482
17535
  let e = /* @__PURE__ */ user_derived(() => ({
17483
- checked: i().includes(get(t).item.id),
17536
+ checked: a().includes(get(t).item.id),
17484
17537
  indeterminate: !1
17485
17538
  }));
17486
- snippet(a, u, () => get(e));
17539
+ snippet(i, C, () => get(e));
17487
17540
  }
17488
17541
  append(e, n);
17489
17542
  }, s = (e) => {
17490
- var n = root_7$15();
17491
- let a;
17543
+ var n = root_9$11();
17544
+ let i;
17492
17545
  var o = child(n), s = (e) => {
17493
- var t = root_5$17();
17546
+ var t = root_7$15();
17494
17547
  html(t, () => checkmark_default, !0), reset(t), append(e, t);
17495
- }, c = /* @__PURE__ */ user_derived(() => i().includes(get(t).item.id));
17548
+ }, c = /* @__PURE__ */ user_derived(() => a().includes(get(t).item.id));
17496
17549
  if_block(o, (e) => {
17497
17550
  get(c) && e(s);
17498
- }), reset(n), template_effect((e, i) => {
17499
- a = set_class(n, 1, "select-option-indicator svelte-52lifo", null, a, e), set_attribute(n, "data-checked", i), set_attribute(n, "data-pw", typeof C() == "string" ? `${C()}-option-indicator-${get(t).item.id}` : null), set_attribute(n, "testid", typeof C() == "string" ? `${C()}-option-indicator-${get(t).item.id}` : null);
17500
- }, [() => ({ checked: i().includes(get(t).item.id) }), () => i().includes(get(t).item.id) ? "true" : "false"]), append(e, n);
17551
+ }), reset(n), template_effect((e, a) => {
17552
+ i = set_class(n, 1, "select-option-indicator svelte-52lifo", null, i, e), set_attribute(n, "data-checked", a), set_attribute(n, "data-pw", typeof ne() == "string" ? `${ne()}-option-indicator-${get(t).item.id}` : null), set_attribute(n, "testid", typeof ne() == "string" ? `${ne()}-option-indicator-${get(t).item.id}` : null);
17553
+ }, [() => ({ checked: a().includes(get(t).item.id) }), () => a().includes(get(t).item.id) ? "true" : "false"]), append(e, n);
17501
17554
  };
17502
- if_block(a, (e) => {
17503
- typeof u() == "function" ? e(o) : e(s, -1);
17555
+ if_block(i, (e) => {
17556
+ typeof C() == "function" ? e(o) : e(s, -1);
17504
17557
  }), append(e, n);
17505
17558
  };
17506
17559
  if_block(l, (e) => {
17507
- a() && e(f);
17560
+ o() && e(u);
17508
17561
  });
17509
- var p = sibling(l, 2), S = (e) => {
17562
+ var f = sibling(l, 2), p = (e) => {
17510
17563
  Img(e, {
17511
17564
  inlineSvg: !0,
17512
17565
  get src() {
@@ -17517,51 +17570,59 @@ function Select(e, t) {
17517
17570
  classes: "select-option-icon"
17518
17571
  });
17519
17572
  };
17520
- if_block(p, (e) => {
17521
- typeof get(t).item.icon == "string" && get(t).item.icon.length > 0 && e(S);
17573
+ if_block(f, (e) => {
17574
+ typeof get(t).item.icon == "string" && get(t).item.icon.length > 0 && e(p);
17522
17575
  });
17523
- var R = sibling(p, 2), G = child(R, !0);
17524
- reset(R);
17525
- var te = sibling(R, 2), ne = (e) => {
17526
- var t = root_9$11();
17576
+ var h = sibling(f, 2), S = child(h, !0);
17577
+ reset(h);
17578
+ var k = sibling(h, 2), R = (e) => {
17579
+ var t = root_11$9();
17527
17580
  html(t, () => checkmark_default, !0), reset(t), append(e, t);
17528
- }, re = /* @__PURE__ */ user_derived(() => h() && !a() && i().includes(get(t).item.id));
17529
- if_block(te, (e) => {
17530
- get(re) && e(ne);
17531
- }), reset(o), template_effect(() => set_text(G, get(t).item.label)), append(e, o);
17581
+ }, te = /* @__PURE__ */ user_derived(() => G() && !o() && a().includes(get(t).item.id));
17582
+ if_block(k, (e) => {
17583
+ get(te) && e(R);
17584
+ }), reset(i), template_effect(() => set_text(S, get(t).item.label)), append(e, i);
17532
17585
  };
17533
17586
  if_block(s, (e) => {
17534
17587
  get(t).kind === "select-all" ? e(c) : e(l, -1);
17535
- }), append(e, o);
17588
+ }), append(e, i);
17536
17589
  }), append(e, t);
17537
17590
  };
17538
- if_block(o, (e) => {
17539
- get(bt).length === 0 ? e(s) : e(c, -1);
17591
+ if_block(i, (e) => {
17592
+ get(At).length === 0 ? e(s) : e(c, -1);
17540
17593
  });
17541
- var f = sibling(o, 2), S = (e) => {
17542
- var t = root_11$9();
17543
- snippet(child(t), l), reset(t), append(e, t);
17594
+ var l = sibling(i, 2), u = (e) => {
17595
+ var t = root_13$7();
17596
+ snippet(child(t), S), reset(t), append(e, t);
17544
17597
  };
17545
- if_block(f, (e) => {
17546
- typeof l() == "function" && e(S);
17547
- }), reset(t), bind_this(t, (e) => set(pt, e), () => get(pt)), effect(() => bind_element_size(t, "clientWidth", (e) => set(mt, e))), effect(() => bind_element_size(t, "clientHeight", (e) => set(ht, e))), action(t, (e) => kt?.(e)), template_effect(() => {
17598
+ if_block(l, (e) => {
17599
+ typeof S() == "function" && e(u);
17600
+ }), reset(t), bind_this(t, (e) => set(yt, e), () => get(yt)), effect(() => bind_element_size(t, "clientWidth", (e) => set(bt, e))), effect(() => bind_element_size(t, "clientHeight", (e) => set(xt, e))), action(t, (e) => Bt?.(e)), template_effect(() => {
17548
17601
  n = set_class(t, 1, "select-dropdown svelte-52lifo", null, n, {
17549
- "select-dropdown-right": be() === "right",
17550
- "select-dropdown-portal": it()
17551
- }), set_attribute(t, "id", vt), set_attribute(t, "aria-multiselectable", a()), set_style(t, get(At));
17602
+ "select-dropdown-right": at() === "right",
17603
+ "select-dropdown-portal": ut()
17604
+ }), set_attribute(t, "id", wt), set_attribute(t, "aria-multiselectable", o()), set_style(t, get(Ht));
17552
17605
  }), append(e, t);
17553
17606
  };
17554
- return if_block(cn, (e) => {
17555
- re() && !c() && e(ln);
17556
- }), reset(Qt), bind_this(Qt, (e) => set(ut, e), () => get(ut)), append(e, Qt), pop(Zt);
17607
+ return if_block(wn, (e) => {
17608
+ it() && !l() && e(Tn);
17609
+ }), reset(ln), bind_this(ln, (e) => set(gt, e), () => get(gt)), template_effect(() => dn = set_class(un, 1, "select-control svelte-52lifo", null, dn, { "has-clear": get(Dt) })), append(e, ln), pop(cn);
17557
17610
  }
17558
- delegate(["input"]), create_custom_element(Select, {
17611
+ delegate([
17612
+ "input",
17613
+ "keydown",
17614
+ "click"
17615
+ ]), create_custom_element(Select, {
17559
17616
  items: {},
17560
17617
  value: {},
17561
17618
  multiple: {},
17562
17619
  searchable: {},
17563
17620
  placeholder: {},
17564
17621
  disabled: {},
17622
+ error: {},
17623
+ errorMessage: {},
17624
+ clearable: {},
17625
+ onclear: {},
17565
17626
  bottomContent: {},
17566
17627
  optionIndicator: {},
17567
17628
  showSelectAll: {},
@@ -17618,6 +17679,19 @@ customElements.define("sui-select", create_custom_element(Select_wc, {
17618
17679
  reflect: !0,
17619
17680
  type: "Boolean"
17620
17681
  },
17682
+ error: {
17683
+ reflect: !0,
17684
+ type: "Boolean"
17685
+ },
17686
+ errorMessage: {
17687
+ attribute: "error-message",
17688
+ type: "String"
17689
+ },
17690
+ clearable: {
17691
+ reflect: !0,
17692
+ type: "Boolean"
17693
+ },
17694
+ onclear: { type: "Object" },
17621
17695
  testId: {
17622
17696
  attribute: "test-id",
17623
17697
  type: "String"