@patternfly/pfe-core 2.4.1 → 4.0.0

package/controllers/internals-controller.js

@@ -1,68 +1,386 @@
+var _InternalsController_instances, _InternalsController_polyfillDisabledPseudo;
+import { __classPrivateFieldGet, __decorate } from "tslib";
+import { isServer, } from 'lit';
 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
+ * @param target
+ * @param key
+ */
+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
+            const internals = this.attachOrRetrieveInternals();
+            return internals[key];
+        },
+        set(value) {
+            // @ts-expect-error: ya know it!
+            const internals = this.attachOrRetrieveInternals();
+            // @ts-expect-error: shamone!
+            internals[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 getLabels(host) {
+        return Array.from(this.instances.get(host)?.internals.labels ?? []);
+    }
+    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;
+        if (isServer) {
+            return this._formDisabled;
+        }
+        else {
+            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() {
+        if (isServer) {
+            // FIXME(bennyp): a little white lie, which may break
+            // when the controller is applied to non-lit frameworks.
+            return this.host;
+        }
+        else {
+            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.ariaBrailleLabel = null;
+        this.ariaBrailleRoleDescription = 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.attachOrRetrieveInternals();
+        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 `??=`;
+     */
+    attachOrRetrieveInternals() {
+        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();
+InternalsController.isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+__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, "ariaBrailleLabel", void 0);
+__decorate([
+    aria
+], InternalsController.prototype, "ariaBrailleRoleDescription", 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 {\n  isServer,\n  type ReactiveController,\n  type ReactiveControllerHost,\n  type LitElement,\n} from 'lit';\n\nfunction isARIAMixinProp(key: string): key is keyof ARIAMixin {\n  return key === 'role' || key.startsWith('aria');\n}\n\ntype FACE = HTMLElement & {\n  formDisabledCallback?(disabled: boolean): void;\n};\n\nconst protos = new WeakMap();\n\nlet constructingAllowed = false;\n\ninterface InternalsControllerOptions extends Partial<ARIAMixin> {\n  getHTMLElement?(): HTMLElement;\n}\n\n/**\n * reactively forward the internals object's aria mixin prototype\n * @param target\n * @param key\n */\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      const internals = this.attachOrRetrieveInternals();\n      return internals[key];\n    },\n    set(this: InternalsController, value: string | null) {\n      // @ts-expect-error: ya know it!\n      const internals = this.attachOrRetrieveInternals();\n      // @ts-expect-error: shamone!\n      internals[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 getLabels(host: ReactiveControllerHost): Element[] {\n    return Array.from(this.instances.get(host)?.internals.labels ?? []) as Element[];\n  }\n\n  public static isSafari: boolean = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);\n\n  public static of(\n    host: ReactiveControllerHost,\n    options?: InternalsControllerOptions,\n  ): 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 ariaBrailleLabel: string | null = null;\n  @aria ariaBrailleRoleDescription: 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(): boolean {\n    if (isServer) {\n      return this._formDisabled;\n    } else {\n      return this.element?.matches(':disabled') || this._formDisabled;\n    }\n  }\n\n  get labels(): NodeList {\n    return this.internals.labels;\n  }\n\n  get validity(): ValidityState {\n    return this.internals.validity;\n  }\n\n  /** A best-attempt based on observed behaviour in FireFox 115 on fedora 38 */\n  get computedLabelText(): string {\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    if (isServer) {\n      // FIXME(bennyp): a little white lie, which may break\n      // when the controller is applied to non-lit frameworks.\n      return this.host as LitElement;\n    } else {\n      return this.host instanceof HTMLElement ? this.host : this.options?.getHTMLElement?.();\n    }\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(\n        `InternalsController must be instantiated with an HTMLElement or a \\`getHTMLElement\\` function`,\n      );\n    }\n    this.attachOrRetrieveInternals();\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 FACE).formDisabledCallback;\n    (this.element as FACE).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 attachOrRetrieveInternals() {\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 as keyof this] = val as this[keyof this];\n      }\n    }\n  }\n\n  hostConnected?(): void;\n\n  setFormValue(...args: Parameters<ElementInternals['setFormValue']>): void {\n    return this.internals.setFormValue(...args);\n  }\n\n  setValidity(...args: Parameters<ElementInternals['setValidity']>): void {\n    return this.internals.setValidity(...args);\n  }\n\n  checkValidity(...args: Parameters<ElementInternals['checkValidity']>): boolean {\n    return this.internals.checkValidity(...args);\n  }\n\n  reportValidity(...args: Parameters<ElementInternals['reportValidity']>): boolean {\n    return this.internals.reportValidity(...args);\n  }\n\n  submit(): void {\n    this.internals.form?.requestSubmit();\n  }\n\n  reset(): void {\n    this.internals.form?.reset();\n  }\n}\n\n/** @see https://w3c.github.io/aria/#ref-for-dom-ariamixin-ariaactivedescendantelement-1 */\ndeclare global {\n  interface ARIAMixin {\n    ariaActiveDescendantElement: Element | null;\n    ariaControlsElements: readonly Element[] | null;\n    ariaDescribedByElements: readonly Element[] | null;\n    ariaDetailsElements: readonly Element[] | null;\n    ariaErrorMessageElements: readonly Element[] | null;\n    ariaFlowToElements: readonly Element[] | null;\n    ariaLabelledByElements: readonly Element[] | null;\n    ariaOwnsElements: readonly Element[] | null;\n  }\n}\n"]}

package/controllers/light-dom-controller.js

@@ -31,8 +31,8 @@ export class LightDOMController {
      * Returns a boolean statement of whether or not this component contains any light DOM.
      */
     hasLightDOM() {
-        return !!(this.host.children.length > 0 ||
-            (this.host.textContent ?? '').trim().length > 0);
+        return !!(this.host.children.length > 0
+            || (this.host.textContent ?? '').trim().length > 0);
     }
 }
 //# sourceMappingURL=light-dom-controller.js.map

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,YACU,IAAqB,EAC7B,WAAuB,EACf,OAA6B;QAF7B,SAAI,GAAJ,IAAI,CAAiB;QAErB,YAAO,GAAP,OAAO,CAAsB;QAErC,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;eAC1B,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CACnD,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(\n    private host: ReactiveElement,\n    initializer: () => void,\n    private options?: Options | undefined,\n  ) {\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(): void {\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(): void {\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,143 @@
+import type { ReactiveController, ReactiveControllerHost } from 'lit';
+/**
+ * Options for listbox controller
+ */
+export interface ListboxControllerOptions<Item extends HTMLElement> {
+    /**
+     * Whether the listbox supports multiple selections.
+     */
+    multi?: boolean;
+    /**
+     * Optional callback to control the selection behavior of items. By default, ListboxController
+     * will set the `aria-selected` attribute. When overriding this option, it will call it on your
+     * element with the selected state.
+     * Callers **must** ensure that the correct ARIA state is set.
+     */
+    setItemSelected?(item: Item, selected: boolean): void;
+    /**
+     * Optional predicate to ascertain whether a custom element item is disabled or not
+     * By default, if the item matches any of these conditions, it is considered disabled:
+     * 1. it's `disabled` DOM property is `true`
+     * 1. it has the `aria-disabled="true"` attribute
+     * 2. it has the `disabled` attribute present
+     * 3. it matches the `:disabled` pseudo selector
+     */
+    isItemDisabled?(item: Item): boolean;
+    /**
+     * Predicate which determines if a given element is in fact an item
+     * instead of e.g a presentational divider. By default, elements must meet the following criteria
+     * 1. element a child of a listbox role,
+     * 2. element does not have role="presentation"
+     * 2. element is not an `<hr>`
+     * **NB**: When overriding, you must avoid outside references. This predicate must
+     * only consider the element itself, without reference to the host element's items array.
+     * @example ```js
+     *          isItem: (item) => item instanceof MyCustomItem
+     *          ```
+     */
+    isItem?(item: EventTarget | null): item is Item;
+    /**
+     * Function returning the item which currently has assistive technology focus.
+     * In most cases, this should be the `atFocusedItem` of an ATFocusController
+     * i.e. RovingTabindexController or ActivedescendantController.
+     *
+     */
+    getATFocusedItem(): Item | null;
+    /**
+     * Function returning the DOM node which is the direct parent of the item elements
+     * Defaults to the controller host.
+     * If the controller host is not an HTMLElement, this *must* be set
+     */
+    getItemsContainer?(): HTMLElement | null;
+    /**
+     * Optional function returning an additional DOM node which controls the listbox, e.g.
+     * a combobox input.
+     */
+    getControlsElements?(): HTMLElement[];
+}
+/**
+ * @param item possible disabled item
+ * @package do not import this outside of `@patternfly/pfe-core`, it is subject to change at any time
+ */
+export declare function isItem<Item extends HTMLElement>(item: EventTarget | null): item is Item;
+/**
+ * This is a fib. aria-disabled might not be present on an element that uses internals,
+ * and the `disabled` attribute may not accurately represent the disabled state.
+ * short of patching the `attachInternals` constructor, it may not be possible at
+ * runtime to know with certainty that an arbitrary custom element is disabled or not.
+ * @param item possibly disabled item
+ * @package do not import this outside of `@patternfly/pfe-core`, it is subject to change at any time
+ */
+export declare function isItemDisabled<Item extends HTMLElement>(item: Item): 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.
+ *
+ * @see https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_focus_vs_selection
+ *
+ * > Occasionally, it may appear as if two elements on the page have focus at the same time.
+ * > For example, in a multi-select list box, when an option is selected it may be greyed.
+ * > Yet, the focus indicator can still be moved to other options, which may also be selected.
+ * > Similarly, when a user activates a tab in a tablist, the selected state is set on the tab
+ * > and its visual appearance changes. However, the user can still navigate, moving the focus
+ * > indicator elsewhere on the page while the tab retains its selected appearance and state.
+ * >
+ * > Focus and selection are quite different. From the keyboard user's perspective,
+ * > focus is a pointer, like a mouse pointer; it tracks the path of navigation.
+ * > There is only one point of focus at any time and all operations take place at the
+ * > point of focus. On the other hand, selection is an operation that can be performed in
+ * > some widgets, such as list boxes, trees, and tablists. If a widget supports only single
+ * > selection, then only one item can be selected and very often the selected state will simply
+ * > follow the focus when focus is moved inside of the widget.
+ * > That is, in some widgets, moving focus may also perform the select operation.
+ * > However, if the widget supports multiple selection, then more than one item can be in a
+ * > selected state, and keys for moving focus do not perform selection. Some multi-select widgets
+ * > do support key commands that both move focus and change selection, but those keys are
+ * > different from the normal navigation keys. Finally, when focus leaves a widget that includes
+ * > a selected element, the selected state persists.
+ * >
+ * > From the developer's perspective, the difference is simple -- the focused element is the
+ * > active element (document.activeElement). Selected elements are elements that have
+ * > aria-selected="true".
+ * >
+ * > With respect to focus and the selected state, the most important considerations for designers
+ * > and developers are:
+ * >
+ * > - The visual focus indicator must always be visible.
+ * > - The selected state must be visually distinct from the focus indicator.
+ */
+export declare class ListboxController<Item extends HTMLElement> implements ReactiveController {
+    #private;
+    host: ReactiveControllerHost;
+    private static instances;
+    static of<Item extends HTMLElement>(host: ReactiveControllerHost, options: ListboxControllerOptions<Item>): ListboxController<Item>;
+    /** Whether listbox is disabled */
+    disabled: boolean;
+    get container(): HTMLElement;
+    get multi(): boolean;
+    set multi(v: boolean);
+    get items(): Item[];
+    /**
+     * register's the host's Item elements as listbox controller items
+     * sets aria-setsize and aria-posinset on items
+     * @param items items
+     */
+    set items(items: Item[]);
+    /**
+     * sets the listbox value based on selected options
+     * @param selected item or items
+     */
+    set selected(selected: Item[]);
+    /**
+     * array of options which are selected
+     */
+    get selected(): Item[];
+    private constructor();
+    hostConnected(): Promise<void>;
+    hostUpdate(): void;
+    hostUpdated(): void;
+    hostDisconnected(): void;
+    isSelected(item: Item): boolean;
+}