@esri/calcite-components 2.2.0-next.15 → 2.2.0-next.16

package/dist/calcite/p-5f82a15c.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.15
- */
-import{r as i,c as t,h as e,g as c,H as o}from"./p-1609a2ed.js";import{c as n}from"./p-ed73004f.js";import{c as a,d as r}from"./p-8ea0b73e.js";import{e as s,g as l,t as d,c as h}from"./p-18559159.js";import{C as p}from"./p-651aa282.js";import{g as m}from"./p-ab234d30.js";import"./p-d9fa9e51.js";const g=":host([scale=s]){--calcite-accordion-item-spacing-unit:0.25rem;--calcite-accordion-icon-margin:0.5rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-accordion-item-spacing-unit:0.5rem;--calcite-accordion-icon-margin:0.75rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-accordion-item-spacing-unit:0.75rem;--calcite-accordion-icon-margin:1rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:block;max-inline-size:100%;line-height:1.5rem;--calcite-accordion-item-border:var(--calcite-color-border-2);--calcite-accordion-item-background:var(--calcite-color-foreground-1)}.accordion--transparent{--calcite-accordion-item-border:transparent;--calcite-accordion-item-background:transparent}.accordion{border-width:1px;border-block-end-width:0px;border-style:solid;border-color:var(--calcite-color-border-2)}:host([hidden]){display:none}[hidden]{display:none}";const u=class{constructor(e){i(this,e);this.calciteInternalAccordionChange=t(this,"calciteInternalAccordionChange",6);this.mutationObserver=n("mutation",(()=>this.updateAccordionItems()));this.appearance="solid";this.iconPosition="end";this.iconType="chevron";this.scale="m";this.selectionMode="multiple"}handlePropsChange(){this.updateAccordionItems()}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true});this.updateAccordionItems()}disconnectedCallback(){this.mutationObserver?.disconnect()}render(){const i=this.appearance==="transparent";return e("div",{class:{"accordion--transparent":i,accordion:!i}},e("slot",null))}updateActiveItemOnChange(i){this.calciteInternalAccordionChange.emit({requestedAccordionItem:i.detail.requestedAccordionItem});i.stopPropagation()}updateAccordionItems(){this.el.querySelectorAll("calcite-accordion-item").forEach((i=>{i.iconPosition=this.iconPosition;i.iconType=this.iconType;i.scale=this.scale}));document.dispatchEvent(new CustomEvent("calciteInternalAccordionItemsSync"))}get el(){return c(this)}static get watchers(){return{iconPosition:["handlePropsChange"],iconType:["handlePropsChange"],scale:["handlePropsChange"],selectionMode:["handlePropsChange"]}}};u.style=g;const v={actionsStart:"actions-start",actionsEnd:"actions-end"};const f={icon:"icon",header:"header",headerContent:"header-content",actionsStart:"actions-start",actionsEnd:"actions-end",headerText:"header-text",heading:"heading",description:"description",expandIcon:"expand-icon",content:"content",iconStart:"icon--start",iconEnd:"icon--end",headerContainer:"header-container"};const x={section:"section",sectionToggle:"section-toggle"};const b=".icon-position--end,.icon-position--start{--calcite-accordion-item-icon-rotation:calc(90deg * -1);--calcite-accordion-item-active-icon-rotation:0deg;--calcite-accordion-item-icon-rotation-rtl:90deg;--calcite-accordion-item-active-icon-rotation-rtl:0deg}.icon-position--start{--calcite-accordion-item-flex-direction:row-reverse;--calcite-accordion-item-icon-spacing-start:0;--calcite-accordion-item-icon-spacing-end:var(--calcite-accordion-icon-margin)}.icon-position--end{--calcite-accordion-item-flex-direction:row;--calcite-accordion-item-icon-spacing-start:var(--calcite-accordion-icon-margin);--calcite-accordion-item-icon-spacing-end:0}.icon-position--end:not(.icon-type--plus-minus){--calcite-accordion-item-icon-rotation:0deg;--calcite-accordion-item-active-icon-rotation:180deg;--calcite-accordion-item-icon-rotation-rtl:0deg;--calcite-accordion-item-active-icon-rotation-rtl:calc(180deg * -1)}:host{position:relative;display:flex;flex-direction:column;color:var(--calcite-color-text-3);text-decoration-line:none;background-color:var(--calcite-accordion-item-background, var(--calcite-color-foreground-1))}:host .header-content{outline-color:transparent}:host(:focus) .header-content{outline:2px solid transparent;outline-offset:2px;outline:2px solid 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([expanded]){color:var(--calcite-color-text-1)}:host([expanded]) .content{display:block;color:var(--calcite-color-text-1)}:host([expanded]) .header{border-block-end-color:transparent}:host .header{display:flex;align-items:stretch}:host .icon{position:relative;margin:0px;display:inline-flex;color:var(--calcite-color-text-3);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-inline-end:var(--calcite-accordion-item-icon-spacing-start);margin-inline-start:var(--calcite-accordion-item-icon-spacing-end)}.icon--start{display:flex;align-items:center;margin-inline-end:var(--calcite-accordion-icon-margin)}.icon--end{display:flex;align-items:center;margin-inline-end:var(--calcite-accordion-icon-margin);margin-inline-start:var(--calcite-accordion-icon-margin)}.header-container{inline-size:100%}.content{padding:var(--calcite-accordion-item-padding)}:host .content,:host .header{border-block-end:1px solid var(--calcite-accordion-item-border, var(--calcite-color-border-2))}:host .header *{display:inline-flex;align-items:center;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);word-wrap:break-word;word-break:break-word}:host .content{display:none;padding-block-start:0px;color:var(--calcite-color-text-3);text-align:initial}:host .expand-icon{color:var(--calcite-color-text-3);margin-inline-start:var(--calcite-accordion-item-icon-spacing-start);margin-inline-end:var(--calcite-accordion-item-icon-spacing-end);transform:rotate(var(--calcite-accordion-item-icon-rotation))}.calcite--rtl .expand-icon{transform:rotate(var(--calcite-accordion-item-icon-rotation-rtl))}:host([expanded]) .expand-icon{color:var(--calcite-color-text-3);transform:rotate(var(--calcite-accordion-item-active-icon-rotation))}:host([expanded]) .calcite--rtl .expand-icon{transform:rotate(var(--calcite-accordion-item-active-icon-rotation-rtl))}:host .header-text{margin-block:0px;flex-grow:1;flex-direction:column;padding-block:0px;text-align:initial;margin-inline-end:auto}:host .heading,:host .description{display:flex;inline-size:100%}:host .heading{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2)}:host .description{margin-block-start:0.25rem;color:var(--calcite-color-text-3)}:host(:focus) .heading,:host(:hover) .heading{color:var(--calcite-color-text-1)}:host(:focus) .icon,:host(:hover) .icon{color:var(--calcite-color-text-1)}:host(:focus) .expand-icon,:host(:hover) .expand-icon{color:var(--calcite-color-text-1)}:host(:focus) .description,:host(:hover) .description{color:var(--calcite-color-text-2)}:host(:focus) .heading,:host(:active) .heading,:host([expanded]) .heading{color:var(--calcite-color-text-1)}:host(:focus) .icon,:host(:active) .icon,:host([expanded]) .icon{color:var(--calcite-color-text-1)}:host(:focus) .description,:host(:active) .description,:host([expanded]) .description{color:var(--calcite-color-text-2)}.header-content{flex-grow:1;cursor:pointer;padding:var(--calcite-accordion-item-padding);flex-direction:var(--calcite-accordion-item-flex-direction)}.actions-start,.actions-end{display:flex;align-items:center}@media (forced-colors: active){:host([expanded]) .header{border-block-end:none}:host([expanded]) .heading{font-weight:bolder}:host(:hover) .heading,:host(:focus) .heading{text-decoration:underline}}:host([hidden]){display:none}[hidden]{display:none}";const k=class{constructor(e){i(this,e);this.calciteInternalAccordionItemSelect=t(this,"calciteInternalAccordionItemSelect",6);this.calciteInternalAccordionItemClose=t(this,"calciteInternalAccordionItemClose",6);this.itemHeaderClickHandler=()=>this.emitRequestedItem();this.expanded=false;this.heading=undefined;this.description=undefined;this.iconStart=undefined;this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconPosition=undefined;this.iconType=undefined;this.accordionParent=undefined;this.scale=undefined}connectedCallback(){a(this)}disconnectedCallback(){r(this)}renderActionsStart(){const{el:i}=this;return s(i,v.actionsStart)?e("div",{class:f.actionsStart},e("slot",{name:v.actionsStart})):null}renderActionsEnd(){const{el:i}=this;return s(i,v.actionsEnd)?e("div",{class:f.actionsEnd},e("slot",{name:v.actionsEnd})):null}render(){const{iconFlipRtl:i}=this;const t=l(this.el);const c=this.iconStart?e("calcite-icon",{class:f.iconStart,flipRtl:i==="both"||i==="start",icon:this.iconStart,key:"icon-start",scale:m(this.scale)}):null;const n=this.iconEnd?e("calcite-icon",{class:f.iconEnd,flipRtl:i==="both"||i==="end",icon:this.iconEnd,key:"icon-end",scale:m(this.scale)}):null;const{description:a}=this;return e(o,null,e("div",{class:{[`icon-position--${this.iconPosition}`]:true,[`icon-type--${this.iconType}`]:true}},e("div",{class:{[f.header]:true,[p.rtl]:t==="rtl"}},this.renderActionsStart(),e("div",{"aria-controls":x.section,"aria-expanded":d(this.expanded),class:f.headerContent,id:x.sectionToggle,onClick:this.itemHeaderClickHandler,role:"button",tabindex:"0"},e("div",{class:f.headerContainer},c,e("div",{class:f.headerText},e("span",{class:f.heading},this.heading),a?e("span",{class:f.description},a):null),n),e("calcite-icon",{class:f.expandIcon,icon:this.iconType==="chevron"?"chevronDown":this.iconType==="caret"?"caretDown":this.expanded?"minus":"plus",scale:m(this.scale)})),this.renderActionsEnd()),e("section",{"aria-labelledby":x.sectionToggle,class:f.content,id:x.section},e("slot",null))))}keyDownHandler(i){if(i.target===this.el){switch(i.key){case" ":case"Enter":this.emitRequestedItem();i.preventDefault();break}}}updateActiveItemOnChange(i){const[t]=i.composedPath();const e=h(this.el,"calcite-accordion");if(t!==e){return}this.determineActiveItem(e.selectionMode,i.detail.requestedAccordionItem);i.stopPropagation()}accordionItemSyncHandler(i){const[t]=i.composedPath();const e=this.el;const c=e.parentElement===t;if(c){return}const o=h(e,"calcite-accordion");if(t!==o){return}e.iconPosition=o.iconPosition;e.iconType=o.iconType;e.scale=o.scale;i.stopPropagation()}determineActiveItem(i,t){switch(i){case"multiple":if(this.el===t){this.expanded=!this.expanded}break;case"single":this.expanded=this.el===t?!this.expanded:false;break;case"single-persist":this.expanded=this.el===t;break}}emitRequestedItem(){this.calciteInternalAccordionItemSelect.emit({requestedAccordionItem:this.el})}get el(){return c(this)}};k.style=b;export{u as calcite_accordion,k as calcite_accordion_item};
-//# sourceMappingURL=p-5f82a15c.entry.js.map

package/dist/calcite/p-619dfa4d.js

