@tylertech/forge 3.0.0-next.17 → 3.0.0-next.19

package/esm/overlay/overlay-constants.d.ts

@@ -57,7 +57,7 @@ export interface IOverlayOffset {
     alignmentAxis?: number;
 }
 export type OverlayPositionStrategy = 'absolute' | 'fixed';
-export type OverlayPlacement = PositionPlacement | 'auto';
+export type OverlayPlacement = PositionPlacement;
 export type OverlayHideState = 'anchor-hidden' | 'never';
 export type OverlayFlipState = 'auto' | 'main' | 'cross' | 'never';
 export type OverlayLightDismissReason = 'click' | 'escape';
@@ -69,3 +69,8 @@ export interface OverlayLightDismissEventData {
     reason: OverlayLightDismissReason;
 }
 export declare const overlayStack: unique symbol;
+/**
+ * This is a map of fallback placements for each placement. The fallback placements are used when the
+ * original placement is not possible due to the boundary or other constraints.
+ */
+export declare const OVERLAY_FALLBACK_PLACEMENT_MAP: Record<OverlayPlacement, OverlayPlacement[]>;

package/esm/overlay/overlay-constants.js

@@ -46,3 +46,25 @@ export const OVERLAY_CONSTANTS = {
 };
 export const SUPPORTS_POPOVER = supportsPopover();
 export const overlayStack = Symbol('overlayStack');
+/**
+ * This is a map of fallback placements for each placement. The fallback placements are used when the
+ * original placement is not possible due to the boundary or other constraints.
+ */
+export const OVERLAY_FALLBACK_PLACEMENT_MAP = {
+    // Left
+    left: ['right', 'bottom', 'top', 'top-start', 'top-end', 'left-start', 'left-end', 'right-start', 'right-end'],
+    'left-start': ['left-end', 'right-start', 'right-end', 'bottom', 'top'],
+    'left-end': ['left-start', 'right-end', 'right-start', 'bottom', 'top', 'bottom-start', 'bottom-end'],
+    // Right
+    right: ['left', 'bottom', 'top', 'top-start', 'top-end', 'left-start', 'left-end', 'right-start', 'right-end'],
+    'right-start': ['right-end', 'left-start', 'left-end', 'bottom', 'top'],
+    'right-end': ['right-start', 'left-end', 'left-start', 'bottom', 'top', 'bottom-start', 'bottom-end'],
+    // Top
+    top: ['bottom', 'left', 'right', 'bottom-start', 'left-start', 'left-end', 'right-start', 'right-end'],
+    'top-start': ['bottom-start', 'left', 'right', 'left-start', 'left-end', 'right-start', 'right-end'],
+    'top-end': ['bottom-end', 'left', 'right', 'right-start', 'right-end', 'left-start', 'left-end'],
+    // Bottom
+    bottom: ['top', 'left', 'right', 'top-start', 'left-start', 'left-end', 'right-start', 'right-end'],
+    'bottom-start': ['top-start', 'left', 'right', 'left-start', 'left-end', 'right-start', 'right-end'],
+    'bottom-end': ['top-end', 'left', 'right', 'right-start', 'right-end', 'left-start', 'left-end']
+};

package/esm/overlay/overlay-foundation.js

