@esri/calcite-components 2.12.0 → 2.13.0-next.1

package/dist/calcite/p-07043a58.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{r as e,c as t,h as i,H as n,g as a}from"./p-17581615.js";import{b as s,s as o,f as l,t as c}from"./p-cbc54e80.js";import{u as r,I as d}from"./p-176e985b.js";import{s as h,a as f,c as p}from"./p-ff633d19.js";import{c as g}from"./p-fbf41cbc.js";import{S as u}from"./p-5fb11bc5.js";import{H as m}from"./p-af2ce6e6.js";import{c as b,d as v}from"./p-a3136988.js";import{c as x,s as y,d as k,u as z}from"./p-62a45517.js";import{S as w,C,I as S,a as j}from"./p-4a654c62.js";import"./p-3cf89117.js";import"./p-d32e5254.js";import"./p-6861beb6.js";import"./p-b92ebeef.js";const A=":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:flex;block-size:100%;inline-size:100%;flex:1 1 auto;overflow:hidden;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}:host([scale=s]){--calcite-internal-panel-default-padding:var(--calcite-spacing-sm);--calcite-internal-panel-header-vertical-padding:10px}:host([scale=s]) .header-content .heading{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=s]) .header-content .description{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-internal-panel-default-padding:var(--calcite-spacing-md);--calcite-internal-panel-header-vertical-padding:var(--calcite-spacing-lg)}:host([scale=m]) .header-content .heading{font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=m]) .header-content .description{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-internal-panel-default-padding:var(--calcite-spacing-xl);--calcite-internal-panel-header-vertical-padding:var(--calcite-spacing-xxl)}:host([scale=l]) .header-content .heading{font-size:var(--calcite-font-size-1);line-height:1.5rem}:host([scale=l]) .header-content .description{font-size:var(--calcite-font-size-0);line-height:1.25rem}.content-top,.content-bottom{display:flex;align-items:flex-start;align-self:stretch;border-block-start:1px solid var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1)}.container{position:relative;margin:0px;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;background-color:var(--calcite-color-background);padding:0px;outline-color:transparent;transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing)}.container:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.container[hidden]{display:none}.header{z-index:var(--calcite-z-index-header);display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);border-block-end:var(--calcite-panel-header-border-block-end, 1px solid 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-color-border-3)}.action-bar-container{inline-size:100%}.action-bar-container ::slotted(calcite-action-bar){inline-size:100%}.header-content{display:flex;flex-direction:column;overflow:hidden;padding-inline:0.75rem;padding-block:0.875rem;margin-inline-end:auto}.header-content .heading,.header-content .description{display:block;overflow-wrap:break-word;padding:0px}.header-content .heading{margin-inline:0px;margin-block:0px 0.25rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.header-content .heading:only-child{margin-block-end:0px}.header-content .description{color:var(--calcite-color-text-2)}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);border-inline-end-width:1px}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch}.header-actions--end{margin-inline-start:auto}.content-wrapper{position:relative;display:flex;block-size:100%;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;overflow:auto;background-color:var(--calcite-color-background);outline-color:transparent;padding:var(--calcite-panel-content-space, 0)}.content-wrapper:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.content-top,.content-bottom{padding:var(--calcite-internal-panel-default-padding)}.header-content{padding-block:var(--calcite-internal-panel-header-vertical-padding);padding-inline:var(--calcite-internal-panel-default-padding)}.footer{margin-block-start:auto;display:flex;flex-direction:row;align-content:space-between;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--2);line-height:1.375;border-block-start:1px solid var(--calcite-color-border-3);padding:var(--calcite-panel-footer-padding, var(--calcite-internal-panel-default-padding))}.footer-content{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:center}.footer-actions{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:space-evenly;gap:var(--calcite-internal-panel-default-padding)}.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-padding)}.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-padding)}.fab-container{position:sticky;inset-block-end:0px;z-index:var(--calcite-z-index-sticky);margin-block:0px;margin-inline:auto;display:block;padding:0.5rem;inset-inline:0;inline-size:-moz-fit-content;inline-size:fit-content}:host([hidden]){display:none}[hidden]{display:none}";const H=A;const D=class{constructor(i){e(this,i);this.calcitePanelClose=t(this,"calcitePanelClose",6);this.calcitePanelToggle=t(this,"calcitePanelToggle",6);this.calcitePanelScroll=t(this,"calcitePanelScroll",6);this.resizeObserver=g("resize",(()=>this.resizeHandler()));this.resizeHandler=()=>{const{panelScrollEl:e}=this;if(!e||typeof e.scrollHeight!=="number"||typeof e.offsetHeight!=="number"){return}e.tabIndex=e.scrollHeight>e.offsetHeight?0:-1};this.setContainerRef=e=>{this.containerEl=e};this.panelKeyDownHandler=e=>{if(this.closable&&e.key==="Escape"&&!e.defaultPrevented){this.handleUserClose();e.preventDefault()}};this.handleUserClose=()=>{this.closed=true;this.calcitePanelClose.emit()};this.open=()=>{this.isClosed=false};this.close=async()=>{const e=this.beforeClose??(()=>Promise.resolve());try{await e()}catch(e){requestAnimationFrame((()=>{this.closed=false}));return}this.isClosed=true};this.collapse=()=>{this.collapsed=!this.collapsed;this.calcitePanelToggle.emit()};this.panelScrollHandler=()=>{this.calcitePanelScroll.emit()};this.handleHeaderActionsStartSlotChange=e=>{this.hasStartActions=s(e)};this.handleHeaderActionsEndSlotChange=e=>{this.hasEndActions=s(e)};this.handleHeaderMenuActionsSlotChange=e=>{this.hasMenuItems=s(e)};this.handleActionBarSlotChange=e=>{const t=o(e).filter((e=>e?.matches("calcite-action-bar")));t.forEach((e=>e.layout="horizontal"));this.hasActionBar=!!t.length};this.handleHeaderContentSlotChange=e=>{this.hasHeaderContent=s(e)};this.handleFabSlotChange=e=>{this.hasFab=s(e)};this.handleFooterActionsSlotChange=e=>{this.hasFooterActions=s(e)};this.handleFooterEndSlotChange=e=>{this.hasFooterEndContent=s(e)};this.handleFooterStartSlotChange=e=>{this.hasFooterStartContent=s(e)};this.handleFooterSlotChange=e=>{this.hasFooterContent=s(e)};this.contentBottomSlotChangeHandler=e=>{this.hasContentBottom=s(e)};this.contentTopSlotChangeHandler=e=>{this.hasContentTop=s(e)};this.setPanelScrollEl=e=>{this.panelScrollEl=e;this.resizeObserver?.disconnect();if(e){this.resizeObserver?.observe(e);this.resizeHandler()}};this.handleAlertsSlotChange=e=>{o(e)?.map((e=>{if(e.nodeName==="CALCITE-ALERT"){e.embedded=true}}))};this.beforeClose=undefined;this.closed=false;this.disabled=false;this.closable=false;this.collapsed=false;this.collapseDirection="down";this.collapsible=false;this.headingLevel=undefined;this.loading=false;this.heading=undefined;this.description=undefined;this.menuOpen=false;this.messageOverrides=undefined;this.messages=undefined;this.overlayPositioning="absolute";this.scale="m";this.isClosed=false;this.hasStartActions=false;this.hasEndActions=false;this.hasMenuItems=false;this.hasHeaderContent=false;this.hasActionBar=false;this.hasContentBottom=false;this.hasContentTop=false;this.hasFab=false;this.hasFooterActions=false;this.hasFooterContent=false;this.hasFooterEndContent=false;this.hasFooterStartContent=false;this.defaultMessages=undefined;this.effectiveLocale="";this.showHeaderContent=false}toggleDialog(e){e?this.close():this.open()}onMessagesChange(){}connectedCallback(){b(this);x(this)}async componentWillLoad(){h(this);await y(this)}componentDidLoad(){f(this)}componentDidRender(){r(this)}disconnectedCallback(){v(this);k(this);this.resizeObserver?.disconnect()}effectiveLocaleChange(){z(this,this.effectiveLocale)}async setFocus(){await p(this);l(this.containerEl)}async scrollContentTo(e){this.panelScrollEl?.scrollTo(e)}renderHeaderContent(){const{heading:e,headingLevel:t,description:n,hasHeaderContent:a}=this;const s=e?i(m,{class:C.heading,level:t},e):null;const o=n?i("span",{class:C.description},n):null;return!a&&(s||o)?i("div",{class:C.headerContent,key:"header-content"},s,o):null}renderActionBar(){return i("div",{class:C.actionBarContainer,hidden:!this.hasActionBar},i("slot",{name:w.actionBar,onSlotchange:this.handleActionBarSlotChange}))}renderHeaderSlottedContent(){return i("div",{class:C.headerContent,hidden:!this.hasHeaderContent,key:"slotted-header-content"},i("slot",{name:w.headerContent,onSlotchange:this.handleHeaderContentSlotChange}))}renderHeaderStartActions(){const{hasStartActions:e}=this;return i("div",{class:{[C.headerActionsStart]:true,[C.headerActions]:true},hidden:!e,key:"header-actions-start"},i("slot",{name:w.headerActionsStart,onSlotchange:this.handleHeaderActionsStartSlotChange}))}renderHeaderActionsEnd(){const{hasEndActions:e,messages:t,closable:n,collapsed:a,collapseDirection:s,collapsible:o,hasMenuItems:l}=this;const{collapse:r,expand:d,close:h}=t;const f=[j.expand,j.collapse];if(s==="up"){f.reverse()}const p=o?i("calcite-action",{"aria-expanded":c(!a),"aria-label":r,icon:a?f[0]:f[1],id:S.collapse,onClick:this.collapse,scale:this.scale,text:r,title:a?d:r}):null;const g=n?i("calcite-action",{"aria-label":h,icon:j.close,id:S.close,onClick:this.handleUserClose,scale:this.scale,text:h,title:h}):null;const u=i("slot",{name:w.headerActionsEnd,onSlotchange:this.handleHeaderActionsEndSlotChange});const m=e||p||g||l;return i("div",{class:{[C.headerActionsEnd]:true,[C.headerActions]:true},hidden:!m,key:"header-actions-end"},u,this.renderMenu(),p,g)}renderMenu(){const{hasMenuItems:e,messages:t,menuOpen:n}=this;return i("calcite-action-menu",{flipPlacements:["top","bottom"],hidden:!e,key:"menu",label:t.options,open:n,overlayPositioning:this.overlayPositioning,placement:"bottom-end"},i("calcite-action",{icon:j.menu,scale:this.scale,slot:u.trigger,text:t.options}),i("slot",{name:w.headerMenuActions,onSlotchange:this.handleHeaderMenuActionsSlotChange}))}renderHeaderNode(){const{hasHeaderContent:e,hasStartActions:t,hasEndActions:n,closable:a,collapsible:s,hasMenuItems:o,hasActionBar:l}=this;const c=this.renderHeaderContent();const r=e||!!c||t||n||s||a||o;this.showHeaderContent=r;return i("header",{class:C.header,hidden:!(r||l)},i("div",{class:{[C.headerContainer]:true,[C.headerContainerBorderEnd]:l},hidden:!r},this.renderHeaderStartActions(),this.renderHeaderSlottedContent(),c,this.renderHeaderActionsEnd()),this.renderActionBar(),this.renderContentTop())}renderFooterNode(){const{hasFooterEndContent:e,hasFooterStartContent:t,hasFooterContent:n,hasFooterActions:a}=this;const s=t||e||n||a;return i("footer",{class:C.footer,hidden:!s},i("div",{class:C.footerContent,hidden:!n},i("slot",{name:w.footer,onSlotchange:this.handleFooterSlotChange})),i("div",{class:C.footerStart,hidden:n||!t},i("slot",{name:w.footerStart,onSlotchange:this.handleFooterStartSlotChange})),i("div",{class:C.footerEnd,hidden:n||!e},i("slot",{name:w.footerEnd,onSlotchange:this.handleFooterEndSlotChange})),i("div",{class:C.footerActions,hidden:n||!a},i("slot",{key:"footer-actions-slot",name:w.footerActions,onSlotchange:this.handleFooterActionsSlotChange})))}renderContent(){return i("div",{class:C.contentWrapper,hidden:this.collapsible&&this.collapsed,onScroll:this.panelScrollHandler,ref:this.setPanelScrollEl},i("slot",null),this.renderFab())}renderContentBottom(){return i("div",{class:C.contentBottom,hidden:!this.hasContentBottom},i("slot",{name:w.contentBottom,onSlotchange:this.contentBottomSlotChangeHandler}))}renderContentTop(){return i("div",{class:C.contentTop,hidden:!this.hasContentTop},i("slot",{name:w.contentTop,onSlotchange:this.contentTopSlotChangeHandler}))}renderFab(){return i("div",{class:C.fabContainer,hidden:!this.hasFab},i("slot",{name:w.fab,onSlotchange:this.handleFabSlotChange}))}render(){const{disabled:e,loading:t,panelKeyDownHandler:a,isClosed:s,closable:o}=this;const l=i("article",{key:"75e2f5217d2154740df5c2398b913449efcf44a9","aria-busy":c(t),class:C.container,hidden:s,ref:this.setContainerRef,tabIndex:o?0:-1},this.renderHeaderNode(),this.renderContent(),this.renderContentBottom(),this.renderFooterNode(),i("slot",{key:"alerts",name:w.alerts,onSlotchange:this.handleAlertsSlotChange}));return i(n,{key:"17b1381865b57fd68274d94e9fbf80a6a67c19fc",onKeyDown:a},i(d,{key:"9d880ae0e8cf66aba2eaeaa2e5e549d6d78be39a",disabled:e},t?i("calcite-scrim",{loading:t}):null,l))}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{closed:["toggleDialog"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};D.style=H;export{D as calcite_panel};
+//# sourceMappingURL=p-07043a58.entry.js.map

package/dist/calcite/p-07043a58.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["panelCss","CalcitePanelStyle0","Panel","this","resizeObserver","createObserver","resizeHandler","panelScrollEl","scrollHeight","offsetHeight","tabIndex","setContainerRef","node","containerEl","panelKeyDownHandler","event","closable","key","defaultPrevented","handleUserClose","preventDefault","closed","calcitePanelClose","emit","open","isClosed","close","async","beforeClose","Promise","resolve","_error","requestAnimationFrame","collapse","collapsed","calcitePanelToggle","panelScrollHandler","calcitePanelScroll","handleHeaderActionsStartSlotChange","hasStartActions","slotChangeHasAssignedElement","handleHeaderActionsEndSlotChange","hasEndActions","handleHeaderMenuActionsSlotChange","hasMenuItems","handleActionBarSlotChange","actionBars","slotChangeGetAssignedElements","filter","el","matches","forEach","actionBar","layout","hasActionBar","length","handleHeaderContentSlotChange","hasHeaderContent","handleFabSlotChange","hasFab","handleFooterActionsSlotChange","hasFooterActions","handleFooterEndSlotChange","hasFooterEndContent","handleFooterStartSlotChange","hasFooterStartContent","handleFooterSlotChange","hasFooterContent","contentBottomSlotChangeHandler","hasContentBottom","contentTopSlotChangeHandler","hasContentTop","setPanelScrollEl","disconnect","observe","handleAlertsSlotChange","map","nodeName","embedded","toggleDialog","value","onMessagesChange","connectedCallback","connectLocalized","connectMessages","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","disconnectedCallback","disconnectLocalized","disconnectMessages","effectiveLocaleChange","updateMessages","effectiveLocale","setFocus","componentFocusable","focusFirstTabbable","scrollContentTo","options","scrollTo","renderHeaderContent","heading","headingLevel","description","headingNode","h","Heading","class","CSS","level","descriptionNode","headerContent","renderActionBar","actionBarContainer","hidden","name","SLOTS","onSlotchange","renderHeaderSlottedContent","renderHeaderStartActions","headerActionsStart","headerActions","renderHeaderActionsEnd","messages","collapseDirection","collapsible","expand","icons","ICONS","reverse","collapseNode","toAriaBoolean","icon","id","IDS","onClick","scale","text","title","closeNode","slotNode","headerActionsEnd","showContainer","renderMenu","menuOpen","flipPlacements","label","overlayPositioning","placement","menu","slot","ACTION_MENU_SLOTS","trigger","headerMenuActions","renderHeaderNode","headerContentNode","showHeaderContent","header","headerContainer","headerContainerBorderEnd","renderContentTop","renderFooterNode","showFooter","footer","footerContent","footerStart","footerEnd","footerActions","renderContent","contentWrapper","onScroll","ref","renderFab","renderContentBottom","contentBottom","contentTop","fabContainer","fab","render","disabled","loading","panelNode","container","alerts","Host","onKeyDown","InteractiveContainer"],"sources":["src/components/panel/panel.scss?tag=calcite-panel&encapsulation=shadow","src/components/panel/panel.tsx"],"sourcesContent":["/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-panel-content-space: Specifies the padding of the component's content.\n * @prop --calcite-panel-footer-padding: Specifies the padding of the component's footer.\n * @prop --calcite-panel-header-border-block-end: Specifies the component header's block end border.\n */\n\n:host {\n  @extend %component-host;\n  @apply relative flex w-full h-full flex-auto overflow-hidden;\n\n  --calcite-min-header-height: calc(var(--calcite-icon-size) * 3);\n}\n\n@include disabled();\n\n@import \"../../assets/styles/header\";\n\n:host([scale=\"s\"]) {\n  --calcite-internal-panel-default-padding: var(--calcite-spacing-sm);\n  --calcite-internal-panel-header-vertical-padding: 10px; // this should use a spacing token once made available\n\n  .header-content {\n    .heading {\n      @apply text-n1h;\n    }\n\n    .description {\n      @apply text-n2h;\n    }\n  }\n}\n\n:host([scale=\"m\"]) {\n  --calcite-internal-panel-default-padding: var(--calcite-spacing-md);\n  --calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-lg);\n\n  .header-content {\n    .heading {\n      @apply text-0h;\n    }\n\n    .description {\n      @apply text-n1h;\n    }\n  }\n}\n\n:host([scale=\"l\"]) {\n  --calcite-internal-panel-default-padding: var(--calcite-spacing-xl);\n  --calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-xxl);\n\n  .header-content {\n    .heading {\n      @apply text-1h;\n    }\n\n    .description {\n      @apply text-0h;\n    }\n  }\n}\n\n.content-top,\n.content-bottom {\n  @apply flex items-start self-stretch;\n\n  border-block-start: 1px solid var(--calcite-color-border-3);\n  background-color: var(--calcite-color-foreground-1);\n}\n\n.container {\n  @apply focus-base relative bg-background m-0 flex w-full flex-auto flex-col items-stretch p-0;\n\n  transition:\n    max-block-size var(--calcite-animation-timing),\n    inline-size var(--calcite-animation-timing);\n}\n\n.container:focus {\n  @apply focus-inset;\n}\n\n.container[hidden] {\n  @apply hidden;\n}\n\n.header {\n  @apply bg-foreground-1 flex flex-col z-header;\n  border-block-end: var(--calcite-panel-header-border-block-end, 1px solid var(--calcite-color-border-3));\n}\n\n.header-container {\n  @apply flex flex-row w-full\n  items-stretch\n  justify-start;\n  flex: 0 0 auto;\n}\n\n.header-container--border-end {\n  border-block-end: 1px solid var(--calcite-color-border-3);\n}\n\n.action-bar-container {\n  @apply w-full;\n}\n\n.action-bar-container ::slotted(calcite-action-bar) {\n  @apply w-full;\n}\n\n.header-content {\n  @apply flex\n    flex-col\n    overflow-hidden\n    px-3\n    py-3.5;\n\n  margin-inline-end: auto;\n\n  .heading,\n  .description {\n    @apply block\n      break-words\n      p-0;\n  }\n\n  .heading {\n    @apply mx-0 mt-0 mb-1 font-medium text-color-1;\n\n    &:only-child {\n      @apply mb-0;\n    }\n  }\n\n  .description {\n    @apply text-color-2;\n  }\n}\n\n.back-button {\n  @apply border-color-3\n  border-0\n  border-solid;\n  border-inline-end-width: theme(\"borderWidth.DEFAULT\");\n}\n\n.header-actions {\n  @apply flex\n  flex-row\n  flex-nowrap\n  items-stretch;\n}\n\n.header-actions--end {\n  margin-inline-start: theme(\"margin.auto\");\n}\n\n.content-wrapper {\n  @apply flex\n  flex-auto\n  flex-col\n  flex-nowrap\n  items-stretch\n  bg-background\n  overflow-auto\n  h-full\n  focus-base\n  relative;\n  padding: var(--calcite-panel-content-space, 0);\n}\n\n.content-wrapper:focus {\n  @apply focus-inset;\n}\n\n.content-top,\n.content-bottom {\n  padding: var(--calcite-internal-panel-default-padding);\n}\n\n.header-content {\n  padding-block: var(--calcite-internal-panel-header-vertical-padding);\n  padding-inline: var(--calcite-internal-panel-default-padding);\n}\n\n.footer {\n  @apply flex mt-auto flex-row content-between justify-center items-center bg-foreground-1 text-n2-wrap;\n  border-block-start: 1px solid var(--calcite-color-border-3);\n  padding: var(--calcite-panel-footer-padding, var(--calcite-internal-panel-default-padding));\n}\n\n.footer-content {\n  @apply flex flex-row items-center justify-center flex-1;\n}\n\n.footer-actions {\n  @apply flex flex-row items-center justify-evenly flex-1;\n  gap: var(--calcite-internal-panel-default-padding);\n}\n\n.footer-start {\n  @apply flex flex-row items-center justify-start flex-1;\n  margin-inline-end: auto;\n  gap: var(--calcite-internal-panel-default-padding);\n}\n\n.footer-end {\n  @apply flex flex-row items-center justify-end flex-1;\n  margin-inline-start: auto;\n  gap: var(--calcite-internal-panel-default-padding);\n}\n\n.fab-container {\n  @apply sticky\n  bottom-0\n  my-0\n  mx-auto\n  block\n  p-2\n  z-sticky;\n  inset-inline: 0;\n  inline-size: fit-content;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  focusFirstTabbable,\n  slotChangeGetAssignedElements,\n  slotChangeHasAssignedElement,\n  toAriaBoolean,\n} from \"../../utils/dom\";\nimport {\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { createObserver } from \"../../utils/observers\";\nimport { SLOTS as ACTION_MENU_SLOTS } from \"../action-menu/resources\";\nimport { Heading, HeadingLevel } from \"../functional/Heading\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { OverlayPositioning } from \"../../utils/floating-ui\";\nimport { CollapseDirection } from \"../interfaces\";\nimport { Scale } from \"../interfaces\";\nimport { PanelMessages } from \"./assets/panel/t9n\";\nimport { CSS, ICONS, IDS, SLOTS } from \"./resources\";\n\n/**\n * @slot - A slot for adding custom content.\n * @slot action-bar - A slot for adding a `calcite-action-bar` to the component.\n * @slot alerts - A slot for adding `calcite-alert`s to the component.\n * @slot content-bottom - A slot for adding content below the unnamed (default) slot and above the footer slot (if populated)\n * @slot content-top - A slot for adding content above the unnamed (default) slot and below the action-bar slot (if populated).\n * @slot header-actions-start - A slot for adding actions or content to the start side of the header.\n * @slot header-actions-end - A slot for adding actions or content to the end side of the header.\n * @slot header-content - A slot for adding custom content to the header.\n * @slot header-menu-actions - A slot for adding an overflow menu with actions inside a `calcite-dropdown`.\n * @slot fab - A slot for adding a `calcite-fab` (floating action button) to perform an action.\n * @slot footer - A slot for adding custom content to the component's footer. Should not be used with the `\"footer-start\"` or `\"footer-end\"` slots.\n * @slot footer-actions - [Deprecated] Use the `footer-start` and `footer-end` slots instead. A slot for adding `calcite-button`s to the component's footer.\n * @slot footer-end - A slot for adding a trailing footer custom content. Should not be used with the `\"footer\"` slot.\n * @slot footer-start - A slot for adding a leading footer custom content. Should not be used with the `\"footer\"` slot.\n */\n@Component({\n  tag: \"calcite-panel\",\n  styleUrl: \"panel.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Panel\n  implements InteractiveComponent, LoadableComponent, LocalizedComponent, T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /** Passes a function to run before the component closes. */\n  @Prop() beforeClose: () => Promise<void>;\n\n  /** When `true`, the component will be hidden. */\n  @Prop({ mutable: true, reflect: true }) closed = false;\n\n  @Watch(\"closed\")\n  toggleDialog(value: boolean): void {\n    value ? this.close() : this.open();\n  }\n\n  /**\n   *  When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** When `true`, displays a close button in the trailing side of the header. */\n  @Prop({ reflect: true }) closable = false;\n\n  /**\n   * When `true`, hides the component's content area.\n   */\n  @Prop({ reflect: true }) collapsed = false;\n\n  /**\n   * Specifies the direction of the collapse.\n   *\n   * @internal\n   */\n  @Prop() collapseDirection: CollapseDirection = \"down\";\n\n  /**\n   * When `true`, the component is collapsible.\n   */\n  @Prop({ reflect: true }) collapsible = false;\n\n  /**\n   * Specifies the heading level of the component's `heading` for proper document structure, without affecting visual styling.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  /**\n   * When `true`, a busy indicator is displayed.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * The component header text.\n   */\n  @Prop() heading: string;\n\n  /** A description for the component. */\n  @Prop() description: string;\n\n  /**\n   * When `true`, the action menu items in the `header-menu-actions` slot are open.\n   */\n  @Prop({ reflect: true }) menuOpen = false;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<PanelMessages>;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: PanelMessages;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Determines the type of positioning to use for the overlaid content.\n   *\n   * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n   *\n   * `\"fixed\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n   *\n   */\n  @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = \"absolute\";\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    this.resizeObserver?.disconnect();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalcitePanelElement;\n\n  containerEl: HTMLElement;\n\n  panelScrollEl: HTMLElement;\n\n  resizeObserver = createObserver(\"resize\", () => this.resizeHandler());\n\n  @State() isClosed = false;\n\n  @State() hasStartActions = false;\n\n  @State() hasEndActions = false;\n\n  @State() hasMenuItems = false;\n\n  @State() hasHeaderContent = false;\n\n  @State() hasActionBar = false;\n\n  @State() hasContentBottom = false;\n\n  @State() hasContentTop = false;\n\n  @State() hasFab = false;\n\n  @State() hasFooterActions = false;\n\n  @State() hasFooterContent = false;\n\n  @State() hasFooterEndContent = false;\n\n  @State() hasFooterStartContent = false;\n\n  @State() defaultMessages: PanelMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @State() showHeaderContent = false;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires when the close button is clicked.\n   */\n  @Event({ cancelable: false }) calcitePanelClose: EventEmitter<void>;\n\n  /**\n   * Fires when the collapse button is clicked.\n   */\n  @Event({ cancelable: false }) calcitePanelToggle: EventEmitter<void>;\n\n  /**\n   * Fires when the content is scrolled.\n   */\n  @Event({ cancelable: false }) calcitePanelScroll: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  resizeHandler = (): void => {\n    const { panelScrollEl } = this;\n\n    if (\n      !panelScrollEl ||\n      typeof panelScrollEl.scrollHeight !== \"number\" ||\n      typeof panelScrollEl.offsetHeight !== \"number\"\n    ) {\n      return;\n    }\n\n    panelScrollEl.tabIndex = panelScrollEl.scrollHeight > panelScrollEl.offsetHeight ? 0 : -1;\n  };\n\n  setContainerRef = (node: HTMLElement): void => {\n    this.containerEl = node;\n  };\n\n  panelKeyDownHandler = (event: KeyboardEvent): void => {\n    if (this.closable && event.key === \"Escape\" && !event.defaultPrevented) {\n      this.handleUserClose();\n      event.preventDefault();\n    }\n  };\n\n  private handleUserClose = (): void => {\n    this.closed = true;\n    this.calcitePanelClose.emit();\n  };\n\n  open = (): void => {\n    this.isClosed = false;\n  };\n\n  close = async (): Promise<void> => {\n    const beforeClose = this.beforeClose ?? (() => Promise.resolve());\n\n    try {\n      await beforeClose();\n    } catch (_error) {\n      // close prevented\n      requestAnimationFrame(() => {\n        this.closed = false;\n      });\n      return;\n    }\n\n    this.isClosed = true;\n  };\n\n  collapse = (): void => {\n    this.collapsed = !this.collapsed;\n    this.calcitePanelToggle.emit();\n  };\n\n  panelScrollHandler = (): void => {\n    this.calcitePanelScroll.emit();\n  };\n\n  handleHeaderActionsStartSlotChange = (event: Event): void => {\n    this.hasStartActions = slotChangeHasAssignedElement(event);\n  };\n\n  handleHeaderActionsEndSlotChange = (event: Event): void => {\n    this.hasEndActions = slotChangeHasAssignedElement(event);\n  };\n\n  handleHeaderMenuActionsSlotChange = (event: Event): void => {\n    this.hasMenuItems = slotChangeHasAssignedElement(event);\n  };\n\n  handleActionBarSlotChange = (event: Event): void => {\n    const actionBars = slotChangeGetAssignedElements(event).filter((el) =>\n      el?.matches(\"calcite-action-bar\"),\n    ) as HTMLCalciteActionBarElement[];\n\n    actionBars.forEach((actionBar) => (actionBar.layout = \"horizontal\"));\n\n    this.hasActionBar = !!actionBars.length;\n  };\n\n  handleHeaderContentSlotChange = (event: Event): void => {\n    this.hasHeaderContent = slotChangeHasAssignedElement(event);\n  };\n\n  handleFabSlotChange = (event: Event): void => {\n    this.hasFab = slotChangeHasAssignedElement(event);\n  };\n\n  handleFooterActionsSlotChange = (event: Event): void => {\n    this.hasFooterActions = slotChangeHasAssignedElement(event);\n  };\n\n  handleFooterEndSlotChange = (event: Event): void => {\n    this.hasFooterEndContent = slotChangeHasAssignedElement(event);\n  };\n\n  handleFooterStartSlotChange = (event: Event): void => {\n    this.hasFooterStartContent = slotChangeHasAssignedElement(event);\n  };\n\n  handleFooterSlotChange = (event: Event): void => {\n    this.hasFooterContent = slotChangeHasAssignedElement(event);\n  };\n\n  private contentBottomSlotChangeHandler = (event: Event): void => {\n    this.hasContentBottom = slotChangeHasAssignedElement(event);\n  };\n\n  private contentTopSlotChangeHandler = (event: Event): void => {\n    this.hasContentTop = slotChangeHasAssignedElement(event);\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component's first focusable element.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    focusFirstTabbable(this.containerEl);\n  }\n\n  /**\n   * Scrolls the component's content to a specified set of coordinates.\n   *\n   * @example\n   * myCalciteFlowItem.scrollContentTo({\n   *   left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.\n   *   top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element\n   *   behavior: \"auto\" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value).\n   * });\n   * @param options - allows specific coordinates to be defined.\n   * @returns - promise that resolves once the content is scrolled to.\n   */\n  @Method()\n  async scrollContentTo(options?: ScrollToOptions): Promise<void> {\n    this.panelScrollEl?.scrollTo(options);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderHeaderContent(): VNode {\n    const { heading, headingLevel, description, hasHeaderContent } = this;\n    const headingNode = heading ? (\n      <Heading class={CSS.heading} level={headingLevel}>\n        {heading}\n      </Heading>\n    ) : null;\n\n    const descriptionNode = description ? <span class={CSS.description}>{description}</span> : null;\n\n    return !hasHeaderContent && (headingNode || descriptionNode) ? (\n      <div class={CSS.headerContent} key=\"header-content\">\n        {headingNode}\n        {descriptionNode}\n      </div>\n    ) : null;\n  }\n\n  renderActionBar(): VNode {\n    return (\n      <div class={CSS.actionBarContainer} hidden={!this.hasActionBar}>\n        <slot name={SLOTS.actionBar} onSlotchange={this.handleActionBarSlotChange} />\n      </div>\n    );\n  }\n\n  renderHeaderSlottedContent(): VNode {\n    return (\n      <div class={CSS.headerContent} hidden={!this.hasHeaderContent} key=\"slotted-header-content\">\n        <slot name={SLOTS.headerContent} onSlotchange={this.handleHeaderContentSlotChange} />\n      </div>\n    );\n  }\n\n  renderHeaderStartActions(): VNode {\n    const { hasStartActions } = this;\n\n    return (\n      <div\n        class={{ [CSS.headerActionsStart]: true, [CSS.headerActions]: true }}\n        hidden={!hasStartActions}\n        key=\"header-actions-start\"\n      >\n        <slot\n          name={SLOTS.headerActionsStart}\n          onSlotchange={this.handleHeaderActionsStartSlotChange}\n        />\n      </div>\n    );\n  }\n\n  renderHeaderActionsEnd(): VNode {\n    const {\n      hasEndActions,\n      messages,\n      closable,\n      collapsed,\n      collapseDirection,\n      collapsible,\n      hasMenuItems,\n    } = this;\n    const { collapse, expand, close } = messages;\n\n    const icons = [ICONS.expand, ICONS.collapse];\n\n    if (collapseDirection === \"up\") {\n      icons.reverse();\n    }\n\n    const collapseNode = collapsible ? (\n      <calcite-action\n        aria-expanded={toAriaBoolean(!collapsed)}\n        aria-label={collapse}\n        icon={collapsed ? icons[0] : icons[1]}\n        id={IDS.collapse}\n        onClick={this.collapse}\n        scale={this.scale}\n        text={collapse}\n        title={collapsed ? expand : collapse}\n      />\n    ) : null;\n\n    const closeNode = closable ? (\n      <calcite-action\n        aria-label={close}\n        icon={ICONS.close}\n        id={IDS.close}\n        onClick={this.handleUserClose}\n        scale={this.scale}\n        text={close}\n        title={close}\n      />\n    ) : null;\n\n    const slotNode = (\n      <slot name={SLOTS.headerActionsEnd} onSlotchange={this.handleHeaderActionsEndSlotChange} />\n    );\n\n    const showContainer = hasEndActions || collapseNode || closeNode || hasMenuItems;\n\n    return (\n      <div\n        class={{ [CSS.headerActionsEnd]: true, [CSS.headerActions]: true }}\n        hidden={!showContainer}\n        key=\"header-actions-end\"\n      >\n        {slotNode}\n        {this.renderMenu()}\n        {collapseNode}\n        {closeNode}\n      </div>\n    );\n  }\n\n  renderMenu(): VNode {\n    const { hasMenuItems, messages, menuOpen } = this;\n\n    return (\n      <calcite-action-menu\n        flipPlacements={[\"top\", \"bottom\"]}\n        hidden={!hasMenuItems}\n        key=\"menu\"\n        label={messages.options}\n        open={menuOpen}\n        overlayPositioning={this.overlayPositioning}\n        placement=\"bottom-end\"\n      >\n        <calcite-action\n          icon={ICONS.menu}\n          scale={this.scale}\n          slot={ACTION_MENU_SLOTS.trigger}\n          text={messages.options}\n        />\n        <slot\n          name={SLOTS.headerMenuActions}\n          onSlotchange={this.handleHeaderMenuActionsSlotChange}\n        />\n      </calcite-action-menu>\n    );\n  }\n\n  renderHeaderNode(): VNode {\n    const {\n      hasHeaderContent,\n      hasStartActions,\n      hasEndActions,\n      closable,\n      collapsible,\n      hasMenuItems,\n      hasActionBar,\n    } = this;\n\n    const headerContentNode = this.renderHeaderContent();\n\n    const showHeaderContent =\n      hasHeaderContent ||\n      !!headerContentNode ||\n      hasStartActions ||\n      hasEndActions ||\n      collapsible ||\n      closable ||\n      hasMenuItems;\n\n    this.showHeaderContent = showHeaderContent;\n\n    return (\n      <header class={CSS.header} hidden={!(showHeaderContent || hasActionBar)}>\n        <div\n          class={{ [CSS.headerContainer]: true, [CSS.headerContainerBorderEnd]: hasActionBar }}\n          hidden={!showHeaderContent}\n        >\n          {this.renderHeaderStartActions()}\n          {this.renderHeaderSlottedContent()}\n          {headerContentNode}\n          {this.renderHeaderActionsEnd()}\n        </div>\n        {this.renderActionBar()}\n        {this.renderContentTop()}\n      </header>\n    );\n  }\n\n  renderFooterNode(): VNode {\n    const { hasFooterEndContent, hasFooterStartContent, hasFooterContent, hasFooterActions } = this;\n\n    const showFooter =\n      hasFooterStartContent || hasFooterEndContent || hasFooterContent || hasFooterActions;\n\n    return (\n      <footer class={CSS.footer} hidden={!showFooter}>\n        <div class={CSS.footerContent} hidden={!hasFooterContent}>\n          <slot name={SLOTS.footer} onSlotchange={this.handleFooterSlotChange} />\n        </div>\n        <div class={CSS.footerStart} hidden={hasFooterContent || !hasFooterStartContent}>\n          <slot name={SLOTS.footerStart} onSlotchange={this.handleFooterStartSlotChange} />\n        </div>\n        <div class={CSS.footerEnd} hidden={hasFooterContent || !hasFooterEndContent}>\n          <slot name={SLOTS.footerEnd} onSlotchange={this.handleFooterEndSlotChange} />\n        </div>\n        <div class={CSS.footerActions} hidden={hasFooterContent || !hasFooterActions}>\n          <slot\n            key=\"footer-actions-slot\"\n            name={SLOTS.footerActions}\n            onSlotchange={this.handleFooterActionsSlotChange}\n          />\n        </div>\n      </footer>\n    );\n  }\n\n  setPanelScrollEl = (el: HTMLElement): void => {\n    this.panelScrollEl = el;\n    this.resizeObserver?.disconnect();\n\n    if (el) {\n      this.resizeObserver?.observe(el);\n      this.resizeHandler();\n    }\n  };\n\n  renderContent(): VNode {\n    return (\n      <div\n        class={CSS.contentWrapper}\n        hidden={this.collapsible && this.collapsed}\n        onScroll={this.panelScrollHandler}\n        ref={this.setPanelScrollEl}\n      >\n        <slot />\n        {this.renderFab()}\n      </div>\n    );\n  }\n\n  renderContentBottom(): VNode {\n    return (\n      <div class={CSS.contentBottom} hidden={!this.hasContentBottom}>\n        <slot name={SLOTS.contentBottom} onSlotchange={this.contentBottomSlotChangeHandler} />\n      </div>\n    );\n  }\n\n  renderContentTop(): VNode {\n    return (\n      <div class={CSS.contentTop} hidden={!this.hasContentTop}>\n        <slot name={SLOTS.contentTop} onSlotchange={this.contentTopSlotChangeHandler} />\n      </div>\n    );\n  }\n\n  renderFab(): VNode {\n    return (\n      <div class={CSS.fabContainer} hidden={!this.hasFab}>\n        <slot name={SLOTS.fab} onSlotchange={this.handleFabSlotChange} />\n      </div>\n    );\n  }\n\n  handleAlertsSlotChange = (event: Event): void => {\n    slotChangeGetAssignedElements(event)?.map((el) => {\n      if (el.nodeName === \"CALCITE-ALERT\") {\n        (el as HTMLCalciteAlertElement).embedded = true;\n      }\n    });\n  };\n\n  render(): VNode {\n    const { disabled, loading, panelKeyDownHandler, isClosed, closable } = this;\n\n    const panelNode = (\n      <article\n        aria-busy={toAriaBoolean(loading)}\n        class={CSS.container}\n        hidden={isClosed}\n        ref={this.setContainerRef}\n        tabIndex={closable ? 0 : -1}\n      >\n        {this.renderHeaderNode()}\n        {this.renderContent()}\n        {this.renderContentBottom()}\n        {this.renderFooterNode()}\n        <slot key=\"alerts\" name={SLOTS.alerts} onSlotchange={this.handleAlertsSlotChange} />\n      </article>\n    );\n\n    return (\n      <Host onKeyDown={panelKeyDownHandler}>\n        <InteractiveContainer disabled={disabled}>\n          {loading ? <calcite-scrim loading={loading} /> : null}\n          {panelNode}\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-07411877.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{r as e,c as t,h as s,H as o,g as a}from"./p-17581615.js";import{g as i}from"./p-cbc54e80.js";import{u as c,I as n}from"./p-176e985b.js";import{s as l,a as d,c as r}from"./p-ff633d19.js";import{c as f,d as h}from"./p-a3136988.js";import{c as b,s as p,d as m,u}from"./p-62a45517.js";import{S as k}from"./p-4a654c62.js";import"./p-3cf89117.js";import"./p-d32e5254.js";import"./p-6861beb6.js";import"./p-b92ebeef.js";import"./p-fbf41cbc.js";const g={backButton:"back-button"};const y={backLeft:"chevron-left",backRight:"chevron-right"};const v={actionBar:"action-bar",alerts:"alerts",contentTop:"content-top",contentBottom:"content-bottom",headerActionsStart:"header-actions-start",headerActionsEnd:"header-actions-end",headerMenuActions:"header-menu-actions",headerContent:"header-content",fab:"fab",footer:"footer",footerActions:"footer-actions",footerEnd:"footer-end",footerStart:"footer-start"};const w=":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:flex;inline-size:100%;flex:1 1 auto;overflow:hidden}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);border-inline-end-width:1px}calcite-panel{--calcite-panel-footer-padding:var(--calcite-flow-item-footer-padding);--calcite-panel-header-border-block-end:var(--calcite-flow-item-header-border-block-end)}:host([hidden]){display:none}[hidden]{display:none}";const C=w;const j=class{constructor(s){e(this,s);this.calciteFlowItemBack=t(this,"calciteFlowItemBack",7);this.calciteFlowItemScroll=t(this,"calciteFlowItemScroll",6);this.calciteFlowItemClose=t(this,"calciteFlowItemClose",6);this.calciteFlowItemToggle=t(this,"calciteFlowItemToggle",6);this.handleInternalPanelScroll=e=>{if(e.target!==this.containerEl){return}e.stopPropagation();this.calciteFlowItemScroll.emit()};this.handleInternalPanelClose=e=>{if(e.target!==this.containerEl){return}e.stopPropagation();this.closed=true;this.calciteFlowItemClose.emit()};this.handleInternalPanelToggle=e=>{if(e.target!==this.containerEl){return}e.stopPropagation();this.collapsed=e.target.collapsed;this.calciteFlowItemToggle.emit()};this.backButtonClick=()=>{this.calciteFlowItemBack.emit()};this.setBackRef=e=>{this.backButtonEl=e};this.setContainerRef=e=>{this.containerEl=e};this.closable=false;this.closed=false;this.collapsed=false;this.collapseDirection="down";this.collapsible=false;this.beforeBack=undefined;this.beforeClose=undefined;this.description=undefined;this.disabled=false;this.heading=undefined;this.headingLevel=undefined;this.loading=false;this.menuOpen=false;this.messageOverrides=undefined;this.messages=undefined;this.overlayPositioning="absolute";this.scale="m";this.showBackButton=false;this.defaultMessages=undefined;this.effectiveLocale=""}onMessagesChange(){}connectedCallback(){f(this);b(this)}async componentWillLoad(){await p(this);l(this)}componentDidRender(){c(this)}disconnectedCallback(){h(this);m(this)}componentDidLoad(){d(this)}effectiveLocaleChange(){u(this,this.effectiveLocale)}async setFocus(){await r(this);const{backButtonEl:e,containerEl:t}=this;if(e){return e.setFocus()}else if(t){return t.setFocus()}}async scrollContentTo(e){await(this.containerEl?.scrollContentTo(e))}renderBackButton(){const{el:e}=this;const t=i(e)==="rtl";const{showBackButton:o,backButtonClick:a,messages:c}=this;const n=c.back;const l=t?y.backRight:y.backLeft;return o?s("calcite-action",{"aria-label":n,class:g.backButton,icon:l,key:"flow-back-button",onClick:a,ref:this.setBackRef,scale:"s",slot:"header-actions-start",text:n,title:n}):null}render(){const{collapsed:e,collapseDirection:t,collapsible:a,closable:i,closed:c,description:l,disabled:d,heading:r,headingLevel:f,loading:h,menuOpen:b,messages:p,overlayPositioning:m,beforeClose:u}=this;return s(o,{key:"26b80b1ea55bca8c825ce9ff2493fb6d67c6c980"},s(n,{key:"aa7c0180ab3a9484557d7bdbee679e4fdca1728e",disabled:d},s("calcite-panel",{key:"860aaee0f0bd3a726b6d77cb453b0f17b3963780",beforeClose:u,closable:i,closed:c,collapseDirection:t,collapsed:e,collapsible:a,description:l,disabled:d,heading:r,headingLevel:f,loading:h,menuOpen:b,messageOverrides:p,onCalcitePanelClose:this.handleInternalPanelClose,onCalcitePanelScroll:this.handleInternalPanelScroll,onCalcitePanelToggle:this.handleInternalPanelToggle,overlayPositioning:m,ref:this.setContainerRef,scale:this.scale},this.renderBackButton(),s("slot",{key:"981417920f3949b3fc3bda4d8ece5b50d79b8455",name:v.actionBar,slot:k.actionBar}),s("slot",{key:"95e6e3531e7485043b1c4ec3bcae7947f6c16c40",name:v.alerts,slot:k.alerts}),s("slot",{key:"e2c9b1c9de97e027b40f458c827f576b6433947d",name:v.headerActionsStart,slot:k.headerActionsStart}),s("slot",{key:"021e4846d93fcb7169e3b67f61489aff6c171877",name:v.headerActionsEnd,slot:k.headerActionsEnd}),s("slot",{key:"29ed57e884ad83761fec7e379cb91fdb7ec5f7ee",name:v.headerContent,slot:k.headerContent}),s("slot",{key:"830088cb7a8bd3581ef7a17c808b839b1e9409fb",name:v.headerMenuActions,slot:k.headerMenuActions}),s("slot",{key:"52396dedbd326eaf64e78ac7f684ccb9d3344bae",name:v.fab,slot:k.fab}),s("slot",{key:"183044fec2c1da2ee5dc934cacf2a5230f688ac4",name:v.contentTop,slot:k.contentTop}),s("slot",{key:"a8a5636ac30183914a4f2930230c41f514842853",name:v.contentBottom,slot:k.contentBottom}),s("slot",{key:"c999ad2beee718a4c60636cbe9388702efcc4c89",name:v.footerStart,slot:k.footerStart}),s("slot",{key:"462bacf1edc9ad9a1bcc37fec1a9817b75670ba1",name:v.footer,slot:k.footer}),s("slot",{key:"bfe148d392482f0f1a9cfff6ab7911ce0f93cc02",name:v.footerEnd,slot:k.footerEnd}),s("slot",{key:"82d2bf5f5b9e21ee976d8e27cca9ae2d426e7d24",name:v.footerActions,slot:k.footerActions}),s("slot",{key:"bb43187399d556916f1c45dbdbc1feafb704ebe9"}))))}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};j.style=C;export{j as calcite_flow_item};
+//# sourceMappingURL=p-07411877.entry.js.map

