@odx/foundation 1.0.0-alpha.4 → 1.0.0-alpha.41

package/dist/lib/facade/radio-group-form-control.js

@@ -1,87 +0,0 @@
-import { isServer } from 'lit';
-import { queryAssignedElements } from 'lit/decorators.js';
-import { CheckboxFormControl } from './checkbox-form-control.js';
-import { RovingTabindexController } from '../external/roving-tabindex.js';
-import { FormControl } from '../mixins/form-control.js';
-import { CustomElement } from '../models/custom-element.js';
-
-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 RadioGroupFormControl extends FormControl(CustomElement) {
-  static {
-    this.shadowRootOptions = {
-      ...CustomElement.shadowRootOptions,
-      delegatesFocus: true
-    };
-  }
-  constructor() {
-    super();
-    if (!isServer) {
-      this.addEventListener("change", this.#handleChange, { capture: true });
-      new RovingTabindexController(this, {
-        direction: "both",
-        elements: () => this.getControls(),
-        elementEnterAction: (element) => element.click(),
-        focusInIndex: (elements) => elements.findIndex((element) => element.checked)
-      });
-    }
-  }
-  getControls() {
-    return this.elements.filter((element) => this.isControl(element));
-  }
-  connectedCallback() {
-    super.connectedCallback?.();
-    this.role ||= "radiogroup";
-  }
-  isControl(element) {
-    return element instanceof CheckboxFormControl;
-  }
-  update(changes) {
-    super.update?.(changes);
-    if (changes.has("value")) {
-      this.updateCheckboxControls((control) => {
-        control.checked = this.value.includes(control.value);
-      });
-    }
-    if (changes.has("name")) {
-      this.updateCheckboxControls((control) => {
-        control.name = this.name;
-      });
-    }
-    if (changes.has("disabled")) {
-      this.updateCheckboxControls((control) => {
-        control.disabled = this.disabled;
-      });
-    }
-    if (changes.has("readonly")) {
-      this.updateCheckboxControls((control) => {
-        control.readonly = this.readonly;
-      });
-    }
-    if (changes.has("required") || changes.has("value")) {
-      const [firstControl] = this.getControls();
-      if (!firstControl) return;
-      this.setValidity({ valueMissing: this.required && this.value.length === 0 }, firstControl);
-    }
-  }
-  async updateCheckboxControls(updateFn) {
-    await 0;
-    this.getControls().forEach(updateFn);
-  }
-  #handleChange = ({ target }) => {
-    if (!this.isControl(target) || this.value === target.value) return;
-    this.value = target.value;
-  };
-}
-__decorateClass([
-  queryAssignedElements({ flatten: true })
-], RadioGroupFormControl.prototype, "elements");
-
-export { RadioGroupFormControl };

package/dist/lib/facade/select-form-control.js

