@patternfly/pfe-core 2.0.0-next.12 → 2.0.0-next.14

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

@@ -1,30 +1,49 @@
+import type { Placement } from '@floating-ui/dom';
 import type { ReactiveController, ReactiveElement } from 'lit';
-type Direction = 'top' | 'bottom' | 'left' | 'right';
-type Alignment = 'start' | 'end';
-/**
- * Represents the placement of floating DOM
- */
-export 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;
-    get initialized(): boolean;
-    set initialized(v: boolean);
+    /** 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,2 @@
-var f=(t,e,i)=>{if(!e.has(t))throw TypeError("Cannot "+i)};var o=(t,e,i)=>(f(t,e,"read from private field"),i?i.call(t):e.get(t)),l=(t,e,i)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,i)},a=(t,e,i,p)=>(f(t,e,"write to private field"),p?p.call(t,i):e.set(t,i),i);import{applyStyles as c,arrow as h,computeStyles as u,eventListeners as v,flip as y,hide as b,offset as g,popperGenerator as z,popperOffsets as E,preventOverflow as P}from"@popperjs/core";var R=z({defaultModifiers:[v,E,u,c,g,y,P,h,b]}),n,r,s,m=class{constructor(e){this.host=e;l(this,n,!1);l(this,r,void 0);l(this,s,!1);e.addController(this)}get initialized(){return o(this,s)}set initialized(e){a(this,s,e),this.host.requestUpdate()}get open(){return o(this,n)}set open(e){a(this,n,e),e&&o(this,r)?.update(),this.host.requestUpdate()}show(){this.open=!0}hide(){this.open=!1}create(e,i,p,d){e&&i&&(o(this,r)??a(this,r,R(e,i,{placement:p,modifiers:[{name:"offset",options:{offset:d}},{name:"flip",options:{fallbackPlacements:["top","right","left","bottom"]}}]})),this.initialized||(this.initialized=!0))}};n=new WeakMap,r=new WeakMap,s=new WeakMap;export{m as FloatingDOMController};
+var C=(n,t,i)=>{if(!t.has(n))throw TypeError("Cannot "+i)};var e=(n,t,i)=>(C(n,t,"read from private field"),i?i.call(n):t.get(n)),s=(n,t,i)=>{if(t.has(n))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(n):t.set(n,i)},l=(n,t,i,o)=>(C(n,t,"write to private field"),o?o.call(n,i):t.set(n,i),i),M=(n,t,i,o)=>({set _(a){l(n,t,a,i)},get _(){return e(n,t,o)}}),P=(n,t,i)=>(C(n,t,"access private method"),i);import{autoUpdate as T,computePosition as D,offset as E,shift as F,flip as U}from"@floating-ui/dom";var c,p,f,d,g,y,m,r,w,x,v,A,O,b,q=class{constructor(t,i){this.host=t;s(this,w);s(this,v);s(this,O);s(this,c,!1);s(this,p,!1);s(this,f,void 0);s(this,d,void 0);s(this,g,void 0);s(this,y,void 0);s(this,m,void 0);s(this,r,void 0);var o,a,h,u;t.addController(this),l(this,r,i),(o=e(this,r)).invoker??(o.invoker=t),(a=e(this,r)).arrow??(a.arrow=!1),(h=e(this,r)).flip??(h.flip=!0),(u=e(this,r)).shift??(u.shift=!0)}get alignment(){return e(this,g)??"center"}get anchor(){return e(this,d)??""}get open(){return e(this,c)}get placement(){return e(this,m)??"top"}get styles(){return e(this,y)??{}}hostDisconnected(){var t;(t=e(this,f))==null||t.call(this)}async show({offset:t,placement:i}={}){let o=e(this,w,x),a=e(this,v,A);if(!(!o||!a)){if(!e(this,p)){l(this,p,!0);let h=P(this,O,b).call(this,i,t);e(this,f)??l(this,f,T(o,a,()=>P(this,O,b).call(this,i,t))),await h,l(this,p,!1)}l(this,c,!0),this.host.requestUpdate()}}async hide(){var t;for(await this.host.updateComplete;e(this,p)&&!this.open;)await new Promise(requestAnimationFrame);l(this,c,!1),(t=e(this,f))==null||t.call(this),this.host.requestUpdate(),await this.host.updateComplete}};c=new WeakMap,p=new WeakMap,f=new WeakMap,d=new WeakMap,g=new WeakMap,y=new WeakMap,m=new WeakMap,r=new WeakMap,w=new WeakSet,x=function(){let{invoker:t}=e(this,r);return typeof t=="function"?t():t},v=new WeakSet,A=function(){let{content:t}=e(this,r);return typeof t=="function"?t():t},O=new WeakSet,b=async function(t="top",i){let{flip:o,padding:a,shift:h}=e(this,r),u=e(this,w,x),k=e(this,v,A);if(!u||!k)return;let{x:R,y:L,placement:S}=await D(u,k,{strategy:"absolute",placement:t,middleware:[E(i),h&&F({padding:a}),o&&U({padding:a})].filter(Boolean)});l(this,m,S),[M(this,d)._,M(this,g)._]=e(this,m).split("-")??[],l(this,y,{"--_floating-content-translate":`${R}px ${L}px`}),this.host.requestUpdate()};export{q as FloatingDOMController};
 //# sourceMappingURL=floating-dom-controller.js.map

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

@@ -1,7 +1,7 @@
 {
   "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  #popper: Instance | undefined;\n\n  #initialized = false;\n\n  get initialized() {\n    return this.#initialized;\n  }\n\n  set initialized(v: boolean) {\n    this.#initialized = v; this.host.requestUpdate();\n  }\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  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    if (invoker && content) {\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      this.initialized ||= true;\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,EAAAC,EAgDaC,EAAN,KAA0D,CA8B/D,YAAoBC,EAAuB,CAAvB,UAAAA,EA7BpBC,EAAA,KAAAL,EAAQ,IAERK,EAAA,KAAAJ,EAAA,QAEAI,EAAA,KAAAH,EAAe,IA0BbE,EAAK,cAAc,IAAI,CACzB,CAzBA,IAAI,aAAc,CAChB,OAAOE,EAAA,KAAKJ,EACd,CAEA,IAAI,YAAYK,EAAY,CAC1BC,EAAA,KAAKN,EAAeK,GAAG,KAAK,KAAK,cAAc,CACjD,CAKA,IAAI,MAAO,CACT,OAAOD,EAAA,KAAKN,EACd,CAEA,IAAI,KAAKS,EAAgB,CACvBD,EAAA,KAAKR,EAAQS,GACTA,GACFH,EAAA,KAAKL,IAAS,OAAO,EAEvB,KAAK,KAAK,cAAc,CAC1B,CASA,MAAa,CACX,KAAK,KAAO,EACd,CAGA,MAAa,CACX,KAAK,KAAO,EACd,CAGA,OAAOS,EAAkBC,EAAsBC,EAAsBjB,EAAyB,CACxFe,GAAWC,IACbL,EAAA,KAAKL,IAALO,EAAA,KAAKP,EAAYZ,EAAaqB,EAASC,EAAS,CAC9C,UAAAC,EACA,UAAW,CACT,CACE,KAAM,SACN,QAAS,CACP,OAAAjB,CACF,CACF,EACA,CACE,KAAM,OACN,QAAS,CACP,mBAAoB,CAAC,MAAO,QAAS,OAAQ,QAAQ,CACvD,CACF,CACF,CACF,CAAC,GACD,KAAK,cAAL,KAAK,YAAgB,IAEzB,CACF,EApEEK,EAAA,YAEAC,EAAA,YAEAC,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", "_initialized", "FloatingDOMController", "host", "__privateAdd", "__privateGet", "v", "__privateSet", "value", "invoker", "content", "placement"]
+  "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"],
+  "mappings": "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",
+  "names": ["autoUpdate", "computePosition", "offsetMiddleware", "shiftMiddleware", "flipMiddleware", "_open", "_opening", "_cleanup", "_anchor", "_alignment", "_styles", "_placement", "_options", "_invoker", "invoker_get", "_content", "content_get", "_update", "update_fn", "FloatingDOMController", "host", "options", "__privateAdd", "_a", "_b", "_c", "_d", "__privateSet", "__privateGet", "offset", "placement", "invoker", "content", "p", "__privateMethod", "autoUpdate", "flip", "padding", "shift", "x", "y", "computePosition", "offsetMiddleware", "shiftMiddleware", "flipMiddleware", "__privateWrapper"]
 }

package/controllers/internals-controller.d.ts

@@ -1,8 +1,51 @@
 import type { ReactiveController, ReactiveControllerHost } from 'lit';
-export declare class InternalsController implements ReactiveController {
+export declare class InternalsController implements ReactiveController, ARIAMixin {
     #private;
     host: ReactiveControllerHost & HTMLElement;
-    constructor(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

@@ -1,2 +1,2 @@
-var l=(t,e,o)=>{if(!e.has(t))throw TypeError("Cannot "+o)};var s=(t,e,o)=>(l(t,e,"read from private field"),o?o.call(t):e.get(t)),n=(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)},c=(t,e,o,i)=>(l(t,e,"write to private field"),i?i.call(t,o):e.set(t,o),o);var r,m=class{constructor(e){this.host=e;n(this,r,void 0);c(this,r,e.attachInternals())}submit(){s(this,r).form?.requestSubmit(this.host)}reset(){s(this,r).form?.reset()}};r=new WeakMap;export{m as InternalsController};
+var o=(a,i,e)=>{if(!i.has(a))throw TypeError("Cannot "+e)};var l=(a,i,e)=>(o(a,i,"read from private field"),e?e.call(a):i.get(a)),d=(a,i,e)=>{if(i.has(a))throw TypeError("Cannot add the same private member more than once");i instanceof WeakSet?i.add(a):i.set(a,e)},c=(a,i,e,r)=>(o(a,i,"write to private field"),r?r.call(a,e):i.set(a,e),e);function x(a){return a==="role"||a.startsWith("aria")}var t,A=class{constructor(i,e){this.host=i;d(this,t,void 0);c(this,t,i.attachInternals());for(let r of Object.keys(Object.getPrototypeOf(l(this,t))))x(r)&&Object.defineProperty(this,r,{get(){return l(this,t)[r]},set(n){l(this,t)[r]=n,this.host.requestUpdate()}});for(let[r,n]of Object.entries(e??{}))x(r)&&(this[r]=n)}get formDisabled(){return this.host.matches(":disabled")}submit(){l(this,t).form?.requestSubmit()}reset(){l(this,t).form?.reset()}};t=new WeakMap,A.protos=new WeakMap;export{A as InternalsController};
 //# sourceMappingURL=internals-controller.js.map

package/controllers/internals-controller.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["internals-controller.ts"],
-  "sourcesContent": ["import type { ReactiveController, ReactiveControllerHost } from 'lit';\n\nexport class InternalsController implements ReactiveController {\n  #internals: ElementInternals;\n\n  constructor(\n    public host: ReactiveControllerHost & HTMLElement,\n  ) {\n    this.#internals = host.attachInternals();\n  }\n\n  hostConnected?(): void\n\n  submit() {\n    this.#internals.form?.requestSubmit(this.host);\n  }\n\n  reset() {\n    this.#internals.form?.reset();\n  }\n}\n"],
-  "mappings": "mVAAA,IAAAA,EAEaC,EAAN,KAAwD,CAG7D,YACSC,EACP,CADO,UAAAA,EAHTC,EAAA,KAAAH,EAAA,QAKEI,EAAA,KAAKJ,EAAaE,EAAK,gBAAgB,EACzC,CAIA,QAAS,CACPG,EAAA,KAAKL,GAAW,MAAM,cAAc,KAAK,IAAI,CAC/C,CAEA,OAAQ,CACNK,EAAA,KAAKL,GAAW,MAAM,MAAM,CAC9B,CACF,EAjBEA,EAAA",
-  "names": ["_internals", "InternalsController", "host", "__privateAdd", "__privateSet", "__privateGet"]
+  "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  /** True when the control is disabled via it's containing fieldset element */\n  get formDisabled() {\n    return this.host.matches(':disabled');\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    // 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"],
+  "mappings": "mVAEA,SAASA,EAAgBC,EAAqC,CAC5D,OAAOA,IAAQ,QAAUA,EAAI,WAAW,MAAM,CAChD,CAJA,IAAAC,EAMaC,EAAN,KAAmE,CAmDxE,YACSC,EACPC,EACA,CAFO,UAAAD,EAVTE,EAAA,KAAAJ,EAAA,QAaEK,EAAA,KAAKL,EAAaE,EAAK,gBAAgB,GAEvC,QAAWH,KAAO,OAAO,KAAK,OAAO,eAAeO,EAAA,KAAKN,EAAU,CAAC,EAC9DF,EAAgBC,CAAG,GACrB,OAAO,eAAe,KAAMA,EAAK,CAC/B,KAAM,CACJ,OAAOO,EAAA,KAAKN,GAAWD,EACzB,EACA,IAAIQ,EAAO,CACTD,EAAA,KAAKN,GAAWD,GAAOQ,EACvB,KAAK,KAAK,cAAc,CAC1B,CACF,CAAC,EAIL,OAAW,CAACR,EAAKS,CAAG,IAAK,OAAO,QAAQL,GAAW,CAAC,CAAC,EAC/CL,EAAgBC,CAAG,IACrB,KAAKA,GAAOS,EAGlB,CA/BA,IAAI,cAAe,CACjB,OAAO,KAAK,KAAK,QAAQ,WAAW,CACtC,CAiCA,QAAS,CACPF,EAAA,KAAKN,GAAW,MAAM,cAAc,CACtC,CAEA,OAAQ,CACNM,EAAA,KAAKN,GAAW,MAAM,MAAM,CAC9B,CACF,EA7CEA,EAAA,YA1CWC,EAiDJ,OAAS,IAAI",
+  "names": ["isARIAMixinProp", "key", "_internals", "InternalsController", "host", "options", "__privateAdd", "__privateSet", "__privateGet", "value", "val"]
 }