@@ -1,13 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.15
- */
-/**!
- * Sortable 1.15.1
- * @author	RubaXa   <trash@rubaxa.org>
- * @author	owenm    <owen23355@gmail.com>
- * @license MIT
- */
-function t(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);if(e){i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))}n.push.apply(n,i)}return n}function e(e){for(var n=1;n<arguments.length;n++){var r=arguments[n]!=null?arguments[n]:{};if(n%2){t(Object(r),true).forEach((function(t){i(e,t,r[t])}))}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(e,Object.getOwnPropertyDescriptors(r))}else{t(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}}return e}function n(t){"@babel/helpers - typeof";if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){n=function(t){return typeof t}}else{n=function(t){return t&&typeof Symbol==="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t}}return n(t)}function i(t,e,n){if(e in t){Object.defineProperty(t,e,{value:n,enumerable:true,configurable:true,writable:true})}else{t[e]=n}return t}function r(){r=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n){if(Object.prototype.hasOwnProperty.call(n,i)){t[i]=n[i]}}}return t};return r.apply(this,arguments)}function o(t,e){if(t==null)return{};var n={};var i=Object.keys(t);var r,o;for(o=0;o<i.length;o++){r=i[o];if(e.indexOf(r)>=0)continue;n[r]=t[r]}return n}function a(t,e){if(t==null)return{};var n=o(t,e);var i,r;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(r=0;r<a.length;r++){i=a[r];if(e.indexOf(i)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(t,i))continue;n[i]=t[i]}}return n}var f="1.15.1";function u(t){if(typeof window!=="undefined"&&window.navigator){return!!navigator.userAgent.match(t)}}var s=u(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i);var l=u(/Edge/i);var c=u(/firefox/i);var h=u(/safari/i)&&!u(/chrome/i)&&!u(/android/i);var d=u(/iP(ad|od|hone)/i);var v=u(/chrome/i)&&u(/android/i);var m={capture:false,passive:false};function p(t,e,n){t.addEventListener(e,n,!s&&m)}function g(t,e,n){t.removeEventListener(e,n,!s&&m)}function b(t,e){if(!e)return;e[0]===">"&&(e=e.substring(1));if(t){try{if(t.matches){return t.matches(e)}else if(t.msMatchesSelector){return t.msMatchesSelector(e)}else if(t.webkitMatchesSelector){return t.webkitMatchesSelector(e)}}catch(t){return false}}return false}function w(t){return t.host&&t!==document&&t.host.nodeType?t.host:t.parentNode}function E(t,e,n,i){if(t){n=n||document;do{if(e!=null&&(e[0]===">"?t.parentNode===n&&b(t,e):b(t,e))||i&&t===n){return t}if(t===n)break}while(t=w(t))}return null}var y=/\s+/g;function I(t,e,n){if(t&&e){if(t.classList){t.classList[n?"add":"remove"](e)}else{var i=(" "+t.className+" ").replace(y," ").replace(" "+e+" "," ");t.className=(i+(n?" "+e:"")).replace(y," ")}}}function x(t,e,n){var i=t&&t.style;if(i){if(n===void 0){if(document.defaultView&&document.defaultView.getComputedStyle){n=document.defaultView.getComputedStyle(t,"")}else if(t.currentStyle){n=t.currentStyle}return e===void 0?n:n[e]}else{if(!(e in i)&&e.indexOf("webkit")===-1){e="-webkit-"+e}i[e]=n+(typeof n==="string"?"":"px")}}}function S(t,e){var n="";if(typeof t==="string"){n=t}else{do{var i=x(t,"transform");if(i&&i!=="none"){n=i+" "+n}}while(!e&&(t=t.parentNode))}var r=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return r&&new r(n)}function T(t,e,n){if(t){var i=t.getElementsByTagName(e),r=0,o=i.length;if(n){for(;r<o;r++){n(i[r],r)}}return i}return[]}function O(){var t=document.scrollingElement;if(t){return t}else{return document.documentElement}}function M(t,e,n,i,r){if(!t.getBoundingClientRect&&t!==window)return;var o,a,f,u,l,c,h;if(t!==window&&t.parentNode&&t!==O()){o=t.getBoundingClientRect();a=o.top;f=o.left;u=o.bottom;l=o.right;c=o.height;h=o.width}else{a=0;f=0;u=window.innerHeight;l=window.innerWidth;c=window.innerHeight;h=window.innerWidth}if((e||n)&&t!==window){r=r||t.parentNode;if(!s){do{if(r&&r.getBoundingClientRect&&(x(r,"transform")!=="none"||n&&x(r,"position")!=="static")){var d=r.getBoundingClientRect();a-=d.top+parseInt(x(r,"border-top-width"));f-=d.left+parseInt(x(r,"border-left-width"));u=a+o.height;l=f+o.width;break}}while(r=r.parentNode)}}if(i&&t!==window){var v=S(r||t),m=v&&v.a,p=v&&v.d;if(v){a/=p;f/=m;h/=m;c/=p;u=a+c;l=f+h}}return{top:a,left:f,bottom:u,right:l,width:h,height:c}}function _(t){var e=M(t);var n=parseInt(x(t,"padding-left")),i=parseInt(x(t,"padding-top")),r=parseInt(x(t,"padding-right")),o=parseInt(x(t,"padding-bottom"));e.top+=i+parseInt(x(t,"border-top-width"));e.left+=n+parseInt(x(t,"border-left-width"));e.width=t.clientWidth-n-r;e.height=t.clientHeight-i-o;e.bottom=e.top+e.height;e.right=e.left+e.width;return e}function D(t,e,n){var i=N(t,true),r=M(t)[e];while(i){var o=M(i)[n],a=void 0;if(n==="top"||n==="left"){a=r>=o}else{a=r<=o}if(!a)return i;if(i===O())break;i=N(i,false)}return false}function k(t,e,n,i){var r=0,o=0,a=t.children;while(o<a.length){if(a[o].style.display!=="none"&&a[o]!==Ut.ghost&&(i||a[o]!==Ut.dragged)&&E(a[o],n.draggable,t,false)){if(r===e){return a[o]}r++}o++}return null}function C(t,e){var n=t.lastElementChild;while(n&&(n===Ut.ghost||x(n,"display")==="none"||e&&!b(n,e))){n=n.previousElementSibling}return n||null}function j(t,e){var n=0;if(!t||!t.parentNode){return-1}while(t=t.previousElementSibling){if(t.nodeName.toUpperCase()!=="TEMPLATE"&&t!==Ut.clone&&(!e||b(t,e))){n++}}return n}function A(t){var e=0,n=0,i=O();if(t){do{var r=S(t),o=r.a,a=r.d;e+=t.scrollLeft*o;n+=t.scrollTop*a}while(t!==i&&(t=t.parentNode))}return[e,n]}function z(t,e){for(var n in t){if(!t.hasOwnProperty(n))continue;for(var i in e){if(e.hasOwnProperty(i)&&e[i]===t[n][i])return Number(n)}}return-1}function N(t,e){if(!t||!t.getBoundingClientRect)return O();var n=t;var i=false;do{if(n.clientWidth<n.scrollWidth||n.clientHeight<n.scrollHeight){var r=x(n);if(n.clientWidth<n.scrollWidth&&(r.overflowX=="auto"||r.overflowX=="scroll")||n.clientHeight<n.scrollHeight&&(r.overflowY=="auto"||r.overflowY=="scroll")){if(!n.getBoundingClientRect||n===document.body)return O();if(i||e)return n;i=true}}}while(n=n.parentNode);return O()}function F(t,e){if(t&&e){for(var n in e){if(e.hasOwnProperty(n)){t[n]=e[n]}}}return t}function P(t,e){return Math.round(t.top)===Math.round(e.top)&&Math.round(t.left)===Math.round(e.left)&&Math.round(t.height)===Math.round(e.height)&&Math.round(t.width)===Math.round(e.width)}var B;function H(t,e){return function(){if(!B){var n=arguments,i=this;if(n.length===1){t.call(i,n[0])}else{t.apply(i,n)}B=setTimeout((function(){B=void 0}),e)}}}function G(){clearTimeout(B);B=void 0}function L(t,e,n){t.scrollLeft+=e;t.scrollTop+=n}function R(t){var e=window.Polymer;var n=window.jQuery||window.Zepto;if(e&&e.dom){return e.dom(t).cloneNode(true)}else if(n){return n(t).clone(true)[0]}else{return t.cloneNode(true)}}var W="Sortable"+(new Date).getTime();function X(){var t=[],n;return{captureAnimationState:function n(){t=[];if(!this.options.animation)return;var i=[].slice.call(this.el.children);i.forEach((function(n){if(x(n,"display")==="none"||n===Ut.ghost)return;t.push({target:n,rect:M(n)});var i=e({},t[t.length-1].rect);if(n.thisAnimationDuration){var r=S(n,true);if(r){i.top-=r.f;i.left-=r.e}}n.fromRect=i}))},addAnimationState:function e(n){t.push(n)},removeAnimationState:function e(n){t.splice(z(t,{target:n}),1)},animateAll:function e(i){var r=this;if(!this.options.animation){clearTimeout(n);if(typeof i==="function")i();return}var o=false,a=0;t.forEach((function(t){var e=0,n=t.target,i=n.fromRect,f=M(n),u=n.prevFromRect,s=n.prevToRect,l=t.rect,c=S(n,true);if(c){f.top-=c.f;f.left-=c.e}n.toRect=f;if(n.thisAnimationDuration){if(P(u,f)&&!P(i,f)&&(l.top-f.top)/(l.left-f.left)===(i.top-f.top)/(i.left-f.left)){e=U(l,u,s,r.options)}}if(!P(f,i)){n.prevFromRect=i;n.prevToRect=f;if(!e){e=r.options.animation}r.animate(n,l,f,e)}if(e){o=true;a=Math.max(a,e);clearTimeout(n.animationResetTimer);n.animationResetTimer=setTimeout((function(){n.animationTime=0;n.prevFromRect=null;n.fromRect=null;n.prevToRect=null;n.thisAnimationDuration=null}),e);n.thisAnimationDuration=e}}));clearTimeout(n);if(!o){if(typeof i==="function")i()}else{n=setTimeout((function(){if(typeof i==="function")i()}),a)}t=[]},animate:function t(e,n,i,r){if(r){x(e,"transition","");x(e,"transform","");var o=S(this.el),a=o&&o.a,f=o&&o.d,u=(n.left-i.left)/(a||1),s=(n.top-i.top)/(f||1);e.animatingX=!!u;e.animatingY=!!s;x(e,"transform","translate3d("+u+"px,"+s+"px,0)");this.forRepaintDummy=Y(e);x(e,"transition","transform "+r+"ms"+(this.options.easing?" "+this.options.easing:""));x(e,"transform","translate3d(0,0,0)");typeof e.animated==="number"&&clearTimeout(e.animated);e.animated=setTimeout((function(){x(e,"transition","");x(e,"transform","");e.animated=false;e.animatingX=false;e.animatingY=false}),r)}}}}function Y(t){return t.offsetWidth}function U(t,e,n,i){return Math.sqrt(Math.pow(e.top-t.top,2)+Math.pow(e.left-t.left,2))/Math.sqrt(Math.pow(e.top-n.top,2)+Math.pow(e.left-n.left,2))*i.animation}var V=[];var Z={initializeByDefault:true};var $={mount:function t(e){for(var n in Z){if(Z.hasOwnProperty(n)&&!(n in e)){e[n]=Z[n]}}V.forEach((function(t){if(t.pluginName===e.pluginName){throw"Sortable: Cannot mount plugin ".concat(e.pluginName," more than once")}}));V.push(e)},pluginEvent:function t(n,i,r){var o=this;this.eventCanceled=false;r.cancel=function(){o.eventCanceled=true};var a=n+"Global";V.forEach((function(t){if(!i[t.pluginName])return;if(i[t.pluginName][a]){i[t.pluginName][a](e({sortable:i},r))}if(i.options[t.pluginName]&&i[t.pluginName][n]){i[t.pluginName][n](e({sortable:i},r))}}))},initializePlugins:function t(e,n,i,o){V.forEach((function(t){var o=t.pluginName;if(!e.options[o]&&!t.initializeByDefault)return;var a=new t(e,n,e.options);a.sortable=e;a.options=e.options;e[o]=a;r(i,a.defaults)}));for(var a in e.options){if(!e.options.hasOwnProperty(a))continue;var f=this.modifyOption(e,a,e.options[a]);if(typeof f!=="undefined"){e.options[a]=f}}},getEventProperties:function t(e,n){var i={};V.forEach((function(t){if(typeof t.eventProperties!=="function")return;r(i,t.eventProperties.call(n[t.pluginName],e))}));return i},modifyOption:function t(e,n,i){var r;V.forEach((function(t){if(!e[t.pluginName])return;if(t.optionListeners&&typeof t.optionListeners[n]==="function"){r=t.optionListeners[n].call(e[t.pluginName],i)}}));return r}};function q(t){var n=t.sortable,i=t.rootEl,r=t.name,o=t.targetEl,a=t.cloneEl,f=t.toEl,u=t.fromEl,c=t.oldIndex,h=t.newIndex,d=t.oldDraggableIndex,v=t.newDraggableIndex,m=t.originalEvent,p=t.putSortable,g=t.extraEventProperties;n=n||i&&i[W];if(!n)return;var b,w=n.options,E="on"+r.charAt(0).toUpperCase()+r.substr(1);if(window.CustomEvent&&!s&&!l){b=new CustomEvent(r,{bubbles:true,cancelable:true})}else{b=document.createEvent("Event");b.initEvent(r,true,true)}b.to=f||i;b.from=u||i;b.item=o||i;b.clone=a;b.oldIndex=c;b.newIndex=h;b.oldDraggableIndex=d;b.newDraggableIndex=v;b.originalEvent=m;b.pullMode=p?p.lastPutMode:undefined;var y=e(e({},g),$.getEventProperties(r,n));for(var I in y){b[I]=y[I]}if(i){i.dispatchEvent(b)}if(w[E]){w[E].call(n,b)}}var J=["evt"];var K=function t(n,i){var r=arguments.length>2&&arguments[2]!==undefined?arguments[2]:{},o=r.evt,f=a(r,J);$.pluginEvent.bind(Ut)(n,i,e({dragEl:tt,parentEl:et,ghostEl:nt,rootEl:it,nextEl:rt,lastDownEl:ot,cloneEl:at,cloneHidden:ft,dragStarted:xt,putSortable:dt,activeSortable:Ut.active,originalEvent:o,oldIndex:ut,oldDraggableIndex:lt,newIndex:st,newDraggableIndex:ct,hideGhostForTarget:Rt,unhideGhostForTarget:Wt,cloneNowHidden:function t(){ft=true},cloneNowShown:function t(){ft=false},dispatchSortableEvent:function t(e){Q({sortable:i,name:e,originalEvent:o})}},f))};function Q(t){q(e({putSortable:dt,cloneEl:at,targetEl:tt,rootEl:it,oldIndex:ut,oldDraggableIndex:lt,newIndex:st,newDraggableIndex:ct},t))}var tt,et,nt,it,rt,ot,at,ft,ut,st,lt,ct,ht,dt,vt=false,mt=false,pt=[],gt,bt,wt,Et,yt,It,xt,St,Tt,Ot=false,Mt=false,_t,Dt,kt=[],Ct=false,jt=[];var At=typeof document!=="undefined",zt=d,Nt=l||s?"cssFloat":"float",Ft=At&&!v&&!d&&"draggable"in document.createElement("div"),Pt=function(){if(!At)return;if(s){return false}var t=document.createElement("x");t.style.cssText="pointer-events:auto";return t.style.pointerEvents==="auto"}(),Bt=function t(e,n){var i=x(e),r=parseInt(i.width)-parseInt(i.paddingLeft)-parseInt(i.paddingRight)-parseInt(i.borderLeftWidth)-parseInt(i.borderRightWidth),o=k(e,0,n),a=k(e,1,n),f=o&&x(o),u=a&&x(a),s=f&&parseInt(f.marginLeft)+parseInt(f.marginRight)+M(o).width,l=u&&parseInt(u.marginLeft)+parseInt(u.marginRight)+M(a).width;if(i.display==="flex"){return i.flexDirection==="column"||i.flexDirection==="column-reverse"?"vertical":"horizontal"}if(i.display==="grid"){return i.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal"}if(o&&f["float"]&&f["float"]!=="none"){var c=f["float"]==="left"?"left":"right";return a&&(u.clear==="both"||u.clear===c)?"vertical":"horizontal"}return o&&(f.display==="block"||f.display==="flex"||f.display==="table"||f.display==="grid"||s>=r&&i[Nt]==="none"||a&&i[Nt]==="none"&&s+l>r)?"vertical":"horizontal"},Ht=function t(e,n,i){var r=i?e.left:e.top,o=i?e.right:e.bottom,a=i?e.width:e.height,f=i?n.left:n.top,u=i?n.right:n.bottom,s=i?n.width:n.height;return r===f||o===u||r+a/2===f+s/2},Gt=function t(e,n){var i;pt.some((function(t){var r=t[W].options.emptyInsertThreshold;if(!r||C(t))return;var o=M(t),a=e>=o.left-r&&e<=o.right+r,f=n>=o.top-r&&n<=o.bottom+r;if(a&&f){return i=t}}));return i},Lt=function t(e){function i(t,e){return function(n,r,o,a){var f=n.options.group.name&&r.options.group.name&&n.options.group.name===r.options.group.name;if(t==null&&(e||f)){return true}else if(t==null||t===false){return false}else if(e&&t==="clone"){return t}else if(typeof t==="function"){return i(t(n,r,o,a),e)(n,r,o,a)}else{var u=(e?n:r).options.group.name;return t===true||typeof t==="string"&&t===u||t.join&&t.indexOf(u)>-1}}}var r={};var o=e.group;if(!o||n(o)!="object"){o={name:o}}r.name=o.name;r.checkPull=i(o.pull,true);r.checkPut=i(o.put);r.revertClone=o.revertClone;e.group=r},Rt=function t(){if(!Pt&&nt){x(nt,"display","none")}},Wt=function t(){if(!Pt&&nt){x(nt,"display","")}};if(At&&!v){document.addEventListener("click",(function(t){if(mt){t.preventDefault();t.stopPropagation&&t.stopPropagation();t.stopImmediatePropagation&&t.stopImmediatePropagation();mt=false;return false}}),true)}var Xt=function t(e){if(tt){e=e.touches?e.touches[0]:e;var n=Gt(e.clientX,e.clientY);if(n){var i={};for(var r in e){if(e.hasOwnProperty(r)){i[r]=e[r]}}i.target=i.rootEl=n;i.preventDefault=void 0;i.stopPropagation=void 0;n[W]._onDragOver(i)}}};var Yt=function t(e){if(tt){tt.parentNode[W]._isOutsideThisEl(e.target)}};function Ut(t,e){if(!(t&&t.nodeType&&t.nodeType===1)){throw"Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(t))}this.el=t;this.options=e=r({},e);t[W]=this;var n={group:null,sort:true,disabled:false,store:null,handle:null,draggable:/^[uo]l$/i.test(t.nodeName)?">li":">*",swapThreshold:1,invertSwap:false,invertedSwapThreshold:null,removeCloneOnHide:true,direction:function e(){return Bt(t,this.options)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:true,animation:0,easing:null,setData:function t(e,n){e.setData("Text",n.textContent)},dropBubble:false,dragoverBubble:false,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:false,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:false,fallbackClass:"sortable-fallback",fallbackOnBody:false,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:Ut.supportPointer!==false&&"PointerEvent"in window&&!h,emptyInsertThreshold:5};$.initializePlugins(this,t,n);for(var i in n){!(i in e)&&(e[i]=n[i])}Lt(e);for(var o in this){if(o.charAt(0)==="_"&&typeof this[o]==="function"){this[o]=this[o].bind(this)}}this.nativeDraggable=e.forceFallback?false:Ft;if(this.nativeDraggable){this.options.touchStartThreshold=1}if(e.supportPointer){p(t,"pointerdown",this._onTapStart)}else{p(t,"mousedown",this._onTapStart);p(t,"touchstart",this._onTapStart)}if(this.nativeDraggable){p(t,"dragover",this);p(t,"dragenter",this)}pt.push(this.el);e.store&&e.store.get&&this.sort(e.store.get(this)||[]);r(this,X())}Ut.prototype={constructor:Ut,_isOutsideThisEl:function t(e){if(!this.el.contains(e)&&e!==this.el){St=null}},_getDirection:function t(e,n){return typeof this.options.direction==="function"?this.options.direction.call(this,e,n,tt):this.options.direction},_onTapStart:function t(e){if(!e.cancelable)return;var n=this,i=this.el,r=this.options,o=r.preventOnFilter,a=e.type,f=e.touches&&e.touches[0]||e.pointerType&&e.pointerType==="touch"&&e,u=(f||e).target,s=e.target.shadowRoot&&(e.path&&e.path[0]||e.composedPath&&e.composedPath()[0])||u,l=r.filter;ne(i);if(tt){return}if(/mousedown|pointerdown/.test(a)&&e.button!==0||r.disabled){return}if(s.isContentEditable){return}if(!this.nativeDraggable&&h&&u&&u.tagName.toUpperCase()==="SELECT"){return}u=E(u,r.draggable,i,false);if(u&&u.animated){return}if(ot===u){return}ut=j(u);lt=j(u,r.draggable);if(typeof l==="function"){if(l.call(this,e,u,this)){Q({sortable:n,rootEl:s,name:"filter",targetEl:u,toEl:i,fromEl:i});K("filter",n,{evt:e});o&&e.cancelable&&e.preventDefault();return}}else if(l){l=l.split(",").some((function(t){t=E(s,t.trim(),i,false);if(t){Q({sortable:n,rootEl:t,name:"filter",targetEl:u,fromEl:i,toEl:i});K("filter",n,{evt:e});return true}}));if(l){o&&e.cancelable&&e.preventDefault();return}}if(r.handle&&!E(s,r.handle,i,false)){return}this._prepareDragStart(e,f,u)},_prepareDragStart:function t(e,n,i){var r=this,o=r.el,a=r.options,f=o.ownerDocument,u;if(i&&!tt&&i.parentNode===o){var h=M(i);it=o;tt=i;et=tt.parentNode;rt=tt.nextSibling;ot=i;ht=a.group;Ut.dragged=tt;gt={target:tt,clientX:(n||e).clientX,clientY:(n||e).clientY};yt=gt.clientX-h.left;It=gt.clientY-h.top;this._lastX=(n||e).clientX;this._lastY=(n||e).clientY;tt.style["will-change"]="all";u=function t(){K("delayEnded",r,{evt:e});if(Ut.eventCanceled){r._onDrop();return}r._disableDelayedDragEvents();if(!c&&r.nativeDraggable){tt.draggable=true}r._triggerDragStart(e,n);Q({sortable:r,name:"choose",originalEvent:e});I(tt,a.chosenClass,true)};a.ignore.split(",").forEach((function(t){T(tt,t.trim(),$t)}));p(f,"dragover",Xt);p(f,"mousemove",Xt);p(f,"touchmove",Xt);p(f,"mouseup",r._onDrop);p(f,"touchend",r._onDrop);p(f,"touchcancel",r._onDrop);if(c&&this.nativeDraggable){this.options.touchStartThreshold=4;tt.draggable=true}K("delayStart",this,{evt:e});if(a.delay&&(!a.delayOnTouchOnly||n)&&(!this.nativeDraggable||!(l||s))){if(Ut.eventCanceled){this._onDrop();return}p(f,"mouseup",r._disableDelayedDrag);p(f,"touchend",r._disableDelayedDrag);p(f,"touchcancel",r._disableDelayedDrag);p(f,"mousemove",r._delayedDragTouchMoveHandler);p(f,"touchmove",r._delayedDragTouchMoveHandler);a.supportPointer&&p(f,"pointermove",r._delayedDragTouchMoveHandler);r._dragStartTimer=setTimeout(u,a.delay)}else{u()}}},_delayedDragTouchMoveHandler:function t(e){var n=e.touches?e.touches[0]:e;if(Math.max(Math.abs(n.clientX-this._lastX),Math.abs(n.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))){this._disableDelayedDrag()}},_disableDelayedDrag:function t(){tt&&$t(tt);clearTimeout(this._dragStartTimer);this._disableDelayedDragEvents()},_disableDelayedDragEvents:function t(){var e=this.el.ownerDocument;g(e,"mouseup",this._disableDelayedDrag);g(e,"touchend",this._disableDelayedDrag);g(e,"touchcancel",this._disableDelayedDrag);g(e,"mousemove",this._delayedDragTouchMoveHandler);g(e,"touchmove",this._delayedDragTouchMoveHandler);g(e,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function t(e,n){n=n||e.pointerType=="touch"&&e;if(!this.nativeDraggable||n){if(this.options.supportPointer){p(document,"pointermove",this._onTouchMove)}else if(n){p(document,"touchmove",this._onTouchMove)}else{p(document,"mousemove",this._onTouchMove)}}else{p(tt,"dragend",this);p(it,"dragstart",this._onDragStart)}try{if(document.selection){ie((function(){document.selection.empty()}))}else{window.getSelection().removeAllRanges()}}catch(t){}},_dragStarted:function t(e,n){vt=false;if(it&&tt){K("dragStarted",this,{evt:n});if(this.nativeDraggable){p(document,"dragover",Yt)}var i=this.options;!e&&I(tt,i.dragClass,false);I(tt,i.ghostClass,true);Ut.active=this;e&&this._appendGhost();Q({sortable:this,name:"start",originalEvent:n})}else{this._nulling()}},_emulateDragOver:function t(){if(bt){this._lastX=bt.clientX;this._lastY=bt.clientY;Rt();var e=document.elementFromPoint(bt.clientX,bt.clientY);var n=e;while(e&&e.shadowRoot){e=e.shadowRoot.elementFromPoint(bt.clientX,bt.clientY);if(e===n)break;n=e}tt.parentNode[W]._isOutsideThisEl(e);if(n){do{if(n[W]){var i=void 0;i=n[W]._onDragOver({clientX:bt.clientX,clientY:bt.clientY,target:e,rootEl:n});if(i&&!this.options.dragoverBubble){break}}e=n}while(n=n.parentNode)}Wt()}},_onTouchMove:function t(e){if(gt){var n=this.options,i=n.fallbackTolerance,r=n.fallbackOffset,o=e.touches?e.touches[0]:e,a=nt&&S(nt,true),f=nt&&a&&a.a,u=nt&&a&&a.d,s=zt&&Dt&&A(Dt),l=(o.clientX-gt.clientX+r.x)/(f||1)+(s?s[0]-kt[0]:0)/(f||1),c=(o.clientY-gt.clientY+r.y)/(u||1)+(s?s[1]-kt[1]:0)/(u||1);if(!Ut.active&&!vt){if(i&&Math.max(Math.abs(o.clientX-this._lastX),Math.abs(o.clientY-this._lastY))<i){return}this._onDragStart(e,true)}if(nt){if(a){a.e+=l-(wt||0);a.f+=c-(Et||0)}else{a={a:1,b:0,c:0,d:1,e:l,f:c}}var h="matrix(".concat(a.a,",").concat(a.b,",").concat(a.c,",").concat(a.d,",").concat(a.e,",").concat(a.f,")");x(nt,"webkitTransform",h);x(nt,"mozTransform",h);x(nt,"msTransform",h);x(nt,"transform",h);wt=l;Et=c;bt=o}e.cancelable&&e.preventDefault()}},_appendGhost:function t(){if(!nt){var e=this.options.fallbackOnBody?document.body:it,n=M(tt,true,zt,true,e),i=this.options;if(zt){Dt=e;while(x(Dt,"position")==="static"&&x(Dt,"transform")==="none"&&Dt!==document){Dt=Dt.parentNode}if(Dt!==document.body&&Dt!==document.documentElement){if(Dt===document)Dt=O();n.top+=Dt.scrollTop;n.left+=Dt.scrollLeft}else{Dt=O()}kt=A(Dt)}nt=tt.cloneNode(true);I(nt,i.ghostClass,false);I(nt,i.fallbackClass,true);I(nt,i.dragClass,true);x(nt,"transition","");x(nt,"transform","");x(nt,"box-sizing","border-box");x(nt,"margin",0);x(nt,"top",n.top);x(nt,"left",n.left);x(nt,"width",n.width);x(nt,"height",n.height);x(nt,"opacity","0.8");x(nt,"position",zt?"absolute":"fixed");x(nt,"zIndex","100000");x(nt,"pointerEvents","none");Ut.ghost=nt;e.appendChild(nt);x(nt,"transform-origin",yt/parseInt(nt.style.width)*100+"% "+It/parseInt(nt.style.height)*100+"%")}},_onDragStart:function t(e,n){var i=this;var r=e.dataTransfer;var o=i.options;K("dragStart",this,{evt:e});if(Ut.eventCanceled){this._onDrop();return}K("setupClone",this);if(!Ut.eventCanceled){at=R(tt);at.removeAttribute("id");at.draggable=false;at.style["will-change"]="";this._hideClone();I(at,this.options.chosenClass,false);Ut.clone=at}i.cloneId=ie((function(){K("clone",i);if(Ut.eventCanceled)return;if(!i.options.removeCloneOnHide){it.insertBefore(at,tt)}i._hideClone();Q({sortable:i,name:"clone"})}));!n&&I(tt,o.dragClass,true);if(n){mt=true;i._loopId=setInterval(i._emulateDragOver,50)}else{g(document,"mouseup",i._onDrop);g(document,"touchend",i._onDrop);g(document,"touchcancel",i._onDrop);if(r){r.effectAllowed="move";o.setData&&o.setData.call(i,r,tt)}p(document,"drop",i);x(tt,"transform","translateZ(0)")}vt=true;i._dragStartId=ie(i._dragStarted.bind(i,n,e));p(document,"selectstart",i);xt=true;if(h){x(document.body,"user-select","none")}},_onDragOver:function t(n){var i=this.el,r=n.target,o,a,f,u=this.options,s=u.group,l=Ut.active,c=ht===s,h=u.sort,d=dt||l,v,m=this,p=false;if(Ct)return;function g(t,u){K(t,m,e({evt:n,isOwner:c,axis:v?"vertical":"horizontal",revert:f,dragRect:o,targetRect:a,canSort:h,fromSortable:d,target:r,completed:w,onMove:function t(e,r){return Zt(it,i,tt,o,e,M(e),n,r)},changed:y},u))}function b(){g("dragOverAnimationCapture");m.captureAnimationState();if(m!==d){d.captureAnimationState()}}function w(t){g("dragOverCompleted",{insertion:t});if(t){if(c){l._hideClone()}else{l._showClone(m)}if(m!==d){I(tt,dt?dt.options.ghostClass:l.options.ghostClass,false);I(tt,u.ghostClass,true)}if(dt!==m&&m!==Ut.active){dt=m}else if(m===Ut.active&&dt){dt=null}if(d===m){m._ignoreWhileAnimating=r}m.animateAll((function(){g("dragOverAnimationComplete");m._ignoreWhileAnimating=null}));if(m!==d){d.animateAll();d._ignoreWhileAnimating=null}}if(r===tt&&!tt.animated||r===i&&!r.animated){St=null}if(!u.dragoverBubble&&!n.rootEl&&r!==document){tt.parentNode[W]._isOutsideThisEl(n.target);!t&&Xt(n)}!u.dragoverBubble&&n.stopPropagation&&n.stopPropagation();return p=true}function y(){st=j(tt);ct=j(tt,u.draggable);Q({sortable:m,name:"change",toEl:i,newIndex:st,newDraggableIndex:ct,originalEvent:n})}if(n.preventDefault!==void 0){n.cancelable&&n.preventDefault()}r=E(r,u.draggable,i,true);g("dragOver");if(Ut.eventCanceled)return p;if(tt.contains(n.target)||r.animated&&r.animatingX&&r.animatingY||m._ignoreWhileAnimating===r){return w(false)}mt=false;if(l&&!u.disabled&&(c?h||(f=et!==it):dt===this||(this.lastPutMode=ht.checkPull(this,l,tt,n))&&s.checkPut(this,l,tt,n))){v=this._getDirection(n,r)==="vertical";o=M(tt);g("dragOverValid");if(Ut.eventCanceled)return p;if(f){et=it;b();this._hideClone();g("revert");if(!Ut.eventCanceled){if(rt){it.insertBefore(tt,rt)}else{it.appendChild(tt)}}return w(true)}var S=C(i,u.draggable);if(!S||Kt(n,v,this)&&!S.animated){if(S===tt){return w(false)}if(S&&i===n.target){r=S}if(r){a=M(r)}if(Zt(it,i,tt,o,r,a,n,!!r)!==false){b();if(S&&S.nextSibling){i.insertBefore(tt,S.nextSibling)}else{i.appendChild(tt)}et=i;y();return w(true)}}else if(S&&Jt(n,v,this)){var T=k(i,0,u,true);if(T===tt){return w(false)}r=T;a=M(r);if(Zt(it,i,tt,o,r,a,n,false)!==false){b();i.insertBefore(tt,T);et=i;y();return w(true)}}else if(r.parentNode===i){a=M(r);var O=0,_,A=tt.parentNode!==i,z=!Ht(tt.animated&&tt.toRect||o,r.animated&&r.toRect||a,v),N=v?"top":"left",F=D(r,"top","top")||D(tt,"top","top"),P=F?F.scrollTop:void 0;if(St!==r){_=a[N];Ot=false;Mt=!z&&u.invertSwap||A}O=Qt(n,r,a,v,z?1:u.swapThreshold,u.invertedSwapThreshold==null?u.swapThreshold:u.invertedSwapThreshold,Mt,St===r);var B;if(O!==0){var H=j(tt);do{H-=O;B=et.children[H]}while(B&&(x(B,"display")==="none"||B===nt))}if(O===0||B===r){return w(false)}St=r;Tt=O;var G=r.nextElementSibling,R=false;R=O===1;var X=Zt(it,i,tt,o,r,a,n,R);if(X!==false){if(X===1||X===-1){R=X===1}Ct=true;setTimeout(qt,30);b();if(R&&!G){i.appendChild(tt)}else{r.parentNode.insertBefore(tt,R?G:r)}if(F){L(F,0,P-F.scrollTop)}et=tt.parentNode;if(_!==undefined&&!Mt){_t=Math.abs(_-M(r)[N])}y();return w(true)}}if(i.contains(tt)){return w(false)}}return false},_ignoreWhileAnimating:null,_offMoveEvents:function t(){g(document,"mousemove",this._onTouchMove);g(document,"touchmove",this._onTouchMove);g(document,"pointermove",this._onTouchMove);g(document,"dragover",Xt);g(document,"mousemove",Xt);g(document,"touchmove",Xt)},_offUpEvents:function t(){var e=this.el.ownerDocument;g(e,"mouseup",this._onDrop);g(e,"touchend",this._onDrop);g(e,"pointerup",this._onDrop);g(e,"touchcancel",this._onDrop);g(document,"selectstart",this)},_onDrop:function t(e){var n=this.el,i=this.options;st=j(tt);ct=j(tt,i.draggable);K("drop",this,{evt:e});et=tt&&tt.parentNode;st=j(tt);ct=j(tt,i.draggable);if(Ut.eventCanceled){this._nulling();return}vt=false;Mt=false;Ot=false;clearInterval(this._loopId);clearTimeout(this._dragStartTimer);re(this.cloneId);re(this._dragStartId);if(this.nativeDraggable){g(document,"drop",this);g(n,"dragstart",this._onDragStart)}this._offMoveEvents();this._offUpEvents();if(h){x(document.body,"user-select","")}x(tt,"transform","");if(e){if(xt){e.cancelable&&e.preventDefault();!i.dropBubble&&e.stopPropagation()}nt&&nt.parentNode&&nt.parentNode.removeChild(nt);if(it===et||dt&&dt.lastPutMode!=="clone"){at&&at.parentNode&&at.parentNode.removeChild(at)}if(tt){if(this.nativeDraggable){g(tt,"dragend",this)}$t(tt);tt.style["will-change"]="";if(xt&&!vt){I(tt,dt?dt.options.ghostClass:this.options.ghostClass,false)}I(tt,this.options.chosenClass,false);Q({sortable:this,name:"unchoose",toEl:et,newIndex:null,newDraggableIndex:null,originalEvent:e});if(it!==et){if(st>=0){Q({rootEl:et,name:"add",toEl:et,fromEl:it,originalEvent:e});Q({sortable:this,name:"remove",toEl:et,originalEvent:e});Q({rootEl:et,name:"sort",toEl:et,fromEl:it,originalEvent:e});Q({sortable:this,name:"sort",toEl:et,originalEvent:e})}dt&&dt.save()}else{if(st!==ut){if(st>=0){Q({sortable:this,name:"update",toEl:et,originalEvent:e});Q({sortable:this,name:"sort",toEl:et,originalEvent:e})}}}if(Ut.active){if(st==null||st===-1){st=ut;ct=lt}Q({sortable:this,name:"end",toEl:et,originalEvent:e});this.save()}}}this._nulling()},_nulling:function t(){K("nulling",this);it=tt=et=nt=rt=at=ot=ft=gt=bt=xt=st=ct=ut=lt=St=Tt=dt=ht=Ut.dragged=Ut.ghost=Ut.clone=Ut.active=null;jt.forEach((function(t){t.checked=true}));jt.length=wt=Et=0},handleEvent:function t(e){switch(e.type){case"drop":case"dragend":this._onDrop(e);break;case"dragenter":case"dragover":if(tt){this._onDragOver(e);Vt(e)}break;case"selectstart":e.preventDefault();break}},toArray:function t(){var e=[],n,i=this.el.children,r=0,o=i.length,a=this.options;for(;r<o;r++){n=i[r];if(E(n,a.draggable,this.el,false)){e.push(n.getAttribute(a.dataIdAttr)||ee(n))}}return e},sort:function t(e,n){var i={},r=this.el;this.toArray().forEach((function(t,e){var n=r.children[e];if(E(n,this.options.draggable,r,false)){i[t]=n}}),this);n&&this.captureAnimationState();e.forEach((function(t){if(i[t]){r.removeChild(i[t]);r.appendChild(i[t])}}));n&&this.animateAll()},save:function t(){var e=this.options.store;e&&e.set&&e.set(this)},closest:function t(e,n){return E(e,n||this.options.draggable,this.el,false)},option:function t(e,n){var i=this.options;if(n===void 0){return i[e]}else{var r=$.modifyOption(this,e,n);if(typeof r!=="undefined"){i[e]=r}else{i[e]=n}if(e==="group"){Lt(i)}}},destroy:function t(){K("destroy",this);var e=this.el;e[W]=null;g(e,"mousedown",this._onTapStart);g(e,"touchstart",this._onTapStart);g(e,"pointerdown",this._onTapStart);if(this.nativeDraggable){g(e,"dragover",this);g(e,"dragenter",this)}Array.prototype.forEach.call(e.querySelectorAll("[draggable]"),(function(t){t.removeAttribute("draggable")}));this._onDrop();this._disableDelayedDragEvents();pt.splice(pt.indexOf(this.el),1);this.el=e=null},_hideClone:function t(){if(!ft){K("hideClone",this);if(Ut.eventCanceled)return;x(at,"display","none");if(this.options.removeCloneOnHide&&at.parentNode){at.parentNode.removeChild(at)}ft=true}},_showClone:function t(e){if(e.lastPutMode!=="clone"){this._hideClone();return}if(ft){K("showClone",this);if(Ut.eventCanceled)return;if(tt.parentNode==it&&!this.options.group.revertClone){it.insertBefore(at,tt)}else if(rt){it.insertBefore(at,rt)}else{it.appendChild(at)}if(this.options.group.revertClone){this.animate(tt,at)}x(at,"display","");ft=false}}};function Vt(t){if(t.dataTransfer){t.dataTransfer.dropEffect="move"}t.cancelable&&t.preventDefault()}function Zt(t,e,n,i,r,o,a,f){var u,c=t[W],h=c.options.onMove,d;if(window.CustomEvent&&!s&&!l){u=new CustomEvent("move",{bubbles:true,cancelable:true})}else{u=document.createEvent("Event");u.initEvent("move",true,true)}u.to=e;u.from=t;u.dragged=n;u.draggedRect=i;u.related=r||e;u.relatedRect=o||M(e);u.willInsertAfter=f;u.originalEvent=a;t.dispatchEvent(u);if(h){d=h.call(c,u,a)}return d}function $t(t){t.draggable=false}function qt(){Ct=false}function Jt(t,e,n){var i=M(k(n.el,0,n.options,true));var r=_(n.el);var o=10;return e?t.clientX<r.left-o||t.clientY<i.top&&t.clientX<i.right:t.clientY<r.top-o||t.clientY<i.bottom&&t.clientX<i.left}function Kt(t,e,n){var i=M(C(n.el,n.options.draggable));var r=_(n.el);var o=10;return e?t.clientX>r.right+o||t.clientY>i.bottom&&t.clientX>i.left:t.clientY>r.bottom+o||t.clientX>i.right&&t.clientY>i.top}function Qt(t,e,n,i,r,o,a,f){var u=i?t.clientY:t.clientX,s=i?n.height:n.width,l=i?n.top:n.left,c=i?n.bottom:n.right,h=false;if(!a){if(f&&_t<s*r){if(!Ot&&(Tt===1?u>l+s*o/2:u<c-s*o/2)){Ot=true}if(!Ot){if(Tt===1?u<l+_t:u>c-_t){return-Tt}}else{h=true}}else{if(u>l+s*(1-r)/2&&u<c-s*(1-r)/2){return te(e)}}}h=h||a;if(h){if(u<l+s*o/2||u>c-s*o/2){return u>l+s/2?1:-1}}return 0}function te(t){if(j(tt)<j(t)){return 1}else{return-1}}function ee(t){var e=t.tagName+t.className+t.src+t.href+t.textContent,n=e.length,i=0;while(n--){i+=e.charCodeAt(n)}return i.toString(36)}function ne(t){jt.length=0;var e=t.getElementsByTagName("input");var n=e.length;while(n--){var i=e[n];i.checked&&jt.push(i)}}function ie(t){return setTimeout(t,0)}function re(t){return clearTimeout(t)}if(At){p(document,"touchmove",(function(t){if((Ut.active||vt)&&t.cancelable){t.preventDefault()}}))}Ut.utils={on:p,off:g,css:x,find:T,is:function t(e,n){return!!E(e,n,e,false)},extend:F,throttle:H,closest:E,toggleClass:I,clone:R,index:j,nextTick:ie,cancelNextTick:re,detectDirection:Bt,getChild:k};Ut.get=function(t){return t[W]};Ut.mount=function(){for(var t=arguments.length,n=new Array(t),i=0;i<t;i++){n[i]=arguments[i]}if(n[0].constructor===Array)n=n[0];n.forEach((function(t){if(!t.prototype||!t.prototype.constructor){throw"Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(t))}if(t.utils)Ut.utils=e(e({},Ut.utils),t.utils);$.mount(t)}))};Ut.create=function(t,e){return new Ut(t,e)};Ut.version=f;var oe=[],ae,fe,ue=false,se,le,ce,he;function de(){function t(){this.defaults={scroll:true,forceAutoScrollFallback:false,scrollSensitivity:30,scrollSpeed:10,bubbleScroll:true};for(var t in this){if(t.charAt(0)==="_"&&typeof this[t]==="function"){this[t]=this[t].bind(this)}}}t.prototype={dragStarted:function t(e){var n=e.originalEvent;if(this.sortable.nativeDraggable){p(document,"dragover",this._handleAutoScroll)}else{if(this.options.supportPointer){p(document,"pointermove",this._handleFallbackAutoScroll)}else if(n.touches){p(document,"touchmove",this._handleFallbackAutoScroll)}else{p(document,"mousemove",this._handleFallbackAutoScroll)}}},dragOverCompleted:function t(e){var n=e.originalEvent;if(!this.options.dragOverBubble&&!n.rootEl){this._handleAutoScroll(n)}},drop:function t(){if(this.sortable.nativeDraggable){g(document,"dragover",this._handleAutoScroll)}else{g(document,"pointermove",this._handleFallbackAutoScroll);g(document,"touchmove",this._handleFallbackAutoScroll);g(document,"mousemove",this._handleFallbackAutoScroll)}me();ve();G()},nulling:function t(){ce=fe=ae=ue=he=se=le=null;oe.length=0},_handleFallbackAutoScroll:function t(e){this._handleAutoScroll(e,true)},_handleAutoScroll:function t(e,n){var i=this;var r=(e.touches?e.touches[0]:e).clientX,o=(e.touches?e.touches[0]:e).clientY,a=document.elementFromPoint(r,o);ce=e;if(n||this.options.forceAutoScrollFallback||l||s||h){pe(e,this.options,a,n);var f=N(a,true);if(ue&&(!he||r!==se||o!==le)){he&&me();he=setInterval((function(){var t=N(document.elementFromPoint(r,o),true);if(t!==f){f=t;ve()}pe(e,i.options,t,n)}),10);se=r;le=o}}else{if(!this.options.bubbleScroll||N(a,true)===O()){ve();return}pe(e,this.options,N(a,false),false)}}};return r(t,{pluginName:"scroll",initializeByDefault:true})}function ve(){oe.forEach((function(t){clearInterval(t.pid)}));oe=[]}function me(){clearInterval(he)}var pe=H((function(t,e,n,i){if(!e.scroll)return;var r=(t.touches?t.touches[0]:t).clientX,o=(t.touches?t.touches[0]:t).clientY,a=e.scrollSensitivity,f=e.scrollSpeed,u=O();var s=false,l;if(fe!==n){fe=n;ve();ae=e.scroll;l=e.scrollFn;if(ae===true){ae=N(n,true)}}var c=0;var h=ae;do{var d=h,v=M(d),m=v.top,p=v.bottom,g=v.left,b=v.right,w=v.width,E=v.height,y=void 0,I=void 0,S=d.scrollWidth,T=d.scrollHeight,_=x(d),D=d.scrollLeft,k=d.scrollTop;if(d===u){y=w<S&&(_.overflowX==="auto"||_.overflowX==="scroll"||_.overflowX==="visible");I=E<T&&(_.overflowY==="auto"||_.overflowY==="scroll"||_.overflowY==="visible")}else{y=w<S&&(_.overflowX==="auto"||_.overflowX==="scroll");I=E<T&&(_.overflowY==="auto"||_.overflowY==="scroll")}var C=y&&(Math.abs(b-r)<=a&&D+w<S)-(Math.abs(g-r)<=a&&!!D);var j=I&&(Math.abs(p-o)<=a&&k+E<T)-(Math.abs(m-o)<=a&&!!k);if(!oe[c]){for(var A=0;A<=c;A++){if(!oe[A]){oe[A]={}}}}if(oe[c].vx!=C||oe[c].vy!=j||oe[c].el!==d){oe[c].el=d;oe[c].vx=C;oe[c].vy=j;clearInterval(oe[c].pid);if(C!=0||j!=0){s=true;oe[c].pid=setInterval(function(){if(i&&this.layer===0){Ut.active._onTouchMove(ce)}var e=oe[this.layer].vy?oe[this.layer].vy*f:0;var n=oe[this.layer].vx?oe[this.layer].vx*f:0;if(typeof l==="function"){if(l.call(Ut.dragged.parentNode[W],n,e,t,ce,oe[this.layer].el)!=="continue"){return}}L(oe[this.layer].el,n,e)}.bind({layer:c}),24)}}c++}while(e.bubbleScroll&&h!==u&&(h=N(h,false)));ue=s}),30);var ge=function t(e){var n=e.originalEvent,i=e.putSortable,r=e.dragEl,o=e.activeSortable,a=e.dispatchSortableEvent,f=e.hideGhostForTarget,u=e.unhideGhostForTarget;if(!n)return;var s=i||o;f();var l=n.changedTouches&&n.changedTouches.length?n.changedTouches[0]:n;var c=document.elementFromPoint(l.clientX,l.clientY);u();if(s&&!s.el.contains(c)){a("spill");this.onSpill({dragEl:r,putSortable:i})}};function be(){}be.prototype={startIndex:null,dragStart:function t(e){var n=e.oldDraggableIndex;this.startIndex=n},onSpill:function t(e){var n=e.dragEl,i=e.putSortable;this.sortable.captureAnimationState();if(i){i.captureAnimationState()}var r=k(this.sortable.el,this.startIndex,this.options);if(r){this.sortable.el.insertBefore(n,r)}else{this.sortable.el.appendChild(n)}this.sortable.animateAll();if(i){i.animateAll()}},drop:ge};r(be,{pluginName:"revertOnSpill"});function we(){}we.prototype={onSpill:function t(e){var n=e.dragEl,i=e.putSortable;var r=i||this.sortable;r.captureAnimationState();n.parentNode&&n.parentNode.removeChild(n);r.animateAll()},drop:ge};r(we,{pluginName:"removeOnSpill"});Ut.mount(new de);Ut.mount(we,be);const Ee=new Set;const ye={ghostClass:"calcite-sortable--ghost",chosenClass:"calcite-sortable--chosen",dragClass:"calcite-sortable--drag"};function Ie(t){xe(t);Ee.add(t);const e="id";const{group:n,handleSelector:i,dragSelector:r}=t;t.sortable=Ut.create(t.el,{dataIdAttr:e,...ye,...!!r&&{draggable:r},...!!n&&{group:{name:n,...!!t.canPull&&{pull:(e,n,i,{newIndex:r,oldIndex:o})=>t.canPull({toEl:e.el,fromEl:n.el,dragEl:i,newIndex:r,oldIndex:o})},...!!t.canPut&&{put:(e,n,i,{newIndex:r,oldIndex:o})=>t.canPut({toEl:e.el,fromEl:n.el,dragEl:i,newIndex:r,oldIndex:o})}}},handle:i,filter:"[drag-disabled]",onStart:({from:e,item:n,to:i,newIndex:r,oldIndex:o})=>{Se.active=true;Oe();t.onDragStart({fromEl:e,dragEl:n,toEl:i,newIndex:r,oldIndex:o})},onEnd:({from:e,item:n,to:i,newIndex:r,oldIndex:o})=>{Se.active=false;Me();t.onDragEnd({fromEl:e,dragEl:n,toEl:i,newIndex:r,oldIndex:o})},onSort:({from:e,item:n,to:i,newIndex:r,oldIndex:o})=>{t.onDragSort({fromEl:e,dragEl:n,toEl:i,newIndex:r,oldIndex:o})}})}function xe(t){Ee.delete(t);t.sortable?.destroy();t.sortable=null}const Se={active:false};function Te(t){return t.dragEnabled&&Se.active}function Oe(){Array.from(Ee).forEach((t=>t.onGlobalDragStart()))}function Me(){Array.from(Ee).forEach((t=>t.onGlobalDragEnd()))}export{xe as a,Ie as c,Te as d};
-//# sourceMappingURL=p-619dfa4d.js.map