package/dist/calcite/p-07411877.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","backButton","ICONS","backLeft","backRight","SLOTS","actionBar","alerts","contentTop","contentBottom","headerActionsStart","headerActionsEnd","headerMenuActions","headerContent","fab","footer","footerActions","footerEnd","footerStart","flowItemCss","CalciteFlowItemStyle0","FlowItem","this","handleInternalPanelScroll","event","target","containerEl","stopPropagation","calciteFlowItemScroll","emit","handleInternalPanelClose","closed","calciteFlowItemClose","handleInternalPanelToggle","collapsed","calciteFlowItemToggle","backButtonClick","calciteFlowItemBack","setBackRef","node","backButtonEl","setContainerRef","onMessagesChange","connectedCallback","connectLocalized","connectMessages","componentWillLoad","setUpMessages","setUpLoadableComponent","componentDidRender","updateHostInteraction","disconnectedCallback","disconnectLocalized","disconnectMessages","componentDidLoad","setComponentLoaded","effectiveLocaleChange","updateMessages","effectiveLocale","setFocus","componentFocusable","scrollContentTo","options","renderBackButton","el","rtl","getElementDir","showBackButton","messages","label","back","icon","h","class","key","onClick","ref","scale","slot","text","title","render","collapseDirection","collapsible","closable","description","disabled","heading","headingLevel","loading","menuOpen","overlayPositioning","beforeClose","Host","InteractiveContainer","messageOverrides","onCalcitePanelClose","onCalcitePanelScroll","onCalcitePanelToggle","name","PANEL_SLOTS"],"sources":["src/components/flow-item/resources.ts","src/components/flow-item/flow-item.scss?tag=calcite-flow-item&encapsulation=shadow","src/components/flow-item/flow-item.tsx"],"sourcesContent":["export const CSS = {\n  backButton: \"back-button\",\n};\n\nexport const ICONS = {\n  backLeft: \"chevron-left\",\n  backRight: \"chevron-right\",\n} as const;\n\nexport const SLOTS = {\n  actionBar: \"action-bar\",\n  alerts: \"alerts\",\n  contentTop: \"content-top\",\n  contentBottom: \"content-bottom\",\n  headerActionsStart: \"header-actions-start\",\n  headerActionsEnd: \"header-actions-end\",\n  headerMenuActions: \"header-menu-actions\",\n  headerContent: \"header-content\",\n  fab: \"fab\",\n  footer: \"footer\",\n  footerActions: \"footer-actions\",\n  footerEnd: \"footer-end\",\n  footerStart: \"footer-start\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-flow-item-footer-padding: Specifies the padding of the component's footer.\n * @prop --calcite-flow-item-header-border-block-end: Specifies the component header's block end border.\n */\n\n:host {\n  @extend %component-host;\n  @apply relative flex w-full flex-auto overflow-hidden;\n}\n\n@include disabled();\n\n.back-button {\n  @apply border-color-3\n  border-0\n  border-solid;\n  border-inline-end-width: theme(\"borderWidth.DEFAULT\");\n}\n\ncalcite-panel {\n  --calcite-panel-footer-padding: var(--calcite-flow-item-footer-padding);\n  --calcite-panel-header-border-block-end: var(--calcite-flow-item-header-border-block-end);\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { getElementDir } from \"../../utils/dom\";\nimport {\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { HeadingLevel } from \"../functional/Heading\";\nimport { SLOTS as PANEL_SLOTS } from \"../panel/resources\";\nimport { OverlayPositioning } from \"../../utils/floating-ui\";\nimport { CollapseDirection } from \"../interfaces\";\nimport { Scale } from \"../interfaces\";\nimport { FlowItemMessages } from \"./assets/flow-item/t9n\";\nimport { CSS, ICONS, SLOTS } from \"./resources\";\n\n/**\n * @slot - A slot for adding custom content.\n * @slot action-bar - A slot for adding a `calcite-action-bar` to the component.\n * @slot alerts - A slot for adding `calcite-alert`s to the component.\n * @slot content-top - A slot for adding content above the unnamed (default) slot and below the action-bar slot (if populated).\n * @slot content-bottom - A slot for adding content below the unnamed (default) slot and above the footer slot (if populated)\n * @slot header-actions-start - A slot for adding `calcite-action`s or content to the start side of the component's header.\n * @slot header-actions-end - A slot for adding `calcite-action`s or content to the end side of the component's header.\n * @slot header-content - A slot for adding custom content to the component's header.\n * @slot header-menu-actions - A slot for adding an overflow menu with `calcite-action`s inside a `calcite-dropdown`.\n * @slot fab - A slot for adding a `calcite-fab` (floating action button) to perform an action.\n * @slot footer - A slot for adding custom content to the component's footer. Should not be used with the `\"footer-start\"` or `\"footer-end\"` slots.\n * @slot footer-actions - [Deprecated] Use the `\"footer\"` slot instead. A slot for adding `calcite-button`s to the component's footer.\n * @slot footer-end - A slot for adding a trailing footer custom content. Should not be used with the `\"footer\"` slot.\n * @slot footer-start - A slot for adding a leading footer custom content. Should not be used with the `\"footer\"` slot.\n */\n@Component({\n  tag: \"calcite-flow-item\",\n  styleUrl: \"flow-item.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class FlowItem\n  implements InteractiveComponent, LoadableComponent, LocalizedComponent, T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /** When `true`, displays a close button in the trailing side of the component's header. */\n  @Prop({ reflect: true }) closable = false;\n\n  /** When `true`, the component will be hidden. */\n  @Prop({ reflect: true }) closed = false;\n\n  /**\n   * When `true`, hides the component's content area.\n   */\n  @Prop({ reflect: true }) collapsed = false;\n\n  /**\n   * Specifies the direction of the collapse.\n   *\n   * @internal\n   */\n  @Prop() collapseDirection: CollapseDirection = \"down\";\n\n  /**\n   * When `true`, the component is collapsible.\n   */\n  @Prop({ reflect: true }) collapsible = false;\n\n  /**\n   * When provided, the method will be called before it is removed from its parent `calcite-flow`.\n   */\n  @Prop() beforeBack: () => Promise<void>;\n\n  /** Passes a function to run before the component closes. */\n  @Prop() beforeClose: () => Promise<void>;\n\n  /** A description for the component. */\n  @Prop() description: string;\n\n  /**\n   *  When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * The component header text.\n   */\n  @Prop() heading: string;\n\n  /**\n   * Specifies the heading level of the component's `heading` for proper document structure, without affecting visual styling.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  /**\n   * When `true`, a busy indicator is displayed.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * When `true`, the action menu items in the `header-menu-actions` slot are open.\n   */\n  @Prop({ reflect: true }) menuOpen = false;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<FlowItemMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: FlowItemMessages;\n\n  /**\n   * Determines the type of positioning to use for the overlaid content.\n   *\n   * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n   *\n   * `\"fixed\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n   *\n   */\n  @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = \"absolute\";\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /**\n   * When `true`, displays a back button in the component's header.\n   *\n   * @internal\n   */\n  @Prop() showBackButton = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires when the back button is clicked.\n   */\n  @Event({ cancelable: true }) calciteFlowItemBack: EventEmitter<void>;\n\n  /**\n   * Fires when the content is scrolled.\n   */\n  @Event({ cancelable: false }) calciteFlowItemScroll: EventEmitter<void>;\n\n  /**\n   * Fires when the close button is clicked.\n   */\n  @Event({ cancelable: false }) calciteFlowItemClose: EventEmitter<void>;\n\n  /**\n   * Fires when the collapse button is clicked.\n   */\n  @Event({ cancelable: false }) calciteFlowItemToggle: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteFlowItemElement;\n\n  containerEl: HTMLCalcitePanelElement;\n\n  backButtonEl: HTMLCalciteActionElement;\n\n  @State() defaultMessages: FlowItemMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component.\n   *\n   * @returns promise.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    const { backButtonEl, containerEl } = this;\n\n    if (backButtonEl) {\n      return backButtonEl.setFocus();\n    } else if (containerEl) {\n      return containerEl.setFocus();\n    }\n  }\n\n  /**\n   * Scrolls the component's content to a specified set of coordinates.\n   *\n   * @example\n   * myCalciteFlowItem.scrollContentTo({\n   *   left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.\n   *   top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element\n   *   behavior: \"auto\" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value).\n   * });\n   * @param options - allows specific coordinates to be defined.\n   * @returns - promise that resolves once the content is scrolled to.\n   */\n  @Method()\n  async scrollContentTo(options?: ScrollToOptions): Promise<void> {\n    await this.containerEl?.scrollContentTo(options);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  handleInternalPanelScroll = (event: CustomEvent<void>): void => {\n    if (event.target !== this.containerEl) {\n      return;\n    }\n\n    event.stopPropagation();\n    this.calciteFlowItemScroll.emit();\n  };\n\n  handleInternalPanelClose = (event: CustomEvent<void>): void => {\n    if (event.target !== this.containerEl) {\n      return;\n    }\n\n    event.stopPropagation();\n    this.closed = true;\n    this.calciteFlowItemClose.emit();\n  };\n\n  handleInternalPanelToggle = (event: CustomEvent<void>): void => {\n    if (event.target !== this.containerEl) {\n      return;\n    }\n\n    event.stopPropagation();\n    this.collapsed = (event.target as HTMLCalcitePanelElement).collapsed;\n    this.calciteFlowItemToggle.emit();\n  };\n\n  backButtonClick = (): void => {\n    this.calciteFlowItemBack.emit();\n  };\n\n  setBackRef = (node: HTMLCalciteActionElement): void => {\n    this.backButtonEl = node;\n  };\n\n  setContainerRef = (node: HTMLCalcitePanelElement): void => {\n    this.containerEl = node;\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderBackButton(): VNode {\n    const { el } = this;\n\n    const rtl = getElementDir(el) === \"rtl\";\n    const { showBackButton, backButtonClick, messages } = this;\n    const label = messages.back;\n    const icon = rtl ? ICONS.backRight : ICONS.backLeft;\n\n    return showBackButton ? (\n      <calcite-action\n        aria-label={label}\n        class={CSS.backButton}\n        icon={icon}\n        key=\"flow-back-button\"\n        onClick={backButtonClick}\n        ref={this.setBackRef}\n        scale=\"s\"\n        slot=\"header-actions-start\"\n        text={label}\n        title={label}\n      />\n    ) : null;\n  }\n\n  render(): VNode {\n    const {\n      collapsed,\n      collapseDirection,\n      collapsible,\n      closable,\n      closed,\n      description,\n      disabled,\n      heading,\n      headingLevel,\n      loading,\n      menuOpen,\n      messages,\n      overlayPositioning,\n      beforeClose,\n    } = this;\n    return (\n      <Host>\n        <InteractiveContainer disabled={disabled}>\n          <calcite-panel\n            beforeClose={beforeClose}\n            closable={closable}\n            closed={closed}\n            collapseDirection={collapseDirection}\n            collapsed={collapsed}\n            collapsible={collapsible}\n            description={description}\n            disabled={disabled}\n            heading={heading}\n            headingLevel={headingLevel}\n            loading={loading}\n            menuOpen={menuOpen}\n            messageOverrides={messages}\n            onCalcitePanelClose={this.handleInternalPanelClose}\n            onCalcitePanelScroll={this.handleInternalPanelScroll}\n            onCalcitePanelToggle={this.handleInternalPanelToggle}\n            overlayPositioning={overlayPositioning}\n            ref={this.setContainerRef}\n            scale={this.scale}\n          >\n            {this.renderBackButton()}\n            <slot name={SLOTS.actionBar} slot={PANEL_SLOTS.actionBar} />\n            <slot name={SLOTS.alerts} slot={PANEL_SLOTS.alerts} />\n            <slot name={SLOTS.headerActionsStart} slot={PANEL_SLOTS.headerActionsStart} />\n            <slot name={SLOTS.headerActionsEnd} slot={PANEL_SLOTS.headerActionsEnd} />\n            <slot name={SLOTS.headerContent} slot={PANEL_SLOTS.headerContent} />\n            <slot name={SLOTS.headerMenuActions} slot={PANEL_SLOTS.headerMenuActions} />\n            <slot name={SLOTS.fab} slot={PANEL_SLOTS.fab} />\n            <slot name={SLOTS.contentTop} slot={PANEL_SLOTS.contentTop} />\n            <slot name={SLOTS.contentBottom} slot={PANEL_SLOTS.contentBottom} />\n            <slot name={SLOTS.footerStart} slot={PANEL_SLOTS.footerStart} />\n            <slot name={SLOTS.footer} slot={PANEL_SLOTS.footer} />\n            <slot name={SLOTS.footerEnd} slot={PANEL_SLOTS.footerEnd} />\n            <slot name={SLOTS.footerActions} slot={PANEL_SLOTS.footerActions} />\n            <slot />\n          </calcite-panel>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-076d5228.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{d as e}from"./p-5d73097e.js";import"./p-17581615.js";import"./p-48c46ebf.js";import"./p-cbc54e80.js";import"./p-3cf89117.js";import"./p-d32e5254.js";import"./p-176e985b.js";import"./p-b92ebeef.js";import"./p-f099b69b.js";import"./p-02522147.js";import"./p-ff633d19.js";import"./p-6861beb6.js";import"./p-a3136988.js";import"./p-fbf41cbc.js";import"./p-0950b635.js";import"./p-92a1d6d7.js";import"./p-54e1cc3e.js";import"./p-62a45517.js";import"./p-658e49d1.js";import"./p-6b034312.js";var r={words:{m:["jedan minut","jednog minuta"],mm:["%d minut","%d minuta","%d minuta"],h:["jedan sat","jednog sata"],hh:["%d sat","%d sata","%d sati"],d:["jedan dan","jednog dana"],dd:["%d dan","%d dana","%d dana"],M:["jedan mesec","jednog meseca"],MM:["%d mesec","%d meseca","%d meseci"],y:["jednu godinu","jedne godine"],yy:["%d godinu","%d godine","%d godina"]},correctGrammarCase:function e(r,a){if(r%10>=1&&r%10<=4&&(r%100<10||r%100>=20)){return r%10===1?a[0]:a[1]}return a[2]},relativeTimeFormatter:function e(a,t,d,m){var n=r.words[d];if(d.length===1){if(d==="y"&&t)return"jedna godina";return m||t?n[0]:n[1]}var o=r.correctGrammarCase(a,n);if(d==="yy"&&t&&o==="%d godinu")return a+" godina";return o.replace("%d",a)}};var a={name:"sr",weekdays:"Nedelja_Ponedeljak_Utorak_Sreda_Četvrtak_Petak_Subota".split("_"),weekdaysShort:"Ned._Pon._Uto._Sre._Čet._Pet._Sub.".split("_"),weekdaysMin:"ne_po_ut_sr_če_pe_su".split("_"),months:"Januar_Februar_Mart_April_Maj_Jun_Jul_Avgust_Septembar_Oktobar_Novembar_Decembar".split("_"),monthsShort:"Jan._Feb._Mar._Apr._Maj_Jun_Jul_Avg._Sep._Okt._Nov._Dec.".split("_"),weekStart:1,relativeTime:{future:"za %s",past:"pre %s",s:"nekoliko sekundi",m:r.relativeTimeFormatter,mm:r.relativeTimeFormatter,h:r.relativeTimeFormatter,hh:r.relativeTimeFormatter,d:r.relativeTimeFormatter,dd:r.relativeTimeFormatter,M:r.relativeTimeFormatter,MM:r.relativeTimeFormatter,y:r.relativeTimeFormatter,yy:r.relativeTimeFormatter},ordinal:function e(r){return r+"."},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"D. M. YYYY.",LL:"D. MMMM YYYY.",LLL:"D. MMMM YYYY. H:mm",LLLL:"dddd, D. MMMM YYYY. H:mm"}};e.locale(a,null,true);export{a as default};
+//# sourceMappingURL=p-076d5228.js.map

package/dist/calcite/p-0950b635.js

@@ -0,0 +1,11 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{l as e,m as n,n as r,o as t,p as i,d as u,r as a}from"./p-cbc54e80.js";import{f as o}from"./p-92a1d6d7.js";
+/*!
+* focus-trap 7.5.4
+* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
+*/function f(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function c(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?f(Object(r),!0).forEach((function(n){s(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function s(e,n,r){n=l(n);if(n in e){Object.defineProperty(e,n,{value:r,enumerable:true,configurable:true,writable:true})}else{e[n]=r}return e}function v(e,n){if(typeof e!=="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==undefined){var t=r.call(e,n||"default");if(typeof t!=="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(n==="string"?String:Number)(e)}function l(e){var n=v(e,"string");return typeof n==="symbol"?n:String(n)}var d={activateTrap:function e(n,r){if(n.length>0){var t=n[n.length-1];if(t!==r){t.pause()}}var i=n.indexOf(r);if(i===-1){n.push(r)}else{n.splice(i,1);n.push(r)}},deactivateTrap:function e(n,r){var t=n.indexOf(r);if(t!==-1){n.splice(t,1)}if(n.length>0){n[n.length-1].unpause()}}};var b=function e(n){return n.tagName&&n.tagName.toLowerCase()==="input"&&typeof n.select==="function"};var p=function e(n){return(n===null||n===void 0?void 0:n.key)==="Escape"||(n===null||n===void 0?void 0:n.key)==="Esc"||(n===null||n===void 0?void 0:n.keyCode)===27};var w=function e(n){return(n===null||n===void 0?void 0:n.key)==="Tab"||(n===null||n===void 0?void 0:n.keyCode)===9};var m=function e(n){return w(n)&&!n.shiftKey};var h=function e(n){return w(n)&&n.shiftKey};var y=function e(n){return setTimeout(n,0)};var F=function e(n,r){var t=-1;n.every((function(e,n){if(r(e)){t=n;return false}return true}));return t};var O=function e(n){for(var r=arguments.length,t=new Array(r>1?r-1:0),i=1;i<r;i++){t[i-1]=arguments[i]}return typeof n==="function"?n.apply(void 0,t):n};var k=function e(n){return n.target.shadowRoot&&typeof n.composedPath==="function"?n.composedPath()[0]:n.target};var j=[];var T=function u(a,o){var f=(o===null||o===void 0?void 0:o.document)||document;var s=(o===null||o===void 0?void 0:o.trapStack)||j;var v=c({returnFocusOnDeactivate:true,escapeDeactivates:true,delayInitialFocus:true,isKeyForward:m,isKeyBackward:h},o);var l={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:false,paused:false,delayInitialFocusTimer:undefined,recentNavEvent:undefined};var T;var D=function e(n,r,t){return n&&n[r]!==undefined?n[r]:v[t||r]};var g=function e(n,r){var t=typeof(r===null||r===void 0?void 0:r.composedPath)==="function"?r.composedPath():undefined;return l.containerGroups.findIndex((function(e){var r=e.container,i=e.tabbableNodes;return r.contains(n)||(t===null||t===void 0?void 0:t.includes(r))||i.find((function(e){return e===n}))}))};var E=function e(n){var r=v[n];if(typeof r==="function"){for(var t=arguments.length,i=new Array(t>1?t-1:0),u=1;u<t;u++){i[u-1]=arguments[u]}r=r.apply(void 0,i)}if(r===true){r=undefined}if(!r){if(r===undefined||r===false){return r}throw new Error("`".concat(n,"` was specified but was not a node, or did not return a node"))}var a=r;if(typeof r==="string"){a=f.querySelector(r);if(!a){throw new Error("`".concat(n,"` as selector refers to no known node"))}}return a};var N=function n(){var r=E("initialFocus");if(r===false){return false}if(r===undefined||!e(r,v.tabbableOptions)){if(g(f.activeElement)>=0){r=f.activeElement}else{var t=l.tabbableGroups[0];var i=t&&t.firstTabbableNode;r=i||E("fallbackFocus")}}if(!r){throw new Error("Your focus-trap needs to have at least one focusable element")}return r};var P=function e(){l.containerGroups=l.containers.map((function(e){var u=n(e,v.tabbableOptions);var a=r(e,v.tabbableOptions);var o=u.length>0?u[0]:undefined;var f=u.length>0?u[u.length-1]:undefined;var c=a.find((function(e){return t(e)}));var s=a.slice().reverse().find((function(e){return t(e)}));var l=!!u.find((function(e){return i(e)>0}));return{container:e,tabbableNodes:u,focusableNodes:a,posTabIndexesFound:l,firstTabbableNode:o,lastTabbableNode:f,firstDomTabbableNode:c,lastDomTabbableNode:s,nextTabbableNode:function e(n){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:true;var i=u.indexOf(n);if(i<0){if(r){return a.slice(a.indexOf(n)+1).find((function(e){return t(e)}))}return a.slice(0,a.indexOf(n)).reverse().find((function(e){return t(e)}))}return u[i+(r?1:-1)]}}}));l.tabbableGroups=l.containerGroups.filter((function(e){return e.tabbableNodes.length>0}));if(l.tabbableGroups.length<=0&&!E("fallbackFocus")){throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")}if(l.containerGroups.find((function(e){return e.posTabIndexesFound}))&&l.containerGroups.length>1){throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")}};var A=function e(n){var r=n.activeElement;if(!r){return}if(r.shadowRoot&&r.shadowRoot.activeElement!==null){return e(r.shadowRoot)}return r};var x=function e(n){if(n===false){return}if(n===A(document)){return}if(!n||!n.focus){e(N());return}n.focus({preventScroll:!!v.preventScroll});l.mostRecentlyFocusedNode=n;if(b(n)){n.select()}};var B=function e(n){var r=E("setReturnFocus",n);return r?r:r===false?false:n};var R=function n(r){var u=r.target,a=r.event,o=r.isBackward,f=o===void 0?false:o;u=u||k(a);P();var c=null;if(l.tabbableGroups.length>0){var s=g(u,a);var d=s>=0?l.containerGroups[s]:undefined;if(s<0){if(f){c=l.tabbableGroups[l.tabbableGroups.length-1].lastTabbableNode}else{c=l.tabbableGroups[0].firstTabbableNode}}else if(f){var b=F(l.tabbableGroups,(function(e){var n=e.firstTabbableNode;return u===n}));if(b<0&&(d.container===u||e(u,v.tabbableOptions)&&!t(u,v.tabbableOptions)&&!d.nextTabbableNode(u,false))){b=s}if(b>=0){var p=b===0?l.tabbableGroups.length-1:b-1;var m=l.tabbableGroups[p];c=i(u)>=0?m.lastTabbableNode:m.lastDomTabbableNode}else if(!w(a)){c=d.nextTabbableNode(u,false)}}else{var h=F(l.tabbableGroups,(function(e){var n=e.lastTabbableNode;return u===n}));if(h<0&&(d.container===u||e(u,v.tabbableOptions)&&!t(u,v.tabbableOptions)&&!d.nextTabbableNode(u))){h=s}if(h>=0){var y=h===l.tabbableGroups.length-1?0:h+1;var O=l.tabbableGroups[y];c=i(u)>=0?O.firstTabbableNode:O.firstDomTabbableNode}else if(!w(a)){c=d.nextTabbableNode(u)}}}else{c=E("fallbackFocus")}return c};var S=function e(n){var r=k(n);if(g(r,n)>=0){return}if(O(v.clickOutsideDeactivates,n)){T.deactivate({returnFocus:v.returnFocusOnDeactivate});return}if(O(v.allowOutsideClick,n)){return}n.preventDefault()};var C=function e(n){var r=k(n);var t=g(r,n)>=0;if(t||r instanceof Document){if(t){l.mostRecentlyFocusedNode=r}}else{n.stopImmediatePropagation();var u;var a=true;if(l.mostRecentlyFocusedNode){if(i(l.mostRecentlyFocusedNode)>0){var o=g(l.mostRecentlyFocusedNode);var f=l.containerGroups[o].tabbableNodes;if(f.length>0){var c=f.findIndex((function(e){return e===l.mostRecentlyFocusedNode}));if(c>=0){if(v.isKeyForward(l.recentNavEvent)){if(c+1<f.length){u=f[c+1];a=false}}else{if(c-1>=0){u=f[c-1];a=false}}}}}else{if(!l.containerGroups.some((function(e){return e.tabbableNodes.some((function(e){return i(e)>0}))}))){a=false}}}else{a=false}if(a){u=R({target:l.mostRecentlyFocusedNode,isBackward:v.isKeyBackward(l.recentNavEvent)})}if(u){x(u)}else{x(l.mostRecentlyFocusedNode||N())}}l.recentNavEvent=undefined};var I=function e(n){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:false;l.recentNavEvent=n;var t=R({event:n,isBackward:r});if(t){if(w(n)){n.preventDefault()}x(t)}};var G=function e(n){if(p(n)&&O(v.escapeDeactivates,n)!==false){n.preventDefault();T.deactivate();return}if(v.isKeyForward(n)||v.isKeyBackward(n)){I(n,v.isKeyBackward(n))}};var K=function e(n){var r=k(n);if(g(r,n)>=0){return}if(O(v.clickOutsideDeactivates,n)){return}if(O(v.allowOutsideClick,n)){return}n.preventDefault();n.stopImmediatePropagation()};var M=function e(){if(!l.active){return}d.activateTrap(s,T);l.delayInitialFocusTimer=v.delayInitialFocus?y((function(){x(N())})):x(N());f.addEventListener("focusin",C,true);f.addEventListener("mousedown",S,{capture:true,passive:false});f.addEventListener("touchstart",S,{capture:true,passive:false});f.addEventListener("click",K,{capture:true,passive:false});f.addEventListener("keydown",G,{capture:true,passive:false});return T};var U=function e(){if(!l.active){return}f.removeEventListener("focusin",C,true);f.removeEventListener("mousedown",S,true);f.removeEventListener("touchstart",S,true);f.removeEventListener("click",K,true);f.removeEventListener("keydown",G,true);return T};var Y=function e(n){var r=n.some((function(e){var n=Array.from(e.removedNodes);return n.some((function(e){return e===l.mostRecentlyFocusedNode}))}));if(r){x(N())}};var L=typeof window!=="undefined"&&"MutationObserver"in window?new MutationObserver(Y):undefined;var q=function e(){if(!L){return}L.disconnect();if(l.active&&!l.paused){l.containers.map((function(e){L.observe(e,{subtree:true,childList:true})}))}};T={get active(){return l.active},get paused(){return l.paused},activate:function e(n){if(l.active){return this}var r=D(n,"onActivate");var t=D(n,"onPostActivate");var i=D(n,"checkCanFocusTrap");if(!i){P()}l.active=true;l.paused=false;l.nodeFocusedBeforeActivation=f.activeElement;r===null||r===void 0||r();var u=function e(){if(i){P()}M();q();t===null||t===void 0||t()};if(i){i(l.containers.concat()).then(u,u);return this}u();return this},deactivate:function e(n){if(!l.active){return this}var r=c({onDeactivate:v.onDeactivate,onPostDeactivate:v.onPostDeactivate,checkCanReturnFocus:v.checkCanReturnFocus},n);clearTimeout(l.delayInitialFocusTimer);l.delayInitialFocusTimer=undefined;U();l.active=false;l.paused=false;q();d.deactivateTrap(s,T);var t=D(r,"onDeactivate");var i=D(r,"onPostDeactivate");var u=D(r,"checkCanReturnFocus");var a=D(r,"returnFocus","returnFocusOnDeactivate");t===null||t===void 0||t();var o=function e(){y((function(){if(a){x(B(l.nodeFocusedBeforeActivation))}i===null||i===void 0||i()}))};if(a&&u){u(B(l.nodeFocusedBeforeActivation)).then(o,o);return this}o();return this},pause:function e(n){if(l.paused||!l.active){return this}var r=D(n,"onPause");var t=D(n,"onPostPause");l.paused=true;r===null||r===void 0||r();U();q();t===null||t===void 0||t();return this},unpause:function e(n){if(!l.paused||!l.active){return this}var r=D(n,"onUnpause");var t=D(n,"onPostUnpause");l.paused=false;r===null||r===void 0||r();P();M();q();t===null||t===void 0||t();return this},updateContainerElements:function e(n){var r=[].concat(n).filter(Boolean);l.containers=r.map((function(e){return typeof e==="string"?f.querySelector(e):e}));if(l.active){P()}q();return this}};T.updateContainerElements(a);return T};function D(e,n){const{el:r}=e;const t=n?.focusTrapEl||r;if(!t){return}const i={clickOutsideDeactivates:true,escapeDeactivates:false,fallbackFocus:t,setReturnFocus:e=>{u(e);return false},...n?.focusTrapOptions,document:r.ownerDocument,tabbableOptions:a,trapStack:o};e.focusTrap=T(t,i)}function g(e,n){if(!e.focusTrapDisabled){e.focusTrap?.activate(n)}}function E(e,n){e.focusTrap?.deactivate(n)}function N(e){e.focusTrap?.updateContainerElements(e.el)}export{g as a,D as c,E as d,N as u};
+//# sourceMappingURL=p-0950b635.js.map

package/dist/calcite/p-09ba5be7.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{d as _}from"./p-5d73097e.js";import"./p-17581615.js";import"./p-48c46ebf.js";import"./p-cbc54e80.js";import"./p-3cf89117.js";import"./p-d32e5254.js";import"./p-176e985b.js";import"./p-b92ebeef.js";import"./p-f099b69b.js";import"./p-02522147.js";import"./p-ff633d19.js";import"./p-6861beb6.js";import"./p-a3136988.js";import"./p-fbf41cbc.js";import"./p-0950b635.js";import"./p-92a1d6d7.js";import"./p-54e1cc3e.js";import"./p-62a45517.js";import"./p-658e49d1.js";import"./p-6b034312.js";var m={name:"ja",weekdays:"日曜日_月曜日_火曜日_水曜日_木曜日_金曜日_土曜日".split("_"),weekdaysShort:"日_月_火_水_木_金_土".split("_"),weekdaysMin:"日_月_火_水_木_金_土".split("_"),months:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),monthsShort:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),ordinal:function _(m){return m+"日"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY年M月D日",LLL:"YYYY年M月D日 HH:mm",LLLL:"YYYY年M月D日 dddd HH:mm",l:"YYYY/MM/DD",ll:"YYYY年M月D日",lll:"YYYY年M月D日 HH:mm",llll:"YYYY年M月D日(ddd) HH:mm"},meridiem:function _(m){return m<12?"午前":"午後"},relativeTime:{future:"%s後",past:"%s前",s:"数秒",m:"1分",mm:"%d分",h:"1時間",hh:"%d時間",d:"1日",dd:"%d日",M:"1ヶ月",MM:"%dヶ月",y:"1年",yy:"%d年"}};_.locale(m,null,true);export{m as default};
+//# sourceMappingURL=p-09ba5be7.js.map

package/dist/calcite/p-0ae3cd17.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{r as e,c as t,h as i,H as o,g as a}from"./p-17581615.js";import{c as n,d as s}from"./p-4f800b41.js";import{e as r,b as l,f as c,x as d}from"./p-cbc54e80.js";import{d as h,a as m,c as p,u as b}from"./p-0950b635.js";import{s as f,a as u,c as g}from"./p-ff633d19.js";import{c as x}from"./p-fbf41cbc.js";import{o as v}from"./p-50fa027f.js";import{c as k,d as y}from"./p-a3136988.js";import{s as z,c as w,d as C,u as j}from"./p-62a45517.js";import{g as $,c as M}from"./p-02522147.js";import{l as O}from"./p-e369ccb4.js";import"./p-3cf89117.js";import"./p-d32e5254.js";import"./p-92a1d6d7.js";import"./p-6861beb6.js";import"./p-b92ebeef.js";const B={modal:"modal",title:"title",header:"header",footer:"footer",scrim:"scrim",back:"back",close:"close",secondary:"secondary",primary:"primary",container:"container",containerOpen:"container--open",containerEmbedded:"container--embedded",content:"content",contentNoFooter:"content--no-footer",contentBottom:"content-bottom",contentTop:"content-top",openingIdle:"modal--opening-idle",openingActive:"modal--opening-active",closingIdle:"modal--closing-idle",closingActive:"modal--closing-active"};const F={close:"x"};const D={content:"content",contentBottom:"content-bottom",contentTop:"content-top",header:"header",back:"back",secondary:"secondary",primary:"primary"};const T=":host{--calcite-modal-scrim-background:rgba(0, 0, 0, 0.85);position:absolute;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;opacity:0;visibility:hidden !important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);--calcite-modal-scrim-background-internal:rgba(0, 0, 0, 0.85)}.content-top[hidden],.content-bottom[hidden]{display:none}.container{position:fixed;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;align-items:center;justify-content:center;overflow-y:hidden;color:var(--calcite-color-text-2);opacity:0;visibility:hidden !important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88)}:host([scale=s]){--calcite-modal-padding-internal:0.75rem;--calcite-modal-padding-large-internal:1rem;--calcite-modal-title-text-internal:var(--calcite-font-size-1);--calcite-modal-content-text-internal:var(--calcite-font-size--1)}:host([scale=m]){--calcite-modal-padding-internal:1rem;--calcite-modal-padding-large-internal:1.25rem;--calcite-modal-title-text-internal:var(--calcite-font-size-2);--calcite-modal-content-text-internal:var(--calcite-font-size-0)}:host([scale=l]){--calcite-modal-padding-internal:1.25rem;--calcite-modal-padding-large-internal:1.5rem;--calcite-modal-title-text-internal:var(--calcite-font-size-3);--calcite-modal-content-text-internal:var(--calcite-font-size-1)}.scrim{--calcite-scrim-background:var(--calcite-modal-scrim-background, var(--calcite-color-transparent-scrim));position:fixed;inset:0px;display:flex;overflow-y:hidden}.modal{pointer-events:none;z-index:var(--calcite-z-index-modal);float:none;margin:1.5rem;box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;overflow:hidden;border-radius:0.25rem;background-color:var(--calcite-color-foreground-1);opacity:0;--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-overflow-scrolling:touch;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);--calcite-modal-hidden-position:translate3d(0, 20px, 0);--calcite-modal-shown-position:translate3d(0, 0, 0)}.modal--opening-idle{transform:var(--calcite-modal-hidden-position)}.modal--opening-active{transform:var(--calcite-modal-shown-position)}.modal--closing-idle{transform:var(--calcite-modal-shown-position)}.modal--closing-active{transform:var(--calcite-modal-hidden-position)}:host([opened]){opacity:1;visibility:visible !important;transition-delay:0ms}.container--open{opacity:1;visibility:visible !important;transition-delay:0ms}.container--open .modal{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-inline-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-block-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition-delay:0ms}.header{z-index:var(--calcite-z-index-header);display:flex;min-inline-size:0px;max-inline-size:100%;border-start-start-radius:0.25rem;border-start-end-radius:0.25rem;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto}.close{order:2;margin:0px;cursor:pointer;appearance:none;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-internal);flex:0 0 auto}.close calcite-icon{pointer-events:none;vertical-align:-2px}.close:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.close:hover,.close:focus,.close:active{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.title{order:1;display:flex;min-inline-size:0px;align-items:center;flex:1 1 auto;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-large-internal)}slot[name=header]::slotted(*),*::slotted([slot=header]){margin:0px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1);font-size:var(--calcite-modal-title-text-internal)}.content{position:relative;box-sizing:border-box;display:block;block-size:100%;overflow:auto;padding:0px;background-color:var(--calcite-modal-content-background, var(--calcite-color-foreground-1));max-block-size:100%;padding:var(--calcite-modal-content-padding, var(--calcite-modal-padding-internal))}.content-top,.content-bottom{z-index:var(--calcite-z-index-header);display:flex;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding:var(--calcite-modal-padding-internal)}.content-top{min-inline-size:0px;max-inline-size:100%;border-block-end-width:1px}.content-bottom{margin-block-start:auto;box-sizing:border-box;inline-size:100%;justify-content:space-between;border-block-start-width:1px}.content-top:not(.header~.content-top){border-start-start-radius:0.25rem;border-start-end-radius:0.25rem}.content-bottom:not(.content-bottom~.footer),.content--no-footer{border-end-end-radius:0.25rem;border-end-start-radius:0.25rem}slot[name=content]::slotted(*),*::slotted([slot=content]){font-size:var(--calcite-modal-context-text-internal)}.footer{z-index:var(--calcite-z-index-header);margin-block-start:auto;box-sizing:border-box;display:flex;inline-size:100%;justify-content:space-between;border-end-end-radius:0.25rem;border-end-start-radius:0.25rem;border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-large-internal)}.footer--hide-back .back,.footer--hide-secondary .secondary{display:none}.back{display:block;margin-inline-end:auto}.secondary{margin-inline:0.25rem;display:block}slot[name=primary]{display:block}:host([width=small]) .modal{inline-size:auto}:host([width-scale=s]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 32rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 35rem){:host([width-scale=s]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=s]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=s][docked]) .container{align-items:flex-end}}:host([width-scale=m]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 48rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 51rem){:host([width-scale=m]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=m]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=m][docked]) .container{align-items:flex-end}}:host([width-scale=l]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 94rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 97rem){:host([width-scale=l]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=l]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=l][docked]) .container{align-items:flex-end}}:host([fullscreen]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0px;--calcite-modal-hidden-position:translate3D(0, 20px, 0) scale(0.95);--calcite-modal-shown-position:translate3D(0, 0, 0) scale(1)}:host([fullscreen]) .content{max-block-size:100%;flex:1 1 auto}:host([opened][fullscreen]) .header,:host([opened][fullscreen]) .footer,:host([opened][fullscreen]) .content-top,:host([opened][fullscreen]) .content-bottom{border-radius:0}:host([docked]) .modal{block-size:var(--calcite-modal-height, auto)}:host([docked]) .content{block-size:auto;flex:1 1 auto}:host([kind=brand]) .modal{border-color:var(--calcite-color-brand)}:host([kind=danger]) .modal{border-color:var(--calcite-color-status-danger)}:host([kind=info]) .modal{border-color:var(--calcite-color-status-info)}:host([kind=success]) .modal{border-color:var(--calcite-color-status-success)}:host([kind=warning]) .modal{border-color:var(--calcite-color-status-warning)}:host([kind=brand]) .modal,:host([kind=danger]) .modal,:host([kind=info]) .modal,:host([kind=success]) .modal,:host([kind=warning]) .modal{border-width:0px;border-block-start-width:4px;border-style:solid}:host([kind=brand]) .header,:host([kind=brand]) .content-top,:host([kind=danger]) .header,:host([kind=danger]) .content-top,:host([kind=info]) .header,:host([kind=info]) .content-top,:host([kind=success]) .header,:host([kind=success]) .content-top,:host([kind=warning]) .header,:host([kind=warning]) .content-top{border-radius:0.25rem;border-end-end-radius:0px;border-end-start-radius:0px}@media screen and (max-width: 860px){* slot[name=header]::slotted(content-top),* content-top::slotted([slot=header]){font-size:var(--calcite-font-size-1)}.footer,.content-bottom{position:sticky;inset-block-end:0px}}@media screen and (max-width: 480px){.footer,.content-bottom{flex-direction:column}.back,.secondary{margin:0px;margin-block-end:0.25rem}}.container--embedded{position:absolute;pointer-events:auto}.container--embedded calcite-scrim{position:absolute}:host([hidden]){display:none}[hidden]{display:none}";const L=T;let S=0;let E="";O.deprecated("component",{name:"modal",removalVersion:4,suggested:"dialog"});const A=class{constructor(i){e(this,i);this.calciteModalBeforeClose=t(this,"calciteModalBeforeClose",6);this.calciteModalClose=t(this,"calciteModalClose",6);this.calciteModalBeforeOpen=t(this,"calciteModalBeforeOpen",6);this.calciteModalOpen=t(this,"calciteModalOpen",6);this.ignoreOpenChange=false;this.mutationObserver=x("mutation",(()=>this.handleMutationObserver()));this.cssVarObserver=x("mutation",(()=>{this.updateSizeCssVars()}));this.openTransitionProp="opacity";this.setTransitionEl=e=>{this.transitionEl=e};this.openEnd=()=>{this.setFocus();this.el.removeEventListener("calciteModalOpen",this.openEnd)};this.handleCloseClick=()=>{this.open=false};this.handleOutsideClose=()=>{if(this.outsideCloseDisabled){return}this.open=false};this.closeModal=async()=>{if(this.beforeClose){try{await this.beforeClose(this.el)}catch(e){requestAnimationFrame((()=>{this.ignoreOpenChange=true;this.open=true;this.ignoreOpenChange=false}));return}}S--;this.opened=false;this.removeOverflowHiddenClass()};this.handleMutationObserver=()=>{this.updateFooterVisibility();this.updateFocusTrapElements()};this.updateFooterVisibility=()=>{this.hasFooter=!!r(this.el,[D.back,D.primary,D.secondary])};this.updateSizeCssVars=()=>{this.cssWidth=getComputedStyle(this.el).getPropertyValue("--calcite-modal-width");this.cssHeight=getComputedStyle(this.el).getPropertyValue("--calcite-modal-height")};this.contentTopSlotChangeHandler=e=>{this.hasContentTop=l(e)};this.contentBottomSlotChangeHandler=e=>{this.hasContentBottom=l(e)};this.open=false;this.opened=false;this.beforeClose=undefined;this.closeButtonDisabled=false;this.focusTrapDisabled=false;this.outsideCloseDisabled=false;this.docked=undefined;this.embedded=false;this.escapeDisabled=false;this.scale="m";this.widthScale="m";this.fullscreen=undefined;this.kind=undefined;this.messages=undefined;this.messageOverrides=undefined;this.cssWidth=undefined;this.cssHeight=undefined;this.hasFooter=true;this.hasContentTop=false;this.hasContentBottom=false;this.effectiveLocale=undefined;this.defaultMessages=undefined}handleFocusTrapDisabled(e){if(!this.open){return}e?h(this):m(this)}onMessagesChange(){}async componentWillLoad(){await z(this);f(this);if(this.open){this.openModal()}}componentDidLoad(){u(this)}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true});this.cssVarObserver?.observe(this.el,{attributeFilter:["style"]});this.updateSizeCssVars();this.updateFooterVisibility();n(this);k(this);w(this);p(this)}disconnectedCallback(){this.removeOverflowHiddenClass();this.mutationObserver?.disconnect();this.cssVarObserver?.disconnect();s(this);h(this);y(this);C(this);this.embedded=false}render(){return i(o,{key:"6b1abce9182df0c80157f4f798b358f06d31fdc1","aria-describedby":this.contentId,"aria-labelledby":this.titleId,"aria-modal":"true",role:"dialog"},i("div",{key:"59d9ef441e5e197d7db2111792e25e0289ace99c",class:{[B.container]:true,[B.containerOpen]:this.opened,[B.containerEmbedded]:this.embedded}},i("calcite-scrim",{key:"2cf489713f2081385f7fee5565e3233581035742",class:B.scrim,onClick:this.handleOutsideClose}),this.renderStyle(),i("div",{key:"ca86b8febb8762415ca063efd03071dc3d44736b",class:{[B.modal]:true},ref:this.setTransitionEl},i("div",{key:"e3063610d77f9d9c40da02ec994a5bf23ae01643",class:B.header},this.renderCloseButton(),i("header",{key:"0194a0c4cb6209898df8e80f3943321578d4b375",class:B.title},i("slot",{key:"e93887817a45273cc103b216bed848f339454e35",name:B.header}))),this.renderContentTop(),i("div",{key:"afe9b18883ed572c37568cc2224747055f7ad0a5",class:{[B.content]:true,[B.contentNoFooter]:!this.hasFooter},ref:e=>this.modalContent=e},i("slot",{key:"deb96aba4ac030e7fbbdad1115e1a801f1545917",name:D.content})),this.renderContentBottom(),this.renderFooter())))}renderFooter(){return this.hasFooter?i("div",{class:B.footer,key:"footer"},i("span",{class:B.back},i("slot",{name:D.back})),i("span",{class:B.secondary},i("slot",{name:D.secondary})),i("span",{class:B.primary},i("slot",{name:D.primary}))):null}renderContentTop(){return i("div",{class:B.contentTop,hidden:!this.hasContentTop},i("slot",{name:D.contentTop,onSlotchange:this.contentTopSlotChangeHandler}))}renderContentBottom(){return i("div",{class:B.contentBottom,hidden:!this.hasContentBottom},i("slot",{name:D.contentBottom,onSlotchange:this.contentBottomSlotChangeHandler}))}renderCloseButton(){return!this.closeButtonDisabled?i("button",{"aria-label":this.messages.close,class:B.close,key:"button",onClick:this.handleCloseClick,ref:e=>this.closeButtonEl=e,title:this.messages.close},i("calcite-icon",{icon:F.close,scale:$(this.scale)})):null}renderStyle(){if(!this.fullscreen&&(this.cssWidth||this.cssHeight)){return i("style",null,`.${B.container} {\n              ${this.docked&&this.cssWidth?`align-items: center !important;`:""}\n            }\n            .${B.modal} {\n              block-size: ${this.cssHeight?this.cssHeight:"auto"} !important;\n              ${this.cssWidth?`inline-size: ${this.cssWidth} !important;`:""}\n              ${this.cssWidth?`max-inline-size: ${this.cssWidth} !important;`:""}\n              ${this.docked?`border-radius: var(--calcite-border-radius) !important;`:""}\n            }\n            @media screen and (max-width: ${this.cssWidth}) {\n              .${B.container} {\n                ${this.docked?`align-items: flex-end !important;`:""}\n              }\n              .${B.modal} {\n                max-block-size: 100% !important;\n                inline-size: 100% !important;\n                max-inline-size: 100% !important;\n                min-inline-size: 100% !important;\n                margin: 0 !important;\n                ${!this.docked?`block-size: 100% !important;`:""}\n                ${!this.docked?`border-radius: 0 !important;`:""}\n                ${this.docked?`border-radius: var(--calcite-border-radius) var(--calcite-border-radius) 0 0 !important;`:""}\n              }\n            }\n          `)}}effectiveLocaleChange(){j(this,this.effectiveLocale)}handleEscape(e){if(this.open&&!this.escapeDisabled&&e.key==="Escape"&&!e.defaultPrevented){this.open=false;e.preventDefault()}}async setFocus(){await g(this);c(this.el)}async updateFocusTrapElements(){b(this)}async scrollContent(e=0,t=0){if(this.modalContent){if(this.modalContent.scrollTo){this.modalContent.scrollTo({top:e,left:t,behavior:"smooth"})}else{this.modalContent.scrollTop=e;this.modalContent.scrollLeft=t}}}onBeforeOpen(){this.transitionEl.classList.add(B.openingActive);this.calciteModalBeforeOpen.emit()}onOpen(){this.transitionEl.classList.remove(B.openingIdle,B.openingActive);this.calciteModalOpen.emit();m(this)}onBeforeClose(){this.transitionEl.classList.add(B.closingActive);this.calciteModalBeforeClose.emit()}onClose(){this.transitionEl.classList.remove(B.closingIdle,B.closingActive);this.calciteModalClose.emit();h(this)}toggleModal(e){if(this.ignoreOpenChange){return}if(e){this.openModal()}else{this.closeModal()}}handleOpenedChange(e){const t=e?B.openingIdle:B.closingIdle;this.transitionEl.classList.add(t);v(this)}async openModal(){await M(this.el);this.el.addEventListener("calciteModalOpen",this.openEnd);this.opened=true;const e=r(this.el,D.header);const t=r(this.el,D.content);this.titleId=d(e);this.contentId=d(t);if(!this.embedded){if(S===0){E=document.documentElement.style.overflow}S++;document.documentElement.style.setProperty("overflow","hidden")}}removeOverflowHiddenClass(){document.documentElement.style.setProperty("overflow",E)}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{focusTrapDisabled:["handleFocusTrapDisabled"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"],open:["toggleModal"],opened:["handleOpenedChange"]}}};A.style=L;export{A as calcite_modal};
+//# sourceMappingURL=p-0ae3cd17.entry.js.map

package/dist/calcite/p-0c86a89d.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{a as t,r as i,h as s,H as n,g as c}from"./p-17581615.js";import{g as e,t as o}from"./p-cbc54e80.js";import{c as a}from"./p-fbf41cbc.js";import{i as l}from"./p-6861beb6.js";import"./p-3cf89117.js";import"./p-d32e5254.js";const r={icon:"icon",flipRtl:"flip-rtl"};const h={};const p={};const f={s:16,m:24,l:32};function u({icon:t,scale:i}){const s=f[i];const n=x(t);const c=n.charAt(n.length-1)==="F";const e=c?n.substring(0,n.length-1):n;return`${e}${s}${c?"F":""}`}async function d(i){const s=u(i);const n=m(s);if(n){return n}if(!p[s]){p[s]=fetch(t(`./assets/icon/${s}.json`)).then((t=>t.json())).catch((()=>{console.error(`"${s}" is not a valid calcite-ui-icon name`);return""}))}const c=await p[s];h[s]=c;return c}function b(t){return m(u(t))}function m(t){return h[t]}function x(t){const i=!isNaN(Number(t.charAt(0)));const s=t.split("-");const n=s.length>0;if(n){const i=/[a-z]/i;t=s.map(((t,s)=>t.replace(i,(function t(i,n){const c=s===0&&n===0;if(c){return i}return i.toUpperCase()})))).join("")}return i?`i${t}`:t}const g=":host{display:inline-flex;color:var(--calcite-icon-color, var(--calcite-ui-icon-color, currentColor))}:host([scale=s]){inline-size:16px;block-size:16px;min-inline-size:16px;min-block-size:16px}:host([scale=m]){inline-size:24px;block-size:24px;min-inline-size:24px;min-block-size:24px}:host([scale=l]){inline-size:32px;block-size:32px;min-inline-size:32px;min-block-size:32px}.flip-rtl{transform:scaleX(-1)}.svg{display:block}:host([hidden]){display:none}[hidden]{display:none}";const z=g;const k=class{constructor(t){i(this,t);this.icon=null;this.flipRtl=false;this.scale="m";this.textLabel=undefined;this.pathData=undefined;this.visible=false}connectedCallback(){if(!this.visible){this.waitUntilVisible((()=>{this.visible=true;this.loadIconPathData()}))}}disconnectedCallback(){this.intersectionObserver?.disconnect();this.intersectionObserver=null}render(){const{el:t,flipRtl:i,pathData:c,scale:a,textLabel:l}=this;const h=e(t);const p=f[a];const u=!!l;const d=[].concat(c||"");return s(n,{key:"41c9d3006a5887061fdb2144102447b2f490eb72","aria-hidden":o(!u),"aria-label":u?l:null,role:u?"img":null},s("svg",{key:"9fc84ba4eac40fc822babbfe276b2add5ee1c952","aria-hidden":"true",class:{[r.flipRtl]:h==="rtl"&&i,svg:true},fill:"currentColor",height:"100%",viewBox:`0 0 ${p} ${p}`,width:"100%",xmlns:"http://www.w3.org/2000/svg"},d.map((t=>typeof t==="string"?s("path",{d:t}):s("path",{d:t.d,opacity:"opacity"in t?t.opacity:1})))))}async loadIconPathData(){const{icon:t,scale:i,visible:s}=this;if(!l()||!t||!s){return}const n={icon:t,scale:i};const c=b(n)||await d(n);if(t!==this.icon){return}this.pathData=c}waitUntilVisible(t){this.intersectionObserver=a("intersection",(i=>{i.forEach((i=>{if(i.isIntersecting){this.intersectionObserver.disconnect();this.intersectionObserver=null;t()}}))}),{rootMargin:"50px"});if(!this.intersectionObserver){t();return}this.intersectionObserver.observe(this.el)}static get assetsDirs(){return["assets"]}get el(){return c(this)}static get watchers(){return{icon:["loadIconPathData"],scale:["loadIconPathData"]}}};k.style=z;export{k as calcite_icon};
+//# sourceMappingURL=p-0c86a89d.entry.js.map

package/dist/calcite/p-0d014579.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{r as t,c as o,h as a,H as e,g as i}from"./p-17581615.js";import{c as s,d as n}from"./p-4f800b41.js";import{s as c}from"./p-cbc54e80.js";import{s as r,a as d,c as l}from"./p-ff633d19.js";import{c as p,d as h}from"./p-a3136988.js";import{u,c as f,d as g,s as b}from"./p-62a45517.js";import{t as x,E as m}from"./p-94fb2301.js";import{c as y}from"./p-fbf41cbc.js";import"./p-3cf89117.js";import"./p-d32e5254.js";import"./p-6861beb6.js";import"./p-b92ebeef.js";import"./p-8f15a8b8.js";import"./p-5fb11bc5.js";const v={actionGroupEnd:"action-group--end",container:"container"};const w={expandTooltip:"expand-tooltip"};const j=":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{display:block}@keyframes in{0%{opacity:0}100%{opacity:1}}:host{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:var(--calcite-action-pad-corner-radius, 0.125rem);background:transparent}:host([expanded][layout=vertical]) .container{max-inline-size:var(--calcite-action-pad-expanded-max-width, auto)}::slotted(calcite-action-group:not(:last-of-type)){border-block-end-width:1px}.container{display:inline-flex;flex-direction:column;overflow-y:auto;--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);gap:var(--calcite-action-pad-items-space, 0);border-radius:calc(var(--calcite-action-pad-corner-radius, 0.125rem) * 2);background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-1))}.action-group--bottom{flex-grow:1;justify-content:flex-end;padding-block-end:0px}:host([layout=horizontal]) .container{flex-direction:row}:host([layout=horizontal]) .container .action-group--bottom{padding:0px}:host([layout=horizontal]) .container ::slotted(calcite-action-group:not(:last-of-type)){border-inline-end-width:1px}:host([hidden]){display:none}[hidden]{display:none}";const k=j;const L=class{constructor(a){t(this,a);this.calciteActionPadToggle=o(this,"calciteActionPadToggle",6);this.mutationObserver=y("mutation",(()=>this.setGroupLayout(Array.from(this.el.querySelectorAll("calcite-action-group")))));this.actionMenuOpenHandler=t=>{if(t.target.menuOpen){const o=t.composedPath();Array.from(this.el.querySelectorAll("calcite-action-group")).forEach((t=>{if(!o.includes(t)){t.menuOpen=false}}))}};this.toggleExpand=()=>{this.expanded=!this.expanded;this.calciteActionPadToggle.emit()};this.setExpandToggleRef=t=>{this.expandToggleEl=t};this.handleDefaultSlotChange=t=>{const o=c(t).filter((t=>t?.matches("calcite-action-group")));this.setGroupLayout(o)};this.handleTooltipSlotChange=t=>{const o=c(t).filter((t=>t?.matches("calcite-tooltip")));this.expandTooltip=o[0]};this.actionsEndGroupLabel=undefined;this.expandDisabled=false;this.expanded=false;this.layout="vertical";this.position=undefined;this.scale=undefined;this.messages=undefined;this.messageOverrides=undefined;this.overlayPositioning="absolute";this.expandTooltip=undefined;this.effectiveLocale="";this.defaultMessages=undefined}expandedHandler(t){x({el:this.el,expanded:t})}layoutHandler(){this.updateGroups()}onMessagesChange(){}effectiveLocaleChange(){u(this,this.effectiveLocale)}connectedCallback(){s(this);p(this);f(this)}disconnectedCallback(){h(this);g(this);n(this)}async componentWillLoad(){r(this);const{el:t,expanded:o}=this;x({el:t,expanded:o});await b(this)}componentDidLoad(){d(this)}async setFocus(){await l(this);this.el?.focus()}updateGroups(){this.setGroupLayout(Array.from(this.el.querySelectorAll("calcite-action-group")))}setGroupLayout(t){t.forEach((t=>t.layout=this.layout))}renderBottomActionGroup(){const{expanded:t,expandDisabled:o,messages:e,el:i,position:s,toggleExpand:n,scale:c,layout:r,actionsEndGroupLabel:d,overlayPositioning:l}=this;const p=!o?a(m,{collapseLabel:e.collapseLabel,collapseText:e.collapse,el:i,expandLabel:e.expandLabel,expandText:e.expand,expanded:t,position:s,ref:this.setExpandToggleRef,scale:c,toggle:n,tooltip:this.expandTooltip}):null;return p?a("calcite-action-group",{class:v.actionGroupEnd,label:d,layout:r,overlayPositioning:l,scale:c},a("slot",{name:w.expandTooltip,onSlotchange:this.handleTooltipSlotChange}),p):null}render(){return a(e,{key:"5bbd7e4402b9d4f0a319c7c8fe98ce20a9646d89",onCalciteActionMenuOpen:this.actionMenuOpenHandler},a("div",{key:"7757b0e8e4b47eacd05fd99a74d564ff855c157d",class:v.container},a("slot",{key:"2d9e826255494320a4c374282fa8b0c59ed26ddd",onSlotchange:this.handleDefaultSlotChange}),this.renderBottomActionGroup()))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{expanded:["expandedHandler"],layout:["layoutHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};L.style=k;export{L as calcite_action_pad};
+//# sourceMappingURL=p-0d014579.entry.js.map

package/dist/calcite/p-0f08d617.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{r as t,h as e,g as o}from"./p-17581615.js";import{c as s,d as a}from"./p-4f800b41.js";import{c as i,s as n,a as c}from"./p-ff633d19.js";import{c as r,d as l}from"./p-a3136988.js";import{u as d,c as p,d as h,s as u}from"./p-62a45517.js";import{S as f}from"./p-5fb11bc5.js";import{b as g}from"./p-cbc54e80.js";import{S as m,I as b,C as x}from"./p-8f15a8b8.js";import"./p-fbf41cbc.js";import"./p-6861beb6.js";import"./p-b92ebeef.js";import"./p-3cf89117.js";import"./p-d32e5254.js";const y=':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{display:flex;flex-direction:column;padding:0px;background-color:transparent;border-color:var(--calcite-action-group-border-color, var(--calcite-color-border-3));border-style:solid;border-width:0}.container{display:flex;flex-grow:1;flex-direction:column}:host([columns="1"]){--calcite-internal-action-group-columns:1}:host([columns="2"]){--calcite-internal-action-group-columns:2}:host([columns="3"]){--calcite-internal-action-group-columns:3}:host([columns="4"]){--calcite-internal-action-group-columns:4}:host([columns="5"]){--calcite-internal-action-group-columns:5}:host([columns="6"]){--calcite-internal-action-group-columns:6}:host(:first-child){padding-block-start:0px}:host([layout=horizontal]),:host([layout=horizontal]) .container{flex-direction:row}:host([layout=grid]){display:grid}:host([layout=grid]) .container{display:grid;place-content:stretch;background-color:transparent;grid-template-columns:repeat(var(--calcite-action-group-columns, var(--calcite-internal-action-group-columns, 3)), auto);gap:var(--calcite-action-group-gap, 1px);padding:var(--calcite-action-group-gap, 1px)}:host([hidden]){display:none}[hidden]{display:none}';const v=y;const j=class{constructor(e){t(this,e);this.setMenuOpen=t=>{this.menuOpen=!!t.target.open};this.handleMenuActionsSlotChange=t=>{this.hasMenuActions=g(t)};this.expanded=false;this.label=undefined;this.layout="vertical";this.columns=undefined;this.menuOpen=false;this.overlayPositioning="absolute";this.scale=undefined;this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale="";this.defaultMessages=undefined;this.hasMenuActions=false}expandedHandler(){this.menuOpen=false}onMessagesChange(){}effectiveLocaleChange(){d(this,this.effectiveLocale)}async setFocus(){await i(this);this.el.focus()}connectedCallback(){r(this);p(this);s(this)}disconnectedCallback(){l(this);h(this);a(this)}async componentWillLoad(){n(this);await u(this)}componentDidLoad(){c(this)}renderMenu(){const{expanded:t,menuOpen:o,scale:s,layout:a,messages:i,overlayPositioning:n,hasMenuActions:c}=this;return e("calcite-action-menu",{expanded:t,flipPlacements:["left","right"],hidden:!c,label:i.more,onCalciteActionMenuOpen:this.setMenuOpen,open:o,overlayPositioning:n,placement:a==="horizontal"?"bottom-start":"leading-start",scale:s},e("calcite-action",{icon:b.menu,scale:s,slot:f.trigger,text:i.more,textEnabled:t}),e("slot",{name:m.menuActions,onSlotchange:this.handleMenuActionsSlotChange}),e("slot",{name:m.menuTooltip,slot:f.tooltip}))}render(){return e("div",{key:"53e37d8cb8d51e6809c35b035483218ce2f43bff","aria-label":this.label,class:x.container,role:"group"},e("slot",{key:"967676dd0b0fec78f278da527f4695decf7fe47a"}),this.renderMenu())}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{expanded:["expandedHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};j.style=v;export{j as calcite_action_group};
+//# sourceMappingURL=p-0f08d617.entry.js.map

package/dist/calcite/p-120790ae.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.0-next.1
+ */
+import{r as t,c as e,f as i,h as n,H as o,g as s}from"./p-17581615.js";import{u as r,h as a,e as l,g as c,t as d}from"./p-cbc54e80.js";import{s as h,c as u,i as b,d as f,H as p}from"./p-48c46ebf.js";import{u as m,I as v}from"./p-176e985b.js";import{n as g}from"./p-b92ebeef.js";import{c as x,d as k,g as y}from"./p-f099b69b.js";import{a as w,s as z,c as j}from"./p-ff633d19.js";import{n as I,i as C,p as E,s as W,a as D,c as L,d as M,B as N}from"./p-a3136988.js";import{c as A}from"./p-fbf41cbc.js";import{C as B}from"./p-d32e5254.js";import{u as G,c as V,d as $,s as F}from"./p-62a45517.js";import{g as P}from"./p-02522147.js";import{V as O}from"./p-658e49d1.js";import{s as S}from"./p-6b034312.js";import"./p-3cf89117.js";import"./p-6861beb6.js";const U={loader:"loader",clearButton:"clear-button",editingEnabled:"editing-enabled",inlineChild:"inline-child",inputIcon:"icon",prefix:"prefix",suffix:"suffix",numberButtonWrapper:"number-button-wrapper",buttonItemHorizontal:"number-button-item--horizontal",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper",resizeIconWrapper:"resize-icon-wrapper",numberButtonItem:"number-button-item"};const H={validationMessage:"inputNumberValidationMessage"};const K={action:"action"};const R=":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{display:block}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{block-size:1.5rem}:host([scale=s]) .clear-button{min-block-size:1.5rem;min-inline-size:1.5rem}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{block-size:2rem}:host([scale=m]) .clear-button{min-block-size:2rem;min-inline-size:2rem}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;padding-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{block-size:2.75rem}:host([scale=l]) .clear-button{min-block-size:2.75rem;min-inline-size:2.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}input{transition:var(--calcite-animation-timing), block-size 0, outline-offset 0s;-webkit-appearance:none;position:relative;margin:0px;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;text-overflow:ellipsis;border-radius:0px;background-color:var(--calcite-color-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1)}input:placeholder-shown{text-overflow:ellipsis}input{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);color:var(--calcite-color-text-1)}input::placeholder,input:-ms-input-placeholder,input::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}input:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-text-1)}input[readonly]{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}input[readonly]:focus{color:var(--calcite-color-text-1)}calcite-icon{color:var(--calcite-color-text-3)}input{outline-color:transparent}input:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([status=invalid]) input{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) input:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([scale=s]) .icon{inset-inline-start:0.5rem}:host([scale=m]) .icon{inset-inline-start:0.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{padding-inline-start:2rem}:host([icon][scale=m]) input{padding-inline-start:2.5rem}:host([icon][scale=l]) input{padding-inline-start:3.5rem}.element-wrapper{position:relative;order:3;display:inline-flex;flex:1 1 0%;align-items:center}.icon{pointer-events:none;position:absolute;z-index:var(--calcite-z-index);display:block;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button{pointer-events:initial;order:4;margin:0px;box-sizing:border-box;display:flex;min-block-size:100%;cursor:pointer;align-items:center;justify-content:center;align-self:stretch;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);outline-color:transparent;border-inline-start-width:0px}.clear-button:hover{background-color:var(--calcite-color-foreground-2);transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:hover calcite-icon{color:var(--calcite-color-text-1);transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:active{background-color:var(--calcite-color-foreground-3)}.clear-button:active calcite-icon{color:var(--calcite-color-text-1)}.clear-button:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.clear-button:disabled{opacity:var(--calcite-opacity-disabled)}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{order:7;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-color-text-2)}.prefix{order:2;border-inline-end-width:0px}.suffix{order:5;border-inline-start-width:0px}:host([alignment=start]) input{text-align:start}:host([alignment=end]) input{text-align:end}.number-button-wrapper{pointer-events:none;order:6;box-sizing:border-box;display:flex;flex-direction:column;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host([number-button-type=vertical]) .wrapper{flex-direction:row;display:flex}:host([number-button-type=vertical]) input{order:2}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=down] calcite-icon{transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-icon{transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down],.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:1;max-block-size:100%;min-block-size:100%;align-self:stretch}.number-button-item.number-button-item--horizontal[data-adjustment=down] calcite-icon,.number-button-item.number-button-item--horizontal[data-adjustment=up] calcite-icon{transform:rotate(90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down]{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);border-inline-end-width:0px}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover{background-color:var(--calcite-color-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover calcite-icon{color:var(--calcite-color-text-1)}.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:5}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover{background-color:var(--calcite-color-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover{background-color:var(--calcite-color-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover{background-color:var(--calcite-color-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-block-start-width:0px}.number-button-item{max-block-size:50%;min-block-size:50%;pointer-events:initial;margin:0px;box-sizing:border-box;display:flex;cursor:pointer;align-items:center;align-self:center;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);padding-block:0px;padding-inline:0.5rem;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-inline-start-width:0px}.number-button-item calcite-icon{pointer-events:none;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.number-button-item:focus{background-color:var(--calcite-color-foreground-2)}.number-button-item:focus calcite-icon{color:var(--calcite-color-text-1)}.number-button-item:active{background-color:var(--calcite-color-foreground-3)}.number-button-item:disabled{pointer-events:none}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-color-border-1)}input.inline-child{background-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}input.inline-child .editing-enabled{background-color:inherit}input.inline-child:not(.editing-enabled){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";const T=R;const q=class{constructor(i){t(this,i);this.calciteInternalInputNumberFocus=e(this,"calciteInternalInputNumberFocus",6);this.calciteInternalInputNumberBlur=e(this,"calciteInternalInputNumberBlur",6);this.calciteInputNumberInput=e(this,"calciteInputNumberInput",7);this.calciteInputNumberChange=e(this,"calciteInputNumberChange",6);this.previousValueOrigin="initial";this.mutationObserver=A("mutation",(()=>this.setDisabledAction()));this.userChangedValue=false;this.keyDownHandler=t=>{if(this.readOnly||this.disabled||t.defaultPrevented){return}if(this.isClearable&&t.key==="Escape"){this.clearInputValue(t);t.preventDefault()}if(t.key==="Enter"){if(h(this)){t.preventDefault()}}};this.clearInputValue=t=>{this.setNumberValue({committing:true,nativeEvent:t,origin:"user",value:""})};this.emitChangeIfUserModified=()=>{if(this.previousValueOrigin==="user"&&this.value!==this.previousEmittedNumberValue){this.calciteInputNumberChange.emit();this.setPreviousEmittedNumberValue(this.value)}};this.inputNumberBlurHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId);this.calciteInternalInputNumberBlur.emit();this.emitChangeIfUserModified()};this.clickHandler=t=>{if(this.disabled){return}const e=t.composedPath();if(!e.includes(this.inputWrapperEl)||e.includes(this.actionWrapperEl)){return}this.setFocus()};this.inputNumberFocusHandler=()=>{this.calciteInternalInputNumberFocus.emit()};this.inputNumberInputHandler=t=>{if(this.disabled||this.readOnly){return}if(this.value==="Infinity"||this.value==="-Infinity"){return}const e=t.target.value;I.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};const i=I.delocalize(e);if(t.inputType==="insertFromPaste"){if(!C(i)||this.integer&&(i.includes("e")||i.includes("."))){t.preventDefault()}this.setNumberValue({nativeEvent:t,origin:"user",value:E(i)});this.childNumberEl.value=this.displayedValue}else{this.setNumberValue({nativeEvent:t,origin:"user",value:i})}};this.inputNumberKeyDownHandler=t=>{if(this.disabled||this.readOnly){return}if(this.value==="Infinity"||this.value==="-Infinity"){t.preventDefault();if(t.key==="Backspace"||t.key==="Delete"){this.clearInputValue(t)}return}if(t.key==="ArrowUp"){t.preventDefault();this.nudgeNumberValue("up",t);return}if(t.key==="ArrowDown"){this.nudgeNumberValue("down",t);return}const e=[...g,"ArrowLeft","ArrowRight","Backspace","Delete","Enter","Escape","Tab"];if(t.altKey||t.ctrlKey||t.metaKey){return}const i=t.shiftKey&&t.key==="Tab";if(e.includes(t.key)||i){if(t.key==="Enter"){this.emitChangeIfUserModified()}return}I.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};if(t.key===I.decimal&&!this.integer){if(!this.value&&!this.childNumberEl.value){return}if(this.value&&this.childNumberEl.value.indexOf(I.decimal)===-1){return}}if(/[eE]/.test(t.key)&&!this.integer){if(!this.value&&!this.childNumberEl.value){return}if(this.value&&!/[eE]/.test(this.childNumberEl.value)){return}}if(t.key==="-"){if(!this.value&&!this.childNumberEl.value){return}if(this.value&&this.childNumberEl.value.split("-").length<=2){return}}t.preventDefault()};this.nudgeNumberValue=(t,e)=>{if(e instanceof KeyboardEvent&&e.repeat){return}const i=this.maxString?parseFloat(this.maxString):null;const n=this.minString?parseFloat(this.minString):null;const o=150;this.incrementOrDecrementNumberValue(t,i,n,e);if(this.nudgeNumberValueIntervalId){window.clearInterval(this.nudgeNumberValueIntervalId)}let s=true;this.nudgeNumberValueIntervalId=window.setInterval((()=>{if(s){s=false;return}this.incrementOrDecrementNumberValue(t,i,n,e)}),o)};this.nudgeButtonPointerUpHandler=t=>{if(!r(t)){return}window.clearInterval(this.nudgeNumberValueIntervalId)};this.nudgeButtonPointerOutHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId)};this.nudgeButtonPointerDownHandler=t=>{if(!r(t)){return}t.preventDefault();const e=t.target.dataset.adjustment;if(!this.disabled){this.nudgeNumberValue(e,t)}};this.onHiddenFormInputInput=t=>{if(t.target.name===this.name){this.setNumberValue({value:t.target.value,origin:"direct"})}this.setFocus();t.stopPropagation()};this.setChildNumberElRef=t=>{this.childNumberEl=t};this.setInputNumberValue=t=>{if(!this.childNumberEl){return}this.childNumberEl.value=t};this.setPreviousEmittedNumberValue=t=>{this.previousEmittedNumberValue=this.normalizeValue(t)};this.setPreviousNumberValue=t=>{this.previousValue=this.normalizeValue(t)};this.setNumberValue=({committing:t=false,nativeEvent:e,origin:i,previousValue:n,value:o})=>{I.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};const s=this.previousValue?.length>o.length||this.value?.length>o.length;const r=this.integer?o.replace(/[e.]/g,""):o;const a=r.charAt(r.length-1)===".";const l=a&&s?r:W(r);const c=o&&!l?C(this.previousValue)?this.previousValue:"":l;let d=I.localize(c);if(i!=="connected"&&!a){d=D(d,c,I)}this.displayedValue=a&&s?`${d}${I.decimal}`:d;this.setPreviousNumberValue(n??this.value);this.previousValueOrigin=i;this.userChangedValue=i==="user"&&this.value!==c;this.value=["-","."].includes(c)?"":c;if(i==="direct"){this.setInputNumberValue(d);this.setPreviousEmittedNumberValue(d)}if(e){const e=this.calciteInputNumberInput.emit();if(e.defaultPrevented){this.value=this.previousValue;this.displayedValue=I.localize(this.previousValue)}else if(t){this.emitChangeIfUserModified()}}};this.inputNumberKeyUpHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId)};this.alignment="start";this.autofocus=undefined;this.clearable=false;this.disabled=false;this.enterKeyHint=undefined;this.form=undefined;this.groupSeparator=false;this.icon=undefined;this.iconFlipRtl=false;this.inputMode=undefined;this.integer=false;this.label=undefined;this.loading=false;this.numberingSystem=undefined;this.localeFormat=false;this.max=undefined;this.min=undefined;this.maxLength=undefined;this.minLength=undefined;this.validationMessage=undefined;this.validationIcon=undefined;this.validity={valid:false,badInput:false,customError:false,patternMismatch:false,rangeOverflow:false,rangeUnderflow:false,stepMismatch:false,tooLong:false,tooShort:false,typeMismatch:false,valueMissing:false};this.name=undefined;this.numberButtonType="vertical";this.placeholder=undefined;this.prefixText=undefined;this.readOnly=false;this.required=false;this.scale="m";this.status="idle";this.step=undefined;this.autocomplete=undefined;this.suffixText=undefined;this.editingEnabled=false;this.value="";this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale="";this.defaultMessages=undefined;this.displayedValue=undefined;this.slottedActionElDisabledInternally=false}handleGlobalAttributesChanged(){i(this)}disabledWatcher(){this.setDisabledAction()}maxWatcher(){this.maxString=this.max?.toString()||null}minWatcher(){this.minString=this.min?.toString()||null}onMessagesChange(){}valueWatcher(t,e){if(!this.userChangedValue){if(t==="Infinity"||t==="-Infinity"){this.displayedValue=t;this.previousEmittedNumberValue=t;return}this.setNumberValue({origin:"direct",previousValue:e,value:t==null||t==""?"":C(t)?t:this.previousValue||""});this.warnAboutInvalidNumberValue(t)}this.userChangedValue=false}updateRequestedIcon(){this.requestedIcon=a({},this.icon,"number")}get isClearable(){return this.clearable&&this.value.length>0}effectiveLocaleWatcher(t){G(this,this.effectiveLocale);I.numberFormatOptions={locale:t,numberingSystem:this.numberingSystem,useGrouping:false}}connectedCallback(){L(this);V(this);this.inlineEditableEl=this.el.closest("calcite-inline-editable");if(this.inlineEditableEl){this.editingEnabled=this.inlineEditableEl.editingEnabled||false}x(this);u(this);this.mutationObserver?.observe(this.el,{childList:true});this.setDisabledAction();this.el.addEventListener(b,this.onHiddenFormInputInput)}componentDidLoad(){w(this)}disconnectedCallback(){k(this);f(this);M(this);$(this);this.mutationObserver?.disconnect();this.el.removeEventListener(b,this.onHiddenFormInputInput)}async componentWillLoad(){z(this);this.maxString=this.max?.toString();this.minString=this.min?.toString();this.requestedIcon=a({},this.icon,"number");await F(this);this.setPreviousEmittedNumberValue(this.value);this.setPreviousNumberValue(this.value);this.warnAboutInvalidNumberValue(this.value);if(this.value==="Infinity"||this.value==="-Infinity"){this.displayedValue=this.value;this.previousEmittedNumberValue=this.value}else{this.setNumberValue({origin:"connected",value:C(this.value)?this.value:""})}}componentShouldUpdate(t,e,i){if(i==="value"&&t&&!C(t)){this.setNumberValue({origin:"reset",value:e});return false}return true}componentDidRender(){m(this)}async setFocus(){await j(this);this.childNumberEl?.focus()}async selectText(){this.childNumberEl?.select()}onLabelClick(){this.setFocus()}incrementOrDecrementNumberValue(t,e,i,n){const{value:o}=this;if(o==="Infinity"||o==="-Infinity"){return}const s=t==="up"?1:-1;const r=this.integer&&this.step!=="any"?Math.round(this.step):this.step;const a=r==="any"?1:Math.abs(r||1);const l=new N(o!==""?o:"0");const c=l.add(`${a*s}`);const d=()=>typeof i==="number"&&!isNaN(i)&&c.subtract(`${i}`).isNegative;const h=()=>typeof e==="number"&&!isNaN(e)&&!c.subtract(`${e}`).isNegative;const u=d()?`${i}`:h()?`${e}`:c.toString();this.setNumberValue({committing:true,nativeEvent:n,origin:"user",value:u})}syncHiddenFormInput(t){S("number",this,t)}setDisabledAction(){const t=l(this.el,"action");if(!t){return}if(this.disabled){if(t.getAttribute("disabled")==null){this.slottedActionElDisabledInternally=true}t.setAttribute("disabled","")}else if(this.slottedActionElDisabledInternally){t.removeAttribute("disabled");this.slottedActionElDisabledInternally=false}}normalizeValue(t){return C(t)?t:""}warnAboutInvalidNumberValue(t){if(t&&!C(t)){console.warn(`The specified value "${t}" cannot be parsed, or is out of range.`)}}render(){const t=c(this.el);const e=n("div",{key:"624f851a38ed577e84037e4bff2aef9a71176736",class:U.loader},n("calcite-progress",{key:"2f53d03813ac32d35de42a026ec2234534a154ce",label:this.messages.loading,type:"indeterminate"}));const i=n("button",{key:"23a9c4b0be969c128ce8530099b8f69976c59502","aria-label":this.messages.clear,class:U.clearButton,disabled:this.disabled||this.readOnly,onClick:this.clearInputValue,tabIndex:-1,type:"button"},n("calcite-icon",{key:"a7edf1cbc4bc56413e5ff96f6cb6d6d0e683a918",icon:"x",scale:P(this.scale)}));const s=n("calcite-icon",{key:"6e170726283b9ac315793a975e5bd8d672077ee3",class:U.inputIcon,flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:P(this.scale)});const r=this.numberButtonType==="horizontal";const a=n("button",{key:"de4180c780fe30c27eec7e0f9466f85eeb08496b","aria-hidden":"true",class:{[U.numberButtonItem]:true,[U.buttonItemHorizontal]:r},"data-adjustment":"up",disabled:this.disabled||this.readOnly,onPointerDown:this.nudgeButtonPointerDownHandler,onPointerOut:this.nudgeButtonPointerOutHandler,onPointerUp:this.nudgeButtonPointerUpHandler,tabIndex:-1,type:"button"},n("calcite-icon",{key:"82f7975740d4f6dc7bcdaeab5eff839e19c15dba",icon:"chevron-up",scale:P(this.scale)}));const l=n("button",{key:"2e12375c21c64a18cc1e2565de90734c1e38910a","aria-hidden":"true",class:{[U.numberButtonItem]:true,[U.buttonItemHorizontal]:r},"data-adjustment":"down",disabled:this.disabled||this.readOnly,onPointerDown:this.nudgeButtonPointerDownHandler,onPointerOut:this.nudgeButtonPointerOutHandler,onPointerUp:this.nudgeButtonPointerUpHandler,tabIndex:-1,type:"button"},n("calcite-icon",{key:"fbd8d502aff44c1985e516ba4f48fa3e247ffa8f",icon:"chevron-down",scale:P(this.scale)}));const h=n("div",{key:"01187ebd01cb01752782d929d3eff4a682b5f3de",class:U.numberButtonWrapper},a,l);const u=n("div",{key:"ee41b63a2152793001a0f1f6560b613fd9447b1a",class:U.prefix},this.prefixText);const b=n("div",{key:"04c9c776fbc751719d700f5c7a4066aa220513b3",class:U.suffix},this.suffixText);const f=n("input",{"aria-errormessage":H.validationMessage,"aria-invalid":d(this.status==="invalid"),"aria-label":y(this),autocomplete:this.autocomplete,autofocus:this.el.autofocus?true:null,defaultValue:this.defaultValue,disabled:this.disabled?true:null,enterKeyHint:this.el.enterKeyHint||this.el.getAttribute("enterkeyhint"),inputMode:this.el.inputMode||this.el.getAttribute("inputmode")||"decimal",key:"localized-input",maxLength:this.maxLength,minLength:this.minLength,name:undefined,onBlur:this.inputNumberBlurHandler,onFocus:this.inputNumberFocusHandler,onInput:this.inputNumberInputHandler,onKeyDown:this.inputNumberKeyDownHandler,onKeyUp:this.inputNumberKeyUpHandler,placeholder:this.placeholder||"",readOnly:this.readOnly,ref:this.setChildNumberElRef,type:"text",value:this.displayedValue});return n(o,{key:"d52faa6b5b8066d75d09ede47bf69c6f4c07083c",onClick:this.clickHandler,onKeyDown:this.keyDownHandler},n(v,{key:"450b33701515176eb435dcfdf9d63196136b91d3",disabled:this.disabled},n("div",{key:"24f8db03f06d7782f85b6f59fb961de3c1825b8c",class:{[U.inputWrapper]:true,[B.rtl]:t==="rtl"},ref:t=>this.inputWrapperEl=t},this.numberButtonType==="horizontal"&&!this.readOnly?l:null,this.prefixText?u:null,n("div",{key:"eb46de7ea0c7768de8c2f73c9d53a555fd82d92c",class:U.wrapper},f,this.isClearable?i:null,this.requestedIcon?s:null,this.loading?e:null),n("div",{key:"256eb5868113985e7f88e3e8b2d1505bb321da10",class:U.actionWrapper,ref:t=>this.actionWrapperEl=t},n("slot",{key:"9389f0814000d0db770c60b294a81df35a9d8a3d",name:K.action})),this.numberButtonType==="vertical"&&!this.readOnly?h:null,this.suffixText?b:null,this.numberButtonType==="horizontal"&&!this.readOnly?a:null,n(p,{key:"d5d25c9eece3dcc784eb0373410a6702c5f70845",component:this})),this.validationMessage&&this.status==="invalid"?n(O,{icon:this.validationIcon,id:H.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null))}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{autofocus:["handleGlobalAttributesChanged"],enterkeyhint:["handleGlobalAttributesChanged"],inputmode:["handleGlobalAttributesChanged"],disabled:["disabledWatcher"],max:["maxWatcher"],min:["minWatcher"],messageOverrides:["onMessagesChange"],value:["valueWatcher"],icon:["updateRequestedIcon"],effectiveLocale:["effectiveLocaleWatcher"]}}};q.style=T;export{q as calcite_input_number};
+//# sourceMappingURL=p-120790ae.entry.js.map