@esri/calcite-components 3.0.0-next.21 → 3.0.0-next.23

package/dist/calcite/XGH4UL7F.js

@@ -0,0 +1,454 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v3.0.0-next.23
+*/
+import{a as t,b as S,c as u,d as r}from"./I276HATE.js";import{b as O}from"./DLRTJGHA.js";import{b as G}from"./266CSZYJ.js";import"./YT4W5SKN.js";import"./XJHV3JRB.js";import{a as M,b as N}from"./VGGT3YKZ.js";import{a as d}from"./JZ2LJ5UR.js";import"./OIE622QI.js";import{a as z}from"./NPV6XGSE.js";import{a as D}from"./BBPZYGUE.js";import{b as $}from"./CKAWSY2K.js";import{b as I}from"./N6HIXVKF.js";import{A as x,s as E,z as c}from"./EKVZQILU.js";import{a as B,b as T,d as P}from"./NKRPQYCQ.js";import"./XM2VN6WF.js";import{A as i,M as F,a,e as C,w,y as g,z as H}from"./EISQGSOR.js";import"./J7ES76D4.js";var j=w`/**
+ * Do not edit directly
+ * Generated on Fri, 22 Nov 2024 00:15:10 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Fri, 22 Nov 2024 00:15:10 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Fri, 22 Nov 2024 00:15:10 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Fri, 22 Nov 2024 00:15:10 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Fri, 22 Nov 2024 00:15:07 GMT
+ */
+/* mixins & extensions */
+/* helper to properly scale internal durations */
+/**
+* Currently only used in Checkbox.
+*/
+:host([disabled]) {
+  cursor: default;
+  -webkit-user-select: none;
+          user-select: none;
+  opacity: var(--calcite-opacity-disabled);
+}
+:host([disabled]) *,
+:host([disabled]) ::slotted(*) {
+  pointer-events: none;
+}
+/**
+ * CSS Custom Properties
+ *
+ * These properties can be overridden using the component's tag as selector.
+
+ * @prop --calcite-panel-corner-radius: Specifies the corner radius of the component.
+ * @prop --calcite-panel-heading-text-color: Specifies the text color of the component's \\\`heading\\\`.
+ * @prop --calcite-panel-description-text-color: Specifies the text color of the component's \\\`description\\\`.
+ * @prop --calcite-panel-border-color: Specifies the border color of the component.
+
+ * @prop --calcite-panel-background-color: Specifies the background color of the component.
+ * @prop --calcite-panel-header-background-color: Specifies the background color of the component's footer.
+ * @prop --calcite-panel-footer-background-color: Specifies the background color of the component's footer.
+
+ * @prop --calcite-panel-space: Specifies the padding of the component's \\\`"unnamed (default)"\\\` slot.
+ * @prop --calcite-panel-header-content-space: Specifies the padding of the \\\`"header-content"\\\` slot.
+ * @prop --calcite-panel-footer-space: Specifies the padding of the component's footer.
+
+ * @prop --calcite-action-background-color: Specifies the background color of the component's \\\`closable\\\`, \\\`collapsible\\\`, and \\\`back\\\` Calcite Action components. Will apply to any slotted Calcite Action components.
+ * @prop --calcite-action-background-color-hover: Specifies the background color of the component's \\\`closable\\\`, \\\`collapsible\\\`, and \\\`back\\\` Calcite Action components when hovered. Will apply to any slotted Calcite Action components.
+ * @prop --calcite-action-background-color-pressed: Specifies the background color of the component's \\\`closable\\\`, \\\`collapsible\\\`, and \\\`back\\\` Calcite Action components when pressed. Will apply to any slotted Calcite Action components.
+ * @prop --calcite-action-text-color-hover: Specifies the text and icon color of the component's \\\`closable\\\`, \\\`collapsible\\\`, and \\\`back\\\` Calcite Action components when hovered. Will apply to any slotted Calcite Action components.
+ * @prop --calcite-action-text-color-pressed: Specifies the text and icon color of the component's \\\`closable\\\`, \\\`collapsible\\\`, and \\\`back\\\` Calcite Action components when pressed. Will apply to any slotted Calcite Action components.
+ * @prop --calcite-popover-border-color: Specifies the border color of the component's internally rendered Calcite Popover component, which is rendered within a Calcite Action Menu when slotted Calcite Actions are present in the \\\`header-actions-end\\\` slot. Will apply to any slotted Calcite Popover components.
+
+ * @prop --calcite-panel-content-space: [Deprecated] Specifies the padding of the component's content. Use \\\`--calcite-panel-space\\\` instead.
+ * @prop --calcite-panel-footer-padding: [Deprecated] Specifies the padding of the component's footer. Use \\\`--calcite-panel-footer-space\\\` instead.
+ * @prop --calcite-panel-header-border-block-end: [Deprecated] Specifies the component header's block end border. Use \\\`--calcite-panel-border-color\\\` instead.
+ */
+:host {
+  position: relative;
+  box-sizing: border-box;
+  display: flex;
+  block-size: 100%;
+  inline-size: 100%;
+  flex: 1 1 auto;
+  overflow: hidden;
+  --calcite-min-header-height: calc(var(--calcite-icon-size) * 3);
+}
+:host([disabled]) ::slotted([calcite-hydrated][disabled]),
+:host([disabled]) [calcite-hydrated][disabled] {
+  /* prevent opacity stacking */
+  opacity: 1;
+}
+.interaction-container {
+  display: contents;
+}
+/* Shared styles for header elements */
+.header {
+  margin: 0px;
+  display: flex;
+  align-content: space-between;
+  align-items: center;
+  fill: var(--calcite-color-text-2);
+  color: var(--calcite-color-text-2);
+}
+.heading {
+  margin: 0px;
+  padding: 0px;
+  font-weight: var(--calcite-font-weight-medium);
+}
+.header .heading {
+  flex: 1 1 auto;
+  padding: 0.5rem;
+}
+:host([scale=s]) {
+  --calcite-internal-panel-default-space: var(--calcite-spacing-sm);
+  --calcite-internal-panel-header-vertical-padding: 10px;
+}
+:host([scale=s]) .header-content .heading {
+  font-size: var(--calcite-font-size--1);
+  line-height: 1rem;
+}
+:host([scale=s]) .header-content .description {
+  font-size: var(--calcite-font-size--2);
+  line-height: 1rem;
+}
+:host([scale=m]) {
+  --calcite-internal-panel-default-space: var(--calcite-spacing-md);
+  --calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-lg);
+}
+:host([scale=m]) .header-content .heading {
+  font-size: var(--calcite-font-size-0);
+  line-height: 1.25rem;
+}
+:host([scale=m]) .header-content .description {
+  font-size: var(--calcite-font-size--1);
+  line-height: 1rem;
+}
+:host([scale=l]) {
+  --calcite-internal-panel-default-space: var(--calcite-spacing-xl);
+  --calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-xxl);
+}
+:host([scale=l]) .header-content .heading {
+  font-size: var(--calcite-font-size-1);
+  line-height: 1.5rem;
+}
+:host([scale=l]) .header-content .description {
+  font-size: var(--calcite-font-size-0);
+  line-height: 1.25rem;
+}
+.content-top,
+.content-bottom {
+  display: flex;
+  align-items: flex-start;
+  align-self: stretch;
+  padding: var(--calcite-internal-panel-default-space);
+  border-block-start: 1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3));
+  background-color: var(--calcite-panel-background-color, var(--calcite-color-foreground-1));
+}
+.container {
+  position: relative;
+  margin: 0px;
+  display: flex;
+  inline-size: 100%;
+  flex: 1 1 auto;
+  flex-direction: column;
+  align-items: stretch;
+  overflow: hidden;
+  background-color: var(--calcite-color-background);
+  padding: 0px;
+  color: var(--calcite-color-text-2);
+  transition: max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing);
+  border-radius: var(--calcite-panel-corner-radius, var(--calcite-corner-radius-none));
+  box-sizing: border-box;
+  font-size: var(--calcite-font-size--1);
+}
+.container * {
+  box-sizing: border-box;
+}
+.container[hidden] {
+  display: none;
+}
+.header {
+  z-index: var(--calcite-z-index-header);
+  display: flex;
+  flex-direction: column;
+  border-radius: var(--calcite-panel-corner-radius, var(--calcite-corner-radius-none)) var(--calcite-panel-corner-radius, var(--calcite-corner-radius-none)) 0 0;
+  background-color: var(--calcite-panel-header-background-color, var(--calcite-color-foreground-1));
+  border-block-end: 1px solid var(--calcite-panel-border-color, var(--calcite-panel-header-border-block-end, var(--calcite-color-border-3)));
+}
+.header-container {
+  display: flex;
+  inline-size: 100%;
+  flex-direction: row;
+  align-items: stretch;
+  justify-content: flex-start;
+  flex: 0 0 auto;
+}
+.header-container--border-end {
+  border-block-end: 1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3));
+}
+.action-bar-container {
+  inline-size: 100%;
+}
+.action-bar-container ::slotted(calcite-action-bar) {
+  inline-size: 100%;
+}
+.header-content {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  padding-inline: 0.75rem;
+  padding-block: 0.875rem;
+  margin-inline-end: auto;
+}
+.header-content .heading,
+.header-content .description {
+  display: block;
+  overflow-wrap: break-word;
+  padding: 0px;
+}
+.header-content .heading {
+  margin-inline: 0px;
+  margin-block: 0px 0.25rem;
+  font-weight: var(--calcite-font-weight-medium);
+  color: var(--calcite-panel-heading-text-color, var(--calcite-color-text-1));
+}
+.header-content .heading:only-child {
+  margin-block-end: 0px;
+}
+.header-content .description {
+  color: var(--calcite-panel-description-text-color, var(--calcite-color-text-2));
+}
+.back-button {
+  border-width: 0px;
+  border-style: solid;
+  border-inline-end-width: 1px;
+  border-color: var(--calcite-panel-border-color, var(--calcite-color-border-3));
+}
+.header-actions {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: stretch;
+}
+.header-actions--end {
+  margin-inline-start: auto;
+}
+#close:last-child,
+#collapse:last-child,
+calcite-action-menu:last-child {
+  --calcite-action-corner-radius-start-end: var(--calcite-panel-corner-radius);
+}
+.back-button {
+  --calcite-action-corner-radius-start-start: var(--calcite-panel-corner-radius);
+}
+.content-wrapper {
+  position: relative;
+  display: flex;
+  block-size: 100%;
+  flex: 1 1 auto;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  align-items: stretch;
+  overflow: auto;
+  color: var(--calcite-color-text-2);
+  outline-color: transparent;
+  padding: var(--calcite-panel-space, var(--calcite-panel-content-space, 0));
+  background: var(--calcite-panel-background-color, var(--calcite-color-background));
+}
+.content-wrapper:focus-visible {
+  outline: 2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));
+  outline-offset: calc(
+            -2px *
+            calc(
+              1 -
+              2 * clamp(
+                0,
+                var(--calcite-offset-invert-focus),
+                1
+              )
+            )
+          );
+}
+.header-content {
+  flex: 1 1 auto;
+  justify-content: center;
+  padding-block: var(--calcite-internal-panel-header-vertical-padding);
+  padding-inline: var(--calcite-internal-panel-default-space);
+}
+.header-content.header-slotted-content {
+  padding: var(--calcite-panel-header-content-space, var(--calcite-internal-panel-header-vertical-padding) var(--calcite-internal-panel-default-space));
+}
+.footer {
+  margin-block-start: auto;
+  display: flex;
+  flex-direction: row;
+  align-content: space-between;
+  align-items: center;
+  justify-content: center;
+  font-size: var(--calcite-font-size--2);
+  line-height: 1.375;
+  border-block-start: 1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3));
+  padding: var(--calcite-panel-footer-space, var(--calcite-panel-footer-padding, var(--calcite-internal-panel-default-space)));
+  background-color: var(--calcite-panel-footer-background-color, var(--calcite-color-foreground-1));
+  border-radius: 0 0 var(--calcite-panel-corner-radius, var(--calcite-corner-radius-none)) var(--calcite-panel-corner-radius, var(--calcite-corner-radius-none));
+}
+.footer-content {
+  display: flex;
+  flex: 1 1 0%;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+}
+.footer-actions {
+  display: flex;
+  flex: 1 1 0%;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-evenly;
+  gap: var(--calcite-internal-panel-default-space);
+}
+.footer-start {
+  display: flex;
+  flex: 1 1 0%;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  margin-inline-end: auto;
+  gap: var(--calcite-internal-panel-default-space);
+}
+.footer-end {
+  display: flex;
+  flex: 1 1 0%;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-end;
+  margin-inline-start: auto;
+  gap: var(--calcite-internal-panel-default-space);
+}
+.fab-container {
+  position: sticky;
+  inset-block-end: 0px;
+  z-index: var(--calcite-z-index-sticky);
+  margin-block: 0px;
+  margin-inline: auto;
+  display: block;
+  padding: 0.5rem;
+  inset-inline: 0;
+  inline-size: fit-content;
+}
+:host([hidden]) {
+  display: none;
+}
+[hidden] {
+  display: none;
+}`,y=class extends H{constructor(){super(),this.resizeObserver=z("resize",()=>this.resizeHandler()),this.hasActionBar=!1,this.hasContentBottom=!1,this.hasContentTop=!1,this.hasEndActions=!1,this.hasFab=!1,this.hasFooterActions=!1,this.hasFooterContent=!1,this.hasFooterEndContent=!1,this.hasFooterStartContent=!1,this.hasHeaderContent=!1,this.hasMenuItems=!1,this.hasStartActions=!1,this.isClosed=!1,this.showHeaderContent=!1,this.closable=!1,this.closed=!1,this.collapseDirection="down",this.collapsed=!1,this.collapsible=!1,this.disabled=!1,this.loading=!1,this.menuOpen=!1,this.menuPlacement=G,this.messages=D(),this.overlayPositioning="absolute",this.scale="m",this.calcitePanelClose=g({cancelable:!1}),this.calcitePanelScroll=g({cancelable:!1}),this.calcitePanelToggle=g({cancelable:!1}),this.listen("keydown",this.panelKeyDownHandler)}static{this.properties={hasActionBar:[16,{state:!0}],hasContentBottom:[16,{state:!0}],hasContentTop:[16,{state:!0}],hasEndActions:[16,{state:!0}],hasFab:[16,{state:!0}],hasFooterActions:[16,{state:!0}],hasFooterContent:[16,{state:!0}],hasFooterEndContent:[16,{state:!0}],hasFooterStartContent:[16,{state:!0}],hasHeaderContent:[16,{state:!0}],hasMenuItems:[16,{state:!0}],hasStartActions:[16,{state:!0}],isClosed:[16,{state:!0}],showHeaderContent:[16,{state:!0}],beforeClose:[0,{attribute:!1}],closable:[7,{reflect:!0,type:Boolean}],closed:[7,{reflect:!0,type:Boolean}],collapseDirection:1,collapsed:[7,{reflect:!0,type:Boolean}],collapsible:[7,{reflect:!0,type:Boolean}],description:1,disabled:[7,{reflect:!0,type:Boolean}],heading:1,headingLevel:[11,{type:Number,reflect:!0}],loading:[7,{reflect:!0,type:Boolean}],menuFlipPlacements:[0,{attribute:!1}],menuOpen:[7,{reflect:!0,type:Boolean}],menuPlacement:[3,{reflect:!0}],messageOverrides:[0,{attribute:!1}],overlayPositioning:[3,{reflect:!0}],scale:[3,{reflect:!0}]}}static{this.styles=j}async scrollContentTo(e){this.panelScrollEl?.scrollTo(e)}async setFocus(){await P(this),E(this.containerEl)}async load(){B(this),this.isClosed=this.closed}willUpdate(e){e.has("closed")&&(this.hasUpdated||this.closed!==!1)&&(this.closed?this.close():this.open())}updated(){M(this)}loaded(){T(this)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect()}resizeHandler(){let{panelScrollEl:e}=this;if(!e||typeof e.scrollHeight!="number"||typeof e.offsetHeight!="number")return;e.scrollHeight>e.offsetHeight?e.setAttribute("tabindex","0"):e.removeAttribute("tabindex")}setContainerRef(e){this.containerEl=e}panelKeyDownHandler(e){this.closable&&e.key==="Escape"&&!e.defaultPrevented&&(this.handleUserClose(),e.preventDefault())}handleUserClose(){this.closed=!0,this.calcitePanelClose.emit()}open(){this.isClosed=!1}async close(){let e=this.beforeClose??(()=>Promise.resolve());try{await e()}catch{requestAnimationFrame(()=>{this.closed=!1});return}this.isClosed=!0}collapse(){this.collapsed=!this.collapsed,this.calcitePanelToggle.emit()}panelScrollHandler(){this.calcitePanelScroll.emit()}handleHeaderActionsStartSlotChange(e){this.hasStartActions=c(e)}handleHeaderActionsEndSlotChange(e){this.hasEndActions=c(e)}handleHeaderMenuActionsSlotChange(e){this.hasMenuItems=c(e)}handleActionBarSlotChange(e){let o=x(e).filter(n=>n?.matches("calcite-action-bar"));o.forEach(n=>n.layout="horizontal"),this.hasActionBar=!!o.length}handleHeaderContentSlotChange(e){this.hasHeaderContent=c(e)}handleFabSlotChange(e){this.hasFab=c(e)}handleFooterActionsSlotChange(e){this.hasFooterActions=c(e)}handleFooterEndSlotChange(e){this.hasFooterEndContent=c(e)}handleFooterStartSlotChange(e){this.hasFooterStartContent=c(e)}handleFooterSlotChange(e){this.hasFooterContent=c(e)}contentBottomSlotChangeHandler(e){this.hasContentBottom=c(e)}contentTopSlotChangeHandler(e){this.hasContentTop=c(e)}setPanelScrollEl(e){this.panelScrollEl=e,this.resizeObserver?.disconnect(),e&&(this.resizeObserver?.observe(e),this.resizeHandler())}handleAlertsSlotChange(e){x(e)?.map(o=>{o.nodeName==="CALCITE-ALERT"&&(o.embedded=!0)})}renderHeaderContent(){let{heading:e,headingLevel:o,description:n,hasHeaderContent:l}=this,s=e?O({class:t.heading,level:o,children:a`
+        ${e}
+      `}):null,h=n?a`<span class=${i(t.description)}>${n}</span>`:null;return!l&&(s||h)?d("header-content",a`<div class=${i(t.headerContent)}>
+        ${s}
+        ${h}
+      </div>`):null}renderActionBar(){return a`<div class=${i(t.actionBarContainer)} .hidden=${!this.hasActionBar}>
+        <slot name=${r.actionBar} @slotchange=${this.handleActionBarSlotChange}></slot>
+      </div>`}renderHeaderSlottedContent(){return d("slotted-header-content",a`<div
+        class=${i({[t.headerContent]:!0,[t.headerSlottedContent]:!0})}
+        .hidden=${!this.hasHeaderContent}>
+        <slot name=${r.headerContent} @slotchange=${this.handleHeaderContentSlotChange}></slot>
+      </div>`)}renderHeaderStartActions(){let{hasStartActions:e}=this;return d("header-actions-start",a`<div
+        class=${i({[t.headerActionsStart]:!0,[t.headerActions]:!0})}
+        .hidden=${!e}>
+        <slot
+          name=${r.headerActionsStart}
+          @slotchange=${this.handleHeaderActionsStartSlotChange}></slot>
+      </div>`)}renderHeaderActionsEnd(){let{hasEndActions:e,messages:o,closable:n,collapsed:l,collapseDirection:s,collapsible:h,hasMenuItems:m}=this,{collapse:p,expand:f,close:b}=o,v=[u.expand,u.collapse];s==="up"&&v.reverse();let A=h?a`<calcite-action
+        .ariaExpanded=${!l}
+        .ariaLabel=${p}
+        .icon=${l?v[0]:v[1]}
+        id=${S.collapse}
+        @click=${this.collapse}
+        .scale=${this.scale}
+        .text=${p}
+        title=${(l?f:p)??C}></calcite-action>`:null,k=n?a`<calcite-action
+        .ariaLabel=${b}
+        .icon=${u.close}
+        id=${S.close}
+        @click=${this.handleUserClose}
+        .scale=${this.scale}
+        .text=${b}
+        title=${b??C}></calcite-action>`:null,L=a`<slot name=${r.headerActionsEnd} @slotchange=${this.handleHeaderActionsEndSlotChange}></slot>`,U=e||A||k||m;return d("header-actions-end",a`<div
+        class=${i({[t.headerActionsEnd]:!0,[t.headerActions]:!0})}
+        .hidden=${!U}>
+        ${L}
+        ${this.renderMenu()}
+        ${A}
+        ${k}
+      </div>`)}renderMenu(){let{hasMenuItems:e,messages:o,menuOpen:n,menuFlipPlacements:l,menuPlacement:s}=this;return d("menu",a`<calcite-action-menu
+        .flipPlacements=${l??["top","bottom"]}
+        .hidden=${!e}
+        .label=${o.options}
+        .open=${n}
+        .overlayPositioning=${this.overlayPositioning}
+        .placement=${s}>
+        <calcite-action
+          .icon=${u.menu}
+          .scale=${this.scale}
+          slot=${I.trigger}
+          .text=${o.options}></calcite-action>
+        <slot
+          name=${r.headerMenuActions}
+          @slotchange=${this.handleHeaderMenuActionsSlotChange}></slot>
+      </calcite-action-menu>`)}renderHeaderNode(){let{hasHeaderContent:e,hasStartActions:o,hasEndActions:n,closable:l,collapsible:s,hasMenuItems:h,hasActionBar:m}=this,p=this.renderHeaderContent(),f=e||!!p||o||n||s||l||h;return this.showHeaderContent=f,a`<header class=${i(t.header)} .hidden=${!(f||m)}>
+        <div
+          class=${i({[t.headerContainer]:!0,[t.headerContainerBorderEnd]:m})}
+          .hidden=${!f}>
+          ${this.renderHeaderStartActions()}
+          ${this.renderHeaderSlottedContent()}
+          ${p}
+          ${this.renderHeaderActionsEnd()}
+        </div>
+        ${this.renderActionBar()}
+        ${this.renderContentTop()}
+      </header>`}renderFooterNode(){let{hasFooterEndContent:e,hasFooterStartContent:o,hasFooterContent:n,hasFooterActions:l}=this,s=o||e||n||l;return a`<footer class=${i(t.footer)} .hidden=${!s}>
+        <div class=${i(t.footerContent)} .hidden=${!n}>
+          <slot name=${r.footer} @slotchange=${this.handleFooterSlotChange}></slot>
+        </div>
+        <div class=${i(t.footerStart)} .hidden=${n||!o}>
+          <slot name=${r.footerStart} @slotchange=${this.handleFooterStartSlotChange}></slot>
+        </div>
+        <div class=${i(t.footerEnd)} .hidden=${n||!e}>
+          <slot name=${r.footerEnd} @slotchange=${this.handleFooterEndSlotChange}></slot>
+        </div>
+        <div class=${i(t.footerActions)} .hidden=${n||!l}>
+          ${d("footer-actions-slot",a`<slot
+            name=${r.footerActions}
+            @slotchange=${this.handleFooterActionsSlotChange}></slot>`)}
+        </div>
+      </footer>`}renderContent(){return a`<div
+        class=${i(t.contentWrapper)}
+        .hidden=${this.collapsible&&this.collapsed}
+        @scroll=${this.panelScrollHandler}
+        ${$(this.setPanelScrollEl)}>
+        <slot></slot>
+        ${this.renderFab()}
+      </div>`}renderContentBottom(){return a`<div class=${i(t.contentBottom)} .hidden=${!this.hasContentBottom}>
+        <slot name=${r.contentBottom} @slotchange=${this.contentBottomSlotChangeHandler}></slot>
+      </div>`}renderContentTop(){return a`<div class=${i(t.contentTop)} .hidden=${!this.hasContentTop}>
+        <slot name=${r.contentTop} @slotchange=${this.contentTopSlotChangeHandler}></slot>
+      </div>`}renderFab(){return a`<div class=${i(t.fabContainer)} .hidden=${!this.hasFab}>
+        <slot name=${r.fab} @slotchange=${this.handleFabSlotChange}></slot>
+      </div>`}render(){let{disabled:e,loading:o,isClosed:n}=this,l=a`<article
+        .ariaBusy=${o}
+        class=${i(t.container)}
+        .hidden=${n}
+        ${$(this.setContainerRef)}>
+        ${this.renderHeaderNode()}
+        ${this.renderContent()}
+        ${this.renderContentBottom()}
+        ${this.renderFooterNode()}
+        ${d("alerts",a`<slot name=${r.alerts} @slotchange=${this.handleAlertsSlotChange}></slot>`)}
+      </article>`;return N({disabled:e,children:a`
+        ${o?a`<calcite-scrim .loading=${o}></calcite-scrim>`:null}
+        ${l}
+      `})}};F("calcite-panel",y);export{y as Panel};