@@ -1,108 +0,0 @@
-import { isServer } from 'lit';
-import { property } from 'lit/decorators.js';
-import { OptionControl } from './option-control.js';
-import { getElementFromEvent } from '../utils/dom.js';
-import { FormControl } from '../mixins/form-control.js';
-import { CustomElement } from '../models/custom-element.js';
-import { getKeyboardEventInfo } from '../utils/keyboard-events.js';
-
-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 SelectFormControl extends FormControl(
-  CustomElement
-) {
-  constructor() {
-    super();
-    this.#selectedOptions = /* @__PURE__ */ new Map();
-    this.multiple = false;
-    this.value = "";
-    this.handleKeyboardEvent = (event) => {
-      const { actions } = getKeyboardEventInfo(event);
-      const option = getElementFromEvent(event, (node) => node instanceof OptionControl);
-      if (!option || !actions.enter && !actions.space) return;
-      event.preventDefault();
-      if (event.type === "keydown") return;
-      this.toggle(option, void 0, true);
-    };
-    this.#handleClick = (event) => {
-      const option = getElementFromEvent(event, (node) => node instanceof OptionControl);
-      if (!option) return;
-      this.toggle(option, void 0, true);
-    };
-    if (!isServer) {
-      this.addEventListener("click", this.#handleClick);
-      this.addEventListener("keydown", this.handleKeyboardEvent);
-      this.addEventListener("keyup", this.handleKeyboardEvent);
-    }
-  }
-  #selectedOptions;
-  get selectedOptions() {
-    return this.#selectedOptions.values();
-  }
-  toggle(option, state, emitEvent = false) {
-    const currentState = option.selected;
-    const newState = state ?? !option.selected;
-    if (this.disabled || newState === option.selected) return;
-    option.selected = newState;
-    this.updateValue(option);
-    if (!emitEvent || !this.emit("change")) return;
-    option.selected = currentState;
-    this.updateValue(option);
-  }
-  updateValue(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("multiple")) {
-      const [selectedOption] = Array.from(this.#selectedOptions.entries());
-      if (selectedOption) {
-        this.updateValue(selectedOption[1]);
-      }
-    }
-    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;
-      option.setInactive();
-      if (option.selected) {
-        this.#selectedOptions.set(option.value, option);
-      } else {
-        this.#selectedOptions.delete(option.value);
-      }
-    }
-    this.requestUpdate();
-  }
-  #handleClick;
-}
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SelectFormControl.prototype, "multiple");
-__decorateClass([
-  property()
-], SelectFormControl.prototype, "value");
-
-export { SelectFormControl };

package/dist/lib/main.js

@@ -1,35 +0,0 @@
-export { FocusTrapController } from './controllers/focus-trap.controller.js';
-export { fromAriaBooleanAttribute, toAriaBooleanAttribute } from './directives/aria-boolean-attr.js';
-export { optionalAttr } from './directives/optional-attr.js';
-export { optionalSlot } from './directives/optional-slot.js';
-export { emptySlotFallbackFix } from './directives/slot-fallback.js';
-export { FocusGroupController, RovingTabindexController } from './external/roving-tabindex.js';
-export { CheckboxFormControl } from './facade/checkbox-form-control.js';
-export { CheckboxGroupFormControl } from './facade/checkbox-group-form-control.js';
-export { OptionControl } from './facade/option-control.js';
-export { RadioGroupFormControl } from './facade/radio-group-form-control.js';
-export { SelectFormControl } from './facade/select-form-control.js';
-export { CanBeDisabled } from './mixins/can-be-disabled.js';
-export { CanBeReadonly } from './mixins/can-be-readonly.js';
-export { CanBeRequired } from './mixins/can-be-required.js';
-export { CanBeValidated } from './mixins/can-be-validated.js';
-export { dedupeMixin } from './mixins/dedupe-mixin.js';
-export { FormControl } from './mixins/form-control.js';
-export { IsLocalized } from './mixins/is-localized.js';
-export { IsTranslatable } from './mixins/is-translatable.js';
-export { NumberControl } from './mixins/number-control.js';
-export { WithAriaControls } from './mixins/with-aria-controls.js';
-export { WithLoadingState } from './mixins/with-loading-state.js';
-export { CustomElement, customElement } from './models/custom-element.js';
-export { createMutationObserver } from './utils/create-mutation-observer.js';
-export { createOptions } from './utils/create-options.js';
-export { findClosestDocument, getAssignedElements, getElementFromEvent, toPx, toggleAttribute } from './utils/dom.js';
-export { formatDate, formatList, formatNumber, formatRelativeTime, iso8601DateTimeFormat } from './utils/format.js';
-export { clearUniqueIdCache, getUniqueId } from './utils/get-unique-id.js';
-export { KeyboardKey, getKeyboardEventInfo } from './utils/keyboard-events.js';
-export { getLocale, getLocalizationOptions, setLocale, setLocalizationOptions, watchLocaleChanges } from './utils/localization.js';
-export { parseDate } from './utils/parse-date.js';
-export { requestUpdateOnAriaChange } from './utils/request-update-on-aria-change.js';
-export { SharedIntersectionObserver } from './utils/shared-intersection-observer.js';
-export { SharedResizeObserver } from './utils/shared-resize-observer.js';
-export { waitForAnimations } from './utils/wait-for-animations.js';

