@patternfly/pfe-core 2.0.0-next.8 → 2.0.0-rc.1

package/README.md

@@ -19,8 +19,8 @@ Utilities for building PatternFly elements.
 - `@cascades` - cascades the decorated property to configured light and shadow child elements
 - `@initializer` - executes a decorated method when the element upgrades and on DOM mutations (opt-out)
 - `@observed` - runs a callback when the decorated property changes
-- `@pfelement` - enabled body auto-reveal as well as colour context and other PFE features
-- `@time` - tracks the time a method takes to complete using the [performance API](https://developer.mozilla.org/en-US/docs/Web/API/Performance)
+- `@time` - tracks the time a method takes to complete using the [performance 
+  API](https://developer.mozilla.org/en-US/docs/Web/API/Performance)
 - `@trace` - debug decorator which logs the name and result of a class method whenever it runs
 
 ## Directives

package/controllers/cascade-controller.js

@@ -1,2 +1,136 @@
-var p=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var h=(a,t,e,s)=>{for(var i=s>1?void 0:s?l(t,e):t,o=a.length-1,r;o>=0;o--)(r=a[o])&&(i=(s?r(t,e,i):r(i))||i);return s&&i&&p(t,e,i),i};import{bound as f}from"../decorators/bound.js";import{debounce as d}from"../functions/debounce.js";import{Logger as g}from"./logger.js";var n=class{constructor(t,e){this.host=t;this.options=e;this.mo=new MutationObserver(this.parse);this.cache=new Map;this.class=t.constructor,this.logger=new g(this.host),n.instances.set(t,this);let s=this.options?.properties??{};for(let[i,o]of Object.entries(s))this.initProp(i,o);t.addController(this),this.cascadeProperties=d(this.cascadeProperties,1)}hostUpdated(){this.cascadeProperties()}hostConnected(){this.mo.observe(this.host,{attributes:!0,childList:!0}),this.cascadeProperties()}hostDisconnected(){this.mo.disconnect()}cascadeProperties(t=this.host.children){if(this.host.isConnected){let e=this.cache.keys();if(!t)return this._cascadeAttributes(e,this.cache);for(let s of t)if(s instanceof Element){for(let i of e)if(s.matches(i)){let o=this.cache.get(i);for(let r of o??[])this._copyAttribute(r,s)}}}}initProp(t,e){for(let s of[e].flat(1/0).filter(Boolean)){let{attribute:i}=this.class.getPropertyOptions(t),o=typeof i=="string"?i:t.toLowerCase();this.cache.get(s)?this.cache.get(s)?.push(o):this.cache.set(s,[o])}}parse(t){for(let e of t??[])e.type==="childList"&&e.addedNodes.length?this.cascadeProperties(e.addedNodes):e.type==="attributes"&&this._cascadeAttributes(this.cache.keys(),this.cache)}async _copyAttribute(t,e){this.logger.log(`copying ${t} to ${e}`);let s=this.host.getAttribute(t);e.isConnected&&(s==null?e.removeAttribute(t):e.setAttribute(t,s))}_cascadeAttributes(t,e){for(let s of t)for(let i of e.get(s)??[])this._cascadeAttribute(i,s)}_cascadeAttribute(t,e){let s=[...this.host.querySelectorAll(e),...this.host.shadowRoot?.querySelectorAll(e)??[]];for(let i of s)this._copyAttribute(t,i)}},c=n;c.instances=new WeakMap,h([f],c.prototype,"parse",1);export{c as CascadeController};
-//# sourceMappingURL=cascade-controller.js.map
+import { __decorate } from "tslib";
+import { bound } from '../decorators/bound.js';
+import { debounce } from '../functions/debounce.js';
+import { Logger } from './logger.js';
+export class CascadeController {
+    constructor(host, options) {
+        this.host = host;
+        this.options = options;
+        this.mo = new MutationObserver(this.parse);
+        this.cache = new Map();
+        this.class = host.constructor;
+        this.logger = new Logger(this.host);
+        CascadeController.instances.set(host, this);
+        const properties = this.options?.properties ?? {};
+        for (const [propName, cascade] of Object.entries(properties)) {
+            this.initProp(propName, cascade);
+        }
+        host.addController(this);
+        this.cascadeProperties = debounce(this.cascadeProperties, 1);
+    }
+    hostUpdated() {
+        this.cascadeProperties();
+    }
+    hostConnected() {
+        this.mo.observe(this.host, { attributes: true, childList: true });
+        this.cascadeProperties();
+    }
+    hostDisconnected() {
+        this.mo.disconnect();
+    }
+    /**
+     * Handles the cascading of properties to nested components when new elements are added
+     * Attribute updates/additions are handled by the attribute callback
+     */
+    cascadeProperties(nodeList = this.host.children) {
+        if (this.host.isConnected) {
+            const selectors = this.cache.keys();
+            // Find out if anything in the nodeList matches any of the observed selectors for cacading properties
+            if (!nodeList) {
+                return this._cascadeAttributes(selectors, this.cache);
+            }
+            for (const node of nodeList) {
+                // if this node has a match function (i.e., it's an HTMLElement, not a text node),
+                if (node instanceof Element) {
+                    // see if it matches one of the selectors, otherwise drop it (like it's hot).
+                    for (const selector of selectors) {
+                        // console.log('_copyAttribute', name, value, el.getAttribute(name));
+                        if (node.matches(selector)) {
+                            const attrNames = this.cache.get(selector);
+                            // each selector can match multiple properties/attributes, so
+                            // copy each of them
+                            for (const attrName of attrNames ?? []) {
+                                this._copyAttribute(attrName, node);
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+    /**
+     * Gets the configured attribute name for the decorated property,
+     * falling back to the lowercased property name, and caches the attribute name
+     * with it's designated child selectors for value-propagation on change
+     */
+    initProp(propName, cascade) {
+        for (const nodeItem of [cascade].flat(Infinity).filter(Boolean)) {
+            const { attribute } = this.class.getPropertyOptions(propName);
+            const attr = typeof attribute === 'string' ? attribute
+                : propName.toLowerCase();
+            // Create an object with the node as the key and an array of attributes
+            // that are to be cascaded down to it
+            if (!this.cache.get(nodeItem)) {
+                this.cache.set(nodeItem, [attr]);
+            }
+            else {
+                this.cache.get(nodeItem)?.push(attr);
+            }
+        }
+    }
+    parse(mutations) {
+        // Iterate over the mutation list, look for cascade updates
+        for (const mutation of mutations ?? []) {
+            // If a new node is added, attempt to cascade attributes to it
+            if (mutation.type === 'childList' && mutation.addedNodes.length) {
+                this.cascadeProperties(mutation.addedNodes);
+            }
+            else if (mutation.type === 'attributes') {
+                this._cascadeAttributes(this.cache.keys(), this.cache);
+            }
+        }
+    }
+    /**
+     * Copy the named attribute to a target element.
+     */
+    async _copyAttribute(name, el) {
+        this.logger.log(`copying ${name} to ${el}`);
+        const value = this.host.getAttribute(name);
+        if (el.isConnected) {
+            if (value == null) {
+                el.removeAttribute(name);
+            }
+            else {
+                el.setAttribute(name, value);
+            }
+        }
+    }
+    _cascadeAttributes(selectors, set) {
+        for (const selector of selectors) {
+            for (const attr of set.get(selector) ?? []) {
+                this._cascadeAttribute(attr, selector);
+            }
+        }
+    }
+    /**
+     * Trigger a cascade of the named attribute to any child elements that match
+     * the `to` selector.  The selector can match elements in the light DOM and
+     * shadow DOM.
+     * @param  name The name of the attribute to cascade (not necessarily the same as the property name).
+     * @param  to A CSS selector that matches the elements that should received the cascaded attribute.  The selector will be applied within `this` element's light and shadow DOM trees.
+     */
+    _cascadeAttribute(name, to) {
+        const recipients = [
+            ...this.host.querySelectorAll(to),
+            ...this.host.shadowRoot?.querySelectorAll(to) ?? [],
+        ];
+        for (const node of recipients) {
+            this._copyAttribute(name, node);
+        }
+    }
+}
+CascadeController.instances = new WeakMap();
+__decorate([
+    bound
+], CascadeController.prototype, "parse", null);
+//# sourceMappingURL=cascade-controller.js.map

package/controllers/cascade-controller.js.map

@@ -1,7 +1 @@
-{
-  "version": 3,
-  "sources": ["cascade-controller.ts"],
-  "sourcesContent": ["import type { ReactiveController, ReactiveElement } from 'lit';\n\nimport { bound } from '../decorators/bound.js';\nimport { debounce } from '../functions/debounce.js';\nimport { Logger } from './logger.js';\n\nexport interface Options<E extends ReactiveElement> {\n  properties: Partial<Record<keyof E, string|string[]>>;\n  prefix?: string;\n}\n\nexport class CascadeController<E extends ReactiveElement> implements ReactiveController {\n  private class: typeof ReactiveElement;\n\n  private logger: Logger;\n\n  static instances: WeakMap<ReactiveElement, CascadeController<ReactiveElement>> = new WeakMap();\n\n  mo = new MutationObserver(this.parse);\n\n  cache = new Map<string, string[]>();\n\n  constructor(public host: E, public options?: Options<E>) {\n    this.class = host.constructor as typeof ReactiveElement;\n    this.logger = new Logger(this.host);\n    CascadeController.instances.set(host, this);\n    const properties = this.options?.properties ?? {} as Options<E>['properties'];\n    for (const [propName, cascade] of Object.entries(properties)) {\n      this.initProp(propName, cascade);\n    }\n    host.addController(this);\n    this.cascadeProperties = debounce(this.cascadeProperties, 1);\n  }\n\n  hostUpdated() {\n    this.cascadeProperties();\n  }\n\n  hostConnected() {\n    this.mo.observe(this.host, { attributes: true, childList: true });\n    this.cascadeProperties();\n  }\n\n  hostDisconnected() {\n    this.mo.disconnect();\n  }\n\n  /**\n   * Handles the cascading of properties to nested components when new elements are added\n   * Attribute updates/additions are handled by the attribute callback\n   */\n  cascadeProperties(nodeList: HTMLCollection|NodeList = this.host.children) {\n    if (this.host.isConnected) {\n      const selectors = this.cache.keys();\n\n      // Find out if anything in the nodeList matches any of the observed selectors for cacading properties\n      if (!nodeList) {\n        return this._cascadeAttributes(selectors, this.cache);\n      }\n\n\n      for (const node of nodeList) {\n        // if this node has a match function (i.e., it's an HTMLElement, not a text node),\n        if (node instanceof Element) {\n          // see if it matches one of the selectors, otherwise drop it (like it's hot).\n          for (const selector of selectors) {\n            // console.log('_copyAttribute', name, value, el.getAttribute(name));\n            if (node.matches(selector)) {\n              const attrNames = this.cache.get(selector);\n              // each selector can match multiple properties/attributes, so\n              // copy each of them\n              for (const attrName of attrNames ?? []) {\n                this._copyAttribute(attrName, node);\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  /**\n   * Gets the configured attribute name for the decorated property,\n   * falling back to the lowercased property name, and caches the attribute name\n   * with it's designated child selectors for value-propagation on change\n   */\n  initProp(propName: string, cascade: string|string[]) {\n    for (const nodeItem of [cascade].flat(Infinity).filter(Boolean) as string[]) {\n      const { attribute } = this.class.getPropertyOptions(propName);\n\n      const attr =\n          typeof attribute === 'string' ? attribute\n        : propName.toLowerCase();\n\n      // Create an object with the node as the key and an array of attributes\n      // that are to be cascaded down to it\n      if (!this.cache.get(nodeItem)) {\n        this.cache.set(nodeItem, [attr]);\n      } else {\n        this.cache.get(nodeItem)?.push(attr);\n      }\n    }\n  }\n\n  @bound private parse(mutations: MutationRecord[]) {\n    // Iterate over the mutation list, look for cascade updates\n    for (const mutation of mutations ?? []) {\n      // If a new node is added, attempt to cascade attributes to it\n      if (mutation.type === 'childList' && mutation.addedNodes.length) {\n        this.cascadeProperties(mutation.addedNodes);\n      } else if (mutation.type === 'attributes') {\n        this._cascadeAttributes(this.cache.keys(), this.cache);\n      }\n    }\n  }\n\n  /**\n   * Copy the named attribute to a target element.\n   */\n  private async _copyAttribute(name: string, el: Element) {\n    this.logger.log(`copying ${name} to ${el}`);\n    const value = this.host.getAttribute(name);\n    if (el.isConnected) {\n      if (value == null) {\n        el.removeAttribute(name);\n      } else {\n        el.setAttribute(name, value);\n      }\n    }\n  }\n\n  private _cascadeAttributes(selectors: IterableIterator<string>, set: this['cache']) {\n    for (const selector of selectors) {\n      for (const attr of set.get(selector) ?? []) {\n        this._cascadeAttribute(attr, selector);\n      }\n    }\n  }\n\n  /**\n   * Trigger a cascade of the named attribute to any child elements that match\n   * the `to` selector.  The selector can match elements in the light DOM and\n   * shadow DOM.\n   * @param  name The name of the attribute to cascade (not necessarily the same as the property name).\n   * @param  to A CSS selector that matches the elements that should received the cascaded attribute.  The selector will be applied within `this` element's light and shadow DOM trees.\n   */\n  private _cascadeAttribute(name: string, to: string) {\n    const recipients = [\n      ...this.host.querySelectorAll(to),\n      ...this.host.shadowRoot?.querySelectorAll(to) ?? [],\n    ];\n\n    for (const node of recipients) {\n      this._copyAttribute(name, node);\n    }\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["bound", "debounce", "Logger", "_CascadeController", "host", "options", "Logger", "properties", "propName", "cascade", "debounce", "nodeList", "selectors", "node", "selector", "attrNames", "attrName", "nodeItem", "attribute", "attr", "mutations", "mutation", "name", "el", "value", "set", "to", "recipients", "CascadeController", "__decorateClass", "bound"]
-}
+{"version":3,"file":"cascade-controller.js","sourceRoot":"","sources":["cascade-controller.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController, ReactiveElement } from 'lit';\n\nimport { bound } from '../decorators/bound.js';\nimport { debounce } from '../functions/debounce.js';\nimport { Logger } from './logger.js';\n\nexport interface Options<E extends ReactiveElement> {\n  properties: Partial<Record<keyof E, string|string[]>>;\n  prefix?: string;\n}\n\nexport class CascadeController<E extends ReactiveElement> implements ReactiveController {\n  private class: typeof ReactiveElement;\n\n  private logger: Logger;\n\n  static instances: WeakMap<ReactiveElement, CascadeController<ReactiveElement>> = new WeakMap();\n\n  mo = new MutationObserver(this.parse);\n\n  cache = new Map<string, string[]>();\n\n  constructor(public host: E, public options?: Options<E>) {\n    this.class = host.constructor as typeof ReactiveElement;\n    this.logger = new Logger(this.host);\n    CascadeController.instances.set(host, this);\n    const properties = this.options?.properties ?? {} as Options<E>['properties'];\n    for (const [propName, cascade] of Object.entries(properties)) {\n      this.initProp(propName, cascade);\n    }\n    host.addController(this);\n    this.cascadeProperties = debounce(this.cascadeProperties, 1);\n  }\n\n  hostUpdated() {\n    this.cascadeProperties();\n  }\n\n  hostConnected() {\n    this.mo.observe(this.host, { attributes: true, childList: true });\n    this.cascadeProperties();\n  }\n\n  hostDisconnected() {\n    this.mo.disconnect();\n  }\n\n  /**\n   * Handles the cascading of properties to nested components when new elements are added\n   * Attribute updates/additions are handled by the attribute callback\n   */\n  cascadeProperties(nodeList: HTMLCollection|NodeList = this.host.children) {\n    if (this.host.isConnected) {\n      const selectors = this.cache.keys();\n\n      // Find out if anything in the nodeList matches any of the observed selectors for cacading properties\n      if (!nodeList) {\n        return this._cascadeAttributes(selectors, this.cache);\n      }\n\n\n      for (const node of nodeList) {\n        // if this node has a match function (i.e., it's an HTMLElement, not a text node),\n        if (node instanceof Element) {\n          // see if it matches one of the selectors, otherwise drop it (like it's hot).\n          for (const selector of selectors) {\n            // console.log('_copyAttribute', name, value, el.getAttribute(name));\n            if (node.matches(selector)) {\n              const attrNames = this.cache.get(selector);\n              // each selector can match multiple properties/attributes, so\n              // copy each of them\n              for (const attrName of attrNames ?? []) {\n                this._copyAttribute(attrName, node);\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  /**\n   * Gets the configured attribute name for the decorated property,\n   * falling back to the lowercased property name, and caches the attribute name\n   * with it's designated child selectors for value-propagation on change\n   */\n  initProp(propName: string, cascade: string|string[]) {\n    for (const nodeItem of [cascade].flat(Infinity).filter(Boolean) as string[]) {\n      const { attribute } = this.class.getPropertyOptions(propName);\n\n      const attr =\n          typeof attribute === 'string' ? attribute\n        : propName.toLowerCase();\n\n      // Create an object with the node as the key and an array of attributes\n      // that are to be cascaded down to it\n      if (!this.cache.get(nodeItem)) {\n        this.cache.set(nodeItem, [attr]);\n      } else {\n        this.cache.get(nodeItem)?.push(attr);\n      }\n    }\n  }\n\n  @bound private parse(mutations: MutationRecord[]) {\n    // Iterate over the mutation list, look for cascade updates\n    for (const mutation of mutations ?? []) {\n      // If a new node is added, attempt to cascade attributes to it\n      if (mutation.type === 'childList' && mutation.addedNodes.length) {\n        this.cascadeProperties(mutation.addedNodes);\n      } else if (mutation.type === 'attributes') {\n        this._cascadeAttributes(this.cache.keys(), this.cache);\n      }\n    }\n  }\n\n  /**\n   * Copy the named attribute to a target element.\n   */\n  private async _copyAttribute(name: string, el: Element) {\n    this.logger.log(`copying ${name} to ${el}`);\n    const value = this.host.getAttribute(name);\n    if (el.isConnected) {\n      if (value == null) {\n        el.removeAttribute(name);\n      } else {\n        el.setAttribute(name, value);\n      }\n    }\n  }\n\n  private _cascadeAttributes(selectors: IterableIterator<string>, set: this['cache']) {\n    for (const selector of selectors) {\n      for (const attr of set.get(selector) ?? []) {\n        this._cascadeAttribute(attr, selector);\n      }\n    }\n  }\n\n  /**\n   * Trigger a cascade of the named attribute to any child elements that match\n   * the `to` selector.  The selector can match elements in the light DOM and\n   * shadow DOM.\n   * @param  name The name of the attribute to cascade (not necessarily the same as the property name).\n   * @param  to A CSS selector that matches the elements that should received the cascaded attribute.  The selector will be applied within `this` element's light and shadow DOM trees.\n   */\n  private _cascadeAttribute(name: string, to: string) {\n    const recipients = [\n      ...this.host.querySelectorAll(to),\n      ...this.host.shadowRoot?.querySelectorAll(to) ?? [],\n    ];\n\n    for (const node of recipients) {\n      this._copyAttribute(name, node);\n    }\n  }\n}\n"]}

package/controllers/css-variable-controller.js

@@ -1,2 +1,13 @@
-var e=class{constructor(t){this.host=t;this.style=window.getComputedStyle(t)}parseProperty(t){return t.substr(0,2)!=="--"?`--${t}`:t}getVariable(t){return this.style.getPropertyValue(this.parseProperty(t)).trim()||null}};export{e as CssVariableController};
-//# sourceMappingURL=css-variable-controller.js.map
+export class CssVariableController {
+    constructor(host) {
+        this.host = host;
+        this.style = window.getComputedStyle(host);
+    }
+    parseProperty(name) {
+        return name.substr(0, 2) !== '--' ? `--${name}` : name;
+    }
+    getVariable(name) {
+        return this.style.getPropertyValue(this.parseProperty(name)).trim() || null;
+    }
+}
+//# sourceMappingURL=css-variable-controller.js.map

package/controllers/css-variable-controller.js.map

@@ -1,7 +1 @@
-{
-  "version": 3,
-  "sources": ["css-variable-controller.ts"],
-  "sourcesContent": ["import type { ReactiveElement, ReactiveController } from 'lit';\n\nexport class CssVariableController implements ReactiveController {\n  style: CSSStyleDeclaration;\n\n  constructor(public host: ReactiveElement) {\n    this.style = window.getComputedStyle(host);\n  }\n\n  private parseProperty(name: string) {\n    return name.substr(0, 2) !== '--' ? `--${name}` : name;\n  }\n\n  getVariable(name: string) {\n    return this.style.getPropertyValue(this.parseProperty(name)).trim() || null;\n  }\n\n  hostConnected?(): void\n}\n"],
-  "mappings": "AAEO,IAAMA,EAAN,KAA0D,CAG/D,YAAmBC,EAAuB,CAAvB,UAAAA,EACjB,KAAK,MAAQ,OAAO,iBAAiBA,CAAI,CAC3C,CAEQ,cAAcC,EAAc,CAClC,OAAOA,EAAK,OAAO,EAAG,CAAC,IAAM,KAAO,KAAKA,IAASA,CACpD,CAEA,YAAYA,EAAc,CACxB,OAAO,KAAK,MAAM,iBAAiB,KAAK,cAAcA,CAAI,CAAC,EAAE,KAAK,GAAK,IACzE,CAGF",
-  "names": ["CssVariableController", "host", "name"]
-}
+{"version":3,"file":"css-variable-controller.js","sourceRoot":"","sources":["css-variable-controller.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,qBAAqB;IAGhC,YAAmB,IAAqB;QAArB,SAAI,GAAJ,IAAI,CAAiB;QACtC,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC7C,CAAC;IAEO,aAAa,CAAC,IAAY;QAChC,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACzD,CAAC;IAED,WAAW,CAAC,IAAY;QACtB,OAAO,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC;IAC9E,CAAC;CAGF","sourcesContent":["import type { ReactiveElement, ReactiveController } from 'lit';\n\nexport class CssVariableController implements ReactiveController {\n  style: CSSStyleDeclaration;\n\n  constructor(public host: ReactiveElement) {\n    this.style = window.getComputedStyle(host);\n  }\n\n  private parseProperty(name: string) {\n    return name.substr(0, 2) !== '--' ? `--${name}` : name;\n  }\n\n  getVariable(name: string) {\n    return this.style.getPropertyValue(this.parseProperty(name)).trim() || null;\n  }\n\n  hostConnected?(): void\n}\n"]}

package/controllers/floating-dom-controller.d.ts

@@ -1,28 +1,49 @@
+import type { Placement } from '@floating-ui/dom';
 import type { ReactiveController, ReactiveElement } from 'lit';
-declare type Direction = 'top' | 'bottom' | 'left' | 'right';
-declare type Alignment = 'start' | 'end';
-/**
- * Represents the placement of floating DOM
- */
-export declare type Placement = Direction | `${Direction}-${Alignment}`;
+import type { StyleInfo } from 'lit/directives/style-map.js';
+import type { Options as Offset } from '@floating-ui/core/src/middleware/offset';
+export { Placement };
+type Lazy<T> = T | (() => T | null | undefined);
+interface FloatingDOMControllerOptions {
+    content: Lazy<HTMLElement>;
+    invoker?: Lazy<HTMLElement>;
+    arrow?: boolean;
+    flip?: boolean;
+    shift?: boolean;
+    padding?: number;
+}
+interface ShowOptions {
+    offset?: Offset;
+    placement?: Placement;
+}
+export type Anchor = '' | 'top' | 'left' | 'bottom' | 'right';
+export type Alignment = 'center' | 'start' | 'end';
 /**
  * Controls floating DOM within a web component, e.g. tooltips and popovers
  */
 export declare class FloatingDOMController implements ReactiveController {
     #private;
     private host;
+    /** The crosswise alignment of the invoker on which to display the floating DOM */
+    get alignment(): Alignment;
+    /** The side of the invoker on which to display the floating DOM */
+    get anchor(): Anchor;
     /**
      * When true, the floating DOM is visible
      */
     get open(): boolean;
-    set open(value: boolean);
-    constructor(host: ReactiveElement);
-    hostConnected?(): void;
+    /** The computed placement of the floating DOM */
+    get placement(): Placement;
+    /**
+     * Styles to apply to your element's container
+     *
+     * - `--_floating-content-translate`: translate to apply to floating content.
+     */
+    get styles(): StyleInfo;
+    constructor(host: ReactiveElement, options: FloatingDOMControllerOptions);
+    hostDisconnected(): void;
     /** Show the floating DOM */
-    show(): void;
+    show({ offset, placement }?: ShowOptions): Promise<void>;
     /** Hide the floating DOM */
-    hide(): void;
-    /** Initialize the floating DOM */
-    create(invoker: Element, content: HTMLElement, placement: Placement, offset?: number[]): void;
+    hide(): Promise<void>;
 }
-export {};

package/controllers/floating-dom-controller.js

@@ -1,2 +1,115 @@
-var a=(t,e,o)=>{if(!e.has(t))throw TypeError("Cannot "+o)};var r=(t,e,o)=>(a(t,e,"read from private field"),o?o.call(t):e.get(t)),s=(t,e,o)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,o)},l=(t,e,o,p)=>(a(t,e,"write to private field"),p?p.call(t,o):e.set(t,o),o);import{applyStyles as f,arrow as d,computeStyles as h,eventListeners as v,flip as u,hide as y,offset as b,popperGenerator as g,popperOffsets as E,preventOverflow as P}from"@popperjs/core";var R=g({defaultModifiers:[v,E,h,f,b,u,P,d,y]}),i,n,m=class{constructor(e){this.host=e;s(this,i,!1);s(this,n,void 0);e.addController(this)}get open(){return r(this,i)}set open(e){l(this,i,e),e&&r(this,n)?.update(),this.host.requestUpdate()}show(){this.open=!0}hide(){this.open=!1}create(e,o,p,c){l(this,n,R(e,o,{placement:p,modifiers:[{name:"offset",options:{offset:c}},{name:"flip",options:{fallbackPlacements:["top","right","left","bottom"]}}]}))}};i=new WeakMap,n=new WeakMap;export{m as FloatingDOMController};
-//# sourceMappingURL=floating-dom-controller.js.map
+var _FloatingDOMController_instances, _FloatingDOMController_open, _FloatingDOMController_opening, _FloatingDOMController_cleanup, _FloatingDOMController_anchor, _FloatingDOMController_alignment, _FloatingDOMController_styles, _FloatingDOMController_placement, _FloatingDOMController_options, _FloatingDOMController_invoker_get, _FloatingDOMController_content_get, _FloatingDOMController_update;
+import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
+import { autoUpdate, computePosition, offset as offsetMiddleware, shift as shiftMiddleware, flip as flipMiddleware, } from '@floating-ui/dom';
+/**
+ * Controls floating DOM within a web component, e.g. tooltips and popovers
+ */
+export class FloatingDOMController {
+    /** The crosswise alignment of the invoker on which to display the floating DOM */
+    get alignment() {
+        return __classPrivateFieldGet(this, _FloatingDOMController_alignment, "f") ?? 'center';
+    }
+    /** The side of the invoker on which to display the floating DOM */
+    get anchor() {
+        return __classPrivateFieldGet(this, _FloatingDOMController_anchor, "f") ?? '';
+    }
+    /**
+     * When true, the floating DOM is visible
+     */
+    get open() {
+        return __classPrivateFieldGet(this, _FloatingDOMController_open, "f");
+    }
+    /** The computed placement of the floating DOM */
+    get placement() {
+        return __classPrivateFieldGet(this, _FloatingDOMController_placement, "f") ?? 'top';
+    }
+    /**
+     * Styles to apply to your element's container
+     *
+     * - `--_floating-content-translate`: translate to apply to floating content.
+     */
+    get styles() {
+        return __classPrivateFieldGet(this, _FloatingDOMController_styles, "f") ?? {};
+    }
+    constructor(host, options) {
+        var _a, _b, _c, _d;
+        this.host = host;
+        _FloatingDOMController_instances.add(this);
+        _FloatingDOMController_open.set(this, false);
+        _FloatingDOMController_opening.set(this, false);
+        _FloatingDOMController_cleanup.set(this, void 0);
+        _FloatingDOMController_anchor.set(this, void 0);
+        _FloatingDOMController_alignment.set(this, void 0);
+        _FloatingDOMController_styles.set(this, void 0);
+        _FloatingDOMController_placement.set(this, void 0);
+        _FloatingDOMController_options.set(this, void 0);
+        host.addController(this);
+        __classPrivateFieldSet(this, _FloatingDOMController_options, options, "f");
+        (_a = __classPrivateFieldGet(this, _FloatingDOMController_options, "f")).invoker ?? (_a.invoker = host);
+        (_b = __classPrivateFieldGet(this, _FloatingDOMController_options, "f")).arrow ?? (_b.arrow = false);
+        (_c = __classPrivateFieldGet(this, _FloatingDOMController_options, "f")).flip ?? (_c.flip = true);
+        (_d = __classPrivateFieldGet(this, _FloatingDOMController_options, "f")).shift ?? (_d.shift = true);
+    }
+    hostDisconnected() {
+        __classPrivateFieldGet(this, _FloatingDOMController_cleanup, "f")?.call(this);
+    }
+    /** Show the floating DOM */
+    async show({ offset, placement } = {}) {
+        const invoker = __classPrivateFieldGet(this, _FloatingDOMController_instances, "a", _FloatingDOMController_invoker_get);
+        const content = __classPrivateFieldGet(this, _FloatingDOMController_instances, "a", _FloatingDOMController_content_get);
+        if (!invoker || !content) {
+            return;
+        }
+        if (!__classPrivateFieldGet(this, _FloatingDOMController_opening, "f")) {
+            __classPrivateFieldSet(this, _FloatingDOMController_opening, true, "f");
+            const p = __classPrivateFieldGet(this, _FloatingDOMController_instances, "m", _FloatingDOMController_update).call(this, placement, offset);
+            __classPrivateFieldSet(this, _FloatingDOMController_cleanup, __classPrivateFieldGet(this, _FloatingDOMController_cleanup, "f") ?? autoUpdate(invoker, content, () => __classPrivateFieldGet(this, _FloatingDOMController_instances, "m", _FloatingDOMController_update).call(this, placement, offset)), "f");
+            await p;
+            __classPrivateFieldSet(this, _FloatingDOMController_opening, false, "f");
+        }
+        __classPrivateFieldSet(this, _FloatingDOMController_open, true, "f");
+        this.host.requestUpdate();
+    }
+    /** Hide the floating DOM */
+    async hide() {
+        await this.host.updateComplete;
+        while (__classPrivateFieldGet(this, _FloatingDOMController_opening, "f") && !this.open) {
+            await new Promise(requestAnimationFrame);
+        }
+        __classPrivateFieldSet(this, _FloatingDOMController_open, false, "f");
+        __classPrivateFieldGet(this, _FloatingDOMController_cleanup, "f")?.call(this);
+        this.host.requestUpdate();
+        await this.host.updateComplete;
+    }
+}
+_FloatingDOMController_open = new WeakMap(), _FloatingDOMController_opening = new WeakMap(), _FloatingDOMController_cleanup = new WeakMap(), _FloatingDOMController_anchor = new WeakMap(), _FloatingDOMController_alignment = new WeakMap(), _FloatingDOMController_styles = new WeakMap(), _FloatingDOMController_placement = new WeakMap(), _FloatingDOMController_options = new WeakMap(), _FloatingDOMController_instances = new WeakSet(), _FloatingDOMController_invoker_get = function _FloatingDOMController_invoker_get() {
+    const { invoker } = __classPrivateFieldGet(this, _FloatingDOMController_options, "f");
+    return typeof invoker === 'function' ? invoker() : invoker;
+}, _FloatingDOMController_content_get = function _FloatingDOMController_content_get() {
+    const { content } = __classPrivateFieldGet(this, _FloatingDOMController_options, "f");
+    return typeof content === 'function' ? content() : content;
+}, _FloatingDOMController_update = async function _FloatingDOMController_update(placement = 'top', offset) {
+    var _a, _b;
+    const { flip, padding, shift } = __classPrivateFieldGet(this, _FloatingDOMController_options, "f");
+    const invoker = __classPrivateFieldGet(this, _FloatingDOMController_instances, "a", _FloatingDOMController_invoker_get);
+    const content = __classPrivateFieldGet(this, _FloatingDOMController_instances, "a", _FloatingDOMController_content_get);
+    if (!invoker || !content) {
+        return;
+    }
+    const { x, y, placement: _placement } = await computePosition(invoker, content, {
+        strategy: 'absolute',
+        placement,
+        middleware: [
+            offsetMiddleware(offset),
+            shift && shiftMiddleware({ padding }),
+            flip && flipMiddleware({ padding }),
+        ].filter(Boolean)
+    });
+    __classPrivateFieldSet(this, _FloatingDOMController_placement, _placement, "f");
+    _a = this, _b = this, [({ set value(_c) { __classPrivateFieldSet(_a, _FloatingDOMController_anchor, _c, "f"); } }).value, ({ set value(_c) { __classPrivateFieldSet(_b, _FloatingDOMController_alignment, _c, "f"); } }).value] = (__classPrivateFieldGet(this, _FloatingDOMController_placement, "f").split('-') ?? []);
+    __classPrivateFieldSet(this, _FloatingDOMController_styles, {
+        '--_floating-content-translate': `${x}px ${y}px`,
+    }, "f");
+    this.host.requestUpdate();
+};
+//# sourceMappingURL=floating-dom-controller.js.map

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

@@ -1,7 +1 @@
-{
-  "version": 3,
-  "sources": ["floating-dom-controller.ts"],
-  "sourcesContent": ["import type { Instance } from '@popperjs/core';\nimport type { ReactiveController, ReactiveElement } from 'lit';\n\nimport {\n  applyStyles,\n  arrow,\n  computeStyles,\n  eventListeners,\n  flip,\n  hide,\n  offset,\n  popperGenerator,\n  popperOffsets,\n  preventOverflow,\n} from '@popperjs/core';\n\ntype Direction =\n  | 'top'\n  | 'bottom'\n  | 'left'\n  | 'right'\n\ntype Alignment =\n  | 'start'\n  | 'end'\n\n/**\n * Represents the placement of floating DOM\n */\nexport type Placement = Direction | `${Direction}-${Alignment}`;\n\nconst createPopper = popperGenerator({\n  defaultModifiers: [\n    eventListeners,\n    popperOffsets,\n    computeStyles,\n    applyStyles,\n    offset,\n    flip,\n    preventOverflow,\n    arrow,\n    hide\n  ],\n});\n\n/**\n * Controls floating DOM within a web component, e.g. tooltips and popovers\n */\nexport class FloatingDOMController implements ReactiveController {\n  #open = false;\n\n  /**\n   * When true, the floating DOM is visible\n   */\n  get open() {\n    return this.#open;\n  }\n\n  set open(value: boolean) {\n    this.#open = value;\n    if (value) {\n      this.#popper?.update();\n    }\n    this.host.requestUpdate();\n  }\n\n  #popper: Instance | undefined;\n\n  constructor(private host: ReactiveElement) {\n    host.addController(this);\n  }\n\n  hostConnected?(): void;\n\n  /** Show the floating DOM */\n  show(): void {\n    this.open = true;\n  }\n\n  /** Hide the floating DOM */\n  hide(): void {\n    this.open = false;\n  }\n\n  /** Initialize the floating DOM */\n  create(invoker: Element, content: HTMLElement, placement: Placement, offset?: number[]): void {\n    this.#popper = createPopper(invoker, content, {\n      placement,\n      modifiers: [\n        {\n          name: 'offset',\n          options: {\n            offset\n          }\n        },\n        {\n          name: 'flip',\n          options: {\n            fallbackPlacements: ['top', 'right', 'left', 'bottom'],\n          },\n        }\n      ]\n    });\n  }\n}\n"],
-  "mappings": "mVAGA,OACE,eAAAA,EACA,SAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,QAAAC,EACA,QAAAC,EACA,UAAAC,EACA,mBAAAC,EACA,iBAAAC,EACA,mBAAAC,MACK,iBAiBP,IAAMC,EAAeC,EAAgB,CACnC,iBAAkB,CAChBC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,CACF,CACF,CAAC,EA3CDC,EAAAC,EAgDaC,EAAN,KAA0D,CAoB/D,YAAoBC,EAAuB,CAAvB,UAAAA,EAnBpBC,EAAA,KAAAJ,EAAQ,IAiBRI,EAAA,KAAAH,EAAA,QAGEE,EAAK,cAAc,IAAI,CACzB,CAhBA,IAAI,MAAO,CACT,OAAOE,EAAA,KAAKL,EACd,CAEA,IAAI,KAAKM,EAAgB,CACvBC,EAAA,KAAKP,EAAQM,GACTA,GACFD,EAAA,KAAKJ,IAAS,OAAO,EAEvB,KAAK,KAAK,cAAc,CAC1B,CAWA,MAAa,CACX,KAAK,KAAO,EACd,CAGA,MAAa,CACX,KAAK,KAAO,EACd,CAGA,OAAOO,EAAkBC,EAAsBC,EAAsBf,EAAyB,CAC5FY,EAAA,KAAKN,EAAUZ,EAAamB,EAASC,EAAS,CAC5C,UAAAC,EACA,UAAW,CACT,CACE,KAAM,SACN,QAAS,CACP,OAAAf,CACF,CACF,EACA,CACE,KAAM,OACN,QAAS,CACP,mBAAoB,CAAC,MAAO,QAAS,OAAQ,QAAQ,CACvD,CACF,CACF,CACF,CAAC,EACH,CACF,EAvDEK,EAAA,YAiBAC,EAAA",
-  "names": ["applyStyles", "arrow", "computeStyles", "eventListeners", "flip", "hide", "offset", "popperGenerator", "popperOffsets", "preventOverflow", "createPopper", "popperGenerator", "eventListeners", "popperOffsets", "computeStyles", "applyStyles", "offset", "flip", "preventOverflow", "arrow", "hide", "_open", "_popper", "FloatingDOMController", "host", "__privateAdd", "__privateGet", "value", "__privateSet", "invoker", "content", "placement"]
-}
+{"version":3,"file":"floating-dom-controller.js","sourceRoot":"","sources":["floating-dom-controller.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Placement } from '@floating-ui/dom';\nimport type { ReactiveController, ReactiveElement } from 'lit';\nimport type { StyleInfo } from 'lit/directives/style-map.js';\nimport type { Options as Offset } from '@floating-ui/core/src/middleware/offset';\n\n\nexport { Placement };\n\nimport {\n  autoUpdate,\n  computePosition,\n  offset as offsetMiddleware,\n  shift as shiftMiddleware,\n  flip as flipMiddleware,\n} from '@floating-ui/dom';\n\ntype Lazy<T> = T|(() => T|null|undefined);\n\ninterface FloatingDOMControllerOptions {\n  content: Lazy<HTMLElement>;\n  invoker?: Lazy<HTMLElement>;\n  arrow?: boolean;\n  flip?: boolean;\n  shift?: boolean;\n  padding?: number;\n}\n\ninterface ShowOptions {\n  offset?: Offset;\n  placement?: Placement;\n}\n\nexport type Anchor = ''|'top'|'left'|'bottom'|'right';\nexport type Alignment = 'center'|'start'|'end';\n\n/**\n * Controls floating DOM within a web component, e.g. tooltips and popovers\n */\nexport class FloatingDOMController implements ReactiveController {\n  #open = false;\n  #opening = false;\n  #cleanup?: () => void;\n  #anchor?: Anchor;\n  #alignment?: Alignment;\n  #styles?: StyleInfo;\n  #placement?: Placement;\n  #options: Required<FloatingDOMControllerOptions>;\n\n  get #invoker() {\n    const { invoker } = this.#options;\n    return typeof invoker === 'function' ? invoker() : invoker;\n  }\n\n  get #content() {\n    const { content } = this.#options;\n    return typeof content === 'function' ? content() : content;\n  }\n\n  /** The crosswise alignment of the invoker on which to display the floating DOM */\n  get alignment() {\n    return this.#alignment ?? 'center';\n  }\n\n  /** The side of the invoker on which to display the floating DOM */\n  get anchor() {\n    return this.#anchor ?? '';\n  }\n\n  /**\n   * When true, the floating DOM is visible\n   */\n  get open() {\n    return this.#open;\n  }\n\n  /** The computed placement of the floating DOM */\n  get placement(): Placement {\n    return this.#placement ?? 'top';\n  }\n\n  /**\n   * Styles to apply to your element's container\n   *\n   * - `--_floating-content-translate`: translate to apply to floating content.\n   */\n  get styles(): StyleInfo {\n    return this.#styles ?? {};\n  }\n\n  constructor(\n    private host: ReactiveElement,\n    options: FloatingDOMControllerOptions\n  ) {\n    host.addController(this);\n    this.#options = options as Required<FloatingDOMControllerOptions>;\n    this.#options.invoker ??= host;\n    this.#options.arrow ??= false;\n    this.#options.flip ??= true;\n    this.#options.shift ??= true;\n  }\n\n  hostDisconnected() {\n    this.#cleanup?.();\n  }\n\n  async #update(placement: Placement = 'top', offset?: Offset) {\n    const { flip, padding, shift } = this.#options;\n\n    const invoker = this.#invoker;\n    const content = this.#content;\n    if (!invoker || !content) {\n      return;\n    }\n    const { x, y, placement: _placement } = await computePosition(invoker, content, {\n      strategy: 'absolute',\n      placement,\n      middleware: [\n        offsetMiddleware(offset),\n        shift && shiftMiddleware({ padding }),\n        flip && flipMiddleware({ padding }),\n      ].filter(Boolean)\n    });\n\n    this.#placement = _placement;\n    [this.#anchor, this.#alignment] = (this.#placement.split('-') ?? []) as [Anchor, Alignment];\n    this.#styles = {\n      '--_floating-content-translate': `${x}px ${y}px`,\n    };\n    this.host.requestUpdate();\n  }\n\n  /** Show the floating DOM */\n  async show({ offset, placement }: ShowOptions = {}) {\n    const invoker = this.#invoker;\n    const content = this.#content;\n    if (!invoker || !content) {\n      return;\n    }\n    if (!this.#opening) {\n      this.#opening = true;\n      const p = this.#update(placement, offset);\n      this.#cleanup ??= autoUpdate(invoker, content, () =>\n        this.#update(placement, offset));\n      await p;\n      this.#opening = false;\n    }\n    this.#open = true;\n    this.host.requestUpdate();\n  }\n\n  /** Hide the floating DOM */\n  async hide() {\n    await this.host.updateComplete;\n    while (this.#opening && !this.open) {\n      await new Promise(requestAnimationFrame);\n    }\n    this.#open = false;\n    this.#cleanup?.();\n    this.host.requestUpdate();\n    await this.host.updateComplete;\n  }\n}\n"]}

package/controllers/internals-controller.d.ts

@@ -0,0 +1,52 @@
+import type { ReactiveController, ReactiveControllerHost } from 'lit';
+export declare class InternalsController implements ReactiveController, ARIAMixin {
+    #private;
+    host: ReactiveControllerHost & HTMLElement;
+    role: ARIAMixin['role'];
+    ariaAtomic: ARIAMixin['ariaAtomic'];
+    ariaAutoComplete: ARIAMixin['ariaAutoComplete'];
+    ariaBusy: ARIAMixin['ariaBusy'];
+    ariaChecked: ARIAMixin['ariaChecked'];
+    ariaColCount: ARIAMixin['ariaColCount'];
+    ariaColIndex: ARIAMixin['ariaColIndex'];
+    ariaColIndexText: ARIAMixin['ariaColIndexText'];
+    ariaColSpan: ARIAMixin['ariaColSpan'];
+    ariaCurrent: ARIAMixin['ariaCurrent'];
+    ariaDisabled: ARIAMixin['ariaDisabled'];
+    ariaExpanded: ARIAMixin['ariaExpanded'];
+    ariaHasPopup: ARIAMixin['ariaHasPopup'];
+    ariaHidden: ARIAMixin['ariaHidden'];
+    ariaInvalid: ARIAMixin['ariaInvalid'];
+    ariaKeyShortcuts: ARIAMixin['ariaKeyShortcuts'];
+    ariaLabel: ARIAMixin['ariaLabel'];
+    ariaLevel: ARIAMixin['ariaLevel'];
+    ariaLive: ARIAMixin['ariaLive'];
+    ariaModal: ARIAMixin['ariaModal'];
+    ariaMultiLine: ARIAMixin['ariaMultiLine'];
+    ariaMultiSelectable: ARIAMixin['ariaMultiSelectable'];
+    ariaOrientation: ARIAMixin['ariaOrientation'];
+    ariaPlaceholder: ARIAMixin['ariaPlaceholder'];
+    ariaPosInSet: ARIAMixin['ariaPosInSet'];
+    ariaPressed: ARIAMixin['ariaPressed'];
+    ariaReadOnly: ARIAMixin['ariaReadOnly'];
+    ariaRequired: ARIAMixin['ariaRequired'];
+    ariaRoleDescription: ARIAMixin['ariaRoleDescription'];
+    ariaRowCount: ARIAMixin['ariaRowCount'];
+    ariaRowIndex: ARIAMixin['ariaRowIndex'];
+    ariaRowIndexText: ARIAMixin['ariaRowIndexText'];
+    ariaRowSpan: ARIAMixin['ariaRowSpan'];
+    ariaSelected: ARIAMixin['ariaSelected'];
+    ariaSetSize: ARIAMixin['ariaSetSize'];
+    ariaSort: ARIAMixin['ariaSort'];
+    ariaValueMax: ARIAMixin['ariaValueMax'];
+    ariaValueMin: ARIAMixin['ariaValueMin'];
+    ariaValueNow: ARIAMixin['ariaValueNow'];
+    ariaValueText: ARIAMixin['ariaValueText'];
+    /** True when the control is disabled via it's containing fieldset element */
+    get formDisabled(): boolean;
+    static protos: WeakMap<object, any>;
+    constructor(host: ReactiveControllerHost & HTMLElement, options?: Partial<ARIAMixin>);
+    hostConnected?(): void;
+    submit(): void;
+    reset(): void;
+}

package/controllers/internals-controller.js

@@ -0,0 +1,52 @@
+var _InternalsController_internals, _InternalsController_formDisabled;
+import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
+function isARIAMixinProp(key) {
+    return key === 'role' || key.startsWith('aria');
+}
+export class InternalsController {
+    /** True when the control is disabled via it's containing fieldset element */
+    get formDisabled() {
+        return this.host.matches(':disabled') || __classPrivateFieldGet(this, _InternalsController_formDisabled, "f");
+    }
+    constructor(host, options) {
+        this.host = host;
+        _InternalsController_internals.set(this, void 0);
+        _InternalsController_formDisabled.set(this, false);
+        __classPrivateFieldSet(this, _InternalsController_internals, host.attachInternals(), "f");
+        // We need to polyfill :disabled
+        // see https://github.com/calebdwilliams/element-internals-polyfill/issues/88
+        const orig = host.formDisabledCallback;
+        host.formDisabledCallback = disabled => {
+            __classPrivateFieldSet(this, _InternalsController_formDisabled, disabled, "f");
+            orig?.call(host, disabled);
+        };
+        // proxy the internals object's aria prototype
+        for (const key of Object.keys(Object.getPrototypeOf(__classPrivateFieldGet(this, _InternalsController_internals, "f")))) {
+            if (isARIAMixinProp(key)) {
+                Object.defineProperty(this, key, {
+                    get() {
+                        return __classPrivateFieldGet(this, _InternalsController_internals, "f")[key];
+                    },
+                    set(value) {
+                        __classPrivateFieldGet(this, _InternalsController_internals, "f")[key] = value;
+                        this.host.requestUpdate();
+                    }
+                });
+            }
+        }
+        for (const [key, val] of Object.entries(options ?? {})) {
+            if (isARIAMixinProp(key)) {
+                this[key] = val;
+            }
+        }
+    }
+    submit() {
+        __classPrivateFieldGet(this, _InternalsController_internals, "f").form?.requestSubmit();
+    }
+    reset() {
+        __classPrivateFieldGet(this, _InternalsController_internals, "f").form?.reset();
+    }
+}
+_InternalsController_internals = new WeakMap(), _InternalsController_formDisabled = new WeakMap();
+InternalsController.protos = new WeakMap();
+//# sourceMappingURL=internals-controller.js.map

package/controllers/internals-controller.js.map

@@ -0,0 +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,MAAM,OAAO,mBAAmB;IA8C9B,6EAA6E;IAC7E,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,uBAAA,IAAI,yCAAc,CAAC;IAC9D,CAAC;IAID,YACS,IAA0C,EACjD,OAA4B;QADrB,SAAI,GAAJ,IAAI,CAAsC;QAZnD,iDAA6B;QAE7B,4CAAgB,KAAK,EAAC;QAapB,uBAAA,IAAI,kCAAc,IAAI,CAAC,eAAe,EAAE,MAAA,CAAC;QACzC,gCAAgC;QAChC,6EAA6E;QAC7E,MAAM,IAAI,GAAI,IAAyE,CAAC,oBAAoB,CAAC;QAC5G,IAAyE,CAAC,oBAAoB,GAAG,QAAQ,CAAC,EAAE;YAC3G,uBAAA,IAAI,qCAAiB,QAAQ,MAAA,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,uBAAA,IAAI,sCAAW,CAAC,CAAC,EAAE;YACrE,IAAI,eAAe,CAAC,GAAG,CAAC,EAAE;gBACxB,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,GAAG,EAAE;oBAC/B,GAAG;wBACD,OAAO,uBAAA,IAAI,sCAAW,CAAC,GAAG,CAAC,CAAC;oBAC9B,CAAC;oBACD,GAAG,CAAC,KAAK;wBACP,uBAAA,IAAI,sCAAW,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,MAAM;QACJ,uBAAA,IAAI,sCAAW,CAAC,IAAI,EAAE,aAAa,EAAE,CAAC;IACxC,CAAC;IAED,KAAK;QACH,uBAAA,IAAI,sCAAW,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;IAChC,CAAC;;;AA5CM,0BAAM,GAAG,IAAI,OAAO,EAAE,CAAC","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: ARIAMixin['ariaColIndexText'];\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: ARIAMixin['ariaRowIndexText'];\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  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  submit() {\n    this.#internals.form?.requestSubmit();\n  }\n\n  reset() {\n    this.#internals.form?.reset();\n  }\n}\n"]}

package/controllers/light-dom-controller.js

@@ -1,2 +1,38 @@
-import{Logger as o}from"./logger.js";var i=class{constructor(t,e,s){this.host=t;this.options=s;this.initializer=e.bind(t),this.mo=new MutationObserver(this.initializer),this.logger=new o(this.host),t.addController(this)}hostConnected(){this.hasLightDOM()?this.initializer():this.options?.emptyWarning&&this.logger.warn(this.options?.emptyWarning),this.initObserver()}hostDisconnected(){this.mo.disconnect()}initObserver(){(this.options?.observe??!0)&&this.mo.observe(this.host,typeof this.options?.observe!="object"?{childList:!0}:this.options?.observe)}hasLightDOM(){return this.host.children.length>0||(this.host.textContent??"").trim().length>0}};export{i as LightDOMController};
-//# sourceMappingURL=light-dom-controller.js.map
+import { Logger } from './logger.js';
+export class LightDOMController {
+    constructor(host, initializer, options) {
+        this.host = host;
+        this.options = options;
+        this.initializer = initializer.bind(host);
+        this.mo = new MutationObserver(this.initializer);
+        this.logger = new Logger(this.host);
+        host.addController(this);
+    }
+    hostConnected() {
+        if (this.hasLightDOM()) {
+            this.initializer();
+        }
+        else if (this.options?.emptyWarning) {
+            this.logger.warn(this.options?.emptyWarning);
+        }
+        this.initObserver();
+    }
+    hostDisconnected() {
+        this.mo.disconnect();
+    }
+    initObserver() {
+        if (this.options?.observe ?? true) {
+            // Use the provided options, or their defaults
+            this.mo.observe(this.host, typeof this.options?.observe !== 'object' ? { childList: true }
+                : this.options?.observe);
+        }
+    }
+    /**
+     * 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);
+    }
+}
+//# sourceMappingURL=light-dom-controller.js.map