aeico-components 0.1.6 → 0.1.8

package/dist/chunks/select.js

@@ -1,382 +0,0 @@
-import { A as AeicoField, f as fieldLabelCSS, a as actionButtonCSS } from "./action-button.js";
-import { prop, html, tags } from "aeico";
-import { v as variables } from "./variables.js";
-import { s as sizeCSS } from "./size.js";
-const style = ":host {\n  display: block;\n  flex: 1;\n  min-width: 0;\n  font-size: var(--size-base);\n\n  /* Layout variables */\n  --select-field-gap: 2px;\n\n  /* Trigger variables */\n  --select-font-size: 1em;\n  --select-padding: 0.333em 0.583em;\n  --select-border-width: 1px;\n  --select-border-radius: 2px;\n  --select-border-color: var(--border-subtle);\n  --select-border-color-hover: var(--border-default);\n  --select-border-color-focus: var(--border-focus);\n  --select-bg: var(--surface-base);\n  --select-bg-hover: var(--surface-raised);\n  --select-bg-focus: var(--surface-raised);\n  --select-color: var(--color-text-muted);\n  --select-transition: border-color 0.12s, background 0.12s;\n\n  /* Arrow */\n  --select-arrow-color: var(--color-text-muted);\n  --select-arrow-size: 0.75em;\n\n  /* Dropdown */\n  --select-dropdown-bg: var(--surface-overlay);\n  --select-dropdown-border: var(--border-default);\n  --select-dropdown-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n  --select-dropdown-border-radius: 2px;\n  --select-dropdown-max-height: 240px;\n  --select-dropdown-z-index: 1000;\n}\n\n.container {\n  display: flex;\n  align-items: center;\n  gap: var(--select-field-gap);\n  width: 100%;\n  position: relative;\n}\n\n.trigger {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 0.333em;\n  font-size: var(--select-font-size);\n  padding: var(--select-padding);\n  border: var(--select-border-width) solid var(--select-border-color);\n  border-radius: var(--select-border-radius);\n  background: var(--select-bg);\n  color: var(--select-color);\n  cursor: pointer;\n  transition: var(--select-transition);\n  user-select: none;\n  outline: none;\n  box-sizing: border-box;\n}\n\n.trigger:hover:not(.disabled) {\n  border-color: var(--select-border-color-hover);\n  background: var(--select-bg-hover);\n}\n\n.trigger.open {\n  border-color: var(--select-border-color-focus);\n  background: var(--select-bg-focus);\n}\n\n.trigger.disabled {\n  opacity: 0.5;\n  cursor: default;\n  pointer-events: none;\n}\n\n/* Error state */\n:host([error]) .trigger {\n  border-color: var(--field-error-color, var(--red));\n}\n\n:host([error]) .trigger:hover:not(.disabled),\n:host([error]) .trigger.open {\n  border-color: var(--field-error-color, var(--red));\n}\n\n.value {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.placeholder {\n  color: var(--color-text-disabled);\n}\n\n.selected-list {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n  align-items: center;\n  padding: 2px 0;\n}\n\n/* Non-expandable (default): single-row, clip overflow */\n.trigger:has(.selected-list--clipped) {\n  flex-wrap: nowrap;\n}\n\n.selected-list--clipped {\n  flex-wrap: nowrap;\n  overflow: hidden;\n}\n\n.overflow-indicator {\n  flex-shrink: 0;\n  align-self: center;\n  padding: 1px 6px;\n  background: color-mix(in srgb, var(--color-primary) 12%, transparent);\n  color: var(--color-primary);\n  border: 1px solid color-mix(in srgb, var(--color-primary) 30%, transparent);\n  border-radius: 3px;\n  font-size: 0.82em;\n  line-height: 1.6;\n  cursor: default;\n  user-select: none;\n}\n\n.arrow {\n  flex-shrink: 0;\n  align-self: center;\n  font-size: var(--select-arrow-size);\n  color: var(--select-arrow-color);\n  transition: transform 0.12s;\n  pointer-events: none;\n  line-height: 1;\n}\n\n.trigger.open .arrow {\n  transform: rotate(180deg);\n}\n\n.dropdown {\n  display: none;\n  position: absolute;\n  z-index: var(--select-dropdown-z-index);\n  background: var(--select-dropdown-bg);\n  border: 1px solid var(--select-dropdown-border);\n  border-radius: var(--select-dropdown-border-radius);\n  box-shadow: var(--select-dropdown-shadow);\n  max-height: var(--select-dropdown-max-height);\n  overflow-y: auto;\n  min-width: 100%;\n  box-sizing: border-box;\n}\n\n.dropdown.open {\n  display: block;\n}\n\n.dropdown.position-bottom {\n  top: 100%;\n  left: 0;\n  margin-top: 2px;\n}\n\n.dropdown.position-top {\n  bottom: 100%;\n  left: 0;\n  margin-bottom: 2px;\n}\n\n.dropdown.position-left {\n  right: 100%;\n  top: 0;\n  margin-right: 2px;\n}\n\n.dropdown.position-right {\n  left: 100%;\n  top: 0;\n  margin-left: 2px;\n}\n\n.container:has(.action-controls) .trigger {\n  border-radius: var(--select-border-radius) 0 0 var(--select-border-radius);\n}\n";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name);
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var __decoratorStart = (base) => [, , , __create((base == null ? void 0 : base[__knownSymbol("metadata")]) ?? null)];
-var __decoratorStrings = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
-var __expectFn = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError("Function expected") : fn;
-var __decoratorContext = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError("Already initialized") : fns.push(__expectFn(fn || null)) });
-var __decoratorMetadata = (array, target) => __defNormalProp(target, __knownSymbol("metadata"), array[3]);
-var __runInitializers = (array, flags, self, value) => {
-  for (var i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value);
-  return value;
-};
-var __decorateElement = (array, flags, name, decorators, target, extra) => {
-  var fn, it, done, ctx, access, k = flags & 7, s = !!(flags & 8), p = !!(flags & 16);
-  var j = k > 3 ? array.length + 1 : k ? s ? 1 : 2 : 0, key = __decoratorStrings[k + 5];
-  var initializers = k > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []);
-  var desc = k && (!p && !s && (target = target.prototype), k < 5 && (k > 3 || !p) && __getOwnPropDesc(k < 4 ? target : { get [name]() {
-    return __privateGet(this, extra);
-  }, set [name](x) {
-    return __privateSet(this, extra, x);
-  } }, name));
-  k ? p && k < 4 && __name(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name(target, name);
-  for (var i = decorators.length - 1; i >= 0; i--) {
-    ctx = __decoratorContext(k, name, done = {}, array[3], extraInitializers);
-    if (k) {
-      ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn(target, x) : (x) => name in x };
-      if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet : __privateMethod)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
-      if (k > 2) access.set = p ? (x, y) => __privateSet(x, target, y, k ^ 4 ? extra : desc.set) : (x, y) => x[name] = y;
-    }
-    it = (0, decorators[i])(k ? k < 4 ? p ? extra : desc[key] : k > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
-    if (k ^ 4 || it === void 0) __expectFn(it) && (k > 4 ? initializers.unshift(it) : k ? p ? extra = it : desc[key] = it : target = it);
-    else if (typeof it !== "object" || it === null) __typeError("Object expected");
-    else __expectFn(fn = it.get) && (desc.get = fn), __expectFn(fn = it.set) && (desc.set = fn), __expectFn(fn = it.init) && initializers.unshift(fn);
-  }
-  return k || __decoratorMetadata(array, target), desc && __defProp(target, name, desc), p ? k ^ 4 ? extra : desc : target;
-};
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateIn = (member, obj) => Object(obj) !== obj ? __typeError('Cannot use the "in" operator on this value') : member.has(obj);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
-var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _defaultValue_dec, _value_dec, _expandable_dec, _multiple_dec, _placeholder_dec, _position_dec, _options_dec, __expanded_dec, _a, _init, __expanded, _options, _position, _placeholder, _multiple, _expandable;
-class Select extends (_a = AeicoField, __expanded_dec = [prop({ type: Boolean, observe: false, reflect: false })], _options_dec = [prop({ type: Array })], _position_dec = [prop({ type: String })], _placeholder_dec = [prop({ type: String })], _multiple_dec = [prop({ type: Boolean })], _expandable_dec = [prop({ type: Boolean })], _value_dec = [prop({
-  type: String,
-  parser: (v) => {
-    if (v === null || v === void 0) return void 0;
-    try {
-      return JSON.parse(v);
-    } catch {
-      return v;
-    }
-  },
-  formatter: (v) => {
-    if (v === null || v === void 0) return "";
-    if (Array.isArray(v)) return JSON.stringify(v);
-    return String(v);
-  }
-})], _defaultValue_dec = [prop({
-  type: String,
-  parser: (v) => {
-    if (v === null || v === void 0) return void 0;
-    try {
-      return JSON.parse(v);
-    } catch {
-      return v;
-    }
-  },
-  formatter: (v) => {
-    if (v === null || v === void 0) return "";
-    if (Array.isArray(v)) return JSON.stringify(v);
-    return String(v);
-  }
-})], _a) {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "fieldElement", null);
-    __publicField(this, "_isOpen", false);
-    __publicField(this, "_triggerEl", null);
-    __publicField(this, "_dropdownEl", null);
-    __publicField(this, "_slotEl", null);
-    __publicField(this, "_slotOptionData", []);
-    __publicField(this, "_selectedListEl", null);
-    __privateAdd(this, __expanded, __runInitializers(_init, 8, this, false)), __runInitializers(_init, 11, this);
-    __privateAdd(this, _options, __runInitializers(_init, 12, this)), __runInitializers(_init, 15, this);
-    __privateAdd(this, _position, __runInitializers(_init, 16, this)), __runInitializers(_init, 19, this);
-    __privateAdd(this, _placeholder, __runInitializers(_init, 20, this)), __runInitializers(_init, 23, this);
-    __privateAdd(this, _multiple, __runInitializers(_init, 24, this, false)), __runInitializers(_init, 27, this);
-    __privateAdd(this, _expandable, __runInitializers(_init, 28, this, false)), __runInitializers(_init, 31, this);
-    __publicField(this, "value", __runInitializers(_init, 32, this)), __runInitializers(_init, 35, this);
-    __publicField(this, "defaultValue", __runInitializers(_init, 36, this)), __runInitializers(_init, 39, this);
-    __publicField(this, "_handleOutsideClick", (e) => {
-      if (!e.composedPath().includes(this)) {
-        this._closeDropdown();
-      }
-    });
-    __publicField(this, "_handleOptionSelect", (e) => {
-      const { value, label } = e.detail;
-      if (!this._slotOptionData.find((o) => o.value === value)) {
-        this._slotOptionData = [
-          ...this._slotOptionData.filter((o) => o.value !== value),
-          { value, label }
-        ];
-      }
-      if (this.multiple) {
-        const current = this._getMultiValues();
-        const idx = current.findIndex((v) => String(v) === value);
-        const next = idx >= 0 ? current.filter((_, i) => i !== idx) : [...current, value];
-        this.setValue(next, { silent: false, action: "change" });
-      } else {
-        this.setValue(value, { silent: false, action: "change" });
-        this._closeDropdown();
-      }
-    });
-  }
-  writeValue(_value) {
-  }
-  getValue() {
-    if (this.multiple) return this._getMultiValues();
-    return this.value || "";
-  }
-  _getMultiValues() {
-    if (Array.isArray(this.value)) return this.value;
-    if (this.value != null && this.value !== "") return [this.value];
-    return [];
-  }
-  onDisabledChanged(_newValue) {
-  }
-  onUpdated(changedProps) {
-    super.onUpdated(changedProps);
-    if (!this.multiple || this.expandable) {
-      if (this._expanded) this._expanded = false;
-      return;
-    }
-    const list = this._selectedListEl;
-    if (!list) return;
-    const overflowing = list.scrollWidth > list.clientWidth + 1;
-    if (overflowing !== this._expanded) this._expanded = overflowing;
-  }
-  _findLabel(value) {
-    const strVal = String(value);
-    if (Array.isArray(this.options)) {
-      for (const opt of this.options) {
-        if (this._isSelectOption(opt)) {
-          if (String(opt.value) === strVal) return opt.label;
-        } else {
-          if (String(opt) === strVal) return strVal;
-        }
-      }
-    }
-    for (const opt of this._slotOptionData) {
-      if (opt.value === strVal) return opt.label;
-    }
-    return strVal;
-  }
-  _onSlotChange() {
-    var _a2;
-    if (!this._slotEl) return;
-    const data = [];
-    for (const el of this._slotEl.assignedElements({ flatten: true })) {
-      if (el.tagName.toLowerCase() !== "ae-select-option") continue;
-      const optEl = el;
-      data.push({
-        value: optEl.value ?? el.getAttribute("value") ?? "",
-        label: optEl.label || ((_a2 = el.textContent) == null ? void 0 : _a2.trim()) || ""
-      });
-    }
-    this._slotOptionData = data;
-    this.update();
-  }
-  _toggleDropdown() {
-    if (this._isOpen) {
-      this._closeDropdown();
-    } else {
-      this._openDropdown();
-    }
-  }
-  _openDropdown() {
-    this._isOpen = true;
-    this._syncOpenState();
-  }
-  _closeDropdown() {
-    this._isOpen = false;
-    this._syncOpenState();
-  }
-  _syncOpenState() {
-    var _a2, _b;
-    (_a2 = this._triggerEl) == null ? void 0 : _a2.classList.toggle("open", this._isOpen);
-    (_b = this._dropdownEl) == null ? void 0 : _b.classList.toggle("open", this._isOpen);
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    document.addEventListener("click", this._handleOutsideClick);
-    this.addEventListener("selectoption", this._handleOptionSelect);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    document.removeEventListener("click", this._handleOutsideClick);
-    this.removeEventListener("selectoption", this._handleOptionSelect);
-  }
-  _syncSlotOptionsSelected() {
-    if (!this._slotEl) return;
-    const multiValues = this._getMultiValues();
-    for (const el of this._slotEl.assignedElements({ flatten: true })) {
-      if (el.tagName.toLowerCase() !== "ae-select-option") continue;
-      const optEl = el;
-      const optVal = optEl.value ?? el.getAttribute("value") ?? "";
-      const isSelected = this.multiple ? multiValues.some((v) => String(v) === optVal) : this.value != null && this.value !== "" && String(this.value) === optVal;
-      optEl.selected = isSelected ? true : void 0;
-    }
-  }
-  render() {
-    const position = this.position || "bottom";
-    const multiValues = this.multiple ? this._getMultiValues() : [];
-    const hasMultiSelection = this.multiple && multiValues.length > 0;
-    const selectedLabel = !this.multiple && this.value != null && this.value !== "" ? this._findLabel(this.value) : "";
-    const isDisabled = Boolean(this.disabled);
-    this._selectedListEl = null;
-    this._syncSlotOptionsSelected();
-    return html(({ div, span, slot }) => {
-      const id = this.getFieldId();
-      this.renderLabel(id);
-      div(
-        {
-          id,
-          "aria-labelledby": this.label ? `${id}-label` : void 0,
-          className: "container field-body"
-        },
-        () => {
-          this._triggerEl = div(
-            {
-              className: `trigger${this._isOpen ? " open" : ""}${isDisabled ? " disabled" : ""}`,
-              "@click": () => {
-                if (isDisabled) return;
-                this._toggleDropdown();
-              }
-            },
-            () => {
-              if (this.multiple) {
-                if (hasMultiSelection) {
-                  this._selectedListEl = div(
-                    {
-                      className: `selected-list${!this.expandable ? " selected-list--clipped" : ""}`
-                    },
-                    () => {
-                      for (const v of multiValues) {
-                        const lbl = this._findLabel(v);
-                        tags.aeTag({
-                          key: `sel-${v}`,
-                          color: "default",
-                          variant: "faint",
-                          dismissible: true,
-                          disabled: isDisabled,
-                          textContent: lbl,
-                          "@dismiss": (e) => {
-                            e.stopPropagation();
-                            if (isDisabled) return;
-                            const next = multiValues.filter((item) => String(item) !== String(v));
-                            this.setValue(next, { silent: false, action: "change" });
-                          }
-                        });
-                      }
-                    }
-                  );
-                  if (!this.expandable && this._expanded) {
-                    span({ className: "overflow-indicator", textContent: "…" });
-                  }
-                } else {
-                  span({ className: "value placeholder", textContent: this.placeholder || "" });
-                }
-              } else {
-                if (selectedLabel) {
-                  span({ className: "value", textContent: selectedLabel });
-                } else {
-                  span({ className: "value placeholder", textContent: this.placeholder || "" });
-                }
-              }
-              span({ className: "arrow", textContent: "▾" });
-            }
-          );
-          this._dropdownEl = div(
-            {
-              className: `dropdown position-${position}${this._isOpen ? " open" : ""}`
-            },
-            () => {
-              this._renderProgrammaticOptions();
-              this._slotEl = slot({
-                "@slotchange": () => this._onSlotChange()
-              });
-            }
-          );
-          this.renderActionButtons();
-        }
-      );
-      this.renderHelperText();
-      this.renderError();
-      const currentValue = this.value != null && this.value !== "" && !(Array.isArray(this.value) && this.value.length === 0) ? String(this.value) : "";
-      this.fieldElement = tags.input({
-        key: "validation-input",
-        type: "text",
-        "aria-hidden": "true",
-        tabIndex: -1,
-        required: Boolean(this.required),
-        value: currentValue,
-        style: {
-          position: "absolute",
-          width: "0",
-          height: "0",
-          opacity: "0",
-          margin: "0",
-          padding: "0",
-          border: "0",
-          pointerEvents: "none",
-          overflow: "hidden"
-        }
-      });
-    });
-  }
-  _renderProgrammaticOptions() {
-    if (!Array.isArray(this.options)) return;
-    const { aeSelectOption } = tags;
-    const multiValues = this.multiple ? this._getMultiValues() : [];
-    for (const opt of this.options) {
-      if (this._isSelectOption(opt)) {
-        const isSelected = this.multiple ? multiValues.some((v) => String(v) === String(opt.value)) : this.value != null && String(opt.value) === String(this.value);
-        aeSelectOption({
-          key: `opt-${opt.value}`,
-          value: String(opt.value),
-          label: opt.label,
-          textContent: opt.label,
-          selected: isSelected ? true : void 0
-        });
-      } else {
-        const isSelected = this.multiple ? multiValues.some((v) => String(v) === String(opt)) : this.value != null && String(opt) === String(this.value);
-        aeSelectOption({
-          key: `opt-${opt}`,
-          value: String(opt),
-          textContent: String(opt),
-          selected: isSelected ? true : void 0
-        });
-      }
-    }
-  }
-  _isSelectOption(option) {
-    return option !== null && typeof option === "object" && typeof option.label === "string" && (typeof option.value === "string" || typeof option.value === "number");
-  }
-}
-_init = __decoratorStart(_a);
-__expanded = /* @__PURE__ */ new WeakMap();
-_options = /* @__PURE__ */ new WeakMap();
-_position = /* @__PURE__ */ new WeakMap();
-_placeholder = /* @__PURE__ */ new WeakMap();
-_multiple = /* @__PURE__ */ new WeakMap();
-_expandable = /* @__PURE__ */ new WeakMap();
-__decorateElement(_init, 4, "_expanded", __expanded_dec, Select, __expanded);
-__decorateElement(_init, 4, "options", _options_dec, Select, _options);
-__decorateElement(_init, 4, "position", _position_dec, Select, _position);
-__decorateElement(_init, 4, "placeholder", _placeholder_dec, Select, _placeholder);
-__decorateElement(_init, 4, "multiple", _multiple_dec, Select, _multiple);
-__decorateElement(_init, 4, "expandable", _expandable_dec, Select, _expandable);
-__decorateElement(_init, 5, "value", _value_dec, Select);
-__decorateElement(_init, 5, "defaultValue", _defaultValue_dec, Select);
-__decoratorMetadata(_init, Select);
-__publicField(Select, "tagName", "select");
-__publicField(Select, "styles", [variables, sizeCSS, fieldLabelCSS, actionButtonCSS, style]);
-Select.register();
-export {
-  Select as S
-};
-//# sourceMappingURL=select.js.map