package/dist/lib/mixins/can-be-disabled.js

@@ -1,60 +0,0 @@
-import { property } from 'lit/decorators.js';
-import { toAriaBooleanAttribute } from '../directives/aria-boolean-attr.js';
-import { dedupeMixin } from './dedupe-mixin.js';
-
-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;
-};
-const CanBeDisabled = dedupeMixin((superClass) => {
-  class CanBeDisabledElement extends superClass {
-    constructor() {
-      super(...arguments);
-      this.#initialTabIndex = null;
-      this._contextDisabled = false;
-      this.disabled = false;
-    }
-    #initialTabIndex;
-    connectedCallback() {
-      super.connectedCallback?.();
-      this.#initialTabIndex = this.hasAttribute("tabindex") ? this.tabIndex : null;
-    }
-    willUpdate(props) {
-      super.willUpdate?.(props);
-      if (props.has("_contextDisabled") || props.has("disabled")) {
-        this.#handleDisableChange();
-      }
-    }
-    updated(props) {
-      super.updated?.(props);
-      if (props.has("_contextDisabled") || props.has("disabled")) {
-        this.onDisabledChanged?.(this._contextDisabled || this.disabled);
-      }
-    }
-    #handleDisableChange() {
-      const disabled = this._contextDisabled || this.disabled;
-      this.ariaDisabled = toAriaBooleanAttribute(disabled);
-      if (disabled) {
-        this.tabIndex = -1;
-      } else if (this.#initialTabIndex !== null) {
-        this.tabIndex = this.#initialTabIndex;
-      } else {
-        this.removeAttribute("tabindex");
-      }
-    }
-  }
-  __decorateClass([
-    property({ type: Boolean })
-  ], CanBeDisabledElement.prototype, "_contextDisabled");
-  __decorateClass([
-    property({ type: Boolean })
-  ], CanBeDisabledElement.prototype, "disabled");
-  return CanBeDisabledElement;
-});
-
-export { CanBeDisabled };

package/dist/lib/mixins/can-be-readonly.js

@@ -1,33 +0,0 @@
-import { property } from 'lit/decorators.js';
-import { toAriaBooleanAttribute } from '../directives/aria-boolean-attr.js';
-import { dedupeMixin } from './dedupe-mixin.js';
-
-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;
-};
-const CanBeReadonly = dedupeMixin((superClass) => {
-  class CanBeReadonlyElement extends superClass {
-    constructor() {
-      super(...arguments);
-      this.readonly = false;
-    }
-    willUpdate(props) {
-      super.willUpdate?.(props);
-      if (props.has("readonly")) {
-        this.ariaReadOnly = toAriaBooleanAttribute(this.readonly);
-      }
-    }
-  }
-  __decorateClass([
-    property({ type: Boolean, reflect: true })
-  ], CanBeReadonlyElement.prototype, "readonly");
-  return CanBeReadonlyElement;
-});
-
-export { CanBeReadonly };

package/dist/lib/mixins/can-be-required.js

@@ -1,33 +0,0 @@
-import { property } from 'lit/decorators.js';
-import { toAriaBooleanAttribute } from '../directives/aria-boolean-attr.js';
-import { dedupeMixin } from './dedupe-mixin.js';
-
-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;
-};
-const CanBeRequired = dedupeMixin((superClass) => {
-  class CanBeRequiredElement extends superClass {
-    constructor() {
-      super(...arguments);
-      this.required = false;
-    }
-    willUpdate(props) {
-      super.willUpdate?.(props);
-      if (props.has("required")) {
-        this.ariaRequired = toAriaBooleanAttribute(this.required);
-      }
-    }
-  }
-  __decorateClass([
-    property({ type: Boolean, reflect: true })
-  ], CanBeRequiredElement.prototype, "required");
-  return CanBeRequiredElement;
-});
-
-export { CanBeRequired };