@@ -44,14 +44,10 @@ export class OverlayFoundation extends BaseOverlayFoundation {
         if (!this._open || this._noAnchor || !this._anchorElement) {
             return;
         }
-        // Placement can only accept `PositionPlacement` values, so we coerce the value to a
-        // `PositionPlacement` when `'auto'` is provided
-        const positionPlacement = this._placement === 'auto' ? 'bottom' : this._placement;
         this._adapter.positionElement({
             anchorElement: this._anchorElement,
             strategy: this._positionStrategy,
-            placement: positionPlacement,
-            auto: this._placement === 'auto',
+            placement: this._placement,
             hide: this._hide,
             offset: this._offset,
             shift: this._shift,

package/esm/split-view/split-view-panel/split-view-panel.js

@@ -14,7 +14,7 @@ import { SplitViewPanelAdapter } from './split-view-panel-adapter';
 import { IconComponent, IconRegistry } from '../../icon';
 import { RippleComponent } from '../../ripple';
 const template = '<template><div class=\"forge-split-view-panel\" id=\"root\" part=\"root\"><div class=\"forge-split-view-panel__handle\" id=\"handle\" part=\"handle\" role=\"separator\" aria-controls=\"content\" aria-grabbed=\"false\" tabindex=\"0\"><forge-icon class=\"forge-split-view-panel__icon\" id=\"icon\" part=\"icon\"></forge-icon><forge-ripple id=\"ripple\" part=\"ripple\"></forge-ripple></div><div class=\"forge-split-view-panel__content\" id=\"content\" part=\"content\" role=\"group\"><slot></slot></div></div></template>';
-const styles = '@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;position:relative;outline:0;overflow:hidden}.mdc-ripple-surface::after,.mdc-ripple-surface::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-ripple-surface::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface::after,.mdc-ripple-surface::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-upgraded--unbounded::after,.mdc-ripple-upgraded--unbounded::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.mdc-ripple-surface.mdc-ripple-surface--hover::before,.mdc-ripple-surface:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{--mdc-ripple-color:var(--mdc-theme-on-surface)}.forge-split-view-panel{display:-webkit-box;display:flex;width:100%;height:100%;overflow:hidden;contain:paint size}.forge-split-view-panel__handle{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-light,rgba(0,0,0,.54));background-color:#e0e0e0;background-color:var(--forge-theme-border-color,#e0e0e0);display:-webkit-box;display:flex;flex-shrink:0;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;outline:0}.forge-split-view-panel__content{-webkit-box-flex:1;flex:1;overflow:hidden}.forge-split-view-panel--closed{display:none}.forge-split-view-panel--disabled #handle{pointer-events:none}.forge-split-view-panel--disabled .forge-split-view-panel__icon{display:none}.forge-split-view-panel[orientation=horizontal]{min-width:8px;min-width:var(--forge-split-view-handle-width,8px);width:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.forge-split-view-panel[orientation=horizontal] .forge-split-view-panel__handle{width:8px;width:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:u6ateim;animation-name:u6ateim;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes u6ateim{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes u6ateim{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=start]{position:absolute;top:0;right:0;-webkit-animation-name:u6atej7;animation-name:u6atej7;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes u6atej7{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes u6atej7{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:u6atejh;animation-name:u6atejh;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes u6atejh{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes u6atejh{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{position:absolute;top:0;right:0;-webkit-animation-name:u6atejm;animation-name:u6atejm;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes u6atejm{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes u6atejm{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.forge-split-view-panel[orientation=vertical]{min-height:8px;min-height:var(--forge-split-view-handle-width,8px);height:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-split-view-panel[orientation=vertical] .forge-split-view-panel__handle{height:8px;height:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:u6atejz;animation-name:u6atejz;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes u6atejz{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes u6atejz{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=start]{position:absolute;bottom:0;left:0;-webkit-animation-name:u6atekl;animation-name:u6atekl;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes u6atekl{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes u6atekl{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:u6atekp;animation-name:u6atekp;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes u6atekp{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes u6atekp{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{position:absolute;bottom:0;left:0;-webkit-animation-name:u6atel9;animation-name:u6atel9;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes u6atel9{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes u6atel9{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}:host{z-index:var(--forge-split-view-animating-layer)!important;display:block;position:relative;height:100%;width:100%;-webkit-box-flex:0;flex:0}:host([hidden]){display:none}:host(:not([resizable=start],[resizable=end])){-webkit-box-flex:1;flex:1}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel{width:100%;height:100%;min-width:0;min-height:0}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel__handle{display:none}';
+const styles = '@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;position:relative;outline:0;overflow:hidden}.mdc-ripple-surface::after,.mdc-ripple-surface::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-ripple-surface::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface::after,.mdc-ripple-surface::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-upgraded--unbounded::after,.mdc-ripple-upgraded--unbounded::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.mdc-ripple-surface.mdc-ripple-surface--hover::before,.mdc-ripple-surface:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{--mdc-ripple-color:var(--mdc-theme-on-surface)}.forge-split-view-panel{display:-webkit-box;display:flex;width:100%;height:100%;overflow:hidden;contain:paint size}.forge-split-view-panel__handle{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-light,rgba(0,0,0,.54));background-color:#e0e0e0;background-color:var(--forge-theme-border-color,#e0e0e0);display:-webkit-box;display:flex;flex-shrink:0;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;outline:0}.forge-split-view-panel__content{-webkit-box-flex:1;flex:1;overflow:hidden}.forge-split-view-panel--closed{display:none}.forge-split-view-panel--disabled #handle{pointer-events:none}.forge-split-view-panel--disabled .forge-split-view-panel__icon{display:none}.forge-split-view-panel[orientation=horizontal]{min-width:8px;min-width:var(--forge-split-view-handle-width,8px);width:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.forge-split-view-panel[orientation=horizontal] .forge-split-view-panel__handle{width:8px;width:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:udpkevm;animation-name:udpkevm;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes udpkevm{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes udpkevm{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=start]{position:absolute;top:0;right:0;-webkit-animation-name:udpkewi;animation-name:udpkewi;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes udpkewi{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes udpkewi{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:udpkewr;animation-name:udpkewr;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes udpkewr{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes udpkewr{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{position:absolute;top:0;right:0;-webkit-animation-name:udpkex0;animation-name:udpkex0;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes udpkex0{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes udpkex0{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.forge-split-view-panel[orientation=vertical]{min-height:8px;min-height:var(--forge-split-view-handle-width,8px);height:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-split-view-panel[orientation=vertical] .forge-split-view-panel__handle{height:8px;height:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:udpkexf;animation-name:udpkexf;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes udpkexf{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes udpkexf{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=start]{position:absolute;bottom:0;left:0;-webkit-animation-name:udpkey2;animation-name:udpkey2;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@-webkit-keyframes udpkey2{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes udpkey2{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;-webkit-animation-name:udpkeyz;animation-name:udpkeyz;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes udpkeyz{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes udpkeyz{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{position:absolute;bottom:0;left:0;-webkit-animation-name:udpkezx;animation-name:udpkezx;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-direction:reverse}@-webkit-keyframes udpkezx{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes udpkezx{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}:host{z-index:var(--forge-split-view-animating-layer)!important;display:block;position:relative;height:100%;width:100%;-webkit-box-flex:0;flex:0}:host([hidden]){display:none}:host(:not([resizable=start],[resizable=end])){-webkit-box-flex:1;flex:1}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel{width:100%;height:100%;min-width:0;min-height:0}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel__handle{display:none}';
 /**
  * The custom element class behind the `<forge-split-view-panel>` element.
  *

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tylertech/forge",
   "description": "Tyler Forge™ Web Components library",
-  "version": "3.0.0-next.17",
+  "version": "3.0.0-next.19",
   "author": "Tyler Technologies, Inc.",
   "license": "Apache-2.0",
   "repository": {

package/styles/banner/_core.scss

@@ -0,0 +1,59 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+@use './token-utils' as *;
+
+@forward './token-utils';
+
+@mixin host {
+  display: block;
+  container-type: inline-size;
+}
+
+@mixin base {
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-template-rows: 1fr;
+  overflow: hidden;
+  box-sizing: border-box;
+  
+  transition-property: opacity, grid-template-rows, min-height;
+  transition-duration: #{token(transition-duration)};
+  transition-timing-function: #{token(transition-easing)};
+  
+  background: #{token(background)};
+  color: #{token(color)};
+  
+  opacity: 1;
+}
+
+@mixin inner {
+  display: grid;
+  grid-template-columns: 1fr auto;
+  place-items: center;
+  gap: #{token(gap)};
+  overflow: hidden;
+  padding-inline: #{token(padding-inline)};
+}
+
+@mixin container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: #{token(gap)};
+  flex: 1 1 auto;
+  padding-block: #{token(padding-block)};
+}
+
+@mixin dismiss-button-container {
+  display: flex;
+  align-items: center;
+  gap: #{token(gap)};
+}
+
+@mixin dismissed {
+  grid-template-rows: 0fr;
+  opacity: 0;
+}

package/styles/banner/_token-utils.scss

@@ -0,0 +1,30 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+@use '../core/styles/tokens/banner/tokens';
+@use '../core/styles/tokens/token-utils';
+
+$_module: banner;
+$_tokens: tokens.$tokens;
+
+@mixin provide-theme($theme) {
+  @include token-utils.provide-theme($_module, $_tokens, $theme);
+}
+
+@function token($name, $type: token) {
+  @return token-utils.token($_module, $_tokens, $name, $type);
+}
+
+@function declare($token) {
+  @return token-utils.declare($_module, $token);
+}
+
+@mixin override($token, $token-or-value, $type: token) {
+  @include token-utils.override($_module, $_tokens, $token, $token-or-value, $type);
+}
+
+@mixin tokens($includes: null, $excludes: null) {
+  @include token-utils.tokens($_module, $_tokens, $includes, $excludes);
+}

package/styles/banner/banner.scss

@@ -3,21 +3,149 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-@use './mixins';
+@use './core' as *;
+@use '../button';
+@use '../icon-button';
+@use '../core/styles/theme';
 
-@include mixins.core-styles;
+//
+// Host
+//
 
 :host {
-  display: block;
+  @include host;
 }
 
 :host([hidden]) {
   display: none;
 }
 
-@include mixins.default-theme();
-@include mixins.theme('danger');
-@include mixins.theme('warning');
-@include mixins.theme('success');
-@include mixins.theme('info-primary');
-@include mixins.theme('info-secondary');
+//
+// Base
+//
+
+.forge-banner {
+  @include tokens;
+}
+
+.forge-banner {
+  @include base;
+
+  .inner {
+    @include inner;
+  }
+
+  .container {
+    @include container;
+  }
+
+  .dismiss-button-container {
+    @include dismiss-button-container;
+  }
+
+  ::slotted(forge-button[slot=dismiss-button]) {
+    @include button.provide-theme((
+      primary-color: #{token(color)}
+    ));
+  }
+  
+  ::slotted(forge-icon-button[slot=dismiss-button]),
+  forge-icon-button[part=dismiss-button] {
+    color: #{token(icon-color)};
+    
+    @include icon-button.provide-theme((
+      focus-indicator-color: #{token(color)}
+    ));
+  }
+}
+
+//
+// Slotted - button
+//
+
+::slotted(forge-button[slot=button]) {
+  @include button.provide-theme((
+    primary-color: #{token(color)}
+  ));
+}
+
+//
+// Slotted -icon
+//
+
+::slotted([slot=icon]) {
+  color: #{token(icon-color)};
+}
+
+//
+// Dismissed
+//
+
+:host([dismissed]) {
+  .forge-banner {
+    @include dismissed;
+  }
+}
+
+//
+// Theme
+//
+
+@each $theme in [primary secondary tertiary success error warning] {
+  :host([theme=#{$theme}]) {
+    .forge-banner {
+      @include override(background, theme.variable(#{$theme}-container), value);
+      @include override(icon-color, theme.variable(on-#{$theme}-container), value);
+    }
+  }
+}
+
+// Backwards compatibility with the new error theme
+:host([theme=danger]) {
+  .forge-banner {
+    @include override(background, theme.variable(error-container), value);
+    @include override(icon-color, theme.variable(on-error-container), value);
+  }
+}
+
+// Use surface theme for info-secondary
+:host([theme=info-secondary]) {
+  .forge-banner {
+    @include override(background, theme.variable(surface-container), value);
+    @include override(icon-color, theme.variable(on-surface-container), value);
+  }
+}
+
+//
+// Responsive
+//
+
+@container (max-width: 600px) {
+  .forge-banner.has-button {
+    .container {
+      display: grid;
+      grid-template-rows: [content] 1fr [button] auto;
+      grid-template-columns: [content] 1fr;
+      place-items: normal;
+    }
+
+    &.has-icon {
+      .container {
+        grid-template-columns: [icon] auto [content] 1fr;
+      }
+    }
+
+    .inner {
+      place-items: normal;
+    }
+
+    .button-container {
+      grid-row: button;
+      grid-column: content;
+    }
+
+    .dismiss-button-container {
+      align-items: flex-start;
+    }
+  }
+}

package/styles/banner/index.scss

@@ -0,0 +1,6 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+@forward './core';

package/styles/core/styles/tokens/banner/_tokens.scss

@@ -0,0 +1,26 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+@use 'sass:map';
+@use '../../animation';
+@use '../../spacing';
+@use '../../theme';
+@use '../../border';
+@use '../../utils';
+
+$tokens: (
+  background: utils.module-val(banner, background, theme.variable(info-container)),
+  color: utils.module-val(banner, color, theme.variable(text-high)),
+  icon-color: utils.module-val(banner, icon-color, theme.variable(on-info-container)),
+  gap: utils.module-val(banner, gap, spacing.variable(small)),
+  padding-inline: utils.module-val(banner, padding-inline, spacing.variable(large)),
+  padding-block: utils.module-val(banner, padding-block, spacing.variable(small)),
+  transition-duration: utils.module-val(banner, transition-duration, animation.variable(duration-short4)),
+  transition-easing: utils.module-val(banner, transition-easing, animation.variable(easing-standard))
+) !default;
+
+@function get($key) {
+  @return map.get($tokens, $key);
+}

package/styles/theme/_theme-dark.scss

@@ -15,10 +15,6 @@
 @use '../skeleton/variables' as skeleton-variables;
 @use '../toast/mixins' as toast-mixins;
 @use '../toast/variables' as toast-variables;
-@use '../badge/mixins' as badge-mixins;
-@use '../badge/variables' as badge-variables;
-@use '../banner/mixins' as banner-mixins;
-@use '../banner/variables' as banner-variables;
 @use '../table/mixins' as table-mixins;
 @use '../table/variables' as table-variables;
 
@@ -45,6 +41,4 @@
   @include skeleton-mixins.provide-theme(skeleton-variables.$theme-values-dark);
   @include toast-mixins.provide-theme(toast-variables.$theme-values-dark);
   @include table-mixins.provide-theme(table-variables.$theme-values-dark);
-  @include badge-mixins.provide-theme(badge-variables.$theme-values-dark);
-  @include banner-mixins.provide-theme(banner-variables.$theme-values-dark);
 }

package/dist/esm/chunks/chunk.53HPDCFR.js

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import{k as Vt,m as Ut}from"./chunk.HPCXVNG6.js";import{a as $t}from"./chunk.ZY3ETQ3D.js";import{a as P}from"./chunk.NVUMRW44.js";import{a as Bt,b as Yt}from"./chunk.UVXKHQQZ.js";import{a as zt}from"./chunk.NHOGZDLN.js";import{a as Mt,e as Nt,f as Ft,k as Wt}from"./chunk.TPXXHX5J.js";import{k as ot}from"./chunk.J2M2MXP2.js";import{a as w,b as T,c as pt,d as A}from"./chunk.M3QDAYD2.js";var Lt=["top","right","bottom","left"],jt=["start","end"],Tt=Lt.reduce((t,n)=>t.concat(n,n+"-"+jt[0],n+"-"+jt[1]),[]),J=Math.min,K=Math.max,ut=Math.round,ht=Math.floor,G=t=>({x:t,y:t}),Pe={left:"right",right:"left",bottom:"top",top:"bottom"},Se={start:"end",end:"start"};function Ot(t,n,e){return K(t,J(n,e))}function Q(t,n){return typeof t=="function"?t(n):t}function V(t){return t.split("-")[0]}function W(t){return t.split("-")[1]}function Ct(t){return t==="x"?"y":"x"}function Et(t){return t==="y"?"height":"width"}function gt(t){return["top","bottom"].includes(V(t))?"y":"x"}function xt(t){return Ct(gt(t))}function Rt(t,n,e){e===void 0&&(e=!1);let o=W(t),i=xt(t),r=Et(i),s=i==="x"?o===(e?"end":"start")?"right":"left":o==="start"?"bottom":"top";return n.reference[r]>n.floating[r]&&(s=dt(s)),[s,dt(s)]}function Xt(t){let n=dt(t);return[mt(t),n,mt(n)]}function mt(t){return t.replace(/start|end/g,n=>Se[n])}function Le(t,n,e){let o=["left","right"],i=["right","left"],r=["top","bottom"],s=["bottom","top"];switch(t){case"top":case"bottom":return e?n?i:o:n?o:i;case"left":case"right":return n?r:s;default:return[]}}function Kt(t,n,e,o){let i=W(t),r=Le(V(t),e==="start",o);return i&&(r=r.map(s=>s+"-"+i),n&&(r=r.concat(r.map(mt)))),r}function dt(t){return t.replace(/left|right|bottom|top/g,n=>Pe[n])}function Te(t){return w({top:0,right:0,bottom:0,left:0},t)}function It(t){return typeof t!="number"?Te(t):{top:t,right:t,bottom:t,left:t}}function tt(t){return T(w({},t),{top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height})}function Gt(t,n,e){let{reference:o,floating:i}=t,r=gt(n),s=xt(n),l=Et(s),c=V(n),a=r==="y",d=o.x+o.width/2-i.width/2,p=o.y+o.height/2-i.height/2,m=o[l]/2-i[l]/2,f;switch(c){case"top":f={x:d,y:o.y-i.height};break;case"bottom":f={x:d,y:o.y+o.height};break;case"right":f={x:o.x+o.width,y:p};break;case"left":f={x:o.x-i.width,y:p};break;default:f={x:o.x,y:o.y}}switch(W(n)){case"start":f[s]-=m*(e&&a?-1:1);break;case"end":f[s]+=m*(e&&a?-1:1);break}return f}var Qt=async(t,n,e)=>{let{placement:o="bottom",strategy:i="absolute",middleware:r=[],platform:s}=e,l=r.filter(Boolean),c=await(s.isRTL==null?void 0:s.isRTL(n)),a=await s.getElementRects({reference:t,floating:n,strategy:i}),{x:d,y:p}=Gt(a,o,c),m=o,f={},u=0;for(let g=0;g<l.length;g++){let{name:y,fn:h}=l[g],{x:v,y:E,data:O,reset:x}=await h({x:d,y:p,initialPlacement:o,placement:m,strategy:i,middlewareData:f,rects:a,platform:s,elements:{reference:t,floating:n}});d=v!=null?v:d,p=E!=null?E:p,f=T(w({},f),{[y]:w(w({},f[y]),O)}),x&&u<=50&&(u++,typeof x=="object"&&(x.placement&&(m=x.placement),x.rects&&(a=x.rects===!0?await s.getElementRects({reference:t,floating:n,strategy:i}):x.rects),{x:d,y:p}=Gt(a,m,c)),g=-1)}return{x:d,y:p,placement:m,strategy:i,middlewareData:f}};async function st(t,n){var e;n===void 0&&(n={});let{x:o,y:i,platform:r,rects:s,elements:l,strategy:c}=t,{boundary:a="clippingAncestors",rootBoundary:d="viewport",elementContext:p="floating",altBoundary:m=!1,padding:f=0}=Q(n,t),u=It(f),y=l[m?p==="floating"?"reference":"floating":p],h=tt(await r.getClippingRect({element:(e=await(r.isElement==null?void 0:r.isElement(y)))==null||e?y:y.contextElement||await(r.getDocumentElement==null?void 0:r.getDocumentElement(l.floating)),boundary:a,rootBoundary:d,strategy:c})),v=p==="floating"?T(w({},s.floating),{x:o,y:i}):s.reference,E=await(r.getOffsetParent==null?void 0:r.getOffsetParent(l.floating)),O=await(r.isElement==null?void 0:r.isElement(E))?await(r.getScale==null?void 0:r.getScale(E))||{x:1,y:1}:{x:1,y:1},x=tt(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:v,offsetParent:E,strategy:c}):v);return{top:(h.top-x.top+u.top)/O.y,bottom:(x.bottom-h.bottom+u.bottom)/O.y,left:(h.left-x.left+u.left)/O.x,right:(x.right-h.right+u.right)/O.x}}var Zt=t=>({name:"arrow",options:t,async fn(n){let{x:e,y:o,placement:i,rects:r,platform:s,elements:l,middlewareData:c}=n,{element:a,padding:d=0}=Q(t,n)||{};if(a==null)return{};let p=It(d),m={x:e,y:o},f=xt(i),u=Et(f),g=await s.getDimensions(a),y=f==="y",h=y?"top":"left",v=y?"bottom":"right",E=y?"clientHeight":"clientWidth",O=r.reference[u]+r.reference[f]-m[f]-r.floating[u],x=m[f]-r.reference[f],_=await(s.getOffsetParent==null?void 0:s.getOffsetParent(a)),C=_?_[E]:0;(!C||!await(s.isElement==null?void 0:s.isElement(_)))&&(C=l.floating[E]||r.floating[u]);let H=O/2-x/2,F=C/2-g[u]/2-1,B=J(p[h],F),L=J(p[v],F),R=B,M=C-g[u]-L,N=C/2-g[u]/2+H,X=Ot(R,N,M),z=!c.arrow&&W(i)!=null&&N!==X&&r.reference[u]/2-(N<R?B:L)-g[u]/2<0,Y=z?N<R?N-R:N-M:0;return{[f]:m[f]+Y,data:w({[f]:X,centerOffset:N-X-Y},z&&{alignmentOffset:Y}),reset:z}}});function Ce(t,n,e){return(t?[...e.filter(i=>W(i)===t),...e.filter(i=>W(i)!==t)]:e.filter(i=>V(i)===i)).filter(i=>t?W(i)===t||(n?mt(i)!==i:!1):!0)}var te=function(t){return t===void 0&&(t={}),{name:"autoPlacement",options:t,async fn(n){var e,o,i;let{rects:r,middlewareData:s,placement:l,platform:c,elements:a}=n,B=Q(t,n),{crossAxis:d=!1,alignment:p,allowedPlacements:m=Tt,autoAlignment:f=!0}=B,u=pt(B,["crossAxis","alignment","allowedPlacements","autoAlignment"]),g=p!==void 0||m===Tt?Ce(p||null,f,m):m,y=await st(n,u),h=((e=s.autoPlacement)==null?void 0:e.index)||0,v=g[h];if(v==null)return{};let E=Rt(v,r,await(c.isRTL==null?void 0:c.isRTL(a.floating)));if(l!==v)return{reset:{placement:g[0]}};let O=[y[V(v)],y[E[0]],y[E[1]]],x=[...((o=s.autoPlacement)==null?void 0:o.overflows)||[],{placement:v,overflows:O}],_=g[h+1];if(_)return{data:{index:h+1,overflows:x},reset:{placement:_}};let C=x.map(L=>{let R=W(L.placement);return[L.placement,R&&d?L.overflows.slice(0,2).reduce((M,N)=>M+N,0):L.overflows[0],L.overflows]}).sort((L,R)=>L[1]-R[1]),F=((i=C.filter(L=>L[2].slice(0,W(L[0])?2:3).every(R=>R<=0))[0])==null?void 0:i[0])||C[0][0];return F!==l?{data:{index:h+1,overflows:x},reset:{placement:F}}:{}}}},ee=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(n){var e,o;let{placement:i,middlewareData:r,rects:s,initialPlacement:l,platform:c,elements:a}=n,R=Q(t,n),{mainAxis:d=!0,crossAxis:p=!0,fallbackPlacements:m,fallbackStrategy:f="bestFit",fallbackAxisSideDirection:u="none",flipAlignment:g=!0}=R,y=pt(R,["mainAxis","crossAxis","fallbackPlacements","fallbackStrategy","fallbackAxisSideDirection","flipAlignment"]);if((e=r.arrow)!=null&&e.alignmentOffset)return{};let h=V(i),v=V(l)===l,E=await(c.isRTL==null?void 0:c.isRTL(a.floating)),O=m||(v||!g?[dt(l)]:Xt(l));!m&&u!=="none"&&O.push(...Kt(l,g,u,E));let x=[l,...O],_=await st(n,y),C=[],H=((o=r.flip)==null?void 0:o.overflows)||[];if(d&&C.push(_[h]),p){let M=Rt(i,s,E);C.push(_[M[0]],_[M[1]])}if(H=[...H,{placement:i,overflows:C}],!C.every(M=>M<=0)){var F,B;let M=(((F=r.flip)==null?void 0:F.index)||0)+1,N=x[M];if(N)return{data:{index:M,overflows:H},reset:{placement:N}};let X=(B=H.filter(z=>z.overflows[0]<=0).sort((z,Y)=>z.overflows[1]-Y.overflows[1])[0])==null?void 0:B.placement;if(!X)switch(f){case"bestFit":{var L;let z=(L=H.map(Y=>[Y.placement,Y.overflows.filter(ft=>ft>0).reduce((ft,Ae)=>ft+Ae,0)]).sort((Y,ft)=>Y[1]-ft[1])[0])==null?void 0:L[0];z&&(X=z);break}case"initialPlacement":X=l;break}if(i!==X)return{reset:{placement:X}}}return{}}}};function qt(t,n){return{top:t.top-n.height,right:t.right-n.width,bottom:t.bottom-n.height,left:t.left-n.width}}function Jt(t){return Lt.some(n=>t[n]>=0)}var ne=function(t){return t===void 0&&(t={}),{name:"hide",options:t,async fn(n){let{rects:e}=n,r=Q(t,n),{strategy:o="referenceHidden"}=r,i=pt(r,["strategy"]);switch(o){case"referenceHidden":{let s=await st(n,T(w({},i),{elementContext:"reference"})),l=qt(s,e.reference);return{data:{referenceHiddenOffsets:l,referenceHidden:Jt(l)}}}case"escaped":{let s=await st(n,T(w({},i),{altBoundary:!0})),l=qt(s,e.floating);return{data:{escapedOffsets:l,escaped:Jt(l)}}}default:return{}}}}};async function Re(t,n){let{placement:e,platform:o,elements:i}=t,r=await(o.isRTL==null?void 0:o.isRTL(i.floating)),s=V(e),l=W(e),c=gt(e)==="y",a=["left","top"].includes(s)?-1:1,d=r&&c?-1:1,p=Q(n,t),{mainAxis:m,crossAxis:f,alignmentAxis:u}=typeof p=="number"?{mainAxis:p,crossAxis:0,alignmentAxis:null}:w({mainAxis:0,crossAxis:0,alignmentAxis:null},p);return l&&typeof u=="number"&&(f=l==="end"?u*-1:u),c?{x:f*d,y:m*a}:{x:m*a,y:f*d}}var Dt=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(n){var e,o;let{x:i,y:r,placement:s,middlewareData:l}=n,c=await Re(n,t);return s===((e=l.offset)==null?void 0:e.placement)&&(o=l.arrow)!=null&&o.alignmentOffset?{}:{x:i+c.x,y:r+c.y,data:T(w({},c),{placement:s})}}}},ie=function(t){return t===void 0&&(t={}),{name:"shift",options:t,async fn(n){let{x:e,y:o,placement:i}=n,y=Q(t,n),{mainAxis:r=!0,crossAxis:s=!1,limiter:l={fn:h=>{let{x:v,y:E}=h;return{x:v,y:E}}}}=y,c=pt(y,["mainAxis","crossAxis","limiter"]),a={x:e,y:o},d=await st(n,c),p=gt(V(i)),m=Ct(p),f=a[m],u=a[p];if(r){let h=m==="y"?"top":"left",v=m==="y"?"bottom":"right",E=f+d[h],O=f-d[v];f=Ot(E,f,O)}if(s){let h=p==="y"?"top":"left",v=p==="y"?"bottom":"right",E=u+d[h],O=u-d[v];u=Ot(E,u,O)}let g=l.fn(T(w({},n),{[m]:f,[p]:u}));return T(w({},g),{data:{x:g.x-e,y:g.y-o}})}}};function q(t){return se(t)?(t.nodeName||"").toLowerCase():"#document"}function I(t){var n;return(t==null||(n=t.ownerDocument)==null?void 0:n.defaultView)||window}function U(t){var n;return(n=(se(t)?t.ownerDocument:t.document)||window.document)==null?void 0:n.documentElement}function se(t){return t instanceof Node||t instanceof I(t).Node}function j(t){return t instanceof Element||t instanceof I(t).Element}function $(t){return t instanceof HTMLElement||t instanceof I(t).HTMLElement}function oe(t){return typeof ShadowRoot=="undefined"?!1:t instanceof ShadowRoot||t instanceof I(t).ShadowRoot}function lt(t){let{overflow:n,overflowX:e,overflowY:o,display:i}=k(t);return/auto|scroll|overlay|hidden|clip/.test(n+o+e)&&!["inline","contents"].includes(i)}function re(t){return["table","td","th"].includes(q(t))}function at(t){let n=_t(),e=k(t);return e.transform!=="none"||e.perspective!=="none"||(e.containerType?e.containerType!=="normal":!1)||!n&&(e.backdropFilter?e.backdropFilter!=="none":!1)||!n&&(e.filter?e.filter!=="none":!1)||["transform","perspective","filter"].some(o=>(e.willChange||"").includes(o))||["paint","layout","strict","content"].some(o=>(e.contain||"").includes(o))}function wt(t){let n=et(t);for(;$(n)&&!bt(n);){if(at(n))return n;n=et(n)}return null}function _t(){return typeof CSS=="undefined"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function bt(t){return["html","body","#document"].includes(q(t))}function k(t){return I(t).getComputedStyle(t)}function yt(t){return j(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function et(t){if(q(t)==="html")return t;let n=t.assignedSlot||t.parentNode||oe(t)&&t.host||U(t);return oe(n)?n.host:n}function le(t){let n=et(t);return bt(n)?t.ownerDocument?t.ownerDocument.body:t.body:$(n)&&lt(n)?n:le(n)}function rt(t,n,e){var o;n===void 0&&(n=[]),e===void 0&&(e=!0);let i=le(t),r=i===((o=t.ownerDocument)==null?void 0:o.body),s=I(i);return r?n.concat(s,s.visualViewport||[],lt(i)?i:[],s.frameElement&&e?rt(s.frameElement):[]):n.concat(i,rt(i,[],e))}function fe(t){let n=k(t),e=parseFloat(n.width)||0,o=parseFloat(n.height)||0,i=$(t),r=i?t.offsetWidth:e,s=i?t.offsetHeight:o,l=ut(e)!==r||ut(o)!==s;return l&&(e=r,o=s),{width:e,height:o,$:l}}function Ht(t){return j(t)?t:t.contextElement}function ct(t){let n=Ht(t);if(!$(n))return G(1);let e=n.getBoundingClientRect(),{width:o,height:i,$:r}=fe(n),s=(r?ut(e.width):e.width)/o,l=(r?ut(e.height):e.height)/i;return(!s||!Number.isFinite(s))&&(s=1),(!l||!Number.isFinite(l))&&(l=1),{x:s,y:l}}var Ie=G(0);function pe(t){let n=I(t);return!_t()||!n.visualViewport?Ie:{x:n.visualViewport.offsetLeft,y:n.visualViewport.offsetTop}}function De(t,n,e){return n===void 0&&(n=!1),!e||n&&e!==I(t)?!1:n}function nt(t,n,e,o){n===void 0&&(n=!1),e===void 0&&(e=!1);let i=t.getBoundingClientRect(),r=Ht(t),s=G(1);n&&(o?j(o)&&(s=ct(o)):s=ct(t));let l=De(r,e,o)?pe(r):G(0),c=(i.left+l.x)/s.x,a=(i.top+l.y)/s.y,d=i.width/s.x,p=i.height/s.y;if(r){let m=I(r),f=o&&j(o)?I(o):o,u=m.frameElement;for(;u&&o&&f!==m;){let g=ct(u),y=u.getBoundingClientRect(),h=k(u),v=y.left+(u.clientLeft+parseFloat(h.paddingLeft))*g.x,E=y.top+(u.clientTop+parseFloat(h.paddingTop))*g.y;c*=g.x,a*=g.y,d*=g.x,p*=g.y,c+=v,a+=E,u=I(u).frameElement}}return tt({width:d,height:p,x:c,y:a})}function He(t){let{rect:n,offsetParent:e,strategy:o}=t,i=$(e),r=U(e);if(e===r)return n;let s={scrollLeft:0,scrollTop:0},l=G(1),c=G(0);if((i||!i&&o!=="fixed")&&((q(e)!=="body"||lt(r))&&(s=yt(e)),$(e))){let a=nt(e);l=ct(e),c.x=a.x+e.clientLeft,c.y=a.y+e.clientTop}return{width:n.width*l.x,height:n.height*l.y,x:n.x*l.x-s.scrollLeft*l.x+c.x,y:n.y*l.y-s.scrollTop*l.y+c.y}}function ke(t){return Array.from(t.getClientRects())}function me(t){return nt(U(t)).left+yt(t).scrollLeft}function Me(t){let n=U(t),e=yt(t),o=t.ownerDocument.body,i=K(n.scrollWidth,n.clientWidth,o.scrollWidth,o.clientWidth),r=K(n.scrollHeight,n.clientHeight,o.scrollHeight,o.clientHeight),s=-e.scrollLeft+me(t),l=-e.scrollTop;return k(o).direction==="rtl"&&(s+=K(n.clientWidth,o.clientWidth)-i),{width:i,height:r,x:s,y:l}}function Ne(t,n){let e=I(t),o=U(t),i=e.visualViewport,r=o.clientWidth,s=o.clientHeight,l=0,c=0;if(i){r=i.width,s=i.height;let a=_t();(!a||a&&n==="fixed")&&(l=i.offsetLeft,c=i.offsetTop)}return{width:r,height:s,x:l,y:c}}function Fe(t,n){let e=nt(t,!0,n==="fixed"),o=e.top+t.clientTop,i=e.left+t.clientLeft,r=$(t)?ct(t):G(1),s=t.clientWidth*r.x,l=t.clientHeight*r.y,c=i*r.x,a=o*r.y;return{width:s,height:l,x:c,y:a}}function ae(t,n,e){let o;if(n==="viewport")o=Ne(t,e);else if(n==="document")o=Me(U(t));else if(j(n))o=Fe(n,e);else{let i=pe(t);o=T(w({},n),{x:n.x-i.x,y:n.y-i.y})}return tt(o)}function de(t,n){let e=et(t);return e===n||!j(e)||bt(e)?!1:k(e).position==="fixed"||de(e,n)}function Be(t,n){let e=n.get(t);if(e)return e;let o=rt(t,[],!1).filter(l=>j(l)&&q(l)!=="body"),i=null,r=k(t).position==="fixed",s=r?et(t):t;for(;j(s)&&!bt(s);){let l=k(s),c=at(s);!c&&l.position==="fixed"&&(i=null),(r?!c&&!i:!c&&l.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||lt(s)&&!c&&de(t,s))?o=o.filter(d=>d!==s):i=l,s=et(s)}return n.set(t,o),o}function We(t){let{element:n,boundary:e,rootBoundary:o,strategy:i}=t,s=[...e==="clippingAncestors"?Be(n,this._c):[].concat(e),o],l=s[0],c=s.reduce((a,d)=>{let p=ae(n,d,i);return a.top=K(p.top,a.top),a.right=J(p.right,a.right),a.bottom=J(p.bottom,a.bottom),a.left=K(p.left,a.left),a},ae(n,l,i));return{width:c.right-c.left,height:c.bottom-c.top,x:c.left,y:c.top}}function $e(t){let{width:n,height:e}=fe(t);return{width:n,height:e}}function ze(t,n,e){let o=$(n),i=U(n),r=e==="fixed",s=nt(t,!0,r,n),l={scrollLeft:0,scrollTop:0},c=G(0);if(o||!o&&!r)if((q(n)!=="body"||lt(i))&&(l=yt(n)),o){let a=nt(n,!0,r,n);c.x=a.x+n.clientLeft,c.y=a.y+n.clientTop}else i&&(c.x=me(i));return{x:s.left+l.scrollLeft-c.x,y:s.top+l.scrollTop-c.y,width:s.width,height:s.height}}function ce(t,n){return!$(t)||k(t).position==="fixed"?null:n?n(t):t.offsetParent}function ue(t,n){let e=I(t);if(!$(t))return e;let o=ce(t,n);for(;o&&re(o)&&k(o).position==="static";)o=ce(o,n);return o&&(q(o)==="html"||q(o)==="body"&&k(o).position==="static"&&!at(o))?e:o||wt(t)||e}var Ye=async function(t){let{reference:n,floating:e,strategy:o}=t,i=this.getOffsetParent||ue,r=this.getDimensions;return{reference:ze(n,await i(e),o),floating:w({x:0,y:0},await r(e))}};function Ve(t){return k(t).direction==="rtl"}var Ue={convertOffsetParentRelativeRectToViewportRelativeRect:He,getDocumentElement:U,getClippingRect:We,getOffsetParent:ue,getElementRects:Ye,getClientRects:ke,getDimensions:$e,getScale:ct,isElement:j,isRTL:Ve};function je(t,n){let e=null,o,i=U(t);function r(){clearTimeout(o),e&&e.disconnect(),e=null}function s(l,c){l===void 0&&(l=!1),c===void 0&&(c=1),r();let{left:a,top:d,width:p,height:m}=t.getBoundingClientRect();if(l||n(),!p||!m)return;let f=ht(d),u=ht(i.clientWidth-(a+p)),g=ht(i.clientHeight-(d+m)),y=ht(a),v={rootMargin:-f+"px "+-u+"px "+-g+"px "+-y+"px",threshold:K(0,J(1,c))||1},E=!0;function O(x){let _=x[0].intersectionRatio;if(_!==c){if(!E)return s();_?s(!1,_):o=setTimeout(()=>{s(!1,1e-7)},100)}E=!1}try{e=new IntersectionObserver(O,T(w({},v),{root:i.ownerDocument}))}catch(x){e=new IntersectionObserver(O,v)}e.observe(t)}return s(!0),r}function he(t,n,e,o){o===void 0&&(o={});let{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:s=typeof ResizeObserver=="function",layoutShift:l=typeof IntersectionObserver=="function",animationFrame:c=!1}=o,a=Ht(t),d=i||r?[...a?rt(a):[],...rt(n)]:[];d.forEach(h=>{i&&h.addEventListener("scroll",e,{passive:!0}),r&&h.addEventListener("resize",e)});let p=a&&l?je(a,e):null,m=-1,f=null;s&&(f=new ResizeObserver(h=>{let[v]=h;v&&v.target===a&&f&&(f.unobserve(n),cancelAnimationFrame(m),m=requestAnimationFrame(()=>{f&&f.observe(n)})),e()}),a&&!c&&f.observe(a),f.observe(n));let u,g=c?nt(t):null;c&&y();function y(){let h=nt(t);g&&(h.x!==g.x||h.y!==g.y||h.width!==g.width||h.height!==g.height)&&e(),g=h,u=requestAnimationFrame(y)}return e(),()=>{d.forEach(h=>{i&&h.removeEventListener("scroll",e),r&&h.removeEventListener("resize",e)}),p&&p(),f&&f.disconnect(),f=null,c&&cancelAnimationFrame(u)}}var ge=te,be=ie,ye=ee;var ve=ne,Oe=Zt;var Ee=(t,n,e)=>{let o=new Map,i=w({platform:Ue},e),r=T(w({},i.platform),{_c:o});return Qt(t,n,T(w({},i),{platform:r}))};var Xe=["top-start","top","top-end","left-start","left","left-end","right-start","right","right-end"],vt=class t{constructor(n,e,o=0,i=0){this.x=n;this.y=e;this.height=o;this.width=i}getBoundingClientRect(){return{x:this.x,y:this.y,top:this.y,left:this.x,bottom:this.y,right:this.x,width:this.height,height:this.width,toJSON(){}}}static fromElement(n){let e=n.getBoundingClientRect();return new t(e.left,e.top,e.height,e.width)}static fromEvent(n){if(n instanceof MouseEvent)return new t(n.clientX,n.clientY);if(n instanceof TouchEvent)return new t(n.touches[0].clientX,n.touches[0].clientY);throw new Error("Unsupported event type")}};async function xe({element:t,anchorElement:n,placement:e="bottom",offset:o=!1,offsetOptions:i,strategy:r="absolute",apply:s=!0,flip:l=!0,flipOptions:c={fallbackPlacements:Xe,fallbackStrategy:"initialPlacement"},auto:a=!1,autoOptions:d,shift:p=!0,shiftOptions:m,hide:f=!1,hideOptions:u,arrowElement:g,arrowOptions:y={},topLayer:h=!1,transform:v=!0,translateFunction:E="translate3d"}){var F,B,L;let O=[];o&&O.push(Dt(i)),p&&O.push(be(m)),l&&!a&&O.push(ye(c)),a&&O.push(ge(d)),f&&O.push(ve(u)),g&&O.push(Oe(T(w({},y),{element:g}))),h&&O.push(Ke());let{x,y:_,placement:C,middlewareData:H}=await Ee(n,t,{strategy:r,placement:e,middleware:O});if(s){let R={left:v?"0":`${x}px`,top:v?"0":`${_}px`};v&&(E==="translate"?R.transform=`translate(${Math.round(x)}px, ${Math.round(_)}px)`:R.transform=`translate3d(${Math.round(x)}px, ${Math.round(_)}px, 0)`),Object.assign(t.style,R),(F=H.hide)!=null&&F.referenceHidden?t.style.display="none":t.style.removeProperty("display")}return{x,y:_,hidden:(L=(B=H.hide)==null?void 0:B.referenceHidden)!=null?L:!1,placement:C,arrow:H.arrow}}var Ke=()=>({name:"topLayer",async fn({x:t,y:n,elements:{reference:e,floating:o}}){let i=!1,r=!1,s=!1,l={x:0,y:0};try{i=i||o.matches(":popover-open")}catch(d){}try{i=i||o.matches(":open")}catch(d){}try{i=i||o.matches(":modal")}catch(d){}r=i;let c=new Event("floating-ui-dialog-test",{composed:!0,bubbles:!0});o.addEventListener("floating-ui-dialog-test",d=>{d.composedPath().forEach(p=>{if(s=s||p===e,!(p===o||p.localName!=="dialog"))try{i=i||p.matches(":modal")}catch(m){}})},{once:!0}),o.dispatchEvent(c);let a=!1;if(!(e instanceof vt)){let d=s?e:o,p=at(d)?d:wt(d),m={};if(p!==null&&I(p)!==p&&(m=getComputedStyle(p),a=m.transform!=="none"||m.translate!=="none"||(m.containerType?m.containerType!=="normal":!1)||(m.backdropFilter?m.backdropFilter!=="none":!1)||(m.filter?m.filter!=="none":!1)||m.willChange.search("transform")>-1||m.willChange.search("translate")>-1||["paint","layout","strict","content"].some(f=>(m.contain||"").includes(f))),i&&a&&p){let f=p.getBoundingClientRect(),{marginInlineStart:u="0",marginBlockStart:g="0",borderInlineWidth:y="0",borderBlockWidth:h="0"}=m,v=parseFloat(u)+parseFloat(y),E=parseFloat(g)+parseFloat(h);l.x=f.x+v-p.scrollLeft,l.y=f.y+E-p.scrollTop}}return i&&r?{x:t+l.x,y:n+l.y,data:l}:i?{x:t,y:n,data:l}:{x:t-l.x,y:n-l.y,data:l}}});var kt=`${Yt}overlay`,we={ANCHOR:"anchor",NO_ANCHOR:"no-anchor",OPEN:"open",INLINE:"inline",PLACEMENT:"placement",POSITION_STRATEGY:"position-strategy",HIDE:"hide",PERSISTENT:"persistent",SHIFT:"shift",FLIP:"flip",BOUNDARY:"boundary",FALLBACK_PLACEMENTS:"fallback-placements"},Ge=T(w({},we),{POSITION_PLACEMENT:"position-placement"}),_e={OVERLAY:"forge-overlay"},qe={ROOT:`.${_e.OVERLAY}`},Je={LIGHT_DISMISS:`${kt}-light-dismiss`,DESCENDANT_TEST:`${kt}-descendant-test`},Qe={HIDE:"anchor-hidden",FLIP:"auto"},b={elementName:kt,observedAttributes:we,attributes:Ge,classes:_e,selectors:qe,events:Je,defaults:Qe},it=zt(),Z=Symbol("overlayStack");var At=class extends $t{constructor(e){super(e);this._lightDismissController=new AbortController;this._rootElement=Ft(e,b.selectors.ROOT)}async show(){!this._component.inline&&it?(this._rootElement.popover="manual",this._rootElement.showPopover()):this._rootElement.removeAttribute("popover"),D[Z].add(this._component)}hide(){var e;window.clearTimeout(this._overlayStackAddTimeout),this.tryCleanupAutoUpdate(),it&&this._rootElement.matches(":popover-open")&&(this._rootElement.hidePopover(),this._rootElement.removeAttribute("popover")),this._rootElement.style.removeProperty("top"),this._rootElement.style.removeProperty("left"),this._rootElement.style.removeProperty("display"),(e=this._component.arrowElement)==null||e.removeAttribute("style"),this._component.removeAttribute(b.attributes.POSITION_PLACEMENT),D[Z].delete(this._component)}tryHideDescendantOverlays(){this._findDescendantOverlays().filter(o=>!o.persistent).forEach(o=>o.open=!1)}locateAnchorElement(e){return Vt(this._component,e)}positionElement({anchorElement:e,strategy:o,placement:i,auto:r,hide:s,offset:l,shift:c,flip:a,boundary:d,boundaryElement:p,fallbackPlacements:m}){var g;this.tryCleanupAutoUpdate();let f=w({},l),u=(g=p||(d?this._component.closest(`#${d}`):null))!=null?g:"clippingAncestors";this._autoUpdateCleanup=he(e,this._rootElement,async()=>{let y=w({},f);if(this._component.arrowElement){let O=this._component.arrowElementOffset||Math.sqrt(2*this._component.arrowElement.offsetWidth**2)/2;y.mainAxis==null&&(y.mainAxis=0),y.mainAxis+=O}let h=await xe({element:this._rootElement,anchorElement:e,strategy:o,placement:i,hide:s!=="never",shift:c,shiftOptions:{boundary:u},auto:r,autoOptions:{boundary:u},flip:!r&&a!=="never",flipOptions:{boundary:u,fallbackAxisSideDirection:a==="auto"?"start":void 0,fallbackPlacements:m,crossAxis:a==="cross"||a==="auto",mainAxis:a==="main"||a==="auto"},arrowElement:this._component.arrowElement,topLayer:!this._component.inline&&it,offset:!!y,offsetOptions:y,transform:!1}),v=h.placement.split("-")[0],E={top:"bottom",right:"left",bottom:"top",left:"right"}[v];if(E&&this._component.setAttribute(b.attributes.POSITION_PLACEMENT,h.placement),this._component.arrowElement&&h.arrow){let{x:O,y:x}=h.arrow,_=this._component.arrowElement.offsetWidth,{borderWidth:C="0"}=getComputedStyle(this._component.arrowElement),H=parseFloat(C);Object.assign(this._component.arrowElement.style,{top:x!=null?`${x}px`:"",left:O!=null?`${O}px`:"",right:"",bottom:"",[E]:`${-_/2-H}px`})}})}tryCleanupAutoUpdate(){var e;(e=this._autoUpdateCleanup)==null||e.call(this),this._autoUpdateCleanup=void 0}isMostRecentOpenOverlay(){return Array.from(D[Z]).at(-1)===this._component}addLightDismissListener(e){this.removeLightDismissListener();let o=r=>{r.key==="Escape"&&this.isMostRecentOpenOverlay()&&(r.preventDefault(),r.stopPropagation(),e("escape"))};this._component.ownerDocument.addEventListener("keydown",o,{signal:this._lightDismissController.signal});let i=r=>{let s=r.composedPath(),l=Array.from(D[Z]),c=l.indexOf(this._component),a=s.some(f=>f instanceof D&&l.indexOf(f)>c),d=r.button===2;if(a||d)return;let p=this._component.anchorElement instanceof vt?!1:this._component.anchorElement&&s.includes(this._component.anchorElement),m=s.includes(this._rootElement);!p&&!m&&e("click")};this._component.ownerDocument.addEventListener("pointerup",i,{capture:!0,signal:this._lightDismissController.signal})}removeLightDismissListener(){this._lightDismissController.abort(),this._lightDismissController=new AbortController}_findDescendantOverlays(){let e=Array.from(D[Z]),o=e.slice(e.indexOf(this._component)+1).reverse(),i=[];if(o.length){let r=s=>i.push(s.target);this._component.addEventListener(b.events.DESCENDANT_TEST,r),o.forEach(s=>s.dispatchEvent(new CustomEvent(b.events.DESCENDANT_TEST,{bubbles:!0,composed:!0}))),this._component.removeEventListener(b.events.DESCENDANT_TEST,r)}return i}};var Pt=class{constructor(n){this._adapter=n}initialize(){}};var St=class extends Pt{constructor(e){super(e);this._noAnchor=!1;this._open=!1;this._inline=!1;this._placement="bottom";this._positionStrategy="fixed";this._offset={};this._shift=!1;this._hide=b.defaults.HIDE;this._flip=b.defaults.FLIP;this._fallbackPlacements=null;this._persistent=!1;this._arrowElementOffset=0;this._lightDismissListener=this._onLightDismiss.bind(this)}initialize(){!this._noAnchor&&!this._anchorElement&&this._anchor&&(this._anchorElement=this._adapter.locateAnchorElement(this._anchor)),it||(this.inline=!0),this._adapter.hasHostAttribute(b.attributes.OPEN)&&this._applyOpen(!0)}destroy(){this._open&&this._hideOverlay()}position(){var o;if(!this._open||this._noAnchor||!this._anchorElement)return;let e=this._placement==="auto"?"bottom":this._placement;this._adapter.positionElement({anchorElement:this._anchorElement,strategy:this._positionStrategy,placement:e,auto:this._placement==="auto",hide:this._hide,offset:this._offset,shift:this._shift,flip:this._flip,boundary:this._boundary,boundaryElement:this._boundaryElement,fallbackPlacements:(o=this._fallbackPlacements)!=null?o:void 0})}_onLightDismiss(e){let o={reason:e},i=new CustomEvent(b.events.LIGHT_DISMISS,{bubbles:!1,cancelable:!0,detail:o});this._adapter.dispatchHostEvent(i),!i.defaultPrevented&&this._applyOpen(!1)}_applyOpen(e){this._adapter.isConnected&&(this._open=e,this._open?this._showOverlay():this._hideOverlay(),this._adapter.toggleHostAttribute(b.attributes.OPEN,this._open))}_showOverlay(){this._adapter.show(),this._persistent||this._applyLightDismissListener(),!this._noAnchor&&this._anchorElement&&this.position()}_hideOverlay(){this._adapter.tryHideDescendantOverlays(),this._adapter.hide(),this._adapter.removeLightDismissListener()}_applyLightDismissListener(){this._adapter.addLightDismissListener(this._lightDismissListener)}get anchorElement(){return this._anchorElement}set anchorElement(e){this._anchorElement=e,this._open&&this.position()}get anchor(){return this._anchor}set anchor(e){this._anchor!==e&&(this._anchor=e,this._adapter.isConnected&&(this._anchorElement=this._anchor?this._adapter.locateAnchorElement(this._anchor):null),this._adapter.toggleHostAttribute(b.attributes.ANCHOR,!!this._anchor,this._anchor))}get noAnchor(){return this._noAnchor}set noAnchor(e){e=!!e,this._noAnchor!==e&&(this._noAnchor=e,this._adapter.toggleHostAttribute(b.attributes.NO_ANCHOR,this._noAnchor))}get open(){return this._open}set open(e){e=!!e,this._open!==e&&this._applyOpen(e)}get arrowElement(){return this._arrowElement}set arrowElement(e){this._arrowElement=e,this._open&&this.position()}get arrowElementOffset(){return this._arrowElementOffset}set arrowElementOffset(e){this._arrowElementOffset=e,this._open&&this.position()}get inline(){return this._inline}set inline(e){e=it?!!e:!0,this._inline!==e&&(this._inline=e,this._adapter.toggleHostAttribute(b.attributes.INLINE,this._inline))}get placement(){return this._placement}set placement(e){this._placement!==e&&(this._placement=e,this._open&&this.position(),this._adapter.setHostAttribute(b.attributes.PLACEMENT,this._placement))}get positionStrategy(){return this._positionStrategy}set positionStrategy(e){this._positionStrategy!==e&&(this._positionStrategy=e,this._open&&this.position(),this._adapter.setHostAttribute(b.attributes.POSITION_STRATEGY,this._positionStrategy))}get offset(){return this._offset}set offset(e){this._offset=e,this._open&&this.position()}get shift(){return this._shift}set shift(e){e=!!e,this._shift!==e&&(this._shift=e,this._open&&this.position(),this._adapter.toggleHostAttribute(b.attributes.SHIFT,this._shift))}get hide(){return this._hide}set hide(e){this._hide!==e&&(this._hide=e!=null?e:b.defaults.HIDE,this._open&&this.position(),this._adapter.toggleHostAttribute(b.attributes.HIDE,this._hide!==b.defaults.HIDE,String(this._hide)))}get persistent(){return this._persistent}set persistent(e){e=!!e,this._persistent!==e&&(this._persistent=e,this._persistent?this._adapter.removeLightDismissListener():this._open&&this._applyLightDismissListener(),this._adapter.toggleHostAttribute(b.attributes.PERSISTENT,this._persistent))}get flip(){return this._flip}set flip(e){this._flip!==e&&(this._flip=e!=null?e:b.defaults.FLIP,this._open&&this.position(),this._adapter.toggleHostAttribute(b.attributes.FLIP,this._flip!==b.defaults.FLIP,String(this._flip)))}get boundary(){return this._boundary}set boundary(e){this._boundary!==e&&(this._boundary=e,this._open&&this.position(),this._adapter.toggleHostAttribute(b.attributes.BOUNDARY,!!this._boundary,this._boundary))}get boundaryElement(){return this._boundaryElement}set boundaryElement(e){this._boundaryElement=e,this._open&&this.position()}get fallbackPlacements(){return this._fallbackPlacements}set fallbackPlacements(e){this._fallbackPlacements=e,this._open&&this.position()}};var S=class extends Wt{constructor(){super()}position(){this._foundation.position()}attributeChangedCallback(e,o,i){switch(e){case b.observedAttributes.ANCHOR:this.anchor=i;break;case b.observedAttributes.NO_ANCHOR:this.noAnchor=ot(i);break;case b.observedAttributes.OPEN:this.open=ot(i);break;case b.observedAttributes.INLINE:this.inline=ot(i);break;case b.observedAttributes.PLACEMENT:this.placement=i;break;case b.observedAttributes.POSITION_STRATEGY:this.positionStrategy=i;break;case b.observedAttributes.HIDE:this.hide=i;break;case b.observedAttributes.PERSISTENT:this.persistent=ot(i);break;case b.observedAttributes.SHIFT:this.shift=ot(i);break;case b.observedAttributes.FLIP:this.flip=i;break;case b.observedAttributes.BOUNDARY:this.boundary=i;break;case b.observedAttributes.FALLBACK_PLACEMENTS:this.fallbackPlacements=i!=null&&i.trim()?Ut(i):null;break}}};A([P()],S.prototype,"anchorElement",2),A([P()],S.prototype,"anchor",2),A([P()],S.prototype,"noAnchor",2),A([P()],S.prototype,"open",2),A([P()],S.prototype,"inline",2),A([P()],S.prototype,"placement",2),A([P()],S.prototype,"positionStrategy",2),A([P()],S.prototype,"offset",2),A([P()],S.prototype,"shift",2),A([P()],S.prototype,"hide",2),A([P()],S.prototype,"persistent",2),A([P()],S.prototype,"flip",2),A([P()],S.prototype,"boundary",2),A([P()],S.prototype,"boundaryElement",2),A([P()],S.prototype,"fallbackPlacements",2),A([P()],S.prototype,"auto",2);var Ze='<template><div class="forge-overlay" part="root"><slot></slot></div></template>',tn=":host{display:contents}:host([hidden]){display:none}.forge-overlay{--_overlay-position:var(--forge-overlay-position, fixed);--_overlay-z-index:var(--forge-overlay-z-index, var(--forge-z-index-popup, 10));--_overlay-height:var(--forge-overlay-height, fit-content);--_overlay-width:var(--forge-overlay-width, fit-content);--_overlay-position-inline-start:var(--forge-overlay-position-inline-start, auto);--_overlay-position-inline-end:var(--forge-overlay-position-inline-end, auto);--_overlay-position-block-start:var(--forge-overlay-position-block-start, auto);--_overlay-position-block-end:var(--forge-overlay-position-block-end, auto)}.forge-overlay{display:none;-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--_overlay-height);width:var(--_overlay-width);border-radius:inherit;position:var(--_overlay-position);top:0;left:0;z-index:var(--_overlay-z-index);background:inherit;color:inherit}:host([position-strategy=absolute]) .forge-overlay{--_overlay-position:var(--forge-overlay-position, absolute)}:host([open][inline]) .forge-overlay{display:block;padding:0;margin:0;border:none;overflow:visible;inset:unset}:host([open]) .forge-overlay:popover-open{display:block;padding:0;margin:0;border:none;overflow:visible;inset:unset}:host([open][no-anchor]) .forge-overlay:popover-open{inset:0;margin:auto;-webkit-margin-start:var(--_overlay-position-inline-start);margin-inline-start:var(--_overlay-position-inline-start);-webkit-margin-end:var(--_overlay-position-inline-end);margin-inline-end:var(--_overlay-position-inline-end);-webkit-margin-before:var(--_overlay-position-block-start);margin-block-start:var(--_overlay-position-block-start);-webkit-margin-after:var(--_overlay-position-block-end);margin-block-end:var(--_overlay-position-block-end)}",en,D=class extends S{constructor(){super();Nt(this,Ze,tn),this._foundation=new St(new At(this))}static get observedAttributes(){return Object.values(b.observedAttributes)}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.destroy()}};en=Z,D[en]=new Set,A([P()],D.prototype,"arrowElement",2),A([P()],D.prototype,"arrowElementOffset",2),D=A([Bt({name:b.elementName})],D);function Ni(){Mt(D)}export{vt as a,b,it as c,Z as d,At as e,St as f,D as g,Ni as h};
-//# sourceMappingURL=chunk.53HPDCFR.js.map