@patternfly/pfe-core 2.4.0 → 3.0.0

package/controllers/internals-controller.js

@@ -1,68 +1,354 @@
+var _InternalsController_instances, _InternalsController_polyfillDisabledPseudo;
+import { __classPrivateFieldGet, __decorate } from "tslib";
 function isARIAMixinProp(key) {
     return key === 'role' || key.startsWith('aria');
 }
-class InternalsController {
-    #internals;
-    #formDisabled = false;
+const protos = new WeakMap();
+let constructingAllowed = false;
+/** reactively forward the internals object's aria mixin prototype */
+function aria(target, key) {
+    if (!protos.has(target)) {
+        protos.set(target, new Set());
+    }
+    if (protos.get(target).has(key)) {
+        return;
+    }
+    if (!isARIAMixinProp(key)) {
+        throw new Error('@aria can only be called on ARIAMixin properties');
+    }
+    // typescript experimental decorator
+    Object.defineProperty(target, key, {
+        enumerable: true,
+        configurable: false,
+        get() {
+            // @ts-expect-error: because i'm bad, i'm bad
+            return this.attach()[key];
+        },
+        set(value) {
+            // @ts-expect-error: shamone!
+            this.attach()[key] = value;
+            this.host.requestUpdate();
+        }
+    });
+    protos.get(target).add(key);
+}
+function getLabelText(label) {
+    if (label.hidden) {
+        return '';
+    }
+    else {
+        const ariaLabel = label.getAttribute?.('aria-label');
+        return ariaLabel ?? label.textContent;
+    }
+}
+export class InternalsController {
+    static of(host, options) {
+        constructingAllowed = true;
+        // implement the singleton pattern
+        // using a public static constructor method is much easier to manage,
+        // due to the quirks of our typescript config
+        const instance = InternalsController.instances.get(host) ??
+            new InternalsController(host, options);
+        instance.initializeOptions(options);
+        constructingAllowed = false;
+        return instance;
+    }
     /** True when the control is disabled via it's containing fieldset element */
     get formDisabled() {
-        return this.host.matches(':disabled') || this.#formDisabled;
+        return this.element?.matches(':disabled') || this._formDisabled;
     }
-    static { this.protos = new WeakMap(); }
     get labels() {
-        return this.#internals.labels;
+        return this.internals.labels;
     }
     get validity() {
-        return this.#internals.validity;
+        return this.internals.validity;
+    }
+    /** A best-attempt based on observed behaviour in FireFox 115 on fedora 38 */
+    get computedLabelText() {
+        return this.internals.ariaLabel ||
+            Array.from(this.internals.labels)
+                .reduce((acc, label) => `${acc}${getLabelText(label)}`, '');
+    }
+    get element() {
+        return this.host instanceof HTMLElement ? this.host : this.options?.getHTMLElement?.();
     }
     constructor(host, options) {
+        _InternalsController_instances.add(this);
         this.host = host;
-        this.#internals = host.attachInternals();
-        // We need to polyfill :disabled
-        // see https://github.com/calebdwilliams/element-internals-polyfill/issues/88
-        const orig = host.formDisabledCallback;
-        host.formDisabledCallback = disabled => {
-            this.#formDisabled = disabled;
-            orig?.call(host, disabled);
-        };
-        // proxy the internals object's aria prototype
-        for (const key of Object.keys(Object.getPrototypeOf(this.#internals))) {
-            if (isARIAMixinProp(key)) {
-                Object.defineProperty(this, key, {
-                    get() {
-                        return this.#internals[key];
-                    },
-                    set(value) {
-                        this.#internals[key] = value;
-                        this.host.requestUpdate();
-                    }
-                });
-            }
+        this.options = options;
+        this.role = null;
+        this.ariaActivedescendant = null;
+        this.ariaAtomic = null;
+        this.ariaAutoComplete = null;
+        this.ariaBusy = null;
+        this.ariaChecked = null;
+        this.ariaColCount = null;
+        this.ariaColIndex = null;
+        this.ariaColIndexText = null;
+        this.ariaColSpan = null;
+        this.ariaCurrent = null;
+        this.ariaDescription = null;
+        this.ariaDisabled = null;
+        this.ariaExpanded = null;
+        this.ariaHasPopup = null;
+        this.ariaHidden = null;
+        this.ariaInvalid = null;
+        this.ariaKeyShortcuts = null;
+        this.ariaLabel = null;
+        this.ariaLevel = null;
+        this.ariaLive = null;
+        this.ariaModal = null;
+        this.ariaMultiLine = null;
+        this.ariaMultiSelectable = null;
+        this.ariaOrientation = null;
+        this.ariaPlaceholder = null;
+        this.ariaPosInSet = null;
+        this.ariaPressed = null;
+        this.ariaReadOnly = null;
+        this.ariaRequired = null;
+        this.ariaRoleDescription = null;
+        this.ariaRowCount = null;
+        this.ariaRowIndex = null;
+        this.ariaRowIndexText = null;
+        this.ariaRowSpan = null;
+        this.ariaSelected = null;
+        this.ariaSetSize = null;
+        this.ariaSort = null;
+        this.ariaValueMax = null;
+        this.ariaValueMin = null;
+        this.ariaValueNow = null;
+        this.ariaValueText = null;
+        /** WARNING: be careful of cross-root ARIA browser support */
+        this.ariaActiveDescendantElement = null;
+        /** WARNING: be careful of cross-root ARIA browser support */
+        this.ariaControlsElements = null;
+        /** WARNING: be careful of cross-root ARIA browser support */
+        this.ariaDescribedByElements = null;
+        /** WARNING: be careful of cross-root ARIA browser support */
+        this.ariaDetailsElements = null;
+        /** WARNING: be careful of cross-root ARIA browser support */
+        this.ariaErrorMessageElements = null;
+        /** WARNING: be careful of cross-root ARIA browser support */
+        this.ariaFlowToElements = null;
+        /** WARNING: be careful of cross-root ARIA browser support */
+        this.ariaLabelledByElements = null;
+        /** WARNING: be careful of cross-root ARIA browser support */
+        this.ariaOwnsElements = null;
+        this._formDisabled = false;
+        if (!constructingAllowed) {
+            throw new Error('InternalsController must be constructed with `InternalsController.for()`');
+        }
+        if (!this.element) {
+            throw new Error('InternalsController must be instantiated with an HTMLElement or a `getHTMLElement` function');
         }
-        for (const [key, val] of Object.entries(options ?? {})) {
+        this.attach();
+        this.initializeOptions(options);
+        InternalsController.instances.set(host, this);
+        __classPrivateFieldGet(this, _InternalsController_instances, "m", _InternalsController_polyfillDisabledPseudo).call(this);
+    }
+    /**
+     * Typescript (with experimental decorators) will compile the class
+     * such that the order of operations is:
+     * 1. set up constructor parameter fields
+     * 2. run decorated field setters with initializers as the value
+     * 3. run the rest of the constructor
+     * Because of that, `this.internals` may not be available in the decorator setter
+     * so we cheat here with nullish coalescing assignment operator `??=`;
+     */
+    attach() {
+        this.internals ?? (this.internals = this.element.attachInternals());
+        return this.internals;
+    }
+    initializeOptions(options) {
+        var _a;
+        this.options ?? (this.options = options ?? {});
+        const { getHTMLElement, ...aria } = this.options;
+        (_a = this.options).getHTMLElement ?? (_a.getHTMLElement = getHTMLElement);
+        for (const [key, val] of Object.entries(aria)) {
             if (isARIAMixinProp(key)) {
                 this[key] = val;
             }
         }
     }
     setFormValue(...args) {
-        return this.#internals.setFormValue(...args);
+        return this.internals.setFormValue(...args);
     }
     setValidity(...args) {
-        return this.#internals.setValidity(...args);
+        return this.internals.setValidity(...args);
     }
     checkValidity(...args) {
-        return this.#internals.checkValidity(...args);
+        return this.internals.checkValidity(...args);
     }
     reportValidity(...args) {
-        return this.#internals.reportValidity(...args);
+        return this.internals.reportValidity(...args);
     }
     submit() {
-        this.#internals.form?.requestSubmit();
+        this.internals.form?.requestSubmit();
     }
     reset() {
-        this.#internals.form?.reset();
+        this.internals.form?.reset();
     }
 }
-export { InternalsController };
+_InternalsController_instances = new WeakSet(), _InternalsController_polyfillDisabledPseudo = function _InternalsController_polyfillDisabledPseudo() {
+    // START polyfill-disabled
+    // We need to polyfill :disabled
+    // see https://github.com/calebdwilliams/element-internals-polyfill/issues/88
+    const orig = this.element.formDisabledCallback;
+    this.element.formDisabledCallback = disabled => {
+        this._formDisabled = disabled;
+        orig?.call(this.host, disabled);
+        // END polyfill-disabled
+    };
+};
+InternalsController.instances = new WeakMap();
+__decorate([
+    aria
+], InternalsController.prototype, "role", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaActivedescendant", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaAtomic", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaAutoComplete", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaBusy", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaChecked", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaColCount", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaColIndex", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaColIndexText", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaColSpan", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaCurrent", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaDescription", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaDisabled", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaExpanded", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaHasPopup", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaHidden", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaInvalid", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaKeyShortcuts", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaLabel", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaLevel", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaLive", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaModal", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaMultiLine", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaMultiSelectable", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaOrientation", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaPlaceholder", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaPosInSet", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaPressed", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaReadOnly", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaRequired", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaRoleDescription", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaRowCount", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaRowIndex", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaRowIndexText", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaRowSpan", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaSelected", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaSetSize", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaSort", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaValueMax", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaValueMin", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaValueNow", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaValueText", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaActiveDescendantElement", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaControlsElements", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaDescribedByElements", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaDetailsElements", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaErrorMessageElements", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaFlowToElements", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaLabelledByElements", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaOwnsElements", void 0);
 //# sourceMappingURL=internals-controller.js.map

package/controllers/internals-controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"internals-controller.js","sourceRoot":"","sources":["internals-controller.ts"],"names":[],"mappings":"AAEA,SAAS,eAAe,CAAC,GAAW;IAClC,OAAO,GAAG,KAAK,MAAM,IAAI,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;AAClD,CAAC;AAED,MAAa,mBAAmB;IA0C9B,UAAU,CAAmB;IAE7B,aAAa,GAAG,KAAK,CAAC;IAEtB,6EAA6E;IAC7E,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC;IAC9D,CAAC;aAEM,WAAM,GAAG,IAAI,OAAO,EAAE,CAAC;IAE9B,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC;IAChC,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC;IAClC,CAAC;IAED,YACS,IAA0C,EACjD,OAA4B;QADrB,SAAI,GAAJ,IAAI,CAAsC;QAGjD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACzC,gCAAgC;QAChC,6EAA6E;QAC7E,MAAM,IAAI,GAAI,IAAyE,CAAC,oBAAoB,CAAC;QAC5G,IAAyE,CAAC,oBAAoB,GAAG,QAAQ,CAAC,EAAE;YAC3G,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC;YAC9B,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QAC7B,CAAC,CAAC;QACF,8CAA8C;QAC9C,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,EAAE;YACrE,IAAI,eAAe,CAAC,GAAG,CAAC,EAAE;gBACxB,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,GAAG,EAAE;oBAC/B,GAAG;wBACD,OAAO,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;oBAC9B,CAAC;oBACD,GAAG,CAAC,KAAK;wBACP,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;wBAC7B,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;oBAC5B,CAAC;iBACF,CAAC,CAAC;aACJ;SACF;QAED,KAAK,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,OAAO,IAAI,EAAE,CAAC,EAAE;YACtD,IAAI,eAAe,CAAC,GAAG,CAAC,EAAE;gBACxB,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;aACjB;SACF;IACH,CAAC;IAID,YAAY,CAAC,GAAG,IAAkD;QAChE,OAAO,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,CAAC;IAC/C,CAAC;IAED,WAAW,CAAC,GAAG,IAAiD;QAC9D,OAAO,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC,CAAC;IAC9C,CAAC;IAED,aAAa,CAAC,GAAG,IAAmD;QAClE,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC,CAAC;IAChD,CAAC;IAED,cAAc,CAAC,GAAG,IAAoD;QACpE,OAAO,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC,CAAC;IACjD,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,aAAa,EAAE,CAAC;IACxC,CAAC;IAED,KAAK;QACH,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;IAChC,CAAC;;SAvHU,mBAAmB","sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit';\n\nfunction isARIAMixinProp(key: string): key is keyof ARIAMixin {\n  return key === 'role' || key.startsWith('aria');\n}\n\nexport class InternalsController implements ReactiveController, ARIAMixin {\n  declare role: ARIAMixin['role'];\n  declare ariaAtomic: ARIAMixin['ariaAtomic'];\n  declare ariaAutoComplete: ARIAMixin['ariaAutoComplete'];\n  declare ariaBusy: ARIAMixin['ariaBusy'];\n  declare ariaChecked: ARIAMixin['ariaChecked'];\n  declare ariaColCount: ARIAMixin['ariaColCount'];\n  declare ariaColIndex: ARIAMixin['ariaColIndex'];\n  declare ariaColIndexText: string | null;\n  declare ariaColSpan: ARIAMixin['ariaColSpan'];\n  declare ariaCurrent: ARIAMixin['ariaCurrent'];\n  declare ariaDisabled: ARIAMixin['ariaDisabled'];\n  declare ariaExpanded: ARIAMixin['ariaExpanded'];\n  declare ariaHasPopup: ARIAMixin['ariaHasPopup'];\n  declare ariaHidden: ARIAMixin['ariaHidden'];\n  declare ariaInvalid: ARIAMixin['ariaInvalid'];\n  declare ariaKeyShortcuts: ARIAMixin['ariaKeyShortcuts'];\n  declare ariaLabel: ARIAMixin['ariaLabel'];\n  declare ariaLevel: ARIAMixin['ariaLevel'];\n  declare ariaLive: ARIAMixin['ariaLive'];\n  declare ariaModal: ARIAMixin['ariaModal'];\n  declare ariaMultiLine: ARIAMixin['ariaMultiLine'];\n  declare ariaMultiSelectable: ARIAMixin['ariaMultiSelectable'];\n  declare ariaOrientation: ARIAMixin['ariaOrientation'];\n  declare ariaPlaceholder: ARIAMixin['ariaPlaceholder'];\n  declare ariaPosInSet: ARIAMixin['ariaPosInSet'];\n  declare ariaPressed: ARIAMixin['ariaPressed'];\n  declare ariaReadOnly: ARIAMixin['ariaReadOnly'];\n  declare ariaRequired: ARIAMixin['ariaRequired'];\n  declare ariaRoleDescription: ARIAMixin['ariaRoleDescription'];\n  declare ariaRowCount: ARIAMixin['ariaRowCount'];\n  declare ariaRowIndex: ARIAMixin['ariaRowIndex'];\n  declare ariaRowIndexText: string | null;\n  declare ariaRowSpan: ARIAMixin['ariaRowSpan'];\n  declare ariaSelected: ARIAMixin['ariaSelected'];\n  declare ariaSetSize: ARIAMixin['ariaSetSize'];\n  declare ariaSort: ARIAMixin['ariaSort'];\n  declare ariaValueMax: ARIAMixin['ariaValueMax'];\n  declare ariaValueMin: ARIAMixin['ariaValueMin'];\n  declare ariaValueNow: ARIAMixin['ariaValueNow'];\n  declare ariaValueText: ARIAMixin['ariaValueText'];\n\n  #internals: ElementInternals;\n\n  #formDisabled = false;\n\n  /** True when the control is disabled via it's containing fieldset element */\n  get formDisabled() {\n    return this.host.matches(':disabled') || this.#formDisabled;\n  }\n\n  static protos = new WeakMap();\n\n  get labels() {\n    return this.#internals.labels;\n  }\n\n  get validity() {\n    return this.#internals.validity;\n  }\n\n  constructor(\n    public host: ReactiveControllerHost & HTMLElement,\n    options?: Partial<ARIAMixin>\n  ) {\n    this.#internals = host.attachInternals();\n    // We need to polyfill :disabled\n    // see https://github.com/calebdwilliams/element-internals-polyfill/issues/88\n    const orig = (host as HTMLElement & { formDisabledCallback?(disabled: boolean): void }).formDisabledCallback;\n    (host as HTMLElement & { formDisabledCallback?(disabled: boolean): void }).formDisabledCallback = disabled => {\n      this.#formDisabled = disabled;\n      orig?.call(host, disabled);\n    };\n    // proxy the internals object's aria prototype\n    for (const key of Object.keys(Object.getPrototypeOf(this.#internals))) {\n      if (isARIAMixinProp(key)) {\n        Object.defineProperty(this, key, {\n          get() {\n            return this.#internals[key];\n          },\n          set(value) {\n            this.#internals[key] = value;\n            this.host.requestUpdate();\n          }\n        });\n      }\n    }\n\n    for (const [key, val] of Object.entries(options ?? {})) {\n      if (isARIAMixinProp(key)) {\n        this[key] = val;\n      }\n    }\n  }\n\n  hostConnected?(): void\n\n  setFormValue(...args: Parameters<ElementInternals['setFormValue']>) {\n    return this.#internals.setFormValue(...args);\n  }\n\n  setValidity(...args: Parameters<ElementInternals['setValidity']>) {\n    return this.#internals.setValidity(...args);\n  }\n\n  checkValidity(...args: Parameters<ElementInternals['checkValidity']>) {\n    return this.#internals.checkValidity(...args);\n  }\n\n  reportValidity(...args: Parameters<ElementInternals['reportValidity']>) {\n    return this.#internals.reportValidity(...args);\n  }\n\n  submit() {\n    this.#internals.form?.requestSubmit();\n  }\n\n  reset() {\n    this.#internals.form?.reset();\n  }\n}\n"]}
+{"version":3,"file":"internals-controller.js","sourceRoot":"","sources":["internals-controller.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit';\n\nfunction isARIAMixinProp(key: string): key is keyof ARIAMixin {\n  return key === 'role' || key.startsWith('aria');\n}\n\nconst protos = new WeakMap();\n\nlet constructingAllowed = false;\n\ninterface InternalsControllerOptions extends Partial<ARIAMixin> {\n  getHTMLElement?(): HTMLElement;\n}\n\n/** reactively forward the internals object's aria mixin prototype */\nfunction aria(\n  target: InternalsController,\n  key: keyof InternalsController,\n) {\n  if (!protos.has(target)) {\n    protos.set(target, new Set());\n  }\n  if (protos.get(target).has(key)) {\n    return;\n  }\n  if (!isARIAMixinProp(key)) {\n    throw new Error('@aria can only be called on ARIAMixin properties');\n  }\n  // typescript experimental decorator\n  Object.defineProperty(target, key, {\n    enumerable: true,\n    configurable: false,\n    get(this: InternalsController) {\n      // @ts-expect-error: because i'm bad, i'm bad\n      return this.attach()[key];\n    },\n    set(this: InternalsController, value: string | null) {\n      // @ts-expect-error: shamone!\n      this.attach()[key] = value;\n      this.host.requestUpdate();\n    }\n  });\n  protos.get(target).add(key);\n}\n\nfunction getLabelText(label: HTMLElement) {\n  if (label.hidden) {\n    return '';\n  } else {\n    const ariaLabel = label.getAttribute?.('aria-label');\n    return ariaLabel ?? label.textContent;\n  }\n}\n\nexport class InternalsController implements ReactiveController, ARIAMixin {\n  private static instances = new WeakMap<ReactiveControllerHost, InternalsController>();\n\n  declare readonly form: ElementInternals['form'];\n  declare readonly shadowRoot: ElementInternals['shadowRoot'];\n\n  // https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/states\n  declare readonly states: unknown;\n  declare readonly willValidate: ElementInternals['willValidate'];\n  declare readonly validationMessage: ElementInternals['validationMessage'];\n\n  public static of(host: ReactiveControllerHost, options?: InternalsControllerOptions): InternalsController {\n    constructingAllowed = true;\n    // implement the singleton pattern\n    // using a public static constructor method is much easier to manage,\n    // due to the quirks of our typescript config\n    const instance: InternalsController =\n      InternalsController.instances.get(host) ??\n      new InternalsController(host, options);\n    instance.initializeOptions(options);\n    constructingAllowed = false;\n    return instance;\n  }\n\n  @aria role: string | null = null;\n\n  @aria ariaActivedescendant: string | null = null;\n  @aria ariaAtomic: string | null = null;\n  @aria ariaAutoComplete: string | null = null;\n  @aria ariaBusy: string | null = null;\n  @aria ariaChecked: string | null = null;\n  @aria ariaColCount: string | null = null;\n  @aria ariaColIndex: string | null = null;\n  @aria ariaColIndexText: string | null = null;\n  @aria ariaColSpan: string | null = null;\n  @aria ariaCurrent: string | null = null;\n  @aria ariaDescription: string | null = null;\n  @aria ariaDisabled: string | null = null;\n  @aria ariaExpanded: string | null = null;\n  @aria ariaHasPopup: string | null = null;\n  @aria ariaHidden: string | null = null;\n  @aria ariaInvalid: string | null = null;\n  @aria ariaKeyShortcuts: string | null = null;\n  @aria ariaLabel: string | null = null;\n  @aria ariaLevel: string | null = null;\n  @aria ariaLive: string | null = null;\n  @aria ariaModal: string | null = null;\n  @aria ariaMultiLine: string | null = null;\n  @aria ariaMultiSelectable: string | null = null;\n  @aria ariaOrientation: string | null = null;\n  @aria ariaPlaceholder: string | null = null;\n  @aria ariaPosInSet: string | null = null;\n  @aria ariaPressed: string | null = null;\n  @aria ariaReadOnly: string | null = null;\n  @aria ariaRequired: string | null = null;\n  @aria ariaRoleDescription: string | null = null;\n  @aria ariaRowCount: string | null = null;\n  @aria ariaRowIndex: string | null = null;\n  @aria ariaRowIndexText: string | null = null;\n  @aria ariaRowSpan: string | null = null;\n  @aria ariaSelected: string | null = null;\n  @aria ariaSetSize: string | null = null;\n  @aria ariaSort: string | null = null;\n  @aria ariaValueMax: string | null = null;\n  @aria ariaValueMin: string | null = null;\n  @aria ariaValueNow: string | null = null;\n  @aria ariaValueText: string | null = null;\n\n  /** WARNING: be careful of cross-root ARIA browser support */\n  @aria ariaActiveDescendantElement: Element | null = null;\n  /** WARNING: be careful of cross-root ARIA browser support */\n  @aria ariaControlsElements: Element | null = null;\n  /** WARNING: be careful of cross-root ARIA browser support */\n  @aria ariaDescribedByElements: Element | null = null;\n  /** WARNING: be careful of cross-root ARIA browser support */\n  @aria ariaDetailsElements: Element | null = null;\n  /** WARNING: be careful of cross-root ARIA browser support */\n  @aria ariaErrorMessageElements: Element | null = null;\n  /** WARNING: be careful of cross-root ARIA browser support */\n  @aria ariaFlowToElements: Element | null = null;\n  /** WARNING: be careful of cross-root ARIA browser support */\n  @aria ariaLabelledByElements: Element | null = null;\n  /** WARNING: be careful of cross-root ARIA browser support */\n  @aria ariaOwnsElements: Element | null = null;\n\n  /** True when the control is disabled via it's containing fieldset element */\n  get formDisabled() {\n    return this.element?.matches(':disabled') || this._formDisabled;\n  }\n\n  get labels() {\n    return this.internals.labels;\n  }\n\n  get validity() {\n    return this.internals.validity;\n  }\n\n  /** A best-attempt based on observed behaviour in FireFox 115 on fedora 38 */\n  get computedLabelText() {\n    return this.internals.ariaLabel ||\n      Array.from(this.internals.labels as NodeListOf<HTMLElement>)\n        .reduce((acc, label) =>\n          `${acc}${getLabelText(label)}`, '');\n  }\n\n  private get element() {\n    return this.host instanceof HTMLElement ? this.host : this.options?.getHTMLElement?.();\n  }\n\n  private internals!: ElementInternals;\n\n  private _formDisabled = false;\n\n  private constructor(\n    public host: ReactiveControllerHost,\n    private options?: InternalsControllerOptions,\n  ) {\n    if (!constructingAllowed) {\n      throw new Error('InternalsController must be constructed with `InternalsController.for()`');\n    }\n    if (!this.element) {\n      throw new Error('InternalsController must be instantiated with an HTMLElement or a `getHTMLElement` function');\n    }\n    this.attach();\n    this.initializeOptions(options);\n    InternalsController.instances.set(host, this);\n    this.#polyfillDisabledPseudo();\n  }\n\n  /**\n   * We need to polyfill :disabled\n   * see https://github.com/calebdwilliams/element-internals-polyfill/issues/88\n   */\n  #polyfillDisabledPseudo() {\n    // START polyfill-disabled\n    // We need to polyfill :disabled\n    // see https://github.com/calebdwilliams/element-internals-polyfill/issues/88\n    const orig = (this.element as HTMLElement & { formDisabledCallback?(disabled: boolean): void }).formDisabledCallback;\n    (this.element as HTMLElement & { formDisabledCallback?(disabled: boolean): void }).formDisabledCallback = disabled => {\n      this._formDisabled = disabled;\n      orig?.call(this.host, disabled);\n    // END polyfill-disabled\n    };\n  }\n\n  /**\n   * Typescript (with experimental decorators) will compile the class\n   * such that the order of operations is:\n   * 1. set up constructor parameter fields\n   * 2. run decorated field setters with initializers as the value\n   * 3. run the rest of the constructor\n   * Because of that, `this.internals` may not be available in the decorator setter\n   * so we cheat here with nullish coalescing assignment operator `??=`;\n   */\n  private attach() {\n    this.internals ??= this.element!.attachInternals();\n    return this.internals;\n  }\n\n  private initializeOptions(options?: Partial<ARIAMixin>) {\n    this.options ??= options ?? {};\n    const { getHTMLElement, ...aria } = this.options;\n    this.options.getHTMLElement ??= getHTMLElement;\n    for (const [key, val] of Object.entries(aria)) {\n      if (isARIAMixinProp(key)) {\n        this[key] = val;\n      }\n    }\n  }\n\n  hostConnected?(): void\n\n  setFormValue(...args: Parameters<ElementInternals['setFormValue']>) {\n    return this.internals.setFormValue(...args);\n  }\n\n  setValidity(...args: Parameters<ElementInternals['setValidity']>) {\n    return this.internals.setValidity(...args);\n  }\n\n  checkValidity(...args: Parameters<ElementInternals['checkValidity']>) {\n    return this.internals.checkValidity(...args);\n  }\n\n  reportValidity(...args: Parameters<ElementInternals['reportValidity']>) {\n    return this.internals.reportValidity(...args);\n  }\n\n  submit() {\n    this.internals.form?.requestSubmit();\n  }\n\n  reset() {\n    this.internals.form?.reset();\n  }\n}\n"]}

package/controllers/light-dom-controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"light-dom-controller.js","sourceRoot":"","sources":["light-dom-controller.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAOrC,MAAM,OAAO,kBAAkB;IAK7B,YAAoB,IAAqB,EAAE,WAAuB,EAAU,OAAiB;QAAzE,SAAI,GAAJ,IAAI,CAAiB;QAAmC,YAAO,GAAP,OAAO,CAAU;QAC3F,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC1C,IAAI,CAAC,EAAE,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACjD,IAAI,CAAC,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACpC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;IAED,aAAa;QACX,IAAI,IAAI,CAAC,WAAW,EAAE,EAAE;YACtB,IAAI,CAAC,WAAW,EAAE,CAAC;SACpB;aAAM,IAAI,IAAI,CAAC,OAAO,EAAE,YAAY,EAAE;YACrC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;SAC9C;QAED,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC;IACvB,CAAC;IAEO,YAAY;QAClB,IAAI,IAAI,CAAC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE;YACjC,8CAA8C;YAC9C,IAAI,CAAC,EAAE,CAAC,OAAO,CACb,IAAI,CAAC,IAAI,EACP,OAAO,IAAI,CAAC,OAAO,EAAE,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE;gBACjE,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,OAA+B,CAChD,CAAC;SACH;IACH,CAAC;IAED;;OAEG;IACH,WAAW;QACT,OAAO,CAAC,CAAC,CACP,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC;YAC7B,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAChD,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { ReactiveController, ReactiveElement } from 'lit';\n\nimport { Logger } from './logger.js';\n\nexport interface Options {\n  observe?: boolean | MutationObserverInit;\n  emptyWarning?: string;\n}\n\nexport class LightDOMController implements ReactiveController {\n  private mo: MutationObserver;\n  private logger: Logger;\n  private initializer: () => void;\n\n  constructor(private host: ReactiveElement, initializer: () => void, private options?: Options) {\n    this.initializer = initializer.bind(host);\n    this.mo = new MutationObserver(this.initializer);\n    this.logger = new Logger(this.host);\n    host.addController(this);\n  }\n\n  hostConnected() {\n    if (this.hasLightDOM()) {\n      this.initializer();\n    } else if (this.options?.emptyWarning) {\n      this.logger.warn(this.options?.emptyWarning);\n    }\n\n    this.initObserver();\n  }\n\n  hostDisconnected() {\n    this.mo.disconnect();\n  }\n\n  private initObserver() {\n    if (this.options?.observe ?? true) {\n      // Use the provided options, or their defaults\n      this.mo.observe(\n        this.host,\n          typeof this.options?.observe !== 'object' ? { childList: true }\n        : this.options?.observe as MutationObserverInit\n      );\n    }\n  }\n\n  /**\n   * Returns a boolean statement of whether or not this component contains any light DOM.\n   */\n  hasLightDOM(): boolean {\n    return !!(\n      this.host.children.length > 0 ||\n      (this.host.textContent ?? '').trim().length > 0\n    );\n  }\n}\n"]}
+{"version":3,"file":"light-dom-controller.js","sourceRoot":"","sources":["light-dom-controller.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAOrC,MAAM,OAAO,kBAAkB;IAK7B,YAAoB,IAAqB,EAAE,WAAuB,EAAU,OAAiB;QAAzE,SAAI,GAAJ,IAAI,CAAiB;QAAmC,YAAO,GAAP,OAAO,CAAU;QAC3F,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC1C,IAAI,CAAC,EAAE,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACjD,IAAI,CAAC,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACpC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;IAED,aAAa;QACX,IAAI,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC;YACvB,IAAI,CAAC,WAAW,EAAE,CAAC;QACrB,CAAC;aAAM,IAAI,IAAI,CAAC,OAAO,EAAE,YAAY,EAAE,CAAC;YACtC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;QAC/C,CAAC;QAED,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC;IACvB,CAAC;IAEO,YAAY;QAClB,IAAI,IAAI,CAAC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,CAAC;YAClC,8CAA8C;YAC9C,IAAI,CAAC,EAAE,CAAC,OAAO,CACb,IAAI,CAAC,IAAI,EACP,OAAO,IAAI,CAAC,OAAO,EAAE,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE;gBACjE,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,OAA+B,CAChD,CAAC;QACJ,CAAC;IACH,CAAC;IAED;;OAEG;IACH,WAAW;QACT,OAAO,CAAC,CAAC,CACP,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC;YAC7B,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAChD,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { ReactiveController, ReactiveElement } from 'lit';\n\nimport { Logger } from './logger.js';\n\nexport interface Options {\n  observe?: boolean | MutationObserverInit;\n  emptyWarning?: string;\n}\n\nexport class LightDOMController implements ReactiveController {\n  private mo: MutationObserver;\n  private logger: Logger;\n  private initializer: () => void;\n\n  constructor(private host: ReactiveElement, initializer: () => void, private options?: Options) {\n    this.initializer = initializer.bind(host);\n    this.mo = new MutationObserver(this.initializer);\n    this.logger = new Logger(this.host);\n    host.addController(this);\n  }\n\n  hostConnected() {\n    if (this.hasLightDOM()) {\n      this.initializer();\n    } else if (this.options?.emptyWarning) {\n      this.logger.warn(this.options?.emptyWarning);\n    }\n\n    this.initObserver();\n  }\n\n  hostDisconnected() {\n    this.mo.disconnect();\n  }\n\n  private initObserver() {\n    if (this.options?.observe ?? true) {\n      // Use the provided options, or their defaults\n      this.mo.observe(\n        this.host,\n          typeof this.options?.observe !== 'object' ? { childList: true }\n        : this.options?.observe as MutationObserverInit\n      );\n    }\n  }\n\n  /**\n   * Returns a boolean statement of whether or not this component contains any light DOM.\n   */\n  hasLightDOM(): boolean {\n    return !!(\n      this.host.children.length > 0 ||\n      (this.host.textContent ?? '').trim().length > 0\n    );\n  }\n}\n"]}

package/controllers/listbox-controller.d.ts

@@ -0,0 +1,58 @@
+import type { ReactiveController, ReactiveControllerHost } from 'lit';
+export interface ListboxAccessibilityController<Item extends HTMLElement> extends ReactiveController {
+    items: Item[];
+    activeItem?: Item;
+    nextItem?: Item;
+    prevItem?: Item;
+    firstItem?: Item;
+    lastItem?: Item;
+    updateItems(items: Item[]): void;
+    setActiveItem(item: Item): void;
+}
+/**
+ * Filtering, multiselect, and orientation options for listbox
+ */
+export interface ListboxConfigOptions<T extends HTMLElement> {
+    multi?: boolean;
+    a11yController: ListboxAccessibilityController<T>;
+    getHTMLElement(): HTMLElement | null;
+    requestSelect(option: T, force?: boolean): boolean;
+    isSelected(option: T): boolean;
+}
+/**
+ * Implements listbox semantics and accesibility. As there are two recognized
+ * patterns for implementing keyboard interactions with listbox patterns,
+ * provide a secondary controller (either RovingTabindexController or
+ * ActiveDescendantController) to complete the implementation.
+ */
+export declare class ListboxController<Item extends HTMLElement> implements ReactiveController {
+    #private;
+    host: ReactiveControllerHost;
+    private _options;
+    private static instances;
+    static of<Item extends HTMLElement>(host: ReactiveControllerHost, options: ListboxConfigOptions<Item>): ListboxController<Item>;
+    private constructor();
+    /** Whether listbox is disabled */
+    disabled: boolean;
+    /** Current active descendant in listbox */
+    get activeItem(): Item | undefined;
+    get nextItem(): Item | undefined;
+    get options(): Item[];
+    /**
+     * array of options which are selected
+     */
+    get selectedOptions(): Item[];
+    get value(): Item | Item[];
+    private get element();
+    hostConnected(): Promise<void>;
+    hostUpdated(): void;
+    hostDisconnected(): void;
+    /**
+     * sets the listbox value based on selected options
+     */
+    setValue(value: Item | Item[]): void;
+    /**
+     * register's the host's Item elements as listbox controller items
+     */
+    setOptions(options: Item[]): void;
+}