package/dist/lib/mixins/can-be-validated.js

@@ -1,32 +0,0 @@
-import { dedupeMixin } from './dedupe-mixin.js';
-
-const CanBeValidated = dedupeMixin((superClass) => {
-  class CanBeValidatedElement extends superClass {
-    constructor() {
-      super(...arguments);
-      this.focusable = true;
-    }
-    get validity() {
-      return this.internals.validity;
-    }
-    get validationMessage() {
-      return this.internals.validationMessage;
-    }
-    get willValidate() {
-      return this.internals.willValidate;
-    }
-    checkValidity() {
-      return this.internals.checkValidity();
-    }
-    reportValidity() {
-      this.internals.reportValidity();
-    }
-    setValidity(flags, target = this) {
-      const errorKey = Object.keys(flags ?? {}).find((key) => flags?.[key] === true);
-      this.internals.setValidity(flags, errorKey ?? "unknown error", target);
-    }
-  }
-  return CanBeValidatedElement;
-});
-
-export { CanBeValidated };

package/dist/lib/mixins/dedupe-mixin.js

@@ -1,23 +0,0 @@
-const appliedClassMixins = /* @__PURE__ */ new WeakMap();
-function wasMixinPreviouslyApplied(mixin, superClass) {
-  let klass = superClass;
-  while (klass) {
-    if (appliedClassMixins.get(klass) === mixin) {
-      return true;
-    }
-    klass = Object.getPrototypeOf(klass);
-  }
-  return false;
-}
-function dedupeMixin(mixin) {
-  return (superClass) => {
-    if (wasMixinPreviouslyApplied(mixin, superClass)) {
-      return superClass;
-    }
-    const mixedClass = mixin(superClass);
-    appliedClassMixins.set(mixedClass, mixin);
-    return mixedClass;
-  };
-}
-
-export { dedupeMixin };

package/dist/lib/mixins/form-control.js

@@ -1,61 +0,0 @@
-import { property } from 'lit/decorators.js';
-import { CanBeDisabled } from './can-be-disabled.js';
-import { CanBeReadonly } from './can-be-readonly.js';
-import { CanBeRequired } from './can-be-required.js';
-import { CanBeValidated } from './can-be-validated.js';
-import { dedupeMixin } from './dedupe-mixin.js';
-import { CustomElement } from '../models/custom-element.js';
-
-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;
-};
-const FormControl = dedupeMixin((superClass) => {
-  class FormControlElement extends CanBeValidated(CanBeRequired(CanBeReadonly(CanBeDisabled(superClass)))) {
-    constructor(...args) {
-      super(...args);
-      this.name = "";
-      this.value = "";
-      this.internals = this.attachInternals();
-    }
-    static {
-      this.formAssociated = true;
-    }
-    static {
-      this.shadowRootOptions = {
-        ...CustomElement.shadowRootOptions,
-        delegatesFocus: true
-      };
-    }
-    get form() {
-      return this.internals.form;
-    }
-    toFormValue() {
-      return this.value;
-    }
-    willUpdate(props) {
-      super.willUpdate?.(props);
-      this.updateAriaAttributes?.();
-    }
-    updated(props) {
-      super.updated(props);
-      if (props.has("value")) {
-        this.internals.setFormValue(this.toFormValue());
-      }
-    }
-  }
-  __decorateClass([
-    property()
-  ], FormControlElement.prototype, "name");
-  __decorateClass([
-    property()
-  ], FormControlElement.prototype, "value");
-  return FormControlElement;
-});
-
-export { FormControl };

package/dist/lib/mixins/index.d.ts

@@ -1,12 +0,0 @@
-export * from './can-be-disabled';
-export * from './can-be-readonly';
-export * from './can-be-required';
-export * from './can-be-validated';
-export * from './dedupe-mixin';
-export * from './form-control';
-export * from './is-localized';
-export * from './is-translatable';
-export * from './number-control';
-export * from './with-aria-controls';
-export * from './with-loading-state';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/mixins/is-localized.d.ts

