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

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/pfe-core",
-  "version": "2.0.0-next.12",
+  "version": "2.0.0-next.13",
   "license": "MIT",
   "description": "PatternFly Elements Core Library",
   "customElements": "custom-elements.json",
@@ -62,7 +62,7 @@
     "watch:types": "tsc -w"
   },
   "dependencies": {
-    "@popperjs/core": "2.11.6",
+    "@floating-ui/dom": "^1.0.5",
     "lit": "2.3.0"
   },
   "repository": {