@esri/calcite-components 5.2.0-next.51 → 5.2.0-next.53

package/dist/loader.js

@@ -62,7 +62,7 @@ const defineCustomElements = makeDefineCustomElements(runtime, {
   "calcite-list-item-group": [() => import("./components/calcite-list-item-group/customElement.js"), "disabled,filterHidden,heading,scale"],
   "calcite-loader": [() => import("./components/calcite-loader/customElement.js"), "complete,inline,label,messages:,scale,text,type,value"],
   "calcite-menu": [() => import("./components/calcite-menu/customElement.js"), "label,layout,messageOverrides:;setFocus"],
-  "calcite-menu-item": [() => import("./components/calcite-menu-item/customElement.js"), "active,breadcrumb,href,iconEnd,iconFlipRtl,iconStart,isTopLevelItem,label,layout,messageOverrides:,open,rel,target,text,topLevelMenuLayout;setFocus"],
+  "calcite-menu-item": [() => import("./components/calcite-menu-item/customElement.js"), "active,breadcrumb,href,iconEnd,iconFlipRtl,iconStart,isTopLevelItem,label,layout,messageOverrides:,open,rel,scale,target,text,topLevelMenuLayout;setFocus"],
   "calcite-meter": [() => import("./components/calcite-meter/customElement.js"), "appearance,disabled,fillType,form,groupSeparator,high,label,low,max,messages:,min,name,numberingSystem,rangeLabels,rangeLabelType,scale,unitLabel,value,valueLabel,valueLabelType"],
   "calcite-navigation": [() => import("./components/calcite-navigation/customElement.js"), "label,navigationAction,scale;setFocus"],
   "calcite-navigation-logo": [() => import("./components/calcite-navigation-logo/customElement.js"), "active,description,heading,headingLevel,href,icon,iconFlipRtl,label,rel,scale,target,thumbnail;setFocus"],
@@ -81,7 +81,7 @@ const defineCustomElements = makeDefineCustomElements(runtime, {
   "calcite-segmented-control": [() => import("./components/calcite-segmented-control/customElement.js"), "appearance,disabled,form,labelText,layout,messageOverrides:,name,required,scale,selectedItem:,status,validationIcon,validationMessage,validity:,value,width;setFocus", 1],
   "calcite-segmented-control-item": [() => import("./components/calcite-segmented-control-item/customElement.js"), "appearance,checked,iconEnd,iconFlipRtl,iconStart,layout,scale,value"],
   "calcite-select": [() => import("./components/calcite-select/customElement.js"), "disabled,form,label,labelText,messageOverrides:,name,required,scale,selectedOption:,status,validationIcon,validationMessage,validity:,value,width;setFocus", 1],
-  "calcite-sheet": [() => import("./components/calcite-sheet/customElement.js"), "beforeClose:,displayMode,embedded,escapeDisabled,focusTrapDisabled,focusTrapOptions:,height,heightScale,label,messageOverrides:,messages:,open,opened,outsideCloseDisabled,position,resizable,topLayerDisabled,width,widthScale;setFocus,updateFocusTrapElements,updateSize"],
+  "calcite-sheet": [() => import("./components/calcite-sheet/customElement.js"), "beforeClose:,displayMode,embedded,escapeDisabled,focusTrapDisabled,focusTrapOptions:,height,heightScale,label,messageOverrides:,messages:,modalDisabled,open,opened,outsideCloseDisabled,position,resizable,topLayerDisabled,width,widthScale;setFocus,updateFocusTrapElements,updateSize"],
   "calcite-shell": [() => import("./components/calcite-shell/customElement.js"), "contentBehind"],
   "calcite-shell-panel": [() => import("./components/calcite-shell-panel/customElement.js"), "actionBarPosition,collapsed,displayMode,height,heightScale,layout,messageOverrides:,position,resizable,shellSizingDataProvider:,width,widthScale;updateSize"],
   "calcite-slider": [() => import("./components/calcite-slider/customElement.js"), "disabled,fillPlacement,form,groupSeparator,hasHistogram,histogram:,histogramStops:,label,labelFormatter:,labelHandles,labelText,labelTicks,max,maxLabel,maxValue,messageOverrides:,min,minLabel,minValue,mirrored,name,numberingSystem,pageStep,precise,required,scale,snap,status,step,ticks,validationIcon,validationMessage,validity:,value;setFocus", 1],

package/dist/types/lumina.d.ts

@@ -422,7 +422,7 @@ interface LuminaCalciteLoader extends Required<Pick<Loader, "label">>, Partial<P
 interface LuminaCalciteMenu extends Required<Pick<Menu, "label">>, Partial<Pick<Menu, "layout" | "messageOverrides">>, h.JSX.HTMLAttributes<Menu> {
 }
 
-interface LuminaCalciteMenuItem extends Required<Pick<MenuItem, "label">>, Partial<Pick<MenuItem, "active" | "breadcrumb" | "href" | "iconEnd" | "iconFlipRtl" | "iconStart" | "messageOverrides" | "open" | "rel" | "target" | "text">>, h.JSX.HTMLAttributes<MenuItem> {
+interface LuminaCalciteMenuItem extends Required<Pick<MenuItem, "label">>, Partial<Pick<MenuItem, "active" | "breadcrumb" | "href" | "iconEnd" | "iconFlipRtl" | "iconStart" | "messageOverrides" | "open" | "rel" | "scale" | "target" | "text">>, h.JSX.HTMLAttributes<MenuItem> {
   oncalciteMenuItemSelect?: EventHandler<MenuItem["calciteMenuItemSelect"]>;
 }
 
@@ -500,7 +500,7 @@ interface LuminaCalciteSelect extends Required<Pick<Select, "label">>, Partial<P
   oncalciteSelectChange?: EventHandler<Select["calciteSelectChange"]>;
 }
 
-interface LuminaCalciteSheet extends Required<Pick<Sheet, "label">>, Partial<Pick<Sheet, "beforeClose" | "displayMode" | "escapeDisabled" | "focusTrapDisabled" | "focusTrapOptions" | "height" | "heightScale" | "messageOverrides" | "open" | "outsideCloseDisabled" | "position" | "resizable" | "topLayerDisabled" | "width" | "widthScale">>, h.JSX.HTMLAttributes<Sheet> {
+interface LuminaCalciteSheet extends Required<Pick<Sheet, "label">>, Partial<Pick<Sheet, "beforeClose" | "displayMode" | "escapeDisabled" | "focusTrapDisabled" | "focusTrapOptions" | "height" | "heightScale" | "messageOverrides" | "modalDisabled" | "open" | "outsideCloseDisabled" | "position" | "resizable" | "topLayerDisabled" | "width" | "widthScale">>, h.JSX.HTMLAttributes<Sheet> {
   oncalciteSheetBeforeClose?: EventHandler<Sheet["calciteSheetBeforeClose"]>;
   oncalciteSheetBeforeOpen?: EventHandler<Sheet["calciteSheetBeforeOpen"]>;
   oncalciteSheetClose?: EventHandler<Sheet["calciteSheetClose"]>;

package/dist/types/preact.d.ts

@@ -423,7 +423,7 @@ interface PreactCalciteLoader extends Required<Pick<Loader, "label">>, Partial<P
 interface PreactCalciteMenu extends Required<Pick<Menu, "label">>, Partial<Pick<Menu, "layout" | "messageOverrides">>, HTMLAttributes<Menu> {
 }
 
-interface PreactCalciteMenuItem extends Required<Pick<MenuItem, "label">>, Partial<Pick<MenuItem, "active" | "breadcrumb" | "href" | "iconEnd" | "iconFlipRtl" | "iconStart" | "messageOverrides" | "open" | "rel" | "target" | "text">>, HTMLAttributes<MenuItem> {
+interface PreactCalciteMenuItem extends Required<Pick<MenuItem, "label">>, Partial<Pick<MenuItem, "active" | "breadcrumb" | "href" | "iconEnd" | "iconFlipRtl" | "iconStart" | "messageOverrides" | "open" | "rel" | "scale" | "target" | "text">>, HTMLAttributes<MenuItem> {
   oncalciteMenuItemSelect?: EventHandler<MenuItem["calciteMenuItemSelect"]>;
 }
 
@@ -501,7 +501,7 @@ interface PreactCalciteSelect extends Required<Pick<Select, "label">>, Partial<P
   oncalciteSelectChange?: EventHandler<Select["calciteSelectChange"]>;
 }
 
-interface PreactCalciteSheet extends Required<Pick<Sheet, "label">>, Partial<Pick<Sheet, "beforeClose" | "displayMode" | "escapeDisabled" | "focusTrapDisabled" | "focusTrapOptions" | "height" | "heightScale" | "messageOverrides" | "open" | "outsideCloseDisabled" | "position" | "resizable" | "topLayerDisabled" | "width" | "widthScale">>, HTMLAttributes<Sheet> {
+interface PreactCalciteSheet extends Required<Pick<Sheet, "label">>, Partial<Pick<Sheet, "beforeClose" | "displayMode" | "escapeDisabled" | "focusTrapDisabled" | "focusTrapOptions" | "height" | "heightScale" | "messageOverrides" | "modalDisabled" | "open" | "outsideCloseDisabled" | "position" | "resizable" | "topLayerDisabled" | "width" | "widthScale">>, HTMLAttributes<Sheet> {
   oncalciteSheetBeforeClose?: EventHandler<Sheet["calciteSheetBeforeClose"]>;
   oncalciteSheetBeforeOpen?: EventHandler<Sheet["calciteSheetBeforeOpen"]>;
   oncalciteSheetClose?: EventHandler<Sheet["calciteSheetClose"]>;

package/dist/types/react.d.ts

@@ -423,7 +423,7 @@ interface ReactCalciteLoader extends Required<Pick<Loader, "label">>, Partial<Pi
 interface ReactCalciteMenu extends Required<Pick<Menu, "label">>, Partial<Pick<Menu, "layout" | "messageOverrides">>, HTMLProps<Menu> {
 }
 
-interface ReactCalciteMenuItem extends Required<Pick<MenuItem, "label">>, Partial<Pick<MenuItem, "active" | "breadcrumb" | "href" | "iconEnd" | "iconFlipRtl" | "iconStart" | "messageOverrides" | "open" | "rel" | "target" | "text">>, HTMLProps<MenuItem> {
+interface ReactCalciteMenuItem extends Required<Pick<MenuItem, "label">>, Partial<Pick<MenuItem, "active" | "breadcrumb" | "href" | "iconEnd" | "iconFlipRtl" | "iconStart" | "messageOverrides" | "open" | "rel" | "scale" | "target" | "text">>, HTMLProps<MenuItem> {
   oncalciteMenuItemSelect?: EventHandler<MenuItem["calciteMenuItemSelect"]>;
 }
 
@@ -501,7 +501,7 @@ interface ReactCalciteSelect extends Required<Pick<Select, "label">>, Partial<Pi
   oncalciteSelectChange?: EventHandler<Select["calciteSelectChange"]>;
 }
 
-interface ReactCalciteSheet extends Required<Pick<Sheet, "label">>, Partial<Pick<Sheet, "beforeClose" | "displayMode" | "escapeDisabled" | "focusTrapDisabled" | "focusTrapOptions" | "height" | "heightScale" | "messageOverrides" | "open" | "outsideCloseDisabled" | "position" | "resizable" | "topLayerDisabled" | "width" | "widthScale">>, HTMLProps<Sheet> {
+interface ReactCalciteSheet extends Required<Pick<Sheet, "label">>, Partial<Pick<Sheet, "beforeClose" | "displayMode" | "escapeDisabled" | "focusTrapDisabled" | "focusTrapOptions" | "height" | "heightScale" | "messageOverrides" | "modalDisabled" | "open" | "outsideCloseDisabled" | "position" | "resizable" | "topLayerDisabled" | "width" | "widthScale">>, HTMLProps<Sheet> {
   oncalciteSheetBeforeClose?: EventHandler<Sheet["calciteSheetBeforeClose"]>;
   oncalciteSheetBeforeOpen?: EventHandler<Sheet["calciteSheetBeforeOpen"]>;
   oncalciteSheetClose?: EventHandler<Sheet["calciteSheetClose"]>;

package/dist/types/stencil.d.ts

@@ -423,7 +423,7 @@ interface StencilCalciteLoader extends Required<Pick<Loader, "label">>, Partial<
 interface StencilCalciteMenu extends Required<Pick<Menu, "label">>, Partial<Pick<Menu, "layout" | "messageOverrides">>, StencilJsx.HTMLAttributes<Menu> {
 }
 
-interface StencilCalciteMenuItem extends Required<Pick<MenuItem, "label">>, Partial<Pick<MenuItem, "active" | "breadcrumb" | "href" | "iconEnd" | "iconFlipRtl" | "iconStart" | "messageOverrides" | "open" | "rel" | "target" | "text">>, StencilJsx.HTMLAttributes<MenuItem> {
+interface StencilCalciteMenuItem extends Required<Pick<MenuItem, "label">>, Partial<Pick<MenuItem, "active" | "breadcrumb" | "href" | "iconEnd" | "iconFlipRtl" | "iconStart" | "messageOverrides" | "open" | "rel" | "scale" | "target" | "text">>, StencilJsx.HTMLAttributes<MenuItem> {
   onCalciteMenuItemSelect?: EventHandler<MenuItem["calciteMenuItemSelect"]>;
 }
 
@@ -501,7 +501,7 @@ interface StencilCalciteSelect extends Required<Pick<Select, "label">>, Partial<
   onCalciteSelectChange?: EventHandler<Select["calciteSelectChange"]>;
 }
 
-interface StencilCalciteSheet extends Required<Pick<Sheet, "label">>, Partial<Pick<Sheet, "beforeClose" | "displayMode" | "escapeDisabled" | "focusTrapDisabled" | "focusTrapOptions" | "height" | "heightScale" | "messageOverrides" | "open" | "outsideCloseDisabled" | "position" | "resizable" | "topLayerDisabled" | "width" | "widthScale">>, StencilJsx.HTMLAttributes<Sheet> {
+interface StencilCalciteSheet extends Required<Pick<Sheet, "label">>, Partial<Pick<Sheet, "beforeClose" | "displayMode" | "escapeDisabled" | "focusTrapDisabled" | "focusTrapOptions" | "height" | "heightScale" | "messageOverrides" | "modalDisabled" | "open" | "outsideCloseDisabled" | "position" | "resizable" | "topLayerDisabled" | "width" | "widthScale">>, StencilJsx.HTMLAttributes<Sheet> {
   onCalciteSheetBeforeClose?: EventHandler<Sheet["calciteSheetBeforeClose"]>;
   onCalciteSheetBeforeOpen?: EventHandler<Sheet["calciteSheetBeforeOpen"]>;
   onCalciteSheetClose?: EventHandler<Sheet["calciteSheetClose"]>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "5.2.0-next.51",
+  "version": "5.2.0-next.53",
   "description": "Web Components for Esri's Calcite Design System.",
   "homepage": "https://developers.arcgis.com/calcite-design-system/",
   "repository": {
@@ -109,5 +109,5 @@
     "dist/docs/vscode.html-custom-data.json"
   ],
   "web-types": "dist/docs/web-types.json",
-  "gitHead": "8809ad52e5ee6cc1cc4d229a3e0043ec56248a5a"
+  "gitHead": "290ed5936fc18f149d59bd66210d486689e93a2c"
 }

package/dist/cdn/BLWTCPBG.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-var e={actionBarContainer:"action-bar-container",container:"container",contentBottom:"content-bottom",contentTop:"content-top",header:"header",headerContainer:"header-container",headerContainerBorderEnd:"header-container--border-end",headingTextContent:"heading-text-content",heading:"heading",description:"description",headerContent:"header-content",headerActions:"header-actions",headerActionsEnd:"header-actions--end",headerActionsStart:"header-actions--start",icon:"icon",contentWrapper:"content-wrapper",fabContainer:"fab-container",footer:"footer",footerContent:"footer-content",footerStart:"footer-start",footerEnd:"footer-end",headerSlottedContent:"header--slotted-content",headerNonSlottedContent:"header--non-slotted-content",menuAction:"menu-action"},t={close:"close",collapse:"collapse"},n={close:"x",menu:"ellipsis",expand:"chevron-down",collapse:"chevron-up"},o={actionBar:"action-bar",alerts:"alerts",contentBottom:"content-bottom",contentTop:"content-top",headerActionsStart:"header-actions-start",headerActionsEnd:"header-actions-end",description:"description",heading:"heading",headerMenuActions:"header-menu-actions",headerContent:"header-content",fab:"fab",footer:"footer",footerEnd:"footer-end",footerStart:"footer-start"};export{e as a,t as b,n as c,o as d};

package/dist/cdn/EOSQONY2.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as t,b as L,c as o}from"./7KM6PEAO.js";import{a}from"./KNTIU7B6.js";import{a as I}from"./G5PZE3RW.js";import{a as k}from"./64YMJBZZ.js";import"./ZWPNZ5XW.js";import{e as x}from"./Q6LKF7SP.js";import"./DACOJMJV.js";import{y as $}from"./WVILGTYY.js";import{E as h,F as m,G as g,H as c,J as u,M as y,T as w,g as f,h as i,p as b}from"./33XIUBFW.js";var S=f`:host{--calcite-internal-menu-item-border: 1px solid var(--calcite-menu-item-sub-menu-border-color, var(--calcite-color-border-3));position:relative;box-sizing:border-box;display:flex;align-items:center;flex-shrink:0}:host .container,:host .item-content,:host .content{min-block-size:3rem}:host([layout=vertical]){inline-size:100%}:host(:not([layout=vertical])){block-size:100%}.container,.item-content{display:flex;block-size:100%;inline-size:100%;flex-direction:row;align-items:stretch}.item-content{background-color:var(--calcite-menu-background-color, var(--calcite-internal-menu-background-color, var(--calcite-color-foreground-1)))}.content{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-items:center;justify-content:center;padding-inline:1rem;font-size:var(--calcite-font-size-relative-md);outline:2px solid transparent;outline-offset:2px;text-decoration:none;padding-block-start:.125rem;border-block-end:.125rem solid var(--calcite-color-transparent);background-color:var(--calcite-menu-background-color, var(--calcite-internal-menu-background-color, var(--calcite-color-foreground-1)));color:var(--calcite-menu-text-color, var(--calcite-internal-menu-text-color, var(--calcite-color-text-2)))}.content:hover{--calcite-internal-menu-background-color: var(--calcite-color-foreground-2)}.content:focus{border-block-end-width:4px;outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))));padding-block-start:.25rem;border-block-end-width:.25rem}.content:active{--calcite-internal-menu-background-color: var(--calcite-color-foreground-3);--calcite-internal-menu-text-color: var(--calcite-color-text-1)}.content span{display:inline-flex}.content.layout--vertical{display:flex;inline-size:100%;justify-content:flex-start;padding-block:var(--calcite-space-md);border-block-end:0;border-inline-end:.25rem solid var(--calcite-color-transparent)}:host([layout=vertical]) .content{padding-inline:.75rem}:host([active]) .content{--calcite-internal-menu-text-color: var(--calcite-color-text-1);border-color:var(--calcite-menu-item-accent-color, var(--calcite-color-brand))}:host([active]) .icon{--calcite-internal-menu-item-icon-color: var( --calcite-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-brand)) )}.icon{color:var(--calcite-menu-text-color, var(--calcite-icon-color, var(--calcite-internal-menu-item-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-3)))))}.icon--start{margin-inline-end:.75rem}.icon--end{margin-inline-start:.75rem}:host([layout=vertical]) .icon--end{margin-inline-start:auto;padding-inline-start:.75rem}.icon--dropdown{position:relative;margin-inline-start:auto;margin-inline-end:0px;padding-inline-start:.5rem}:host([layout=vertical]) .icon--end~.icon--dropdown{margin-inline-start:.75rem}:host([layout=vertical]) .hover-href-icon{padding-inline-start:.5rem}:host([layout=vertical]) .hover-href-icon~.icon--end{margin-inline-start:.5rem}:host([layout=vertical]) .hover-href-icon~.icon--breadcrumb{margin-inline-start:.75rem}.icon--breadcrumb{margin-inline-end:0px;padding-inline-start:.5rem}:host([layout=vertical]) .icon--breadcrumb{margin-inline-start:auto}:host([layout=vertical]) .icon--breadcrumb~.icon--dropdown{margin-inline-start:.5rem}:host([layout=vertical]) .icon--end~.icon--breadcrumb{margin-inline-start:.5rem}:host([breadcrumb]) .content{padding-inline-end:.75rem}.dropdown-action{position:relative;align-self:center;--calcite-action-background-color: var(--calcite-menu-background-color);--calcite-action-text-color: var(--calcite-menu-text-color);margin-inline-start:var(--calcite-spacing-xxs)}.dropdown-action:after{position:absolute;display:block;inline-size:1px;content:"";inset-inline-start:calc(-1 * var(--calcite-spacing-xxs));inset-block:var(--calcite-spacing-xxs);background-color:var(--calcite-color-border-3)}.dropdown-action:active{--calcite-action-background-color-press: var(--calcite-menu-background-color)}:host([layout=vertical]) .dropdown-action{margin-inline-end:var(--calcite-spacing-xxs)}.dropdown-menu-items{position:absolute;display:none;block-size:auto;min-inline-size:100%;flex-direction:column;overflow:visible;box-shadow:var(--calcite-shadow-md);border:var(--calcite-internal-menu-item-border);border-radius:var(--calcite-menu-item-sub-menu-corner-radius, var(--calcite-corner-radius));inset-block-start:100%;z-index:var(--calcite-z-index-dropdown)}.dropdown-menu-items.open{display:block}.dropdown-menu-items.nested{position:absolute;inset-block-start:-1px;transform:translate(calc(100% - 2px))}.parent--vertical{flex-direction:column}.dropdown--vertical.dropdown-menu-items{position:relative;box-shadow:none;inset-block-start:0;transform:none}.dropdown--vertical.dropdown-menu-items:last-of-type{border-inline:0}:host([layout=vertical]:last-of-type) .dropdown-menu-items{border-block-end:0}:host([layout=vertical]) .dropdown--vertical.dropdown-menu-items{border:none}:host([layout=vertical]) .dropdown--vertical.dropdown-menu-items:after{content:"";border-block-start:var(--calcite-internal-menu-item-border);position:absolute;inset-block-start:0;inset-inline:var(--calcite-space-md) 0}:host([slot=submenu-item]) .parent--vertical{padding-inline-start:1.5rem}.dropdown-menu-items.nested.calcite--rtl{transform:translate(calc(-100% + 2px))}.dropdown--vertical.dropdown-menu-items.nested.calcite--rtl{transform:none}.hover-href-icon{position:relative;inset-inline-end:.25rem;margin-inline-start:auto;opacity:0;transition:all var(--calcite-internal-animation-timing-medium) ease-in-out}.content:focus .hover-href-icon,.content:hover .hover-href-icon{inset-inline-end:-.25rem;opacity:1}:host([hidden]){display:none}[hidden]{display:none}`,p=class extends g{constructor(){super(),this.anchorRef=h(),this.direction=x(),this.dropdownActionRef=h(),this.isFocused=!1,this.messages=I(),this.focusSetter=k()(this),this.hasSubmenu=!1,this.active=!1,this.breadcrumb=!1,this.isTopLevelItem=!1,this.open=!1,this.calciteMenuItemSelect=b(),this.listenOn(window,"click",this.handleClickOut),this.listen("focusout",this.handleFocusOut),this.listen("blur",this.blurHandler),this.listen("focus",this.focusHandler)}static{this.properties={hasSubmenu:[16,{},{state:!0}],submenuItems:[16,{},{state:!0}],active:[7,{},{reflect:!0,type:Boolean}],breadcrumb:[7,{},{reflect:!0,type:Boolean}],href:1,iconEnd:[3,{},{reflect:!0}],iconFlipRtl:[3,{},{reflect:!0}],iconStart:[3,{},{reflect:!0}],isTopLevelItem:[5,{},{type:Boolean}],label:1,layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],open:[7,{},{reflect:!0,type:Boolean}],rel:[3,{},{reflect:!0}],target:[3,{},{reflect:!0}],text:1,topLevelMenuLayout:1}}static{this.styles=S}async setFocus(e){return this.focusSetter(()=>this.anchorRef.value,e)}handleClickOut(e){this.topLevelMenuLayout!=="vertical"&&this.hasSubmenu&&this.open&&!e.composedPath().includes(this.el)&&(this.open=!1)}handleFocusOut(e){this.topLevelMenuLayout!=="vertical"&&!this.el.contains(e.relatedTarget)&&(this.open=!1)}blurHandler(){this.isFocused=!1}clickHandler(e){(this.href&&e.target===this.dropdownActionRef.value||!this.href&&this.hasSubmenu)&&(this.open=!this.open),this.selectMenuItem(e)}focusHandler(e){let n=e.target;this.isFocused=!0,n.open&&!this.open&&(n.open=!1)}handleMenuItemSlotChange(e){this.submenuItems=$(e),this.submenuItems.forEach(n=>{n.topLevelMenuLayout||(n.topLevelMenuLayout=this.topLevelMenuLayout)}),this.hasSubmenu=this.submenuItems.length>0}async keyDownHandler(e){let{hasSubmenu:n,href:l,layout:v,open:d}=this,r=e.key,s=e.target===this.dropdownActionRef.value;if(!e.defaultPrevented){if(r===" "||r==="Enter")n&&(!l||l&&s)&&(this.open=!d),!(l&&s)&&r!=="Enter"&&this.selectMenuItem(e),(r===" "||l&&s)&&e.preventDefault();else if(r==="Escape"){if(d){this.open=!1,e.preventDefault();return}}else if(r==="ArrowDown"||r==="ArrowUp"){if((s||!l)&&n&&!d&&v==="horizontal"){this.open=!0,e.preventDefault();return}}else if(r==="ArrowRight"&&(s||!l)&&n&&!d&&v==="vertical"){this.open=!0,e.preventDefault();return}}}selectMenuItem(e){e.target!==this.dropdownActionRef.value&&this.calciteMenuItemSelect.emit()}renderIconStart(){return a(t.iconStart,i`<calcite-icon class=${`${t.icon} ${t.iconStart}`} .flipRtl=${this.iconFlipRtl==="start"||this.iconFlipRtl==="both"} .icon=${this.iconStart} scale=s></calcite-icon>`)}renderIconEnd(){return a(t.iconEnd,i`<calcite-icon class=${`${t.icon} ${t.iconEnd}`} .flipRtl=${this.iconFlipRtl==="end"||this.iconFlipRtl==="both"} .icon=${this.iconEnd} scale=s></calcite-icon>`)}renderBreadcrumbIcon(e){return a(t.iconBreadcrumb,i`<calcite-icon class=${`${t.icon} ${t.iconBreadcrumb}`} .icon=${e==="rtl"?o.chevronLeft:o.chevronRight} scale=s></calcite-icon>`)}renderDropdownIcon(e){let n=e==="rtl"?"chevron-left":"chevron-right";return a(t.iconDropdown,i`<calcite-icon class=${`${t.icon} ${t.iconDropdown}`} .icon=${this.topLevelMenuLayout==="vertical"||this.isTopLevelItem?this.open?o.chevronUp:o.chevronDown:n} scale=s></calcite-icon>`)}renderDropdownAction(e){let n=e==="rtl"?"chevron-left":"chevron-right";return a(t.dropdownAction,i`<calcite-action .aria=${{expanded:this.open}} class=${c(t.dropdownAction)} .icon=${this.topLevelMenuLayout==="vertical"||this.isTopLevelItem?this.open?o.chevronUp:o.chevronDown:n} @click=${this.clickHandler} @keydown=${this.keyDownHandler} .text=${this.messages.open} ${m(this.dropdownActionRef)}></calcite-action>`)}renderSubmenuItems(e){return i`<calcite-menu class=${c({[t.dropdownMenuItems]:!0,[t.open]:this.open,[t.nested]:!this.isTopLevelItem,[y.rtl]:e==="rtl",[t.dropdownVertical]:this.topLevelMenuLayout==="vertical"})} .label=${this.messages.submenu} layout=vertical role=menu><slot name=${L.submenuItem} @slotchange=${this.handleMenuItemSlotChange}></slot></calcite-menu>`}renderHrefIcon(e){return a(t.hoverHrefIcon,i`<calcite-icon class=${c(t.hoverHrefIcon)} .icon=${e==="rtl"?o.arrowLeft:o.arrowRight} scale=s></calcite-icon>`)}renderItemContent(e){let n=this.href&&(this.topLevelMenuLayout==="vertical"||!this.isTopLevelItem);return i`${this.iconStart&&this.renderIconStart()||""}<div class=${c(t.textContainer)}><span>${this.text}</span></div>${n&&this.renderHrefIcon(e)||""}${this.iconEnd&&this.renderIconEnd()||""}${this.breadcrumb?this.renderBreadcrumbIcon(e):null}${!this.href&&this.hasSubmenu?this.renderDropdownIcon(e):null}`}render(){let e=this.direction;return i`<li class=${c({[t.container]:!0,[t.isParentVertical]:this.topLevelMenuLayout==="vertical"})} role=none><div class=${c(t.itemContent)}><a .ariaCurrent=${this.isFocused?"page":!1} .ariaExpanded=${this.open} .ariaHasPopup=${this.hasSubmenu} .ariaLabel=${this.label} class=${c({[t.layoutVertical]:this.layout==="vertical",[t.content]:!0})} href=${this.href??u} @click=${this.clickHandler} @keydown=${this.keyDownHandler} rel=${this.rel??u} role=menuitem .tabIndex=${this.isTopLevelItem?0:-1} target=${this.target??u} ${m(this.anchorRef)}>${this.renderItemContent(e)}</a>${this.href&&this.hasSubmenu?this.renderDropdownAction(e):null}</div>${this.renderSubmenuItems(e)}</li>`}};w("calcite-menu-item",p);export{p as MenuItem};

package/dist/cdn/TJLKYFR6.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{d as t}from"./BLWTCPBG.js";import{a as y}from"./S7XKI7YU.js";import{a as v}from"./KNTIU7B6.js";import{a as k}from"./G5PZE3RW.js";import{e as w}from"./Q6LKF7SP.js";import"./DACOJMJV.js";import{E as d,F as h,G as m,H as g,T as $,g as u,h as r,l as b,p as a}from"./33XIUBFW.js";var A={backButton:"back-button"},B={backLeft:"chevron-left",backRight:"chevron-right"},o={actionBar:"action-bar",alerts:"alerts",contentTop:"content-top",contentBottom:"content-bottom",headerActionsStart:"header-actions-start",headerActionsEnd:"header-actions-end",description:"description",heading:"heading",headerMenuActions:"header-menu-actions",headerContent:"header-content",fab:"fab",footer:"footer",footerEnd:"footer-end",footerStart:"footer-start"},D=u`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:none;inline-size:100%;flex:1 1 auto;overflow:hidden}:host([selected]){display:flex}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}calcite-panel{--calcite-panel-background-color: var(--calcite-flow-background-color);--calcite-panel-border-color: var(--calcite-flow-border-color, var(--calcite-flow-item-header-border-block-end));--calcite-panel-corner-radius: var(--calcite-flow-corner-radius);--calcite-panel-description-text-color: var(--calcite-flow-description-text-color);--calcite-panel-footer-background-color: var(--calcite-flow-footer-background-color);--calcite-panel-footer-space: var(--calcite-flow-footer-space, var(--calcite-flow-item-footer-padding));--calcite-panel-header-action-background-color-hover: var(--calcite-flow-header-action-background-color-hover);--calcite-panel-header-action-background-color-press: var(--calcite-flow-header-action-background-color-press);--calcite-panel-header-action-background-color: var(--calcite-flow-header-action-background-color);--calcite-panel-header-action-indicator-color: var(--calcite-flow-header-action-indicator-color);--calcite-panel-header-action-text-color-press: var(--calcite-flow-header-action-text-color-press);--calcite-panel-header-action-text-color: var(--calcite-flow-header-action-text-color);--calcite-panel-header-background-color: var(--calcite-flow-header-background-color);--calcite-panel-header-content-space: var(--calcite-flow-header-content-space);--calcite-panel-heading-text-color: var(--calcite-flow-heading-text-color);--calcite-panel-icon-color: var(--calcite-flow-icon-color);--calcite-panel-space: var(--calcite-flow-space);--calcite-panel-content-top-space: var(--calcite-flow-content-top-space);--calcite-panel-content-bottom-space: var(--calcite-flow-content-bottom-space)}:host([hidden]){display:none}[hidden]{display:none}`,p=class extends m{constructor(){super(...arguments),this.backButtonRef=d(),this.containerRef=d(),this.direction=w(),this.messages=k(),this.interactiveContainer=y(this),this.closable=!1,this.closed=!1,this.collapseDirection="down",this.collapsed=!1,this.collapsible=!1,this.disabled=!1,this.iconFlipRtl=!1,this.loading=!1,this.focusTrapEnabled=!1,this.menuOpen=!1,this.overlayPositioning="absolute",this.scale="m",this.selected=!1,this.showBackButton=!1,this.topLayerDisabled=!1,this.calciteFlowItemBack=a(),this.calciteFlowItemClose=a({cancelable:!1}),this.calciteFlowItemCollapse=a({cancelable:!1}),this.calciteFlowItemExpand=a({cancelable:!1}),this.calciteFlowItemScroll=a({cancelable:!1}),this.calciteFlowItemToggle=a({cancelable:!1}),this.calciteInternalFlowItemChange=a({cancelable:!1})}static{this.properties={beforeBack:[0,{},{attribute:!1}],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}],icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],loading:[7,{},{reflect:!0,type:Boolean}],focusTrapEnabled:[7,{},{reflect:!0,type:Boolean}],focusTrapOptions:[0,{},{attribute:!1}],menuOpen:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],overlayPositioning:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],selected:[7,{},{reflect:!0,type:Boolean}],showBackButton:[5,{},{type:Boolean}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=D}async scrollContentTo(e){await this.containerRef.value?.scrollContentTo(e)}async setFocus(e){return this.containerRef.value?.setFocus(e)}async updateFocusTrapElements(e){this.containerRef.value?.updateFocusTrapElements(e)}willUpdate(e){e.has("selected")&&(this.hasUpdated||this.selected!==!1)&&this.calciteInternalFlowItemChange.emit(),e.has("collapsed")&&this.hasUpdated&&(this.collapsed?this.calciteFlowItemCollapse.emit():this.calciteFlowItemExpand.emit())}handleInternalPanelScroll(e){e.target===this.containerRef.value&&(e.stopPropagation(),this.calciteFlowItemScroll.emit())}handleInternalPanelClose(e){e.target===this.containerRef.value&&(e.stopPropagation(),this.closed=!0,this.calciteFlowItemClose.emit())}handleInternalPanelToggle(e){e.target===this.containerRef.value&&(e.stopPropagation(),this.collapsed=e.target.collapsed,this.calciteFlowItemToggle.emit())}backButtonClick(){this.calciteFlowItemBack.emit()}renderBackButton(){let e=this.direction==="rtl",{showBackButton:c,backButtonClick:i,messages:s}=this,l=s.back,n=e?B.backRight:B.backLeft;return c?v("flow-back-button",r`<calcite-action class=${g(A.backButton)} .icon=${n} @click=${i} .scale=${this.scale} slot=${o.headerActionsStart} .text=${l} title=${l??b} ${h(this.backButtonRef)}></calcite-action>`):null}render(){let{collapsed:e,collapseDirection:c,collapsible:i,closable:s,closed:l,description:n,disabled:f,heading:C,headingLevel:I,loading:T,menuOpen:F,messageOverrides:x,overlayPositioning:S,beforeClose:E,icon:R,iconFlipRtl:P,focusTrapEnabled:O,focusTrapOptions:L}=this;return this.interactiveContainer({disabled:f,children:r`<calcite-panel .beforeClose=${E} .closable=${s} .closed=${l} .collapsed=${e} .collapseDirection=${c} .collapsible=${i} .description=${n} .disabled=${f} .focusTrapEnabled=${O} .focusTrapOptions=${L} .heading=${C} .headingLevel=${I} .icon=${R} .iconFlipRtl=${P} .loading=${T} .menuOpen=${F} .messageOverrides=${x} @calcitePanelClose=${this.handleInternalPanelClose} @calcitePanelScroll=${this.handleInternalPanelScroll} @calcitePanelToggle=${this.handleInternalPanelToggle} .overlayPositioning=${S} .scale=${this.scale} .topLayerDisabled=${this.topLayerDisabled} ${h(this.containerRef)}>${this.renderBackButton()}<slot name=${o.actionBar} slot=${t.actionBar}></slot><slot name=${o.alerts} slot=${t.alerts}></slot><slot name=${o.headerActionsStart} slot=${t.headerActionsStart}></slot><slot name=${o.headerActionsEnd} slot=${t.headerActionsEnd}></slot><slot name=${o.description} slot=${t.description}></slot><slot name=${o.heading} slot=${t.heading}></slot><slot name=${o.headerContent} slot=${t.headerContent}></slot><slot name=${o.headerMenuActions} slot=${t.headerMenuActions}></slot><slot name=${o.fab} slot=${t.fab}></slot><slot name=${o.contentTop} slot=${t.contentTop}></slot><slot name=${o.contentBottom} slot=${t.contentBottom}></slot><slot name=${o.footerStart} slot=${t.footerStart}></slot><slot name=${o.footer} slot=${t.footer}></slot><slot name=${o.footerEnd} slot=${t.footerEnd}></slot><slot></slot></calcite-panel>`})}};$("calcite-flow-item",p);export{p as FlowItem};

package/dist/cdn/TSQHGSFP.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as L}from"./KN6BH5QA.js";import{a as y,b as R}from"./WXUNDUA5.js";import{d as n}from"./BLWTCPBG.js";import{a as A}from"./GKYUUELE.js";import{a as M}from"./735UOYTJ.js";import{a as I}from"./RRA4RJOO.js";import{a as P}from"./XMCTANRY.js";import{a as O}from"./KNTIU7B6.js";import{a as C}from"./VI7SBYXT.js";import{a as B}from"./G5PZE3RW.js";import{a as E}from"./64YMJBZZ.js";import"./ZWPNZ5XW.js";import"./Q6LKF7SP.js";import"./DACOJMJV.js";import{H as u}from"./WVILGTYY.js";import{E as k,F as w,G as S,H as b,P as c,T,g as D,h as x,p as f}from"./33XIUBFW.js";var g={dialog:"dialog",panel:"panel",scrim:"scrim",container:"container",containerOpen:"container--open",containerEmbedded:"container--embedded",assistiveText:"assistive-text"},s={actionBar:"action-bar",alerts:"alerts",customContent:"custom-content",contentTop:"content-top",contentBottom:"content-bottom",headerActionsStart:"header-actions-start",headerActionsEnd:"header-actions-end",description:"description",heading:"heading",headerMenuActions:"header-menu-actions",headerContent:"header-content",fab:"fab",footer:"footer",footerStart:"footer-start",footerEnd:"footer-end"},U={x:0,y:0},F={top:0,right:0,bottom:0,left:0},j=D`:host{--calcite-dialog-scrim-background-color: rgba(0, 0, 0, .85);pointer-events:none;inset:0;display:flex;--calcite-internal-dialog-animation-offset: 20px}:host([top-layer-disabled]),:host([top-layer-disabled]) .container,:host([embedded]),.container--embedded{z-index:var(--calcite-z-index-overlay)}:host([embedded][modal]){position:absolute}.container{pointer-events:auto;position:fixed;inset:0;display:flex;block-size:100%;inline-size:100%;align-items:center;justify-content:center;overflow:hidden;color:var(--calcite-color-text-2);opacity:0;visibility:hidden;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) ease-in-out}:host([placement=top]) .container{align-items:flex-start;justify-content:center}:host([placement=top-start]) .container{align-items:flex-start;justify-content:flex-start}:host([placement=top-end]) .container{align-items:flex-start;justify-content:flex-end}:host([placement=bottom]) .container{align-items:flex-end;justify-content:center}:host([placement=bottom-start]) .container{align-items:flex-end;justify-content:flex-start}:host([placement=bottom-end]) .container{align-items:flex-end;justify-content:flex-end}:host(:not([modal])) .container{pointer-events:none}:host([scale=s]){--calcite-internal-dialog-content-padding: var(--calcite-dialog-content-space, var(--calcite-spacing-sm));--calcite-internal-dialog-min-size-x: 198px;--calcite-internal-dialog-min-size-y: 140px}:host([scale=m]){--calcite-internal-dialog-content-padding: var(--calcite-dialog-content-space, var(--calcite-spacing-md));--calcite-internal-dialog-min-size-x: 288px;--calcite-internal-dialog-min-size-y: 180px}:host([scale=l]){--calcite-internal-dialog-content-padding: var(--calcite-dialog-content-space, var(--calcite-spacing-md-plus));--calcite-internal-dialog-min-size-x: 388px;--calcite-internal-dialog-min-size-y: 220px}.scrim{--calcite-scrim-background: var(--calcite-dialog-scrim-background-color, var(--calcite-color-transparent-scrim));--calcite-scrim-background-color: var( --calcite-dialog-scrim-background-color, var(--calcite-color-transparent-scrim) );position:fixed;inset:0;display:flex;overflow-y:hidden;z-index:calc(var(--calcite-z-index) * -1)}:host([top-layer-disabled]) .scrim{z-index:unset}calcite-panel{--calcite-panel-content-space: var(--calcite-dialog-content-space, var(--calcite-internal-dialog-content-padding));--calcite-panel-content-top-space: var( --calcite-dialog-content-top-space, var(--calcite-internal-dialog-content-padding) );--calcite-panel-content-bottom-space: var( --calcite-dialog-content-bottom-space, var(--calcite-internal-dialog-content-padding) );--calcite-panel-footer-space: var(--calcite-dialog-footer-space);--calcite-panel-border-color: var(--calcite-dialog-border-color);--calcite-panel-background-color: var(--calcite-dialog-background-color, var(--calcite-color-foreground-1));--calcite-panel-icon-color: var(--calcite-dialog-icon-color);--calcite-panel-heading-text-color: var(--calcite-dialog-heading-text-color);--calcite-panel-description-text-color: var(--calcite-dialog-description-text-color);--calcite-panel-header-background-color: var(--calcite-dialog-header-background-color);--calcite-panel-header-action-background-color: var(--calcite-dialog-header-action-background-color);--calcite-panel-header-action-background-color-hover: var(--calcite-dialog-header-action-background-color-hover);--calcite-panel-header-action-background-color-press: var(--calcite-dialog-header-action-background-color-press);--calcite-panel-header-action-text-color: var(--calcite-dialog-header-action-text-color);--calcite-panel-header-action-text-color-press: var(--calcite-dialog-header-action-text-color-press);--calcite-panel-footer-background-color: var(--calcite-dialog-footer-background-color);--calcite-panel-space: var(--calcite-dialog-space, var(--calcite-internal-dialog-content-padding));--calcite-panel-header-content-space: var(--calcite-dialog-header-content-space, var(--calcite-dialog-content-space));--calcite-popover-border-color: var(--calcite-dialog-action-menu-border-color, var(--calcite-color-border-1));--calcite-panel-corner-radius: var(--calcite-dialog-corner-radius)}:host([kind=brand]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-brand))}:host([kind=danger]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-danger))}:host([kind=info]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-info))}:host([kind=success]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-success))}:host([kind=warning]) calcite-panel{--calcite-panel-icon-color: var(--calcite-dialog-icon-color, var(--calcite-color-status-warning))}::slotted(*){--calcite-panel-background-color: initial}[popover]{padding:0;border:none;background-color:transparent;position:fixed;display:flex}[popover]:popover-open{display:flex}.dialog{pointer-events:none;position:relative;margin:1.5rem;box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;opacity:0;box-shadow:var(--calcite-shadow-md);-webkit-overflow-scrolling:touch;visibility:hidden;transition:inset-block-start var(--calcite-internal-animation-timing-slow) ease-in-out allow-discrete,opacity var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:var(--calcite-dialog-corner-radius, var(--calcite-corner-radius-sm));min-inline-size:var(--calcite-dialog-min-size-x, var(--calcite-internal-dialog-min-size-x));max-inline-size:var(--calcite-dialog-max-size-x, 100%);min-block-size:var(--calcite-dialog-min-size-y, var(--calcite-internal-dialog-min-size-y));max-block-size:var(--calcite-dialog-max-size-y, 100%);--calcite-internal-dialog-hidden-position: calc( var(--calcite-dialog-offset-y, 0px) + var(--calcite-internal-dialog-animation-offset) );--calcite-internal-dialog-shown-position: var(--calcite-dialog-offset-y, 0);inset-inline-start:var(--calcite-dialog-offset-x, 0);inset-block-start:var(--calcite-internal-dialog-hidden-position)}:host([top-layer-disabled]) .dialog,:host([embedded]) .dialog{z-index:var(--calcite-z-index-modal)}:host([menu-open]) .dialog{transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) ease-in-out}.panel{visibility:hidden;opacity:0;border-radius:var(--calcite-dialog-corner-radius, var(--calcite-corner-radius-sm));transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) ease-in-out}.container--open .panel{visibility:visible;opacity:1;transition:visibility 0ms linear,opacity var(--calcite-internal-animation-timing-slow) ease-in-out}.container--open{opacity:1;visibility:visible;transition-delay:0ms}.container--open .dialog{pointer-events:auto;visibility:visible;opacity:1;transition:inset-block-start var(--calcite-internal-animation-timing-slow) ease-in-out allow-discrete,opacity var(--calcite-internal-animation-timing-slow) ease-in-out;transition-delay:0ms}.width-s{inline-size:auto;inline-size:var(--calcite-dialog-size-x, 32rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width:35rem){:host(:not([fullscreen-disabled])) .width-s{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;inset-inline-start:0;inset-block-start:var(--calcite-internal-dialog-animation-offset)}}.width-m{inline-size:var(--calcite-dialog-size-x, 48rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width:51rem){:host(:not([fullscreen-disabled])) .width-m{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;inset-inline-start:0;inset-block-start:var(--calcite-internal-dialog-animation-offset)}}.width-l{inline-size:var(--calcite-dialog-size-x, 94rem);block-size:var(--calcite-dialog-size-y, auto)}@media screen and (max-width:97rem){:host(:not([fullscreen-disabled])) .width-l{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;inset-inline-start:0;inset-block-start:var(--calcite-internal-dialog-animation-offset)}}:host([placement=cover]) .dialog{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0}:host([placement=cover]) .panel{border-radius:0}:host([kind]) .panel{border-start-start-radius:0px;border-start-end-radius:0px}:host([kind]) .dialog{overflow:hidden}:host([kind=brand]) .dialog{border-color:var(--calcite-color-brand)}:host([kind=danger]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-danger))}:host([kind=info]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-info))}:host([kind=success]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-success))}:host([kind=warning]) .dialog{border-color:var(--calcite-dialog-accent-color, var(--calcite-color-status-warning))}:host([open]) .dialog{inset-block-start:var(--calcite-internal-dialog-shown-position)}@starting-style{:host([open]) .dialog{inset-block-start:var(--calcite-internal-dialog-hidden-position);opacity:0}}:host([kind=brand][open]) .dialog,:host([kind=danger][open]) .dialog,:host([kind=info][open]) .dialog,:host([kind=success][open]) .dialog,:host([kind=warning][open]) .dialog{border-width:0px;border-block-start-width:4px;border-style:solid}.container--embedded{position:absolute;pointer-events:auto}.container--embedded calcite-scrim{position:absolute}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}`,$=class extends S{constructor(){super(...arguments),this.dragPosition={...U},this.focusTrap=A({triggerProp:"open",focusTrapOptions:{clickOutsideDeactivates:()=>!this.modal||this.embedded,escapeDeactivates:e=>(!e.defaultPrevented&&!this.escapeDisabled&&(this.open=!1,e.preventDefault()),!1)}})(this),this.usePreventDocumentScroll=L()(this),this.mutationObserver=C("mutation",()=>this.handleMutationObserver()),this._open=!1,this.openProp="opened",this.transitionProp="opacity",this.panelRef=k(),this.popoverRef=k(),this.resizePosition={...F},this.messages=B(),this.focusSetter=E()(this),this.sizeOverride=R({targetElement:()=>({value:this.transitionEl}),getBounds:()=>({inline:{min:this.resizeValues.minInlineSize,max:this.resizeValues.maxInlineSize},block:{min:this.resizeValues.minBlockSize,max:this.resizeValues.maxBlockSize}}),fullscreenDisabled:()=>this.fullscreenDisabled,onResize:e=>{this.resizeValues=e}}),this.topLayer=I({disabledOverride:()=>this.embedded,target:this.popoverRef})(this),this.assistiveText=null,this.hasContentBottom=!1,this.hasContentTop=!1,this.hasFooter=!0,this.opened=!1,this.resizeValues={inlineSize:null,blockSize:null,minInlineSize:null,minBlockSize:null,maxInlineSize:null,maxBlockSize:null},this.closeDisabled=!1,this.dragEnabled=!1,this.embedded=!1,this.escapeDisabled=!1,this.fullscreenDisabled=!1,this.iconFlipRtl=!1,this.loading=!1,this.menuOpen=!1,this.modal=!1,this.focusTrapDisabled=!1,this.outsideCloseDisabled=!1,this.overlayPositioning="absolute",this.placement="center",this.resizable=!1,this.scale="m",this.topLayerDisabled=!1,this.widthScale="m",this.calciteDialogBeforeClose=f({cancelable:!1}),this.calciteDialogBeforeOpen=f({cancelable:!1}),this.calciteDialogClose=f({cancelable:!1}),this.calciteDialogOpen=f({cancelable:!1}),this.calciteDialogScroll=f({cancelable:!1})}static{this.properties={assistiveText:[16,{},{state:!0}],hasContentBottom:[16,{},{state:!0}],hasContentTop:[16,{},{state:!0}],hasFooter:[16,{},{state:!0}],opened:[16,{},{state:!0}],resizeValues:[16,{},{state:!0}],beforeClose:[0,{},{attribute:!1}],closeDisabled:[7,{},{reflect:!0,type:Boolean}],description:1,dragEnabled:[7,{},{reflect:!0,type:Boolean}],embedded:[7,{},{reflect:!0,type:Boolean}],escapeDisabled:[7,{},{reflect:!0,type:Boolean}],focusTrapOptions:[0,{},{attribute:!1}],fullscreenDisabled:[7,{},{reflect:!0,type:Boolean}],heading:1,headingLevel:[11,{},{type:Number,reflect:!0}],kind:[3,{},{reflect:!0}],icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],loading:[7,{},{reflect:!0,type:Boolean}],menuOpen:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],modal:[7,{},{reflect:!0,type:Boolean}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],open:[7,{},{reflect:!0,type:Boolean}],outsideCloseDisabled:[7,{},{reflect:!0,type:Boolean}],overlayPositioning:[3,{},{reflect:!0}],placement:[3,{},{reflect:!0}],resizable:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],widthScale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}]}}static{this.styles=j}get preventDocumentScroll(){return!this.embedded&&this.modal}get open(){return this._open}set open(e){let t=this._open;e!==t&&this.setOpenState(e)}async scrollContentTo(e){await this.panelRef.value?.scrollContentTo(e)}async setFocus(e){return this.focusSetter(()=>this.panelRef.value??this.el,e)}async updateFocusTrapElements(e){this.focusTrap.setExtraContainers(e),this.focusTrap.updateContainerElements()}async updateSize(e){this.updateSizeInternal(e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.setUpInteractions()}willUpdate(e){(e.has("open")&&(this.hasUpdated||this.open!==!1)||e.has("placement")&&(this.hasUpdated||this.placement!=="center")||e.has("resizable")&&(this.hasUpdated||this.resizable!==!1)||e.has("dragEnabled")&&(this.hasUpdated||this.dragEnabled!==!1))&&this.setUpInteractions(),(e.has("messages")||e.has("dragEnabled")&&(this.hasUpdated||this.dragEnabled!==!1)||e.has("resizable")&&(this.hasUpdated||this.resizable!==!1))&&this.updateAssistiveText(),e.has("opened")&&(this.hasUpdated||this.opened!==!1)&&this.handleOpenedChange()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.embedded=!1,this.cleanUpInteractions()}focusTrapDisabledOverride(){return!this.modal&&this.focusTrapDisabled}updateAssistiveText(){let{messages:e}=this;this.assistiveText=e&&(this.dragEnabled||this.resizable)?`${this.dragEnabled?e.dragEnabled:""} ${this.resizable?e.resizeEnabled:""}`:null}onBeforeOpen(){this.calciteDialogBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.focusTrapDisabled&&this.setFocus(),this.focusTrap.activate(),this.calciteDialogOpen.emit()}onBeforeClose(){this.calciteDialogBeforeClose.emit()}onClose(){this.focusTrap.deactivate(),this.calciteDialogClose.emit(),this.topLayer.hide()}async setOpenState(e){if(this.beforeClose&&!e)try{await this.beforeClose?.()}catch{return}this._open=e,e&&await this.componentOnReady(),this.opened=e}handleOpenedChange(){P(this)}async triggerInteractModifiers(){let{interaction:e}=this;e&&(await e.reflow({name:"drag"}),await e.reflow({name:"resize"}))}getTransitionRefDOMRect(){return this.transitionEl.getBoundingClientRect()}handleKeyDown(e){let{key:t,shiftKey:i,defaultPrevented:r}=e,{dragEnabled:a,resizable:o,resizePosition:d,dragPosition:l,transitionEl:p}=this;if(!(r||!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(t)))switch(t){case"ArrowUp":if(i&&o&&p){let{minBlockSize:m}=window.getComputedStyle(p),h=u(m),v=this.getTransitionRefDOMRect().height;if(v<=h)return;this.updateSizeInternal({block:v-c}),d.bottom-=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()}else a&&(l.y-=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break;case"ArrowDown":i&&o&&p?(this.updateSizeInternal({block:this.getTransitionRefDOMRect().height+c}),d.bottom+=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()):a&&(l.y+=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break;case"ArrowLeft":if(i&&o&&p){let{minInlineSize:m}=window.getComputedStyle(p),h=u(m),v=this.getTransitionRefDOMRect().width;if(v<=h)return;this.updateSizeInternal({inline:v-c}),d.right-=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()}else a&&(l.x-=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break;case"ArrowRight":i&&o&&p?(this.updateSizeInternal({inline:this.getTransitionRefDOMRect().width+c}),d.right+=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault()):a&&(l.x+=c,this.updateTransform(),this.triggerInteractModifiers(),e.preventDefault());break}}updateTransform(){let{dragPosition:{x:e,y:t},resizePosition:i,transitionEl:r,dragEnabled:a,resizable:o}=this;if(!r)return;if(!a&&!o){r.style.transform="";return}let{top:d,right:l,bottom:p,left:z}=this.getAdjustedResizePosition(i),m=Math.round(e+z+l),h=Math.round(t+d+p);this.transitionEl.style.transform=m||h?`translate(${m}px, ${h}px)`:""}cleanUpInteractions(){this.interaction?.unset(),this.updateSizeInternal({inline:null,block:null}),this.dragPosition={...U},this.resizePosition={...F},this.updateTransform()}async setUpInteractions(){this.cleanUpInteractions();let{el:e,transitionEl:t,resizable:i,dragEnabled:r,resizePosition:a,dragPosition:o}=this;if(!(!t||!this.open)){if((i||r)&&(this.interaction=y(t,{context:e.ownerDocument})),i){await this.el.componentOnReady();let{minInlineSize:d,minBlockSize:l,maxInlineSize:p,maxBlockSize:z}=window.getComputedStyle(this.transitionEl);this.interaction.resizable({edges:{top:!0,right:!0,bottom:!0,left:!0},modifiers:[y.modifiers.restrictSize({min:{width:u(d),height:u(l)},max:{width:u(p)||window.innerWidth,height:u(z)||window.innerHeight}}),y.modifiers.restrict({restriction:"parent"})],listeners:{move:({rect:m,deltaRect:h})=>{h&&(a.top+=h.top,a.right+=h.right,a.bottom+=h.bottom,a.left+=h.left),this.updateSizeInternal({inline:m.width,block:m.height}),this.updateTransform()}}})}r&&this.interaction.draggable({modifiers:[y.modifiers.restrictRect({restriction:"parent"})],listeners:{move:({dx:d,dy:l})=>{o.x+=d,o.y+=l,this.updateTransform()}}})}}getAdjustedResizePosition({top:e,right:t,bottom:i,left:r}){let a=e/2,o=t/2,d=i/2,l=r/2;switch(this.placement){case"top":return{top:e,right:o,bottom:0,left:l};case"top-start":return{top:e,right:0,bottom:0,left:r};case"top-end":return{top:e,right:t,bottom:0,left:0};case"bottom":return{top:0,right:o,bottom:i,left:l};case"bottom-start":return{top:0,right:0,bottom:i,left:r};case"bottom-end":return{top:0,right:t,bottom:i,left:0};default:return{top:a,right:o,bottom:d,left:l}}}setTransitionEl(e){e&&(this.transitionEl=e,this.setUpInteractions())}handleInternalPanelScroll(e){e.target===this.panelRef.value&&(e.stopPropagation(),this.calciteDialogScroll.emit())}handleInternalPanelCloseClick(e){e.target===this.panelRef.value&&(e.preventDefault(),e.stopPropagation(),this.open=!1)}handlePanelKeyDown(e){this.escapeDisabled&&e.key==="Escape"&&!e.defaultPrevented&&e.preventDefault()}handleOutsideClose(){this.outsideCloseDisabled||(this.open=!1)}handleMutationObserver(){this.focusTrap.updateContainerElements()}updateSizeInternal(e){this.transitionEl&&this.sizeOverride.resize(e)}render(){let{assistiveText:e,description:t,heading:i,opened:r,icon:a,iconFlipRtl:o}=this;return x`<div .ariaDescription=${t} .ariaLabel=${i} .ariaModal=${this.modal} class=${b({[g.container]:!0,[g.containerOpen]:r,[g.containerEmbedded]:this.embedded})} .popover=${this.embedded?void 0:"manual"} role=dialog ${w(this.popoverRef)}>${this.modal?x`<calcite-scrim class=${b(g.scrim)} @click=${this.handleOutsideClose}></calcite-scrim>`:null}<div class=${b({[g.dialog]:!0,[M("width",this.width,this.widthScale)]:!!(this.width||this.widthScale)})} @keydown=${this.handleKeyDown} ${w(this.setTransitionEl)}>${e?O("assistive-text",x`<div aria-live=polite class=${b(g.assistiveText)}>${e}</div>`):null}<slot name=${s.customContent}><calcite-panel class=${b(g.panel)} .closable=${!this.closeDisabled} .description=${t} .heading=${i} .headingLevel=${this.headingLevel} .hidden=${!this.opened} .icon=${a} .iconFlipRtl=${o} .loading=${this.loading} .menuOpen=${this.menuOpen} .messageOverrides=${this.messageOverrides} @calcitePanelClose=${this.handleInternalPanelCloseClick} @calcitePanelScroll=${this.handleInternalPanelScroll} @keydown=${this.handlePanelKeyDown} .overlayPositioning=${this.overlayPositioning} .scale=${this.scale} .topLayerDisabled=${this.topLayerDisabled} ${w(this.panelRef)}><slot name=${s.actionBar} slot=${n.actionBar}></slot><slot name=${s.alerts} slot=${n.alerts}></slot><slot name=${s.headerActionsStart} slot=${n.headerActionsStart}></slot><slot name=${s.headerActionsEnd} slot=${n.headerActionsEnd}></slot><slot name=${s.description} slot=${n.description}></slot><slot name=${s.heading} slot=${n.heading}></slot><slot name=${s.headerContent} slot=${n.headerContent}></slot><slot name=${s.headerMenuActions} slot=${n.headerMenuActions}></slot><slot name=${s.fab} slot=${n.fab}></slot><slot name=${s.contentTop} slot=${n.contentTop}></slot><slot name=${s.contentBottom} slot=${n.contentBottom}></slot><slot name=${s.footerStart} slot=${n.footerStart}></slot><slot name=${s.footer} slot=${n.footer}></slot><slot name=${s.footerEnd} slot=${n.footerEnd}></slot><slot></slot></calcite-panel></slot></div></div>`}};T("calcite-dialog",$);export{$ as Dialog};

package/dist/cdn/XNLDUIVX.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as F}from"./KN6BH5QA.js";import{a as g,b as P}from"./WXUNDUA5.js";import{a as A}from"./GKYUUELE.js";import{a as w}from"./735UOYTJ.js";import{a as M}from"./RRA4RJOO.js";import{a as U}from"./XMCTANRY.js";import{a as T}from"./KNTIU7B6.js";import{a as u}from"./GZZYSINJ.js";import{a as $}from"./VI7SBYXT.js";import{a as L}from"./G5PZE3RW.js";import{a as H}from"./64YMJBZZ.js";import"./ZWPNZ5XW.js";import{e as E}from"./Q6LKF7SP.js";import"./DACOJMJV.js";import{H as c}from"./WVILGTYY.js";import{E as k,F as b,G as D,H as l,K as I,M as C,O,P as R,T as V,g as B,h as x,p as d}from"./33XIUBFW.js";var r={scrim:"scrim",container:"container",containerOpen:"container--open",content:"content",contentContainer:"content-container",containerEmbedded:"container--embedded",resizeHandle:"resize-handle",resizeHandleBar:"resize-handle-bar"},K={sheetContent:"sheet-content"},_={dragVertical:"drag-resize-vertical",dragHorizontal:"drag-resize-horizontal"},N=B`:host{position:absolute;inset:0;display:flex;visibility:hidden!important;--calcite-sheet-scrim-background-internal: rgba(0, 0, 0, .85);--calcite-scrim-shadow-block-start-internal: 0 4px 8px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--calcite-scrim-shadow-block-end-internal: 0 -4px 8px -1px rgba(0, 0, 0, .08), 0 -2px 4px -1px rgba(0, 0, 0, .04);--calcite-scrim-shadow-inline-start-internal: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-scrim-shadow-inline-end-internal: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04)}:host([embedded]){z-index:var(--calcite-z-index-overlay)}.calcite--rtl{--calcite-scrim-shadow-inline-start-internal: -4px 0 8px -1px rgba(0, 0, 0, .08), -2px 0 4px -1px rgba(0, 0, 0, .04);--calcite-scrim-shadow-inline-end-internal: 4px 0 8px -1px rgba(0, 0, 0, .08), 2px 0 4px -1px rgba(0, 0, 0, .04)}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.container{visibility:hidden;position:fixed;box-sizing:border-box;display:flex;opacity:0;color:var(--calcite-sheet-text-color, var(--calcite-color-text-2));transition:visibility 0ms linear var(--calcite-internal-animation-timing-medium),opacity var(--calcite-internal-animation-timing-medium) ease-in-out}:host([top-layer-disabled]) .container,:host([embedded]) .container{z-index:var(--calcite-z-index-overlay)}:host([position=inline-start]) .container{justify-content:flex-start;inset-block:0;inset-inline:0 auto;--calcite-sheet-hidden-position-internal: translate3d(-1rem, 0, 0)}:host([position=inline-end]) .container{justify-content:flex-end;inset-block:0;inset-inline:auto 0;--calcite-sheet-hidden-position-internal: translate3d(1rem, 0, 0)}:host([position=block-start]) .container{align-items:flex-start;inset-block:0 auto;inset-inline:0;--calcite-sheet-hidden-position-internal: translate3d(0, -1rem, 0)}:host([position=block-end]) .container{align-items:flex-end;inset-block:auto 0;inset-inline:0;--calcite-sheet-hidden-position-internal: translate3d(0, 1rem, 0)}:host([display-mode=float]) .content{box-shadow:var(--calcite-sheet-shadow, var(--calcite-shadow-sm))}:host([display-mode=overlay][position=inline-start]) .content{box-shadow:var(--calcite-scrim-shadow-inline-start-internal)}:host([display-mode=overlay][position=inline-end]) .content{box-shadow:var(--calcite-scrim-shadow-inline-end-internal)}:host([display-mode=overlay][position=block-start]) .content{box-shadow:var(--calcite-scrim-shadow-block-start-internal)}:host([display-mode=overlay][position=block-end]) .content{box-shadow:var(--calcite-scrim-shadow-block-end-internal)}:host([position^=inline]) .content{inline-size:var(--calcite-sheet-width-internal);max-inline-size:var(--calcite-sheet-max-width-internal);min-inline-size:var(--calcite-sheet-min-width-internal)}:host([position^=block]) .content{block-size:var(--calcite-sheet-height-internal);max-block-size:var(--calcite-sheet-max-height-internal);min-block-size:var(--calcite-sheet-min-height-internal)}:host([position^=inline]) .width-s{--calcite-sheet-width-internal: var(--calcite-sheet-width, 15vw);--calcite-sheet-max-width-internal: var(--calcite-sheet-max-width, 360px);--calcite-sheet-min-width-internal: var(--calcite-sheet-min-width, 260px)}:host([position^=inline]) .width-m{--calcite-sheet-width-internal: var(--calcite-sheet-width, 25vw);--calcite-sheet-max-width-internal: var(--calcite-sheet-max-width, 420px);--calcite-sheet-min-width-internal: var(--calcite-sheet-min-width, 300px)}:host([position^=inline]) .width-l{--calcite-sheet-width-internal: var(--calcite-sheet-width, 45vw);--calcite-sheet-max-width-internal: var(--calcite-sheet-max-width, 680px);--calcite-sheet-min-width-internal: var(--calcite-sheet-min-width, 340px)}:host([position^=block]) .height-s{--calcite-sheet-min-height-internal: var(--calcite-sheet-min-height, 160px);--calcite-sheet-height-internal: var(--calcite-sheet-height, 30vh);--calcite-sheet-max-height-internal: var(--calcite-sheet-max-height, 30vh)}:host([position^=block]) .height-m{--calcite-sheet-min-height-internal: var(--calcite-sheet-min-height, 200px);--calcite-sheet-height-internal: var(--calcite-sheet-height, 45vh);--calcite-sheet-max-height-internal: var(--calcite-sheet-max-height, 50vh)}:host([position^=block]) .height-l{--calcite-sheet-min-height-internal: var(--calcite-sheet-min-height, 240px);--calcite-sheet-height-internal: var(--calcite-sheet-height, 60vh);--calcite-sheet-max-height-internal: var(--calcite-sheet-max-height, 70vh)}.scrim{--calcite-scrim-background: var(--calcite-sheet-scrim-background, var(--calcite-sheet-scrim-background-internal));position:fixed;inset:0;display:flex;overflow:hidden;z-index:calc(var(--calcite-z-index) * -1)}:host([top-layer-disabled]) .scrim{z-index:unset}[popover]{padding:0;margin:0;border:none;background-color:transparent;position:fixed;display:flex;inline-size:100%;block-size:100%}[popover]:popover-open{display:flex}:host([opened]){visibility:visible!important}.content{position:relative;box-sizing:border-box;display:flex;max-inline-size:100%;padding:0;background-color:var(--calcite-sheet-background-color, var(--calcite-color-foreground-1));max-block-size:100%;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-medium) ease-in-out,visibility 0ms linear var(--calcite-internal-animation-timing-medium),opacity var(--calcite-internal-animation-timing-medium) ease-in-out;transform:var(--calcite-sheet-hidden-position-internal)}:host([top-layer-disabled]),:host([top-layer-disabled]) .content,:host([embedded]) .content{z-index:var(--calcite-z-index-modal)}.content-container{position:relative;display:flex;max-block-size:100%;max-inline-size:100%;flex:1 1 0%;overflow:hidden}.content-container ::slotted(*){block-size:auto}.container--open .content{transform:translateZ(0)}:host([display-mode=float]) .content,:host([display-mode=float]) .container,:host([display-mode=float]) .content-container{border-radius:var(--calcite-sheet-corner-radius, var(--calcite-corner-radius-round))}:host([display-mode=float]) .container{padding:var(--calcite-spacing-md)}.container--open{visibility:visible;opacity:1;transition-delay:0ms}.container--open .content{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-medium) ease-in-out,visibility 0ms linear,opacity var(--calcite-internal-animation-timing-medium) ease-in-out,max-inline-size var(--calcite-internal-animation-timing-medium) ease-in-out,max-block-size var(--calcite-internal-animation-timing-medium) ease-in-out;transition-delay:0ms}@starting-style{.container--open{opacity:0;visibility:hidden}}:host([position=inline-start]) .content,:host([position=inline-end]) .content{block-size:100%}:host([position=inline-start]) .content{flex-direction:row}:host([position=inline-end]) .content{flex-direction:row-reverse}:host([position=block-start]) .content,:host([position=block-end]) .content{inline-size:100%}:host([position=block-start]) .content{flex-direction:column}:host([position=block-end]) .content{flex-direction:column-reverse}:host([resizable][position=inline-start]) .content{padding-inline-end:var(--calcite-size-fixed-sm-plus)}:host([resizable][position=inline-end]) .content{padding-inline-start:var(--calcite-size-fixed-sm-plus)}:host([resizable][position=block-start]) .content{padding-block-end:var(--calcite-size-fixed-sm-plus)}:host([resizable][position=block-end]) .content{padding-block-start:var(--calcite-size-fixed-sm-plus)}.resize-handle{position:absolute;box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;outline:2px solid transparent;outline-offset:2px;--calcite-internal-sheet-resize-handle-offset: calc( (var(--calcite-size-fixed-xxl) - var(--calcite-size-fixed-sm-plus)) / 2 * -1 );z-index:var(--calcite-z-index-header)}.resize-handle:active .resize-handle-bar,.resize-handle:hover .resize-handle-bar{color:var(--calcite-sheet-resize-icon-color, var(--calcite-color-text-1));background-color:var(--calcite-sheet-resize-background-color, var(--calcite-color-foreground-3))}.resize-handle-bar{pointer-events:none;display:flex;align-items:center;justify-content:center;color:var(--calcite-sheet-resize-icon-color, var(--calcite-color-border-input));background-color:var(--calcite-sheet-resize-background-color, var(--calcite-color-background))}.resize-handle:focus .resize-handle-bar{outline-color:transparent;outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)))}:host([position=inline-start]) .resize-handle{inline-size:var(--calcite-size-fixed-xxl);inset-inline-end:var(--calcite-internal-sheet-resize-handle-offset);block-size:100%}:host([position=inline-start]) .resize-handle-bar{block-size:100%;inline-size:var(--calcite-size-fixed-sm-plus);border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-sheet-border-color, var(--calcite-color-border-3))}:host([position=inline-start]):host([display-mode=float]) .resize-handle-bar{border-start-end-radius:var(--calcite-sheet-corner-radius, var(--calcite-corner-radius-round));border-end-end-radius:var(--calcite-sheet-corner-radius, var(--calcite-corner-radius-round))}:host([position=inline-end]) .resize-handle{inline-size:var(--calcite-size-fixed-xxl);inset-inline-start:var(--calcite-internal-sheet-resize-handle-offset);block-size:100%}:host([position=inline-end]) .resize-handle-bar{block-size:100%;inline-size:var(--calcite-size-fixed-sm-plus);border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-sheet-border-color, var(--calcite-color-border-3))}:host([position=inline-end]):host([display-mode=float]) .resize-handle-bar{border-start-start-radius:.25rem;border-end-start-radius:.25rem}:host([position=block-start]) .resize-handle{block-size:var(--calcite-size-fixed-xxl);inline-size:100%;inset-block-end:var(--calcite-internal-sheet-resize-handle-offset)}:host([position=block-start]) .resize-handle-bar{inline-size:100%;block-size:var(--calcite-size-fixed-sm-plus);border-block-start:var(--calcite-border-width-sm) solid var(--calcite-sheet-border-color, var(--calcite-color-border-3))}:host([position=block-start]):host([display-mode=float]) .resize-handle-bar{border-end-end-radius:.25rem;border-end-start-radius:.25rem}:host([position=block-end]) .resize-handle{block-size:var(--calcite-size-fixed-xxl);inline-size:100%;inset-block-start:var(--calcite-internal-sheet-resize-handle-offset)}:host([position=block-end]) .resize-handle-bar{inline-size:100%;block-size:var(--calcite-size-fixed-sm-plus);border-block-end:var(--calcite-border-width-sm) solid var(--calcite-sheet-border-color, var(--calcite-color-border-3))}:host([position=block-end]):host([display-mode=float]) .resize-handle-bar{border-start-start-radius:var(--calcite-sheet-corner-radius, var(--calcite-corner-radius-round));border-start-end-radius:var(--calcite-sheet-corner-radius, var(--calcite-corner-radius-round))}:host([position]) .container--embedded{pointer-events:auto;position:absolute;inline-size:100%;max-inline-size:100%;min-inline-size:100%;block-size:100%;max-block-size:100%;min-block-size:100%}:host([position]) .container--embedded calcite-scrim{position:absolute}:host([hidden]){display:none}[hidden]{display:none}`,y=class extends D{constructor(){super(),this.contentRef=k(),this.direction=E(),this.focusTrap=A({triggerProp:"open",focusTrapOptions:{clickOutsideDeactivates:()=>this.embedded,escapeDeactivates:e=>(!e.defaultPrevented&&!this.escapeDisabled&&(this.open=!1,e.preventDefault()),!1)}})(this),this.usePreventDocumentScroll=F()(this),this.messages=L(),this.mutationObserver=$("mutation",()=>this.handleMutationObserver()),this._open=!1,this.openProp="opened",this.transitionProp="opacity",this.transitionRef=k(),this.focusSetter=H()(this),this.keyDownHandler=e=>{let{defaultPrevented:i,key:n}=e;!i&&!this.escapeDisabled&&this.focusTrapDisabled&&this.open&&n==="Escape"&&(e.preventDefault(),this.open=!1)},this.sizeOverride=P({targetElement:this.contentRef,getBounds:()=>({inline:{min:this.resizeValues.minInlineSize,max:this.resizeValues.maxInlineSize},block:{min:this.resizeValues.minBlockSize,max:this.resizeValues.maxBlockSize}}),onResize:e=>{this.resizeValues={...e}}}),this.topLayer=M({disabledOverride:()=>this.embedded,target:this.transitionRef})(this),this.resizeValues={inlineSize:null,blockSize:null,minInlineSize:null,minBlockSize:null,maxInlineSize:null,maxBlockSize:null},this.displayMode="overlay",this.embedded=!1,this.escapeDisabled=!1,this.focusTrapDisabled=!1,this.heightScale="m",this.opened=!1,this.outsideCloseDisabled=!1,this.position="inline-start",this.resizable=!1,this.topLayerDisabled=!1,this.widthScale="m",this.calciteSheetBeforeClose=d({cancelable:!1}),this.calciteSheetBeforeOpen=d({cancelable:!1}),this.calciteSheetClose=d({cancelable:!1}),this.calciteSheetOpen=d({cancelable:!1}),this.listen("keydown",this.keyDownHandler)}static{this.properties={resizeValues:[16,{},{state:!0}],beforeClose:[0,{},{attribute:!1}],displayMode:[3,{},{reflect:!0}],embedded:[7,{},{reflect:!0,type:Boolean}],escapeDisabled:[7,{},{reflect:!0,type:Boolean}],focusTrapDisabled:[7,{},{reflect:!0,type:Boolean}],focusTrapOptions:[0,{},{attribute:!1}],heightScale:[3,{},{reflect:!0}],height:[3,{},{reflect:!0}],label:1,messageOverrides:[0,{},{attribute:!1}],open:[7,{},{reflect:!0,type:Boolean}],opened:[7,{},{reflect:!0,type:Boolean}],outsideCloseDisabled:[7,{},{reflect:!0,type:Boolean}],position:[3,{},{reflect:!0}],resizable:[7,{},{reflect:!0,type:Boolean}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}],widthScale:[3,{},{reflect:!0}],width:[3,{},{reflect:!0}]}}static{this.styles=N}get preventDocumentScroll(){return!this.embedded}get open(){return this._open}set open(e){let i=this._open;e!==i&&this.setOpenState(e)}async setFocus(e){return this.focusSetter(()=>this.el,e)}async updateFocusTrapElements(e){this.focusTrap.setExtraContainers(e),this.focusTrap.updateContainerElements()}async updateSize(e){this.updateSizeInternal(e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.hasUpdated&&this.refreshResize()}willUpdate(e){e.has("opened")&&(this.hasUpdated||this.opened!==!1)&&this.transitionRef.value&&U(this),(e.has("open")&&(this.hasUpdated||this.open!==!1)||e.has("position")&&(this.hasUpdated||this.position!=="inline-start")||e.has("resizable")&&(this.hasUpdated||this.resizable!==!1)||e.has("direction"))&&this.refreshResize()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.embedded=!1,this.cleanUpInteractions()}async setOpenState(e){if(this.beforeClose&&!e)try{await this.beforeClose?.(this.el)}catch{return}this._open=e,e&&await this.componentOnReady(),this.opened=e}getResizeIcon(){let{position:e}=this;return e==="block-start"||e==="block-end"?_.dragVertical:_.dragHorizontal}handleKeyDown(e){let{key:i,defaultPrevented:n,shiftKey:s}=e,{contentRef:a,position:t,resizable:h,resizeValues:{maxBlockSize:z,maxInlineSize:f,minBlockSize:p,minInlineSize:v}}=this,j=[...t==="block-end"||t==="block-start"?["ArrowUp","ArrowDown"]:["ArrowLeft","ArrowRight"],"Home","End"];if(!h||!a.value||n||!j.includes(i))return;let m=a.value.getBoundingClientRect(),S=this.direction==="rtl"?-1:1,o=s?R:O;switch(i){case"ArrowUp":this.updateSizeInternal({block:m.height+(t==="block-end"?o:-o)}),e.preventDefault();break;case"ArrowDown":this.updateSizeInternal({block:m.height+(t==="block-end"?-o:o)}),e.preventDefault();break;case"ArrowLeft":this.updateSizeInternal({inline:m.width+(t==="inline-end"?o:-o)*S}),e.preventDefault();break;case"ArrowRight":this.updateSizeInternal({inline:m.width+(t==="inline-end"?-o:o)*S}),e.preventDefault();break;case"Home":this.updateSizeInternal(t==="block-start"||t==="block-end"?{block:p}:{inline:v}),e.preventDefault();break;case"End":this.updateSizeInternal(t==="block-start"||t==="block-end"?{block:z}:{inline:f}),e.preventDefault();break}}updateSizeInternal(e){this.contentRef.value&&this.sizeOverride.resize(e)}cleanUpInteractions(){this.interaction?.unset()}updateResizeValues(){let{contentRef:e}=this;if(!e.value)return;let i=window.getComputedStyle(e.value);this.resizeValues={inlineSize:c(i.inlineSize),blockSize:c(i.blockSize),minInlineSize:c(i.minInlineSize),minBlockSize:c(i.minBlockSize),maxInlineSize:c(i.maxInlineSize)||window.innerWidth,maxBlockSize:c(i.maxBlockSize)||window.innerHeight}}refreshResize(){this.updateResizeValues(),this.setUpResizeInteractions()}setUpResizeInteractions(){this.cleanUpInteractions();let{contentRef:e,el:i,resizable:n,position:s,open:a,resizeHandleEl:t}=this;if(!e.value||!a||!n||!t)return;let h=this.direction==="rtl",z=this.resizeValues.minInlineSize===null||this.resizeValues.minBlockSize===null?void 0:{width:this.resizeValues.minInlineSize,height:this.resizeValues.minBlockSize},f=this.resizeValues.maxInlineSize===null||this.resizeValues.maxBlockSize===null?void 0:{width:this.resizeValues.maxInlineSize,height:this.resizeValues.maxBlockSize};this.interaction=g(e.value,{context:i.ownerDocument}).resizable({edges:{top:s==="block-end"?t:!1,right:s===(h?"inline-end":"inline-start")?t:!1,bottom:s==="block-start"?t:!1,left:s===(h?"inline-start":"inline-end")?t:!1},modifiers:[g.modifiers.restrictSize({min:z,max:f})],listeners:{move:({rect:p})=>{let v=s==="block-start"||s==="block-end";this.updateSizeInternal(v?{block:p.height}:{inline:p.width})}}})}onBeforeOpen(){this.calciteSheetBeforeOpen.emit(),this.topLayer.show()}onOpen(){this.focusTrapDisabled&&this.setFocus(),this.focusTrap.activate(),this.calciteSheetOpen.emit()}onBeforeClose(){this.calciteSheetBeforeClose.emit()}onClose(){this.calciteSheetClose.emit(),this.focusTrap.deactivate(),this.topLayer.hide()}setResizeHandleEl(e){this.resizeHandleEl=e,this.refreshResize()}handleOutsideClose(){this.outsideCloseDisabled||(this.open=!1)}handleMutationObserver(){this.focusTrap.updateContainerElements()}render(){let{resizable:e,position:i,resizeValues:n}=this,s=this.direction,a=i==="block-start"||i==="block-end";return I(this.el,"aria-describedby",K.sheetContent),this.el.ariaLabel=this.label,this.el.ariaModal="true",this.el.role="dialog",x`<div class=${l({[r.container]:!0,[r.containerOpen]:this.opened,[r.containerEmbedded]:this.embedded,[C.rtl]:s==="rtl",[w("width",this.width,this.widthScale)]:!!(this.width||this.widthScale),[w("height",this.height,this.heightScale)]:!!(this.height||this.heightScale)})} .popover=${this.embedded?void 0:"manual"} ${b(this.transitionRef)}><calcite-scrim class=${l(r.scrim)} @click=${this.handleOutsideClose}></calcite-scrim><div class=${l(r.content)} id=${K.sheetContent} ${b(this.contentRef)}><div class=${l(r.contentContainer)}><slot></slot></div>${e?T("resize-handle",x`<div .ariaLabel=${this.messages.resizeEnabled} .ariaOrientation=${a?"vertical":"horizontal"} .ariaValueMax=${u(a?"block":"inline",n.maxBlockSize,n.maxInlineSize)} .ariaValueMin=${u(a?"block":"inline",n.minBlockSize,n.minInlineSize)} .ariaValueNow=${u(a?"block":"inline",n.blockSize,n.inlineSize)} class=${l(r.resizeHandle)} @keydown=${this.handleKeyDown} role=separator tabindex=0 touch-action=none ${b(this.setResizeHandleEl)}><div class=${l(r.resizeHandleBar)}><calcite-icon .icon=${this.getResizeIcon()} scale=s></calcite-icon></div></div>`):null}</div></div>`}};V("calcite-sheet",y);export{y as Sheet};

package/dist/cdn/ZR3LBIFK.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as t,b as z,c as S,d as l}from"./BLWTCPBG.js";import{a as U}from"./GKYUUELE.js";import{a as K}from"./5RNPDMF2.js";import{b as _}from"./NAHIFA4F.js";import{a as I}from"./3HRK4SIW.js";import"./L5S3O4ZK.js";import{a as R}from"./S7XKI7YU.js";import{a as m}from"./KNTIU7B6.js";import"./5EBGPCB7.js";import{a as P,b as N}from"./VI7SBYXT.js";import{a as M}from"./G5PZE3RW.js";import{c as j}from"./DMK27J6W.js";import{a as L}from"./64YMJBZZ.js";import{a as O}from"./ZWPNZ5XW.js";import"./Q6LKF7SP.js";import"./DACOJMJV.js";import{v as k,w as A,x as h,y as x}from"./WVILGTYY.js";import{E as F,F as E,G as B,H as o,T as D,g as T,h as n,l as y,p as C}from"./33XIUBFW.js";var V=T`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;overflow:hidden;border-radius:var(--calcite-panel-corner-radius, var(--calcite-corner-radius-sharp))}slot[name=alerts]::slotted(calcite-alert){block-size:0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-internal-panel-default-space: var(--calcite-spacing-sm);--calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-sm-plus)}:host([scale=s]) .header-content .heading{font-size:var(--calcite-font-size--1)}:host([scale=s]) .header-content .description{font-size:var(--calcite-font-size--2)}:host([scale=s]) .header-content .icon{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]){--calcite-internal-panel-default-space: var(--calcite-spacing-md);--calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-md-plus)}:host([scale=m]) .header-content .heading{font-size:var(--calcite-font-size-0)}:host([scale=m]) .header-content .description{font-size:var(--calcite-font-size--1)}:host([scale=m]) .header-content .icon{margin-inline-end:var(--calcite-spacing-md)}:host(:is([scale=s],[scale=m])){--calcite-internal-panel-action-spacing: var(--calcite-spacing-xxs)}:host([scale=l]){--calcite-internal-panel-action-spacing: var(--calcite-spacing-xs);--calcite-internal-panel-default-space: var(--calcite-spacing-lg);--calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-xl)}:host([scale=l]) .header-content .heading{font-size:var(--calcite-font-size-1)}:host([scale=l]) .header-content .description{font-size:var(--calcite-font-size-0)}:host([scale=l]) .header-content .icon{margin-inline-end:var(--calcite-spacing-lg)}.content-top,.content-bottom{display:flex;align-items:flex-start;align-self:stretch;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))}.content-top{padding:var(--calcite-panel-content-top-space, var(--calcite-internal-panel-default-space))}.content-bottom{padding:var(--calcite-panel-content-bottom-space, var(--calcite-internal-panel-default-space))}.container{position:relative;margin:0;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;overflow:hidden;background-color:var(--calcite-color-background);padding:0;font-size:var(--calcite-font-size-relative-base);color:var(--calcite-color-text-2);transition:max-block-size var(--calcite-animation-timing),inline-size var(--calcite-animation-timing);box-sizing:border-box;font-size:var(--calcite-font-size--1)}.container *{box-sizing:border-box}.header{z-index:var(--calcite-z-index-header);display:flex;flex-direction:column;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:.75rem;padding-block:.875rem;margin-inline-end:auto;justify-content:center}.header-content .heading-text-content{flex:1 1 auto;overflow:hidden}.header-content .heading,.header-content .description{display:block;flex:none;overflow-wrap:break-word;padding:0;line-height:var(--calcite-font-line-height-relative-snug)}.header-content .heading{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))}#close,#collapse,calcite-action-menu{--calcite-action-background-color: var(--calcite-panel-header-action-background-color);--calcite-action-background-color-hover: var(--calcite-panel-header-action-background-color-hover);--calcite-action-background-color-press: var(--calcite-panel-header-action-background-color-press);--calcite-action-text-color: var(--calcite-panel-header-action-text-color);--calcite-action-text-color-press: var(--calcite-panel-header-action-text-color-press)}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;margin:auto;gap:var(--calcite-internal-panel-action-spacing)}.header-actions--start{margin-inline-start:var(--calcite-internal-panel-action-spacing)}.header-actions--end{margin-inline-end:var(--calcite-internal-panel-action-spacing)}.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:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * 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))}.header-content.header--non-slotted-content{align-items:center;flex-direction:row}.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-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);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))}.footer-content{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:center}.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:.5rem;inset-inline:0;inline-size:fit-content}calcite-icon{--calcite-icon-color: var(--calcite-panel-icon-color, var(--calcite-ui-icon-color, var(--calcite-color-text-1)))}:host([hidden]){display:none}[hidden]{display:none}`,w=class extends B{constructor(){super(),this.containerRef=F(),this.resizeObserver=P("resize",()=>this.resizeHandler()),this.messages=M(),this._closed=!1,this.focusSetter=L()(this),this.focusTrapController=U({focusTrapOptions:{allowOutsideClick:!0,escapeDeactivates:e=>(!e.defaultPrevented&&this.closable&&(this.emitCloseEvent(),e.preventDefault()),!1)}})(this),this.interactiveContainer=R(this),this.hasActionBar=!1,this.hasContentBottom=!1,this.hasContentTop=!1,this.hasEndActions=!1,this.hasFab=!1,this.hasFooterContent=!1,this.hasFooterEndContent=!1,this.hasFooterStartContent=!1,this.hasHeaderContent=!1,this.hasHeaderDescription=!1,this.hasHeaderHeading=!1,this.hasMenuItems=!1,this.hasStartActions=!1,this.showHeaderContent=!1,this.closable=!1,this.collapseDirection="down",this.collapsed=!1,this.collapsible=!1,this.disabled=!1,this.iconFlipRtl=!1,this.loading=!1,this.focusTrapEnabled=!1,this.menuOpen=!1,this.menuPlacement=_,this.overlayPositioning="absolute",this.scale="m",this.topLayerDisabled=!1,this.calcitePanelClose=C({cancelable:!0}),this.calcitePanelCollapse=C({cancelable:!1}),this.calcitePanelExpand=C({cancelable:!1}),this.calcitePanelScroll=C({cancelable:!1}),this.calcitePanelToggle=C({cancelable:!1}),this.listen("keydown",this.panelKeyDownHandler),this.listen("calcitePanelClose",this.panelCloseHandler)}static{this.properties={hasActionBar:[16,{},{state:!0}],hasContentBottom:[16,{},{state:!0}],hasContentTop:[16,{},{state:!0}],hasEndActions:[16,{},{state:!0}],hasFab:[16,{},{state:!0}],hasFooterContent:[16,{},{state:!0}],hasFooterEndContent:[16,{},{state:!0}],hasFooterStartContent:[16,{},{state:!0}],hasHeaderContent:[16,{},{state:!0}],hasHeaderDescription:[16,{},{state:!0}],hasHeaderHeading:[16,{},{state:!0}],hasMenuItems:[16,{},{state:!0}],hasStartActions:[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}],icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],loading:[7,{},{reflect:!0,type:Boolean}],focusTrapEnabled:[7,{},{reflect:!0,type:Boolean}],focusTrapOptions:[0,{},{attribute:!1}],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}],topLayerDisabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=[K,V]}get closed(){return this._closed}set closed(e){let a=this._closed;e!==a&&this.setClosedState(e)}async scrollContentTo(e){this.panelScrollEl?.scrollTo(e)}async setFocus(e){return this.focusSetter(()=>this.containerRef.value,e)}async updateFocusTrapElements(e){this.focusTrapController.setExtraContainers(e),this.focusTrapController.updateContainerElements()}willUpdate(e){e.has("collapsed")&&this.hasUpdated&&(this.collapsed?this.calcitePanelCollapse.emit():this.calcitePanelExpand.emit())}updated(e){(e.has("focusTrapEnabled")||e.has("closable")||e.has("closed"))&&(!this.closed&&this.closable&&this.focusTrapEnabled?this.focusTrapController.activate():this.focusTrapController.deactivate())}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect()}focusTrapDisabledOverride(){return!this.focusTrapEnabled||!this.closable||this.closed}async setClosedState(e){if(this.beforeClose&&e)try{await this.beforeClose?.()}catch{return}this._closed=e}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")}closeClickHandler(){this.emitCloseEvent()}emitCloseEvent(){this.calcitePanelClose.emit()}panelKeyDownHandler(e){e.key!=="Escape"||e.defaultPrevented||this.closed||!this.closable||(e.preventDefault(),this.emitCloseEvent())}panelCloseHandler(e){e.defaultPrevented||e.target!==this.el||(this.closed=!0)}collapse(){this.collapsed=!this.collapsed,this.calcitePanelToggle.emit()}panelScrollHandler(){this.calcitePanelScroll.emit()}handleHeaderActionsStartSlotChange(e){this.hasStartActions=h(e)}handleHeaderActionsEndSlotChange(e){this.hasEndActions=h(e)}handleHeaderMenuActionsSlotChange(e){this.hasMenuItems=h(e)}handleActionBarSlotChange(e){let a=x(e).filter(i=>i?.matches("calcite-action-bar"));a.forEach(i=>i.layout="horizontal"),this.hasActionBar=!!a.length}handleHeaderContentSlotChange(e){this.hasHeaderContent=h(e)}handleHeaderDescriptionSlotChange(e){this.hasHeaderDescription=A(e)||x(e).some(k)}handleHeaderHeadingSlotChange(e){this.hasHeaderHeading=A(e)||x(e).some(k)}handleFabSlotChange(e){this.hasFab=h(e)}handleFooterEndSlotChange(e){this.hasFooterEndContent=h(e)}handleFooterStartSlotChange(e){this.hasFooterStartContent=h(e)}handleFooterSlotChange(e){this.hasFooterContent=h(e)}contentBottomSlotChangeHandler(e){this.hasContentBottom=h(e)}contentTopSlotChangeHandler(e){this.hasContentTop=h(e)}setPanelScrollEl(e){N(this.resizeObserver,this.panelScrollEl,e),this.panelScrollEl=e}handleAlertsSlotChange(e){x(e)?.map(a=>{a.nodeName==="CALCITE-ALERT"&&(a.embedded=!0)})}renderHeaderContent(){let{heading:e,headingLevel:a,description:i,hasHeaderContent:s,hasHeaderDescription:r,hasHeaderHeading:c,icon:u,scale:d}=this,p=!!e||c,f=!!i||r,g=p||f,v=u?n`<calcite-icon class=${o(t.icon)} .flipRtl=${this.iconFlipRtl} .icon=${u} .scale=${O(d)}></calcite-icon>`:null,b=I({class:t.heading,hidden:!p,level:a,children:n`<slot .hidden=${!c} name=${l.heading} @slotchange=${this.handleHeaderHeadingSlotChange}></slot>${c?null:e}`}),H=n`<span class=${o(t.description)} .hidden=${!f}><slot .hidden=${!r} name=${l.description} @slotchange=${this.handleHeaderDescriptionSlotChange}></slot>${r?null:i}</span>`;return m("header-content",n`<div class=${o({[t.headerContent]:!0,[t.headerNonSlottedContent]:!0})} .hidden=${s||!g}>${v}<div class=${o(t.headingTextContent)}>${b}${H}</div></div>`)}renderActionBar(){return n`<div class=${o(t.actionBarContainer)} .hidden=${!this.hasActionBar}><slot name=${l.actionBar} @slotchange=${this.handleActionBarSlotChange}></slot></div>`}renderHeaderSlottedContent(){return m("slotted-header-content",n`<div class=${o({[t.headerContent]:!0,[t.headerSlottedContent]:!0})} .hidden=${!this.hasHeaderContent}><slot name=${l.headerContent} @slotchange=${this.handleHeaderContentSlotChange}></slot></div>`)}renderHeaderStartActions(){let{hasStartActions:e}=this;return m("header-actions-start",n`<div class=${o({[t.headerActionsStart]:!0,[t.headerActions]:!0})} .hidden=${!e}><slot name=${l.headerActionsStart} @slotchange=${this.handleHeaderActionsStartSlotChange}></slot></div>`)}renderHeaderActionsEnd(){let{hasEndActions:e,messages:a,closable:i,collapsed:s,collapseDirection:r,collapsible:c,hasMenuItems:u}=this,{collapse:d,expand:p,close:f}=a,g=[S.expand,S.collapse];r==="up"&&g.reverse();let v=c?n`<calcite-action .aria=${{expanded:!s}} .icon=${s?g[0]:g[1]} id=${z.collapse} .label=${d} @click=${this.collapse} .scale=${this.scale} .text=${d} title=${(s?p:d)??y}></calcite-action>`:null,b=i?n`<calcite-action .ariaLabel=${f} .icon=${S.close} id=${z.close} @click=${this.closeClickHandler} .scale=${this.scale} .text=${f} title=${f??y}></calcite-action>`:null,H=n`<slot name=${l.headerActionsEnd} @slotchange=${this.handleHeaderActionsEndSlotChange}></slot>`,$=e||v||b||u;return m("header-actions-end",n`<div class=${o({[t.headerActionsEnd]:!0,[t.headerActions]:!0})} .hidden=${!$}>${H}${this.renderMenu()}${v}${b}</div>`)}renderMenu(){let{hasMenuItems:e,messages:a,menuOpen:i,menuFlipPlacements:s,menuPlacement:r,scale:c}=this;return m("menu",n`<calcite-action-menu .flipPlacements=${s??["top","bottom"]} .hidden=${!e} .label=${a.options} .open=${i} .overlayPositioning=${this.overlayPositioning} .placement=${r} .scale=${c} .topLayerDisabled=${this.topLayerDisabled}><calcite-action class=${o(t.menuAction)} .icon=${S.menu} .scale=${c} slot=${j.trigger} .text=${a.options}></calcite-action><slot name=${l.headerMenuActions} @slotchange=${this.handleHeaderMenuActionsSlotChange}></slot></calcite-action-menu>`)}renderHeaderNode(){let{hasHeaderContent:e,hasHeaderDescription:a,hasHeaderHeading:i,hasStartActions:s,hasEndActions:r,closable:c,collapsible:u,hasMenuItems:d,hasActionBar:p,hasContentTop:f,heading:g,description:v}=this,b=this.renderHeaderContent(),$=e||(!!g||!!v||i||a)||s||r||u||c||d||p||f;return this.showHeaderContent=$,n`<header class=${o(t.header)} .hidden=${!($||p||f)}><div class=${o({[t.headerContainer]:!0,[t.headerContainerBorderEnd]:p})} .hidden=${!$}>${this.renderHeaderStartActions()}${this.renderHeaderSlottedContent()}${b}${this.renderHeaderActionsEnd()}</div>${this.renderActionBar()}${this.renderContentTop()}</header>`}renderFooterNode(){let{hasFooterEndContent:e,hasFooterStartContent:a,hasFooterContent:i}=this,s=a||e||i;return n`<footer class=${o(t.footer)} .hidden=${!s}><div class=${o(t.footerContent)} .hidden=${!i}><slot name=${l.footer} @slotchange=${this.handleFooterSlotChange}></slot></div><div class=${o(t.footerStart)} .hidden=${i||!a}><slot name=${l.footerStart} @slotchange=${this.handleFooterStartSlotChange}></slot></div><div class=${o(t.footerEnd)} .hidden=${i||!e}><slot name=${l.footerEnd} @slotchange=${this.handleFooterEndSlotChange}></slot></div></footer>`}renderContent(){return n`<div class=${o(t.contentWrapper)} .hidden=${this.collapsible&&this.collapsed} @scroll=${this.panelScrollHandler} ${E(this.setPanelScrollEl)}><slot></slot>${this.renderFab()}</div>`}renderContentBottom(){return n`<div class=${o(t.contentBottom)} .hidden=${!this.hasContentBottom}><slot name=${l.contentBottom} @slotchange=${this.contentBottomSlotChangeHandler}></slot></div>`}renderContentTop(){return n`<div class=${o(t.contentTop)} .hidden=${!this.hasContentTop}><slot name=${l.contentTop} @slotchange=${this.contentTopSlotChangeHandler}></slot></div>`}renderFab(){return n`<div class=${o(t.fabContainer)} .hidden=${!this.hasFab}><slot name=${l.fab} @slotchange=${this.handleFabSlotChange}></slot></div>`}render(){let{disabled:e,loading:a,closed:i,heading:s,description:r,focusTrapEnabled:c,closable:u}=this,d=c&&u,p=n`<div .ariaBusy=${a} .ariaDescription=${d&&r?r:void 0} .ariaLabel=${d&&s?s:void 0} .ariaLive=${d?"polite":void 0} class=${o(t.container)} .hidden=${i} .role=${d?"dialog":"article"} ${E(this.containerRef)}>${this.renderHeaderNode()}${this.renderContent()}${this.renderContentBottom()}${this.renderFooterNode()}${m("alerts",n`<slot name=${l.alerts} @slotchange=${this.handleAlertsSlotChange}></slot>`)}</div>`;return this.interactiveContainer({disabled:e,children:n`${a?n`<calcite-scrim .loading=${a}></calcite-scrim>`:null}${p}`})}};D("calcite-panel",w);export{w as Panel};