package/dist/calcite/p-651aa282.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.15
- */
-const a="calcite-mode-auto";const t="calcite-mode-dark";const e="calcite-mode-light";const c={autoMode:a,darkMode:t,lightMode:e,rtl:"calcite--rtl",calciteAnimate:"calcite-animate",calciteAnimateIn:"calcite-animate__in",calciteAnimateInUp:"calcite-animate__in-up",calciteAnimateInDown:"calcite-animate__in-down",calciteAnimateInRight:"calcite-animate__in-right",calciteAnimateInLeft:"calcite-animate__in-left",calciteAnimateInScale:"calcite-animate__in-scale"};export{c as C,a,t as d};
-//# sourceMappingURL=p-651aa282.js.map

package/dist/calcite/p-656b9385.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.15
- */
-import{r as t,c as s,h as e,g as i}from"./p-1609a2ed.js";import{l as a,t as o}from"./p-18559159.js";import{c as n,d as c,u as h,I as r}from"./p-e6f66f43.js";import{c as l}from"./p-ed73004f.js";import{a as d,s as p,c as f}from"./p-1f65b4c9.js";import"./p-d9fa9e51.js";import"./p-651aa282.js";import"./p-667b9cf1.js";const u=":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:flex}.container{display:flex;inline-size:100%;flex-wrap:wrap;gap:0.5rem}::slotted(calcite-chip){flex:none}:host([scale=s]) .container{gap:0.25rem}:host([scale=l]) .container{gap:0.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const b=class{constructor(e){t(this,e);this.calciteChipGroupSelect=s(this,"calciteChipGroupSelect",6);this.mutationObserver=l("mutation",(()=>this.updateItems()));this.items=[];this.updateItems=t=>{const s=t?t.target:this.slotRefEl;this.items=s?.assignedElements({flatten:true}).filter((t=>t?.matches("calcite-chip")));this.items?.forEach((t=>{t.interactive=true;t.scale=this.scale;t.selectionMode=this.selectionMode}));this.setSelectedItems(false)};this.setSelectedItems=(t,s)=>{if(s){this.items?.forEach((t=>{const e=s===t;switch(this.selectionMode){case"multiple":if(e){t.selected=!t.selected}break;case"single":t.selected=e?!t.selected:false;break;case"single-persist":t.selected=!!e;break}}))}this.selectedItems=this.items?.filter((t=>t.selected));if(t){this.calciteChipGroupSelect.emit()}};this.disabled=false;this.label=undefined;this.scale="m";this.selectionMode="none";this.selectedItems=[]}onSelectionModeChange(){this.updateItems()}connectedCallback(){n(this);this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}componentDidRender(){c(this);h(this)}componentDidLoad(){d(this)}disconnectedCallback(){this.mutationObserver?.disconnect()}async componentWillLoad(){p(this)}calciteInternalChipKeyEventListener(t){if(t.composedPath().includes(this.el)){const s=this.items?.filter((t=>!t.disabled));switch(t.detail.key){case"ArrowRight":a(s,t.detail.target,"next");break;case"ArrowLeft":a(s,t.detail.target,"previous");break;case"Home":a(s,t.detail.target,"first");break;case"End":a(s,t.detail.target,"last");break}}}calciteChipCloseListener(t){const s=t.target;if(this.items?.includes(s)){if(this.items?.indexOf(s)>0){a(this.items,s,"previous")}else if(this.items?.indexOf(s)===0){a(this.items,s,"next")}else{a(this.items,s,"first")}}this.items=this.items?.filter((t=>t!==s))}calciteChipSelectListener(t){if(t.composedPath().includes(this.el)){this.setSelectedItems(true,t.target)}}async setFocus(){await f(this);if(!this.disabled){return(this.selectedItems[0]||this.items[0])?.setFocus()}}render(){const t=this.selectionMode==="none"||this.selectionMode==="multiple"?"group":"radiogroup";const{disabled:s}=this;return e(r,{disabled:s},e("div",{"aria-disabled":o(s),"aria-label":this.label,class:"container",role:t},e("slot",{onSlotchange:this.updateItems,ref:t=>this.slotRefEl=t})))}get el(){return i(this)}static get watchers(){return{selectionMode:["onSelectionModeChange"]}}};b.style=u;export{b as calcite_chip_group};
-//# sourceMappingURL=p-656b9385.entry.js.map