@@ -1,13 +0,0 @@
-import { Signal } from '@lit-labs/signals';
-import { CustomElement } from '../models';
-import { formatDate, formatList, formatNumber, formatRelativeTime, getLocale } from '../utils';
-import { Constructor } from './dedupe-mixin';
-export interface IsLocalized {
-    readonly locale: Signal.Computed<ReturnType<typeof getLocale>>;
-    formatDate: typeof formatDate;
-    formatNumber: typeof formatNumber;
-    formatList: typeof formatList;
-    formatRelativeTime: typeof formatRelativeTime;
-}
-export declare const IsLocalized: <T extends Constructor<CustomElement>>(superClass: T) => Constructor<IsLocalized> & T;
-//# sourceMappingURL=is-localized.d.ts.map

package/dist/lib/mixins/is-localized.js

@@ -1,41 +0,0 @@
-import { SignalWatcher, computed } from '@lit-labs/signals';
-import { property } from 'lit/decorators.js';
-import { dedupeMixin } from './dedupe-mixin.js';
-import { getLocale } from '../utils/localization.js';
-import { formatDate, formatNumber, formatList, formatRelativeTime } from '../utils/format.js';
-
-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;
-};
-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([
-    property()
-  ], IsLocalizedElement.prototype, "lang");
-  return IsLocalizedElement;
-});
-
-export { IsLocalized };

package/dist/lib/mixins/is-translatable.d.ts

@@ -1,13 +0,0 @@
-import { Signal } from '@lit-labs/signals';
-import { CustomElement } from '../models';
-import { Constructor } from './dedupe-mixin';
-import { IsLocalized } from './is-localized';
-export interface IsTranslatable extends IsLocalized {
-    readonly language: Signal.Computed<string>;
-    _getTranslations?(): Record<string, Translation>;
-    _translate(key: string): string;
-}
-type Translation = Record<string, string>;
-export declare const IsTranslatable: <T extends Constructor<CustomElement>>(superClass: T) => Constructor<IsTranslatable> & T;
-export {};
-//# sourceMappingURL=is-translatable.d.ts.map

package/dist/lib/mixins/is-translatable.js

@@ -1,20 +0,0 @@
-import { computed } from '@lit-labs/signals';
-import { dedupeMixin } from './dedupe-mixin.js';
-import { IsLocalized } from './is-localized.js';
-
-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;
-});
-
-export { IsTranslatable };

package/dist/lib/mixins/number-control.js

@@ -1,63 +0,0 @@
-import { property } from 'lit/decorators.js';
-import { dedupeMixin } from './dedupe-mixin.js';
-import { FormControl } from './form-control.js';
-
-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;
-};
-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([
-    property({ type: Number })
-  ], NumberControlElement.prototype, "min");
-  __decorateClass([
-    property({ type: Number })
-  ], NumberControlElement.prototype, "max");
-  __decorateClass([
-    property({ type: Number })
-  ], NumberControlElement.prototype, "step");
-  __decorateClass([
-    property({ type: Number, reflect: true })
-  ], NumberControlElement.prototype, "value");
-  return NumberControlElement;
-});
-
-export { NumberControl };

package/dist/lib/mixins/with-aria-controls.d.ts

@@ -1,11 +0,0 @@
-import { CustomElement } from '../models';
-import { CanBeDisabled } from './can-be-disabled';
-import { Constructor } from './dedupe-mixin';
-export interface WithAriaControls extends CanBeDisabled {
-    id: string;
-    readonly region: HTMLElement | null;
-    updateA11yAttributes(): void;
-}
-export type WithAriaControlsElement = WithAriaControls & CanBeDisabled & HTMLElement;
-export declare const WithAriaControls: <T extends Constructor<CustomElement>>(superClass: T) => Constructor<WithAriaControls> & T;
-//# sourceMappingURL=with-aria-controls.d.ts.map