@editora/ui-core 0.1.12 → 0.1.14

package/dist/positioner.esm.js

@@ -1,16 +1,16 @@
-import { E as c } from "./ElementBase-909688f3.mjs";
-import { a } from "./positioner-fbd61bf1.mjs";
-const h = `
+import { E as a } from "./ElementBase-909688f3.mjs";
+import { l as h } from "./positioner-e9770c66.mjs";
+const c = `
   :host {
     display: contents;
     color-scheme: light dark;
   }
 `;
-function l(s, t = 0) {
+function r(s, t = 0) {
   const e = Number(s);
   return Number.isFinite(e) ? e : t;
 }
-function i(s) {
+function o(s) {
   if (s == null)
     return !1;
   const t = s.toLowerCase();
@@ -32,10 +32,10 @@ function u(s) {
     "left-end"
   ])).has(s) ? s : "bottom";
 }
-function f(s) {
+function d(s) {
   return s === "absolute" ? "absolute" : "fixed";
 }
-class d extends c {
+class f extends a {
   constructor() {
     super(...arguments), this._positioner = null, this._observer = null;
   }
@@ -50,6 +50,11 @@ class d extends c {
       "shift",
       "match-width",
       "fit-viewport",
+      "auto-placement",
+      "hide-when-detached",
+      "inline",
+      "boundary-padding",
+      "dir",
       "anchor",
       "headless"
     ];
@@ -61,8 +66,8 @@ class d extends c {
     var t;
     (t = this._observer) == null || t.disconnect(), this._observer = null, this._destroyPositioner(), super.disconnectedCallback();
   }
-  attributeChangedCallback(t, e, o) {
-    e !== o && this._syncPositioner();
+  attributeChangedCallback(t, e, i) {
+    e !== i && this._syncPositioner();
   }
   open() {
     this.setAttribute("open", "");
@@ -81,12 +86,12 @@ class d extends c {
   _resolveAnchor() {
     const t = this.getAttribute("anchor");
     if (t) {
-      const o = this.getRootNode(), r = o instanceof ShadowRoot || o instanceof Document ? o.querySelector(t) : null;
-      if (r instanceof HTMLElement)
-        return r;
-      const n = document.querySelector(t);
+      const i = this.getRootNode(), n = i instanceof ShadowRoot || i instanceof Document ? i.querySelector(t) : null;
       if (n instanceof HTMLElement)
         return n;
+      const l = document.querySelector(t);
+      if (l instanceof HTMLElement)
+        return l;
     }
     const e = this.querySelector('[slot="anchor"]');
     return e instanceof HTMLElement ? e : null;
@@ -107,31 +112,36 @@ class d extends c {
       this._destroyPositioner();
       return;
     }
-    this._destroyPositioner(), this._positioner = a({
+    this._destroyPositioner(), this._positioner = h({
       anchor: t,
       floating: e,
       placement: u(this.getAttribute("placement")),
-      strategy: f(this.getAttribute("strategy")),
-      offset: l(this.getAttribute("offset"), 8),
-      crossOffset: l(this.getAttribute("cross-offset"), 0),
-      flip: !this.hasAttribute("flip") || i(this.getAttribute("flip")),
-      shift: !this.hasAttribute("shift") || i(this.getAttribute("shift")),
-      matchWidth: i(this.getAttribute("match-width")),
-      fitViewport: i(this.getAttribute("fit-viewport")),
+      strategy: d(this.getAttribute("strategy")),
+      dir: this.getAttribute("dir") === "rtl" ? "rtl" : "ltr",
+      offset: r(this.getAttribute("offset"), 8),
+      crossOffset: r(this.getAttribute("cross-offset"), 0),
+      flip: !this.hasAttribute("flip") || o(this.getAttribute("flip")),
+      shift: !this.hasAttribute("shift") || o(this.getAttribute("shift")),
+      matchWidth: o(this.getAttribute("match-width")),
+      fitViewport: o(this.getAttribute("fit-viewport")),
+      autoPlacement: o(this.getAttribute("auto-placement")),
+      hideWhenDetached: o(this.getAttribute("hide-when-detached")),
+      inline: o(this.getAttribute("inline")),
+      boundaryPadding: r(this.getAttribute("boundary-padding"), 4),
       arrow: this.querySelector('[slot="arrow"], .arrow'),
-      onUpdate: (o) => {
-        this.dispatchEvent(new CustomEvent("position-change", { detail: o, bubbles: !0, composed: !0 }));
+      onUpdate: (i) => {
+        this.dispatchEvent(new CustomEvent("position-change", { detail: i, bubbles: !0, composed: !0 }));
       }
     });
   }
   render() {
-    this.setContent(`<style>${h}</style><slot name="anchor"></slot><slot name="content"></slot><slot></slot>`);
+    this.setContent(`<style>${c}</style><slot name="anchor"></slot><slot name="content"></slot><slot></slot>`);
   }
   shouldRenderOnAttributeChange() {
     return !1;
   }
 }
-typeof customElements < "u" && !customElements.get("ui-positioner") && customElements.define("ui-positioner", d);
+typeof customElements < "u" && !customElements.get("ui-positioner") && customElements.define("ui-positioner", f);
 export {
-  d as UIPositioner
+  f as UIPositioner
 };

package/dist/primitives/positioner.d.ts

@@ -1,21 +1,139 @@
 export type PositionerPlacement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
 export type PositionerStrategy = 'absolute' | 'fixed';
 export type PositionerSticky = 'partial' | 'always' | 'never';
-export type PositionerAnchor = HTMLElement | DOMRect | {
+export type PositionerSide = 'top' | 'right' | 'bottom' | 'left';
+export type PositionerAlign = 'center' | 'start' | 'end';
+export type PositionerVirtualElement = {
     getBoundingClientRect: () => DOMRect;
+    getClientRects?: () => DOMRectList | DOMRect[];
+    contextElement?: Element;
 };
+export type PositionerAnchor = HTMLElement | DOMRect | PositionerVirtualElement;
+export interface PositionerMiddlewareData {
+    [key: string]: unknown;
+    offset?: {
+        x: number;
+        y: number;
+    };
+    flip?: {
+        overflows: Array<{
+            placement: PositionerPlacement;
+            overflow: PositionerOverflow;
+        }>;
+    };
+    autoPlacement?: {
+        index: number;
+        overflows: Array<{
+            placement: PositionerPlacement;
+            overflow: PositionerOverflow;
+        }>;
+    };
+    shift?: {
+        x: number;
+        y: number;
+    };
+    arrow?: {
+        x?: number;
+        y?: number;
+        centerOffset: number;
+    };
+    size?: {
+        availableWidth: number;
+        availableHeight: number;
+    };
+    hide?: {
+        referenceHidden: boolean;
+        escaped: boolean;
+        referenceHiddenOffsets: PositionerOverflow;
+        escapedOffsets: PositionerOverflow;
+    };
+}
 export interface PositionerState {
     x: number;
     y: number;
     placement: PositionerPlacement;
+    strategy?: PositionerStrategy;
     availableWidth: number;
     availableHeight: number;
+    middlewareData?: PositionerMiddlewareData;
+    referenceHidden?: boolean;
+    escaped?: boolean;
+    rects?: PositionerRects;
+}
+export type PositionerOverflow = {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
+export type PositionerRects = {
+    reference: DOMRect;
+    floating: DOMRect;
+};
+export type PositionerBoundaryRect = {
+    top: number;
+    left: number;
+    right: number;
+    bottom: number;
+    width: number;
+    height: number;
+};
+export interface PositionerPlatform {
+    getElementRects?: (data: {
+        anchor: PositionerAnchor;
+        floating: HTMLElement | DOMRect;
+        placement: PositionerPlacement;
+        inline: boolean;
+    }) => PositionerRects;
+    getClientRects?: (anchor: PositionerAnchor) => DOMRect[] | DOMRectList;
+    getClippingRect?: (data: {
+        anchor: PositionerAnchor;
+        floating: HTMLElement | DOMRect;
+        boundary: HTMLElement | null;
+    }) => PositionerBoundaryRect;
+}
+export interface PositionerMiddlewareState {
+    x: number;
+    y: number;
+    initialPlacement: PositionerPlacement;
+    placement: PositionerPlacement;
+    strategy: PositionerStrategy;
+    rects: PositionerRects;
+    elements: {
+        anchor: PositionerAnchor;
+        floating: HTMLElement | DOMRect;
+    };
+    boundary: ViewportRect;
+    padding: number;
+    rtl: boolean;
+    middlewareData: PositionerMiddlewareData;
+    getRects(placement: PositionerPlacement): PositionerRects;
+    getAnchorRect(placement: PositionerPlacement): DOMRect;
+    getCoords(placement: PositionerPlacement, referenceRect?: DOMRect): {
+        x: number;
+        y: number;
+    };
+}
+export interface PositionerMiddlewareReturn {
+    x?: number;
+    y?: number;
+    placement?: PositionerPlacement;
+    data?: unknown;
+    reset?: boolean | {
+        placement?: PositionerPlacement;
+    };
+}
+export interface PositionerMiddleware {
+    name: string;
+    options?: unknown;
+    fn(state: PositionerMiddlewareState): PositionerMiddlewareReturn | void;
 }
 export interface PositionerOptions {
     anchor: PositionerAnchor;
     floating: HTMLElement;
     placement?: PositionerPlacement;
     strategy?: PositionerStrategy;
+    dir?: 'ltr' | 'rtl';
     offset?: number;
     crossOffset?: number;
     flip?: boolean;
@@ -23,18 +141,98 @@ export interface PositionerOptions {
     matchWidth?: boolean;
     fitViewport?: boolean;
     arrow?: HTMLElement | null;
+    arrowPadding?: number;
     boundary?: HTMLElement | null;
+    boundaryPadding?: number;
+    autoPlacement?: boolean;
+    allowedPlacements?: PositionerPlacement[];
+    fallbackPlacements?: PositionerPlacement[];
+    inline?: boolean;
+    hideWhenDetached?: boolean;
+    platform?: PositionerPlatform;
+    middleware?: PositionerMiddleware[];
     sticky?: PositionerSticky;
     observeWindowResize?: boolean;
     observeScroll?: boolean;
+    observeAncestorScroll?: boolean;
+    observeAncestorResize?: boolean;
+    observeLayoutShift?: boolean;
     observeAnchorResize?: boolean;
     observeFloatingResize?: boolean;
+    animationFrame?: boolean;
     onUpdate?: (data: PositionerState) => void;
 }
 export interface PositionerHandle {
     update(): PositionerState;
     destroy(): void;
 }
+export interface PositionerAutoUpdateOptions {
+    observeWindowResize?: boolean;
+    observeScroll?: boolean;
+    observeAncestorScroll?: boolean;
+    observeAncestorResize?: boolean;
+    observeLayoutShift?: boolean;
+    observeAnchorResize?: boolean;
+    observeFloatingResize?: boolean;
+    animationFrame?: boolean;
+}
+type ViewportRect = PositionerBoundaryRect;
+type OffsetMiddlewareOptions = number | {
+    mainAxis?: number;
+    crossAxis?: number;
+};
+type ShiftMiddlewareOptions = {
+    padding?: number;
+    mainAxis?: boolean;
+    crossAxis?: boolean;
+};
+type FlipMiddlewareOptions = {
+    padding?: number;
+    fallbackPlacements?: PositionerPlacement[];
+};
+type AutoPlacementMiddlewareOptions = {
+    padding?: number;
+    allowedPlacements?: PositionerPlacement[];
+};
+type ArrowMiddlewareOptions = {
+    element?: HTMLElement | null;
+    padding?: number;
+};
+type SizeMiddlewareOptions = {
+    padding?: number;
+    apply?: (data: {
+        availableWidth: number;
+        availableHeight: number;
+        rects: PositionerRects;
+        elements: PositionerMiddlewareState['elements'];
+    }) => void;
+};
+type HideMiddlewareOptions = {
+    padding?: number;
+};
+export declare function createVirtualPoint(x: number, y: number, contextElement?: Element): PositionerVirtualElement;
+export declare function createVirtualRect(rect: DOMRect | {
+    x?: number;
+    y?: number;
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+}, contextElement?: Element): PositionerVirtualElement;
+export declare function createVirtualRange(range: Range, contextElement?: Element): PositionerVirtualElement;
+export declare function detectPositionerOverflow(state: Pick<PositionerMiddlewareState, 'x' | 'y' | 'rects' | 'boundary' | 'padding'>, options?: {
+    elementContext?: 'floating' | 'reference';
+    padding?: number;
+}): PositionerOverflow;
+export declare function offsetMiddleware(options?: OffsetMiddlewareOptions): PositionerMiddleware;
+export declare function flipMiddleware(options?: FlipMiddlewareOptions): PositionerMiddleware;
+export declare function autoPlacementMiddleware(options?: AutoPlacementMiddlewareOptions): PositionerMiddleware;
+export declare function shiftMiddleware(options?: ShiftMiddlewareOptions): PositionerMiddleware;
+export declare function sizeMiddleware(options?: SizeMiddlewareOptions): PositionerMiddleware;
+export declare function arrowMiddleware(options?: ArrowMiddlewareOptions): PositionerMiddleware;
+export declare function hideMiddleware(options?: HideMiddlewareOptions): PositionerMiddleware;
 export declare function computePositionState(anchor: PositionerAnchor, floating: HTMLElement | DOMRect, options?: Omit<PositionerOptions, 'anchor' | 'floating' | 'onUpdate'>): PositionerState;
+export declare function autoUpdatePositioner(anchor: PositionerAnchor, floating: HTMLElement, update: () => void, options?: PositionerAutoUpdateOptions): () => void;
 export declare function createPositioner(options: PositionerOptions): PositionerHandle;
+export {};
 //# sourceMappingURL=positioner.d.ts.map

package/dist/primitives/positioner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"positioner.d.ts","sourceRoot":"","sources":["../../src/primitives/positioner.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAC3B,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,CAAC;AAEf,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,OAAO,CAAC;AACtD,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC9D,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG,OAAO,GAAG;IAAE,qBAAqB,EAAE,MAAM,OAAO,CAAA;CAAE,CAAC;AAEhG,MAAM,WAAW,eAAe;IAC9B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,SAAS,EAAE,mBAAmB,CAAC;IAC/B,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,gBAAgB,CAAC;IACzB,QAAQ,EAAE,WAAW,CAAC;IACtB,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;CAC5C;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,IAAI,eAAe,CAAC;IAC1B,OAAO,IAAI,IAAI,CAAC;CACjB;AA6ID,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,gBAAgB,EACxB,QAAQ,EAAE,WAAW,GAAG,OAAO,EAC/B,OAAO,GAAE,IAAI,CAAC,iBAAiB,EAAE,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAM,GACxE,eAAe,CAoCjB;AA8DD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,iBAAiB,GAAG,gBAAgB,CAqD7E"}
+{"version":3,"file":"positioner.d.ts","sourceRoot":"","sources":["../../src/primitives/positioner.ts"],"names":[],"mappings":"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"}

package/dist/quick-actions.cjs.js

@@ -124,6 +124,7 @@
   :host([floating]) {
     position: fixed;
     z-index: 1250;
+    contain: layout paint;
   }
 
   :host([floating][placement="bottom-right"]) {
@@ -146,6 +147,11 @@
     top: 16px;
   }
 
+  :host([floating]) .root {
+    transform: translateZ(0);
+    backface-visibility: hidden;
+  }
+
   :host([headless]) .root {
     display: none;
   }
@@ -191,11 +197,11 @@
       border-color: Highlight;
     }
   }
-`;let g=0;function l(u){return u.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}class d extends h.ElementBase{constructor(){super(),this._instanceId=++g,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this)}static get observedAttributes(){return["open","mode","orientation","variant","floating","placement","collapsible","label","headless"]}connectedCallback(){super.connectedCallback(),this.root.addEventListener("click",this._onClick),this.root.addEventListener("keydown",this._onKeyDown),this.getAttribute("mode")!=="fab"&&!this.hasAttribute("collapsible")&&!this.hasAttribute("open")&&this.setAttribute("open","")}disconnectedCallback(){this.root.removeEventListener("click",this._onClick),this.root.removeEventListener("keydown",this._onKeyDown),super.disconnectedCallback()}attributeChangedCallback(e,i,t){if(i!==t){if(e==="open"){this._syncOpenUi();return}this.isConnected&&this.requestRender()}}get open(){return this.hasAttribute("open")}set open(e){e?this.setAttribute("open",""):this.removeAttribute("open")}show(){this.toggle(!0)}hide(){this.toggle(!1)}toggle(e){const i=typeof e=="boolean"?e:!this.open;this.open=i;const t={open:i};this.dispatchEvent(new CustomEvent(i?"open":"close",{detail:t,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:t,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("toggle",{detail:t,bubbles:!0,composed:!0}))}_actions(){const e=this.root.querySelector('slot[name="action"]');return e?e.assignedElements({flatten:!0}).filter(i=>i instanceof HTMLElement):[]}_actionsId(){return`ui-quick-actions-${this._instanceId}-actions`}_syncActionAccessibility(e){this._actions().forEach((t,s)=>{var r;if(t.id||(t.id=`ui-quick-actions-${this._instanceId}-action-${s+1}`),t.hasAttribute("role")||t.setAttribute("role","button"),!t.hasAttribute("aria-label")){const o=(r=t.textContent)==null?void 0:r.trim();o&&t.setAttribute("aria-label",o)}if(e){const o=t.getAttribute("data-ui-quick-tabindex");o!=null?(o==="__none__"?t.removeAttribute("tabindex"):t.setAttribute("tabindex",o),t.removeAttribute("data-ui-quick-tabindex")):t.hasAttribute("tabindex")||t.setAttribute("tabindex","0"),t.setAttribute("aria-hidden","false");return}t.hasAttribute("data-ui-quick-tabindex")||t.setAttribute("data-ui-quick-tabindex",t.getAttribute("tabindex")??"__none__"),t.setAttribute("tabindex","-1"),t.setAttribute("aria-hidden","true")})}_onClick(e){var n;const i=e.target;if(!i)return;if(i.closest(".toggle")){this.toggle();return}const s=e.composedPath(),r=this._actions(),o=r.find(b=>s.includes(b));if(!o)return;const a=r.indexOf(o),c={index:a,id:o.id||o.getAttribute("data-id")||String(a+1),label:o.getAttribute("aria-label")||((n=o.textContent)==null?void 0:n.trim())||`Action ${a+1}`};this.dispatchEvent(new CustomEvent("select",{detail:c,bubbles:!0,composed:!0})),this.getAttribute("mode")==="fab"&&this.hide()}_moveFocus(e,i){const t=this._actions();if(!t.length)return;const s=t.indexOf(e);if(s<0)return;const r=(s+i+t.length)%t.length;t[r].focus()}_onKeyDown(e){if(e.key==="Escape"&&this.open&&this.getAttribute("mode")==="fab"){e.preventDefault(),this.hide();return}const i=e.target;if(!i)return;const s=this._actions().find(n=>n===i||n.contains(i));if(!s)return;const r=this.getAttribute("orientation")==="vertical"||this.getAttribute("mode")==="fab",o=!r&&getComputedStyle(this).direction==="rtl",a=r?"ArrowDown":o?"ArrowLeft":"ArrowRight",c=r?"ArrowUp":o?"ArrowRight":"ArrowLeft";if(e.key===a){e.preventDefault(),this._moveFocus(s,1);return}if(e.key===c){e.preventDefault(),this._moveFocus(s,-1);return}if(e.key==="Home"||e.key==="End"){e.preventDefault();const n=this._actions();if(!n.length)return;(e.key==="Home"?n[0]:n[n.length-1]).focus()}}_syncOpenUi(){if(!this.isConnected)return;if(!this.root.querySelector(".root")){this.requestRender();return}const e=this.getAttribute("mode")==="fab"?"fab":"bar",i=this.hasAttribute("collapsible")||e==="fab",t=this.open||!i&&e==="bar",s=this.getAttribute("label")||"Quick actions",r=this.root.querySelector(".toggle");r&&(r.textContent=t?"−":"+",r.setAttribute("aria-label",s),r.setAttribute("aria-expanded",t?"true":"false"));const o=this.root.querySelector(".actions");o&&(t?o.removeAttribute("hidden"):o.setAttribute("hidden","")),this._syncActionAccessibility(t)}render(){const e=this.getAttribute("mode")==="fab"?"fab":"bar",i=this.hasAttribute("collapsible")||e==="fab",t=this.open||!i&&e==="bar",s=this.getAttribute("label")||"Quick actions",r=this._actionsId(),o=this.getAttribute("orientation")==="vertical"||e==="fab"?"vertical":"horizontal";this.setContent(`
+`;let g=0;function l(u){return u.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}class d extends h.ElementBase{constructor(){super(),this._instanceId=++g,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this)}static get observedAttributes(){return["open","mode","orientation","variant","floating","placement","collapsible","label","headless"]}connectedCallback(){super.connectedCallback(),this.root.addEventListener("click",this._onClick),this.root.addEventListener("keydown",this._onKeyDown),this.getAttribute("mode")!=="fab"&&!this.hasAttribute("collapsible")&&!this.hasAttribute("open")&&this.setAttribute("open","")}disconnectedCallback(){this.root.removeEventListener("click",this._onClick),this.root.removeEventListener("keydown",this._onKeyDown),super.disconnectedCallback()}attributeChangedCallback(e,i,t){if(i!==t){if(e==="open"){this._syncOpenUi();return}this.isConnected&&this.requestRender()}}get open(){return this.hasAttribute("open")}set open(e){e?this.setAttribute("open",""):this.removeAttribute("open")}show(){this.toggle(!0)}hide(){this.toggle(!1)}toggle(e){const i=typeof e=="boolean"?e:!this.open;this.open=i;const t={open:i};this.dispatchEvent(new CustomEvent(i?"open":"close",{detail:t,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:t,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("toggle",{detail:t,bubbles:!0,composed:!0}))}_actions(){const e=this.root.querySelector('slot[name="action"]');return e?e.assignedElements({flatten:!0}).filter(i=>i instanceof HTMLElement):[]}_actionsId(){return`ui-quick-actions-${this._instanceId}-actions`}_syncActionAccessibility(e){this._actions().forEach((t,n)=>{var r;if(t.id||(t.id=`ui-quick-actions-${this._instanceId}-action-${n+1}`),t.hasAttribute("role")||t.setAttribute("role","button"),!t.hasAttribute("aria-label")){const o=(r=t.textContent)==null?void 0:r.trim();o&&t.setAttribute("aria-label",o)}if(e){const o=t.getAttribute("data-ui-quick-tabindex");o!=null?(o==="__none__"?t.removeAttribute("tabindex"):t.setAttribute("tabindex",o),t.removeAttribute("data-ui-quick-tabindex")):t.hasAttribute("tabindex")||t.setAttribute("tabindex","0"),t.setAttribute("aria-hidden","false");return}t.hasAttribute("data-ui-quick-tabindex")||t.setAttribute("data-ui-quick-tabindex",t.getAttribute("tabindex")??"__none__"),t.setAttribute("tabindex","-1"),t.setAttribute("aria-hidden","true")})}_onClick(e){var s;const i=e.target;if(!i)return;if(i.closest(".toggle")){this.toggle();return}const n=e.composedPath(),r=this._actions(),o=r.find(b=>n.includes(b));if(!o)return;const a=r.indexOf(o),c={index:a,id:o.id||o.getAttribute("data-id")||String(a+1),label:o.getAttribute("aria-label")||((s=o.textContent)==null?void 0:s.trim())||`Action ${a+1}`};this.dispatchEvent(new CustomEvent("select",{detail:c,bubbles:!0,composed:!0})),this.getAttribute("mode")==="fab"&&this.hide()}_moveFocus(e,i){const t=this._actions();if(!t.length)return;const n=t.indexOf(e);if(n<0)return;const r=(n+i+t.length)%t.length;t[r].focus()}_onKeyDown(e){if(e.key==="Escape"&&this.open&&this.getAttribute("mode")==="fab"){e.preventDefault(),this.hide();return}const i=e.target;if(!i)return;const n=this._actions().find(s=>s===i||s.contains(i));if(!n)return;const r=this.getAttribute("orientation")==="vertical"||this.getAttribute("mode")==="fab",o=!r&&getComputedStyle(this).direction==="rtl",a=r?"ArrowDown":o?"ArrowLeft":"ArrowRight",c=r?"ArrowUp":o?"ArrowRight":"ArrowLeft";if(e.key===a){e.preventDefault(),this._moveFocus(n,1);return}if(e.key===c){e.preventDefault(),this._moveFocus(n,-1);return}if(e.key==="Home"||e.key==="End"){e.preventDefault();const s=this._actions();if(!s.length)return;(e.key==="Home"?s[0]:s[s.length-1]).focus()}}_syncOpenUi(){if(!this.isConnected)return;if(!this.root.querySelector(".root")){this.requestRender();return}const e=this.getAttribute("mode")==="fab"?"fab":"bar",i=this.hasAttribute("collapsible")||e==="fab",t=this.open||!i&&e==="bar",n=this.getAttribute("label")||"Quick actions",r=this.root.querySelector(".toggle");r&&(r.textContent=t?"−":"+",r.setAttribute("aria-label",n),r.setAttribute("aria-expanded",t?"true":"false"));const o=this.root.querySelector(".actions");o&&(t?o.removeAttribute("hidden"):o.setAttribute("hidden","")),this._syncActionAccessibility(t)}render(){const e=this.getAttribute("mode")==="fab"?"fab":"bar",i=this.hasAttribute("collapsible")||e==="fab",t=this.open||!i&&e==="bar",n=this.getAttribute("label")||"Quick actions",r=this._actionsId(),o=this.getAttribute("orientation")==="vertical"||e==="fab"?"vertical":"horizontal";this.setContent(`
       <style>${p}</style>
-      <section class="root" part="root" role="toolbar" aria-label="${l(s)}" aria-orientation="${o}">
-        ${i?`<button type="button" class="toggle" part="toggle" aria-label="${l(s)}" aria-controls="${r}" aria-haspopup="true" aria-expanded="${t?"true":"false"}">${t?"−":"+"}</button>`:""}
-        <div id="${r}" class="actions" part="actions" role="group" aria-label="${l(s)} list" ${t?"":"hidden"}>
+      <section class="root" part="root" role="toolbar" aria-label="${l(n)}" aria-orientation="${o}">
+        ${i?`<button type="button" class="toggle" part="toggle" aria-label="${l(n)}" aria-controls="${r}" aria-haspopup="true" aria-expanded="${t?"true":"false"}">${t?"−":"+"}</button>`:""}
+        <div id="${r}" class="actions" part="actions" role="group" aria-label="${l(n)} list" ${t?"":"hidden"}>
           <slot name="action"></slot>
         </div>
       </section>

package/dist/quick-actions.esm.js

@@ -125,6 +125,7 @@ const h = `
   :host([floating]) {
     position: fixed;
     z-index: 1250;
+    contain: layout paint;
   }
 
   :host([floating][placement="bottom-right"]) {
@@ -147,6 +148,11 @@ const h = `
     top: 16px;
   }
 
+  :host([floating]) .root {
+    transform: translateZ(0);
+    backface-visibility: hidden;
+  }
+
   :host([headless]) .root {
     display: none;
   }
@@ -255,9 +261,9 @@ class g extends b {
     return `ui-quick-actions-${this._instanceId}-actions`;
   }
   _syncActionAccessibility(e) {
-    this._actions().forEach((t, s) => {
+    this._actions().forEach((t, n) => {
       var r;
-      if (t.id || (t.id = `ui-quick-actions-${this._instanceId}-action-${s + 1}`), t.hasAttribute("role") || t.setAttribute("role", "button"), !t.hasAttribute("aria-label")) {
+      if (t.id || (t.id = `ui-quick-actions-${this._instanceId}-action-${n + 1}`), t.hasAttribute("role") || t.setAttribute("role", "button"), !t.hasAttribute("aria-label")) {
         const o = (r = t.textContent) == null ? void 0 : r.trim();
         o && t.setAttribute("aria-label", o);
       }
@@ -270,7 +276,7 @@ class g extends b {
     });
   }
   _onClick(e) {
-    var n;
+    var s;
     const i = e.target;
     if (!i)
       return;
@@ -278,13 +284,13 @@ class g extends b {
       this.toggle();
       return;
     }
-    const s = e.composedPath(), r = this._actions(), o = r.find((d) => s.includes(d));
+    const n = e.composedPath(), r = this._actions(), o = r.find((d) => n.includes(d));
     if (!o)
       return;
     const a = r.indexOf(o), c = {
       index: a,
       id: o.id || o.getAttribute("data-id") || String(a + 1),
-      label: o.getAttribute("aria-label") || ((n = o.textContent) == null ? void 0 : n.trim()) || `Action ${a + 1}`
+      label: o.getAttribute("aria-label") || ((s = o.textContent) == null ? void 0 : s.trim()) || `Action ${a + 1}`
     };
     this.dispatchEvent(new CustomEvent("select", { detail: c, bubbles: !0, composed: !0 })), this.getAttribute("mode") === "fab" && this.hide();
   }
@@ -292,10 +298,10 @@ class g extends b {
     const t = this._actions();
     if (!t.length)
       return;
-    const s = t.indexOf(e);
-    if (s < 0)
+    const n = t.indexOf(e);
+    if (n < 0)
       return;
-    const r = (s + i + t.length) % t.length;
+    const r = (n + i + t.length) % t.length;
     t[r].focus();
   }
   _onKeyDown(e) {
@@ -306,24 +312,24 @@ class g extends b {
     const i = e.target;
     if (!i)
       return;
-    const s = this._actions().find((n) => n === i || n.contains(i));
-    if (!s)
+    const n = this._actions().find((s) => s === i || s.contains(i));
+    if (!n)
       return;
     const r = this.getAttribute("orientation") === "vertical" || this.getAttribute("mode") === "fab", o = !r && getComputedStyle(this).direction === "rtl", a = r ? "ArrowDown" : o ? "ArrowLeft" : "ArrowRight", c = r ? "ArrowUp" : o ? "ArrowRight" : "ArrowLeft";
     if (e.key === a) {
-      e.preventDefault(), this._moveFocus(s, 1);
+      e.preventDefault(), this._moveFocus(n, 1);
       return;
     }
     if (e.key === c) {
-      e.preventDefault(), this._moveFocus(s, -1);
+      e.preventDefault(), this._moveFocus(n, -1);
       return;
     }
     if (e.key === "Home" || e.key === "End") {
       e.preventDefault();
-      const n = this._actions();
-      if (!n.length)
+      const s = this._actions();
+      if (!s.length)
         return;
-      (e.key === "Home" ? n[0] : n[n.length - 1]).focus();
+      (e.key === "Home" ? s[0] : s[s.length - 1]).focus();
     }
   }
   _syncOpenUi() {
@@ -333,18 +339,18 @@ class g extends b {
       this.requestRender();
       return;
     }
-    const e = this.getAttribute("mode") === "fab" ? "fab" : "bar", i = this.hasAttribute("collapsible") || e === "fab", t = this.open || !i && e === "bar", s = this.getAttribute("label") || "Quick actions", r = this.root.querySelector(".toggle");
-    r && (r.textContent = t ? "−" : "+", r.setAttribute("aria-label", s), r.setAttribute("aria-expanded", t ? "true" : "false"));
+    const e = this.getAttribute("mode") === "fab" ? "fab" : "bar", i = this.hasAttribute("collapsible") || e === "fab", t = this.open || !i && e === "bar", n = this.getAttribute("label") || "Quick actions", r = this.root.querySelector(".toggle");
+    r && (r.textContent = t ? "−" : "+", r.setAttribute("aria-label", n), r.setAttribute("aria-expanded", t ? "true" : "false"));
     const o = this.root.querySelector(".actions");
     o && (t ? o.removeAttribute("hidden") : o.setAttribute("hidden", "")), this._syncActionAccessibility(t);
   }
   render() {
-    const e = this.getAttribute("mode") === "fab" ? "fab" : "bar", i = this.hasAttribute("collapsible") || e === "fab", t = this.open || !i && e === "bar", s = this.getAttribute("label") || "Quick actions", r = this._actionsId(), o = this.getAttribute("orientation") === "vertical" || e === "fab" ? "vertical" : "horizontal";
+    const e = this.getAttribute("mode") === "fab" ? "fab" : "bar", i = this.hasAttribute("collapsible") || e === "fab", t = this.open || !i && e === "bar", n = this.getAttribute("label") || "Quick actions", r = this._actionsId(), o = this.getAttribute("orientation") === "vertical" || e === "fab" ? "vertical" : "horizontal";
     this.setContent(`
       <style>${h}</style>
-      <section class="root" part="root" role="toolbar" aria-label="${l(s)}" aria-orientation="${o}">
-        ${i ? `<button type="button" class="toggle" part="toggle" aria-label="${l(s)}" aria-controls="${r}" aria-haspopup="true" aria-expanded="${t ? "true" : "false"}">${t ? "−" : "+"}</button>` : ""}
-        <div id="${r}" class="actions" part="actions" role="group" aria-label="${l(s)} list" ${t ? "" : "hidden"}>
+      <section class="root" part="root" role="toolbar" aria-label="${l(n)}" aria-orientation="${o}">
+        ${i ? `<button type="button" class="toggle" part="toggle" aria-label="${l(n)}" aria-controls="${r}" aria-haspopup="true" aria-expanded="${t ? "true" : "false"}">${t ? "−" : "+"}</button>` : ""}
+        <div id="${r}" class="actions" part="actions" role="group" aria-label="${l(n)} list" ${t ? "" : "hidden"}>
           <slot name="action"></slot>
         </div>
       </section>