package/dist/chunks/select.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select.js","sources":["../../src/select/select.ts"],"sourcesContent":["import AeicoField from '../aeico-field';\nimport type { InferProps } from 'aeico';\nimport { html, tags } from 'aeico';\nimport type {\n  SelectOptionValue,\n  SelectOption,\n  SelectOptions,\n  SelectPosition,\n  SelectMultiValue,\n} from './defines';\nimport style from '../styles/components/select.css?inline';\nimport variables from '../styles/variables.css?inline';\nimport sizeCSS from '../styles/size.css?inline';\nimport fieldLabelCSS from '../styles/components/field-label.css?inline';\nimport actionButtonCSS from '../styles/components/action-button.css?inline';\nimport SelectOptionElement from './select-option';\nimport '../tag/tag';\nimport { prop } from 'aeico';\n\n/**\n * Select component supporting single and multi-select modes, with options provided via both props and slots.\n * - `options` prop accepts an array of strings or objects with `value` and `label` for programmatic options.\n * - Slot content allows for declarative options using `<ae-select-option>` elements.\n * @example\n * <ae-select placeholder=\"Choose an option\" position=\"bottom\">\n *   <ae-select-option value=\"1\" label=\"Option 1\">Option 1</ae-select-option>\n *   <ae-select-option value=\"2\" label=\"Option 2\">Option 2</ae-select-option>\n * </ae-select>\n *\n */\nclass Select extends AeicoField<SelectOptionValue | SelectMultiValue> {\n  protected fieldElement: HTMLInputElement | null = null;\n  private _isOpen = false;\n  private _triggerEl: HTMLElement | null = null;\n  private _dropdownEl: HTMLElement | null = null;\n  private _slotEl: HTMLSlotElement | null = null;\n  private _slotOptionData: Array<{ value: string; label: string }> = [];\n  private _selectedListEl: HTMLElement | null = null;\n\n  static tagName = 'select';\n\n  @prop({ type: Boolean, observe: false, reflect: false })\n  accessor _expanded: boolean = false;\n\n  @prop({ type: Array })\n  accessor options: SelectOptions | undefined;\n\n  @prop({ type: String })\n  accessor position: SelectPosition | undefined;\n\n  @prop({ type: String })\n  accessor placeholder: string | undefined;\n\n  @prop({ type: Boolean })\n  accessor multiple: boolean = false;\n\n  @prop({ type: Boolean })\n  accessor expandable: boolean = false;\n\n  // Override base class value prop to support both string and array (multi-select).\n  // Uses field decorator (not accessor) because TypeScript TS2611 disallows overriding\n  // a parent class data property (declare value?) with an accessor in a subclass.\n  @prop({\n    type: String,\n    parser: (v) => {\n      if (v === null || v === undefined) return undefined;\n      try {\n        return JSON.parse(v);\n      } catch {\n        return v;\n      }\n    },\n    formatter: (v) => {\n      if (v === null || v === undefined) return '';\n      if (Array.isArray(v)) return JSON.stringify(v);\n      // eslint-disable-next-line @typescript-eslint/no-base-to-string\n      return String(v);\n    },\n  })\n  override value: SelectOptionValue | SelectMultiValue | undefined = undefined;\n\n  // Override base class defaultValue so arrays are JSON-serialized to the attribute,\n  // matching the value prop's parser/formatter. Without this override, setting\n  // defaultValue = ['a', 'b'] would be serialized as String(['a','b']) = \"a,b\",\n  // and reset() would restore a single string \"a,b\" instead of the array.\n  @prop({\n    type: String,\n    parser: (v) => {\n      if (v === null || v === undefined) return undefined;\n      try {\n        return JSON.parse(v);\n      } catch {\n        return v;\n      }\n    },\n    formatter: (v) => {\n      if (v === null || v === undefined) return '';\n      if (Array.isArray(v)) return JSON.stringify(v);\n      // eslint-disable-next-line @typescript-eslint/no-base-to-string\n      return String(v);\n    },\n  })\n  override defaultValue: SelectOptionValue | SelectMultiValue | undefined = undefined;\n\n  protected static styles = [variables, sizeCSS, fieldLabelCSS, actionButtonCSS, style];\n\n  protected writeValue(_value: SelectOptionValue | SelectMultiValue): void {\n    // Reactive re-render via this.value prop change handles the display update\n  }\n\n  protected getValue(): SelectOptionValue | SelectMultiValue {\n    if (this.multiple) return this._getMultiValues();\n\n    return this.value || '';\n  }\n\n  private _getMultiValues(): SelectMultiValue {\n    if (Array.isArray(this.value)) return this.value;\n    if (this.value != null && this.value !== '') return [this.value];\n\n    return [];\n  }\n\n  protected onDisabledChanged(_newValue: boolean): void {\n    // disabled is a reactive prop — render() already picks it up automatically\n  }\n\n  protected onUpdated(changedProps: Map<string, unknown>): void {\n    super.onUpdated(changedProps);\n    if (!this.multiple || this.expandable) {\n      if (this._expanded) this._expanded = false;\n      return;\n    }\n    const list = this._selectedListEl;\n    if (!list) return;\n    const overflowing = list.scrollWidth > list.clientWidth + 1;\n    if (overflowing !== this._expanded) this._expanded = overflowing;\n  }\n\n  private _findLabel(value: SelectOptionValue): string {\n    const strVal = String(value);\n    if (Array.isArray(this.options)) {\n      for (const opt of this.options) {\n        if (this._isSelectOption(opt)) {\n          if (String(opt.value) === strVal) return opt.label;\n        } else {\n          if (String(opt) === strVal) return strVal;\n        }\n      }\n    }\n\n    for (const opt of this._slotOptionData) {\n      if (opt.value === strVal) return opt.label;\n    }\n\n    return strVal;\n  }\n\n  private _onSlotChange(): void {\n    if (!this._slotEl) return;\n    const data: Array<{ value: string; label: string }> = [];\n    for (const el of this._slotEl.assignedElements({ flatten: true })) {\n      if (el.tagName.toLowerCase() !== 'ae-select-option') continue;\n      const optEl = el as SelectOptionElement;\n      data.push({\n        value: optEl.value ?? el.getAttribute('value') ?? '',\n        label: optEl.label || el.textContent?.trim() || '',\n      });\n    }\n    this._slotOptionData = data;\n    this.update();\n  }\n\n  private _toggleDropdown(): void {\n    if (this._isOpen) {\n      this._closeDropdown();\n    } else {\n      this._openDropdown();\n    }\n  }\n\n  private _openDropdown(): void {\n    this._isOpen = true;\n    this._syncOpenState();\n  }\n\n  private _closeDropdown(): void {\n    this._isOpen = false;\n    this._syncOpenState();\n  }\n\n  private _syncOpenState(): void {\n    this._triggerEl?.classList.toggle('open', this._isOpen);\n    this._dropdownEl?.classList.toggle('open', this._isOpen);\n  }\n\n  private readonly _handleOutsideClick = (e: Event): void => {\n    if (!e.composedPath().includes(this)) {\n      this._closeDropdown();\n    }\n  };\n\n  private readonly _handleOptionSelect = (e: Event): void => {\n    const { value, label } = (e as CustomEvent<{ value: string; label: string }>).detail;\n    if (!this._slotOptionData.find((o) => o.value === value)) {\n      this._slotOptionData = [\n        ...this._slotOptionData.filter((o) => o.value !== value),\n        { value, label },\n      ];\n    }\n    if (this.multiple) {\n      const current = this._getMultiValues();\n      const idx = current.findIndex((v) => String(v) === value);\n      const next: SelectMultiValue =\n        idx >= 0 ? current.filter((_, i) => i !== idx) : [...current, value];\n\n      this.setValue(next, { silent: false, action: 'change' });\n    } else {\n      this.setValue(value, { silent: false, action: 'change' });\n      this._closeDropdown();\n    }\n  };\n\n  connectedCallback() {\n    super.connectedCallback();\n    document.addEventListener('click', this._handleOutsideClick);\n    this.addEventListener('selectoption', this._handleOptionSelect);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    document.removeEventListener('click', this._handleOutsideClick);\n    this.removeEventListener('selectoption', this._handleOptionSelect);\n  }\n\n  private _syncSlotOptionsSelected(): void {\n    if (!this._slotEl) return;\n    const multiValues = this._getMultiValues();\n    for (const el of this._slotEl.assignedElements({ flatten: true })) {\n      if (el.tagName.toLowerCase() !== 'ae-select-option') continue;\n      const optEl = el as SelectOptionElement;\n      const optVal = optEl.value ?? el.getAttribute('value') ?? '';\n      const isSelected = this.multiple\n        ? multiValues.some((v) => String(v) === optVal)\n        : this.value != null && this.value !== '' && String(this.value) === optVal;\n      // undefined triggers removeAttribute via reactive setter\n      // (null would work too but undefined is type-safe for boolean | undefined)\n      optEl.selected = isSelected ? true : undefined;\n    }\n  }\n\n  render() {\n    const position = this.position || 'bottom';\n    const multiValues = this.multiple ? this._getMultiValues() : [];\n    const hasMultiSelection = this.multiple && multiValues.length > 0;\n    const selectedLabel =\n      !this.multiple && this.value != null && this.value !== ''\n        ? this._findLabel(this.value as SelectOptionValue)\n        : '';\n    const isDisabled = Boolean(this.disabled);\n    this._selectedListEl = null;\n\n    this._syncSlotOptionsSelected();\n\n    return html(({ div, span, slot }) => {\n      const id = this.getFieldId();\n      this.renderLabel(id);\n      div(\n        {\n          id,\n          'aria-labelledby': this.label ? `${id}-label` : undefined,\n          className: 'container field-body',\n        },\n        () => {\n          this._triggerEl = div(\n            {\n              className: `trigger${this._isOpen ? ' open' : ''}${isDisabled ? ' disabled' : ''}`,\n              '@click': () => {\n                if (isDisabled) return;\n\n                this._toggleDropdown();\n              },\n            },\n            () => {\n              if (this.multiple) {\n                if (hasMultiSelection) {\n                  this._selectedListEl = div(\n                    {\n                      className: `selected-list${!this.expandable ? ' selected-list--clipped' : ''}`,\n                    },\n                    () => {\n                      for (const v of multiValues) {\n                        const lbl = this._findLabel(v);\n                        tags.aeTag({\n                          key: `sel-${v}`,\n                          color: 'default',\n                          variant: 'faint',\n                          dismissible: true,\n                          disabled: isDisabled,\n                          textContent: lbl,\n                          '@dismiss': (e: Event) => {\n                            e.stopPropagation();\n                            if (isDisabled) return;\n\n                            const next = multiValues.filter((item) => String(item) !== String(v));\n                            this.setValue(next, { silent: false, action: 'change' });\n                          },\n                        });\n                      }\n                    },\n                  );\n                  if (!this.expandable && this._expanded) {\n                    span({ className: 'overflow-indicator', textContent: '…' });\n                  }\n                } else {\n                  span({ className: 'value placeholder', textContent: this.placeholder || '' });\n                }\n              } else {\n                if (selectedLabel) {\n                  span({ className: 'value', textContent: selectedLabel });\n                } else {\n                  span({ className: 'value placeholder', textContent: this.placeholder || '' });\n                }\n              }\n              span({ className: 'arrow', textContent: '▾' });\n            },\n          );\n\n          this._dropdownEl = div(\n            {\n              className: `dropdown position-${position}${this._isOpen ? ' open' : ''}`,\n            },\n            () => {\n              this._renderProgrammaticOptions();\n              this._slotEl = slot({\n                '@slotchange': () => this._onSlotChange(),\n              });\n            },\n          );\n\n          this.renderActionButtons();\n        },\n      );\n      this.renderHelperText();\n      this.renderError();\n\n      // Visually-hidden input so native form constraint validation works for `required`.\n      // type=\"text\" (not \"hidden\") is required — type=\"hidden\" is exempt from constraint validation.\n      const currentValue =\n        this.value != null &&\n        this.value !== '' &&\n        !(Array.isArray(this.value) && this.value.length === 0)\n          ? String(this.value)\n          : '';\n      this.fieldElement = tags.input({\n        key: 'validation-input',\n        type: 'text',\n        'aria-hidden': 'true',\n        tabIndex: -1,\n        required: Boolean(this.required),\n        value: currentValue,\n        style: {\n          position: 'absolute',\n          width: '0',\n          height: '0',\n          opacity: '0',\n          margin: '0',\n          padding: '0',\n          border: '0',\n          pointerEvents: 'none',\n          overflow: 'hidden',\n        },\n      });\n    });\n  }\n\n  private _renderProgrammaticOptions(): void {\n    if (!Array.isArray(this.options)) return;\n\n    const { aeSelectOption } = tags;\n    const multiValues = this.multiple ? this._getMultiValues() : [];\n    for (const opt of this.options) {\n      if (this._isSelectOption(opt)) {\n        const isSelected = this.multiple\n          ? multiValues.some((v) => String(v) === String(opt.value))\n          : this.value != null && String(opt.value) === String(this.value);\n        aeSelectOption({\n          key: `opt-${opt.value}`,\n          value: String(opt.value),\n          label: opt.label,\n          textContent: opt.label,\n          selected: isSelected ? true : undefined,\n        });\n      } else {\n        const isSelected = this.multiple\n          ? multiValues.some((v) => String(v) === String(opt))\n          : this.value != null && String(opt) === String(this.value);\n        aeSelectOption({\n          key: `opt-${opt}`,\n          value: String(opt),\n          textContent: String(opt),\n          selected: isSelected ? true : undefined,\n        });\n      }\n    }\n  }\n\n  private _isSelectOption(option: unknown): option is SelectOption {\n    return (\n      option !== null &&\n      typeof option === 'object' &&\n      typeof (option as SelectOption).label === 'string' &&\n      (typeof (option as SelectOption).value === 'string' ||\n        typeof (option as SelectOption).value === 'number')\n    );\n  }\n}\n\nSelect.register();\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ae-select': Select;\n  }\n}\n\nexport default Select;\nexport type SelectProps = InferProps<typeof Select>;\n"],"names":["_a"],"mappings":"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"}

package/dist/chunks/size.cjs

@@ -1,4 +0,0 @@
-"use strict";
-const sizeCSS = ':host([size="xs"]) { font-size: var(--size-xs); }\n:host([size="sm"]) { font-size: var(--size-s); }\n:host([size="md"]) { font-size: var(--size-m); }\n:host([size="lg"]) { font-size: var(--size-l); }\n:host([size="xl"]) { font-size: var(--size-xl); }\n:host([size="3xs"]) { font-size: var(--size-3xs); }\n:host([size="2xs"]) { font-size: var(--size-2xs); }\n';
-exports.sizeCSS = sizeCSS;
-//# sourceMappingURL=size.cjs.map

package/dist/chunks/size.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"size.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/chunks/size.js

@@ -1,5 +0,0 @@
-const sizeCSS = ':host([size="xs"]) { font-size: var(--size-xs); }\n:host([size="sm"]) { font-size: var(--size-s); }\n:host([size="md"]) { font-size: var(--size-m); }\n:host([size="lg"]) { font-size: var(--size-l); }\n:host([size="xl"]) { font-size: var(--size-xl); }\n:host([size="3xs"]) { font-size: var(--size-3xs); }\n:host([size="2xs"]) { font-size: var(--size-2xs); }\n';
-export {
-  sizeCSS as s
-};
-//# sourceMappingURL=size.js.map

package/dist/chunks/size.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"size.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}