package/dist/calcite/{FSSFTA2A.js → XJHV3JRB.js}

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.21
+ * v3.0.0-next.23
 */
-import{a as m,b as p,c as S}from"./DNIAJJSF.js";var u=Symbol.for(""),d=t=>{if(t?.r===u)return t?._$litStatic$},_=t=>({_$litStatic$:t,r:u}),w=(t,...a)=>({_$litStatic$:a.reduce((l,i,o)=>l+(e=>{if(e._$litStatic$!==void 0)return e._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${e}. Use 'unsafeStatic' to pass non-literal values, but
+import{a as m,b as p,c as S}from"./EISQGSOR.js";var u=Symbol.for(""),d=t=>{if(t?.r===u)return t?._$litStatic$},_=t=>({_$litStatic$:t,r:u}),w=(t,...a)=>({_$litStatic$:a.reduce((l,i,o)=>l+(e=>{if(e._$litStatic$!==void 0)return e._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${e}. Use 'unsafeStatic' to pass non-literal values, but
             take care to ensure page security.`)})(i)+t[o+1],t[0]),r:u}),v=new Map,c=t=>(a,...l)=>{let i=l.length,o,e,r=[],$=[],n,s=0,f=!1;for(;s<i;){for(n=a[s];s<i&&(e=l[s],(o=d(e))!==void 0);)n+=o+a[++s],f=!0;s!==i&&$.push(e),r.push(n),s++}if(s===i&&r.push(a[i]),f){let h=r.join("$$lit$$");(a=v.get(h))===void 0&&(r.raw=r,v.set(h,a=r)),l=$}return t(a,...l)},b=c(m),y=c(p),j=c(S);export{_ as a,w as b,b as c};

package/dist/calcite/{HMO6BPQH.js → XM2VN6WF.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.21
+ * v3.0.0-next.23
 */
 function e(r){return r.map(o=>{let t="";for(let n=0;n<o;n++)t+=((1+Math.random())*65536|0).toString(16).substring(1);return t}).join("-")}var i=()=>e([2,1,1,1,3]);export{i as a};

package/dist/calcite/{AZBWEQGL.js → XNXK7XT3.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.21
+ * v3.0.0-next.23
 */
 function o(e,n){return(e+n)%n}export{o as a};

package/dist/calcite/{67IL2ZZB.js → XPVFLMX3.js}

@@ -1,27 +1,27 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.21
+ * v3.0.0-next.23
 */
-import{a as r}from"./HMO6BPQH.js";import{A as s,D as n,M as l,a as t,w as i,z as o}from"./DNIAJJSF.js";import"./3IL5ODH3.js";var d={container:"container",selected:"selected"},c=i`/**
+import{a as l}from"./XM2VN6WF.js";import{A as s,D as n,M as r,a as t,w as i,z as o}from"./EISQGSOR.js";import"./J7ES76D4.js";var d={container:"container",selected:"selected"},c=i`/**
  * Do not edit directly
- * Generated on Thu, 21 Nov 2024 19:03:41 GMT
+ * Generated on Fri, 22 Nov 2024 00:15:10 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 21 Nov 2024 19:03:41 GMT
+ * Generated on Fri, 22 Nov 2024 00:15:10 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 21 Nov 2024 19:03:41 GMT
+ * Generated on Fri, 22 Nov 2024 00:15:10 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 21 Nov 2024 19:03:41 GMT
+ * Generated on Fri, 22 Nov 2024 00:15:10 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 21 Nov 2024 19:03:38 GMT
+ * Generated on Fri, 22 Nov 2024 00:15:07 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */
@@ -47,9 +47,9 @@ import{a as r}from"./HMO6BPQH.js";import{A as s,D as n,M as l,a as t,w as i,z as
 
 [hidden] {
   display: none
-}`,e=class extends o{constructor(){super(...arguments),this.guid=`calcite-carousel-item-${r()}`,this.selected=!1}static{this.properties={label:1,selected:[7,{reflect:!0,type:Boolean}]}}static{this.styles=c}render(){let a=this.el.id||this.guid;return n(this.el,"id",a),t`<div
+}`,e=class extends o{constructor(){super(...arguments),this.guid=`calcite-carousel-item-${l()}`,this.selected=!1}static{this.properties={label:1,selected:[7,{reflect:!0,type:Boolean}]}}static{this.styles=c}render(){let a=this.el.id||this.guid;return n(this.el,"id",a),t`<div
         .ariaLabel=${this.label}
         class=${s({[d.container]:!0,[d.selected]:this.selected})}
         role=tabpanel>
         <slot></slot>
-      </div>`}};l("calcite-carousel-item",e);export{e as CarouselItem};
+      </div>`}};r("calcite-carousel-item",e);export{e as CarouselItem};

package/dist/calcite/{BB3IT5BG.js → XY5C6CRP.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.21
+ * v3.0.0-next.23
 */
-import{b as a}from"./QJSYLVO6.js";import"./76Y6M63P.js";import"./3IL5ODH3.js";var M="\u0441\u0456\u0447\u043D\u044F_\u043B\u044E\u0442\u043E\u0433\u043E_\u0431\u0435\u0440\u0435\u0437\u043D\u044F_\u043A\u0432\u0456\u0442\u043D\u044F_\u0442\u0440\u0430\u0432\u043D\u044F_\u0447\u0435\u0440\u0432\u043D\u044F_\u043B\u0438\u043F\u043D\u044F_\u0441\u0435\u0440\u043F\u043D\u044F_\u0432\u0435\u0440\u0435\u0441\u043D\u044F_\u0436\u043E\u0432\u0442\u043D\u044F_\u043B\u0438\u0441\u0442\u043E\u043F\u0430\u0434\u0430_\u0433\u0440\u0443\u0434\u043D\u044F".split("_"),m="\u0441\u0456\u0447\u0435\u043D\u044C_\u043B\u044E\u0442\u0438\u0439_\u0431\u0435\u0440\u0435\u0437\u0435\u043D\u044C_\u043A\u0432\u0456\u0442\u0435\u043D\u044C_\u0442\u0440\u0430\u0432\u0435\u043D\u044C_\u0447\u0435\u0440\u0432\u0435\u043D\u044C_\u043B\u0438\u043F\u0435\u043D\u044C_\u0441\u0435\u0440\u043F\u0435\u043D\u044C_\u0432\u0435\u0440\u0435\u0441\u0435\u043D\u044C_\u0436\u043E\u0432\u0442\u0435\u043D\u044C_\u043B\u0438\u0441\u0442\u043E\u043F\u0430\u0434_\u0433\u0440\u0443\u0434\u0435\u043D\u044C".split("_"),n=/D[oD]?(\[[^[\]]*\]|\s)+MMMM?/;function d(e,_){var r=e.split("_");return _%10===1&&_%100!==11?r[0]:_%10>=2&&_%10<=4&&(_%100<10||_%100>=20)?r[1]:r[2]}function t(e,_,r){var o={ss:_?"\u0441\u0435\u043A\u0443\u043D\u0434\u0430_\u0441\u0435\u043A\u0443\u043D\u0434\u0438_\u0441\u0435\u043A\u0443\u043D\u0434":"\u0441\u0435\u043A\u0443\u043D\u0434\u0443_\u0441\u0435\u043A\u0443\u043D\u0434\u0438_\u0441\u0435\u043A\u0443\u043D\u0434",mm:_?"\u0445\u0432\u0438\u043B\u0438\u043D\u0430_\u0445\u0432\u0438\u043B\u0438\u043D\u0438_\u0445\u0432\u0438\u043B\u0438\u043D":"\u0445\u0432\u0438\u043B\u0438\u043D\u0443_\u0445\u0432\u0438\u043B\u0438\u043D\u0438_\u0445\u0432\u0438\u043B\u0438\u043D",hh:_?"\u0433\u043E\u0434\u0438\u043D\u0430_\u0433\u043E\u0434\u0438\u043D\u0438_\u0433\u043E\u0434\u0438\u043D":"\u0433\u043E\u0434\u0438\u043D\u0443_\u0433\u043E\u0434\u0438\u043D\u0438_\u0433\u043E\u0434\u0438\u043D",dd:"\u0434\u0435\u043D\u044C_\u0434\u043D\u0456_\u0434\u043D\u0456\u0432",MM:"\u043C\u0456\u0441\u044F\u0446\u044C_\u043C\u0456\u0441\u044F\u0446\u0456_\u043C\u0456\u0441\u044F\u0446\u0456\u0432",yy:"\u0440\u0456\u043A_\u0440\u043E\u043A\u0438_\u0440\u043E\u043A\u0456\u0432"};return r==="m"?_?"\u0445\u0432\u0438\u043B\u0438\u043D\u0430":"\u0445\u0432\u0438\u043B\u0438\u043D\u0443":r==="h"?_?"\u0433\u043E\u0434\u0438\u043D\u0430":"\u0433\u043E\u0434\u0438\u043D\u0443":e+" "+d(o[r],+e)}var s=function(_,r){return n.test(r)?M[_.month()]:m[_.month()]};s.s=m;s.f=M;var l={name:"uk",weekdays:"\u043D\u0435\u0434\u0456\u043B\u044F_\u043F\u043E\u043D\u0435\u0434\u0456\u043B\u043E\u043A_\u0432\u0456\u0432\u0442\u043E\u0440\u043E\u043A_\u0441\u0435\u0440\u0435\u0434\u0430_\u0447\u0435\u0442\u0432\u0435\u0440_\u043F\u2019\u044F\u0442\u043D\u0438\u0446\u044F_\u0441\u0443\u0431\u043E\u0442\u0430".split("_"),weekdaysShort:"\u043D\u0434\u043B_\u043F\u043D\u0434_\u0432\u0442\u0440_\u0441\u0440\u0434_\u0447\u0442\u0432_\u043F\u0442\u043D_\u0441\u0431\u0442".split("_"),weekdaysMin:"\u043D\u0434_\u043F\u043D_\u0432\u0442_\u0441\u0440_\u0447\u0442_\u043F\u0442_\u0441\u0431".split("_"),months:s,monthsShort:"\u0441\u0456\u0447_\u043B\u044E\u0442_\u0431\u0435\u0440_\u043A\u0432\u0456\u0442_\u0442\u0440\u0430\u0432_\u0447\u0435\u0440\u0432_\u043B\u0438\u043F_\u0441\u0435\u0440\u043F_\u0432\u0435\u0440_\u0436\u043E\u0432\u0442_\u043B\u0438\u0441\u0442_\u0433\u0440\u0443\u0434".split("_"),weekStart:1,relativeTime:{future:"\u0437\u0430 %s",past:"%s \u0442\u043E\u043C\u0443",s:"\u0434\u0435\u043A\u0456\u043B\u044C\u043A\u0430 \u0441\u0435\u043A\u0443\u043D\u0434",m:t,mm:t,h:t,hh:t,d:"\u0434\u0435\u043D\u044C",dd:t,M:"\u043C\u0456\u0441\u044F\u0446\u044C",MM:t,y:"\u0440\u0456\u043A",yy:t},ordinal:function(_){return _},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY \u0440.",LLL:"D MMMM YYYY \u0440., HH:mm",LLLL:"dddd, D MMMM YYYY \u0440., HH:mm"}};a.locale(l,null,!0);var i=l;export{i as default};
+import{b as a}from"./BIFFSQRP.js";import"./EVAKUM5A.js";import"./J7ES76D4.js";var M="\u0441\u0456\u0447\u043D\u044F_\u043B\u044E\u0442\u043E\u0433\u043E_\u0431\u0435\u0440\u0435\u0437\u043D\u044F_\u043A\u0432\u0456\u0442\u043D\u044F_\u0442\u0440\u0430\u0432\u043D\u044F_\u0447\u0435\u0440\u0432\u043D\u044F_\u043B\u0438\u043F\u043D\u044F_\u0441\u0435\u0440\u043F\u043D\u044F_\u0432\u0435\u0440\u0435\u0441\u043D\u044F_\u0436\u043E\u0432\u0442\u043D\u044F_\u043B\u0438\u0441\u0442\u043E\u043F\u0430\u0434\u0430_\u0433\u0440\u0443\u0434\u043D\u044F".split("_"),m="\u0441\u0456\u0447\u0435\u043D\u044C_\u043B\u044E\u0442\u0438\u0439_\u0431\u0435\u0440\u0435\u0437\u0435\u043D\u044C_\u043A\u0432\u0456\u0442\u0435\u043D\u044C_\u0442\u0440\u0430\u0432\u0435\u043D\u044C_\u0447\u0435\u0440\u0432\u0435\u043D\u044C_\u043B\u0438\u043F\u0435\u043D\u044C_\u0441\u0435\u0440\u043F\u0435\u043D\u044C_\u0432\u0435\u0440\u0435\u0441\u0435\u043D\u044C_\u0436\u043E\u0432\u0442\u0435\u043D\u044C_\u043B\u0438\u0441\u0442\u043E\u043F\u0430\u0434_\u0433\u0440\u0443\u0434\u0435\u043D\u044C".split("_"),n=/D[oD]?(\[[^[\]]*\]|\s)+MMMM?/;function d(e,_){var r=e.split("_");return _%10===1&&_%100!==11?r[0]:_%10>=2&&_%10<=4&&(_%100<10||_%100>=20)?r[1]:r[2]}function t(e,_,r){var o={ss:_?"\u0441\u0435\u043A\u0443\u043D\u0434\u0430_\u0441\u0435\u043A\u0443\u043D\u0434\u0438_\u0441\u0435\u043A\u0443\u043D\u0434":"\u0441\u0435\u043A\u0443\u043D\u0434\u0443_\u0441\u0435\u043A\u0443\u043D\u0434\u0438_\u0441\u0435\u043A\u0443\u043D\u0434",mm:_?"\u0445\u0432\u0438\u043B\u0438\u043D\u0430_\u0445\u0432\u0438\u043B\u0438\u043D\u0438_\u0445\u0432\u0438\u043B\u0438\u043D":"\u0445\u0432\u0438\u043B\u0438\u043D\u0443_\u0445\u0432\u0438\u043B\u0438\u043D\u0438_\u0445\u0432\u0438\u043B\u0438\u043D",hh:_?"\u0433\u043E\u0434\u0438\u043D\u0430_\u0433\u043E\u0434\u0438\u043D\u0438_\u0433\u043E\u0434\u0438\u043D":"\u0433\u043E\u0434\u0438\u043D\u0443_\u0433\u043E\u0434\u0438\u043D\u0438_\u0433\u043E\u0434\u0438\u043D",dd:"\u0434\u0435\u043D\u044C_\u0434\u043D\u0456_\u0434\u043D\u0456\u0432",MM:"\u043C\u0456\u0441\u044F\u0446\u044C_\u043C\u0456\u0441\u044F\u0446\u0456_\u043C\u0456\u0441\u044F\u0446\u0456\u0432",yy:"\u0440\u0456\u043A_\u0440\u043E\u043A\u0438_\u0440\u043E\u043A\u0456\u0432"};return r==="m"?_?"\u0445\u0432\u0438\u043B\u0438\u043D\u0430":"\u0445\u0432\u0438\u043B\u0438\u043D\u0443":r==="h"?_?"\u0433\u043E\u0434\u0438\u043D\u0430":"\u0433\u043E\u0434\u0438\u043D\u0443":e+" "+d(o[r],+e)}var s=function(_,r){return n.test(r)?M[_.month()]:m[_.month()]};s.s=m;s.f=M;var l={name:"uk",weekdays:"\u043D\u0435\u0434\u0456\u043B\u044F_\u043F\u043E\u043D\u0435\u0434\u0456\u043B\u043E\u043A_\u0432\u0456\u0432\u0442\u043E\u0440\u043E\u043A_\u0441\u0435\u0440\u0435\u0434\u0430_\u0447\u0435\u0442\u0432\u0435\u0440_\u043F\u2019\u044F\u0442\u043D\u0438\u0446\u044F_\u0441\u0443\u0431\u043E\u0442\u0430".split("_"),weekdaysShort:"\u043D\u0434\u043B_\u043F\u043D\u0434_\u0432\u0442\u0440_\u0441\u0440\u0434_\u0447\u0442\u0432_\u043F\u0442\u043D_\u0441\u0431\u0442".split("_"),weekdaysMin:"\u043D\u0434_\u043F\u043D_\u0432\u0442_\u0441\u0440_\u0447\u0442_\u043F\u0442_\u0441\u0431".split("_"),months:s,monthsShort:"\u0441\u0456\u0447_\u043B\u044E\u0442_\u0431\u0435\u0440_\u043A\u0432\u0456\u0442_\u0442\u0440\u0430\u0432_\u0447\u0435\u0440\u0432_\u043B\u0438\u043F_\u0441\u0435\u0440\u043F_\u0432\u0435\u0440_\u0436\u043E\u0432\u0442_\u043B\u0438\u0441\u0442_\u0433\u0440\u0443\u0434".split("_"),weekStart:1,relativeTime:{future:"\u0437\u0430 %s",past:"%s \u0442\u043E\u043C\u0443",s:"\u0434\u0435\u043A\u0456\u043B\u044C\u043A\u0430 \u0441\u0435\u043A\u0443\u043D\u0434",m:t,mm:t,h:t,hh:t,d:"\u0434\u0435\u043D\u044C",dd:t,M:"\u043C\u0456\u0441\u044F\u0446\u044C",MM:t,y:"\u0440\u0456\u043A",yy:t},ordinal:function(_){return _},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY \u0440.",LLL:"D MMMM YYYY \u0440., HH:mm",LLLL:"dddd, D MMMM YYYY \u0440., HH:mm"}};a.locale(l,null,!0);var i=l;export{i as default};

package/dist/calcite/{J5IRSEXQ.js → XZMHPM4R.js}

@@ -1,27 +1,27 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.21
+ * v3.0.0-next.23
 */
-import{a as f}from"./WP2LL5SD.js";import{b as u}from"./5ZBQ7GDS.js";import{G as p}from"./JDIXK7FL.js";import{a as g,b as w,d as b}from"./4ROAOFHC.js";import"./HMO6BPQH.js";import{A as m,M as h,a as c,w as l,z as d}from"./DNIAJJSF.js";import"./3IL5ODH3.js";var s={frame:"frame",frameAdvancing:"frame--advancing",frameRetreating:"frame--retreating"},v=l`/**
+import{a as f}from"./NPV6XGSE.js";import{b as u}from"./CKAWSY2K.js";import{G as p}from"./EKVZQILU.js";import{a as g,b as w,d as b}from"./NKRPQYCQ.js";import"./XM2VN6WF.js";import{A as m,M as h,a as c,w as l,z as d}from"./EISQGSOR.js";import"./J7ES76D4.js";var s={frame:"frame",frameAdvancing:"frame--advancing",frameRetreating:"frame--retreating"},v=l`/**
  * Do not edit directly
- * Generated on Thu, 21 Nov 2024 19:03:41 GMT
+ * Generated on Fri, 22 Nov 2024 00:15:10 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 21 Nov 2024 19:03:41 GMT
+ * Generated on Fri, 22 Nov 2024 00:15:10 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 21 Nov 2024 19:03:41 GMT
+ * Generated on Fri, 22 Nov 2024 00:15:10 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 21 Nov 2024 19:03:41 GMT
+ * Generated on Fri, 22 Nov 2024 00:15:10 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 21 Nov 2024 19:03:38 GMT
+ * Generated on Fri, 22 Nov 2024 00:15:07 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/calcite/{IECZA2XT.js → YC5YA4NI.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.21
+ * v3.0.0-next.23
 */
 var n={container:"container",containerNone:"container--none-selection",icon:"dropdown-item-icon",iconEnd:"dropdown-item-icon--end",iconStart:"dropdown-item-icon--start",itemContent:"dropdown-item-content",link:"dropdown-link"};export{n as a};

package/dist/calcite/{ZG6CQJWF.js → YT4W5SKN.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.21
+ * v3.0.0-next.23
 */
 function c(){return typeof window<"u"}function f(n){return p(n)?(n.nodeName||"").toLowerCase():"#document"}function i(n){var t;return(n==null||(t=n.ownerDocument)==null?void 0:t.defaultView)||window}function E(n){var t;return(t=(p(n)?n.ownerDocument:n.document)||window.document)==null?void 0:t.documentElement}function p(n){return c()?n instanceof Node||n instanceof i(n).Node:!1}function m(n){return c()?n instanceof Element||n instanceof i(n).Element:!1}function w(n){return c()?n instanceof HTMLElement||n instanceof i(n).HTMLElement:!1}function a(n){return!c()||typeof ShadowRoot>"u"?!1:n instanceof ShadowRoot||n instanceof i(n).ShadowRoot}function y(n){let{overflow:t,overflowX:e,overflowY:o,display:r}=b(n);return/auto|scroll|overlay|hidden|clip/.test(t+o+e)&&!["inline","contents"].includes(r)}function D(n){return["table","td","th"].includes(f(n))}function N(n){return[":popover-open",":modal"].some(t=>{try{return n.matches(t)}catch{return!1}})}function T(n){let t=v(),e=m(n)?b(n):n;return e.transform!=="none"||e.perspective!=="none"||(e.containerType?e.containerType!=="normal":!1)||!t&&(e.backdropFilter?e.backdropFilter!=="none":!1)||!t&&(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 k(n){let t=l(n);for(;w(t)&&!g(t);){if(T(t))return t;if(N(t))return null;t=l(t)}return null}function v(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function g(n){return["html","body","#document"].includes(f(n))}function b(n){return i(n).getComputedStyle(n)}function C(n){return m(n)?{scrollLeft:n.scrollLeft,scrollTop:n.scrollTop}:{scrollLeft:n.scrollX,scrollTop:n.scrollY}}function l(n){if(f(n)==="html")return n;let t=n.assignedSlot||n.parentNode||a(n)&&n.host||E(n);return a(t)?t.host:t}function h(n){let t=l(n);return g(t)?n.ownerDocument?n.ownerDocument.body:n.body:w(t)&&y(t)?t:h(t)}function d(n,t,e){var o;t===void 0&&(t=[]),e===void 0&&(e=!0);let r=h(n),S=r===((o=n.ownerDocument)==null?void 0:o.body),u=i(r);if(S){let s=L(u);return t.concat(u,u.visualViewport||[],y(r)?r:[],s&&e?d(s):[])}return t.concat(r,d(r,[],e))}function L(n){return n.parent&&Object.getPrototypeOf(n.parent)?n.frameElement:null}export{f as a,i as b,E as c,m as d,w as e,y as f,D as g,N as h,T as i,k as j,v as k,g as l,b as m,C as n,l as o,h as p,d as q,L as r};