package/controllers/logger.js.map

@@ -1,7 +1 @@
-{
-  "version": 3,
-  "sources": ["logger.ts"],
-  "sourcesContent": ["import type { ReactiveController, ReactiveElement } from 'lit';\n\nexport class Logger implements ReactiveController {\n  private static logDebug: boolean;\n\n  private static instances: WeakMap<HTMLElement, Logger> = new WeakMap();\n\n  private get prefix() {\n    return `[${this.host.localName}${this.host.id ? `#${this.host.id}` : ''}]`;\n  }\n\n  /**\n   * A boolean value that indicates if the logging should be printed to the console; used for debugging.\n   * For use in a JS file or script tag; can also be added in the constructor of a component during development.\n   * @example Logger.debugLog(true);\n   * @tags debug\n   */\n  static debugLog(preference = null) {\n    // wrap localStorage references in a try/catch; merely referencing it can\n    // throw errors in some locked down environments\n    try {\n      if (preference !== null) {\n        Logger.logDebug = !!preference;\n        localStorage.pfeLog = !!preference;\n      }\n      return localStorage.pfeLog === 'true';\n    } catch (e) {\n      return Logger.logDebug;\n    }\n  }\n\n  /**\n   * A logging wrapper which checks the debugLog boolean and prints to the console if true.\n   *\n   * @example Logger.log(\"Hello\");\n   */\n  static log(...msgs: unknown[]) {\n    if (Logger.debugLog()) {\n      // eslint-disable-next-line no-console\n      console.log(...msgs);\n    }\n  }\n\n  /**\n   * A console warning wrapper which formats your output with useful debugging information.\n   *\n   * @example Logger.warn(\"Hello\");\n   */\n  static warn(...msgs: unknown[]) {\n    console.warn(...msgs); // eslint-disable-line no-console\n  }\n\n  /**\n   * A console error wrapper which formats your output with useful debugging information.\n   * For use inside a component's function.\n   * @example Logger.error(\"Hello\");\n   */\n  static error(...msgs: unknown[]) {\n    console.error([...msgs].join(' ')); // eslint-disable-line no-console\n  }\n\n  /**\n   * Local logging that outputs the tag name as a prefix automatically\n   *\n   * @example this.logger.log(\"Hello\");\n   */\n  log(...msgs: unknown[]) {\n    Logger.log(this.prefix, ...msgs);\n  }\n\n  /**\n   * Local warning wrapper that outputs the tag name as a prefix automatically.\n   * For use inside a component's function.\n   * @example this.logger.warn(\"Hello\");\n   */\n  warn(...msgs: unknown[]) {\n    Logger.warn(this.prefix, ...msgs);\n  }\n\n  /**\n   * Local error wrapper that outputs the tag name as a prefix automatically.\n   * For use inside a component's function.\n   * @example this.logger.error(\"Hello\");\n   */\n  error(...msgs: unknown[]) {\n    Logger.error(this.prefix, ...msgs);\n  }\n\n  constructor(private host: ReactiveElement) {\n    // We only need one logger instance per host\n    if (Logger.instances.get(host)) {\n      return Logger.instances.get(host) as Logger;\n    }\n    host.addController(this);\n    Logger.instances.set(host, this);\n  }\n\n  hostConnected() {\n    this.log('connected');\n  }\n}\n"],
-  "mappings": "AAEO,IAAMA,EAAN,KAA2C,CAsFhD,YAAoBC,EAAuB,CAAvB,UAAAA,EAElB,GAAID,EAAO,UAAU,IAAIC,CAAI,EAC3B,OAAOD,EAAO,UAAU,IAAIC,CAAI,EAElCA,EAAK,cAAc,IAAI,EACvBD,EAAO,UAAU,IAAIC,EAAM,IAAI,CACjC,CAxFA,IAAY,QAAS,CACnB,MAAO,IAAI,KAAK,KAAK,YAAY,KAAK,KAAK,GAAK,IAAI,KAAK,KAAK,KAAO,KACvE,CAQA,OAAO,SAASC,EAAa,KAAM,CAGjC,GAAI,CACF,OAAIA,IAAe,OACjBF,EAAO,SAAW,CAAC,CAACE,EACpB,aAAa,OAAS,CAAC,CAACA,GAEnB,aAAa,SAAW,MACjC,MAAE,CACA,OAAOF,EAAO,QAChB,CACF,CAOA,OAAO,OAAOG,EAAiB,CACzBH,EAAO,SAAS,GAElB,QAAQ,IAAI,GAAGG,CAAI,CAEvB,CAOA,OAAO,QAAQA,EAAiB,CAC9B,QAAQ,KAAK,GAAGA,CAAI,CACtB,CAOA,OAAO,SAASA,EAAiB,CAC/B,QAAQ,MAAM,CAAC,GAAGA,CAAI,EAAE,KAAK,GAAG,CAAC,CACnC,CAOA,OAAOA,EAAiB,CACtBH,EAAO,IAAI,KAAK,OAAQ,GAAGG,CAAI,CACjC,CAOA,QAAQA,EAAiB,CACvBH,EAAO,KAAK,KAAK,OAAQ,GAAGG,CAAI,CAClC,CAOA,SAASA,EAAiB,CACxBH,EAAO,MAAM,KAAK,OAAQ,GAAGG,CAAI,CACnC,CAWA,eAAgB,CACd,KAAK,IAAI,WAAW,CACtB,CACF,EAlGaC,EAANJ,EAAMI,EAGI,UAA0C,IAAI",
-  "names": ["_Logger", "host", "preference", "msgs", "Logger"]
-}
+{"version":3,"file":"logger.js","sourceRoot":"","sources":["logger.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,MAAM;aAGF,cAAS,GAAiC,IAAI,OAAO,EAAE,CAAC;IAEvE,IAAY,MAAM;QAChB,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC;IAC7E,CAAC;IAED;;;;;OAKG;IACH,MAAM,CAAC,QAAQ,CAAC,UAAU,GAAG,IAAI;QAC/B,yEAAyE;QACzE,gDAAgD;QAChD,IAAI;YACF,IAAI,UAAU,KAAK,IAAI,EAAE;gBACvB,MAAM,CAAC,QAAQ,GAAG,CAAC,CAAC,UAAU,CAAC;gBAC/B,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,UAAU,CAAC;aACpC;YACD,OAAO,YAAY,CAAC,MAAM,KAAK,MAAM,CAAC;SACvC;QAAC,OAAO,CAAC,EAAE;YACV,OAAO,MAAM,CAAC,QAAQ,CAAC;SACxB;IACH,CAAC;IAED;;;;OAIG;IACH,MAAM,CAAC,GAAG,CAAC,GAAG,IAAe;QAC3B,IAAI,MAAM,CAAC,QAAQ,EAAE,EAAE;YACrB,sCAAsC;YACtC,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC;SACtB;IACH,CAAC;IAED;;;;OAIG;IACH,MAAM,CAAC,IAAI,CAAC,GAAG,IAAe;QAC5B,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,iCAAiC;IAC1D,CAAC;IAED;;;;OAIG;IACH,MAAM,CAAC,KAAK,CAAC,GAAG,IAAe;QAC7B,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,iCAAiC;IACvE,CAAC;IAED;;;;OAIG;IACH,GAAG,CAAC,GAAG,IAAe;QACpB,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC;IACnC,CAAC;IAED;;;;OAIG;IACH,IAAI,CAAC,GAAG,IAAe;QACrB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC;IACpC,CAAC;IAED;;;;OAIG;IACH,KAAK,CAAC,GAAG,IAAe;QACtB,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC;IACrC,CAAC;IAED,YAAoB,IAAqB;QAArB,SAAI,GAAJ,IAAI,CAAiB;QACvC,4CAA4C;QAC5C,IAAI,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;YAC9B,OAAO,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAW,CAAC;SAC7C;QACD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QACzB,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACnC,CAAC;IAED,aAAa;QACX,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IACxB,CAAC","sourcesContent":["import type { ReactiveController, ReactiveElement } from 'lit';\n\nexport class Logger implements ReactiveController {\n  private static logDebug: boolean;\n\n  private static instances: WeakMap<HTMLElement, Logger> = new WeakMap();\n\n  private get prefix() {\n    return `[${this.host.localName}${this.host.id ? `#${this.host.id}` : ''}]`;\n  }\n\n  /**\n   * A boolean value that indicates if the logging should be printed to the console; used for debugging.\n   * For use in a JS file or script tag; can also be added in the constructor of a component during development.\n   * @example Logger.debugLog(true);\n   * @tags debug\n   */\n  static debugLog(preference = null) {\n    // wrap localStorage references in a try/catch; merely referencing it can\n    // throw errors in some locked down environments\n    try {\n      if (preference !== null) {\n        Logger.logDebug = !!preference;\n        localStorage.pfeLog = !!preference;\n      }\n      return localStorage.pfeLog === 'true';\n    } catch (e) {\n      return Logger.logDebug;\n    }\n  }\n\n  /**\n   * A logging wrapper which checks the debugLog boolean and prints to the console if true.\n   *\n   * @example Logger.log(\"Hello\");\n   */\n  static log(...msgs: unknown[]) {\n    if (Logger.debugLog()) {\n      // eslint-disable-next-line no-console\n      console.log(...msgs);\n    }\n  }\n\n  /**\n   * A console warning wrapper which formats your output with useful debugging information.\n   *\n   * @example Logger.warn(\"Hello\");\n   */\n  static warn(...msgs: unknown[]) {\n    console.warn(...msgs); // eslint-disable-line no-console\n  }\n\n  /**\n   * A console error wrapper which formats your output with useful debugging information.\n   * For use inside a component's function.\n   * @example Logger.error(\"Hello\");\n   */\n  static error(...msgs: unknown[]) {\n    console.error([...msgs].join(' ')); // eslint-disable-line no-console\n  }\n\n  /**\n   * Local logging that outputs the tag name as a prefix automatically\n   *\n   * @example this.logger.log(\"Hello\");\n   */\n  log(...msgs: unknown[]) {\n    Logger.log(this.prefix, ...msgs);\n  }\n\n  /**\n   * Local warning wrapper that outputs the tag name as a prefix automatically.\n   * For use inside a component's function.\n   * @example this.logger.warn(\"Hello\");\n   */\n  warn(...msgs: unknown[]) {\n    Logger.warn(this.prefix, ...msgs);\n  }\n\n  /**\n   * Local error wrapper that outputs the tag name as a prefix automatically.\n   * For use inside a component's function.\n   * @example this.logger.error(\"Hello\");\n   */\n  error(...msgs: unknown[]) {\n    Logger.error(this.prefix, ...msgs);\n  }\n\n  constructor(private host: ReactiveElement) {\n    // We only need one logger instance per host\n    if (Logger.instances.get(host)) {\n      return Logger.instances.get(host) as Logger;\n    }\n    host.addController(this);\n    Logger.instances.set(host, this);\n  }\n\n  hostConnected() {\n    this.log('connected');\n  }\n}\n"]}

package/controllers/roving-tabindex-controller.d.ts

@@ -0,0 +1,44 @@
+import type { ReactiveController, ReactiveControllerHost } from 'lit';
+/**
+ * Implements roving tabindex, as described in WAI-ARIA practices, [Managing Focus Within
+ * Components Using a Roving
+ * tabindex](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex)
+ */
+export declare class RovingTabindexController implements ReactiveController {
+    #private;
+    host: ReactiveControllerHost & HTMLElement;
+    /**
+     * active item of array of items
+     */
+    get activeItem(): HTMLElement | undefined;
+    /**
+     * first item in array of focusable items
+     */
+    get firstItem(): HTMLElement | undefined;
+    /**
+     * last item in array of focusable items
+     */
+    get lastItem(): HTMLElement | undefined;
+    /**
+     * next item  after active item in array of focusable items
+     */
+    get nextItem(): HTMLElement | undefined;
+    /**
+     * previous item  after active item in array of focusable items
+     */
+    get prevItem(): HTMLElement | undefined;
+    constructor(host: ReactiveControllerHost & HTMLElement);
+    /**
+     * focuses on an item and sets it as active
+     */
+    focusOnItem(item?: HTMLElement): void;
+    /**
+     * Focuses next focusable item
+     */
+    updateItems(items: HTMLElement[]): void;
+    /**
+     * from array of HTML items, and sets active items
+     */
+    initItems(items: HTMLElement[]): void;
+    hostConnected(): void;
+}

package/controllers/roving-tabindex-controller.js

@@ -0,0 +1,2 @@
+var E=(s,t,i)=>{if(!t.has(s))throw TypeError("Cannot "+i)};var e=(s,t,i)=>(E(s,t,"read from private field"),i?i.call(s):t.get(s)),m=(s,t,i)=>{if(t.has(s))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(s):t.set(s,i)},I=(s,t,i,n)=>(E(s,t,"write to private field"),n?n.call(s,i):t.set(s,i),i);var H=(s,t,i)=>(E(s,t,"access private method"),i);var M=s=>!!s&&!s.hasAttribute("disabled")&&!s.ariaHidden&&!s.hasAttribute("hidden"),a,c,r,h,u,l,f,p,d,L,b,g,v=class{constructor(t){this.host=t;m(this,r);m(this,u);m(this,f);m(this,d);m(this,b);m(this,a,void 0);m(this,c,[]);this.host.addController(this)}get activeItem(){return e(this,a)}get firstItem(){return e(this,r,h)[0]}get lastItem(){return e(this,r,h).at(-1)}get nextItem(){return e(this,u,l)<e(this,r,h).length-1?e(this,r,h)[e(this,u,l)+1]:this.firstItem}get prevItem(){return e(this,u,l)>0?e(this,r,h)[e(this,u,l)-1]:this.lastItem}focusOnItem(t){H(this,b,g).call(this,t||this.firstItem),e(this,a)?.focus()}updateItems(t){let n=[...t.slice(e(this,f,p)),...t.slice(0,e(this,f,p))].find(o=>e(this,r,h).includes(o));this.focusOnItem(n||this.firstItem)}initItems(t){I(this,c,t??[]);let i=e(this,r,h),[n]=i;I(this,a,n);for(let o of i)o.tabIndex=e(this,a)===o?0:-1}hostConnected(){this.host.addEventListener("keydown",H(this,d,L).bind(this))}};a=new WeakMap,c=new WeakMap,r=new WeakSet,h=function(){return e(this,c).filter(M)},u=new WeakSet,l=function(){return!!e(this,r,h)&&!!this.activeItem?e(this,r,h).indexOf(this.activeItem):-1},f=new WeakSet,p=function(){return this.activeItem?e(this,c).indexOf(this.activeItem):-1},d=new WeakSet,L=function(t){if(t.ctrlKey||t.altKey||t.metaKey||e(this,r,h).length<1)return;let i=this.activeItem,n=!1,o=i?i.tagName==="SELECT"||i.getAttribute("aria-expanded")==="true"||i.getAttribute("role")==="spinbutton":!1;switch(t.key){case"ArrowLeft":this.focusOnItem(this.prevItem),n=!0;break;case"ArrowRight":this.focusOnItem(this.nextItem),n=!0;break;case"ArrowDown":if(o)return;this.focusOnItem(this.prevItem),n=!0;break;case"ArrowUp":if(o)return;this.focusOnItem(this.nextItem),n=!0;break;case"Home":this.focusOnItem(this.firstItem),n=!0;break;case"PageUp":if(o)return;this.focusOnItem(this.firstItem),n=!0;break;case"End":this.focusOnItem(this.lastItem),n=!0;break;case"PageDown":if(o)return;this.focusOnItem(this.lastItem),n=!0;break;default:break}n&&(t.stopPropagation(),t.preventDefault())},b=new WeakSet,g=function(t){t&&(!!e(this,a)&&t!==e(this,a)&&(e(this,a).tabIndex=-1),t.tabIndex=0,I(this,a,t))};export{v as RovingTabindexController};
+//# sourceMappingURL=roving-tabindex-controller.js.map

package/controllers/roving-tabindex-controller.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["roving-tabindex-controller.ts"],
+  "sourcesContent": ["import type { ReactiveController, ReactiveControllerHost } from 'lit';\n\nconst isFocusableElement = (el: Element): el is HTMLElement =>\n  !!el &&\n  !el.hasAttribute('disabled') &&\n  !el.ariaHidden &&\n  !el.hasAttribute('hidden');\n\n/**\n * Implements roving tabindex, as described in WAI-ARIA practices, [Managing Focus Within\n * Components Using a Roving\n * tabindex](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex)\n */\nexport class RovingTabindexController implements ReactiveController {\n  /** active focusable element */\n  #activeItem?: HTMLElement;\n\n  /** array of all focusable elements */\n  #items: HTMLElement[] = [];\n\n  /**\n   * finds focusable items from a group of items\n   */\n  get #focusableItems(): HTMLElement[] {\n    return this.#items.filter(isFocusableElement);\n  }\n\n  /**\n   * index of active item in array of focusable items\n   */\n  get #activeIndex(): number {\n    return !!this.#focusableItems && !!this.activeItem ? this.#focusableItems.indexOf(this.activeItem) : -1;\n  }\n\n  /**\n   * index of active item in array of items\n   */\n  get #itemIndex(): number {\n    return this.activeItem ? this.#items.indexOf(this.activeItem) : -1;\n  }\n\n  /**\n   * active item of array of items\n   */\n  get activeItem(): HTMLElement | undefined {\n    return this.#activeItem;\n  }\n\n  /**\n   * first item in array of focusable items\n   */\n  get firstItem(): HTMLElement | undefined {\n    return this.#focusableItems[0];\n  }\n\n  /**\n   * last item in array of focusable items\n   */\n  get lastItem(): HTMLElement | undefined {\n    return this.#focusableItems.at(-1);\n  }\n\n  /**\n   * next item  after active item in array of focusable items\n   */\n  get nextItem(): HTMLElement | undefined {\n    return (\n        this.#activeIndex < this.#focusableItems.length - 1 ? this.#focusableItems[this.#activeIndex + 1]\n      : this.firstItem\n    );\n  }\n\n  /**\n   * previous item  after active item in array of focusable items\n   */\n  get prevItem(): HTMLElement | undefined {\n    return (\n        this.#activeIndex > 0 ? this.#focusableItems[this.#activeIndex - 1]\n      : this.lastItem\n    );\n  }\n\n  constructor(public host: ReactiveControllerHost & HTMLElement) {\n    this.host.addController(this);\n  }\n\n  /**\n   * handles keyboard navigation\n   */\n  #onKeydown(event: KeyboardEvent):void {\n    if (event.ctrlKey || event.altKey || event.metaKey || this.#focusableItems.length < 1) {\n      return;\n    }\n\n    const item = this.activeItem;\n    let shouldPreventDefault = false;\n    const horizontalOnly =\n        !item ? false\n      : item.tagName === 'SELECT' ||\n        item.getAttribute('aria-expanded') === 'true' ||\n        item.getAttribute('role') === 'spinbutton';\n\n    switch (event.key) {\n      case 'ArrowLeft':\n        this.focusOnItem(this.prevItem);\n        shouldPreventDefault = true;\n        break;\n      case 'ArrowRight':\n        this.focusOnItem(this.nextItem);\n        shouldPreventDefault = true;\n        break;\n      case 'ArrowDown':\n        if (horizontalOnly) {\n          return;\n        }\n        this.focusOnItem(this.prevItem);\n        shouldPreventDefault = true;\n        break;\n      case 'ArrowUp':\n        if (horizontalOnly) {\n          return;\n        }\n        this.focusOnItem(this.nextItem);\n        shouldPreventDefault = true;\n        break;\n      case 'Home':\n        this.focusOnItem(this.firstItem);\n        shouldPreventDefault = true;\n        break;\n      case 'PageUp':\n        if (horizontalOnly) {\n          return;\n        }\n        this.focusOnItem(this.firstItem);\n        shouldPreventDefault = true;\n        break;\n      case 'End':\n        this.focusOnItem(this.lastItem);\n        shouldPreventDefault = true;\n        break;\n      case 'PageDown':\n        if (horizontalOnly) {\n          return;\n        }\n        this.focusOnItem(this.lastItem);\n        shouldPreventDefault = true;\n        break;\n      default:\n        break;\n    }\n\n    if (shouldPreventDefault) {\n      event.stopPropagation();\n      event.preventDefault();\n    }\n  }\n\n  /**\n   * sets tabindex of item based on whether or not it is active\n   */\n  #updateActiveItem(item?: HTMLElement):void {\n    if (item) {\n      if (!!this.#activeItem && item !== this.#activeItem) {\n        this.#activeItem.tabIndex = -1;\n      }\n      item.tabIndex = 0;\n      this.#activeItem = item;\n    }\n  }\n\n  /**\n   * focuses on an item and sets it as active\n   */\n  focusOnItem(item?: HTMLElement):void {\n    this.#updateActiveItem(item || this.firstItem);\n    this.#activeItem?.focus();\n  }\n\n  /**\n   * Focuses next focusable item\n   */\n  updateItems(items: HTMLElement[]) {\n    const sequence = [...items.slice(this.#itemIndex), ...items.slice(0, this.#itemIndex)];\n    const first = sequence.find(item => this.#focusableItems.includes(item));\n    this.focusOnItem(first || this.firstItem);\n  }\n\n  /**\n   * from array of HTML items, and sets active items\n   */\n  initItems(items: HTMLElement[]) {\n    this.#items = items ?? [];\n    const focusableItems = this.#focusableItems;\n    const [focusableItem] = focusableItems;\n    this.#activeItem = focusableItem;\n    for (const item of focusableItems) {\n      item.tabIndex = this.#activeItem === item ? 0 : -1;\n    }\n  }\n\n  hostConnected() {\n    this.host.addEventListener('keydown', this.#onKeydown.bind(this));\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["isFocusableElement", "el", "_activeItem", "_items", "_focusableItems", "focusableItems_get", "_activeIndex", "activeIndex_get", "_itemIndex", "itemIndex_get", "_onKeydown", "onKeydown_fn", "_updateActiveItem", "updateActiveItem_fn", "RovingTabindexController", "host", "__privateAdd", "__privateGet", "item", "__privateMethod", "items", "first", "__privateSet", "focusableItems", "focusableItem", "event", "shouldPreventDefault", "horizontalOnly"]
+}

package/controllers/scroll-spy-controller.d.ts

@@ -0,0 +1,37 @@
+import type { ReactiveController, ReactiveControllerHost } from 'lit';
+export interface ScrollSpyControllerOptions extends IntersectionObserverInit {
+    /**
+     * Tag names of legal link children.
+     * Legal children must have an `href` property/attribute pair, like `<a>`.
+     */
+    tagNames: string[];
+    /**
+     * Attribute to set on the active link element.
+     * @default 'active'
+     */
+    activeAttribute?: string;
+    /**
+     * The root node to query content for
+     * @default the host's root node
+     */
+    rootNode?: Node;
+    /**
+     * function to call on link children to get their URL hash (i.e. id to scroll to)
+     * @default el => el.getAttribute('href');
+     */
+    getHash?: (el: Element) => string | null;
+}
+export declare class ScrollSpyController implements ReactiveController {
+    #private;
+    private host;
+    get root(): Element | Document | null | undefined;
+    set root(v: Element | Document | null | undefined);
+    get rootMargin(): string | undefined;
+    set rootMargin(v: string | undefined);
+    get threshold(): number | number[];
+    set threshold(v: number | number[]);
+    constructor(host: ReactiveControllerHost & HTMLElement, options: ScrollSpyControllerOptions);
+    hostConnected(): void;
+    /** Explicitly set the active item */
+    setActive(link: EventTarget | null): Promise<void>;
+}

package/controllers/scroll-spy-controller.js

@@ -0,0 +1,2 @@
+var M=(o,t,e)=>{if(!t.has(o))throw TypeError("Cannot "+e)};var s=(o,t,e)=>(M(o,t,"read from private field"),e?e.call(o):t.get(o)),i=(o,t,e)=>{if(t.has(o))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(o):t.set(o,e)},r=(o,t,e,h)=>(M(o,t,"write to private field"),h?h.call(o,e):t.set(o,e),e);var l=(o,t,e)=>(M(o,t,"access private method"),e);var f,C,a,m,u,c,v,b,E,N,p,d,y,g,A,I,O,w,x,R,q,S,L,k=class{constructor(t,e){this.host=t;i(this,d);i(this,g);i(this,I);i(this,w);i(this,R);i(this,S);i(this,f,void 0);i(this,C,void 0);i(this,a,void 0);i(this,m,new Set);i(this,u,!1);i(this,c,!1);i(this,v,void 0);i(this,b,void 0);i(this,E,void 0);i(this,N,void 0);i(this,p,void 0);t.addController(this),r(this,f,e.tagNames),r(this,v,e.root),r(this,b,e.rootMargin),r(this,C,e.activeAttribute??"active"),r(this,E,e.threshold??.85),r(this,N,e.rootNode??t.getRootNode()),r(this,p,e?.getHash??(h=>h.getAttribute("href")))}get root(){return s(this,v)}set root(t){r(this,v,t),s(this,a)?.disconnect(),l(this,g,A).call(this)}get rootMargin(){return s(this,b)}set rootMargin(t){r(this,b,t),s(this,a)?.disconnect(),l(this,g,A).call(this)}get threshold(){return s(this,E)}set threshold(t){r(this,E,t),s(this,a)?.disconnect(),l(this,g,A).call(this)}hostConnected(){l(this,g,A).call(this)}async setActive(t){r(this,u,!0),l(this,w,x).call(this,t);let e=!1;for(let h of s(this,d,y))l(this,I,O).call(this,h,!e),h===t&&(e=!0);await l(this,R,q).call(this),r(this,u,!1)}};f=new WeakMap,C=new WeakMap,a=new WeakMap,m=new WeakMap,u=new WeakMap,c=new WeakMap,v=new WeakMap,b=new WeakMap,E=new WeakMap,N=new WeakMap,p=new WeakMap,d=new WeakSet,y=function(){return Array.from(this.host.querySelectorAll(s(this,f).join(","))).filter(s(this,p))},g=new WeakSet,A=function(){let t=s(this,N);if(t instanceof Document||t instanceof ShadowRoot){let{rootMargin:e,threshold:h,root:H}=this;r(this,a,new IntersectionObserver(n=>l(this,S,L).call(this,n),{root:H,rootMargin:e,threshold:h})),s(this,d,y).map(n=>s(this,p).call(this,n)).filter(n=>!!n).map(n=>t.getElementById(n.replace("#",""))).filter(n=>!!n).forEach(n=>s(this,a)?.observe(n))}},I=new WeakSet,O=function(t,e){e?s(this,m).add(t):s(this,m).delete(t)},w=new WeakSet,x=function(t){for(let e of s(this,d,y))e.toggleAttribute(s(this,C),e===t)},R=new WeakSet,q=async function(){for(r(this,c,!1),setTimeout(()=>r(this,c,!1),3e3);!s(this,c);)await new Promise(requestAnimationFrame)},S=new WeakSet,L=async function(t){if(!s(this,u)){for(let{target:H,boundingClientRect:n,intersectionRect:j}of t){let P=`:is(${s(this,f).join(",")})[href="#${H.id}"]`,T=this.host.querySelector(P);T&&l(this,I,O).call(this,T,n.top<j.top)}let h=[...s(this,m)].at(-1);l(this,w,x).call(this,h??s(this,d,y).at(0))}r(this,c,!0)};export{k as ScrollSpyController};
+//# sourceMappingURL=scroll-spy-controller.js.map

package/controllers/scroll-spy-controller.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["scroll-spy-controller.ts"],
+  "sourcesContent": ["import type { ReactiveController, ReactiveControllerHost } from 'lit';\n\nexport interface ScrollSpyControllerOptions extends IntersectionObserverInit {\n  /**\n   * Tag names of legal link children.\n   * Legal children must have an `href` property/attribute pair, like `<a>`.\n   */\n  tagNames: string[];\n\n  /**\n   * Attribute to set on the active link element.\n   * @default 'active'\n   */\n  activeAttribute?: string;\n\n  /**\n   * The root node to query content for\n   * @default the host's root node\n   */\n  rootNode?: Node;\n  /**\n   * function to call on link children to get their URL hash (i.e. id to scroll to)\n   * @default el => el.getAttribute('href');\n   */\n  getHash?: (el: Element) => string|null;\n}\n\nexport class ScrollSpyController implements ReactiveController {\n  #tagNames: string[];\n  #activeAttribute: string;\n\n  #io?: IntersectionObserver;\n\n  /** Which link's targets have already scrolled past? */\n  #passedLinks = new Set<Element>();\n\n  /** Ignore intersections? */\n  #force = false;\n\n  /** Has the intersection observer found an element? */\n  #intersected = false;\n\n  #root: ScrollSpyControllerOptions['root'];\n  #rootMargin?: string;\n  #threshold: number|number[];\n\n  #rootNode: Node;\n  #getHash: (el: Element) => string|null;\n\n  get #linkChildren(): Element[] {\n    return Array.from(this.host.querySelectorAll(this.#tagNames.join(',')))\n      .filter(this.#getHash);\n  }\n\n  get root() {\n    return this.#root;\n  }\n\n  set root(v) {\n    this.#root = v;\n    this.#io?.disconnect();\n    this.#initIo();\n  }\n\n  get rootMargin() {\n    return this.#rootMargin;\n  }\n\n  set rootMargin(v) {\n    this.#rootMargin = v;\n    this.#io?.disconnect();\n    this.#initIo();\n  }\n\n  get threshold() {\n    return this.#threshold;\n  }\n\n  set threshold(v) {\n    this.#threshold = v;\n    this.#io?.disconnect();\n    this.#initIo();\n  }\n\n  constructor(\n    private host: ReactiveControllerHost & HTMLElement,\n    options: ScrollSpyControllerOptions,\n  ) {\n    host.addController(this);\n    this.#tagNames = options.tagNames;\n    this.#root = options.root;\n    this.#rootMargin = options.rootMargin;\n    this.#activeAttribute = options.activeAttribute ?? 'active';\n    this.#threshold = options.threshold ?? 0.85;\n    this.#rootNode = options.rootNode ?? host.getRootNode();\n    this.#getHash = options?.getHash ?? ((el: Element) => el.getAttribute('href'));\n  }\n\n  hostConnected() {\n    this.#initIo();\n  }\n\n  #initIo() {\n    const rootNode = this.#rootNode;\n    if (rootNode instanceof Document || rootNode instanceof ShadowRoot) {\n      const { rootMargin, threshold, root } = this;\n      this.#io = new IntersectionObserver(r => this.#onIo(r), { root, rootMargin, threshold });\n      this.#linkChildren\n        .map(x => this.#getHash(x))\n        .filter((x): x is string => !!x)\n        .map(x => rootNode.getElementById(x.replace('#', '')))\n        .filter((x): x is HTMLElement => !!x)\n        .forEach(target => this.#io?.observe(target));\n    }\n  }\n\n  #markPassed(link: Element, force: boolean) {\n    if (force) {\n      this.#passedLinks.add(link);\n    } else {\n      this.#passedLinks.delete(link);\n    }\n  }\n\n  #setActive(link?: EventTarget|null) {\n    for (const child of this.#linkChildren) {\n      child.toggleAttribute(this.#activeAttribute, child === link);\n    }\n  }\n\n  async #nextIntersection() {\n    this.#intersected = false;\n    // safeguard the loop\n    setTimeout(() => this.#intersected = false, 3000);\n    while (!this.#intersected) {\n      await new Promise(requestAnimationFrame);\n    }\n  }\n\n  async #onIo(entries: IntersectionObserverEntry[]) {\n    if (!this.#force) {\n      for (const { target, boundingClientRect, intersectionRect } of entries) {\n        const selector = `:is(${this.#tagNames.join(',')})[href=\"#${target.id}\"]`;\n        const link = this.host.querySelector(selector);\n        if (link) {\n          this.#markPassed(link, boundingClientRect.top < intersectionRect.top);\n        }\n      }\n      const link = [...this.#passedLinks];\n      const last = link.at(-1);\n      this.#setActive(last ?? this.#linkChildren.at(0));\n    }\n    this.#intersected = true;\n  }\n\n  /** Explicitly set the active item */\n  public async setActive(link: EventTarget|null) {\n    this.#force = true;\n    this.#setActive(link);\n    let sawActive = false;\n    for (const child of this.#linkChildren) {\n      this.#markPassed(child, !sawActive);\n      if (child === link) {\n        sawActive = true;\n      }\n    }\n    await this.#nextIntersection();\n    this.#force = false;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["_tagNames", "_activeAttribute", "_io", "_passedLinks", "_force", "_intersected", "_root", "_rootMargin", "_threshold", "_rootNode", "_getHash", "_linkChildren", "linkChildren_get", "_initIo", "initIo_fn", "_markPassed", "markPassed_fn", "_setActive", "setActive_fn", "_nextIntersection", "nextIntersection_fn", "_onIo", "onIo_fn", "ScrollSpyController", "host", "options", "__privateAdd", "__privateSet", "el", "__privateGet", "v", "__privateMethod", "link", "sawActive", "child", "rootNode", "rootMargin", "threshold", "root", "r", "x", "target", "force", "entries", "boundingClientRect", "intersectionRect", "selector", "last"]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/pfe-core",
-  "version": "2.0.0-next.12",
+  "version": "2.0.0-next.14",
   "license": "MIT",
   "description": "PatternFly Elements Core Library",
   "customElements": "custom-elements.json",
@@ -16,13 +16,15 @@
     "./controllers/cascade-controller.js": "./controllers/cascade-controller.js",
     "./controllers/color-context.js": "./controllers/color-context.js",
     "./controllers/css-variable-controller.js": "./controllers/css-variable-controller.js",
+    "./controllers/floating-dom-controller.js": "./controllers/floating-dom-controller.js",
+    "./controllers/internals-controller.js": "./controllers/internals-controller.js",
     "./controllers/light-dom-controller.js": "./controllers/light-dom-controller.js",
     "./controllers/logger.js": "./controllers/logger.js",
-    "./controllers/internals-controller.js": "./controllers/internals-controller.js",
     "./controllers/perf-controller.js": "./controllers/perf-controller.js",
     "./controllers/property-observer-controller.js": "./controllers/property-observer-controller.js",
+    "./controllers/roving-tabindex-controller.js": "./controllers/roving-tabindex-controller.js",
+    "./controllers/scroll-spy-controller.js": "./controllers/scroll-spy-controller.js",
     "./controllers/slot-controller.js": "./controllers/slot-controller.js",
-    "./controllers/floating-dom-controller.js": "./controllers/floating-dom-controller.js",
     "./controllers/style-controller.js": "./controllers/style-controller.js",
     "./decorators/bound.js": "./decorators/bound.js",
     "./decorators/cascades.js": "./decorators/cascades.js",
@@ -62,7 +64,7 @@
     "watch:types": "tsc -w"
   },
   "dependencies": {
-    "@popperjs/core": "2.11.6",
+    "@floating-ui/dom": "^1.0.5",
     "lit": "2.3.0"
   },
   "repository": {