@odx/foundation 0.1.0-alpha.9 → 1.0.0-alpha.2

package/dist/main.js

@@ -1,732 +0,0 @@
-import { createFocusTrap } from 'focus-trap';
-import { isServer, nothing, html } from 'lit';
-import { toMerged, round } from 'es-toolkit';
-import { d as dedupeMixin, F as FormControl, C as CanBeDisabled, t as toAriaBooleanAttribute, f as fromAriaBooleanAttribute, a as CustomElement, b as CheckboxControl, g as getKeyboardEventInfo } from './radio-group-control-QWelHLuv.js';
-export { e as CanBeReadonly, h as CanBeRequired, i as CanBeValidated, K as KeyboardKey, c as RadioGroupControl, R as RovingTabindexController, j as customElement } from './radio-group-control-QWelHLuv.js';
-import { directive, Directive } from 'lit/directive.js';
-import { property, queryAssignedElements } from 'lit/decorators.js';
-import { signal, SignalWatcher, computed } from '@lit-labs/signals';
-
-function createMutationObserver(callback) {
-  try {
-    return new MutationObserver(callback);
-  } catch {
-    return { takeRecords: () => [], observe: () => void 0, disconnect: () => void 0 };
-  }
-}
-
-function createOptions(defaultOptions) {
-  return (options) => toMerged(defaultOptions, options ?? {});
-}
-
-function toggleAttribute(element, name, value) {
-  if (!element) return;
-  if (typeof value === "boolean") {
-    element.toggleAttribute(name, value);
-    return;
-  }
-  if (value != null) {
-    element.setAttribute(name, value.toString());
-    return;
-  }
-  element.removeAttribute(name);
-}
-function getElementFromEvent(event, filterFn) {
-  return event.composedPath().find((node) => node instanceof Element && filterFn(node));
-}
-function findClosestDocument(node) {
-  let parent = node.parentNode;
-  while (parent && parent.nodeType !== Node.DOCUMENT_FRAGMENT_NODE && parent.nodeType !== Node.DOCUMENT_NODE) {
-    parent = parent.parentNode;
-  }
-  return parent;
-}
-function toPx(value) {
-  const coercedValue = Number(value);
-  if (Number.isNaN(coercedValue)) return null;
-  return `${round(coercedValue, 2)}px`;
-}
-
-const LocalizationOptions = createOptions({
-  defaultLocale: () => navigator.language,
-  relativeTimeFormatOptions: {
-    minUnit: "minute"
-  }
-});
-const localizationOptions = signal(null);
-const activeLocale = signal(null, { equals: (t, t2) => t?.toString() === t2?.toString() });
-function setLocalizationOptions(options) {
-  localizationOptions.set(getLocalizationOptions(options));
-}
-function getLocalizationOptions(options) {
-  return LocalizationOptions(options ?? localizationOptions.get() ?? {});
-}
-function watchLocaleChanges(root = document.documentElement) {
-  const updateLocale = () => activeLocale.set(getLocale(root.lang));
-  const observer = createMutationObserver(updateLocale);
-  observer.observe(root, { attributes: true, attributeFilter: ["lang"] });
-  updateLocale();
-}
-function setLocale(locale) {
-  if (locale === null) {
-    document.documentElement.lang = getLocalizationOptions().defaultLocale().toString();
-  } else {
-    document.documentElement.lang = getLocale(locale).toString();
-  }
-}
-function getLocale(locale) {
-  const fallbackLocale = activeLocale.get() || getLocalizationOptions().defaultLocale();
-  try {
-    return new Intl.Locale(locale || fallbackLocale);
-  } catch {
-    return new Intl.Locale(fallbackLocale);
-  }
-}
-
-function parseDate(value) {
-  const date = new Date(value);
-  if (Number.isNaN(date.getTime()) && typeof value === "string") {
-    const timestamp = Number(value);
-    return Number.isNaN(timestamp) ? null : new Date(timestamp);
-  }
-  return Number.isNaN(date.getTime()) ? null : date;
-}
-
-const iso8601DateTimeFormat = new Intl.DateTimeFormat("sv-SE", { dateStyle: "short" });
-function formatDate(input, options) {
-  const value = parseDate(input);
-  if (!value) return "";
-  const { dateTimeFormatOptions } = getLocalizationOptions({ dateTimeFormatOptions: options });
-  if (dateTimeFormatOptions?.dateStyle === "iso8601") {
-    return iso8601DateTimeFormat.format(value);
-  }
-  return new Intl.DateTimeFormat(options?.locale, dateTimeFormatOptions).format(value);
-}
-function formatNumber(input, options) {
-  const value = Number(input);
-  if (Number.isNaN(value)) return "";
-  const { numberFormatOptions } = getLocalizationOptions({ numberFormatOptions: options });
-  if (numberFormatOptions?.currency) {
-    numberFormatOptions.style = "currency";
-  }
-  return new Intl.NumberFormat(numberFormatOptions?.locale, numberFormatOptions).format(value);
-}
-function formatList(input, options) {
-  if (input.length === 0) return "";
-  const { listFormatOptions } = getLocalizationOptions({ listFormatOptions: options });
-  return new Intl.ListFormat(options?.locale, listFormatOptions).format(input);
-}
-const availableTimeUnits = [
-  { max: 59e3, value: 1e3, unit: "second" },
-  // max 59 seconds
-  { max: 276e4, value: 6e4, unit: "minute" },
-  // max 46 minutes
-  { max: 72e6, value: 36e5, unit: "hour" },
-  // max 20 hours
-  { max: 5184e5, value: 864e5, unit: "day" },
-  // max 6 days
-  { max: 24192e5, value: 6048e5, unit: "week" },
-  // max 28 days
-  { max: 28512e6, value: 2592e6, unit: "month" },
-  // max 11 months
-  { max: Number.POSITIVE_INFINITY, value: 31536e6, unit: "year" }
-];
-function findTimeUnit(value, minUnit) {
-  const minTimeUnit = availableTimeUnits.find(({ unit }) => unit === minUnit) ?? availableTimeUnits[0];
-  return availableTimeUnits.find((config) => value < config.max && config.value >= minTimeUnit.value);
-}
-function formatRelativeTime(input, options) {
-  const value = parseDate(input);
-  if (!value) return "";
-  const { relativeTimeFormatOptions } = getLocalizationOptions({ relativeTimeFormatOptions: options });
-  const relativeTime = value.getTime() - (/* @__PURE__ */ new Date()).getTime();
-  const timeUnit = findTimeUnit(Math.abs(relativeTime), relativeTimeFormatOptions?.minUnit);
-  return new Intl.RelativeTimeFormat(options?.locale, relativeTimeFormatOptions).format(Math.round(relativeTime / timeUnit.value), timeUnit.unit);
-}
-
-const uniqueIdCache = /* @__PURE__ */ new Map();
-function getUniqueId(key) {
-  const nextIndex = (uniqueIdCache.get(key) ?? 0) + 1;
-  uniqueIdCache.set(key, nextIndex);
-  return `${key}-${nextIndex}`;
-}
-function clearUniqueIdCache(key) {
-  if (key) {
-    uniqueIdCache.delete(key);
-  } else {
-    uniqueIdCache.clear();
-  }
-}
-
-function ariaPropertyToAttribute(property) {
-  return property.replace("aria", "aria-").replace(/Elements?/g, "").toLowerCase();
-}
-function requestUpdateOnAriaChange(ariaProperties) {
-  return (ctor) => {
-    for (const ariaProperty of ariaProperties) {
-      ctor.createProperty(ariaProperty, {
-        attribute: ariaPropertyToAttribute(ariaProperty),
-        reflect: true
-      });
-    }
-  };
-}
-
-function createIntersectionObserver(callback) {
-  try {
-    return new IntersectionObserver(callback);
-  } catch {
-    return { root: null, rootMargin: "", thresholds: [], takeRecords: () => [], observe: () => void 0, disconnect: () => void 0, unobserve: () => void 0 };
-  }
-}
-
-class SharedIntersectionObserverInstance {
-  #observer;
-  #handlers = /* @__PURE__ */ new WeakMap();
-  #updateLog = /* @__PURE__ */ new WeakMap();
-  observe(target, handler, options = { fpsLimit: 60 }) {
-    this.#observer ??= createIntersectionObserver(this.#handleIntersection);
-    this.#handlers.set(target, [handler, options.fpsLimit]);
-    this.#observer.observe(target);
-  }
-  unobserve(target) {
-    this.#handlers.delete(target);
-    this.#observer?.unobserve(target);
-  }
-  #handleIntersection = (entries) => {
-    if (!this.#observer) return;
-    for (const entry of entries) {
-      const [handler, fpsLimit] = this.#handlers.get(entry.target) ?? [];
-      if (typeof handler !== "function" || !this.#shouldUpdate(entry.target, fpsLimit)) continue;
-      handler?.([entry], this.#observer);
-      this.#updateLog.set(entry.target, Date.now());
-    }
-  };
-  #shouldUpdate(target, fpsLimit) {
-    if (!target.isConnected || typeof fpsLimit !== "number" || fpsLimit < 1) return false;
-    return Date.now() - (this.#updateLog.get(target) ?? 0) >= 1e3 / fpsLimit;
-  }
-}
-const SharedIntersectionObserver = new SharedIntersectionObserverInstance();
-
-function createResizeObserver(callback) {
-  try {
-    return new ResizeObserver(callback);
-  } catch {
-    return { observe: () => void 0, disconnect: () => void 0, unobserve: () => void 0 };
-  }
-}
-
-class SharedResizeObserverInstance {
-  #observer;
-  #handlers = /* @__PURE__ */ new WeakMap();
-  #updateLog = /* @__PURE__ */ new WeakMap();
-  observe(target, handler, options = { fpsLimit: 60 }) {
-    const { fpsLimit, ...observerOptions } = options;
-    this.#observer ??= createResizeObserver(this.#handleResize);
-    this.#handlers.set(target, [handler, fpsLimit]);
-    this.#observer.observe(target, observerOptions);
-  }
-  unobserve(target) {
-    this.#handlers.delete(target);
-    this.#observer?.unobserve(target);
-  }
-  #handleResize = (entries) => {
-    if (!this.#observer) return;
-    for (const entry of entries) {
-      const [handler, fpsLimit] = this.#handlers.get(entry.target) ?? [];
-      if (typeof handler !== "function" || !this.#shouldUpdate(entry.target, fpsLimit ?? 60)) continue;
-      handler?.([entry], this.#observer);
-      this.#updateLog.set(entry.target, Date.now());
-    }
-  };
-  #shouldUpdate(target, fpsLimit) {
-    if (!target.isConnected || fpsLimit < 1) return false;
-    return Date.now() - (this.#updateLog.get(target) ?? 0) >= 1e3 / fpsLimit;
-  }
-}
-const SharedResizeObserver = new SharedResizeObserverInstance();
-
-async function waitForAnimations(element, subtree = false) {
-  if (!element || typeof element.getAnimations !== "function") {
-    return [];
-  }
-  return Promise.all(element.getAnimations({ subtree }).map((animation) => animation.finished)).catch(() => []);
-}
-
-const FocusTrapControllerOptions = createOptions({
-  escapeDeactivates: false,
-  tabbableOptions: { getShadowRoot: true }
-});
-class FocusTrapController {
-  #host;
-  #options;
-  #focusTrap;
-  constructor(host, options) {
-    this.#host = host;
-    this.#options = FocusTrapControllerOptions(options);
-    this.#host.addController(this);
-  }
-  async activate() {
-    await this.#host.updateComplete;
-    this.#focusTrap?.activate();
-  }
-  async deactivate() {
-    await this.#host.updateComplete;
-    this.#focusTrap?.deactivate();
-  }
-  async toggle(state) {
-    if (state ?? !this.#focusTrap?.active) {
-      return this.activate();
-    }
-    return this.deactivate();
-  }
-  async hostConnected() {
-    if (isServer) return;
-    await this.#host.updateComplete;
-    this.#focusTrap ??= createFocusTrap(this.#host, {
-      ...this.#options,
-      checkCanFocusTrap: this.#checkCanFocusTrap.bind(this),
-      checkCanReturnFocus: this.#checkCanReturnFocus.bind(this)
-    });
-  }
-  hostDisconnected() {
-    this.deactivate();
-  }
-  async #checkCanFocusTrap(containers) {
-    await waitForAnimations(this.#host);
-    await this.#options.checkCanFocusTrap?.(containers);
-  }
-  async #checkCanReturnFocus(trigger) {
-    await waitForAnimations(this.#host);
-    await this.#options.checkCanReturnFocus?.(trigger);
-  }
-}
-
-const optionalAttr = (value) => {
-  if (value === void 0 || value === null || value === "") return nothing;
-  return value;
-};
-
-function optionalSlot(host, slotName) {
-  if (host.querySelector(`[slot="${slotName}"]`)) {
-    return html`
-      <div class="${slotName}" part="${slotName}-container">
-        <slot name="${slotName}" @slotchange="${() => host.requestUpdate()}"></slot>
-      </div>
-    `;
-  }
-  return nothing;
-}
-
-class SlotFallbackDirective extends Directive {
-  update({ options, element }) {
-    if (!options?.host || !(element instanceof HTMLSlotElement)) return;
-    const host = options.host;
-    const slottedElementSelector = element.name ? `[slot="${element.name}"]` : "*";
-    if (host.querySelectorAll(slottedElementSelector).length > 0 || host.textContent?.trim()) return;
-    host.textContent = "";
-  }
-  render() {
-  }
-}
-const emptySlotFallbackFix = directive(SlotFallbackDirective);
-
-var __defProp$6 = Object.defineProperty;
-var __decorateClass$6 = (decorators, target, key, kind) => {
-  var result = void 0 ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$6(target, key, result);
-  return result;
-};
-const IsLocalized = dedupeMixin((superClass) => {
-  class IsLocalizedElement extends SignalWatcher(superClass) {
-    constructor() {
-      super(...arguments);
-      this.locale = computed(() => getLocale(this.lang));
-    }
-    formatDate(input, options) {
-      return formatDate(input, { ...options, locale: options?.locale ?? this.locale.get() });
-    }
-    formatNumber(input, options) {
-      return formatNumber(input, { ...options, locale: options?.locale ?? this.locale.get() });
-    }
-    formatList(input, options) {
-      return formatList(input, { ...options, locale: options?.locale ?? this.locale.get() });
-    }
-    formatRelativeTime(input, options) {
-      return formatRelativeTime(input, { ...options, locale: options?.locale ?? this.locale.get() });
-    }
-  }
-  __decorateClass$6([
-    property()
-  ], IsLocalizedElement.prototype, "lang");
-  return IsLocalizedElement;
-});
-
-const IsTranslatable = dedupeMixin((superClass) => {
-  class IsTranslatableElement extends IsLocalized(superClass) {
-    constructor() {
-      super(...arguments);
-      this.language = computed(() => this.locale.get().language);
-    }
-    _translate(key) {
-      const translations = this._getTranslations?.() ?? {};
-      const translation = translations[this.language.get()] ?? translations["en"];
-      return translation?.[key] ?? "";
-    }
-  }
-  return IsTranslatableElement;
-});
-
-var __defProp$5 = Object.defineProperty;
-var __decorateClass$5 = (decorators, target, key, kind) => {
-  var result = void 0 ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$5(target, key, result);
-  return result;
-};
-const MIN_STEP_VALUE = 1 / 2 ^ 16;
-const NumberControl = dedupeMixin((superClass) => {
-  class NumberControlElement extends FormControl(superClass) {
-    constructor() {
-      super(...arguments);
-      this.min = 0;
-      this.max = 100;
-      this.step = 1;
-      this.value = 0;
-    }
-    getValueText() {
-      return this.ariaValueText?.trim() ?? "";
-    }
-    update(props) {
-      if (props.has("value")) {
-        this.internals.ariaValueNow = String(this.value);
-        this.internals.ariaValueText = this.getValueText();
-      }
-      if (props.has("min")) {
-        this.internals.ariaValueMin = String(this.min);
-      }
-      if (props.has("max")) {
-        this.internals.ariaValueMax = String(this.max);
-      }
-      if (props.has("step")) {
-        this.step = Math.max(MIN_STEP_VALUE, this.step);
-      }
-      this.value = Math.max(this.min, Math.min(this.value, this.max));
-      super.update?.(props);
-    }
-    toFormValue() {
-      return String(this.value);
-    }
-  }
-  __decorateClass$5([
-    property({ type: Number })
-  ], NumberControlElement.prototype, "min");
-  __decorateClass$5([
-    property({ type: Number })
-  ], NumberControlElement.prototype, "max");
-  __decorateClass$5([
-    property({ type: Number })
-  ], NumberControlElement.prototype, "step");
-  __decorateClass$5([
-    property({ type: Number, reflect: true })
-  ], NumberControlElement.prototype, "value");
-  return NumberControlElement;
-});
-
-var __defProp$4 = Object.defineProperty;
-var __decorateClass$4 = (decorators, target, key, kind) => {
-  var result = void 0 ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$4(target, key, result);
-  return result;
-};
-const WithAriaControls = dedupeMixin((superClass) => {
-  class WithAriaControlsElement extends CanBeDisabled(superClass) {
-    get region() {
-      return this.nextElementSibling;
-    }
-    updateA11yAttributes() {
-      if (!this.region) return;
-      this.id ||= getUniqueId(this.localName);
-      this.role ||= "button";
-      this.region.role ||= "region";
-      this.region.id ||= `${this.id}-region`;
-      this.region.ariaHidden = this.disabled ? "true" : this.region.ariaHidden;
-      this.setAttribute("aria-controls", this.region.id);
-      this.region.setAttribute("aria-labelledby", this.id);
-    }
-    update(props) {
-      super.update(props);
-      if (props.has("disabled") || props.has("id")) {
-        this.updateA11yAttributes();
-      }
-    }
-  }
-  __decorateClass$4([
-    property({ reflect: true })
-  ], WithAriaControlsElement.prototype, "id");
-  return WithAriaControlsElement;
-});
-
-var __defProp$3 = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass$3 = (decorators, target, key, kind) => {
-  var result = __getOwnPropDesc(target, key) ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$3(target, key, result);
-  return result;
-};
-const WithLoadingState = dedupeMixin((superClass) => {
-  class WithLoadingStateElement extends superClass {
-    get loadingContainer() {
-      return this;
-    }
-    set loading(value) {
-      this.loadingContainer.ariaBusy = toAriaBooleanAttribute(value);
-      this.loadingContainer.inert = value;
-    }
-    get loading() {
-      return fromAriaBooleanAttribute(this.loadingContainer.ariaBusy);
-    }
-  }
-  __decorateClass$3([
-    property({ type: Boolean, reflect: true })
-  ], WithLoadingStateElement.prototype, "loading");
-  return WithLoadingStateElement;
-});
-
-var __defProp$2 = Object.defineProperty;
-var __decorateClass$2 = (decorators, target, key, kind) => {
-  var result = void 0 ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$2(target, key, result);
-  return result;
-};
-const GROUP_CONTROL_SELECTOR = "odx-checkbox-group-control";
-const _CheckboxGroupControl = class _CheckboxGroupControl extends FormControl(CustomElement) {
-  constructor() {
-    super();
-    this.value = [];
-    this.#handleChangeEvent = (event) => {
-      const { target } = event;
-      if (!this.isControl(target)) return;
-      if (target.checked) {
-        this.updateValue([...this.value, target.value], true);
-        return;
-      }
-      this.updateValue(
-        this.value.filter((value) => value !== target.value),
-        true
-      );
-    };
-    if (!isServer) {
-      this.addEventListener("change", this.#handleChangeEvent);
-    }
-  }
-  get childGroups() {
-    return this.elements.filter((element) => element instanceof _CheckboxGroupControl);
-  }
-  get controls() {
-    return this.#findCheckboxControls((element) => !element.hasAttribute(GROUP_CONTROL_SELECTOR)).concat(this.childGroups.flatMap((group) => group.controls));
-  }
-  get groupControls() {
-    return this.#findCheckboxControls((element) => element.hasAttribute(GROUP_CONTROL_SELECTOR));
-  }
-  toFormValue() {
-    const formData = new FormData();
-    this.value.forEach((value, index) => {
-      formData.append(`${this.name}[${index}]`, value);
-    });
-    return formData;
-  }
-  isIndeterminate() {
-    return this.value.length > 0 && this.value.length < this.controls.length;
-  }
-  isControl(element) {
-    return element instanceof CheckboxControl;
-  }
-  updated(props) {
-    super.updated(props);
-    if (props.has("value")) {
-      this.updateCheckboxControls((control) => {
-        control.checked = this.value.includes(control.value);
-      });
-      for (const groupControl of this.groupControls) {
-        if (groupControl instanceof CheckboxControl && "indeterminate" in groupControl) {
-          groupControl.indeterminate = this.isIndeterminate();
-          groupControl.checked = this.controls.length > 0 && this.value.length === this.controls.length;
-        }
-      }
-    }
-    if (props.has("name")) {
-      this.updateCheckboxControls((control) => {
-        control.name = this.name;
-      });
-    }
-    if (props.has("disabled")) {
-      this.updateCheckboxControls((control) => {
-        control.disabled = this.disabled;
-      });
-    }
-    if (props.has("readonly")) {
-      this.updateCheckboxControls((control) => {
-        control.readonly = this.readonly;
-      });
-    }
-  }
-  updateCheckboxControls(updateFn) {
-    this.controls.forEach(updateFn);
-  }
-  updateValue(value, dispatchEvent) {
-    this.value = value;
-    if (!dispatchEvent) return;
-    this.emit("change");
-  }
-  #handleChangeEvent;
-  #findCheckboxControls(predicate) {
-    return this.elements.filter((element) => this.isControl(element) && predicate(element));
-  }
-};
-__decorateClass$2([
-  queryAssignedElements({ flatten: true })
-], _CheckboxGroupControl.prototype, "elements");
-__decorateClass$2([
-  property({ type: Array })
-], _CheckboxGroupControl.prototype, "value");
-let CheckboxGroupControl = _CheckboxGroupControl;
-
-var __defProp$1 = Object.defineProperty;
-var __decorateClass$1 = (decorators, target, key, kind) => {
-  var result = void 0 ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$1(target, key, result);
-  return result;
-};
-class OptionControl extends CanBeDisabled(CustomElement) {
-  constructor() {
-    super();
-    this.selected = false;
-    this.value = "";
-    this.#handleClick = () => {
-      this.toggle(void 0, true);
-    };
-    this.#handleKeyboardEvent = (event) => {
-      const { actions } = getKeyboardEventInfo(event);
-      if (!actions.enter && !actions.space) return;
-      event.preventDefault();
-      if (event.type === "keydown") return;
-      this.toggle(void 0, true);
-    };
-    if (!isServer) {
-      this.addEventListener("click", this.#handleClick);
-      this.addEventListener("keydown", this.#handleKeyboardEvent);
-      this.addEventListener("keyup", this.#handleKeyboardEvent);
-    }
-  }
-  getTextLabel() {
-    return this.textContent?.trim() ?? "";
-  }
-  toggle(state, emitEvent = false) {
-    const currentState = this.selected;
-    const newState = state ?? !this.selected;
-    if (this.disabled || newState === this.selected) return;
-    this.selected = newState;
-    if (!emitEvent || !this.emit("change")) return;
-    this.selected = currentState;
-  }
-  connectedCallback() {
-    super.connectedCallback?.();
-    this.role ||= "option";
-  }
-  willUpdate(changes) {
-    super.willUpdate?.(changes);
-    if (changes.has("selected")) {
-      this.ariaSelected = toAriaBooleanAttribute(this.selected);
-    }
-  }
-  #handleClick;
-  #handleKeyboardEvent;
-}
-__decorateClass$1([
-  property({ type: Boolean })
-], OptionControl.prototype, "selected");
-__decorateClass$1([
-  property()
-], OptionControl.prototype, "value");
-
-var __defProp = Object.defineProperty;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0 ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp(target, key, result);
-  return result;
-};
-class SelectControl extends FormControl(CustomElement) {
-  constructor() {
-    super(...arguments);
-    this.#selectedOptions = /* @__PURE__ */ new Map();
-    this.multiple = false;
-    this.value = "";
-  }
-  #selectedOptions;
-  get selectedOptions() {
-    return this.#selectedOptions.values();
-  }
-  toggle(option) {
-    if (this.multiple) {
-      const value = typeof this.value === "string" ? [this.value].filter(Boolean) : this.value;
-      this.value = option.selected ? [...value, option.value] : value.filter((value2) => value2 !== option.value);
-    } else {
-      this.value = option.value;
-    }
-  }
-  willUpdate(changes) {
-    super.willUpdate?.(changes);
-    if (changes.has("value")) {
-      this.updateSelection();
-    }
-    if (changes.has("required") || changes.has("value")) {
-      const [selectedOption] = this.#selectedOptions.values();
-      if (!selectedOption?.selected) return;
-      this.setValidity({ valueMissing: this.required && this.value.length === 0 }, selectedOption);
-    }
-  }
-  async updateSelection() {
-    if (this.disabled) return;
-    await 0;
-    for (const option of this.options ?? []) {
-      if (option.disabled) continue;
-      option.selected = this.multiple ? this.value.includes(option.value) : this.value === option.value;
-      if (option.selected) {
-        this.#selectedOptions.set(option.value, option);
-      } else {
-        this.#selectedOptions.delete(option.value);
-      }
-    }
-    this.requestUpdate();
-  }
-}
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SelectControl.prototype, "multiple");
-__decorateClass([
-  property()
-], SelectControl.prototype, "value");
-
-export { CanBeDisabled, CheckboxControl, CheckboxGroupControl, CustomElement, FocusTrapController, FormControl, IsLocalized, IsTranslatable, NumberControl, OptionControl, SelectControl, SharedIntersectionObserver, SharedResizeObserver, WithAriaControls, WithLoadingState, clearUniqueIdCache, createMutationObserver, createOptions, dedupeMixin, emptySlotFallbackFix, findClosestDocument, formatDate, formatList, formatNumber, formatRelativeTime, fromAriaBooleanAttribute, getElementFromEvent, getKeyboardEventInfo, getLocale, getLocalizationOptions, getUniqueId, iso8601DateTimeFormat, optionalAttr, optionalSlot, parseDate, requestUpdateOnAriaChange, setLocale, setLocalizationOptions, toAriaBooleanAttribute, toPx, toggleAttribute, waitForAnimations, watchLocaleChanges };