package/dist/calcite/p-656b9385.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["chipGroupCss","ChipGroup","this","mutationObserver","createObserver","updateItems","items","event","target","slotRefEl","assignedElements","flatten","filter","el","matches","forEach","interactive","scale","selectionMode","setSelectedItems","emit","elToMatch","matchingEl","selected","selectedItems","calciteChipGroupSelect","onSelectionModeChange","connectedCallback","connectInteractive","observe","childList","subtree","componentDidRender","disconnectInteractive","updateHostInteraction","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnect","componentWillLoad","setUpLoadableComponent","calciteInternalChipKeyEventListener","composedPath","includes","interactiveItems","disabled","detail","key","focusElementInGroup","calciteChipCloseListener","item","indexOf","calciteChipSelectListener","setFocus","componentFocusable","render","role","h","InteractiveContainer","toAriaBoolean","label","class","onSlotchange","ref"],"sources":["src/components/chip-group/chip-group.scss?tag=calcite-chip-group&encapsulation=shadow","src/components/chip-group/chip-group.tsx"],"sourcesContent":[":host {\n  display: flex;\n}\n\n.container {\n  display: flex;\n  inline-size: 100%;\n  flex-wrap: wrap;\n  gap: theme(\"spacing.2\");\n}\n\n::slotted(calcite-chip) {\n  flex: none;\n}\n\n:host([scale=\"s\"]) .container {\n  gap: theme(\"spacing.1\");\n}\n\n:host([scale=\"l\"]) .container {\n  gap: theme(\"spacing.3\");\n}\n\n@include disabled();\n@include base-component();\n","import {\n  Component,\n  h,\n  VNode,\n  Prop,\n  Element,\n  Listen,\n  EventEmitter,\n  Event,\n  Method,\n  Watch,\n} from \"@stencil/core\";\nimport { focusElementInGroup, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { createObserver } from \"../../utils/observers\";\nimport { Scale, SelectionMode } from \"../interfaces\";\nimport {\n  componentFocusable,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\n/**\n * @slot - A slot for adding one or more `calcite-chip`s.\n */\n@Component({\n  tag: \"calcite-chip-group\",\n  styleUrl: \"chip-group.scss\",\n  shadow: true,\n})\nexport class ChipGroup implements InteractiveComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Accessible name for the component. */\n  @Prop() label!: string;\n\n  /** Specifies the size of the component. Child `calcite-chip`s inherit the component's value. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /**\n   * Specifies the selection mode of the component, where:\n   *\n   * `\"multiple\"` allows any number of selections,\n   *\n   * `\"single\"` allows only one selection,\n   *\n   * `\"single-persist\"` allows one selection and prevents de-selection, and\n   *\n   * `\"none\"` does not allow any selections.\n   */\n  @Prop({ reflect: true }) selectionMode: Extract<\n    \"multiple\" | \"single\" | \"single-persist\" | \"none\",\n    SelectionMode\n  > = \"none\";\n\n  @Watch(\"selectionMode\")\n  onSelectionModeChange(): void {\n    this.updateItems();\n  }\n\n  /**\n   * Specifies the component's selected items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItems: HTMLCalciteChipElement[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteChipGroupElement;\n\n  mutationObserver = createObserver(\"mutation\", () => this.updateItems());\n\n  private items: HTMLCalciteChipElement[] = [];\n\n  private slotRefEl: HTMLSlotElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Fires when the component's selection changes. */\n  @Event({ cancelable: false }) calciteChipGroupSelect: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n  }\n\n  componentDidRender(): void {\n    disconnectInteractive(this);\n    updateHostInteraction(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalChipKeyEvent\")\n  calciteInternalChipKeyEventListener(event: CustomEvent): void {\n    if (event.composedPath().includes(this.el)) {\n      const interactiveItems = this.items?.filter((el) => !el.disabled);\n      switch (event.detail.key) {\n        case \"ArrowRight\":\n          focusElementInGroup(interactiveItems, event.detail.target, \"next\");\n          break;\n        case \"ArrowLeft\":\n          focusElementInGroup(interactiveItems, event.detail.target, \"previous\");\n          break;\n        case \"Home\":\n          focusElementInGroup(interactiveItems, event.detail.target, \"first\");\n          break;\n        case \"End\":\n          focusElementInGroup(interactiveItems, event.detail.target, \"last\");\n          break;\n      }\n    }\n  }\n\n  @Listen(\"calciteChipClose\")\n  calciteChipCloseListener(event: CustomEvent): void {\n    const item = event.target as HTMLCalciteChipElement;\n    if (this.items?.includes(item)) {\n      if (this.items?.indexOf(item) > 0) {\n        focusElementInGroup(this.items, item as HTMLCalciteChipElement, \"previous\");\n      } else if (this.items?.indexOf(item) === 0) {\n        focusElementInGroup(this.items, item as HTMLCalciteChipElement, \"next\");\n      } else {\n        focusElementInGroup(this.items, item as HTMLCalciteChipElement, \"first\");\n      }\n    }\n    this.items = this.items?.filter((el) => el !== item);\n  }\n\n  @Listen(\"calciteChipSelect\")\n  calciteChipSelectListener(event: CustomEvent): void {\n    if (event.composedPath().includes(this.el)) {\n      this.setSelectedItems(true, event.target as HTMLCalciteChipElement);\n    }\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public 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    if (!this.disabled) {\n      return (this.selectedItems[0] || this.items[0])?.setFocus();\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private updateItems = (event?: Event): void => {\n    const target = event ? (event.target as HTMLSlotElement) : this.slotRefEl;\n    this.items = target\n      ?.assignedElements({ flatten: true })\n      .filter((el) => el?.matches(\"calcite-chip\")) as HTMLCalciteChipElement[];\n\n    this.items?.forEach((el) => {\n      el.interactive = true;\n      el.scale = this.scale;\n      el.selectionMode = this.selectionMode;\n    });\n\n    this.setSelectedItems(false);\n  };\n\n  private setSelectedItems = (emit: boolean, elToMatch?: HTMLCalciteChipElement): void => {\n    if (elToMatch) {\n      this.items?.forEach((el) => {\n        const matchingEl = elToMatch === el;\n        switch (this.selectionMode) {\n          case \"multiple\":\n            if (matchingEl) {\n              el.selected = !el.selected;\n            }\n            break;\n\n          case \"single\":\n            el.selected = matchingEl ? !el.selected : false;\n            break;\n\n          case \"single-persist\":\n            el.selected = !!matchingEl;\n            break;\n        }\n      });\n    }\n\n    this.selectedItems = this.items?.filter((el) => el.selected);\n\n    if (emit) {\n      this.calciteChipGroupSelect.emit();\n    }\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    const role =\n      this.selectionMode === \"none\" || this.selectionMode === \"multiple\" ? \"group\" : \"radiogroup\";\n    const { disabled } = this;\n\n    return (\n      <InteractiveContainer disabled={disabled}>\n        <div\n          aria-disabled={toAriaBoolean(disabled)}\n          aria-label={this.label}\n          class=\"container\"\n          role={role}\n        >\n          <slot\n            onSlotchange={this.updateItems}\n            ref={(el) => (this.slotRefEl = el as HTMLSlotElement)}\n          />\n        </div>\n      </InteractiveContainer>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-66630d3e.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.15
- */
-import{d as a}from"./p-c6a377a1.js";import"./p-1609a2ed.js";import"./p-0f904abe.js";import"./p-18559159.js";import"./p-d9fa9e51.js";import"./p-651aa282.js";import"./p-e6f66f43.js";import"./p-667b9cf1.js";import"./p-3e165cab.js";import"./p-aa2b189b.js";import"./p-ab234d30.js";import"./p-1f65b4c9.js";import"./p-7f921e0d.js";import"./p-ed73004f.js";import"./p-976a5ede.js";import"./p-c3afcfd1.js";import"./p-4b4872d1.js";import"./p-eb9973dc.js";import"./p-b674e9b5.js";var e={name:"en-ca",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),ordinal:function a(e){return e},formats:{LT:"h:mm A",LTS:"h:mm:ss A",L:"YYYY-MM-DD",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"}};a.locale(e,null,true);export default e;
-//# sourceMappingURL=p-66630d3e.js.map

package/dist/calcite/p-667b9cf1.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.15
- */
-function n(){return navigator.userAgentData}function r(){const r=n();return r?.brands?r.brands.map((({brand:n,version:r})=>`${n}/${r}`)).join(" "):navigator.userAgent}export{r as g};
-//# sourceMappingURL=p-667b9cf1.js.map

package/dist/calcite/p-69561b72.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.15
- */
-import{g as t}from"./p-de75bb36.js";import{d as s,e as i,t as e}from"./p-18559159.js";import{d as n}from"./p-78b004f9.js";import{h as o,H as a}from"./p-1609a2ed.js";import{I as c}from"./p-e6f66f43.js";const r={heading:"heading",container:"container",indented:"container--indented"};const l={parentItem:"parent-item"};function f(){this.setUpItems();this.setUpFilter();this.deselectRemovedItems()}const h=["ArrowUp","ArrowDown"];function u(){this.setUpItems();this.setUpFilter();this.emitCalciteListChange=n(y.bind(this),0);this.emitCalciteListFilter=n(k.bind(this),0)}function d(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}function m(){this.mutationObserver?.disconnect()}function p(t){const{selectedValues:i}=this;const{item:e,value:n,selected:o,shiftPressed:a}=t.detail;if(o){if(this.multiple&&a){this.selectSiblings(e)}if(!this.multiple){this.deselectSiblingItems(e)}i.set(n,e)}else{i.delete(n);if(this.multiple&&a){this.selectSiblings(e,true)}}if(!this.multiple){C(e,o);if(o){s(e)}}this.lastSelectedItem=e;this.emitCalciteListChange()}function b(t){const s=t.detail.oldValue;const i=this.selectedValues;if(i.has(s)){const e=i.get(s);i.delete(s);i.set(t.detail.newValue,e)}t.stopPropagation()}function g(t){return!!h.find((s=>s===t))}function v(t){const{el:s,items:i,multiple:e,selectedValues:n}=this;if(e){return}const o=s.contains(t.relatedTarget);if(o){return}F(i).forEach((s=>{C(s,n.size===0?s.contains(t.target)||t.target===s:s.selected)}))}function w(t){const{key:i,target:e}=t;if(!g(i)){return}const{items:n,multiple:o,selectionFollowsFocus:a}=this;const{length:c}=n;const r=n.indexOf(e);if(!c||r===-1){return}t.preventDefault();const l=A(this,e,i==="ArrowUp"?"up":"down");const f=n[l];n.forEach((t=>C(t,t===f)));if(!o&&a){f.selected=true}s(f)}function A(s,i,e){const{items:n}=s;const{length:o}=n;const a=n.indexOf(i);const c=e==="up"?-1:1;let r=1;let l=t(a+c*r++,o);const f=l;while(n[l].disabled){l=t(a+c*r++,o);if(l===f){break}}return l}function x(t,s){const{items:i}=t;return i.indexOf(s)}function F(t){return t.filter((t=>!t.disabled))}function k(){this.calciteListFilter.emit()}function y(){this.calciteListChange.emit(this.selectedValues)}function E(t){if(t.defaultPrevented){return}const s=t.target;const i=this.selectedValues;if(s.parentElement.tagName==="CALCITE-PICK-LIST-GROUP"&&s.slot===l.parentItem){s.parentElement.remove();Array.from(s.parentElement.children).forEach((t=>i.delete(t.value)))}else{s.remove();i.delete(s.value)}this.emitCalciteListChange()}function C(t,s){if(t.disabled){return}if(s){t.removeAttribute("tabindex")}else{t.setAttribute("tabindex","-1")}}async function I(t){if(this.filterEnabled&&t==="filter"){await s(this.filterEl);return}const{items:i,multiple:e,selectionFollowsFocus:n}=this;if(i.length===0){return}if(e){return F(i)[0]?.setFocus()}const o=F(i);const a=o.find((t=>t.selected))||o[0];if(n&&a){a.selected=true}return a.setFocus()}function j(t){this.items=Array.from(this.el.querySelectorAll(t));let s=false;const{items:i}=this;i.forEach((t=>{t.icon=this.getIconType();if(!this.multiple){t.deselectDisabled=true;C(t,false)}if(t.selected){s=true;C(t,true);this.selectedValues.set(t.value,t)}}));const[e]=i;if(!s&&e&&!e.disabled){C(e,true)}}function S(){const t=this.selectedValues;const s=this.items.map((({value:t})=>t));t.forEach((t=>{if(!s.includes(t.value)){this.selectedValues.delete(t.value)}}))}function L(t){this.items.forEach((s=>{if(s.value!==t.value){s.toggleSelected(false);if(this.selectedValues.has(s.value)){this.selectedValues.delete(s.value)}}}))}function P(t,s=false){if(!this.lastSelectedItem){return}const{items:i}=this;const e=i.findIndex((t=>t.value===this.lastSelectedItem.value));const n=i.findIndex((s=>s.value===t.value));i.slice(Math.min(e,n),Math.max(e,n)).forEach((t=>{t.toggleSelected(!s);if(!s){this.selectedValues.set(t.value,t)}else{this.selectedValues.delete(t.value)}}))}let T;function D(t=false){const{filteredData:s,filterText:e}=this;const n=s.map((t=>t.value));let o=false;if(!T){T=new Set}const a=this.items?.filter((t=>{const s=t.parentElement;const i=s.matches("calcite-pick-list-group");if(i){T.add(s)}const a=e?n.includes(t.value):true;t.hidden=!a;if(!o){o=a&&t.selected}return a}))||[];T.forEach((t=>{const s=a.some((s=>t.contains(s)));t.hidden=!s;if(!s){return}const e=i(t,"parent-item");if(e){e.hidden=false;if(a.includes(e)){Array.from(t.children).forEach((t=>t.hidden=false))}}}));T.clear();if(a.length>0&&!o&&!this.multiple){C(a[0],true)}this.setFilteredItems(a);if(t){this.emitCalciteListFilter()}}function U(){const t=this.filterEl?.filteredItems;if(t){this.filteredData=t}this.handleFilter()}function q(t){t.stopPropagation();const{filteredItems:s,value:i}=t.currentTarget;this.filterText=i;this.filteredData=s;this.handleFilter(true)}function M(){return this.items.map((t=>({label:t.label,description:t.description,metadata:t.metadata,value:t.value})))}const V={sticky:"sticky-pos"};var G;(function(t){t["circle"]="circle";t["square"]="square";t["grip"]="grip"})(G||(G={}));const H={menuActions:"menu-actions"};const K=({props:{disabled:t,loading:s,filterEnabled:i,dataForFilter:n,handleFilterEvent:r,filterPlaceholder:l,filterText:f,setFilterEl:h,dragEnabled:u,storeAssistiveEl:d},...m})=>{const p=o("slot",null);return o(a,{"aria-busy":e(s),role:"menu",...m},o(c,{disabled:t},o("section",null,u?o("span",{"aria-live":"assertive",class:"assistive-text",ref:d}):null,o("header",{class:{[V.sticky]:true}},i?o("calcite-filter",{"aria-label":l,disabled:t,items:n,onCalciteFilterChange:r,placeholder:l,value:f,ref:h}):null,o("slot",{name:H.menuActions})),s?o("calcite-scrim",{loading:s}):null,p)))};const O={actions:"actions",actionsEnd:"actions--end",actionsStart:"actions--start",description:"description",handle:"handle",handleActivated:"handle--activated",highlight:"highlight",icon:"icon",iconDot:"icon-dot",label:"label",remove:"remove",title:"title",textContainer:"text-container"};const R={checked:"check",remove:"x"};const z={actionsEnd:"actions-end",actionsStart:"actions-start"};export{O as C,G as I,K as L,z as S,L as a,q as b,M as c,S as d,A as e,d as f,x as g,D as h,u as i,U as j,w as k,m as l,f as m,v as n,p as o,b as p,j as q,E as r,P as s,I as t,l as u,r as v,R as w};
-//# sourceMappingURL=p-69561b72.js.map

package/dist/calcite/p-6d8cdc25.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.15
- */
-import{a as n}from"./p-1609a2ed.js";import{n as t,g as r}from"./p-7f921e0d.js";function e(n,t,r){if(!n){return}const e=n.getTime();const o=!(t instanceof Date)||e>=t.getTime();const s=!(r instanceof Date)||e<=r.getTime();return o&&s}function o(n,t,r){if(!(n instanceof Date)){return null}const e=n.getTime();const o=t instanceof Date&&e<t.getTime();const s=r instanceof Date&&e>r.getTime();if(o){return t}if(s){return r}return n}function s(n,t=false){if(n instanceof Date){return n}if(!n||typeof n!=="string"){return null}const r=n.split(/[: T-]/).map(parseFloat);const e=new Date(r[0],(r[1]||1)-1,r[2]||1);e.setFullYear(r[0]);if(isNaN(e.getTime())){throw new Error(`Invalid ISO 8601 date: "${n}"`)}if(t){return g(e)}return e}function a(n,t){if(!t){return null}const{separator:r}=t;const e=m(n,t);const{day:o,month:s}=e;const a=c(e.year,t);const i=new Date(a,s,o);i.setFullYear(a);const u=o>0;const f=s>-1;const d=!isNaN(i.getTime());const l=n.split(r).filter((n=>n)).length>2;const D=a.toString().length>0;if(u&&f&&d&&l&&D){return i}return null}function c(n,t){return u(n,t,"read")}function i(n,t){return u(n,t,"write")}function u(n,t,r){if(t["default-calendar"]!=="buddhist"){return n}const e=543;const o=e*(r==="read"?-1:1);return n+o}function f(n,r){const{separator:e,unitOrder:o}=r;const s=w(o);const a=n.split(e).map((n=>t.delocalize(n)));const c=a[s.indexOf("d")];const i=a[s.indexOf("m")];const u=a[s.indexOf("y")];return{day:c,month:i,year:u}}function d(n){if(n instanceof Date){return new Date(n.getTime()-n.getTimezoneOffset()*6e4).toISOString().split("T")[0]}return""}function l(n){const t=n.split("-");return{day:t[2],month:t[1],year:t[0]}}function D(n,t){return n instanceof Date&&t instanceof Date&&n.getDate()===t.getDate()&&n.getMonth()===t.getMonth()&&n.getFullYear()===t.getFullYear()}function p(n){const t=n.getMonth();const r=new Date(n);r.setMonth(t-1);if(t===r.getMonth()){return new Date(n.getFullYear(),t,0)}return r}function y(n){const t=n.getMonth();const r=new Date(n);r.setMonth(t+1);if((t+2)%7===r.getMonth()%7){return new Date(n.getFullYear(),t+2,0)}return r}function m(n,t){const{day:r,month:e,year:o}=f(n,t);return{day:parseInt(r),month:parseInt(e)-1,year:parseInt(o)}}function w(n){const t=["d","m","y"];const r=n.toLowerCase();return t.sort(((n,t)=>r.indexOf(n)-r.indexOf(t)))}function h(n,t){const r=n.getTime();const e=t.getTime();return(r-e)/(1e3*3600*24)}function g(n){n.setHours(23,59,59,999);return n}const I={};const j={};async function N(t){const e=r(t);if(I[e]){return I[e]}if(!j[e]){j[e]=fetch(n(`./assets/date-picker/nls/${e}.json`)).then((n=>n.json())).catch((()=>{console.error(`Translations for "${e}" not found or invalid, falling back to english`);return N("en")}))}const o=await j[e];I[e]=o;return o}function b(n){return n.map(((n,t)=>s(n,t===1)))}export{f as a,a as b,d as c,l as d,s as e,N as f,b as g,o as h,e as i,h as j,D as k,w as l,i as m,y as n,c as o,p,g as s};
-//# sourceMappingURL=p-6d8cdc25.js.map

package/dist/calcite/p-6e7e550c.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.15
- */
-import{r as t,h as e,F as n,g as o,c as i,f as a}from"./p-1609a2ed.js";import{c as l,d as s}from"./p-8ea0b73e.js";import{b as r,s as c,e as h,g as d,i as p}from"./p-18559159.js";import{c as x,d as u}from"./p-7f921e0d.js";import{c as f}from"./p-c3afcfd1.js";import{c as b,s as w,d as m,u as v}from"./p-4b4872d1.js";import{C as g}from"./p-651aa282.js";import"./p-ed73004f.js";import"./p-d9fa9e51.js";import"./p-3e165cab.js";const y={main:"main",content:"content",contentBehind:"content--behind",contentNonInteractive:"content--non-interactive",footer:"footer",positionedSlotWrapper:"positioned-slot-wrapper",container:"container",contentBehindCenterContent:"center-content"};const z={centerRow:"center-row",panelStart:"panel-start",panelEnd:"panel-end",panelTop:"panel-top",panelBottom:"panel-bottom",header:"header",footer:"footer",alerts:"alerts",sheets:"sheets",modals:"modals"};const k=":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{position:absolute;inset:0px;display:flex;block-size:100%;inline-size:100%;flex-direction:column;overflow:hidden;--calcite-shell-tip-spacing:26vw}.main{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;flex-direction:row;justify-content:space-between;overflow:hidden}.content,.content--non-interactive{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap}.content{overflow:auto}.content ::slotted(calcite-shell-center-row),.content ::slotted(calcite-panel),.content ::slotted(calcite-flow){flex:1 1 auto;align-self:stretch;max-block-size:unset}.content--behind{position:absolute;inset:0px;border-width:0px;z-index:calc(var(--calcite-z-index) - 1);display:initial}.content--non-interactive{pointer-events:none}::slotted(calcite-shell-center-row){inline-size:unset}::slotted(.header .heading){font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal)}slot[name=panel-end]::slotted(calcite-shell-panel){margin-inline-start:auto}::slotted(calcite-panel),::slotted(calcite-flow){border-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-style:solid;border-color:var(--calcite-color-border-3)}slot[name=center-row]::slotted(calcite-shell-center-row:not([detached])),slot[name=panel-top]::slotted(calcite-shell-center-row:not([detached])),slot[name=panel-bottom]::slotted(calcite-shell-center-row:not([detached])){border-inline-start-width:1px;border-inline-end-width:1px;border-color:var(--calcite-color-border-3)}.center-content{display:flex;flex-direction:column;justify-content:space-between;block-size:100%;inline-size:100%;min-inline-size:0}::slotted(calcite-shell-center-row){flex:none;align-self:stretch}::slotted(calcite-tip-manager){position:absolute;z-index:var(--calcite-z-index-toast);box-sizing:border-box}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}::slotted(calcite-tip-manager){animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;--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);inset-block-end:0.5rem;inset-inline:var(--calcite-shell-tip-spacing)}slot[name=center-row]::slotted(calcite-shell-center-row),slot[name=panel-bottom]::slotted(calcite-shell-center-row){margin-block-start:auto}slot[name=panel-top]::slotted(calcite-shell-center-row){margin-block-end:auto}.position-wrapper{position:absolute;pointer-events:none;inset:0}:host([hidden]){display:none}[hidden]{display:none}";const C=class{constructor(e){t(this,e);this.handleHeaderSlotChange=t=>{this.hasHeader=!!r(t)};this.handleFooterSlotChange=t=>{this.hasFooter=!!r(t)};this.handleAlertsSlotChange=t=>{this.hasAlerts=!!r(t);c(t)?.map((t=>{if(t.nodeName==="CALCITE-ALERT"){t.slottedInShell=true}}))};this.handleSheetsSlotChange=t=>{this.hasSheets=!!r(t);c(t)?.map((t=>{if(t.nodeName==="CALCITE-SHEET"){t.slottedInShell=true}}))};this.handleModalsSlotChange=t=>{this.hasModals=!!r(t);c(t)?.map((t=>{if(t.nodeName==="CALCITE-MODAL"){t.slottedInShell=true}}))};this.contentBehind=false;this.hasHeader=false;this.hasFooter=false;this.hasAlerts=false;this.hasModals=false;this.hasSheets=false;this.panelIsResizing=false}handleCalciteInternalShellPanelResizeStart(t){this.panelIsResizing=true;t.stopPropagation()}handleCalciteInternalShellPanelResizeEnd(t){this.panelIsResizing=false;t.stopPropagation()}connectedCallback(){l(this)}disconnectedCallback(){s(this)}renderHeader(){return e("div",{hidden:!this.hasHeader},e("slot",{key:"header",name:z.header,onSlotchange:this.handleHeaderSlotChange}))}renderFooter(){return e("div",{class:y.footer,hidden:!this.hasFooter,key:"footer"},e("slot",{name:z.footer,onSlotchange:this.handleFooterSlotChange}))}renderAlerts(){return e("div",{hidden:!this.hasAlerts},e("slot",{key:"alerts",name:z.alerts,onSlotchange:this.handleAlertsSlotChange}))}renderSheets(){return e("div",{hidden:!this.hasSheets},e("slot",{key:"sheets",name:z.sheets,onSlotchange:this.handleSheetsSlotChange}))}renderModals(){return e("div",{hidden:!this.hasModals},e("slot",{key:"modals",name:z.modals,onSlotchange:this.handleModalsSlotChange}))}renderContent(){const{panelIsResizing:t}=this;const n=e("slot",{key:"default-slot"});const o=t?e("div",{class:y.contentNonInteractive},n):n;const i=e("slot",{key:"center-row-slot",name:z.centerRow});const a=e("slot",{key:"panel-bottom-slot",name:z.panelBottom});const l=e("slot",{key:"panel-top-slot",name:z.panelTop});const s="content-container";const r=!!this.contentBehind?[e("div",{class:{[y.content]:true,[y.contentBehind]:true},key:s},o),e("div",{class:y.contentBehindCenterContent},l,a,i)]:[e("div",{class:y.content,key:s},l,o,a,i)];return r}renderMain(){return e("div",{class:y.main},e("slot",{name:z.panelStart}),this.renderContent(),e("slot",{name:z.panelEnd}))}renderPositionedSlots(){return e("div",{class:y.positionedSlotWrapper},this.renderAlerts(),this.renderModals(),this.renderSheets())}render(){return e(n,null,this.renderHeader(),this.renderMain(),this.renderFooter(),this.renderPositionedSlots())}get el(){return o(this)}};C.style=k;const H={actionBarContainer:"action-bar-container",content:"content"};const S={actionBar:"action-bar"};const M=":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{z-index:var(--calcite-z-index);display:flex;flex:1 1 auto;overflow:hidden;background-color:transparent}.content{margin:0px;display:flex;block-size:100%;inline-size:100%;overflow:hidden;flex:1 0 0}.action-bar-container{display:flex}:host([detached]){margin-inline:0.5rem;margin-block:0.5rem 1.5rem}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}:host([detached]){animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;border-width:0px;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([position=end]){align-self:flex-end}:host([position=start]){align-self:flex-start}:host([height-scale=s]){block-size:33.333333%}:host([height-scale=m]){block-size:70%}:host([height-scale=l]){block-size:100%}:host([height-scale=l][detached]){block-size:calc(100% - 2rem)}::slotted(calcite-panel){block-size:100%;inline-size:100%}::slotted(calcite-action-bar),::slotted(calcite-action-bar[position=end]){border-inline-end:1px solid;border-color:var(--calcite-color-border-3)}:host([hidden]){display:none}[hidden]{display:none}";const D=class{constructor(e){t(this,e);this.detached=false;this.heightScale="s";this.position="end"}connectedCallback(){l(this)}disconnectedCallback(){s(this)}render(){const{el:t}=this;const o=e("div",{class:H.content},e("slot",null));const i=h(t,S.actionBar);const a=i?e("div",{class:H.actionBarContainer,key:"action-bar"},e("slot",{name:S.actionBar})):null;const l=[a,o];if(i?.position==="end"){l.reverse()}return e(n,null,l)}get el(){return o(this)}};D.style=M;const I={container:"container",content:"content",contentHeader:"content__header",contentBody:"content__body",contentFloat:"content--float",contentOverlay:"content--overlay",separator:"separator"};const A={actionBar:"action-bar",header:"header"};const E=":host{pointer-events:none;position:relative;display:flex;flex:0 1 auto;align-items:stretch;z-index:var(--calcite-shell-panel-z-index, var(--calcite-z-index));--calcite-shell-panel-detached-max-height:unset;--calcite-shell-panel-max-height:unset;--calcite-shell-panel-shadow-block-start-internal:0 4px 8px -1px rgba(0, 0, 0, 0.08),\n    0 2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-shell-panel-shadow-block-end-internal:0 -4px 8px -1px rgba(0, 0, 0, 0.08),\n    0 -2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-shell-panel-shadow-inline-start-internal:4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-shell-panel-shadow-inline-end-internal:-4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    -2px 0 4px -1px rgba(0, 0, 0, 0.04)}.calcite--rtl.content--overlay{--calcite-shell-panel-shadow-inline-start-internal:-4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    -2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-shell-panel-shadow-inline-end-internal:4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    2px 0 4px -1px rgba(0, 0, 0, 0.04)}:host([layout=vertical]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index) + 1))}:host([layout=vertical][display-mode=overlay]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index-header) + 1))}:host([layout=vertical][width-scale=s]) .content{--calcite-shell-panel-width-internal:var(--calcite-shell-panel-width, 12vw);--calcite-shell-panel-max-width-internal:var(--calcite-shell-panel-max-width, 300px);--calcite-shell-panel-min-width-internal:var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical][width-scale=m]) .content{--calcite-shell-panel-width-internal:var(--calcite-shell-panel-width, 20vw);--calcite-shell-panel-max-width-internal:var(--calcite-shell-panel-max-width, 420px);--calcite-shell-panel-min-width-internal:var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical][width-scale=l]) .content{--calcite-shell-panel-width-internal:var(--calcite-shell-panel-width, 45vw);--calcite-shell-panel-max-width-internal:var(--calcite-shell-panel-max-width, 680px);--calcite-shell-panel-min-width-internal:var(--calcite-shell-panel-min-width, 340px)}:host([layout=horizontal][height-scale=s]) .content{--calcite-shell-panel-max-height-internal:var(\n    --calcite-shell-panel-max-height,\n    var(--calcite-shell-panel-detached-max-height, 20vh)\n  )}:host([layout=horizontal]) .content{--calcite-shell-panel-min-height-internal:var(--calcite-shell-panel-min-height, 5vh);--calcite-shell-panel-max-height-internal:var(\n    --calcite-shell-panel-max-height,\n    var(--calcite-shell-panel-detached-max-height, 30vh)\n  )}:host([layout=horizontal][height-scale=l]) .content{--calcite-shell-panel-max-height-internal:var(\n    --calcite-shell-panel-max-height,\n    var(--calcite-shell-panel-detached-max-height, 40vh)\n  )}.container{pointer-events:none;box-sizing:border-box;display:flex;flex:1 1 auto;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2)}.container *{box-sizing:border-box}:host([layout=horizontal]) .container{flex-direction:column}:host(:hover) .separator:not(:hover):not(:focus),:host(:focus-within) .separator:not(:hover):not(:focus){opacity:1;background-color:var(--calcite-color-border-3)}.separator{pointer-events:auto;position:absolute;display:flex;background-color:transparent;opacity:0;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;cursor:col-resize;outline:none}.separator:hover{opacity:1;background-color:var(--calcite-color-border-2)}.separator:focus{background-color:var(--calcite-color-brand);opacity:1}:host([layout=vertical]) .separator{inset-block:0px;block-size:100%;inline-size:0.125rem;cursor:col-resize}:host([layout=horizontal][position=start]) .separator{inset-block-end:0px}:host([layout=horizontal][position=end]) .separator{inset-block-start:0px}:host([layout=horizontal]) .separator{inset-inline-end:0px;block-size:0.125rem;inline-size:100%;cursor:row-resize}:host([layout=vertical][position=start]) .separator{inset-inline-end:-2px}:host([layout=horizontal][position=start]) .separator{inset-block-end:-2px}:host([layout=vertical][position=end]) .separator{inset-inline-start:-2px}:host([layout=horizontal][position=end]) .separator{inset-block-start:-2px}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%;inline-size:100%;flex:1 1 auto;max-block-size:unset;max-inline-size:unset}::slotted(.calcite-match-height){display:flex;flex:1 1 auto;overflow:hidden}.content{pointer-events:auto;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;align-self:stretch;background-color:var(--calcite-color-background);padding:0px;transition:max-block-size var(--calcite-animation-timing), max-inline-size var(--calcite-animation-timing)}:host([layout=vertical]) .content{inline-size:var(--calcite-shell-panel-width-internal);max-inline-size:var(--calcite-shell-panel-max-width-internal);min-inline-size:var(--calcite-shell-panel-min-width-internal)}:host([layout=horizontal]) .content{block-size:var(--calcite-shell-panel-height-internal);max-block-size:var(--calcite-shell-panel-max-height-internal);min-block-size:var(--calcite-shell-panel-min-height-internal)}.content__header{display:flex;flex:0 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch}.content__body{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.content--overlay{position:absolute;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([layout=vertical]) .content--overlay{inset-block-start:0px;block-size:100%}:host([layout=horizontal]) .content--overlay{inset-inline-start:0px;inline-size:100%}:host([layout=vertical][position=start]) .content--overlay{inset-inline-start:100%;box-shadow:var(--calcite-shell-panel-shadow-inline-start-internal)}:host([layout=vertical][position=end]) .content--overlay{inset-inline-end:100%;box-shadow:var(--calcite-shell-panel-shadow-inline-end-internal)}:host([layout=horizontal][position=start]) .content--overlay{inset-block-start:100%;box-shadow:var(--calcite-shell-panel-shadow-block-start-internal)}:host([layout=horizontal][position=end]) .content--overlay{inset-block-end:100%;box-shadow:var(--calcite-shell-panel-shadow-block-end-internal)}.content--float{margin-inline:0.5rem;margin-block:0.5rem auto;block-size:auto;overflow:hidden;border-radius:0.25rem;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);max-block-size:var(--calcite-shell-panel-max-height-internal, calc(100% - 1rem))}.content--float ::slotted(calcite-panel),.content--float ::slotted(calcite-flow){max-block-size:unset}:host([layout=horizontal]) .content--float{margin-block:0.5rem}:host([position=start]) .content--float ::slotted(calcite-panel),:host([position=start]) .content--float ::slotted(calcite-flow),:host([position=end]) .content--float ::slotted(calcite-panel),:host([position=end]) .content--float ::slotted(calcite-flow){border-style:none}.content[hidden]{display:none}slot[name=action-bar]::slotted(calcite-action-bar),.content ::slotted(calcite-flow),.content ::slotted(calcite-panel:not([closed])){border-width:1px;border-style:solid;border-color:var(--calcite-color-border-3)}:host([position=start]:not([slot=panel-end])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start]:not([slot=panel-end])) .content ::slotted(calcite-flow),:host([position=start]:not([slot=panel-end])) .content ::slotted(calcite-panel),:host([position=end][slot=panel-start]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end][slot=panel-start]) .content ::slotted(calcite-flow),:host([position=end][slot=panel-start]) .content ::slotted(calcite-panel){border-inline-start:none}:host([position=end]:not([slot=panel-start])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-flow),:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-panel),:host([position=start][slot=panel-end]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start][slot=panel-end]) .content ::slotted(calcite-flow),:host([position=start][slot=panel-end]) .content ::slotted(calcite-panel){border-inline-end:none}:host([layout=horizontal]) slot[name=action-bar]::slotted(calcite-action-bar){border-inline:0}:host([layout=horizontal][position=start]) .content ::slotted(calcite-flow),:host([layout=horizontal][position=start]) .content ::slotted(calcite-panel){border-inline:0;border-block-start:0}:host([layout=horizontal][position=end]) .content ::slotted(calcite-flow),:host([layout=horizontal][position=end]) .content ::slotted(calcite-panel){border-inline:0;border-block-end:0}:host([hidden]){display:none}[hidden]{display:none}";const W=class{constructor(e){t(this,e);this.calciteInternalShellPanelResizeStart=i(this,"calciteInternalShellPanelResizeStart",6);this.calciteInternalShellPanelResizeEnd=i(this,"calciteInternalShellPanelResizeEnd",6);this.initialContentWidth=null;this.initialContentHeight=null;this.initialClientX=null;this.initialClientY=null;this.contentWidthMax=null;this.contentWidthMin=null;this.contentHeightMax=null;this.contentHeightMin=null;this.step=1;this.stepMultiplier=10;this.actionBars=[];this.storeContentEl=t=>{this.contentEl=t};this.getKeyAdjustedSize=t=>{const{key:e}=t;const{el:n,step:o,stepMultiplier:i,layout:a,contentWidthMin:l,contentWidthMax:s,initialContentWidth:r,initialContentHeight:c,contentHeightMin:h,contentHeightMax:p,position:x}=this;const u=o*i;const f=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","PageUp","PageDown"];if(f.indexOf(e)>-1){t.preventDefault()}const b=d(n);const w=["ArrowLeft","ArrowRight"];const m=["ArrowDown","ArrowUp"];const v=b==="rtl"&&w.includes(e)?-1:1;const g=a==="horizontal"?x==="end"?e===m[1]||e===w[0]:e===m[0]||e===w[1]:e===m[1]||(x==="end"?e===w[0]:e===w[1]);if(g){const e=t.shiftKey?u:o;return a==="horizontal"?c+v*e:r+v*e}const y=a==="horizontal"?x==="end"?e===m[0]||e===w[0]:e===m[1]||e===w[1]:e===m[0]||(x==="end"?e===w[1]:e===w[0]);if(y){const e=t.shiftKey?u:o;return a==="horizontal"?c-v*e:r-v*e}if(e==="Home"&&a==="horizontal"&&typeof h==="number"){return h}if(e==="Home"&&a==="vertical"&&typeof l==="number"){return l}if(e==="End"&&a==="horizontal"&&typeof p==="number"){return p}if(e==="End"&&a==="vertical"&&typeof s==="number"){return s}if(e==="PageDown"){return a==="horizontal"?c-u:r-u}if(e==="PageUp"){return a==="horizontal"?c+u:r+u}return null};this.initialKeydownWidth=t=>{this.setInitialContentWidth();const e=this.getKeyAdjustedSize(t);if(typeof e==="number"){this.setContentWidth(e)}};this.initialKeydownHeight=t=>{this.setInitialContentHeight();const e=this.getKeyAdjustedSize(t);if(typeof e==="number"){this.setContentHeight(e)}};this.separatorKeyDown=t=>{this.layout==="horizontal"?this.initialKeydownHeight(t):this.initialKeydownWidth(t)};this.separatorPointerMove=t=>{t.preventDefault();const{el:e,layout:n,initialContentWidth:o,initialContentHeight:i,position:a,initialClientX:l,initialClientY:s}=this;const r=n==="horizontal"?t.clientY-s:t.clientX-l;const c=n==="vertical"&&d(e)==="rtl"?-1:1;const h=n==="horizontal"?a==="end"?-c*r:c*r:a==="end"?-c*r:c*r;n==="horizontal"?this.setContentHeight(i+h):this.setContentWidth(o+h)};this.separatorPointerUp=t=>{if(!p(t)){return}this.calciteInternalShellPanelResizeEnd.emit();t.preventDefault();window.removeEventListener("pointerup",this.separatorPointerUp);window.removeEventListener("pointermove",this.separatorPointerMove)};this.setInitialContentHeight=()=>{this.initialContentHeight=this.contentEl?.getBoundingClientRect().height};this.setInitialContentWidth=()=>{this.initialContentWidth=this.contentEl?.getBoundingClientRect().width};this.separatorPointerDown=t=>{if(!p(t)){return}this.calciteInternalShellPanelResizeStart.emit();t.preventDefault();const{separatorEl:e}=this;e&&document.activeElement!==e&&e.focus();if(this.layout==="horizontal"){this.setInitialContentHeight();this.initialClientY=t.clientY}else{this.setInitialContentWidth();this.initialClientX=t.clientX}window.addEventListener("pointerup",this.separatorPointerUp);window.addEventListener("pointermove",this.separatorPointerMove)};this.connectSeparator=t=>{this.disconnectSeparator();this.separatorEl=t;t?.addEventListener("pointerdown",this.separatorPointerDown)};this.disconnectSeparator=()=>{this.separatorEl?.removeEventListener("pointerdown",this.separatorPointerDown)};this.setActionBarsLayout=t=>{t.forEach((t=>t.layout=this.layout))};this.handleActionBarSlotChange=t=>{const e=c(t).filter((t=>t?.matches("calcite-action-bar")));this.actionBars=e;this.setActionBarsLayout(e)};this.handleHeaderSlotChange=t=>{this.hasHeader=r(t)};this.collapsed=false;this.detached=false;this.displayMode="dock";this.detachedHeightScale=undefined;this.heightScale=undefined;this.widthScale="m";this.layout="vertical";this.position="start";this.resizable=false;this.messages=undefined;this.messageOverrides=undefined;this.contentWidth=null;this.contentHeight=null;this.defaultMessages=undefined;this.effectiveLocale="";this.hasHeader=false}handleDetached(t){if(t){this.displayMode="float"}else if(this.displayMode==="float"){this.displayMode="dock"}}handleDisplayMode(t){this.detached=t==="float"}handleDetachedHeightScale(t){this.heightScale=t}handleHeightScale(t){this.detachedHeightScale=t}layoutHandler(){this.setActionBarsLayout(this.actionBars)}onMessagesChange(){}connectedCallback(){l(this);x(this);b(this)}async componentWillLoad(){await w(this)}disconnectedCallback(){s(this);this.disconnectSeparator();u(this);m(this)}componentDidLoad(){this.updateAriaValues()}effectiveLocaleChange(){v(this,this.effectiveLocale)}renderHeader(){return e("div",{class:I.contentHeader,hidden:!this.hasHeader,key:"header"},e("slot",{name:A.header,onSlotchange:this.handleHeaderSlotChange}))}render(){const{collapsed:t,position:n,initialContentWidth:o,initialContentHeight:i,contentWidth:a,contentWidthMax:l,contentWidthMin:s,contentHeight:r,contentHeightMax:c,contentHeightMin:h,resizable:p,layout:x,displayMode:u}=this;const f=d(this.el);const b=u!=="float"&&p;const w=b?x==="horizontal"?r?{height:`${r}px`}:null:a?{width:`${a}px`}:null:null;const m=!t&&b?e("div",{"aria-label":this.messages.resize,"aria-orientation":x==="horizontal"?"vertical":"horizontal","aria-valuemax":x=="horizontal"?c:l,"aria-valuemin":x=="horizontal"?h:s,"aria-valuenow":x=="horizontal"?r??i:a??o,class:I.separator,key:"separator",onKeyDown:this.separatorKeyDown,role:"separator",tabIndex:0,"touch-action":"none",ref:this.connectSeparator}):null;const v=()=>{if(x==="horizontal"){return n==="start"?g.calciteAnimateInDown:g.calciteAnimateInUp}else{const t=f==="ltr"&&n==="end"||f==="rtl"&&n==="start";return t?g.calciteAnimateInLeft:g.calciteAnimateInRight}};const y=e("div",{class:{[g.rtl]:f==="rtl",[I.content]:true,[I.contentOverlay]:u==="overlay",[I.contentFloat]:u==="float",[g.calciteAnimate]:u==="overlay",[v()]:u==="overlay"},hidden:t,key:"content",style:w,ref:this.storeContentEl},this.renderHeader(),e("div",{class:I.contentBody},e("slot",null)),m);const z=e("slot",{key:"action-bar",name:A.actionBar,onSlotchange:this.handleActionBarSlotChange});const k=[z,y];if(n==="end"){k.reverse()}return e("div",{class:{[I.container]:true}},k)}setContentWidth(t){const{contentWidthMax:e,contentWidthMin:n}=this;const o=Math.round(t);this.contentWidth=typeof e==="number"&&typeof n==="number"?f(o,n,e):o}updateAriaValues(){const{contentEl:t}=this;const e=t&&getComputedStyle(t);if(!e){return}this.layout==="horizontal"?this.updateHeights(e):this.updateWidths(e);a(this)}setContentHeight(t){const{contentHeightMax:e,contentHeightMin:n}=this;const o=Math.round(t);this.contentHeight=typeof e==="number"&&typeof n==="number"?f(o,n,e):o}updateWidths(t){const e=parseInt(t.getPropertyValue("max-width"),10);const n=parseInt(t.getPropertyValue("min-width"),10);const o=parseInt(t.getPropertyValue("width"),10);if(typeof o==="number"&&!isNaN(o)){this.initialContentWidth=o}if(typeof e==="number"&&!isNaN(e)){this.contentWidthMax=e}if(typeof n==="number"&&!isNaN(n)){this.contentWidthMin=n}}updateHeights(t){const e=parseInt(t.getPropertyValue("max-height"),10);const n=parseInt(t.getPropertyValue("min-height"),10);const o=parseInt(t.getPropertyValue("height"),10);if(typeof o==="number"&&!isNaN(o)){this.initialContentHeight=o}if(typeof e==="number"&&!isNaN(e)){this.contentHeightMax=e}if(typeof n==="number"&&!isNaN(n)){this.contentHeightMin=n}}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{detached:["handleDetached"],displayMode:["handleDisplayMode"],detachedHeightScale:["handleDetachedHeightScale"],heightScale:["handleHeightScale"],layout:["layoutHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};W.style=E;export{C as calcite_shell,D as calcite_shell_center_row,W as calcite_shell_panel};
-//# sourceMappingURL=p-6e7e550c.entry.js.map

package/dist/calcite/p-6e7e550c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","main","content","contentBehind","contentNonInteractive","footer","positionedSlotWrapper","container","contentBehindCenterContent","SLOTS","centerRow","panelStart","panelEnd","panelTop","panelBottom","header","alerts","sheets","modals","shellCss","Shell","this","handleHeaderSlotChange","event","hasHeader","slotChangeHasAssignedElement","handleFooterSlotChange","hasFooter","handleAlertsSlotChange","hasAlerts","slotChangeGetAssignedElements","map","el","nodeName","slottedInShell","handleSheetsSlotChange","hasSheets","handleModalsSlotChange","hasModals","handleCalciteInternalShellPanelResizeStart","panelIsResizing","stopPropagation","handleCalciteInternalShellPanelResizeEnd","connectedCallback","connectConditionalSlotComponent","disconnectedCallback","disconnectConditionalSlotComponent","renderHeader","h","hidden","key","name","onSlotchange","renderFooter","class","renderAlerts","renderSheets","renderModals","renderContent","defaultSlotNode","defaultSlotContainerNode","deprecatedCenterRowSlotNode","panelBottomSlotNode","panelTopSlotNode","contentContainerKey","renderMain","renderPositionedSlots","render","Fragment","actionBarContainer","actionBar","shellCenterRowCss","ShellCenterRow","contentNode","getSlotted","actionBarNode","children","position","reverse","contentHeader","contentBody","contentFloat","contentOverlay","separator","shellPanelCss","ShellPanel","initialContentWidth","initialContentHeight","initialClientX","initialClientY","contentWidthMax","contentWidthMin","contentHeightMax","contentHeightMin","step","stepMultiplier","actionBars","storeContentEl","contentEl","getKeyAdjustedSize","layout","multipliedStep","MOVEMENT_KEYS","indexOf","preventDefault","dir","getElementDir","horizontalKeys","verticalKeys","directionFactor","includes","increaseKeys","stepValue","shiftKey","decreaseKeys","initialKeydownWidth","setInitialContentWidth","width","setContentWidth","initialKeydownHeight","setInitialContentHeight","height","setContentHeight","separatorKeyDown","separatorPointerMove","offset","clientY","clientX","adjustmentDirection","adjustedOffset","separatorPointerUp","isPrimaryPointerButton","calciteInternalShellPanelResizeEnd","emit","window","removeEventListener","getBoundingClientRect","separatorPointerDown","calciteInternalShellPanelResizeStart","separatorEl","document","activeElement","focus","addEventListener","connectSeparator","disconnectSeparator","setActionBarsLayout","forEach","handleActionBarSlotChange","filter","matches","handleDetached","value","displayMode","handleDisplayMode","detached","handleDetachedHeightScale","heightScale","handleHeightScale","detachedHeightScale","layoutHandler","onMessagesChange","connectLocalized","connectMessages","componentWillLoad","setUpMessages","disconnectLocalized","disconnectMessages","componentDidLoad","updateAriaValues","effectiveLocaleChange","updateMessages","effectiveLocale","collapsed","contentWidth","contentHeight","resizable","allowResizing","style","separatorNode","messages","resize","onKeyDown","role","tabIndex","ref","getAnimationDir","CSS_UTILITY","calciteAnimateInDown","calciteAnimateInUp","isStart","calciteAnimateInLeft","calciteAnimateInRight","rtl","calciteAnimate","mainNodes","roundedWidth","Math","round","clamp","computedStyle","getComputedStyle","updateHeights","updateWidths","forceUpdate","max","parseInt","getPropertyValue","min","valueNow","isNaN"],"sources":["src/components/shell/resources.ts","src/components/shell/shell.scss?tag=calcite-shell&encapsulation=shadow","src/components/shell/shell.tsx","src/components/shell-center-row/resources.ts","src/components/shell-center-row/shell-center-row.scss?tag=calcite-shell-center-row&encapsulation=shadow","src/components/shell-center-row/shell-center-row.tsx","src/components/shell-panel/resources.ts","src/components/shell-panel/shell-panel.scss?tag=calcite-shell-panel&encapsulation=shadow","src/components/shell-panel/shell-panel.tsx"],"sourcesContent":["export const CSS = {\n  main: \"main\",\n  content: \"content\",\n  contentBehind: \"content--behind\",\n  contentNonInteractive: \"content--non-interactive\",\n  footer: \"footer\",\n  positionedSlotWrapper: \"positioned-slot-wrapper\",\n  container: \"container\",\n  contentBehindCenterContent: \"center-content\",\n};\n\nexport const SLOTS = {\n  centerRow: \"center-row\",\n  panelStart: \"panel-start\",\n  panelEnd: \"panel-end\",\n  panelTop: \"panel-top\",\n  panelBottom: \"panel-bottom\",\n  header: \"header\",\n  footer: \"footer\",\n  alerts: \"alerts\",\n  sheets: \"sheets\",\n  modals: \"modals\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-shell-tip-spacing: The left and right spacing of the `calcite-tip-manager` when slotted in the component.\n */\n\n:host {\n  @extend %component-host;\n  @apply absolute\n    inset-0\n    flex\n    h-full\n    w-full\n    flex-col\n    overflow-hidden;\n  --calcite-shell-tip-spacing: 26vw;\n}\n\n.main {\n  @apply relative\n    flex\n    h-full\n    w-full\n    flex-auto\n    flex-row\n    justify-between\n    overflow-hidden;\n}\n\n.content,\n.content--non-interactive {\n  @apply flex\n    h-full\n    w-full\n    flex-col\n    flex-nowrap;\n}\n\n.content {\n  @apply overflow-auto;\n}\n\n.content ::slotted(calcite-shell-center-row),\n.content ::slotted(calcite-panel),\n.content ::slotted(calcite-flow) {\n  @apply flex-auto self-stretch;\n  max-block-size: unset;\n}\n\n.content--behind {\n  @apply absolute\n    inset-0\n    border-0;\n  z-index: calc(theme(\"zIndex.default\") - 1);\n  display: initial;\n}\n\n.content--non-interactive {\n  @apply pointer-events-none;\n}\n\n::slotted(calcite-shell-center-row) {\n  inline-size: unset;\n}\n\n::slotted(.header .heading) {\n  @apply text-n2-wrap font-normal;\n}\n\nslot[name=\"panel-end\"]::slotted(calcite-shell-panel) {\n  margin-inline-start: auto;\n}\n\n::slotted(calcite-panel),\n::slotted(calcite-flow) {\n  @apply border-color-3\n  border\n  border-l-0\n  border-r-0\n  border-solid;\n}\n\nslot[name=\"center-row\"]::slotted(calcite-shell-center-row:not([detached])),\nslot[name=\"panel-top\"]::slotted(calcite-shell-center-row:not([detached])),\nslot[name=\"panel-bottom\"]::slotted(calcite-shell-center-row:not([detached])) {\n  @apply border-color-3 border-l border-r;\n}\n\n.center-content {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  block-size: 100%;\n  inline-size: 100%;\n  min-inline-size: 0;\n}\n\n::slotted(calcite-shell-center-row) {\n  flex: none;\n  align-self: stretch;\n}\n\n::slotted(calcite-tip-manager) {\n  @apply shadow-2\n  animate-in-up\n  absolute\n  box-border\n  rounded\n  z-toast;\n  inset-block-end: theme(\"spacing.2\");\n  inset-inline: var(--calcite-shell-tip-spacing);\n}\n\nslot[name=\"center-row\"]::slotted(calcite-shell-center-row),\nslot[name=\"panel-bottom\"]::slotted(calcite-shell-center-row) {\n  margin-block-start: auto;\n}\n\nslot[name=\"panel-top\"]::slotted(calcite-shell-center-row) {\n  margin-block-end: auto;\n}\n\n// positioning logic for expected slotted components\n.position-wrapper {\n  position: absolute;\n  pointer-events: none;\n  inset: 0;\n}\n\n@include base-component();\n","import { Component, Element, Fragment, h, Listen, Prop, State, VNode } from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { slotChangeGetAssignedElements, slotChangeHasAssignedElement } from \"../../utils/dom\";\nimport { CSS, SLOTS } from \"./resources\";\n\n/**\n * @slot - A slot for adding custom content. This content will appear between any leading and trailing panels added to the component, such as a map.\n * @slot header - A slot for adding header content. This content will be positioned at the top of the component.\n * @slot footer - A slot for adding footer content. This content will be positioned at the bottom of the component.\n * @slot panel-start - A slot for adding the starting `calcite-shell-panel`.\n * @slot panel-end - A slot for adding the ending `calcite-shell-panel`.\n * @slot panel-top - A slot for adding the top `calcite-shell-center-row`.\n * @slot panel-bottom - A slot for adding the bottom `calcite-shell-center-row`.\n * @slot center-row - [Deprecated] Use the `\"panel-bottom\"` slot instead. A slot for adding the bottom `calcite-shell-center-row`.\n * @slot modals - A slot for adding `calcite-modal` components. When placed in this slot, the modal position will be constrained to the extent of the shell.\n * @slot alerts - A slot for adding `calcite-alert` components. When placed in this slot, the alert position will be constrained to the extent of the shell.\n * @slot sheets - A slot for adding `calcite-sheet` components. When placed in this slot, the sheet position will be constrained to the extent of the shell.\n */\n\n@Component({\n  tag: \"calcite-shell\",\n  styleUrl: \"shell.scss\",\n  shadow: true,\n})\nexport class Shell implements ConditionalSlotComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Positions the center content behind any `calcite-shell-panel`s.\n   */\n  @Prop({ reflect: true }) contentBehind = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalShellPanelResizeStart\")\n  handleCalciteInternalShellPanelResizeStart(event: CustomEvent<void>): void {\n    this.panelIsResizing = true;\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalShellPanelResizeEnd\")\n  handleCalciteInternalShellPanelResizeEnd(event: CustomEvent<void>): void {\n    this.panelIsResizing = false;\n    event.stopPropagation();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteShellElement;\n\n  @State() hasHeader = false;\n\n  @State() hasFooter = false;\n\n  @State() hasAlerts = false;\n\n  @State() hasModals = false;\n\n  @State() hasSheets = false;\n\n  @State() panelIsResizing = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  handleHeaderSlotChange = (event: Event): void => {\n    this.hasHeader = !!slotChangeHasAssignedElement(event);\n  };\n\n  handleFooterSlotChange = (event: Event): void => {\n    this.hasFooter = !!slotChangeHasAssignedElement(event);\n  };\n\n  handleAlertsSlotChange = (event: Event): void => {\n    this.hasAlerts = !!slotChangeHasAssignedElement(event);\n    slotChangeGetAssignedElements(event)?.map((el) => {\n      if (el.nodeName === \"CALCITE-ALERT\") {\n        (el as HTMLCalciteAlertElement).slottedInShell = true;\n      }\n    });\n  };\n\n  handleSheetsSlotChange = (event: Event): void => {\n    this.hasSheets = !!slotChangeHasAssignedElement(event);\n    slotChangeGetAssignedElements(event)?.map((el) => {\n      if (el.nodeName === \"CALCITE-SHEET\") {\n        (el as HTMLCalciteSheetElement).slottedInShell = true;\n      }\n    });\n  };\n\n  handleModalsSlotChange = (event: Event): void => {\n    this.hasModals = !!slotChangeHasAssignedElement(event);\n    slotChangeGetAssignedElements(event)?.map((el) => {\n      if (el.nodeName === \"CALCITE-MODAL\") {\n        (el as HTMLCalciteModalElement).slottedInShell = true;\n      }\n    });\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderHeader(): VNode {\n    return (\n      <div hidden={!this.hasHeader}>\n        <slot key=\"header\" name={SLOTS.header} onSlotchange={this.handleHeaderSlotChange} />\n      </div>\n    );\n  }\n\n  renderFooter(): VNode {\n    return (\n      <div class={CSS.footer} hidden={!this.hasFooter} key=\"footer\">\n        <slot name={SLOTS.footer} onSlotchange={this.handleFooterSlotChange} />\n      </div>\n    );\n  }\n\n  renderAlerts(): VNode {\n    return (\n      <div hidden={!this.hasAlerts}>\n        <slot key=\"alerts\" name={SLOTS.alerts} onSlotchange={this.handleAlertsSlotChange} />\n      </div>\n    );\n  }\n\n  renderSheets(): VNode {\n    return (\n      <div hidden={!this.hasSheets}>\n        <slot key=\"sheets\" name={SLOTS.sheets} onSlotchange={this.handleSheetsSlotChange} />\n      </div>\n    );\n  }\n\n  renderModals(): VNode {\n    return (\n      <div hidden={!this.hasModals}>\n        <slot key=\"modals\" name={SLOTS.modals} onSlotchange={this.handleModalsSlotChange} />\n      </div>\n    );\n  }\n\n  renderContent(): VNode[] {\n    const { panelIsResizing } = this;\n    const defaultSlotNode: VNode = <slot key=\"default-slot\" />;\n    const defaultSlotContainerNode = panelIsResizing ? (\n      <div class={CSS.contentNonInteractive}>{defaultSlotNode}</div>\n    ) : (\n      defaultSlotNode\n    );\n    const deprecatedCenterRowSlotNode: VNode = (\n      <slot key=\"center-row-slot\" name={SLOTS.centerRow} />\n    );\n    const panelBottomSlotNode: VNode = <slot key=\"panel-bottom-slot\" name={SLOTS.panelBottom} />;\n    const panelTopSlotNode: VNode = <slot key=\"panel-top-slot\" name={SLOTS.panelTop} />;\n\n    const contentContainerKey = \"content-container\";\n\n    const content = !!this.contentBehind\n      ? [\n          <div\n            class={{\n              [CSS.content]: true,\n              [CSS.contentBehind]: true,\n            }}\n            key={contentContainerKey}\n          >\n            {defaultSlotContainerNode}\n          </div>,\n          <div class={CSS.contentBehindCenterContent}>\n            {panelTopSlotNode}\n            {panelBottomSlotNode}\n            {deprecatedCenterRowSlotNode}\n          </div>,\n        ]\n      : [\n          <div class={CSS.content} key={contentContainerKey}>\n            {panelTopSlotNode}\n            {defaultSlotContainerNode}\n            {panelBottomSlotNode}\n            {deprecatedCenterRowSlotNode}\n          </div>,\n        ];\n\n    return content;\n  }\n\n  renderMain(): VNode {\n    return (\n      <div class={CSS.main}>\n        <slot name={SLOTS.panelStart} />\n        {this.renderContent()}\n        <slot name={SLOTS.panelEnd} />\n      </div>\n    );\n  }\n\n  renderPositionedSlots(): VNode {\n    return (\n      <div class={CSS.positionedSlotWrapper}>\n        {this.renderAlerts()}\n        {this.renderModals()}\n        {this.renderSheets()}\n      </div>\n    );\n  }\n\n  render(): VNode {\n    return (\n      <Fragment>\n        {this.renderHeader()}\n        {this.renderMain()}\n        {this.renderFooter()}\n        {this.renderPositionedSlots()}\n      </Fragment>\n    );\n  }\n}\n","export const CSS = {\n  actionBarContainer: \"action-bar-container\",\n  content: \"content\",\n};\n\nexport const SLOTS = {\n  actionBar: \"action-bar\",\n};\n",":host {\n  @extend %component-host;\n  @apply flex\n    flex-auto\n    overflow-hidden\n    bg-transparent\n    z-default;\n}\n\n.content {\n  @apply m-0\n    flex\n    h-full\n    w-full\n    overflow-hidden;\n  flex: 1 0 0;\n}\n\n.action-bar-container {\n  @apply flex;\n}\n\n:host([detached]) {\n  @apply shadow-0\n  animate-in-up\n  mx-2\n  mt-2 mb-6 rounded\n  border-0;\n}\n\n:host([position=\"end\"]) {\n  @apply self-end;\n}\n\n:host([position=\"start\"]) {\n  @apply self-start;\n}\n\n:host([height-scale=\"s\"]) {\n  block-size: theme(\"width[1/3]\");\n}\n\n:host([height-scale=\"m\"]) {\n  block-size: 70%;\n}\n\n:host([height-scale=\"l\"]) {\n  @apply h-full;\n}\n\n:host([height-scale=\"l\"][detached]) {\n  block-size: calc(theme(\"height.full\") - theme(\"spacing.8\"));\n}\n\n::slotted(calcite-panel) {\n  @apply h-full w-full;\n}\n\n::slotted(calcite-action-bar),\n::slotted(calcite-action-bar[position=\"end\"]) {\n  border-inline-end: theme(\"borderWidth.DEFAULT\") solid;\n  @apply border-color-3;\n}\n\n@include base-component();\n","import { Component, Element, Fragment, h, Prop, VNode } from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { getSlotted } from \"../../utils/dom\";\nimport { Position, Scale } from \"../interfaces\";\nimport { CSS, SLOTS } from \"./resources\";\n\n/**\n * @slot - A slot for adding content to the `calcite-shell-panel`.\n * @slot action-bar - A slot for adding a `calcite-action-bar` to the `calcite-shell-panel`.\n */\n@Component({\n  tag: \"calcite-shell-center-row\",\n  styleUrl: \"shell-center-row.scss\",\n  shadow: true,\n})\nexport class ShellCenterRow implements ConditionalSlotComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, the content area displays like a floating panel.\n   */\n  @Prop({ reflect: true }) detached = false;\n\n  /**\n   * Specifies the maximum height of the component.\n   */\n  @Prop({ reflect: true }) heightScale: Scale = \"s\";\n\n  /**\n   * Specifies the component's position. Will be flipped when the element direction is right-to-left (`\"rtl\"`).\n   */\n  @Prop({ reflect: true }) position: Position = \"end\";\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteShellCenterRowElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const { el } = this;\n\n    const contentNode = (\n      <div class={CSS.content}>\n        <slot />\n      </div>\n    );\n\n    const actionBar = getSlotted<HTMLCalciteActionBarElement>(el, SLOTS.actionBar);\n\n    const actionBarNode = actionBar ? (\n      <div class={CSS.actionBarContainer} key=\"action-bar\">\n        <slot name={SLOTS.actionBar} />\n      </div>\n    ) : null;\n\n    const children: VNode[] = [actionBarNode, contentNode];\n\n    if (actionBar?.position === \"end\") {\n      children.reverse();\n    }\n\n    return <Fragment>{children}</Fragment>;\n  }\n}\n","export const CSS = {\n  container: \"container\",\n  content: \"content\",\n  contentHeader: \"content__header\",\n  contentBody: \"content__body\",\n  contentFloat: \"content--float\",\n  contentOverlay: \"content--overlay\",\n  separator: \"separator\",\n};\n\nexport const SLOTS = {\n  actionBar: \"action-bar\",\n  header: \"header\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-shell-panel-width: Specifies the width of the component.\n * @prop --calcite-shell-panel-max-width: Specifies the maximum width of the component.\n * @prop --calcite-shell-panel-min-width: Specifies the minimum width of the component.\n * @prop --calcite-shell-panel-height: When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float`, specifies the height of the component.\n * @prop --calcite-shell-panel-max-height: When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float`, specifies the maximum height of the component.\n * @prop --calcite-shell-panel-min-height: When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float`, specifies the minimum height of the component.\n * @prop --calcite-shell-panel-detached-max-height: [Deprecated] Use the `heightScale` property instead. When `displayMode` is `float`, specifies the maximum height of the component.\n * @prop --calcite-shell-panel-z-index: Specifies the z-index value for the component.\n *\n */\n\n:host {\n  @apply relative\n    pointer-events-none\n    flex\n    flex-initial\n    items-stretch;\n  z-index: var(--calcite-shell-panel-z-index, theme(\"zIndex.default\"));\n  --calcite-shell-panel-detached-max-height: unset;\n  --calcite-shell-panel-max-height: unset;\n  --calcite-shell-panel-shadow-block-start-internal: 0 4px 8px -1px rgba(0, 0, 0, 0.08),\n    0 2px 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-shell-panel-shadow-block-end-internal: 0 -4px 8px -1px rgba(0, 0, 0, 0.08),\n    0 -2px 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-shell-panel-shadow-inline-start-internal: 4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    2px 0 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-shell-panel-shadow-inline-end-internal: -4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    -2px 0 4px -1px rgba(0, 0, 0, 0.04);\n}\n\n.calcite--rtl.content--overlay {\n  --calcite-shell-panel-shadow-inline-start-internal: -4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    -2px 0 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-shell-panel-shadow-inline-end-internal: 4px 0 8px -1px rgba(0, 0, 0, 0.08),\n    2px 0 4px -1px rgba(0, 0, 0, 0.04);\n}\n\n:host([layout=\"vertical\"]) {\n  z-index: var(--calcite-shell-panel-z-index, calc(theme(\"zIndex.default\") + 1));\n}\n\n:host([layout=\"vertical\"][display-mode=\"overlay\"]) {\n  z-index: var(--calcite-shell-panel-z-index, calc(theme(\"zIndex.header\") + 1));\n}\n\n:host([layout=\"vertical\"][width-scale=\"s\"]) .content {\n  --calcite-shell-panel-width-internal: var(--calcite-shell-panel-width, 12vw);\n  --calcite-shell-panel-max-width-internal: var(--calcite-shell-panel-max-width, 300px);\n  --calcite-shell-panel-min-width-internal: var(--calcite-shell-panel-min-width, 150px);\n}\n\n:host([layout=\"vertical\"][width-scale=\"m\"]) .content {\n  --calcite-shell-panel-width-internal: var(--calcite-shell-panel-width, 20vw);\n  --calcite-shell-panel-max-width-internal: var(--calcite-shell-panel-max-width, 420px);\n  --calcite-shell-panel-min-width-internal: var(--calcite-shell-panel-min-width, 240px);\n}\n\n:host([layout=\"vertical\"][width-scale=\"l\"]) .content {\n  --calcite-shell-panel-width-internal: var(--calcite-shell-panel-width, 45vw);\n  --calcite-shell-panel-max-width-internal: var(--calcite-shell-panel-max-width, 680px);\n  --calcite-shell-panel-min-width-internal: var(--calcite-shell-panel-min-width, 340px);\n}\n\n:host([layout=\"horizontal\"][height-scale=\"s\"]) .content {\n  --calcite-shell-panel-max-height-internal: var(\n    --calcite-shell-panel-max-height,\n    var(--calcite-shell-panel-detached-max-height, 20vh)\n  );\n}\n\n:host([layout=\"horizontal\"]) .content {\n  --calcite-shell-panel-min-height-internal: var(--calcite-shell-panel-min-height, 5vh);\n  --calcite-shell-panel-max-height-internal: var(\n    --calcite-shell-panel-max-height,\n    var(--calcite-shell-panel-detached-max-height, 30vh)\n  );\n}\n\n:host([layout=\"horizontal\"][height-scale=\"l\"]) .content {\n  --calcite-shell-panel-max-height-internal: var(\n    --calcite-shell-panel-max-height,\n    var(--calcite-shell-panel-detached-max-height, 40vh)\n  );\n}\n\n.container {\n  @apply text-color-2\n  text-n1\n  pointer-events-none\n  box-border\n  flex\n  flex-auto\n  items-stretch\n  bg-transparent;\n\n  * {\n    @apply box-border;\n  }\n}\n\n:host([layout=\"horizontal\"]) .container {\n  flex-direction: column;\n}\n\n:host(:hover),\n:host(:focus-within) {\n  .separator:not(:hover):not(:focus) {\n    @apply opacity-100;\n    background-color: var(--calcite-color-border-3);\n  }\n}\n\n.separator {\n  @apply transition-default\n  pointer-events-auto\n  absolute\n  flex\n  bg-transparent\n  opacity-0;\n  cursor: col-resize;\n  outline: none;\n  &:hover {\n    @apply opacity-100;\n    background-color: var(--calcite-color-border-2);\n  }\n  &:focus {\n    @apply bg-brand opacity-100;\n  }\n}\n\n:host([layout=\"vertical\"]) .separator {\n  @apply bottom-0\n  top-0 h-full\n  w-0.5;\n  cursor: col-resize;\n}\n\n:host([layout=\"horizontal\"][position=\"start\"]) .separator {\n  @apply bottom-0;\n}\n\n:host([layout=\"horizontal\"][position=\"end\"]) .separator {\n  @apply top-0;\n}\n\n:host([layout=\"horizontal\"]) .separator {\n  @apply right-0 w-full\n  h-0.5;\n  cursor: row-resize;\n}\n\n:host([layout=\"vertical\"][position=\"start\"]) .separator {\n  inset-inline-end: -2px;\n}\n:host([layout=\"horizontal\"][position=\"start\"]) .separator {\n  inset-block-end: -2px;\n}\n\n:host([layout=\"vertical\"][position=\"end\"]) .separator {\n  inset-inline-start: -2px;\n}\n:host([layout=\"horizontal\"][position=\"end\"]) .separator {\n  inset-block-start: -2px;\n}\n\n::slotted(calcite-panel),\n::slotted(calcite-flow) {\n  @apply h-full w-full flex-auto;\n  max-block-size: unset;\n  max-inline-size: unset;\n}\n\n::slotted(.calcite-match-height) {\n  @apply flex flex-auto overflow-hidden;\n}\n\n.content {\n  @apply bg-background\n  pointer-events-auto\n  flex\n  flex-col\n  flex-nowrap\n  items-stretch\n  self-stretch\n  p-0;\n  transition:\n    max-block-size var(--calcite-animation-timing),\n    max-inline-size var(--calcite-animation-timing);\n}\n\n:host([layout=\"vertical\"]) .content {\n  inline-size: var(--calcite-shell-panel-width-internal);\n  max-inline-size: var(--calcite-shell-panel-max-width-internal);\n  min-inline-size: var(--calcite-shell-panel-min-width-internal);\n}\n\n:host([layout=\"horizontal\"]) .content {\n  block-size: var(--calcite-shell-panel-height-internal);\n  max-block-size: var(--calcite-shell-panel-max-height-internal);\n  min-block-size: var(--calcite-shell-panel-min-height-internal);\n}\n\n.content__header {\n  @apply flex\n  flex-initial\n  flex-col\n  flex-nowrap\n  items-stretch;\n}\n\n.content__body {\n  @apply flex\n  flex-auto\n  flex-col\n  overflow-hidden;\n}\n\n.content--overlay {\n  @apply absolute\n  shadow-0;\n}\n\n:host([layout=\"vertical\"]) .content--overlay {\n  @apply top-0 h-full;\n}\n\n:host([layout=\"horizontal\"]) .content--overlay {\n  @apply left-0 w-full;\n}\n\n:host([layout=\"vertical\"][position=\"start\"]) .content--overlay {\n  inset-inline-start: 100%;\n  box-shadow: var(--calcite-shell-panel-shadow-inline-start-internal);\n}\n\n:host([layout=\"vertical\"][position=\"end\"]) .content--overlay {\n  inset-inline-end: 100%;\n  box-shadow: var(--calcite-shell-panel-shadow-inline-end-internal);\n}\n\n:host([layout=\"horizontal\"][position=\"start\"]) .content--overlay {\n  inset-block-start: 100%;\n  box-shadow: var(--calcite-shell-panel-shadow-block-start-internal);\n}\n\n:host([layout=\"horizontal\"][position=\"end\"]) .content--overlay {\n  inset-block-end: 100%;\n  box-shadow: var(--calcite-shell-panel-shadow-block-end-internal);\n}\n\n.content--float {\n  @apply shadow-0\n  mx-2\n  mt-2\n  mb-auto\n  h-auto\n  overflow-hidden\n  rounded;\n  max-block-size: var(--calcite-shell-panel-max-height-internal, calc(100% - 1rem));\n  ::slotted(calcite-panel),\n  ::slotted(calcite-flow) {\n    max-block-size: unset;\n  }\n}\n\n:host([layout=\"horizontal\"]) .content--float {\n  @apply my-2;\n}\n\n:host([position=\"start\"]) .content--float,\n:host([position=\"end\"]) .content--float {\n  ::slotted(calcite-panel),\n  ::slotted(calcite-flow) {\n    @apply border-none;\n  }\n}\n\n.content[hidden] {\n  @apply hidden;\n}\n\nslot[name=\"action-bar\"]::slotted(calcite-action-bar),\n.content ::slotted(calcite-flow),\n.content ::slotted(calcite-panel:not([closed])) {\n  @apply border-color-3 border border-solid;\n}\n\n:host([position=\"start\"]:not([slot=\"panel-end\"])),\n:host([position=\"end\"][slot=\"panel-start\"]) {\n  slot[name=\"action-bar\"]::slotted(calcite-action-bar),\n  .content ::slotted(calcite-flow),\n  .content ::slotted(calcite-panel) {\n    border-inline-start: none;\n  }\n}\n\n:host([position=\"end\"]:not([slot=\"panel-start\"])),\n:host([position=\"start\"][slot=\"panel-end\"]) {\n  slot[name=\"action-bar\"]::slotted(calcite-action-bar),\n  .content ::slotted(calcite-flow),\n  .content ::slotted(calcite-panel) {\n    border-inline-end: none;\n  }\n}\n\n:host([layout=\"horizontal\"]) slot[name=\"action-bar\"]::slotted(calcite-action-bar) {\n  border-inline: 0;\n}\n\n:host([layout=\"horizontal\"][position=\"start\"]) .content ::slotted(calcite-flow),\n:host([layout=\"horizontal\"][position=\"start\"]) .content ::slotted(calcite-panel) {\n  border-inline: 0;\n  border-block-start: 0;\n}\n\n:host([layout=\"horizontal\"][position=\"end\"]) .content ::slotted(calcite-flow),\n:host([layout=\"horizontal\"][position=\"end\"]) .content ::slotted(calcite-panel) {\n  border-inline: 0;\n  border-block-end: 0;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  forceUpdate,\n  h,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport {\n  getElementDir,\n  isPrimaryPointerButton,\n  slotChangeGetAssignedElements,\n  slotChangeHasAssignedElement,\n} from \"../../utils/dom\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport { clamp } from \"../../utils/math\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Layout, Position, Scale } from \"../interfaces\";\nimport { ShellPanelMessages } from \"./assets/shell-panel/t9n\";\nimport { CSS, SLOTS } from \"./resources\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport { DisplayMode } from \"./interfaces\";\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 */\n@Component({\n  tag: \"calcite-shell-panel\",\n  styleUrl: \"shell-panel.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class ShellPanel implements ConditionalSlotComponent, LocalizedComponent, T9nComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, hides the component's content area.\n   */\n  @Prop({ reflect: true }) collapsed = false;\n\n  /**\n   * When `true`, the content area displays like a floating panel.\n   *\n   * @deprecated Use `displayMode` instead.\n   */\n  @Prop({ reflect: true }) detached = false;\n\n  @Watch(\"detached\")\n  handleDetached(value: boolean): void {\n    if (value) {\n      this.displayMode = \"float\";\n    } else if (this.displayMode === \"float\") {\n      this.displayMode = \"dock\";\n    }\n  }\n\n  /**\n   * Specifies the display mode - `\"dock\"` (full height, displays adjacent to center content), `\"float\"` (not full height, content is separated detached from `calcite-action-bar`, displays on top of center content),\n   * or `\"overlay\"` (full height, displays on top of center content).\n   */\n  @Prop({ reflect: true }) displayMode: DisplayMode = \"dock\";\n\n  @Watch(\"displayMode\")\n  handleDisplayMode(value: DisplayMode): void {\n    this.detached = value === \"float\";\n  }\n\n  /**\n   * When `displayMode` is `float`, specifies the maximum height of the component.\n   *\n   * @deprecated Use `heightScale` instead.\n   */\n  @Prop({ reflect: true }) detachedHeightScale: Scale;\n\n  @Watch(\"detachedHeightScale\")\n  handleDetachedHeightScale(value: Scale): void {\n    this.heightScale = value;\n  }\n\n  /**\n   * When `layout` is `horizontal`, specifies the maximum height of the component.\n   */\n  @Prop({ reflect: true }) heightScale: Scale;\n\n  @Watch(\"heightScale\")\n  handleHeightScale(value: Scale): void {\n    this.detachedHeightScale = value;\n  }\n\n  /**\n   * When `layout` is `vertical`, specifies the width of the component.\n   */\n\n  @Prop({ reflect: true }) widthScale: Scale = \"m\";\n\n  /**\n   *  The direction of the component.\n   */\n  @Prop({ reflect: true }) layout: Extract<\"horizontal\" | \"vertical\", Layout> = \"vertical\";\n\n  @Watch(\"layout\")\n  layoutHandler(): void {\n    this.setActionBarsLayout(this.actionBars);\n  }\n\n  /**\n   * Specifies the component's position. Will be flipped when the element direction is right-to-left (`\"rtl\"`).\n   */\n  @Prop({ reflect: true }) position: Position = \"start\";\n\n  /**\n   * When `true` and `displayMode` is not `float`, the component's content area is resizable.\n   */\n  @Prop({ reflect: true }) resizable = false;\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: ShellPanelMessages;\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<ShellPanelMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n    this.disconnectSeparator();\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  componentDidLoad(): void {\n    this.updateAriaValues();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteShellPanelElement;\n\n  @State() contentWidth: number = null;\n\n  @State() contentHeight: number = null;\n\n  initialContentWidth: number = null;\n\n  initialContentHeight: number = null;\n\n  initialClientX: number = null;\n\n  initialClientY: number = null;\n\n  contentEl: HTMLDivElement;\n\n  separatorEl: HTMLDivElement;\n\n  contentWidthMax: number = null;\n\n  contentWidthMin: number = null;\n\n  contentHeightMax: number = null;\n\n  contentHeightMin: number = null;\n\n  step = 1;\n\n  stepMultiplier = 10;\n\n  actionBars: HTMLCalciteActionBarElement[] = [];\n\n  @State() defaultMessages: ShellPanelMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() hasHeader = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalShellPanelResizeStart: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalShellPanelResizeEnd: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n  renderHeader(): VNode {\n    return (\n      <div class={CSS.contentHeader} hidden={!this.hasHeader} key=\"header\">\n        <slot name={SLOTS.header} onSlotchange={this.handleHeaderSlotChange} />\n      </div>\n    );\n  }\n\n  render(): VNode {\n    const {\n      collapsed,\n      position,\n      initialContentWidth,\n      initialContentHeight,\n      contentWidth,\n      contentWidthMax,\n      contentWidthMin,\n      contentHeight,\n      contentHeightMax,\n      contentHeightMin,\n      resizable,\n      layout,\n      displayMode,\n    } = this;\n\n    const dir = getElementDir(this.el);\n\n    const allowResizing = displayMode !== \"float\" && resizable;\n\n    const style = allowResizing\n      ? layout === \"horizontal\"\n        ? contentHeight\n          ? { height: `${contentHeight}px` }\n          : null\n        : contentWidth\n          ? { width: `${contentWidth}px` }\n          : null\n      : null;\n\n    const separatorNode =\n      !collapsed && allowResizing ? (\n        <div\n          aria-label={this.messages.resize}\n          aria-orientation={layout === \"horizontal\" ? \"vertical\" : \"horizontal\"}\n          aria-valuemax={layout == \"horizontal\" ? contentHeightMax : contentWidthMax}\n          aria-valuemin={layout == \"horizontal\" ? contentHeightMin : contentWidthMin}\n          aria-valuenow={\n            layout == \"horizontal\"\n              ? contentHeight ?? initialContentHeight\n              : contentWidth ?? initialContentWidth\n          }\n          class={CSS.separator}\n          key=\"separator\"\n          onKeyDown={this.separatorKeyDown}\n          role=\"separator\"\n          tabIndex={0}\n          touch-action=\"none\"\n          // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n          ref={this.connectSeparator}\n        />\n      ) : null;\n\n    const getAnimationDir = (): string => {\n      if (layout === \"horizontal\") {\n        return position === \"start\"\n          ? CSS_UTILITY.calciteAnimateInDown\n          : CSS_UTILITY.calciteAnimateInUp;\n      } else {\n        const isStart =\n          (dir === \"ltr\" && position === \"end\") || (dir === \"rtl\" && position === \"start\");\n        return isStart ? CSS_UTILITY.calciteAnimateInLeft : CSS_UTILITY.calciteAnimateInRight;\n      }\n    };\n\n    const contentNode = (\n      <div\n        class={{\n          [CSS_UTILITY.rtl]: dir === \"rtl\",\n          [CSS.content]: true,\n          [CSS.contentOverlay]: displayMode === \"overlay\",\n          [CSS.contentFloat]: displayMode === \"float\",\n          [CSS_UTILITY.calciteAnimate]: displayMode === \"overlay\",\n          [getAnimationDir()]: displayMode === \"overlay\",\n        }}\n        hidden={collapsed}\n        key=\"content\"\n        style={style}\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={this.storeContentEl}\n      >\n        {this.renderHeader()}\n        <div class={CSS.contentBody}>\n          <slot />\n        </div>\n        {separatorNode}\n      </div>\n    );\n\n    const actionBarNode = (\n      <slot key=\"action-bar\" name={SLOTS.actionBar} onSlotchange={this.handleActionBarSlotChange} />\n    );\n\n    const mainNodes = [actionBarNode, contentNode];\n\n    if (position === \"end\") {\n      mainNodes.reverse();\n    }\n\n    return <div class={{ [CSS.container]: true }}>{mainNodes}</div>;\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  setContentWidth(width: number): void {\n    const { contentWidthMax, contentWidthMin } = this;\n\n    const roundedWidth = Math.round(width);\n\n    this.contentWidth =\n      typeof contentWidthMax === \"number\" && typeof contentWidthMin === \"number\"\n        ? clamp(roundedWidth, contentWidthMin, contentWidthMax)\n        : roundedWidth;\n  }\n\n  updateAriaValues(): void {\n    const { contentEl } = this;\n    const computedStyle = contentEl && getComputedStyle(contentEl);\n\n    if (!computedStyle) {\n      return;\n    }\n\n    this.layout === \"horizontal\"\n      ? this.updateHeights(computedStyle)\n      : this.updateWidths(computedStyle);\n\n    forceUpdate(this);\n  }\n\n  setContentHeight(height: number): void {\n    const { contentHeightMax, contentHeightMin } = this;\n\n    const roundedWidth = Math.round(height);\n\n    this.contentHeight =\n      typeof contentHeightMax === \"number\" && typeof contentHeightMin === \"number\"\n        ? clamp(roundedWidth, contentHeightMin, contentHeightMax)\n        : roundedWidth;\n  }\n\n  updateWidths(computedStyle: CSSStyleDeclaration): void {\n    const max = parseInt(computedStyle.getPropertyValue(\"max-width\"), 10);\n    const min = parseInt(computedStyle.getPropertyValue(\"min-width\"), 10);\n    const valueNow = parseInt(computedStyle.getPropertyValue(\"width\"), 10);\n\n    if (typeof valueNow === \"number\" && !isNaN(valueNow)) {\n      this.initialContentWidth = valueNow;\n    }\n\n    if (typeof max === \"number\" && !isNaN(max)) {\n      this.contentWidthMax = max;\n    }\n\n    if (typeof min === \"number\" && !isNaN(min)) {\n      this.contentWidthMin = min;\n    }\n  }\n\n  updateHeights(computedStyle: CSSStyleDeclaration): void {\n    const max = parseInt(computedStyle.getPropertyValue(\"max-height\"), 10);\n    const min = parseInt(computedStyle.getPropertyValue(\"min-height\"), 10);\n    const valueNow = parseInt(computedStyle.getPropertyValue(\"height\"), 10);\n\n    if (typeof valueNow === \"number\" && !isNaN(valueNow)) {\n      this.initialContentHeight = valueNow;\n    }\n\n    if (typeof max === \"number\" && !isNaN(max)) {\n      this.contentHeightMax = max;\n    }\n\n    if (typeof min === \"number\" && !isNaN(min)) {\n      this.contentHeightMin = min;\n    }\n  }\n\n  storeContentEl = (contentEl: HTMLDivElement): void => {\n    this.contentEl = contentEl;\n  };\n\n  getKeyAdjustedSize = (event: KeyboardEvent): number | null => {\n    const { key } = event;\n    const {\n      el,\n      step,\n      stepMultiplier,\n      layout,\n      contentWidthMin,\n      contentWidthMax,\n      initialContentWidth,\n      initialContentHeight,\n      contentHeightMin,\n      contentHeightMax,\n      position,\n    } = this;\n    const multipliedStep = step * stepMultiplier;\n\n    const MOVEMENT_KEYS = [\n      \"ArrowUp\",\n      \"ArrowDown\",\n      \"ArrowLeft\",\n      \"ArrowRight\",\n      \"Home\",\n      \"End\",\n      \"PageUp\",\n      \"PageDown\",\n    ];\n\n    if (MOVEMENT_KEYS.indexOf(key) > -1) {\n      event.preventDefault();\n    }\n\n    const dir = getElementDir(el);\n\n    const horizontalKeys = [\"ArrowLeft\", \"ArrowRight\"];\n    const verticalKeys = [\"ArrowDown\", \"ArrowUp\"];\n    const directionFactor = dir === \"rtl\" && horizontalKeys.includes(key) ? -1 : 1;\n\n    const increaseKeys =\n      layout === \"horizontal\"\n        ? position === \"end\"\n          ? key === verticalKeys[1] || key === horizontalKeys[0]\n          : key === verticalKeys[0] || key === horizontalKeys[1]\n        : key === verticalKeys[1] ||\n          (position === \"end\" ? key === horizontalKeys[0] : key === horizontalKeys[1]);\n\n    if (increaseKeys) {\n      const stepValue = event.shiftKey ? multipliedStep : step;\n\n      return layout === \"horizontal\"\n        ? initialContentHeight + directionFactor * stepValue\n        : initialContentWidth + directionFactor * stepValue;\n    }\n\n    const decreaseKeys =\n      layout === \"horizontal\"\n        ? position === \"end\"\n          ? key === verticalKeys[0] || key === horizontalKeys[0]\n          : key === verticalKeys[1] || key === horizontalKeys[1]\n        : key === verticalKeys[0] ||\n          (position === \"end\" ? key === horizontalKeys[1] : key === horizontalKeys[0]);\n\n    if (decreaseKeys) {\n      const stepValue = event.shiftKey ? multipliedStep : step;\n\n      return layout === \"horizontal\"\n        ? initialContentHeight - directionFactor * stepValue\n        : initialContentWidth - directionFactor * stepValue;\n    }\n\n    if (key === \"Home\" && layout === \"horizontal\" && typeof contentHeightMin === \"number\") {\n      return contentHeightMin;\n    }\n\n    if (key === \"Home\" && layout === \"vertical\" && typeof contentWidthMin === \"number\") {\n      return contentWidthMin;\n    }\n\n    if (key === \"End\" && layout === \"horizontal\" && typeof contentHeightMax === \"number\") {\n      return contentHeightMax;\n    }\n\n    if (key === \"End\" && layout === \"vertical\" && typeof contentWidthMax === \"number\") {\n      return contentWidthMax;\n    }\n\n    if (key === \"PageDown\") {\n      return layout === \"horizontal\"\n        ? initialContentHeight - multipliedStep\n        : initialContentWidth - multipliedStep;\n    }\n\n    if (key === \"PageUp\") {\n      return layout === \"horizontal\"\n        ? initialContentHeight + multipliedStep\n        : initialContentWidth + multipliedStep;\n    }\n\n    return null;\n  };\n\n  initialKeydownWidth = (event: KeyboardEvent): void => {\n    this.setInitialContentWidth();\n    const width = this.getKeyAdjustedSize(event);\n\n    if (typeof width === \"number\") {\n      this.setContentWidth(width);\n    }\n  };\n\n  initialKeydownHeight = (event: KeyboardEvent): void => {\n    this.setInitialContentHeight();\n    const height = this.getKeyAdjustedSize(event);\n\n    if (typeof height === \"number\") {\n      this.setContentHeight(height);\n    }\n  };\n\n  separatorKeyDown = (event: KeyboardEvent): void => {\n    this.layout === \"horizontal\"\n      ? this.initialKeydownHeight(event)\n      : this.initialKeydownWidth(event);\n  };\n\n  separatorPointerMove = (event: PointerEvent): void => {\n    event.preventDefault();\n\n    const {\n      el,\n      layout,\n      initialContentWidth,\n      initialContentHeight,\n      position,\n      initialClientX,\n      initialClientY,\n    } = this;\n\n    const offset =\n      layout === \"horizontal\" ? event.clientY - initialClientY : event.clientX - initialClientX;\n\n    const adjustmentDirection = layout === \"vertical\" && getElementDir(el) === \"rtl\" ? -1 : 1;\n\n    const adjustedOffset =\n      layout === \"horizontal\"\n        ? position === \"end\"\n          ? -adjustmentDirection * offset\n          : adjustmentDirection * offset\n        : position === \"end\"\n          ? -adjustmentDirection * offset\n          : adjustmentDirection * offset;\n\n    layout === \"horizontal\"\n      ? this.setContentHeight(initialContentHeight + adjustedOffset)\n      : this.setContentWidth(initialContentWidth + adjustedOffset);\n  };\n\n  separatorPointerUp = (event: PointerEvent): void => {\n    if (!isPrimaryPointerButton(event)) {\n      return;\n    }\n\n    this.calciteInternalShellPanelResizeEnd.emit();\n\n    event.preventDefault();\n    window.removeEventListener(\"pointerup\", this.separatorPointerUp);\n    window.removeEventListener(\"pointermove\", this.separatorPointerMove);\n  };\n\n  setInitialContentHeight = (): void => {\n    this.initialContentHeight = this.contentEl?.getBoundingClientRect().height;\n  };\n\n  setInitialContentWidth = (): void => {\n    this.initialContentWidth = this.contentEl?.getBoundingClientRect().width;\n  };\n\n  separatorPointerDown = (event: PointerEvent): void => {\n    if (!isPrimaryPointerButton(event)) {\n      return;\n    }\n\n    this.calciteInternalShellPanelResizeStart.emit();\n\n    event.preventDefault();\n    const { separatorEl } = this;\n\n    separatorEl && document.activeElement !== separatorEl && separatorEl.focus();\n\n    if (this.layout === \"horizontal\") {\n      this.setInitialContentHeight();\n      this.initialClientY = event.clientY;\n    } else {\n      this.setInitialContentWidth();\n      this.initialClientX = event.clientX;\n    }\n\n    window.addEventListener(\"pointerup\", this.separatorPointerUp);\n    window.addEventListener(\"pointermove\", this.separatorPointerMove);\n  };\n\n  connectSeparator = (separatorEl: HTMLDivElement): void => {\n    this.disconnectSeparator();\n    this.separatorEl = separatorEl;\n    separatorEl?.addEventListener(\"pointerdown\", this.separatorPointerDown);\n  };\n\n  disconnectSeparator = (): void => {\n    this.separatorEl?.removeEventListener(\"pointerdown\", this.separatorPointerDown);\n  };\n\n  setActionBarsLayout = (actionBars: HTMLCalciteActionBarElement[]): void => {\n    actionBars.forEach((actionBar) => (actionBar.layout = this.layout));\n  };\n\n  handleActionBarSlotChange = (event: Event): void => {\n    const actionBars = slotChangeGetAssignedElements(event).filter(\n      (el) => el?.matches(\"calcite-action-bar\"),\n    ) as HTMLCalciteActionBarElement[];\n\n    this.actionBars = actionBars;\n    this.setActionBarsLayout(actionBars);\n  };\n\n  handleHeaderSlotChange = (event: Event): void => {\n    this.hasHeader = slotChangeHasAssignedElement(event);\n  };\n}\n"],"mappings":"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"}

package/dist/calcite/p-6e9cc6fa.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.15
- */
-import{r as t,f as e,h as a,g as n}from"./p-1609a2ed.js";import{s as o,r,f as i}from"./p-0f904abe.js";import{c,d as l,u as s,I as d}from"./p-e6f66f43.js";import{c as p,d as u,g as h}from"./p-aa2b189b.js";import{s as b,a as v,c as g}from"./p-1f65b4c9.js";import{c as f,d as k}from"./p-7f921e0d.js";import{c as m}from"./p-ed73004f.js";import{g as x}from"./p-ab234d30.js";import{c as w,d as y,s as z,u as j}from"./p-4b4872d1.js";import{t as C}from"./p-18559159.js";import"./p-667b9cf1.js";import"./p-3e165cab.js";import"./p-d9fa9e51.js";import"./p-651aa282.js";const L={buttonLoader:"calcite-button--loader",content:"content",contentSlotted:"content--slotted",icon:"icon",iconStart:"icon--start",iconEnd:"icon--end",loadingIn:"loading-in",loadingOut:"loading-out",iconStartEmpty:"icon-start-empty",iconEndEmpty:"icon-end-empty",buttonPadding:"button-padding",buttonPaddingShrunk:"button-padding--shrunk"};const E=":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:inline-block;inline-size:auto;vertical-align:middle}:host([round]){border-radius:50px}:host([round]) a,:host([round]) button{border-radius:50px}:host button,:host a{outline-color:transparent}:host button:focus,:host a:focus{outline:2px solid 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 button,:host a{--calcite-button-content-margin-internal:0.5rem;--calcite-button-padding-x-internal:7px;--calcite-button-padding-y-internal:3px;padding-block:var(--calcite-button-padding-y-internal);padding-inline:var(--calcite-button-padding-x-internal);position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;-webkit-user-select:none;user-select:none;appearance:none;align-items:center;justify-content:center;border-radius:0px;border-style:none;text-align:center;font-family:inherit;font-weight:var(--calcite-font-weight-normal);text-decoration-line:none;transition:color var(--calcite-animation-timing) ease-in-out, background-color var(--calcite-animation-timing) ease-in-out, box-shadow var(--calcite-animation-timing) ease-in-out, outline-color var(--calcite-internal-animation-timing-fast) ease-in-out}:host button:hover,:host a:hover{text-decoration-line:none}:host button span,:host a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{margin-inline:var(--calcite-button-content-margin-internal)}.icon-start-empty .content{margin-inline-start:unset}.icon-end-empty .content{margin-inline-end:unset}:host([scale=m]) button,:host([scale=m]) a{--calcite-button-content-margin-internal:0.75rem}:host([scale=l]) button,:host([scale=l]) a{--calcite-button-content-margin-internal:1rem}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}:host([alignment=center]:not([width=auto])) a,:host([alignment=center]:not([width=auto])) button{justify-content:center}:host([alignment=start]:not([width=auto])) a,:host([alignment=start]:not([width=auto])) button{justify-content:flex-start}:host([alignment=end]:not([width=auto])) a,:host([alignment=end]:not([width=auto])) button{justify-content:flex-end}:host([alignment*=space-between]:not([width=auto])) a,:host([alignment*=space-between]:not([width=auto])) button{justify-content:space-between}:host([alignment=icon-start-space-between]:not([width=auto])) .icon--start{margin-inline-end:auto}:host([alignment=icon-start-space-between]:not([width=auto])) a,:host([alignment=icon-start-space-between]:not([width=auto])) button{text-align:unset}:host([alignment=icon-end-space-between]:not([width=auto])) .icon--end{margin-inline-start:auto}:host([alignment=icon-end-space-between]:not([width=auto])) a,:host([alignment=icon-end-space-between]:not([width=auto])) button{text-align:unset}:host([alignment=center]) a:not(.content--slotted) .icon--start+.icon--end,:host([alignment=center]) button:not(.content--slotted) .icon--start+.icon--end{margin-inline-start:var(--calcite-button-content-margin-internal)}.icon{position:relative;margin:0px;display:inline-flex;font-weight:var(--calcite-font-weight-normal);line-height:inherit}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}@keyframes loader-in{0%{inline-size:0;opacity:0;transform:scale(0.5)}100%{inline-size:1em;opacity:1;transform:scale(1)}}@keyframes loader-out{0%{inline-size:1em;opacity:1;transform:scale(1)}100%{inline-size:0;opacity:0;transform:scale(0.5)}}.calcite-button--loader{display:flex}.calcite-button--loader calcite-loader{margin:0px;transition:inline-size var(--calcite-internal-animation-timing-slow) ease-in-out, opacity var(--calcite-internal-animation-timing-slow) ease-in-out, transform var(--calcite-internal-animation-timing-slow) ease-in-out}.calcite-button--loader calcite-loader.loading-in{animation-name:loader-in;animation-duration:var(--calcite-internal-animation-timing-slow)}.calcite-button--loader calcite-loader.loading-out{animation-name:loader-out;animation-duration:var(--calcite-internal-animation-timing-slow)}:host([loading]) button.content--slotted .calcite-button--loader calcite-loader,:host([loading]) a.content--slotted .calcite-button--loader calcite-loader{margin-inline-end:var(--calcite-button-content-margin-internal)}:host([loading]) button:not(.content--slotted) .icon--start,:host([loading]) button:not(.content--slotted) .icon--end,:host([loading]) a:not(.content--slotted) .icon--start,:host([loading]) a:not(.content--slotted) .icon--end{display:none}:host([appearance]) button,:host([appearance]) a{border-width:1px;border-style:solid;border-color:transparent}:host([kind=brand]) button,:host([kind=brand]) a{background-color:var(--calcite-color-brand);color:var(--calcite-color-text-inverse)}:host([kind=brand]) button:hover,:host([kind=brand]) button:focus,:host([kind=brand]) a:hover,:host([kind=brand]) a:focus{background-color:var(--calcite-color-brand-hover)}:host([kind=brand]) button:active,:host([kind=brand]) a:active{background-color:var(--calcite-color-brand-press)}:host([kind=brand]) button calcite-loader,:host([kind=brand]) a calcite-loader{color:var(--calcite-color-text-inverse)}:host([kind=danger]) button,:host([kind=danger]) a{background-color:var(--calcite-color-status-danger);color:var(--calcite-color-text-inverse)}:host([kind=danger]) button:hover,:host([kind=danger]) button:focus,:host([kind=danger]) a:hover,:host([kind=danger]) a:focus{background-color:var(--calcite-color-status-danger-hover)}:host([kind=danger]) button:active,:host([kind=danger]) a:active{background-color:var(--calcite-color-status-danger-press)}:host([kind=danger]) button calcite-loader,:host([kind=danger]) a calcite-loader{color:var(--calcite-color-text-inverse)}:host([kind=neutral]) button,:host([kind=neutral]) a{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}:host([kind=neutral]) button:hover,:host([kind=neutral]) button:focus,:host([kind=neutral]) a:hover,:host([kind=neutral]) a:focus{background-color:var(--calcite-color-foreground-2)}:host([kind=neutral]) button:active,:host([kind=neutral]) a:active{background-color:var(--calcite-color-foreground-1)}:host([kind=neutral]) button calcite-loader,:host([kind=neutral]) a calcite-loader{color:var(--calcite-color-text-1)}:host([kind=inverse]) button,:host([kind=inverse]) a{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse)}:host([kind=inverse]) button:hover,:host([kind=inverse]) button:focus,:host([kind=inverse]) a:hover,:host([kind=inverse]) a:focus{background-color:var(--calcite-color-inverse-hover)}:host([kind=inverse]) button:active,:host([kind=inverse]) a:active{background-color:var(--calcite-color-inverse-press)}:host([kind=inverse]) button calcite-loader,:host([kind=inverse]) a calcite-loader{color:var(--calcite-color-text-inverse)}:host([appearance=outline-fill]) button,:host([appearance=outline-fill]) a{border-width:1px;border-style:solid;background-color:var(--calcite-color-foreground-1);box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline-fill][kind=brand]) button,:host([appearance=outline-fill][kind=brand]) a{border-color:var(--calcite-color-brand);background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-brand)}:host([appearance=outline-fill][kind=brand]) button:hover,:host([appearance=outline-fill][kind=brand]) a:hover{border-color:var(--calcite-color-brand-hover);color:var(--calcite-color-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-brand-hover)}:host([appearance=outline-fill][kind=brand]) button:focus,:host([appearance=outline-fill][kind=brand]) a:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-brand);box-shadow:inset 0 0 0 2px var(--calcite-color-brand)}:host([appearance=outline-fill][kind=brand]) button:active,:host([appearance=outline-fill][kind=brand]) a:active{border-color:var(--calcite-color-brand-press);color:var(--calcite-color-brand-press);box-shadow:inset 0 0 0 2px var(--calcite-color-brand-press)}:host([appearance=outline-fill][kind=brand]) button calcite-loader,:host([appearance=outline-fill][kind=brand]) a calcite-loader{color:var(--calcite-color-brand)}:host([appearance=outline-fill][kind=danger]) button,:host([appearance=outline-fill][kind=danger]) a{border-color:var(--calcite-color-status-danger);background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-status-danger)}:host([appearance=outline-fill][kind=danger]) button:hover,:host([appearance=outline-fill][kind=danger]) a:hover{border-color:var(--calcite-color-status-danger-hover);color:var(--calcite-color-status-danger-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-status-danger-hover)}:host([appearance=outline-fill][kind=danger]) button:focus,:host([appearance=outline-fill][kind=danger]) a:focus{border-color:var(--calcite-color-status-danger);color:var(--calcite-color-status-danger);box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger)}:host([appearance=outline-fill][kind=danger]) button:active,:host([appearance=outline-fill][kind=danger]) a:active{border-color:var(--calcite-color-status-danger-press);color:var(--calcite-color-status-danger-press);box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger-press)}:host([appearance=outline-fill][kind=danger]) button calcite-loader,:host([appearance=outline-fill][kind=danger]) a calcite-loader{color:var(--calcite-color-status-danger)}:host([appearance=outline-fill][kind=neutral]) button,:host([appearance=outline-fill][kind=neutral]) a{background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1);border-color:var(--calcite-color-border-1)}:host([appearance=outline-fill][kind=neutral]) button:hover,:host([appearance=outline-fill][kind=neutral]) a:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}:host([appearance=outline-fill][kind=neutral]) button:focus,:host([appearance=outline-fill][kind=neutral]) a:focus{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-3)}:host([appearance=outline-fill][kind=neutral]) button:active,:host([appearance=outline-fill][kind=neutral]) a:active{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-3)}:host([appearance=outline-fill][kind=neutral]) button calcite-loader,:host([appearance=outline-fill][kind=neutral]) a calcite-loader{color:var(--calcite-color-text-1)}:host([appearance=outline-fill][kind=inverse]) button,:host([appearance=outline-fill][kind=inverse]) a{background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1);border-color:var(--calcite-color-inverse)}:host([appearance=outline-fill][kind=inverse]) button:hover,:host([appearance=outline-fill][kind=inverse]) a:hover{border-color:var(--calcite-color-inverse-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-inverse-hover)}:host([appearance=outline-fill][kind=inverse]) button:focus,:host([appearance=outline-fill][kind=inverse]) a:focus{border-color:var(--calcite-color-inverse);box-shadow:inset 0 0 0 2px var(--calcite-color-inverse)}:host([appearance=outline-fill][kind=inverse]) button:active,:host([appearance=outline-fill][kind=inverse]) a:active{border-color:var(--calcite-color-inverse-press);box-shadow:inset 0 0 0 2px var(--calcite-color-inverse-press)}:host([appearance=outline-fill][kind=inverse]) button calcite-loader,:host([appearance=outline-fill][kind=inverse]) a calcite-loader{color:var(--calcite-color-text-1)}:host([appearance=outline]) button,:host([appearance=outline]) a{border-width:1px;border-style:solid;background-color:transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline][kind=brand]) button,:host([appearance=outline][kind=brand]) a{border-color:var(--calcite-color-brand);background-color:transparent;color:var(--calcite-color-brand)}:host([appearance=outline][kind=brand]) button:hover,:host([appearance=outline][kind=brand]) a:hover{border-color:var(--calcite-color-brand-hover);color:var(--calcite-color-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-brand-hover)}:host([appearance=outline][kind=brand]) button:focus,:host([appearance=outline][kind=brand]) a:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-brand);box-shadow:inset 0 0 0 2px var(--calcite-color-brand)}:host([appearance=outline][kind=brand]) button:active,:host([appearance=outline][kind=brand]) a:active{border-color:var(--calcite-color-brand-press);color:var(--calcite-color-brand-press);box-shadow:inset 0 0 0 2px var(--calcite-color-brand-press)}:host([appearance=outline][kind=brand]) button calcite-loader,:host([appearance=outline][kind=brand]) a calcite-loader{color:var(--calcite-color-brand)}:host([appearance=outline][kind=danger]) button,:host([appearance=outline][kind=danger]) a{border-color:var(--calcite-color-status-danger);background-color:transparent;color:var(--calcite-color-status-danger)}:host([appearance=outline][kind=danger]) button:hover,:host([appearance=outline][kind=danger]) a:hover{border-color:var(--calcite-color-status-danger-hover);color:var(--calcite-color-status-danger-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-status-danger-hover)}:host([appearance=outline][kind=danger]) button:focus,:host([appearance=outline][kind=danger]) a:focus{border-color:var(--calcite-color-status-danger);color:var(--calcite-color-status-danger);box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger)}:host([appearance=outline][kind=danger]) button:active,:host([appearance=outline][kind=danger]) a:active{border-color:var(--calcite-color-status-danger-press);color:var(--calcite-color-status-danger-press);box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger-press)}:host([appearance=outline][kind=danger]) button calcite-loader,:host([appearance=outline][kind=danger]) a calcite-loader{color:var(--calcite-color-status-danger)}:host([appearance=outline][kind=neutral]) button,:host([appearance=outline][kind=neutral]) a{background-color:transparent;color:var(--calcite-color-text-1);border-color:var(--calcite-color-border-1)}:host([appearance=outline][kind=neutral]) button:hover,:host([appearance=outline][kind=neutral]) a:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}:host([appearance=outline][kind=neutral]) button:focus,:host([appearance=outline][kind=neutral]) a:focus{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-3)}:host([appearance=outline][kind=neutral]) button:active,:host([appearance=outline][kind=neutral]) a:active{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-3)}:host([appearance=outline][kind=neutral]) button calcite-loader,:host([appearance=outline][kind=neutral]) a calcite-loader{color:var(--calcite-color-text-1)}:host([appearance=outline][kind=inverse]) button,:host([appearance=outline][kind=inverse]) a{background-color:transparent;color:var(--calcite-color-text-1);border-color:var(--calcite-color-inverse)}:host([appearance=outline][kind=inverse]) button:hover,:host([appearance=outline][kind=inverse]) a:hover{border-color:var(--calcite-color-inverse-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-inverse-hover)}:host([appearance=outline][kind=inverse]) button:focus,:host([appearance=outline][kind=inverse]) a:focus{border-color:var(--calcite-color-inverse);box-shadow:inset 0 0 0 2px var(--calcite-color-inverse)}:host([appearance=outline][kind=inverse]) button:active,:host([appearance=outline][kind=inverse]) a:active{border-color:var(--calcite-color-inverse-press);box-shadow:inset 0 0 0 2px var(--calcite-color-inverse-press)}:host([appearance=outline][kind=inverse]) button calcite-loader,:host([appearance=outline][kind=inverse]) a calcite-loader{color:var(--calcite-color-text-1)}:host([appearance=outline-fill][split-child=primary]) button,:host([appearance=outline][split-child=primary]) button{border-inline-end-width:0;border-inline-start-width:1px}:host([appearance=outline-fill][split-child=secondary]) button,:host([appearance=outline][split-child=secondary]) button{border-inline-start-width:0;border-inline-end-width:1px}:host([appearance=transparent]:not(.enable-editing-button)) button,:host([appearance=transparent]:not(.enable-editing-button)) a{background-color:transparent}:host([appearance=transparent]:not(.enable-editing-button)) button:hover,:host([appearance=transparent]:not(.enable-editing-button)) button:focus,:host([appearance=transparent]:not(.enable-editing-button)) a:hover,:host([appearance=transparent]:not(.enable-editing-button)) a:focus{background-color:var(--calcite-color-transparent-hover)}:host([appearance=transparent]:not(.enable-editing-button)) button:active,:host([appearance=transparent]:not(.enable-editing-button)) a:active{background-color:var(--calcite-color-transparent-press)}:host([appearance=transparent][kind=brand]) button,:host([appearance=transparent][kind=brand]) a{color:var(--calcite-color-brand)}:host([appearance=transparent][kind=brand]) button:hover,:host([appearance=transparent][kind=brand]) a:hover{color:var(--calcite-color-brand-hover)}:host([appearance=transparent][kind=brand]) button:focus,:host([appearance=transparent][kind=brand]) a:focus{color:var(--calcite-color-brand)}:host([appearance=transparent][kind=brand]) button:active,:host([appearance=transparent][kind=brand]) a:active{color:var(--calcite-color-brand-press)}:host([appearance=transparent][kind=brand]) button calcite-loader,:host([appearance=transparent][kind=brand]) a calcite-loader{color:var(--calcite-color-brand)}:host([appearance=transparent][kind=danger]) button,:host([appearance=transparent][kind=danger]) a{color:var(--calcite-color-status-danger)}:host([appearance=transparent][kind=danger]) button:hover,:host([appearance=transparent][kind=danger]) a:hover{color:var(--calcite-color-status-danger-hover)}:host([appearance=transparent][kind=danger]) button:focus,:host([appearance=transparent][kind=danger]) a:focus{color:var(--calcite-color-status-danger)}:host([appearance=transparent][kind=danger]) button:active,:host([appearance=transparent][kind=danger]) a:active{color:var(--calcite-color-status-danger-press)}:host([appearance=transparent][kind=danger]) button calcite-loader,:host([appearance=transparent][kind=danger]) a calcite-loader{color:var(--calcite-color-status-danger)}:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) button,:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) a,:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) calcite-loader{color:var(--calcite-color-text-1)}:host([appearance=transparent][kind=neutral].cancel-editing-button) button{border-block-start-width:1px;border-block-end-width:1px;color:var(--calcite-color-text-3);border-block-start-color:var(--calcite-color-border-input);border-block-end-color:var(--calcite-color-border-input);border-block-style:solid}:host([appearance=transparent][kind=neutral].cancel-editing-button) button:not(.content--slotted){--calcite-button-padding-y-internal:0}:host([appearance=transparent][kind=neutral].cancel-editing-button) button:hover{color:var(--calcite-color-text-1)}:host([appearance=transparent][kind=neutral].enable-editing-button) button{background-color:transparent}:host(.confirm-changes-button) button:focus,:host(.cancel-editing-button) button:focus,:host(.enable-editing-button) button:focus{outline-offset:-2px}:host([appearance=transparent][kind=inverse]) button,:host([appearance=transparent][kind=inverse]) a,:host([appearance=transparent][kind=inverse]) calcite-loader{color:var(--calcite-color-text-inverse)}:host([scale=s]) button.content--slotted,:host([scale=s]) a.content--slotted{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s][appearance=transparent]) button.content--slotted,:host([scale=s][appearance=transparent]) a.content--slotted{--calcite-button-padding-x-internal:0.5rem}:host([scale=s]) button,:host([scale=s]) a{--calcite-button-padding-y-internal:3px}:host([scale=m]) button.content--slotted,:host([scale=m]) a.content--slotted{--calcite-button-padding-x-internal:11px;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) button,:host([scale=m]) a{--calcite-button-padding-y-internal:7px}:host([scale=m][appearance=transparent]) button.content--slotted,:host([scale=m][appearance=transparent]) a.content--slotted{--calcite-button-padding-x-internal:0.75rem}:host([scale=l]) button.content--slotted,:host([scale=l]) a.content--slotted{--calcite-button-padding-x-internal:15px;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .button-padding{--calcite-button-padding-x-internal:1rem;--calcite-button-padding-y-internal:11px}:host([scale=l]) .button-padding--shrunk{--calcite-button-padding-y-internal:9px}:host([scale=s]) button:not(.content--slotted),:host([scale=s]) a:not(.content--slotted){--calcite-button-padding-x-internal:0.125rem;--calcite-button-padding-y-internal:3px;inline-size:1.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:1.5rem}:host([scale=m]) button:not(.content--slotted),:host([scale=m]) a:not(.content--slotted){--calcite-button-padding-x-internal:0.125rem;--calcite-button-padding-y-internal:7px;inline-size:2rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:2rem}:host([scale=l]) button:not(.content--slotted),:host([scale=l]) a:not(.content--slotted){--calcite-button-padding-x-internal:0.125rem;--calcite-button-padding-y-internal:9px;inline-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:2.75rem}:host([scale=l][appearance=transparent]) button:not(.content--slotted),:host([scale=l][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-y-internal:0.625rem}:host([scale=s][icon-start][icon-end]) button:not(.content--slotted),:host([scale=s][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x-internal:23px;block-size:1.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=s][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=s][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x-internal:1.5rem}:host([scale=m][icon-start][icon-end]) button:not(.content--slotted),:host([scale=m][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x-internal:2rem;block-size:2rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=m][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=m][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x-internal:33px}:host([scale=l][icon-start][icon-end]) button:not(.content--slotted),:host([scale=l][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x-internal:43px;block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l][icon-start][icon-end]) button:not(.content--slotted) .icon--start+.icon--end,:host([scale=l][icon-start][icon-end]) a:not(.content--slotted) .icon--start+.icon--end{margin-inline-start:1rem}:host([scale=l][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=l][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x-internal:2.75rem}:host([hidden]){display:none}[hidden]{display:none}";const S=class{constructor(e){t(this,e);this.mutationObserver=m("mutation",(()=>this.updateHasContent()));this.resizeObserver=m("resize",(()=>this.setTooltipText()));this.handleClick=()=>{const{type:t}=this;if(this.href){return}if(t==="submit"){o(this)}else if(t==="reset"){r(this)}};this.setTooltipText=()=>{const{contentEl:t}=this;if(t){this.tooltipText=t.offsetWidth<t.scrollWidth?this.el.innerText||null:null}};this.setChildEl=t=>{this.childEl=t;if(t){this.resizeObserver?.observe(t)}};this.alignment="center";this.appearance="solid";this.label=undefined;this.kind="brand";this.disabled=false;this.form=undefined;this.href=undefined;this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.loading=false;this.name=undefined;this.rel=undefined;this.round=false;this.scale="m";this.splitChild=false;this.target=undefined;this.type="button";this.width="auto";this.messages=undefined;this.messageOverrides=undefined;this.hasContent=false;this.hasLoader=false;this.effectiveLocale="";this.defaultMessages=undefined;this.tooltipText=undefined}handleGlobalAttributesChanged(){e(this)}loadingChanged(t,e){if(!!t&&!e){this.hasLoader=true}if(!t&&!!e){window.setTimeout((()=>{this.hasLoader=false}),300)}}onMessagesChange(){}async connectedCallback(){c(this);f(this);w(this);this.hasLoader=this.loading;this.setupTextContentObserver();p(this);this.formEl=i(this)}disconnectedCallback(){this.mutationObserver?.disconnect();l(this);u(this);k(this);y(this);this.resizeObserver?.disconnect();this.formEl=null}async componentWillLoad(){b(this);{this.updateHasContent();await z(this)}}componentDidLoad(){v(this);this.setTooltipText()}componentDidRender(){s(this)}render(){const t=this.href?"a":"button";const e=t;const n=this.hasLoader?a("div",{class:L.buttonLoader},a("calcite-loader",{class:this.loading?L.loadingIn:L.loadingOut,inline:true,label:this.messages.loading,scale:this.scale==="l"?"m":"s"})):null;const o=!this.iconStart&&!this.iconEnd;const r=a("calcite-icon",{class:{[L.icon]:true,[L.iconStart]:true},flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:x(this.scale)});const i=a("calcite-icon",{class:{[L.icon]:true,[L.iconEnd]:true},flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:x(this.scale)});const c=a("span",{class:L.content,ref:t=>this.contentEl=t},a("slot",null));return a(d,{disabled:this.disabled},a(e,{"aria-disabled":t==="a"?C(this.disabled||this.loading):null,"aria-expanded":this.el.getAttribute("aria-expanded"),"aria-label":!this.loading?h(this):this.messages.loading,"aria-live":"polite",class:{[L.buttonPadding]:o,[L.buttonPaddingShrunk]:!o,[L.contentSlotted]:this.hasContent,[L.iconStartEmpty]:!this.iconStart,[L.iconEndEmpty]:!this.iconEnd},disabled:t==="button"?this.disabled||this.loading:null,href:t==="a"&&this.href,name:t==="button"&&this.name,onClick:this.handleClick,rel:t==="a"&&this.rel,tabIndex:this.disabled?-1:null,target:t==="a"&&this.target,title:this.tooltipText,type:t==="button"&&this.type,ref:this.setChildEl},n,this.iconStart?r:null,this.hasContent?c:null,this.iconEnd?i:null))}async setFocus(){await g(this);this.childEl?.focus()}effectiveLocaleChange(){j(this,this.effectiveLocale)}updateHasContent(){const t=this.el.textContent.trim().length>0||this.el.childNodes.length>0;this.hasContent=this.el.childNodes.length===1&&this.el.childNodes[0]?.nodeName==="#text"?this.el.textContent?.trim().length>0:t}setupTextContentObserver(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}onLabelClick(){this.handleClick();this.setFocus()}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{"aria-expanded":["handleGlobalAttributesChanged"],loading:["loadingChanged"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};S.style=E;export{S as calcite_button};
-//# sourceMappingURL=p-6e9cc6fa.entry.js.map