@esri/calcite-components 3.0.0-next.99 → 3.0.0

package/dist/calcite/D26RI2OE.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.99
-*/
-import{F as n}from"./XDGCDDNX.js";var l="calcite-list",o="calcite-list-item-group",i="calcite-list-item";function r(s){let t=s.parentElement?.closest(i);t&&(t.open=!0,r(t))}function f(s){let t=s.assignedElements({flatten:!0}),e=t.filter(a=>a?.matches(o)).map(a=>Array.from(a.querySelectorAll(i))).flat(),c=t.filter(a=>a?.matches(i));return{lists:t.filter(a=>a?.matches(l)),items:e.concat(c)}}function u(s){let t=s.assignedElements({flatten:!0}).filter(e=>e?.matches(i));t.forEach(e=>{e.setPosition=t.indexOf(e)+1,e.setSize=t.length})}function h(s,t=!1){if(!n())return 0;let e=t?"ancestor::calcite-list-item | ancestor::calcite-list-item-group":"ancestor::calcite-list-item";return document.evaluate(e,s,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null).snapshotLength}export{l as a,o as b,i as c,r as d,f as e,u as f,h as g};

package/dist/calcite/DCAWR655.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.99
-*/
-import{i as r,l as s,m as i,q as o}from"./XDGCDDNX.js";var c=s(class extends i{constructor(){super(...arguments),this.key=r}render(t,e){return this.key=t,e}update(t,[e,a]){return e!==this.key&&(o(t),this.key=e),a}});export{c as a};

package/dist/calcite/DSYDJ57C.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.99
-*/
-import{a as T,b as q}from"./MRVEUN2O.js";import{a as m}from"./DCAWR655.js";import{a as r}from"./IUBUCDD6.js";import"./JFBHBHJE.js";import{a as E,b as M}from"./CTQ5YHOP.js";import{e as I,o as z,r as p,u as A,v as w}from"./QIOSM7C2.js";import"./OJ5D52RG.js";import{B as s,I as $,d as g,e as c,i as x,u as C,v as y,w as i,z as S}from"./XDGCDDNX.js";var n={actionsEnd:"actions-end",bulletPointIcon:"bullet-point",checkbox:"checkbox",checkboxContainer:"checkbox-container",checkboxLabel:"checkbox-label",checkmarkIcon:"checkmark",chevron:"chevron",childrenContainer:"children-container",iconStart:"icon-start",itemExpanded:"item--expanded",nodeAndActionsContainer:"node-actions-container",nodeContainer:"node-container"},R={actionsEnd:"actions-end",children:"children"},a={blank:"blank",bulletPoint:"bullet-point",checkmark:"check",checkSquareF:"check-square-f",chevronRight:"chevron-right",minusSquareF:"minus-square-f",square:"square"},V=g`: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([scale=s]){--calcite-internal-tree-item-spacing-unit: .25rem;--calcite-internal-tree-item-padding-block: .25rem;--calcite-internal-tree-item-children-container-padding: 1.25rem;--calcite-internal-tree-item-line-left-position: .75rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-internal-tree-item-spacing-unit: .5rem;--calcite-internal-tree-item-padding-block: .5rem;--calcite-internal-tree-item-children-container-padding: 1.5rem;--calcite-internal-tree-item-line-left-position: 1rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-internal-tree-item-spacing-unit: .75rem;--calcite-internal-tree-item-padding-block: .625rem;--calcite-internal-tree-item-children-container-padding: 2.25rem;--calcite-internal-tree-item-line-left-position: 1.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{display:block;max-inline-size:100%;cursor:pointer;color:var(--calcite-color-text-3)}:host .children-container ::slotted(*){padding-inline-start:var(--calcite-internal-tree-item-children-container-padding)}.node-actions-container{display:flex}.node-actions-container .node-container,.node-actions-container .checkbox-container{gap:var(--calcite-internal-tree-item-spacing-unit)}.node-actions-container .node-container{padding-inline:var(--calcite-internal-tree-item-spacing-unit);padding-block:var(--calcite-internal-tree-item-padding-block)}:host([calcite-hydrated-hidden]){visibility:hidden!important;pointer-events:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([lines]) .children-container:after{position:absolute;inset-block-start:0px;z-index:var(--calcite-z-index);inline-size:1px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;block-size:100%;left:var(--calcite-internal-tree-item-line-left-position);content:"";background-color:var(--calcite-color-border-2)}:host(:not([lines])) .node-container:after{display:none}::slotted(*){min-inline-size:0px;max-inline-size:100%;overflow-wrap:break-word;color:inherit;text-decoration:none!important}::slotted(*):hover{text-decoration:none!important}::slotted(a){inline-size:100%;text-decoration-line:none}:host{outline:2px solid transparent;outline-offset:2px}:host .node-container{outline-color:transparent}:host:focus .node-container,:host:active .node-container{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host(:focus:not([disabled])) .node-container{outline:2px solid transparent;outline-offset:2px;outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host(:focus:not([disabled])) .checkbox{outline:2px solid transparent;outline-offset:2px}.actions-end{display:flex;flex-direction:row;align-items:center;align-self:stretch}.checkbox-container{display:flex;align-items:center}.checkbox{line-height:0;color:var(--calcite-color-border-input)}.checkbox-label{pointer-events:none;display:flex;align-items:center}.children-container{position:relative;block-size:0px;transform-origin:top;overflow:hidden;opacity:0;transform:scaleY(0);transition:var(--calcite-animation-timing) cubic-bezier(.215,.44,.42,.88),opacity var(--calcite-animation-timing) cubic-bezier(.215,.44,.42,.88),all var(--calcite-animation-timing) ease-in-out}.item--expanded>.children-container{overflow:visible;opacity:1;transform:none;block-size:auto}.node-container{position:relative;display:flex;min-inline-size:0px;flex-grow:1;align-items:center}.node-container .checkmark,.node-container .bullet-point{opacity:0;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;color:var(--calcite-color-border-1)}.node-container:hover .checkmark,.node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark,:host([selected]) .node-container:hover .bullet-point,:host(:focus:not([disabled])) .node-container .checkmark,:host(:focus:not([disabled])) .node-container .bullet-point{opacity:1}:host([selected]) .node-container,:host([selected]) .node-container:hover{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}:host([selected]) .node-container .bullet-point,:host([selected]) .node-container .checkmark,:host([selected]) .node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark{opacity:1;color:var(--calcite-color-brand)}:host([has-children]) .node-container .bullet-point,:host([has-children]) .node-container .checkmark{display:none}.chevron{position:relative;align-self:center;color:var(--calcite-color-text-3);transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;flex:0 0 auto;transform:rotate(0)}.calcite--rtl .chevron{transform:rotate(180deg)}.item--expanded .node-container>.chevron{transform:rotate(90deg)}:host([selected]) .checkmark,:host([selected]) .bullet-point{color:var(--calcite-color-brand)}:host([selected]) .checkbox{color:var(--calcite-color-brand)}:host([has-children][indeterminate]) .checkbox{color:var(--calcite-color-brand)}:host([hidden]){display:none}[hidden]{display:none}`,u=class extends y{constructor(){super(),this.actionSlotWrapper=E(),this.userChangedValue=!1,this.hasEndActions=!1,this.updateAfterInitialRender=!1,this.depth=-1,this.disabled=!1,this.expanded=!1,this.hasChildren=null,this.indeterminate=!1,this.parentExpanded=!1,this.selected=!1,this.calciteInternalTreeItemSelect=C({cancelable:!1}),this.listen("click",this.onClick),this.listen("keydown",this.keyDownHandler)}static{this.properties={hasEndActions:16,updateAfterInitialRender:16,depth:11,disabled:7,expanded:7,hasChildren:7,iconFlipRtl:3,iconStart:3,indeterminate:7,label:1,lines:7,parentExpanded:5,scale:3,selected:7,selectionMode:3}}static{this.styles=V}connectedCallback(){super.connectedCallback(),this.parentTreeItem=this.el.parentElement?.closest("calcite-tree-item")}load(){requestAnimationFrame(()=>this.updateAfterInitialRender=!0)}willUpdate(e){this.preWillUpdate(),e.has("expanded")&&(this.hasUpdated||this.expanded!==!1)&&this.updateChildTree(),e.has("selected")&&(this.hasUpdated||this.selected!==!1)&&this.handleSelectedChange(this.selected),e.has("selectionMode")&&this.getSelectionMode()}updated(){T(this)}loaded(){this.updateAncestorTree()}handleSelectedChange(e){this.selectionMode==="ancestors"&&!this.userChangedValue&&(e&&(this.indeterminate=!1),this.calciteInternalTreeItemSelect.emit({modifyCurrentSelection:!0,updateItem:!1}))}getSelectionMode(){this.isSelectionMultiLike=this.selectionMode==="multiple"||this.selectionMode==="multichildren"}onClick(e){if(this.disabled||this.isActionEndEvent(e))return;let[t]=z(this.el,"a");if(t&&e.composedPath()[0].tagName.toLowerCase()!=="a"){let o=t.target===""?"_self":t.target;window.open(t.href,o)}this.calciteInternalTreeItemSelect.emit({modifyCurrentSelection:this.selectionMode==="ancestors"||this.isSelectionMultiLike,updateItem:!0}),this.userChangedValue=!0}iconClickHandler(e){e.stopPropagation(),this.expanded=!this.expanded}childrenClickHandler(e){e.stopPropagation()}keyDownHandler(e){if(!(this.isActionEndEvent(e)||e.defaultPrevented))switch(e.key){case" ":this.userChangedValue=!0,this.calciteInternalTreeItemSelect.emit({modifyCurrentSelection:this.isSelectionMultiLike,updateItem:!0}),e.preventDefault();break;case"Enter":{let t=Array.from(this.el.children).find(o=>o.matches("a"));this.userChangedValue=!0,t?(t.click(),this.selected=!0):this.calciteInternalTreeItemSelect.emit({modifyCurrentSelection:this.isSelectionMultiLike,updateItem:!0}),e.preventDefault()}}}updateChildTree(){let{childTree:e}=this;e&&(e.parentExpanded=this.expanded)}handleChildrenSlotChange(e){let t=w(e).filter(o=>o.matches("calcite-tree"))[0];this.childTree=t,this.updateChildTree()}isActionEndEvent(e){return e.composedPath().includes(this.actionSlotWrapper.value)}updateAncestorTree(){let e=this.parentTreeItem;if(!(this.selectionMode!=="ancestors"||!e)){if(this.selected){let t=this.el.parentElement,o=Array.from(t?.children),d=o.filter(l=>l.selected);o.length===d.length?(e.selected=!0,e.indeterminate=!1):d.length>0&&(e.indeterminate=!0),Array.from(this.el.querySelectorAll("calcite-tree-item:not([disabled])")).forEach(l=>{l.selected=!0,l.indeterminate=!1})}else if(this.indeterminate){let t=this.parentTreeItem;t.indeterminate=!0}}}actionsEndSlotChangeHandler(e){this.hasEndActions=A(e)}preWillUpdate(){this.hasChildren=!!this.el.querySelector("calcite-tree"),this.depth=0;let e=this.el.closest("calcite-tree");if(!e)return;this.selectionMode=e.selectionMode,this.scale=e.scale||"m",this.lines=e.lines;let t;for(;e&&(t=e.parentElement?.closest("calcite-tree"),t!==e);)e=t,this.depth=this.depth+1}render(){let e=I(this.el)==="rtl",t=this.selectionMode==="single"||this.selectionMode==="children"||this.selectionMode==="single-persist",o=this.selectionMode==="multiple"||this.selectionMode==="multichildren",d=this.selectionMode==="none"&&!this.hasChildren,l=this.hasChildren&&this.indeterminate,P=this.hasChildren||this.selectionMode==="ancestors"?c`<calcite-icon class=${i({[n.chevron]:!0,[s.rtl]:e})} data-test-id=icon .icon=${this.hasChildren?a.chevronRight:a.blank} @click=${this.iconClickHandler} .scale=${r(this.scale)}></calcite-icon>`:null,b=m("default-slot",c`<slot></slot>`),f=this.selectionMode==="ancestors"?c`<div class=${i(n.checkboxContainer)}><calcite-icon class=${i(n.checkbox)} .icon=${this.selected?a.checkSquareF:l?a.minusSquareF:a.square} .scale=${r(this.scale)}></calcite-icon></div>`:null,h=t?a.bulletPoint:o?a.checkmark:d?a.blank:null,L=h?c`<calcite-icon class=${i({[n.bulletPointIcon]:h===a.bulletPoint,[n.checkmarkIcon]:h===a.checkmark,[s.rtl]:e})} .icon=${h} .scale=${r(this.scale)}></calcite-icon>`:null,k=!(this.parentExpanded||this.depth===1),v=this.updateAfterInitialRender&&this.expanded,{hasEndActions:F}=this,H=m("actionsEndSlot",c`<slot name=${R.actionsEnd} @slotchange=${this.actionsEndSlotChangeHandler}></slot>`),D=c`<calcite-icon class=${i(n.iconStart)} .flipRtl=${this.iconFlipRtl==="start"||this.iconFlipRtl==="both"} .icon=${this.iconStart} .scale=${r(this.scale)}></calcite-icon>`;return this.el.ariaChecked=this.selectionMode==="multiple"||this.selectionMode==="multichildren"||this.selectionMode==="ancestors"?p(this.selected):void 0,this.el.ariaExpanded=this.hasChildren?p(v):void 0,this.el.inert=k,this.el.ariaLive="polite",this.el.ariaSelected=this.selectionMode==="single"||this.selectionMode==="children"||this.selectionMode==="single-persist"?p(this.selected):void 0,this.el.toggleAttribute("calcite-hydrated-hidden",k),this.el.role="treeitem",S(this.el,"tabIndex",this.disabled?-1:0),q({disabled:this.disabled,children:c`<div class=${i({[n.itemExpanded]:v})}><div class=${i(n.nodeAndActionsContainer)}><div class=${i({[n.nodeContainer]:!0,[s.rtl]:e})} data-selection-mode=${this.selectionMode??x}>${P}${L}${f||null}${this.iconStart?D:null}${f?c`<label class=${i(n.checkboxLabel)}>${b}</label>`:b}</div><div class=${i(n.actionsEnd)} .hidden=${!F} ${M(this.actionSlotWrapper)}>${H}</div></div><div class=${i({[n.childrenContainer]:!0,[s.rtl]:e})} data-test-id=calcite-tree-children @click=${this.childrenClickHandler} .role=${this.hasChildren?"group":void 0}><slot name=${R.children} @slotchange=${this.handleChildrenSlotChange}></slot></div></div>`})}};$("calcite-tree-item",u);export{u as TreeItem};

package/dist/calcite/E2PVAX5K.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.99
-*/
-import{a as g,b as I}from"./MRVEUN2O.js";import{a as h,b as p}from"./CTQ5YHOP.js";import{l as m,z as a}from"./QIOSM7C2.js";import{a as u,b,c as f}from"./KEFBUO23.js";import"./OJ5D52RG.js";import{I as n,d,e as c,u as o,v as r}from"./XDGCDDNX.js";var S=d`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}.container{display:flex;flex-wrap:wrap;gap:var(--calcite-card-group-space, var(--calcite-card-group-gap, var(--calcite-spacing-base)))}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,l=class extends r{constructor(){super(),this.items=[],this.slotRefEl=h(),this.disabled=!1,this.selectedItems=[],this.selectionMode="none",this.calciteCardGroupSelect=o({cancelable:!1}),this.listen("calciteInternalCardKeyEvent",this.calciteInternalCardKeyEventListener),this.listen("calciteCardSelect",this.calciteCardSelectListener)}static{this.properties={disabled:7,label:1,selectedItems:0,selectionMode:3}}static{this.styles=S}async setFocus(){await f(this),this.disabled||m(this.items[0])}load(){u(this)}willUpdate(e){e.has("selectionMode")&&this.hasUpdated&&this.updateItemsOnSelectionModeChange()}updated(){g(this)}loaded(){b(this),this.updateSelectedItems()}calciteInternalCardKeyEventListener(e){if(e.composedPath().includes(this.el)){let s=this.items.filter(t=>!t.disabled);switch(e.detail.key){case"ArrowRight":a(s,e.target,"next");break;case"ArrowLeft":a(s,e.target,"previous");break;case"Home":a(s,e.target,"first");break;case"End":a(s,e.target,"last");break}}}calciteCardSelectListener(e){e.composedPath().includes(this.el)&&!e.target.selectable&&this.setSelectedItems(!0,e.target)}updateItemsOnSelectionModeChange(){this.updateSlottedItems(this.slotRefEl.value),this.updateSelectedItems()}updateItemsOnSlotChange(e){this.updateSlottedItems(e.target),this.updateSelectedItems()}updateSlottedItems(e){this.items=e.assignedElements({flatten:!0}).filter(s=>s?.matches("calcite-card"))}updateSelectedItems(){this.items.forEach(e=>{e.selectionMode=this.selectionMode}),this.setSelectedItems(!1)}setSelectedItems(e,s){s&&this.items.forEach(t=>{let i=s===t;switch(this.selectionMode){case"multiple":i&&(t.selected=!t.selected);break;case"single":t.selected=i?!t.selected:!1;break;case"single-persist":t.selected=!!i;break}}),this.selectedItems=this.items.filter(t=>t.selected),e&&this.selectionMode!=="none"&&!this.disabled&&this.calciteCardGroupSelect.emit()}render(){let e=this.selectionMode==="none"||this.selectionMode==="multiple"?"group":"radiogroup";return I({disabled:this.disabled,children:c`<div .ariaLabel=${this.label} class="container" .role=${e}><slot @slotchange=${this.updateItemsOnSlotChange} ${p(this.slotRefEl)}></slot></div>`})}};n("calcite-card-group",l);export{l as CardGroup};

package/dist/calcite/EH7S4XKL.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.99
-*/
-var p="24px",x="32px",a="44px",s="48px";export{p as a,x as b,a as c,s as d};

package/dist/calcite/FGCHRTFU.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.99
-*/
-import{b as G}from"./KA53KK35.js";var q={exports:{}},N={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},X={exports:{}},Z=function(e){return!e||typeof e=="string"?!1:e instanceof Array||Array.isArray(e)||e.length>=0&&(e.splice instanceof Function||Object.getOwnPropertyDescriptor(e,e.length-1)&&e.constructor.name!=="String")},Y=Z,ee=Array.prototype.concat,re=Array.prototype.slice,R=X.exports=function(e){for(var r=[],n=0,t=e.length;n<t;n++){var o=e[n];Y(o)?r=ee.call(r,re.call(o)):r.push(o)}return r};R.wrap=function(e){return function(){return e(R(arguments))}};var ne=X.exports,x=N,H=ne,P=Object.hasOwnProperty,V=Object.create(null);for(C in x)P.call(x,C)&&(V[x[C]]=C);var C,y=q.exports={to:{},get:{}};y.get=function(e){var r=e.substring(0,3).toLowerCase(),n,t;switch(r){case"hsl":n=y.get.hsl(e),t="hsl";break;case"hwb":n=y.get.hwb(e),t="hwb";break;default:n=y.get.rgb(e),t="rgb";break}return n?{model:t,value:n}:null};y.get.rgb=function(e){if(!e)return null;var r=/^#([a-f0-9]{3,4})$/i,n=/^#([a-f0-9]{6})([a-f0-9]{2})?$/i,t=/^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/,o=/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/,a=/^(\w+)$/,s=[0,0,0,1],l,i,h;if(l=e.match(n)){for(h=l[2],l=l[1],i=0;i<3;i++){var p=i*2;s[i]=parseInt(l.slice(p,p+2),16)}h&&(s[3]=parseInt(h,16)/255)}else if(l=e.match(r)){for(l=l[1],h=l[3],i=0;i<3;i++)s[i]=parseInt(l[i]+l[i],16);h&&(s[3]=parseInt(h+h,16)/255)}else if(l=e.match(t)){for(i=0;i<3;i++)s[i]=parseInt(l[i+1],0);l[4]&&(l[5]?s[3]=parseFloat(l[4])*.01:s[3]=parseFloat(l[4]))}else if(l=e.match(o)){for(i=0;i<3;i++)s[i]=Math.round(parseFloat(l[i+1])*2.55);l[4]&&(l[5]?s[3]=parseFloat(l[4])*.01:s[3]=parseFloat(l[4]))}else return(l=e.match(a))?l[1]==="transparent"?[0,0,0,0]:P.call(x,l[1])?(s=x[l[1]],s[3]=1,s):null:null;for(i=0;i<3;i++)s[i]=w(s[i],0,255);return s[3]=w(s[3],0,1),s};y.get.hsl=function(e){if(!e)return null;var r=/^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/,n=e.match(r);if(n){var t=parseFloat(n[4]),o=(parseFloat(n[1])%360+360)%360,a=w(parseFloat(n[2]),0,100),s=w(parseFloat(n[3]),0,100),l=w(isNaN(t)?1:t,0,1);return[o,a,s,l]}return null};y.get.hwb=function(e){if(!e)return null;var r=/^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/,n=e.match(r);if(n){var t=parseFloat(n[4]),o=(parseFloat(n[1])%360+360)%360,a=w(parseFloat(n[2]),0,100),s=w(parseFloat(n[3]),0,100),l=w(isNaN(t)?1:t,0,1);return[o,a,s,l]}return null};y.to.hex=function(){var e=H(arguments);return"#"+j(e[0])+j(e[1])+j(e[2])+(e[3]<1?j(Math.round(e[3]*255)):"")};y.to.rgb=function(){var e=H(arguments);return e.length<4||e[3]===1?"rgb("+Math.round(e[0])+", "+Math.round(e[1])+", "+Math.round(e[2])+")":"rgba("+Math.round(e[0])+", "+Math.round(e[1])+", "+Math.round(e[2])+", "+e[3]+")"};y.to.rgb.percent=function(){var e=H(arguments),r=Math.round(e[0]/255*100),n=Math.round(e[1]/255*100),t=Math.round(e[2]/255*100);return e.length<4||e[3]===1?"rgb("+r+"%, "+n+"%, "+t+"%)":"rgba("+r+"%, "+n+"%, "+t+"%, "+e[3]+")"};y.to.hsl=function(){var e=H(arguments);return e.length<4||e[3]===1?"hsl("+e[0]+", "+e[1]+"%, "+e[2]+"%)":"hsla("+e[0]+", "+e[1]+"%, "+e[2]+"%, "+e[3]+")"};y.to.hwb=function(){var e=H(arguments),r="";return e.length>=4&&e[3]!==1&&(r=", "+e[3]),"hwb("+e[0]+", "+e[1]+"%, "+e[2]+"%"+r+")"};y.to.keyword=function(e){return V[e.slice(0,3)]};function w(e,r,n){return Math.min(Math.max(r,e),n)}function j(e){var r=Math.round(e).toString(16).toUpperCase();return r.length<2?"0"+r:r}var te=q.exports,A=N,U={};for(let e of Object.keys(A))U[A[e]]=e;var c={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}},W=c;for(let e of Object.keys(c)){if(!("channels"in c[e]))throw new Error("missing channels property: "+e);if(!("labels"in c[e]))throw new Error("missing channel labels property: "+e);if(c[e].labels.length!==c[e].channels)throw new Error("channel and label counts mismatch: "+e);let{channels:r,labels:n}=c[e];delete c[e].channels,delete c[e].labels,Object.defineProperty(c[e],"channels",{value:r}),Object.defineProperty(c[e],"labels",{value:n})}c.rgb.hsl=function(e){let r=e[0]/255,n=e[1]/255,t=e[2]/255,o=Math.min(r,n,t),a=Math.max(r,n,t),s=a-o,l,i;a===o?l=0:r===a?l=(n-t)/s:n===a?l=2+(t-r)/s:t===a&&(l=4+(r-n)/s),l=Math.min(l*60,360),l<0&&(l+=360);let h=(o+a)/2;return a===o?i=0:h<=.5?i=s/(a+o):i=s/(2-a-o),[l,i*100,h*100]};c.rgb.hsv=function(e){let r,n,t,o,a,s=e[0]/255,l=e[1]/255,i=e[2]/255,h=Math.max(s,l,i),p=h-Math.min(s,l,i),v=function(Q){return(h-Q)/6/p+1/2};return p===0?(o=0,a=0):(a=p/h,r=v(s),n=v(l),t=v(i),s===h?o=t-n:l===h?o=1/3+r-t:i===h&&(o=2/3+n-r),o<0?o+=1:o>1&&(o-=1)),[o*360,a*100,h*100]};c.rgb.hwb=function(e){let r=e[0],n=e[1],t=e[2],o=c.rgb.hsl(e)[0],a=1/255*Math.min(r,Math.min(n,t));return t=1-1/255*Math.max(r,Math.max(n,t)),[o,a*100,t*100]};c.rgb.cmyk=function(e){let r=e[0]/255,n=e[1]/255,t=e[2]/255,o=Math.min(1-r,1-n,1-t),a=(1-r-o)/(1-o)||0,s=(1-n-o)/(1-o)||0,l=(1-t-o)/(1-o)||0;return[a*100,s*100,l*100,o*100]};function oe(e,r){return(e[0]-r[0])**2+(e[1]-r[1])**2+(e[2]-r[2])**2}c.rgb.keyword=function(e){let r=U[e];if(r)return r;let n=1/0,t;for(let o of Object.keys(A)){let a=A[o],s=oe(e,a);s<n&&(n=s,t=o)}return t};c.keyword.rgb=function(e){return A[e]};c.rgb.xyz=function(e){let r=e[0]/255,n=e[1]/255,t=e[2]/255;r=r>.04045?((r+.055)/1.055)**2.4:r/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,t=t>.04045?((t+.055)/1.055)**2.4:t/12.92;let o=r*.4124+n*.3576+t*.1805,a=r*.2126+n*.7152+t*.0722,s=r*.0193+n*.1192+t*.9505;return[o*100,a*100,s*100]};c.rgb.lab=function(e){let r=c.rgb.xyz(e),n=r[0],t=r[1],o=r[2];n/=95.047,t/=100,o/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,t=t>.008856?t**(1/3):7.787*t+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;let a=116*t-16,s=500*(n-t),l=200*(t-o);return[a,s,l]};c.hsl.rgb=function(e){let r=e[0]/360,n=e[1]/100,t=e[2]/100,o,a,s;if(n===0)return s=t*255,[s,s,s];t<.5?o=t*(1+n):o=t+n-t*n;let l=2*t-o,i=[0,0,0];for(let h=0;h<3;h++)a=r+1/3*-(h-1),a<0&&a++,a>1&&a--,6*a<1?s=l+(o-l)*6*a:2*a<1?s=o:3*a<2?s=l+(o-l)*(2/3-a)*6:s=l,i[h]=s*255;return i};c.hsl.hsv=function(e){let r=e[0],n=e[1]/100,t=e[2]/100,o=n,a=Math.max(t,.01);t*=2,n*=t<=1?t:2-t,o*=a<=1?a:2-a;let s=(t+n)/2,l=t===0?2*o/(a+o):2*n/(t+n);return[r,l*100,s*100]};c.hsv.rgb=function(e){let r=e[0]/60,n=e[1]/100,t=e[2]/100,o=Math.floor(r)%6,a=r-Math.floor(r),s=255*t*(1-n),l=255*t*(1-n*a),i=255*t*(1-n*(1-a));switch(t*=255,o){case 0:return[t,i,s];case 1:return[l,t,s];case 2:return[s,t,i];case 3:return[s,l,t];case 4:return[i,s,t];case 5:return[t,s,l]}};c.hsv.hsl=function(e){let r=e[0],n=e[1]/100,t=e[2]/100,o=Math.max(t,.01),a,s;s=(2-n)*t;let l=(2-n)*o;return a=n*o,a/=l<=1?l:2-l,a=a||0,s/=2,[r,a*100,s*100]};c.hwb.rgb=function(e){let r=e[0]/360,n=e[1]/100,t=e[2]/100,o=n+t,a;o>1&&(n/=o,t/=o);let s=Math.floor(6*r),l=1-t;a=6*r-s,s&1&&(a=1-a);let i=n+a*(l-n),h,p,v;switch(s){default:case 6:case 0:h=l,p=i,v=n;break;case 1:h=i,p=l,v=n;break;case 2:h=n,p=l,v=i;break;case 3:h=n,p=i,v=l;break;case 4:h=i,p=n,v=l;break;case 5:h=l,p=n,v=i;break}return[h*255,p*255,v*255]};c.cmyk.rgb=function(e){let r=e[0]/100,n=e[1]/100,t=e[2]/100,o=e[3]/100,a=1-Math.min(1,r*(1-o)+o),s=1-Math.min(1,n*(1-o)+o),l=1-Math.min(1,t*(1-o)+o);return[a*255,s*255,l*255]};c.xyz.rgb=function(e){let r=e[0]/100,n=e[1]/100,t=e[2]/100,o,a,s;return o=r*3.2406+n*-1.5372+t*-.4986,a=r*-.9689+n*1.8758+t*.0415,s=r*.0557+n*-.204+t*1.057,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,a=a>.0031308?1.055*a**(1/2.4)-.055:a*12.92,s=s>.0031308?1.055*s**(1/2.4)-.055:s*12.92,o=Math.min(Math.max(0,o),1),a=Math.min(Math.max(0,a),1),s=Math.min(Math.max(0,s),1),[o*255,a*255,s*255]};c.xyz.lab=function(e){let r=e[0],n=e[1],t=e[2];r/=95.047,n/=100,t/=108.883,r=r>.008856?r**(1/3):7.787*r+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,t=t>.008856?t**(1/3):7.787*t+16/116;let o=116*n-16,a=500*(r-n),s=200*(n-t);return[o,a,s]};c.lab.xyz=function(e){let r=e[0],n=e[1],t=e[2],o,a,s;a=(r+16)/116,o=n/500+a,s=a-t/200;let l=a**3,i=o**3,h=s**3;return a=l>.008856?l:(a-16/116)/7.787,o=i>.008856?i:(o-16/116)/7.787,s=h>.008856?h:(s-16/116)/7.787,o*=95.047,a*=100,s*=108.883,[o,a,s]};c.lab.lch=function(e){let r=e[0],n=e[1],t=e[2],o;o=Math.atan2(t,n)*360/2/Math.PI,o<0&&(o+=360);let a=Math.sqrt(n*n+t*t);return[r,a,o]};c.lch.lab=function(e){let r=e[0],n=e[1],t=e[2]/360*2*Math.PI,o=n*Math.cos(t),a=n*Math.sin(t);return[r,o,a]};c.rgb.ansi16=function(e,r=null){let[n,t,o]=e,a=r===null?c.rgb.hsv(e)[2]:r;if(a=Math.round(a/50),a===0)return 30;let s=30+(Math.round(o/255)<<2|Math.round(t/255)<<1|Math.round(n/255));return a===2&&(s+=60),s};c.hsv.ansi16=function(e){return c.rgb.ansi16(c.hsv.rgb(e),e[2])};c.rgb.ansi256=function(e){let r=e[0],n=e[1],t=e[2];return r===n&&n===t?r<8?16:r>248?231:Math.round((r-8)/247*24)+232:16+36*Math.round(r/255*5)+6*Math.round(n/255*5)+Math.round(t/255*5)};c.ansi16.rgb=function(e){let r=e%10;if(r===0||r===7)return e>50&&(r+=3.5),r=r/10.5*255,[r,r,r];let n=(~~(e>50)+1)*.5,t=(r&1)*n*255,o=(r>>1&1)*n*255,a=(r>>2&1)*n*255;return[t,o,a]};c.ansi256.rgb=function(e){if(e>=232){let a=(e-232)*10+8;return[a,a,a]}e-=16;let r,n=Math.floor(e/36)/5*255,t=Math.floor((r=e%36)/6)/5*255,o=r%6/5*255;return[n,t,o]};c.rgb.hex=function(e){let r=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(r.length)+r};c.hex.rgb=function(e){let r=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!r)return[0,0,0];let n=r[0];r[0].length===3&&(n=n.split("").map(l=>l+l).join(""));let t=parseInt(n,16),o=t>>16&255,a=t>>8&255,s=t&255;return[o,a,s]};c.rgb.hcg=function(e){let r=e[0]/255,n=e[1]/255,t=e[2]/255,o=Math.max(Math.max(r,n),t),a=Math.min(Math.min(r,n),t),s=o-a,l,i;return s<1?l=a/(1-s):l=0,s<=0?i=0:o===r?i=(n-t)/s%6:o===n?i=2+(t-r)/s:i=4+(r-n)/s,i/=6,i%=1,[i*360,s*100,l*100]};c.hsl.hcg=function(e){let r=e[1]/100,n=e[2]/100,t=n<.5?2*r*n:2*r*(1-n),o=0;return t<1&&(o=(n-.5*t)/(1-t)),[e[0],t*100,o*100]};c.hsv.hcg=function(e){let r=e[1]/100,n=e[2]/100,t=r*n,o=0;return t<1&&(o=(n-t)/(1-t)),[e[0],t*100,o*100]};c.hcg.rgb=function(e){let r=e[0]/360,n=e[1]/100,t=e[2]/100;if(n===0)return[t*255,t*255,t*255];let o=[0,0,0],a=r%1*6,s=a%1,l=1-s,i=0;switch(Math.floor(a)){case 0:o[0]=1,o[1]=s,o[2]=0;break;case 1:o[0]=l,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=s;break;case 3:o[0]=0,o[1]=l,o[2]=1;break;case 4:o[0]=s,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=l}return i=(1-n)*t,[(n*o[0]+i)*255,(n*o[1]+i)*255,(n*o[2]+i)*255]};c.hcg.hsv=function(e){let r=e[1]/100,n=e[2]/100,t=r+n*(1-r),o=0;return t>0&&(o=r/t),[e[0],o*100,t*100]};c.hcg.hsl=function(e){let r=e[1]/100,n=e[2]/100*(1-r)+.5*r,t=0;return n>0&&n<.5?t=r/(2*n):n>=.5&&n<1&&(t=r/(2*(1-n))),[e[0],t*100,n*100]};c.hcg.hwb=function(e){let r=e[1]/100,n=e[2]/100,t=r+n*(1-r);return[e[0],(t-r)*100,(1-t)*100]};c.hwb.hcg=function(e){let r=e[1]/100,n=1-e[2]/100,t=n-r,o=0;return t<1&&(o=(n-t)/(1-t)),[e[0],t*100,o*100]};c.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]};c.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]};c.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]};c.gray.hsl=function(e){return[0,0,e[0]]};c.gray.hsv=c.gray.hsl;c.gray.hwb=function(e){return[0,100,e[0]]};c.gray.cmyk=function(e){return[0,0,0,e[0]]};c.gray.lab=function(e){return[e[0],0,0]};c.gray.hex=function(e){let r=Math.round(e[0]/100*255)&255,n=((r<<16)+(r<<8)+r).toString(16).toUpperCase();return"000000".substring(n.length)+n};c.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]};var F=W;function se(){let e={},r=Object.keys(F);for(let n=r.length,t=0;t<n;t++)e[r[t]]={distance:-1,parent:null};return e}function ae(e){let r=se(),n=[e];for(r[e].distance=0;n.length;){let t=n.pop(),o=Object.keys(F[t]);for(let a=o.length,s=0;s<a;s++){let l=o[s],i=r[l];i.distance===-1&&(i.distance=r[t].distance+1,i.parent=t,n.unshift(l))}}return r}function le(e,r){return function(n){return r(e(n))}}function ie(e,r){let n=[r[e].parent,e],t=F[r[e].parent][e],o=r[e].parent;for(;r[o].parent;)n.unshift(r[o].parent),t=le(F[r[o].parent][o],t),o=r[o].parent;return t.conversion=n,t}var ce=function(e){let r=ae(e),n={},t=Object.keys(r);for(let o=t.length,a=0;a<o;a++){let s=t[a];r[s].parent!==null&&(n[s]=ie(s,r))}return n},L=W,he=ce,k={},ue=Object.keys(L);function ge(e){let r=function(...n){let t=n[0];return t==null?t:(t.length>1&&(n=t),e(n))};return"conversion"in e&&(r.conversion=e.conversion),r}function de(e){let r=function(...n){let t=n[0];if(t==null)return t;t.length>1&&(n=t);let o=e(n);if(typeof o=="object")for(let a=o.length,s=0;s<a;s++)o[s]=Math.round(o[s]);return o};return"conversion"in e&&(r.conversion=e.conversion),r}ue.forEach(e=>{k[e]={},Object.defineProperty(k[e],"channels",{value:L[e].channels}),Object.defineProperty(k[e],"labels",{value:L[e].labels});let r=he(e);Object.keys(r).forEach(n=>{let t=r[n];k[e][n]=de(t),k[e][n].raw=ge(t)})});var fe=k,M=te,m=fe,D=["keyword","gray","hex"],E={};for(let e of Object.keys(m))E[[...m[e].labels].sort().join("")]=e;var O={};function b(e,r){if(!(this instanceof b))return new b(e,r);if(r&&r in D&&(r=null),r&&!(r in m))throw new Error("Unknown model: "+r);let n,t;if(e==null)this.model="rgb",this.color=[0,0,0],this.valpha=1;else if(e instanceof b)this.model=e.model,this.color=[...e.color],this.valpha=e.valpha;else if(typeof e=="string"){let o=M.get(e);if(o===null)throw new Error("Unable to parse color from string: "+e);this.model=o.model,t=m[this.model].channels,this.color=o.value.slice(0,t),this.valpha=typeof o.value[t]=="number"?o.value[t]:1}else if(e.length>0){this.model=r||"rgb",t=m[this.model].channels;let o=Array.prototype.slice.call(e,0,t);this.color=z(o,t),this.valpha=typeof e[t]=="number"?e[t]:1}else if(typeof e=="number")this.model="rgb",this.color=[e>>16&255,e>>8&255,e&255],this.valpha=1;else{this.valpha=1;let o=Object.keys(e);"alpha"in e&&(o.splice(o.indexOf("alpha"),1),this.valpha=typeof e.alpha=="number"?e.alpha:0);let a=o.sort().join("");if(!(a in E))throw new Error("Unable to parse color from object: "+JSON.stringify(e));this.model=E[a];let{labels:s}=m[this.model],l=[];for(n=0;n<s.length;n++)l.push(e[s[n]]);this.color=z(l)}if(O[this.model])for(t=m[this.model].channels,n=0;n<t;n++){let o=O[this.model][n];o&&(this.color[n]=o(this.color[n]))}this.valpha=Math.max(0,Math.min(1,this.valpha)),Object.freeze&&Object.freeze(this)}b.prototype={toString(){return this.string()},toJSON(){return this[this.model]()},string(e){let r=this.model in M.to?this:this.rgb();r=r.round(typeof e=="number"?e:1);let n=r.valpha===1?r.color:[...r.color,this.valpha];return M.to[r.model](n)},percentString(e){let r=this.rgb().round(typeof e=="number"?e:1),n=r.valpha===1?r.color:[...r.color,this.valpha];return M.to.rgb.percent(n)},array(){return this.valpha===1?[...this.color]:[...this.color,this.valpha]},object(){let e={},{channels:r}=m[this.model],{labels:n}=m[this.model];for(let t=0;t<r;t++)e[n[t]]=this.color[t];return this.valpha!==1&&(e.alpha=this.valpha),e},unitArray(){let e=this.rgb().color;return e[0]/=255,e[1]/=255,e[2]/=255,this.valpha!==1&&e.push(this.valpha),e},unitObject(){let e=this.rgb().object();return e.r/=255,e.g/=255,e.b/=255,this.valpha!==1&&(e.alpha=this.valpha),e},round(e){return e=Math.max(e||0,0),new b([...this.color.map(pe(e)),this.valpha],this.model)},alpha(e){return e!==void 0?new b([...this.color,Math.max(0,Math.min(1,e))],this.model):this.valpha},red:u("rgb",0,f(255)),green:u("rgb",1,f(255)),blue:u("rgb",2,f(255)),hue:u(["hsl","hsv","hsl","hwb","hcg"],0,e=>(e%360+360)%360),saturationl:u("hsl",1,f(100)),lightness:u("hsl",2,f(100)),saturationv:u("hsv",1,f(100)),value:u("hsv",2,f(100)),chroma:u("hcg",1,f(100)),gray:u("hcg",2,f(100)),white:u("hwb",1,f(100)),wblack:u("hwb",2,f(100)),cyan:u("cmyk",0,f(100)),magenta:u("cmyk",1,f(100)),yellow:u("cmyk",2,f(100)),black:u("cmyk",3,f(100)),x:u("xyz",0,f(95.047)),y:u("xyz",1,f(100)),z:u("xyz",2,f(108.833)),l:u("lab",0,f(100)),a:u("lab",1),b:u("lab",2),keyword(e){return e!==void 0?new b(e):m[this.model].keyword(this.color)},hex(e){return e!==void 0?new b(e):M.to.hex(this.rgb().round().color)},hexa(e){if(e!==void 0)return new b(e);let r=this.rgb().round().color,n=Math.round(this.valpha*255).toString(16).toUpperCase();return n.length===1&&(n="0"+n),M.to.hex(r)+n},rgbNumber(){let e=this.rgb().color;return(e[0]&255)<<16|(e[1]&255)<<8|e[2]&255},luminosity(){let e=this.rgb().color,r=[];for(let[n,t]of e.entries()){let o=t/255;r[n]=o<=.04045?o/12.92:((o+.055)/1.055)**2.4}return .2126*r[0]+.7152*r[1]+.0722*r[2]},contrast(e){let r=this.luminosity(),n=e.luminosity();return r>n?(r+.05)/(n+.05):(n+.05)/(r+.05)},level(e){let r=this.contrast(e);return r>=7?"AAA":r>=4.5?"AA":""},isDark(){let e=this.rgb().color;return(e[0]*2126+e[1]*7152+e[2]*722)/1e4<128},isLight(){return!this.isDark()},negate(){let e=this.rgb();for(let r=0;r<3;r++)e.color[r]=255-e.color[r];return e},lighten(e){let r=this.hsl();return r.color[2]+=r.color[2]*e,r},darken(e){let r=this.hsl();return r.color[2]-=r.color[2]*e,r},saturate(e){let r=this.hsl();return r.color[1]+=r.color[1]*e,r},desaturate(e){let r=this.hsl();return r.color[1]-=r.color[1]*e,r},whiten(e){let r=this.hwb();return r.color[1]+=r.color[1]*e,r},blacken(e){let r=this.hwb();return r.color[2]+=r.color[2]*e,r},grayscale(){let e=this.rgb().color,r=e[0]*.3+e[1]*.59+e[2]*.11;return b.rgb(r,r,r)},fade(e){return this.alpha(this.valpha-this.valpha*e)},opaquer(e){return this.alpha(this.valpha+this.valpha*e)},rotate(e){let r=this.hsl(),n=r.color[0];return n=(n+e)%360,n=n<0?360+n:n,r.color[0]=n,r},mix(e,r){if(!e||!e.rgb)throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof e);let n=e.rgb(),t=this.rgb(),o=r===void 0?.5:r,a=2*o-1,s=n.alpha()-t.alpha(),l=((a*s===-1?a:(a+s)/(1+a*s))+1)/2,i=1-l;return b.rgb(l*n.red()+i*t.red(),l*n.green()+i*t.green(),l*n.blue()+i*t.blue(),n.alpha()*o+t.alpha()*(1-o))}};for(let e of Object.keys(m)){if(D.includes(e))continue;let{channels:r}=m[e];b.prototype[e]=function(...n){return this.model===e?new b(this):n.length>0?new b(n,e):new b([...me(m[this.model][e].raw(this.color)),this.valpha],e)},b[e]=function(...n){let t=n[0];return typeof t=="number"&&(t=z(n,r)),new b(t,e)}}function be(e,r){return Number(e.toFixed(r))}function pe(e){return function(r){return be(r,e)}}function u(e,r,n){e=Array.isArray(e)?e:[e];for(let t of e)(O[t]||(O[t]=[]))[r]=n;return e=e[0],function(t){let o;return t!==void 0?(n&&(t=n(t)),o=this[e](),o.color[r]=t,o):(o=this[e]().color[r],n&&(o=n(o)),o)}}function f(e){return function(r){return Math.max(0,Math.min(e,r))}}function me(e){return Array.isArray(e)?e:[e]}function z(e,r){for(let n=0;n<r;n++)typeof e[n]!="number"&&(e[n]=0);return e}var ye=b,ve=G(ye),je={channel:"channel",channels:"channels",colorField:"color-field",colorFieldScope:"scope--color-field",colorMode:"color-mode",colorModeContainer:"color-mode-container",container:"container",control:"control",controlAndScope:"control-and-scope",controlSection:"control-section",deleteColor:"delete-color",header:"header",hexAndChannelsGroup:"hex-and-channels-group",hexOptions:"color-hex-options",hueScope:"scope--hue",hueSlider:"hue-slider",opacityScope:"scope--opacity",opacitySlider:"opacity-slider",preview:"preview",previewAndSliders:"preview-and-sliders",saveColor:"save-color",savedColor:"saved-color",savedColors:"saved-colors",savedColorsButtons:"saved-colors-buttons",savedColorsSection:"saved-colors-section",scope:"scope",section:"section",slider:"slider",sliders:"sliders",splitSection:"section--split"},$e=ve("#007AC2"),Fe="calcite-color-",Oe={r:255,g:255,b:255},we={h:360,s:100,v:100},Le=we.h-1,Ee={min:0,max:100},Se={s:{slider:{height:12,width:142},colorField:{height:110,width:198},thumb:{radius:7},preview:{size:20}},m:{slider:{height:12,width:170},colorField:{height:132,width:238},thumb:{radius:7},preview:{size:24}},l:{slider:{height:12,width:222},colorField:{height:168,width:302},thumb:{radius:7},preview:{size:32}}},ze=1,Be=/^[0-9A-F]$/i,ke=/^#[0-9A-F]{3}$/i,Me=/^#[0-9A-F]{6}$/i,xe=/^#[0-9A-F]{4}$/i,Ae=/^#[0-9A-F]{8}$/i,Ge=e=>Number((e*100).toFixed()),Re=e=>Number((e/100).toFixed(2));function J(e,r=!1){return B(e,r)||He(e,r)}function K(e,r,n){return e?e.length===r&&n.test(e):!1}function B(e,r=!1){return K(e,r?5:4,r?xe:ke)}function He(e,r=!1){return K(e,r?9:7,r?Ae:Me)}function _e(e,r=!1,n=!1){if(e=e.toLowerCase(),e.startsWith("#")||(e=`#${e}`),B(e,r))return _(I(e,r));if(r&&n&&J(e,!1)){let t=B(e,!1);return _(I(`${e}${t?"f":"ff"}`,!0))}return e}function Ie(e,r=!1){return r?e.hexa():e.hex()}function _(e){let{r,g:n,b:t}=e,o=$(r),a=$(n),s=$(t),l="a"in e?$(e.a*255):"";return`#${o}${a}${s}${l}`.toLowerCase()}function $(e){return e.toString(16).padStart(2,"0")}function qe(e){let r={...e,a:e.alpha??1};return delete r.alpha,r}function Ne(e){let r={...e,alpha:e.a??1};return delete r.a,r}function I(e,r=!1){if(!J(e,r))return null;e=e.replace("#","");let n,t,o,a;if(e.length===3||e.length===4){let[s,l,i,h]=e.split("");n=parseInt(`${s}${s}`,16),t=parseInt(`${l}${l}`,16),o=parseInt(`${i}${i}`,16),a=parseInt(`${h}${h}`,16)/255}else n=parseInt(e.slice(0,2),16),t=parseInt(e.slice(2,4),16),o=parseInt(e.slice(4,6),16),a=parseInt(e.slice(6,8),16)/255;return isNaN(a)?{r:n,g:t,b:o}:{r:n,g:t,b:o,a}}var T=e=>e,g=T({HEX:"hex",HEXA:"hexa",RGB_CSS:"rgb-css",RGBA_CSS:"rgba-css",HSL_CSS:"hsl-css",HSLA_CSS:"hsla-css"}),d=T({RGB:"rgb",RGBA:"rgba",HSL:"hsl",HSLA:"hsla",HSV:"hsv",HSVA:"hsva"});function Xe(e){if(typeof e=="string"){if(e.startsWith("#")){let{length:r}=e;if(r===4||r===7)return g.HEX;if(r===5||r===9)return g.HEXA}if(e.startsWith("rgba("))return g.RGBA_CSS;if(e.startsWith("rgb("))return g.RGB_CSS;if(e.startsWith("hsl("))return g.HSL_CSS;if(e.startsWith("hsla("))return g.HSLA_CSS}if(typeof e=="object"){if(S(e,"r","g","b"))return S(e,"a")?d.RGBA:d.RGB;if(S(e,"h","s","l"))return S(e,"a")?d.HSLA:d.HSL;if(S(e,"h","s","v"))return S(e,"a")?d.HSVA:d.HSV}return null}function S(e,...r){return r.every(n=>n&&e&&`${n}`in e)}function Pe(e,r){return e?.rgb().array().toString()===r?.rgb().array().toString()}function Ve(e){return e===g.HEXA||e===g.RGBA_CSS||e===g.HSLA_CSS||e===d.RGBA||e===d.HSLA||e===d.HSVA}function Ue(e){return e===g.HEX?g.HEXA:e===g.RGB_CSS?g.RGBA_CSS:e===g.HSL_CSS?g.HSLA_CSS:e===d.RGB?d.RGBA:e===d.HSL?d.HSLA:e===d.HSV?d.HSVA:e}function We(e){return e===g.HEXA?g.HEX:e===g.RGBA_CSS?g.RGB_CSS:e===g.HSLA_CSS?g.HSL_CSS:e===d.RGBA?d.RGB:e===d.HSLA?d.HSL:e===d.HSVA?d.HSV:e}function De(e,r){let{slider:{width:n},preview:t}=e;if(r)return n;let o=Se.l.preview.size-t.size;return n+o}export{ve as a,je as b,$e as c,Fe as d,Oe as e,we as f,Le as g,Ee as h,Se as i,ze as j,Be as k,Ge as l,Re as m,J as n,B as o,He as p,_e as q,Ie as r,_ as s,qe as t,Ne as u,I as v,g as w,Xe as x,Pe as y,Ve as z,Ue as A,We as B,De as C};

package/dist/calcite/FIJQNNLL.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.99
-*/
-import{a as $}from"./TWZNPBFB.js";import{c as z,e as k,f as T,h as S}from"./EWQKTTIO.js";import{c as y,d as N,e as I}from"./P64WY2HI.js";import{a as O,b as C}from"./MRVEUN2O.js";import{a as b}from"./IUBUCDD6.js";import"./JFBHBHJE.js";import{a as v}from"./3Z3RDAUW.js";import{b as f}from"./CTQ5YHOP.js";import{l as g}from"./QIOSM7C2.js";import{a as w,b as E,d as x}from"./KEFBUO23.js";import"./OJ5D52RG.js";import{A as m,I as u,d,e as o,u as h,v as p,w as l}from"./XDGCDDNX.js";var M=d`:host{--calcite-icon-size: 1rem;--calcite-spacing-eighth: .125rem;--calcite-spacing-quarter: .25rem;--calcite-spacing-half: .5rem;--calcite-spacing-three-quarters: .75rem;--calcite-spacing: 1rem;--calcite-spacing-plus-quarter: 1.25rem;--calcite-spacing-plus-half: 1.5rem;--calcite-spacing-double: 2rem;--calcite-menu-min-width: 10rem;--calcite-header-min-height: 3rem;--calcite-footer-min-height: 3rem}: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;flex-direction:column;font-size:var(--calcite-select-font-size);font-weight:var(--calcite-internal-select-font-weight, var(--calcite-font-weight-regular))}.wrapper{position:relative;display:flex;align-items:stretch;inline-size:var(--select-width);block-size:var(--calcite-internal-select-block-size, 32px)}.wrapper:focus-within .icon,.wrapper:active .icon,.wrapper:hover .icon{color:var(--calcite-select-icon-color-hover, var(--calcite-color-text-1))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-internal-select-font-size: var(--calcite-font-size--2);--calcite-select-spacing-inline: .5rem 2rem;--calcite-internal-select-icon-container-padding-inline: var(--calcite-spacing-sm);--calcite-internal-select-block-size: 24px}:host([scale=m]){--calcite-internal-select-font-size: var(--calcite-font-size--1);--calcite-select-spacing-inline: .75rem 2.5rem;--calcite-internal-select-icon-container-padding-inline: var(--calcite-spacing-md)}:host([scale=l]){--calcite-internal-select-font-size: var(--calcite-font-size-0);--calcite-select-spacing-inline: 1rem 3rem;--calcite-internal-select-icon-container-padding-inline: var(--calcite-spacing-lg);--calcite-internal-select-block-size: 44px}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}.select{margin:0;box-sizing:border-box;inline-size:100%;cursor:pointer;appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:0;border-style:solid;background-color:var(--calcite-color-foreground-1);font-family:inherit;outline-color:transparent;font-weight:inherit;font-size:var(--calcite-select-font-size, var(--calcite-internal-select-font-size));color:var(--calcite-select-text-color, var(--calcite-color-text-2));border-color:var(--calcite-select-border-color, var(--calcite-color-border-input));border-width:var(--calcite-select-internal-border-width, var(--calcite-border-width-sm));padding-inline:var(--calcite-select-spacing-inline);padding-block:var(--calcite-internal-select-spacing-block);border-inline-end-width:0px;line-height:var(--calcite-select-line-height, normal)}.select:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}select:disabled{border-color:var(--calcite-color-border-input);--tw-bg-opacity: 1}.icon-container{pointer-events:none;position:absolute;inset-block:0px;display:flex;align-items:center;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:transparent;color:var(--calcite-color-text-2);inset-inline-end:0px;border-color:var(--calcite-select-border-color, var(--calcite-color-border-input));border-inline-width:0px var(--calcite-select-internal-icon-border-inline-end-width, 1px);padding-inline:var(--calcite-internal-select-icon-container-padding-inline)}.icon-container .icon{color:var(--calcite-select-icon-color, var(--calcite-color-text-3))}:host([status=invalid]) select,:host([status=invalid]) .icon-container{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) select:focus,:host([status=invalid]) .icon-container:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.select:focus~.icon-container{border-color:transparent}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}:host([hidden]){display:none}[hidden]{display:none}`,n={icon:"icon",iconContainer:"icon-container",select:"select",wrapper:"wrapper"},A={validationMessage:"selectValidationMessage"};function s(c){return c.tagName==="CALCITE-OPTION"}function L(c){return c.tagName==="CALCITE-OPTION-GROUP"}var r=class extends p{constructor(){super(),this.componentToNativeEl=new Map,this.mutationObserver=v("mutation",()=>this.populateInternalSelect()),this.disabled=!1,this.required=!1,this.scale="m",this.status="idle",this.validity={valid:!1,badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1},this.value=null,this.width="auto",this.calciteSelectChange=h({cancelable:!1}),this.listen("calciteInternalOptionChange",this.handleOptionOrGroupChange),this.listen("calciteInternalOptionGroupChange",this.handleOptionOrGroupChange)}static{this.properties={disabled:7,form:3,label:1,name:3,required:7,scale:3,selectedOption:0,status:3,validationIcon:[3,{converter:m}],validationMessage:1,validity:0,value:1,width:3}}static{this.styles=M}async setFocus(){await x(this),g(this.selectEl)}connectedCallback(){super.connectedCallback();let{el:e}=this;this.mutationObserver?.observe(e,{subtree:!0,childList:!0}),y(this),z(this)}load(){w(this)}willUpdate(e){e.has("value")&&(this.hasUpdated||this.value!==null)&&this.updateItemsFromValue(this.value),e.has("selectedOption")&&(this.value=this.selectedOption?.value)}updated(){O(this)}loaded(){E(this),typeof this.value=="string"&&this.updateItemsFromValue(this.value),this.populateInternalSelect();let e=this.selectEl.selectedOptions[0];this.selectFromNativeOption(e),T(this,this.selectedOption?.value??"")}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),N(this),k(this)}handleInternalSelectChange(){let e=this.selectEl.selectedOptions[0];this.selectFromNativeOption(e),requestAnimationFrame(()=>this.emitChangeEvent())}handleOptionOrGroupChange(e){e.stopPropagation();let t=e.target,i=this.componentToNativeEl.get(t);i&&(this.updateNativeElement(t,i),s(t)&&t.selected&&(this.deselectAllExcept(t),this.selectedOption=t))}onLabelClick(){this.setFocus()}updateItemsFromValue(e){this.el.querySelectorAll("calcite-option").forEach(t=>t.selected=t.value===e)}updateNativeElement(e,t){if(t.disabled=e.disabled,t.label=e.label,s(e)){let i=t;i.selected=e.selected,i.value=e.value,i.innerText=e.label}}populateInternalSelect(){let e=Array.from(this.el.children).filter(t=>t.tagName==="CALCITE-OPTION"||t.tagName==="CALCITE-OPTION-GROUP");this.clearInternalSelect(),e.forEach(t=>this.selectEl?.append(this.toNativeElement(t)))}clearInternalSelect(){this.componentToNativeEl.forEach(e=>e.remove()),this.componentToNativeEl.clear()}storeSelectRef(e){e&&(this.selectEl=e)}selectFromNativeOption(e){if(!e)return;let t;this.componentToNativeEl.forEach((i,a)=>{s(a)&&i===e&&(a.selected=!0,t=a,this.deselectAllExcept(a))}),t&&(this.selectedOption=t)}toNativeElement(e){if(s(e)){let t=document.createElement("option");return this.updateNativeElement(e,t),this.componentToNativeEl.set(e,t),t}if(L(e)){let t=document.createElement("optgroup");return this.updateNativeElement(e,t),Array.from(e.children).forEach(i=>{let a=this.toNativeElement(i);t.append(a),this.componentToNativeEl.set(e,a)}),this.componentToNativeEl.set(e,t),t}throw new Error("unsupported element child provided")}deselectAllExcept(e){this.el.querySelectorAll("calcite-option").forEach(t=>{t!==e&&(t.selected=!1)})}emitChangeEvent(){this.calciteSelectChange.emit()}renderChevron(){return o`<div class=${l(n.iconContainer)}><calcite-icon class=${l(n.icon)} icon=chevron-down .scale=${b(this.scale)}></calcite-icon></div>`}render(){let{disabled:e}=this;return C({disabled:e,children:o`<div class=${l(n.wrapper)}><select aria-errormessage=${A.validationMessage} .ariaInvalid=${this.status==="invalid"} .ariaLabel=${I(this)} class=${l(n.select)} .disabled=${e} @change=${this.handleInternalSelectChange} ${f(this.storeSelectRef)}><slot></slot></select>${this.renderChevron()}${S({component:this})}</div>${this.validationMessage&&this.status==="invalid"?$({icon:this.validationIcon,id:A.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`})}};u("calcite-select",r);export{r as Select};

package/dist/calcite/FIVGOTUL.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.99
-*/
-import{r as g,s as b}from"./QIOSM7C2.js";import"./OJ5D52RG.js";import{I as m,d as s,e as o,u as d,v as h,w as i}from"./XDGCDDNX.js";var p={input:"input"},l={label:"label",labelScale:r=>`label--scale-${r}`,labelHorizontal:"label--horizontal",labelOutline:"label--outline",labelOutlineFill:"label--outline-fill",icon:"icon",iconSolo:"icon--solo"},f=s`:host{display:flex;cursor:pointer;align-self:stretch;font-weight:var(--calcite-font-weight-normal);transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out,border-color var(--calcite-animation-timing) ease-in-out}:host label{pointer-events:none;margin:.125rem;box-sizing:border-box;display:flex;flex:1 1 0%;align-items:center;color:var(--calcite-color-text-3);transition:background-color var(--calcite-internal-animation-timing-fast) ease-in-out,border-color var(--calcite-internal-animation-timing-fast) ease-in-out,color var(--calcite-internal-animation-timing-fast) ease-in-out}.label--horizontal{justify-content:center}:host{outline-color:transparent}:host(:focus){outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))));outline-offset:-1px}.label--scale-s{padding-inline:.5rem;font-size:var(--calcite-font-size--2);line-height:1rem;padding-block:.125rem}.label--scale-m{padding-inline:.75rem;font-size:var(--calcite-font-size--1);line-height:1rem;padding-block:.375rem}.label--scale-l{padding-inline:1rem;padding-block:.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host(:hover) label{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}:host(:active) label{background-color:var(--calcite-color-foreground-3)}:host([checked]) label{cursor:default;border-color:var(--calcite-color-brand);background-color:var(--calcite-color-brand);color:var(--calcite-color-text-inverse)}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{border-color:var(--calcite-color-brand);background-color:var(--calcite-color-foreground-1);box-shadow:inset 0 0 0 1px var(--calcite-color-brand);color:var(--calcite-color-brand)}:host([checked]) .label--outline{background-color:transparent}::slotted(input){display:none}@media (forced-colors: active){:host([checked]) label{background-color:highlight}:host([checked]) .label--outline,:host([checked]) .label--outline-fill{outline:2px solid transparent;outline-offset:2px}:host([checked]) label:not([class~=label--outline]) .icon{color:highlightText}}.icon{position:relative;margin:0;display:inline-flex;line-height:inherit;margin-inline-start:var(--calcite-internal-segmented-control-icon-margin-start);margin-inline-end:var(--calcite-internal-segmented-control-icon-margin-end)}:host([icon-start]) .label--scale-s{--calcite-internal-segmented-control-icon-margin-end: .5rem}:host([icon-end]) .label--scale-s{--calcite-internal-segmented-control-icon-margin-start: .5rem}:host([icon-start]) .label--scale-m{--calcite-internal-segmented-control-icon-margin-end: .75rem}:host([icon-end]) .label--scale-m{--calcite-internal-segmented-control-icon-margin-start: .75rem}:host([icon-start]) .label--scale-l{--calcite-internal-segmented-control-icon-margin-end: 1rem}:host([icon-end]) .label--scale-l{--calcite-internal-segmented-control-icon-margin-start: 1rem}.label .icon--solo{--calcite-internal-segmented-control-icon-margin-start: 0;--calcite-internal-segmented-control-icon-margin-end: 0}:host([hidden]){display:none}[hidden]{display:none}`,c=class extends h{constructor(){super(...arguments),this.hasSlottedContent=!1,this.appearance="solid",this.checked=!1,this.iconFlipRtl=!1,this.layout="horizontal",this.scale="m",this.calciteInternalSegmentedControlItemChange=d({cancelable:!1})}static{this.properties={hasSlottedContent:16,appearance:1,checked:7,iconEnd:3,iconFlipRtl:7,iconStart:3,layout:1,scale:1,value:1}}static{this.styles=f}willUpdate(e){e.has("checked")&&(this.hasUpdated||this.checked!==!1)&&this.calciteInternalSegmentedControlItemChange.emit()}handleSlotChange(e){this.hasSlottedContent=b(e)}renderIcon(e,t=!1){return e?o`<calcite-icon class=${i({[l.icon]:!0,[l.iconSolo]:t})} .flipRtl=${this.iconFlipRtl} .icon=${e} scale=s></calcite-icon>`:null}render(){let{appearance:e,checked:t,layout:n,scale:a,value:u}=this;return this.el.ariaChecked=g(t),this.el.ariaLabel=u,this.el.role="radio",o`<label class=${i({[l.label]:!0,[l.labelScale(a)]:!0,[l.labelHorizontal]:n==="horizontal",[l.labelOutline]:e==="outline",[l.labelOutlineFill]:e==="outline-fill"})}>${this.renderContent()}</label>`}renderContent(){let{hasSlottedContent:e,iconEnd:t,iconStart:n}=this,a=n||t;return!e&&a?[this.renderIcon(a,!0),o`<slot @slotchange=${this.handleSlotChange}></slot>`]:[this.renderIcon(n),o`<slot @slotchange=${this.handleSlotChange}></slot>`,o`<slot name=${p.input}></slot>`,this.renderIcon(t)]}};m("calcite-segmented-control-item",c);export{c as SegmentedControlItem};

package/dist/calcite/FPZSDG22.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.99
-*/
-import{c as $,d as w,e as C}from"./P64WY2HI.js";import{a as f,b as y}from"./MRVEUN2O.js";import{a as v}from"./3HC2LTHR.js";import{a as d,b as o}from"./CTQ5YHOP.js";import{v as u}from"./QIOSM7C2.js";import{a as g,b as E,d as m}from"./KEFBUO23.js";import"./OJ5D52RG.js";import{I as p,d as r,e as a,i as s,u as l,v as h,w as i,x as b}from"./XDGCDDNX.js";var B=r`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([scale=s]) .controls-wrapper{block-size:1.5rem}:host([scale=m]) .controls-wrapper{block-size:2rem}:host([scale=l]) .controls-wrapper{block-size:2.75rem}:host(:not([editing-enabled]):not([disabled])) .wrapper:hover{background-color:var(--calcite-color-foreground-2)}.wrapper{box-sizing:border-box;display:flex;justify-content:space-between;background-color:var(--calcite-color-foreground-1);transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.wrapper .input-wrapper{flex:1 1 0%}.controls-wrapper{display:flex}:host([disabled]) .cancel-editing-button-wrapper{border-color:var(--calcite-color-border-2)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,n={wrapper:"wrapper",confirmChangesButton:"confirm-changes-button",cancelEditingButton:"cancel-editing-button",inputWrapper:"input-wrapper",cancelEditingButtonWrapper:"cancel-editing-button-wrapper",enableEditingButton:"enable-editing-button",controlsWrapper:"controls-wrapper"},c=class extends h{constructor(){super(),this.cancelEditingButton=d(),this.confirmEditingButton=d(),this._editingEnabled=!1,this.enableEditingButton=d(),this.controls=!1,this.disabled=!1,this.loading=!1,this.messages=v(),this.calciteInlineEditableEditCancel=l({cancelable:!1}),this.calciteInlineEditableEditConfirm=l({cancelable:!1}),this.calciteInternalInlineEditableEnableEditingChange=l({cancelable:!1}),this.listen("calciteInternalInputBlur",this.blurHandler)}static{this.properties={afterConfirm:0,controls:7,disabled:7,editingEnabled:7,loading:7,messageOverrides:0,scale:3}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=B}get shouldShowControls(){return this.editingEnabled&&this.controls}get editingEnabled(){return this._editingEnabled}set editingEnabled(t){let e=this._editingEnabled;t!==e&&(this._editingEnabled=t,this.editingEnabledWatcher(t,e))}async setFocus(){await m(this),this.inputElement?.setFocus()}connectedCallback(){super.connectedCallback(),$(this)}async load(){g(this)}willUpdate(t){t.has("disabled")&&(this.hasUpdated||this.disabled!==!1)&&this.disabledWatcher(this.disabled)}updated(){f(this)}loaded(){E(this)}disconnectedCallback(){super.disconnectedCallback(),w(this)}disabledWatcher(t){this.inputElement&&(this.inputElement.disabled=t)}editingEnabledWatcher(t,e){this.inputElement&&(this.inputElement.editingEnabled=t),!t&&e&&(this.shouldEmitCancel=!0)}blurHandler(){this.controls||this.disableEditing()}async handleDefaultSlotChange(t){let e=u(t).filter(k=>k.matches("calcite-input"))[0];this.inputElement=e,e&&(await e.componentOnReady(),e.editingEnabled=this.editingEnabled,e.disabled=this.disabled,e.label=e.label||C(this),this.scale=this.scale||this.inputElement?.scale||"m")}onLabelClick(){this.setFocus()}enableEditing(){this.valuePriorToEditing=this.inputElement?.value,this.editingEnabled=!0,this.inputElement?.setFocus(),this.calciteInternalInlineEditableEnableEditingChange.emit()}disableEditing(){this.editingEnabled=!1}cancelEditing(){this.inputElement&&(this.inputElement.value=this.valuePriorToEditing),this.disableEditing(),this.enableEditingButton.value?.setFocus(),!this.editingEnabled&&this.shouldEmitCancel&&this.calciteInlineEditableEditCancel.emit()}async escapeKeyHandler(t){t.defaultPrevented||(t.key==="Escape"&&(t.preventDefault(),this.cancelEditing()),t.key==="Tab"&&this.shouldShowControls&&(!t.shiftKey&&t.target===this.inputElement&&(t.preventDefault(),this.cancelEditingButton.value.setFocus()),t.shiftKey&&t.target===this.cancelEditingButton.value&&(t.preventDefault(),this.inputElement?.setFocus())))}async cancelEditingHandler(t){t.preventDefault(),this.cancelEditing()}async enableEditingHandler(t){this.disabled||t.target!==this.enableEditingButton.value&&t.target!==this.inputElement||(t.preventDefault(),this.editingEnabled||this.enableEditing())}async confirmChangesHandler(t){t.preventDefault(),this.calciteInlineEditableEditConfirm.emit();try{this.afterConfirm&&(this.loading=!0,await this.afterConfirm(),this.disableEditing(),this.enableEditingButton.value.setFocus())}catch{}finally{this.loading=!1}}render(){return y({disabled:this.disabled,children:a`<div class=${i(n.wrapper)} @click=${this.enableEditingHandler} @keydown=${this.escapeKeyHandler}><div class=${i(n.inputWrapper)}><slot @slotchange=${this.handleDefaultSlotChange}></slot></div><div class=${i(n.controlsWrapper)}><calcite-button appearance=transparent class=${i(n.enableEditingButton)} .disabled=${this.disabled} icon-start=pencil kind=neutral .label=${this.messages.enableEditing} @click=${this.enableEditingHandler} .scale=${this.scale} style=${b({opacity:this.editingEnabled?"0":"1",width:this.editingEnabled?"0":"inherit"})} title=${this.messages.enableEditing??s} type=button ${o(this.enableEditingButton)}></calcite-button>${this.shouldShowControls&&[a`<div class=${i(n.cancelEditingButtonWrapper)}><calcite-button appearance=transparent class=${i(n.cancelEditingButton)} .disabled=${this.disabled} icon-start=x kind=neutral .label=${this.messages.cancelEditing} @click=${this.cancelEditingHandler} .scale=${this.scale} title=${this.messages.cancelEditing??s} type=button ${o(this.cancelEditingButton)}></calcite-button></div>`,a`<calcite-button appearance=solid class=${i(n.confirmChangesButton)} .disabled=${this.disabled} icon-start=check kind=brand .label=${this.messages.confirmChanges} .loading=${this.loading} @click=${this.confirmChangesHandler} .scale=${this.scale} title=${this.messages.confirmChanges??s} type=button ${o(this.confirmEditingButton)}></calcite-button>`]||""}</div></div>`})}};p("calcite-inline-editable",c);export{c as InlineEditable};

package/dist/calcite/FQJWCM6B.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.99
-*/
-import{a as g,b as p,d as T,f as D,g as k,h as K,j as O,l as H,m as S,o as x,p as E}from"./5MEU7SU4.js";import{b as h,c as v}from"./XR2WLB7D.js";import{b as d}from"./G4Q2QH6B.js";import{a as C}from"./IUBUCDD6.js";import"./JFBHBHJE.js";import{b}from"./T7AHSVKE.js";import{a as I}from"./3HC2LTHR.js";import{b as f}from"./CTQ5YHOP.js";import{e as V}from"./QIOSM7C2.js";import{a as A,b as L,d as $}from"./KEFBUO23.js";import"./OJ5D52RG.js";import{I as U,d as F,e as m,u as y,v as P,w as o}from"./XDGCDDNX.js";var t={button:"button",buttonBottomLeft:"button--bottom-left",buttonBottomRight:"button--bottom-right",buttonFractionalSecondDown:"button--fractionalSecond-down",buttonFractionalSecondUp:"button--fractionalSecond-up",buttonHourDown:"button--hour-down",buttonHourUp:"button--hour-up",buttonMeridiemDown:"button--meridiem-down",buttonMeridiemUp:"button--meridiem-up",buttonMinuteDown:"button--minute-down",buttonMinuteUp:"button--minute-up",buttonSecondDown:"button--second-down",buttonSecondUp:"button--second-up",buttonTopLeft:"button--top-left",buttonTopRight:"button--top-right",column:"column",decimalSeparator:"decimal-separator",delimiter:"delimiter",fractionalSecond:"fractionalSecond",hour:"hour",hourSuffix:"hour-suffix",input:"input",inputFocus:"inputFocus",meridiem:"meridiem",minute:"minute",minuteSuffix:"minute-suffix",second:"second",secondSuffix:"second-suffix",showMeridiem:"show-meridiem",showSecond:"show-second","scale-s":"scale-s","scale-m":"scale-m","scale-l":"scale-l",timePicker:"time-picker",meridiemStart:"meridiem--start"},G=F`:host{display:inline-block}.time-picker{display:flex;-webkit-user-select:none;user-select:none;align-items:center;background-color:var(--calcite-color-foreground-1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);--tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(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);border-radius:var(--calcite-border-radius)}.time-picker .column{display:flex;flex-direction:column}.time-picker .meridiem--start{order:-1}.time-picker .button{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1)}.time-picker .button:hover,.time-picker .button:focus{background-color:var(--calcite-color-foreground-2);outline:2px solid transparent;outline-offset:2px;z-index:var(--calcite-z-index-header);outline-offset:0}.time-picker .button:active{background-color:var(--calcite-color-foreground-3)}.time-picker .button.top-left{border-start-start-radius:var(--calcite-border-radius)}.time-picker .button.bottom-left{border-end-start-radius:var(--calcite-border-radius)}.time-picker .button.top-right{border-start-end-radius:var(--calcite-border-radius)}.time-picker .button.bottom-right{border-end-end-radius:var(--calcite-border-radius)}.time-picker .button calcite-icon{color:var(--calcite-color-text-3)}.time-picker .input{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);font-weight:var(--calcite-font-weight-medium)}.time-picker .input:hover{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-2);z-index:var(--calcite-z-index-header)}.time-picker .input:focus,.time-picker .input:hover:focus{outline:2px solid transparent;outline-offset:2px;outline-offset:0}.time-picker .input.inputFocus,.time-picker .input:hover.inputFocus{box-shadow:inset 0 0 0 2px var(--calcite-color-brand);z-index:var(--calcite-z-index-header)}.time-picker.scale-s{font-size:var(--calcite-font-size--1)}.time-picker.scale-s .button,.time-picker.scale-s .input{padding-inline:.75rem;padding-block:.25rem}.time-picker.scale-s:not(.show-meridiem) .delimiter:last-child{padding-inline-end:.75rem}.time-picker.scale-m{font-size:var(--calcite-font-size-0)}.time-picker.scale-m .button,.time-picker.scale-m .input{padding-inline:1rem;padding-block:.5rem}.time-picker.scale-m:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1rem}.time-picker.scale-l{font-size:var(--calcite-font-size-1)}.time-picker.scale-l .button,.time-picker.scale-l .input{padding-inline:1.25rem;padding-block:.75rem}.time-picker.scale-l:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1.25rem}:host([hidden]){display:none}[hidden]{display:none}`;function Q(w){return w.charAt(0).toUpperCase()+w.slice(1)}var z=class extends P{constructor(){super(),this.pointerActivated=!1,this.localizedDecimalSeparator=".",this.hourFormat="user",this.messages=I(),this.scale="m",this.step=60,this.value=null,this.calciteTimePickerChange=y({cancelable:!1}),this.listen("blur",this.blurHandler),this.listen("keydown",this.keyDownHandler),this.listen("pointerdown",this.pointerDownHandler)}static{this.properties={activeEl:16,effectiveHourFormat:16,fractionalSecond:16,hour:16,localizedDecimalSeparator:16,localizedFractionalSecond:16,localizedHour:16,localizedHourSuffix:16,localizedMeridiem:16,localizedMinute:16,localizedMinuteSuffix:16,localizedSecond:16,localizedSecondSuffix:16,meridiem:16,minute:16,second:16,showFractionalSecond:16,showSecond:16,hourFormat:3,messageOverrides:0,numberingSystem:1,scale:3,step:11,value:1}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=G}async setFocus(){await $(this),this.el?.focus()}connectedCallback(){super.connectedCallback(),this.updateLocale(),this.toggleSecond()}async load(){A(this)}willUpdate(e){e.has("step")&&(this.hasUpdated||this.step!==60)&&this.toggleSecond(),e.has("value")&&(this.hasUpdated||this.value!==null)&&this.setValue(this.value),(e.has("hourFormat")||e.has("messages"))&&this.updateLocale()}loaded(){L(this)}blurHandler(){this.activeEl=void 0,this.pointerActivated=!1}keyDownHandler(e){this.pointerActivated=!1;let{defaultPrevented:i,key:a}=e;if(!i)switch(this.activeEl){case this.hourEl:a==="ArrowRight"&&(this.focusPart("minute"),e.preventDefault());break;case this.minuteEl:switch(a){case"ArrowLeft":this.focusPart("hour"),e.preventDefault();break;case"ArrowRight":this.step!==60?(this.focusPart("second"),e.preventDefault()):this.effectiveHourFormat==="12"&&(this.focusPart("meridiem"),e.preventDefault());break}break;case this.secondEl:switch(a){case"ArrowLeft":this.focusPart("minute"),e.preventDefault();break;case"ArrowRight":this.showFractionalSecond?this.focusPart("fractionalSecond"):this.effectiveHourFormat==="12"&&(this.focusPart("meridiem"),e.preventDefault());break}break;case this.fractionalSecondEl:switch(a){case"ArrowLeft":this.focusPart("second"),e.preventDefault();break;case"ArrowRight":this.effectiveHourFormat==="12"&&(this.focusPart("meridiem"),e.preventDefault());break}break;case this.meridiemEl:switch(a){case"ArrowLeft":this.showFractionalSecond?this.focusPart("fractionalSecond"):this.step!==60?(this.focusPart("second"),e.preventDefault()):(this.focusPart("minute"),e.preventDefault());break}break}}pointerDownHandler(){this.pointerActivated=!0}async focusPart(e){await $(this),this[`${e||"hour"}El`]?.focus()}decrementHour(){let e=this.hour?parseInt(this.hour)===0?23:parseInt(this.hour)-1:0;this.setValuePart("hour",e)}decrementMeridiem(){let e=this.meridiem==="PM"?"AM":"PM";this.setValuePart("meridiem",e)}decrementMinuteOrSecond(e){let i;if(d(this[e])){let a=parseInt(this[e]);i=a===0?59:a-1}else i=59;this.setValuePart(e,i)}decrementMinute(){this.decrementMinuteOrSecond("minute")}decrementSecond(){this.decrementMinuteOrSecond("second")}focusHandler(e){this.pointerActivated||(this.activeEl=e.currentTarget)}fractionalSecondKeyDownHandler(e){let{key:i}=e;if(b.includes(i)){let a=h(this.step),s=parseInt(this.fractionalSecond),n=s.toString().length,r;n>=a?r=i.padStart(a,"0"):n<a&&(r=`${s}${i}`.padStart(a,"0")),this.setValuePart("fractionalSecond",parseFloat(`0.${r}`))}else switch(i){case"Backspace":case"Delete":this.setValuePart("fractionalSecond",null);break;case"ArrowDown":e.preventDefault(),this.nudgeFractionalSecond("down");break;case"ArrowUp":e.preventDefault(),this.nudgeFractionalSecond("up");break;case" ":e.preventDefault();break}}fractionalSecondDownClickHandler(){this.activeEl=this.fractionalSecondEl,this.fractionalSecondEl.focus(),this.nudgeFractionalSecond("down")}fractionalSecondUpClickHandler(){this.activeEl=this.fractionalSecondEl,this.fractionalSecondEl.focus(),this.nudgeFractionalSecond("up")}hourDownClickHandler(){this.activeEl=this.hourEl,this.hourEl.focus(),this.decrementHour()}hourKeyDownHandler(e){let{key:i}=e;if(b.includes(i)){let a=parseInt(i),s;if(d(this.hour))switch(this.effectiveHourFormat){case"12":s=this.hour==="01"&&a>=0&&a<=2?`1${a}`:a;break;case"24":this.hour==="01"?s=`1${a}`:this.hour==="02"&&a>=0&&a<=3?s=`2${a}`:s=a;break}else s=a;this.setValuePart("hour",s)}else switch(i){case"Backspace":case"Delete":this.setValuePart("hour",null);break;case"ArrowDown":e.preventDefault(),this.decrementHour();break;case"ArrowUp":e.preventDefault(),this.incrementHour();break;case" ":e.preventDefault();break}}hourUpClickHandler(){this.activeEl=this.hourEl,this.hourEl.focus(),this.incrementHour()}incrementMeridiem(){let e=this.meridiem==="AM"?"PM":"AM";this.setValuePart("meridiem",e)}incrementHour(){let e=d(this.hour)?this.hour==="23"?0:parseInt(this.hour)+1:1;this.setValuePart("hour",e)}incrementMinuteOrSecond(e){let i=d(this[e])?this[e]==="59"?0:parseInt(this[e])+1:0;this.setValuePart(e,i)}incrementMinute(){this.incrementMinuteOrSecond("minute")}incrementSecond(){this.incrementMinuteOrSecond("second")}inputClickHandler(e){this.activeEl=e.target}meridiemUpClickHandler(){this.activeEl=this.meridiemEl,this.meridiemEl.focus(),this.incrementMeridiem()}meridiemKeyDownHandler(e){switch(e.key){case"a":this.setValuePart("meridiem","AM");break;case"p":this.setValuePart("meridiem","PM");break;case"Backspace":case"Delete":this.setValuePart("meridiem",null);break;case"ArrowUp":e.preventDefault(),this.incrementMeridiem();break;case"ArrowDown":e.preventDefault(),this.decrementMeridiem();break;case" ":e.preventDefault();break}}meridiemDownClickHandler(){this.activeEl=this.meridiemEl,this.meridiemEl.focus(),this.decrementMeridiem()}minuteDownClickHandler(){this.activeEl=this.minuteEl,this.minuteEl.focus(),this.decrementMinute()}minuteUpClickHandler(){this.activeEl=this.minuteEl,this.minuteEl.focus(),this.incrementMinute()}minuteKeyDownHandler(e){let{key:i}=e;if(b.includes(i)){let a=parseInt(i),s;if(d(this.minute)&&this.minute.startsWith("0")){let n=parseInt(this.minute);s=n>g?a:`${n}${a}`}else s=a;this.setValuePart("minute",s)}else switch(i){case"Backspace":case"Delete":this.setValuePart("minute",null);break;case"ArrowDown":e.preventDefault(),this.decrementMinute();break;case"ArrowUp":e.preventDefault(),this.incrementMinute();break;case" ":e.preventDefault();break}}nudgeFractionalSecond(e){let i=v(this.step),a=h(this.step),s=parseInt(this.fractionalSecond),n=parseFloat(`0.${this.fractionalSecond}`),r,l,c,u;e==="up"&&(r=isNaN(s)?0:n+i,l=parseFloat(r.toFixed(a)),c=v(l),u=l<1&&h(c)>0?p(c,a):"".padStart(a,"0")),e==="down"&&(r=isNaN(s)||s===0?1-i:n-i,l=parseFloat(r.toFixed(a)),c=v(l),u=l<1&&h(c)>0&&Math.sign(c)===1?p(c,a):"".padStart(a,"0")),this.setValuePart("fractionalSecond",u)}sanitizeValue(e){let{hour:i,minute:a,second:s,fractionalSecond:n}=E(e);if(n){let r=this.sanitizeFractionalSecond(n);return`${i}:${a}:${s}.${r}`}return H(e)&&e}sanitizeFractionalSecond(e){return e&&h(this.step)!==e.length?parseFloat(`0.${e}`).toFixed(h(this.step)).replace("0.",""):e}secondKeyDownHandler(e){let{key:i}=e;if(b.includes(i)){let a=parseInt(i),s;if(d(this.second)&&this.second.startsWith("0")){let n=parseInt(this.second);s=n>g?a:`${n}${a}`}else s=a;this.setValuePart("second",s)}else switch(i){case"Backspace":case"Delete":this.setValuePart("second",null);break;case"ArrowDown":e.preventDefault(),this.decrementSecond();break;case"ArrowUp":e.preventDefault(),this.incrementSecond();break;case" ":e.preventDefault();break}}secondDownClickHandler(){this.activeEl=this.secondEl,this.secondEl.focus(),this.decrementSecond()}secondUpClickHandler(){this.activeEl=this.secondEl,this.secondEl.focus(),this.incrementSecond()}setHourEl(e){this.hourEl=e}setMeridiemEl(e){this.meridiemEl=e}setMinuteEl(e){this.minuteEl=e}setSecondEl(e){this.secondEl=e}setFractionalSecondEl(e){this.fractionalSecondEl=e}setValue(e){if(H(e)){let{hour:i,minute:a,second:s,fractionalSecond:n}=E(e),{effectiveHourFormat:r,messages:{_lang:l},numberingSystem:c}=this,{localizedHour:u,localizedHourSuffix:_,localizedMinute:B,localizedMinuteSuffix:N,localizedSecond:R,localizedDecimalSeparator:j,localizedFractionalSecond:W,localizedSecondSuffix:q,localizedMeridiem:M}=x({value:e,locale:l,numberingSystem:c,hour12:r==="12"});this.hour=i,this.minute=a,this.second=s,this.fractionalSecond=this.sanitizeFractionalSecond(n),this.localizedHour=u,this.localizedHourSuffix=_,this.localizedMinute=B,this.localizedMinuteSuffix=N,this.localizedSecond=R,this.localizedDecimalSeparator=j,this.localizedFractionalSecond=W,this.localizedSecondSuffix=q,M&&(this.localizedMeridiem=M,this.meridiem=K(this.hour))}else this.hour=null,this.fractionalSecond=null,this.localizedHour=null,this.localizedHourSuffix=k("hour",this.messages._lang,this.numberingSystem),this.localizedMeridiem=null,this.localizedMinute=null,this.localizedMinuteSuffix=k("minute",this.messages._lang,this.numberingSystem),this.localizedSecond=null,this.localizedDecimalSeparator=D(this.messages._lang,this.numberingSystem),this.localizedFractionalSecond=null,this.localizedSecondSuffix=k("second",this.messages._lang,this.numberingSystem),this.meridiem=null,this.minute=null,this.second=null,this.value=null}setValuePart(e,i){let{effectiveHourFormat:a,messages:{_lang:s},numberingSystem:n}=this,r=a==="12";if(e==="meridiem"){if(this.meridiem=i,d(this.hour)){let u=parseInt(this.hour);switch(i){case"AM":u>=12&&(this.hour=p(u-12));break;case"PM":u<12&&(this.hour=p(u+12));break}this.localizedHour=S({value:this.hour,part:"hour",locale:s,numberingSystem:n,hour12:r})}}else if(e==="fractionalSecond"){let u=h(this.step);typeof i=="number"?this.fractionalSecond=i===0?"".padStart(u,"0"):p(i,u):this.fractionalSecond=i,this.localizedFractionalSecond=S({value:this.fractionalSecond,part:"fractionalSecond",locale:s,numberingSystem:n,hour12:r})}else this[e]=typeof i=="number"?p(i):i,this[`localized${Q(e)}`]=S({value:this[e],part:e,locale:s,numberingSystem:n,hour12:r});let l=!1,c;this.hour&&this.minute?(c=`${this.hour}:${this.minute}`,this.showSecond&&(c=`${c}:${this.second??"00"}`,this.showFractionalSecond&&this.fractionalSecond&&(c=`${c}.${this.fractionalSecond}`))):c=null,this.value!==c&&(l=!0),this.value=c,this.localizedMeridiem=this.value?x({hour12:r,locale:s,numberingSystem:n,value:this.value})?.localizedMeridiem||null:S({value:this.meridiem,part:"meridiem",locale:s,numberingSystem:n}),l&&this.calciteTimePickerChange.emit()}toggleSecond(){this.showSecond=this.step<60,this.showFractionalSecond=h(this.step)>0}updateLocale(){this.effectiveHourFormat=this.hourFormat==="user"?T(this.messages._lang):this.hourFormat,this.localizedDecimalSeparator=D(this.messages._lang,this.numberingSystem),this.meridiemOrder=O(this.messages._lang),this.setValue(this.sanitizeValue(this.value))}render(){let e=d(this.hour),i=C(this.scale),a=d(this.minute),s=d(this.second),n=d(this.fractionalSecond),r=this.messages._lang!=="bg"&&this.localizedSecondSuffix,l=this.effectiveHourFormat==="12";return m`<div class=${o({[t.timePicker]:!0,[t.showMeridiem]:l,[t.showSecond]:this.showSecond,[t[`scale-${this.scale}`]]:!0})} dir=ltr><div class=${o(t.column)} role=group><span .ariaLabel=${this.messages.hourUp} class=${o({[t.button]:!0,[t.buttonHourUp]:!0,[t.buttonTopLeft]:!0})} @click=${this.hourUpClickHandler} role=button><calcite-icon icon=chevron-up .scale=${i}></calcite-icon></span><span .ariaLabel=${this.messages.hour} aria-valuemax=23 aria-valuemin=1 .ariaValueNow=${e&&parseInt(this.hour)||"0"} .ariaValueText=${this.hour} class=${o({[t.input]:!0,[t.hour]:!0,[t.inputFocus]:this.activeEl&&this.activeEl===this.hourEl})} @click=${this.inputClickHandler} @focus=${this.focusHandler} @keydown=${this.hourKeyDownHandler} role=spinbutton tabindex=0 ${f(this.setHourEl)}>${this.localizedHour||"--"}</span><span .ariaLabel=${this.messages.hourDown} class=${o({[t.button]:!0,[t.buttonHourDown]:!0,[t.buttonBottomLeft]:!0})} @click=${this.hourDownClickHandler} role=button><calcite-icon icon=chevron-down .scale=${i}></calcite-icon></span></div><span class=${o({[t.delimiter]:!0,[t.hourSuffix]:!0})}>${this.localizedHourSuffix}</span><div class=${o(t.column)} role=group><span .ariaLabel=${this.messages.minuteUp} class=${o({[t.button]:!0,[t.buttonMinuteUp]:!0})} @click=${this.minuteUpClickHandler} role=button><calcite-icon icon=chevron-up .scale=${i}></calcite-icon></span><span .ariaLabel=${this.messages.minute} aria-valuemax=12 aria-valuemin=1 .ariaValueNow=${a&&parseInt(this.minute)||"0"} .ariaValueText=${this.minute} class=${o({[t.input]:!0,[t.minute]:!0,[t.inputFocus]:this.activeEl&&this.activeEl===this.minuteEl})} @click=${this.inputClickHandler} @focus=${this.focusHandler} @keydown=${this.minuteKeyDownHandler} role=spinbutton tabindex=0 ${f(this.setMinuteEl)}>${this.localizedMinute||"--"}</span><span .ariaLabel=${this.messages.minuteDown} class=${o({[t.button]:!0,[t.buttonMinuteDown]:!0})} @click=${this.minuteDownClickHandler} role=button><calcite-icon icon=chevron-down .scale=${i}></calcite-icon></span></div>${this.showSecond&&m`<span class=${o({[t.delimiter]:!0,[t.minuteSuffix]:!0})}>${this.localizedMinuteSuffix}</span>`||""}${this.showSecond&&m`<div class=${o(t.column)} role=group><span .ariaLabel=${this.messages.secondUp} class=${o({[t.button]:!0,[t.buttonSecondUp]:!0})} @click=${this.secondUpClickHandler} role=button><calcite-icon icon=chevron-up .scale=${i}></calcite-icon></span><span .ariaLabel=${this.messages.second} aria-valuemax=59 aria-valuemin=0 .ariaValueNow=${s&&parseInt(this.second)||"0"} .ariaValueText=${this.second} class=${o({[t.input]:!0,[t.second]:!0,[t.inputFocus]:this.activeEl&&this.activeEl===this.secondEl})} @click=${this.inputClickHandler} @focus=${this.focusHandler} @keydown=${this.secondKeyDownHandler} role=spinbutton tabindex=0 ${f(this.setSecondEl)}>${this.localizedSecond||"--"}</span><span .ariaLabel=${this.messages.secondDown} class=${o({[t.button]:!0,[t.buttonSecondDown]:!0})} @click=${this.secondDownClickHandler} role=button><calcite-icon icon=chevron-down .scale=${i}></calcite-icon></span></div>`||""}${this.showFractionalSecond&&m`<span class=${o({[t.delimiter]:!0,[t.decimalSeparator]:!0})}>${this.localizedDecimalSeparator}</span>`||""}${this.showFractionalSecond&&m`<div class=${o(t.column)} role=group><span .ariaLabel=${this.messages.fractionalSecondUp} class=${o({[t.button]:!0,[t.buttonFractionalSecondUp]:!0})} @click=${this.fractionalSecondUpClickHandler} role=button><calcite-icon icon=chevron-up .scale=${i}></calcite-icon></span><span .ariaLabel=${this.messages.fractionalSecond} aria-valuemax=999 aria-valuemin=1 .ariaValueNow=${n&&parseInt(this.fractionalSecond)||"0"} .ariaValueText=${this.localizedFractionalSecond} class=${o({[t.input]:!0,[t.fractionalSecond]:!0,[t.inputFocus]:this.activeEl&&this.activeEl===this.fractionalSecondEl})} @click=${this.inputClickHandler} @focus=${this.focusHandler} @keydown=${this.fractionalSecondKeyDownHandler} role=spinbutton tabindex=0 ${f(this.setFractionalSecondEl)}>${this.localizedFractionalSecond||"--"}</span><span .ariaLabel=${this.messages.fractionalSecondDown} class=${o({[t.button]:!0,[t.buttonFractionalSecondDown]:!0})} @click=${this.fractionalSecondDownClickHandler} role=button><calcite-icon icon=chevron-down .scale=${i}></calcite-icon></span></div>`||""}${r&&m`<span class=${o({[t.delimiter]:!0,[t.secondSuffix]:!0})}>${this.localizedSecondSuffix}</span>`||""}${l&&m`<div class=${o({[t.column]:!0,[t.meridiemStart]:this.meridiemOrder===0||V(this.el)==="rtl"})} role=group><span .ariaLabel=${this.messages.meridiemUp} class=${o({[t.button]:!0,[t.buttonMeridiemUp]:!0,[t.buttonTopRight]:!0})} @click=${this.meridiemUpClickHandler} role=button><calcite-icon icon=chevron-up .scale=${i}></calcite-icon></span><span .ariaLabel=${this.messages.meridiem} aria-valuemax=2 aria-valuemin=1 .ariaValueNow=${this.meridiem==="PM"&&"2"||"1"} .ariaValueText=${this.meridiem} class=${o({[t.input]:!0,[t.meridiem]:!0,[t.inputFocus]:this.activeEl&&this.activeEl===this.meridiemEl})} @click=${this.inputClickHandler} @focus=${this.focusHandler} @keydown=${this.meridiemKeyDownHandler} role=spinbutton tabindex=0 ${f(this.setMeridiemEl)}>${this.localizedMeridiem||"--"}</span><span .ariaLabel=${this.messages.meridiemDown} class=${o({[t.button]:!0,[t.buttonMeridiemDown]:!0,[t.buttonBottomRight]:!0})} @click=${this.meridiemDownClickHandler} role=button><calcite-icon icon=chevron-down .scale=${i}></calcite-icon></span></div>`||""}</div>`}};U("calcite-time-picker",z);export{z as TimePicker};

package/dist/calcite/FRK56FXW.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.99
-*/
-import{b as A}from"./PZ34QZ44.js";import{b as I}from"./BNYX7IBO.js";import"./2YSVELPG.js";import{a as b}from"./THTH4FYX.js";import"./GIRDDKPZ.js";import{a as B,b as H}from"./MRVEUN2O.js";import{a as s}from"./DCAWR655.js";import{a as C}from"./JFBHBHJE.js";import"./Z2ZTWA3F.js";import{a as z}from"./3HC2LTHR.js";import{n as y,u as d}from"./QIOSM7C2.js";import{a as S,b as w,d as E}from"./KEFBUO23.js";import"./OJ5D52RG.js";import{I as k,d as $,e as a,i as u,u as r,v as x,w as i}from"./XDGCDDNX.js";var c={content:"content",toggle:"toggle",header:"header"},t={actionsEnd:"actions-end",button:"button",container:"container",content:"content",contentStart:"content-start",controlContainer:"control-container",description:"description",header:"header",headerContainer:"header-container",headerHasText:"header--has-text",heading:"heading",icon:"icon",iconStart:"icon--start",iconEnd:"icon--end",iconEndContainer:"icon-end-container",invalid:"invalid",statusIcon:"status-icon",summary:"summary",title:"title",toggle:"toggle",toggleIcon:"toggle-icon",valid:"valid"},h={actionsEnd:"actions-end",contentStart:"content-start",control:"control",headerMenuActions:"header-menu-actions",icon:"icon"},v={opened:"chevron-up",closed:"chevron-down",valid:"check-circle",invalid:"exclamation-mark-triangle"},j=$`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{--calcite-icon-size: 1rem;--calcite-spacing-eighth: .125rem;--calcite-spacing-quarter: .25rem;--calcite-spacing-half: .5rem;--calcite-spacing-three-quarters: .75rem;--calcite-spacing: 1rem;--calcite-spacing-plus-quarter: 1.25rem;--calcite-spacing-plus-half: 1.5rem;--calcite-spacing-double: 2rem;--calcite-menu-min-width: 10rem;--calcite-header-min-height: 3rem;--calcite-footer-min-height: 3rem}: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;flex-shrink:0;flex-grow:0;flex-direction:column;border-width:0px;border-block-end-width:1px;border-style:solid;padding:0;transition-property:margin;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-timing-function:cubic-bezier(.215,.44,.42,.88);flex-basis:auto;transition-duration:var(--calcite-animation-timing);border-color:var(--calcite-block-border-color, var(--calcite-color-border-3))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.header{margin:0;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0;padding:0;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:.5rem}.header{justify-content:flex-start}.header--has-text{padding:var(--calcite-spacing-md)}.header,.toggle{grid-area:header}.header-container{display:grid;align-items:stretch;grid-template:auto/auto 1fr auto auto;grid-template-areas:"handle header control menu actions-end";grid-column:header-start/actions-end;grid-row:1/2}.content-start,.icon,.icon--start,.icon--end{margin-inline-end:var(--calcite-spacing-md)}.icon calcite-loader{margin-inline-end:var(--calcite-spacing-xxxs)}.icon--start,.icon--end{color:var(--calcite-block-text-color, var(--calcite-color-text-3))}.actions-end{grid-area:actions-end}.toggle{margin:0;display:flex;cursor:pointer;flex-wrap:nowrap;align-items:center;justify-content:space-between;border-style:none;padding:0;font-family:var(--calcite-font-family);outline-color:transparent;text-align:initial;background-color:var(--calcite-block-header-background-color, transparent)}.toggle:hover{background-color:var(--calcite-block-header-background-color-hover, var(--calcite-color-foreground-2))}.toggle:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}calcite-loader[inline]{grid-area:control;align-self:center}calcite-handle{grid-area:handle}.title{margin:0}.header .title .heading{padding:0;font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-medium);line-height:1.25;transition-property:color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);word-wrap:break-word;word-break:break-word;color:var(--calcite-block-header-text-color, var(--calcite-color-text-2))}.description{margin-block-start:.125rem;padding:0;font-size:var(--calcite-font-size--2);line-height:1.375;word-wrap:break-word;word-break:break-word;color:var(--calcite-block-text-color, var(--calcite-color-text-3))}.icon{display:flex}.status-icon.valid{color:var(--calcite-color-status-success)}.status-icon.invalid{color:var(--calcite-color-status-danger)}@keyframes spin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.icon-end-container{display:flex;align-items:center;margin-inline-start:auto}.toggle-icon{align-self:center;justify-self:end;transition-property:color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);margin-inline-end:var(--calcite-spacing-md);color:var(--calcite-block-text-color, var(--calcite-color-text-3))}.toggle:hover .toggle-icon{color:var(--calcite-block-text-color-hover, var(--calcite-color-text-1))}.container{position:relative;display:flex;block-size:100%;flex-direction:column}.content{position:relative;min-block-size:0px;flex:1 1 0%}@keyframes in{0%{opacity:0}to{opacity:1}}.content{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;padding-block:var(--calcite-block-padding, var(--calcite-spacing-sm));padding-inline:var(--calcite-block-padding, var(--calcite-spacing-md))}.content-start{display:flex;align-items:center;color:var(--calcite-block-text-color, var(--calcite-color-text-3))}.control-container{margin:0;display:flex;grid-area:control}calcite-action-menu{grid-area:menu}.actions-end{display:flex;align-items:stretch}:host([open]){margin-block:.5rem}:host([open]) .header .title .heading{color:var(--calcite-block-text-color-hover, var(--calcite-color-text-1))}:host([hidden]){display:none}[hidden]{display:none}`,f=class extends x{constructor(){super(...arguments),this.openTransitionProp="margin-top",this.hasContentStart=!1,this.hasControl=!1,this.hasEndActions=!1,this.hasIcon=!1,this.hasMenuActions=!1,this.collapsible=!1,this.disabled=!1,this.dragHandle=!1,this.loading=!1,this.menuPlacement=I,this.messages=z(),this.open=!1,this.overlayPositioning="absolute",this.calciteBlockBeforeClose=r({cancelable:!1}),this.calciteBlockBeforeOpen=r({cancelable:!1}),this.calciteBlockClose=r({cancelable:!1}),this.calciteBlockOpen=r({cancelable:!1}),this.calciteBlockToggle=r({cancelable:!1})}static{this.properties={hasContentStart:16,hasControl:16,hasEndActions:16,hasIcon:16,hasMenuActions:16,collapsible:7,description:1,disabled:7,dragHandle:7,heading:1,headingLevel:11,iconEnd:3,iconFlipRtl:3,iconStart:3,loading:7,label:1,menuFlipPlacements:0,menuPlacement:3,messageOverrides:0,open:7,overlayPositioning:3,status:3}}static{this.styles=j}async setFocus(){await E(this),y(this.el)}connectedCallback(){super.connectedCallback(),this.transitionEl=this.el}load(){S(this),this.open&&b(this),!this.heading&&!this.label&&C.warn(`${this.el.tagName} is missing both heading & label. Please provide a heading or label for the component to be accessible.`)}willUpdate(e){e.has("open")&&(this.hasUpdated||this.open!==!1)&&b(this)}updated(){B(this)}loaded(){w(this)}onBeforeOpen(){this.calciteBlockBeforeOpen.emit()}onOpen(){this.calciteBlockOpen.emit()}onBeforeClose(){this.calciteBlockBeforeClose.emit()}onClose(){this.calciteBlockClose.emit()}onHeaderClick(){this.open=!this.open,this.calciteBlockToggle.emit()}controlSlotChangeHandler(e){this.hasControl=d(e)}menuActionsSlotChangeHandler(e){this.hasMenuActions=d(e)}iconSlotChangeHandler(e){this.hasIcon=d(e)}actionsEndSlotChangeHandler(e){this.hasEndActions=d(e)}handleContentStartSlotChange(e){this.hasContentStart=d(e)}renderScrim(){let{loading:e}=this,o=a`<slot></slot>`;return[e?a`<calcite-scrim .loading=${e}></calcite-scrim>`:null,o]}renderLoaderStatusIcon(){let{loading:e,messages:o,status:n}=this;return e?s("loader",a`<div class=${i(t.icon)}><calcite-loader inline .label=${o.loading}></calcite-loader></div>`):n?s("status-icon",a`<div class=${i(t.icon)}><calcite-icon class=${i({[t.statusIcon]:!0,[t.valid]:n=="valid",[t.invalid]:n=="invalid"})} .icon=${v[n]} scale=s></calcite-icon></div>`):s("icon-slot",a`<div class=${i(t.icon)} .hidden=${!this.hasIcon}>${s("icon-slot",a`<slot name=${h.icon} @slotchange=${this.iconSlotChangeHandler}></slot>`)}</div>`)}renderActionsEnd(){return a`<div class=${i(t.actionsEnd)} .hidden=${!this.hasEndActions}><slot name=${h.actionsEnd} @slotchange=${this.actionsEndSlotChangeHandler}></slot></div>`}renderContentStart(){return a`<div class=${i(t.contentStart)} .hidden=${!this.hasContentStart}><slot name=${h.contentStart} @slotchange=${this.handleContentStartSlotChange}></slot></div>`}renderTitle(){let{heading:e,headingLevel:o,description:n}=this;return e||n?a`<div class=${i(t.title)}>${A({class:t.heading,level:o,children:e})}${n?a`<div class=${i(t.description)}>${n}</div>`:null}</div>`:null}renderIcon(e){let{iconFlipRtl:o}=this,n=o==="both"||e==="start"?o==="start":o==="end",l=e==="start"?this.iconStart:this.iconEnd,g=e==="start"?t.iconStart:t.iconEnd;if(l)return s(l,a`<calcite-icon class=${i(g)} .flipRtl=${n} .icon=${l} scale=s></calcite-icon>`)}render(){let{collapsible:e,loading:o,open:n,label:l,heading:g,messages:m,description:P,menuFlipPlacements:M,menuPlacement:O}=this,T=n?m.collapse:m.expand,p=a`<header class=${i({[t.header]:!0,[t.headerHasText]:!!(g||P)})} id=${c.header}>${this.renderIcon("start")}${this.renderContentStart()}${this.renderLoaderStatusIcon()}${this.renderTitle()}</header>`,F=n?v.opened:v.closed,L=a`<div class=${i(t.headerContainer)}>${this.dragHandle?a`<calcite-handle .label=${g||l}></calcite-handle>`:null}${e?a`<button aria-controls=${c.content} aria-describedby=${c.header} .ariaExpanded=${e?n:null} class=${i(t.toggle)} id=${c.toggle} @click=${this.onHeaderClick} title=${T??u}>${p}<div class=${i(t.iconEndContainer)}>${this.renderIcon("end")}<calcite-icon class=${i(t.toggleIcon)} .icon=${F} scale=s></calcite-icon></div></button>`:this.iconEnd?a`<div>${p}<div class=${i(t.iconEndContainer)}>${this.renderIcon("end")}</div></div>`:p}<div aria-labelledby=${c.header} class=${i(t.controlContainer)} .hidden=${!this.hasControl}><slot name=${h.control} @slotchange=${this.controlSlotChangeHandler}></slot></div><calcite-action-menu .flipPlacements=${M??["top","bottom"]} .hidden=${!this.hasMenuActions} .label=${m.options} .overlayPositioning=${this.overlayPositioning} .placement=${O}><slot name=${h.headerMenuActions} @slotchange=${this.menuActionsSlotChangeHandler}></slot></calcite-action-menu>${this.renderActionsEnd()}</div>`;return H({disabled:this.disabled,children:a`<article aria-label=${l??u} .ariaBusy=${o} class=${i({[t.container]:!0})}>${L}<section aria-labelledby=${c.toggle} class=${i(t.content)} .hidden=${!n} id=${c.content}>${this.renderScrim()}</section></article>`})}};k("calcite-block",f);export{f as Block};

package/dist/calcite/FSORFWYW.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.99
-*/
-import{a as D}from"./TWZNPBFB.js";import{c as E,e as z,h as P}from"./EWQKTTIO.js";import{c as O,d as R}from"./P64WY2HI.js";import{a as C,b as M}from"./MRVEUN2O.js";import{a as F}from"./3HC2LTHR.js";import{n as x}from"./QIOSM7C2.js";import{a as V,b as L,d as I}from"./KEFBUO23.js";import{a as w}from"./OJ5D52RG.js";import{A as $,I as k,d as g,e as s,t as m,u as b,v as f,w as u,x as y,y as l}from"./XDGCDDNX.js";var K=({full:p,scale:e,partial:t})=>s`<calcite-icon class=${u(t?void 0:"icon")} .icon=${p?"star-f":"star"} .scale=${e}></calcite-icon>`,q={validationMessage:"validationMessage"},N=g`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([read-only]) *,:host([disabled]) *,:host([read-only]) ::slotted(*),:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;align-items:center;inline-size:fit-content}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){block-size:1.5rem;--calcite-internal-rating-spacing: .25rem}:host([scale=m]){block-size:2rem;--calcite-internal-rating-spacing: .5rem}:host([scale=l]){block-size:2.75rem;--calcite-internal-rating-spacing: .75rem}.fieldset{margin:0;display:flex;border-width:0;padding:0;align-items:center;gap:var(--calcite-rating-spacing, var(--calcite-internal-rating-spacing))}.wrapper{display:inline-block}.star{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;position:relative;display:flex;flex-direction:column;cursor:pointer;color:var(--calcite-rating-color, var(--calcite-color-border-input))}.star:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.average,.fraction{color:var(--calcite-rating-average-color, var(--calcite-color-status-warning))}.hovered,.selected{color:var(--calcite-rating-color-hover, var(--calcite-color-brand))}.fraction{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;position:absolute;pointer-events:none;inset-block-start:0;overflow:hidden;inset-inline-start:0}calcite-chip{pointer-events:none;cursor:default}.number--average{font-weight:700;color:var(--calcite-rating-average-text-color)}.number--count{color:var(--calcite-rating-count-text-color, var(--calcite-color-text-2));font-style:italic}.number--count:not(:first-child){margin-inline-start:var(--calcite-rating-spacing, var(--calcite-internal-rating-spacing))}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}:host([hidden]){display:none}[hidden]{display:none}`,v=class extends f{constructor(){super(),this.emit=!1,this.guid=`calcite-ratings-${w()}`,this.isKeyboardInteraction=!0,this.labelElements=[],this.max=5,this._value=0,this.disabled=!1,this.messages=F({blocking:!0}),this.readOnly=!1,this.required=!1,this.scale="m",this.showChip=!1,this.status="idle",this.validity={valid:!1,badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1},this.calciteRatingChange=b({cancelable:!1}),this.listen("keydown",this.handleHostKeyDown),this.listen("pointerout",this.handleRatingPointerOut),this.listen("pointerover",this.handleRatingPointerOver)}static{this.properties={hoverValue:16,average:11,count:11,disabled:7,form:3,messageOverrides:0,name:3,readOnly:7,required:7,scale:3,showChip:7,status:3,validationIcon:[3,{converter:$}],validationMessage:1,validity:0,value:11}}static{this.styles=N}get value(){return this._value}set value(e){let t=this._value;e!==t&&(this._value=e,this.hasUpdated&&this.handleValueUpdate(e))}async setFocus(){await I(this),x(this.el)}connectedCallback(){super.connectedCallback(),O(this),E(this)}async load(){V(this),this.requestUpdate("value")}willUpdate(){this.starsMap=Array.from({length:this.max},(e,t)=>{let a=t+1,i=!this.hoverValue&&this.average&&!this.value&&a<=this.average,h=a===this.value,n=this.average&&this.average+1-a,r=a<=this.hoverValue,c=`${this.guid}-${a}`,o=!this.hoverValue&&!this.value&&!r&&n>0&&n<1,d=this.value>=a,A=this.getTabIndex(a);return{average:i,checked:h,fraction:n,hovered:r,id:c,partial:o,selected:d,value:a,tabIndex:A}})}updated(){C(this)}loaded(){this.labelElements=Array.from(this.renderRoot.querySelectorAll("label")),L(this)}disconnectedCallback(){super.disconnectedCallback(),R(this),z(this)}handleValueUpdate(e){this.hoverValue=e,this.emit&&this.calciteRatingChange.emit(),this.emit=!1}onLabelClick(){this.setFocus()}handleRatingPointerOver(){this.isKeyboardInteraction=!1}handleRatingPointerOut(){this.isKeyboardInteraction=!0,this.hoverValue=null}handleHostKeyDown(){this.isKeyboardInteraction=!0}handleLabelKeyDown(e){let t=this.getValueFromLabelEvent(e),a=e.key,i=a==" "?void 0:Number(a);if(this.emit=!0,isNaN(i))switch(a){case"Enter":case" ":this.value=!this.required&&this.value===t?0:t;break;case"ArrowLeft":this.value=this.getPreviousRatingValue(t),this.updateFocus(),e.preventDefault();break;case"ArrowRight":this.value=this.getNextRatingValue(t),this.updateFocus(),e.preventDefault();break;case"Tab":this.hoverValue=null;break}else!this.required&&i>=0&&i<=this.max?this.value=i:this.required&&i>0&&i<=this.max&&(this.value=i),this.updateFocus()}handleInputChange(e){if(this.isKeyboardInteraction===!0){let t=Number(e.target.value);this.hoverValue=t,this.value=t}}handleLabelPointerOver(e){this.hoverValue=this.getValueFromLabelEvent(e)}handleLabelPointerDown(e){let t=e.currentTarget,a=this.getValueFromLabelEvent(e);this.hoverValue=a,this.emit=!0,this.value=!this.required&&this.value===a?0:a,t.focus()}handleLabelClick(e){e.preventDefault()}handleLabelFocus(e){let t=this.getValueFromLabelEvent(e);this.hoverValue=t}updateFocus(){this.hoverValue=this.value,this.labelElements[this.value-1].focus()}getTabIndex(e){return this.readOnly||this.value!==e&&(this.value||e!==1)?-1:0}getValueFromLabelEvent(e){let t=e.currentTarget;return Number(t.getAttribute("data-value"))}getNextRatingValue(e){return e===5?1:e+1}getPreviousRatingValue(e){return e===1?5:e-1}render(){let e=this.count?.toString();return M({disabled:this.disabled,children:s`<span class="wrapper"><fieldset class="fieldset" .disabled=${this.disabled}><legend class="visually-hidden">${this.messages.rating}</legend>${this.starsMap.map(({average:t,checked:a,fraction:i,hovered:h,id:n,partial:r,selected:c,value:o,tabIndex:d})=>s`<label class=${u({star:!0,selected:c,hovered:h,average:t,partial:r})} data-value=${o??l} for=${n??l} @click=${this.handleLabelClick} @focus=${this.handleLabelFocus} @keydown=${this.handleLabelKeyDown} @pointerdown=${this.handleLabelPointerDown} @pointerover=${this.handleLabelPointerOver} tabindex=${d??l}><input aria-errormessage=${q.validationMessage} .ariaInvalid=${this.status==="invalid"} .checked=${a} class="visually-hidden" .disabled=${this.disabled||this.readOnly} id=${n??l} name=${this.guid??l} @change=${this.handleInputChange} tabindex=-1 type=radio .value=${m(o??"")}>${K({full:c||t,scale:this.scale})}${r&&s`<div class="fraction" style=${y({width:`${i*100}%`})}>${K({full:!0,partial:!0,scale:this.scale})}</div>`||""}<span class="visually-hidden">${this.messages.stars.replace("{num}",`${o}`)}</span></label>`)}${(this.count||this.average)&&this.showChip?s`<calcite-chip .label=${e} .scale=${this.scale} .value=${e}>${!!this.average&&s`<span class="number--average">${this.average.toString()}</span>`||""}${!!this.count&&s`<span class="number--count">(${e})</span>`||""}</calcite-chip>`:null}</fieldset>${P({component:this})}${this.validationMessage&&this.status==="invalid"?D({icon:this.validationIcon,id:q.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}</span>`})}};k("calcite-rating",v);export{v as Rating};

package/dist/calcite/FWSMKN2T.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.99
-*/
-import{a as f}from"./3Z3RDAUW.js";import{b as p}from"./CTQ5YHOP.js";import{B as u}from"./QIOSM7C2.js";import{a as w,b as g,d as b}from"./KEFBUO23.js";import"./OJ5D52RG.js";import{I as m,d as l,e as c,v as d,w as h}from"./XDGCDDNX.js";var n={frame:"frame",frameAdvancing:"frame--advancing",frameRetreating:"frame--retreating"},v=l`: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:relative;display:flex;inline-size:100%;flex:1 1 auto;align-items:stretch;overflow:hidden;background-color:transparent}:host .frame{position:relative;margin:0;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;padding:0;animation-name:none;animation-duration:var(--calcite-animation-timing)}:host ::slotted(*){display:none;block-size:100%}:host ::slotted(*[selected]){display:flex}:host ::slotted(.calcite-match-height:last-child){display:flex;flex:1 1 auto;overflow:hidden}:host .frame--advancing{animation-name:calcite-frame-advance}:host .frame--retreating{animation-name:calcite-frame-retreat}@keyframes calcite-frame-advance{0%{--tw-bg-opacity: .5;transform:translate3d(50px,0,0)}to{--tw-bg-opacity: 1;transform:translateZ(0)}}@keyframes calcite-frame-retreat{0%{--tw-bg-opacity: .5;transform:translate3d(-50px,0,0)}to{--tw-bg-opacity: 1;transform:translateZ(0)}}:host([hidden]){display:none}[hidden]{display:none}`,o=class extends d{constructor(){super(),this.itemMutationObserver=f("mutation",()=>this.handleMutationObserverChange()),this.selectedIndex=-1,this.flowDirection="standby",this.items=[],this.listen("calciteInternalFlowItemChange",this.handleCalciteInternalFlowItemChange),this.listen("calciteFlowItemBack",this.handleItemBackClick)}static{this.properties={flowDirection:16,items:16,customItemSelectors:1}}static{this.styles=v}async back(){let{items:e,selectedIndex:t}=this,i=e[t],a=e[t-1];if(!i||!a)return;let s=i.beforeBack?i.beforeBack:()=>Promise.resolve();try{await s.call(i)}catch{return}return i.selected=!1,a.selected=!0,a}async setFocus(){await b(this);let{items:e}=this;return e[this.selectedIndex]?.setFocus()}connectedCallback(){super.connectedCallback(),this.itemMutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.handleMutationObserverChange()}load(){w(this)}willUpdate(e){e.has("flowDirection")&&(this.hasUpdated||this.flowDirection!=="standby")&&this.handleFlowDirectionChange(this.flowDirection)}loaded(){g(this)}disconnectedCallback(){super.disconnectedCallback(),this.itemMutationObserver?.disconnect()}async handleFlowDirectionChange(e){e!=="standby"&&(await u(this.frameEl,e==="retreating"?"calcite-frame-retreat":"calcite-frame-advance"),this.resetFlowDirection())}handleCalciteInternalFlowItemChange(e){e.stopPropagation(),this.updateFlowProps()}async handleItemBackClick(e){if(!e.defaultPrevented)return await this.back(),this.setFocus()}resetFlowDirection(){this.flowDirection="standby"}getFlowDirection(e,t){let i=e>0;return!(e>-1&&t>0)&&!i?"standby":t<e?"retreating":"advancing"}handleMutationObserverChange(){let{customItemSelectors:e,el:t}=this,i=Array.from(t.querySelectorAll(`calcite-flow-item${e?`,${e}`:""}`)).filter(a=>a.closest("calcite-flow")===t);this.items=i,this.ensureSelectedFlowItemExists(),this.updateFlowProps()}updateFlowProps(){let{selectedIndex:e,items:t}=this,i=this.findSelectedFlowItemIndex(t);t.forEach((a,s)=>{let r=s===i;r||(a.menuOpen=!1),a.showBackButton=r&&i>0}),i!==-1&&(e!==i&&(this.flowDirection=this.getFlowDirection(e,i)),this.selectedIndex=i)}findSelectedFlowItemIndex(e){let t=e.slice(0).reverse().find(i=>!!i.selected);return e.indexOf(t)}ensureSelectedFlowItemExists(){let{items:e}=this;if(this.findSelectedFlowItemIndex(e)!==-1)return;let t=e[e.length-1];t&&(t.selected=!0)}setFrameEl(e){this.frameEl=e}render(){let{flowDirection:e}=this,t={[n.frame]:!0,[n.frameAdvancing]:e==="advancing",[n.frameRetreating]:e==="retreating"};return c`<div class=${h(t)} ${p(this.setFrameEl)}><slot></slot></div>`}};m("calcite-flow",o);export{o as Flow};

package/dist/calcite/GGQW5H6B.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.99
-*/
-import{a as c}from"./DCAWR655.js";import{a as h}from"./JFBHBHJE.js";import{v as d}from"./QIOSM7C2.js";import"./OJ5D52RG.js";import{I as l,d as s,e,v as n,w as a}from"./XDGCDDNX.js";var p={actionBarContainer:"action-bar-container",content:"content"},m={actionBar:"action-bar"},x=s`: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:0;display:flex;block-size:100%;inline-size:100%;overflow:hidden;flex:1 0 0}.action-bar-container{display:flex}:host([detached]){margin-inline:.5rem;margin-block:.5rem 1.5rem}@keyframes in-up{0%{opacity:0;transform:translate3D(0,5px,0)}to{opacity:1;transform:translateZ(0)}}:host([detached]){animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:.25rem;border-width:0px;--tw-shadow: 0 4px 8px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(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}`,i=class extends n{constructor(){super(...arguments),this.detached=!1,this.heightScale="s",this.position="end"}static{this.properties={actionBar:16,detached:7,heightScale:3,position:3}}static{this.styles=x}load(){h.deprecated("component",{name:"shell-center-row",removalVersion:4,suggested:"shell-panel"})}loaded(){this.actionBar?.position==="end"&&this.requestUpdate()}handleActionBarSlotChange(t){this.actionBar=d(t).filter(o=>o.matches("calcite-action-bar"))[0]}render(){let{actionBar:t}=this,o=e`<div class=${a(p.content)}><slot></slot></div>`,r=[c("action-bar",e`<div class=${a(p.actionBarContainer)} .hidden=${!this.actionBar}><slot name=${m.actionBar} @slotchange=${this.handleActionBarSlotChange}></slot></div>`),o];return t?.position==="end"&&r.reverse(),r}};l("calcite-shell-center-row",i);export{i as ShellCenterRow};

package/dist/calcite/GHY53YEU.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.99
-*/
-import{a as T,b as R,d as F}from"./EWQKTTIO.js";import{c as C,d as S,e as O}from"./P64WY2HI.js";import{b as l,c as L}from"./GIRDDKPZ.js";import{a as z,b as $}from"./MRVEUN2O.js";import{a as c}from"./IUBUCDD6.js";import"./JFBHBHJE.js";import{a as r}from"./3Z3RDAUW.js";import{a as E}from"./3HC2LTHR.js";import{a as f,b as i}from"./CTQ5YHOP.js";import{t as m}from"./QIOSM7C2.js";import{a as x,b as w,d as y}from"./KEFBUO23.js";import"./OJ5D52RG.js";import{A as v,F as g,I as k,b as u,d as h,e as o,v as b,w as n,y as a}from"./XDGCDDNX.js";var e={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"},P=h`: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-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host button,:host a{--calcite-button-content-margin-internal: .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:0;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: .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:0;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(.5)}to{inline-size:1em;opacity:1;transform:scale(1)}}@keyframes loader-out{0%{inline-size:1em;opacity:1;transform:scale(1)}to{inline-size:0;opacity:0;transform:scale(.5)}}.calcite-button--loader{display:flex}.calcite-button--loader calcite-loader{margin:0}: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: .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: .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: .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: .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: .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(:is([scale=s],[scale=m],[scale=l])[width=full]) a:not(.content--slotted),:host(:is([scale=s],[scale=m],[scale=l])[width=full]) button:not(.content--slotted){inline-size:var(--calcite-container-size-content-fluid)}:host([scale=l][appearance=transparent]) button:not(.content--slotted),:host([scale=l][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-y-internal: .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}`,s=class extends b{constructor(){super(...arguments),this.attributeWatch=u(["aria-expanded"],this.handleGlobalAttributesChanged),this.contentEl=f(),this.mutationObserver=r("mutation",()=>this.updateHasContent()),this.resizeObserver=r("resize",()=>this.setTooltipText()),this.hasContent=!1,this.alignment="center",this.appearance="solid",this.disabled=!1,this.download=!1,this.kind="brand",this.loading=!1,this.messages=E(),this.round=!1,this.scale="m",this.splitChild=!1,this.type="button",this.width="auto"}static{this.properties={hasContent:16,tooltipText:16,alignment:3,appearance:3,disabled:7,download:[3,{converter:v}],form:3,href:3,iconEnd:3,iconFlipRtl:3,iconStart:3,kind:3,label:1,loading:7,messageOverrides:0,name:3,rel:3,round:7,scale:3,splitChild:3,target:3,type:3,width:3}}static{this.styles=P}async setFocus(){await y(this),this.childEl?.focus()}connectedCallback(){super.connectedCallback(),this.setupTextContentObserver(),C(this),this.formEl=F(this)}async load(){x(this),g()&&this.updateHasContent()}updated(){z(this)}loaded(){w(this),this.setTooltipText()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),S(this),this.resizeObserver?.disconnect(),this.formEl=null}handleGlobalAttributesChanged(){this.requestUpdate()}updateHasContent(){this.hasContent=m(this.el)}setupTextContentObserver(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}onLabelClick(){this.handleClick(),this.setFocus()}handleClick(){let{type:t}=this;this.href||(t==="submit"?T(this):t==="reset"&&R(this))}setTooltipText(){let{contentEl:{value:t}}=this;t&&(this.tooltipText=t.offsetWidth<t.scrollWidth&&this.el.innerText||null)}setChildEl(t){this.childEl=t,t&&this.resizeObserver?.observe(t)}render(){let t=this.href?"a":"button",d=this.href?l`a`:l`button`,j=this.loading?o`<div class=${n(e.buttonLoader)}><calcite-loader class=${n(this.loading?e.loadingIn:e.loadingOut)} inline .label=${this.messages.loading} .scale=${this.scale==="l"?"m":"s"}></calcite-loader></div>`:null,p=!this.iconStart&&!this.iconEnd,A=o`<calcite-icon class=${n({[e.icon]:!0,[e.iconStart]:!0})} .flipRtl=${this.iconFlipRtl==="start"||this.iconFlipRtl==="both"} .icon=${this.iconStart} .scale=${c(this.scale)}></calcite-icon>`,H=o`<calcite-icon class=${n({[e.icon]:!0,[e.iconEnd]:!0})} .flipRtl=${this.iconFlipRtl==="end"||this.iconFlipRtl==="both"} .icon=${this.iconEnd} .scale=${c(this.scale)}></calcite-icon>`,I=o`<span class=${n(e.content)} ${i(this.contentEl)}><slot></slot></span>`;return $({disabled:this.disabled,children:L`<${d} .ariaBusy=${this.loading} .ariaExpanded=${this.el.ariaExpanded?this.el.ariaExpanded:null} .ariaLabel=${this.loading?this.messages.loading:O(this)} aria-live=polite class=${n({[e.buttonPadding]:p,[e.buttonPaddingShrunk]:!p,[e.contentSlotted]:this.hasContent,[e.iconStartEmpty]:!this.iconStart,[e.iconEndEmpty]:!this.iconEnd})} .disabled=${t==="button"?this.disabled:null} download=${(t==="a"?this.download===!0||this.download===""?"":this.download||null:null)??a} href=${(t==="a"&&this.href)??a} name=${(t==="button"&&this.name)??a} @click=${this.handleClick} rel=${(t==="a"&&this.rel)??a} tabindex=${(this.disabled?-1:null)??a} target=${(t==="a"&&this.target)??a} title=${this.tooltipText??a} type=${(t==="button"?this.type:null)??a} ${i(this.setChildEl)}>${j}${this.iconStart?A:null}${this.hasContent?I:null}${this.iconEnd?H:null}</${d}>`})}};k("calcite-button",s);export{s as Button};

package/dist/calcite/GWGCBSIN.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.99
-*/
-import{h as F,k as f}from"./G4Q2QH6B.js";import{c as I,e as U,f as A}from"./EWQKTTIO.js";import{a as g}from"./DCAWR655.js";import"./T7AHSVKE.js";import{a as V}from"./3Z3RDAUW.js";import{a as S}from"./3HC2LTHR.js";import{a as p,b as m}from"./CTQ5YHOP.js";import{q as C}from"./QIOSM7C2.js";import{a as M,b as R}from"./KEFBUO23.js";import"./OJ5D52RG.js";import{I as T,d as k,e as h,v as E,w as b,x as u}from"./XDGCDDNX.js";var s={container:"container",fill:"fill",stepLine:"step-line",label:"label",labelHidden:"label-hidden",labelRange:"label-range",labelValue:"label-value",unitLabel:"unit-label",stepsVisible:"steps-visible",valueVisible:"value-visible",success:"fill-success",warning:"fill-warning",danger:"fill-danger"},B=k`: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([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host{display:flex;--calcite-meter-space-internal: .125rem;--calcite-meter-height-internal: 1rem;--calcite-meter-font-size-internal: var(--calcite-font-size--1)}:host([scale=s]){--calcite-meter-height-internal: .75rem;--calcite-meter-font-size-internal: var(--calcite-font-size--2)}:host([scale=l]){--calcite-meter-height-internal: 1.5rem;--calcite-meter-font-size-internal: var(--calcite-font-size-0)}.container{position:relative;margin:0;display:flex;inline-size:100%;align-items:center;block-size:var(--calcite-meter-height-internal);background-color:var(--calcite-color-foreground-2);border:1px solid var(--calcite-color-border-3);border-radius:var(--calcite-meter-height-internal)}.solid{border:1px solid var(--calcite-color-foreground-3);background-color:var(--calcite-color-foreground-3)}.outline{background-color:transparent}.value-visible{margin-block-start:1.5rem}.steps-visible{margin-block-end:1.5rem}.step-line{position:absolute;inset-block:0px;display:block;inline-size:var(--calcite-meter-space-internal);background-color:var(--calcite-color-border-3)}.label{position:absolute;font-size:var(--calcite-meter-font-size-internal)}.label-hidden{visibility:hidden;opacity:0}.label-value{inset-block-end:calc(100% + .5em);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-1)}.label-range{color:var(--calcite-color-text-3);inset-block-start:calc(100% + .5em)}.unit-label{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-3)}.label-value .unit-label{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-2)}.fill{position:absolute;z-index:var(--calcite-z-index);display:block;background-color:var(--calcite-color-brand);transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);inset-inline-start:var(--calcite-meter-space-internal);inset-block:var(--calcite-meter-space-internal);border-radius:var(--calcite-meter-height-internal);max-inline-size:calc(100% - var(--calcite-meter-space-internal) * 2);min-inline-size:calc(var(--calcite-meter-height-internal) - var(--calcite-meter-space-internal) * 2);transition-property:inline-size,background-color,box-shadow}.fill-danger{background-color:var(--calcite-color-status-danger)}.fill-success{background-color:var(--calcite-color-status-success)}.fill-warning{background-color:var(--calcite-color-status-warning)}.solid .fill{inset-block:0;inset-inline-start:0;max-inline-size:100%;min-inline-size:calc(var(--calcite-meter-height-internal));box-shadow:0 0 0 1px var(--calcite-color-brand)}.solid .fill-danger{box-shadow:0 0 0 1px var(--calcite-color-status-danger)}.solid .fill-success{box-shadow:0 0 0 1px var(--calcite-color-status-success)}.solid .fill-warning{box-shadow:0 0 0 1px var(--calcite-color-status-warning)}`,$=class extends E{constructor(){super(...arguments),this.highLabelEl=p(),this.labelFlipMax=.8,this.labelFlipProximity=.15,this.lowLabelEl=p(),this.maxLabelEl=p(),this.maxPercent=100,this.messages=S({name:null}),this.meterContainerEl=p(),this.minLabelEl=p(),this.minPercent=0,this.resizeObserver=V("resize",()=>this.resizeHandler()),this.valueLabelEl=p(),this.appearance="outline-fill",this.disabled=!1,this.fillType="range",this.groupSeparator=!1,this.max=100,this.min=0,this.rangeLabelType="percent",this.rangeLabels=!1,this.scale="m",this.unitLabel="",this.valueLabel=!1,this.valueLabelType="percent"}static{this.properties={currentPercent:16,highActive:16,highPercent:16,lowActive:16,lowPercent:16,appearance:3,disabled:7,fillType:3,form:3,groupSeparator:7,high:11,label:1,low:11,max:11,min:11,name:3,numberingSystem:1,rangeLabelType:3,rangeLabels:7,scale:3,unitLabel:1,value:9,valueLabel:7,valueLabelType:3}}static{this.styles=B}connectedCallback(){super.connectedCallback(),I(this),this.resizeObserver?.observe(this.el)}load(){M(this),this.calculateValues(),A(this,this.value)}willUpdate(e){(e.has("min")&&(this.hasUpdated||this.min!==0)||e.has("max")&&(this.hasUpdated||this.max!==100)||e.has("low")||e.has("high")||e.has("value"))&&this.handleRangeChange(),(e.has("rangeLabels")&&(this.hasUpdated||this.rangeLabels!==!1)||e.has("rangeLabelType")&&(this.hasUpdated||this.rangeLabelType!=="percent")||e.has("unitLabel")&&(this.hasUpdated||this.unitLabel!=="")||e.has("valueLabel")&&(this.hasUpdated||this.valueLabel!==!1)||e.has("valueLabelType")&&(this.hasUpdated||this.valueLabelType!=="percent"))&&this.updateLabels()}loaded(){R(this),this.updateLabels()}disconnectedCallback(){super.disconnectedCallback(),U(this),this.resizeObserver?.disconnect()}handleRangeChange(){this.calculateValues(),this.updateLabels()}resizeHandler(){this.updateLabels()}updateLabels(){this.valueLabelEl.value&&this.determineValueLabelPosition(),this.rangeLabels&&this.determineVisibleLabels()}calculateValues(){let{min:e,max:a,low:t,high:i,value:l}=this,n=100*(t-e)/(a-e),r=100*(i-e)/(a-e),c=100*(l-e)/(a-e);(!t||t<e||t>i||t>a)&&(this.low=e),(!i||i>a||i<t||i<e)&&(this.high=a),l||(this.value=e),this.lowPercent=n,this.highPercent=r,this.currentPercent=l?c:0,this.lowActive=!!t&&t>e&&(!l||t>l)&&(!i||t<i),this.highActive=!!i&&e<=i&&i<a&&(!l||i>l)&&(!t||i>t)}formatLabel(e,a){if(a==="percent"){if(!this.percentFormatting){let t=F(this.messages._lang),i=new Intl.NumberFormat(t,{useGrouping:this.groupSeparator,style:"percent"});this.percentFormatting={formatter:i,locale:t}}return this.percentFormatting.formatter.format(e)}else return f.numberFormatOptions={locale:this.messages._lang,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},f.localize(e.toString())}getMeterKindCssClass(){let{low:e,high:a,min:t,max:i,value:l}=this,n=e||t,r=a||i,c=l>=n,d=l<n,v=l>=r,o=l<r;return!l||!e&&o||d?s.success:c&&o?s.warning:v?s.danger:s.success}intersects(e,a){return e&&a&&C(e.getBoundingClientRect(),a.getBoundingClientRect())}determineVisibleLabels(){let{minLabelEl:{value:e},lowLabelEl:{value:a},highLabelEl:{value:t},maxLabelEl:{value:i}}=this,l=this.intersects(t,i),n=this.intersects(a,t),r=this.intersects(a,i),c=this.intersects(e,t),d=this.intersects(e,a),v=this.intersects(e,i),o=s.labelHidden;a&&(d||r||n?a.classList.add(o):a.classList.remove(o)),t&&(c||r||l?t.classList.add(o):t.classList.remove(o)),e&&i&&(v?i.classList.add(o):i.classList.remove(o))}determineValueLabelPosition(){let{valueLabelEl:{value:e},meterContainerEl:{value:a},currentPercent:t}=this,i=t>100?100:t>0?t:0,l=e.getBoundingClientRect().width,n=a.getBoundingClientRect().width,r=100*(l-0)/(n-0);i+r>=100?(e.style.insetInlineEnd="0%",e.style.removeProperty("inset-inline-start")):(e.style.insetInlineStart=`${i}% `,e.style.removeProperty("inset-inline-end"))}renderMeterFill(){let{currentPercent:e,fillType:a}=this,t=this.getMeterKindCssClass();return h`<div class=${b({[s.fill]:!0,[t]:a!=="single"})} style=${u({width:`${e}%`})}></div>`}renderRangeLine(e){let a={insetInlineStart:`${e}%`};return h`<div class=${b(s.stepLine)} style=${u(a)}></div>`}renderValueLabel(){let{currentPercent:e,valueLabelType:a,unitLabel:t,value:i}=this,l=this.formatLabel(a==="percent"?e/100:i||0,a);return g("low-label-line",h`<div class=${b({[s.label]:!0,[s.labelValue]:!0})} ${m(this.valueLabelEl)}>${l}${t&&a!=="percent"&&h`<span class=${b(s.unitLabel)}>&nbsp;${t}</span>`||""}</div>`)}renderMinLabel(){let{rangeLabelType:e,min:a,minPercent:t,unitLabel:i}=this,l={insetInlineStart:`${t}%`},n=this.formatLabel(e==="percent"?t:a,e);return g("min-label-line",h`<div class=${b({[s.label]:!0,[s.labelRange]:!0})} style=${u(l)} ${m(this.minLabelEl)}>${n}${i&&e!=="percent"&&h`<span class=${b(s.unitLabel)}>&nbsp;${i}</span>`||""}</div>`)}renderLowLabel(){let{rangeLabelType:e,low:a,lowPercent:t,highPercent:i,labelFlipProximity:l}=this,n=a?this.formatLabel(e==="percent"?t/100:a,e):"",r={insetInlineStart:`${t}%`},c={insetInlineEnd:`${100-t}%`},d=(i-t)/100<l?c:r;return g("low-label-line",h`<div class=${b({[s.label]:!0,[s.labelRange]:!0})} style=${u(d)} ${m(this.lowLabelEl)}>${n}</div>`)}renderHighLabel(){let{rangeLabelType:e,high:a,highPercent:t,labelFlipMax:i}=this,l=a?this.formatLabel(e==="percent"?t/100:a,e):"",n={insetInlineStart:`${t}%`},r={insetInlineEnd:`${100-t}%`},c=t/100>=i?r:n;return g("high-label-line",h`<div class=${b({[s.label]:!0,[s.labelRange]:!0})} style=${u(c)} ${m(this.highLabelEl)}>${l}</div>`)}renderMaxLabel(){let{rangeLabelType:e,max:a,maxPercent:t}=this,i={insetInlineEnd:`${100-t}%`},l=this.formatLabel(e==="percent"?t/100:a,e);return g("max-label-line",h`<div class=${b({[s.label]:!0,[s.labelRange]:!0})} style=${u(i)} ${m(this.maxLabelEl)}>${l}</div>`)}render(){let{appearance:e,currentPercent:a,highActive:t,highPercent:i,label:l,lowActive:n,lowPercent:r,max:c,maxPercent:d,min:v,minPercent:o,rangeLabels:L,rangeLabelType:y,unitLabel:x,value:w,valueLabel:P,valueLabelType:z}=this,H=this.formatLabel(a/100,"percent"),O=`${w} ${x}`;return h`<div .ariaLabel=${l} .ariaValueMax=${y==="percent"?d:c} .ariaValueMin=${y==="percent"?o:v} .ariaValueNow=${z==="percent"?a:w} .ariaValueText=${z==="percent"?H:x?O:void 0} class=${b({[s.container]:!0,[s.stepsVisible]:L,[s.valueVisible]:P,[e]:e!=="outline-fill"})} role=meter ${m(this.meterContainerEl)}>${this.renderMeterFill()}${P&&this.renderValueLabel()||""}${n&&this.renderRangeLine(r)||""}${t&&this.renderRangeLine(i)||""}${L&&this.renderMinLabel()||""}${L&&n&&this.renderLowLabel()||""}${L&&t&&this.renderHighLabel()||""}${L&&this.renderMaxLabel()||""}</div>`}};T("calcite-meter",$);export{$ as Meter};

package/dist/calcite/HH5FL6GD.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.99
-*/
-import{a as n}from"./SY776R43.js";import{a as x,b as z}from"./MRVEUN2O.js";import{a as f}from"./IUBUCDD6.js";import"./JFBHBHJE.js";import{a as g,b}from"./KEFBUO23.js";import{a as v}from"./OJ5D52RG.js";import{I as h,d as p,e as o,u as m,v as u,w as i}from"./XDGCDDNX.js";var t={container:"container",containerActive:"container--active",contentCenter:"content-center",description:"description",heading:"heading",iconEnd:"icon-end",iconStart:"icon-start",scale:r=>`scale--${r}`},$={contentEnd:"content-end",contentStart:"content-start"},k=p`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}.scale--s{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-internal-autocomplete-item-spacing-unit-l: .5rem;--calcite-internal-autocomplete-item-spacing-unit-s: .25rem;--calcite-internal-autocomplete-item-description-font-size: var(--calcite-font-size-xs)}.scale--m{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-internal-autocomplete-item-spacing-unit-l: .75rem;--calcite-internal-autocomplete-item-spacing-unit-s: .375rem;--calcite-internal-autocomplete-item-description-font-size: var(--calcite-font-size-sm)}.scale--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-internal-autocomplete-item-spacing-unit-l: 1rem;--calcite-internal-autocomplete-item-spacing-unit-s: .625rem;--calcite-internal-autocomplete-item-description-font-size: var(--calcite-font-size)}:host{display:flex}.container{position:relative;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:100%;cursor:pointer;align-items:center;outline-color:transparent;background-color:var(--calcite-autocomplete-background-color, var(--calcite-color-foreground-1));color:var(--calcite-autocomplete-text-color, var(--calcite-color-text-3));gap:var(--calcite-internal-autocomplete-item-spacing-unit-l);padding-inline:var(--calcite-internal-autocomplete-item-spacing-unit-l);padding-block:var(--calcite-internal-autocomplete-item-spacing-unit-s);word-wrap:break-word;word-break:break-word;justify-content:space-around}.description{color:var(--calcite-autocomplete-description-text-color);font-size:var(--calcite-internal-autocomplete-item-description-font-size)}.heading{color:var(--calcite-autocomplete-heading-text-color, var(--calcite-color-text-1))}.heading,.description{line-height:var(--calcite-font-line-height-relative-snug)}:host(:hover:not([disabled])) .container{background-color:var(--calcite-autocomplete-background-color, var(--calcite-color-foreground-2))}:host(:hover:not([disabled])) .container .description{color:var(--calcite-autocomplete-description-text-color, var(--calcite-color-text-2))}.container--active{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.content-center{display:flex;flex-direction:column;flex-grow:1;padding-block:0}.text-match{background-color:transparent;color:inherit;font-weight:var(--calcite-font-weight-bold)}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,l=class extends u{constructor(){super(...arguments),this.active=!1,this.disabled=!1,this.guid=`autocomplete-item-${v()}`,this.scale="m",this.calciteInternalAutocompleteItemSelect=m({cancelable:!1})}static{this.properties={active:5,description:1,disabled:7,guid:1,heading:1,iconEnd:3,iconFlipRtl:3,iconStart:3,inputValueMatchPattern:2,label:1,scale:1,value:1}}static{this.styles=k}load(){g(this)}updated(){x(this)}loaded(){b(this)}handleClick(e){e.preventDefault(),this.calciteInternalAutocompleteItemSelect.emit()}render(){let{active:e,description:c,heading:a,disabled:s,inputValueMatchPattern:d}=this;return z({disabled:s,children:o`<div class=${i({[t.container]:!0,[t.containerActive]:e&&!s,[t.scale(this.scale)]:!0})} @click=${this.handleClick}>${this.renderIcon("start")}<slot name=${$.contentStart}></slot><div class=${i(t.contentCenter)}><div class=${i(t.heading)}>${n({text:a,pattern:d})}</div><div class=${i(t.description)}>${n({text:c,pattern:d})}</div></div><slot name=${$.contentEnd}></slot>${this.renderIcon("end")}</div>`})}renderIcon(e){let{iconFlipRtl:c}=this,a=e==="start"?this.iconStart:this.iconEnd;return a?o`<calcite-icon class=${i(e==="start"?t.iconStart:t.iconEnd)} .flipRtl=${c===e||c==="both"} .icon=${a} .scale=${f(this.scale)}></calcite-icon>`:null}};h("calcite-autocomplete-item",l);export{l as AutocompleteItem};

package/dist/calcite/HNNE5R46.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.99
-*/
-import{a as n}from"./DCAWR655.js";import{u as l,v as r}from"./QIOSM7C2.js";import"./OJ5D52RG.js";import{I as f,d as w,e as t,v as $,w as i}from"./XDGCDDNX.js";var v=w`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{position:absolute;inset:0;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{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;overflow:auto;justify-content:space-between}.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:0;border-width:0px;z-index:calc(var(--calcite-z-index) - 1);display:initial}.content--non-interactive{pointer-events:none;display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap}::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-start]::slotted(calcite-shell-panel),slot[name=panel-end]::slotted(calcite-shell-panel){position:relative;z-index:calc(var(--calcite-z-index) + 1)}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}.content-bottom{justify-content:flex-end}::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)}to{opacity:1;transform:translateZ(0)}}::slotted(calcite-tip-manager){animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:.25rem;--tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(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:.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}slot[name=modals]::slotted(calcite-modal){position:absolute}:host([hidden]){display:none}[hidden]{display:none}`,s={main:"main",content:"content",contentBehind:"content--behind",contentBottom:"content-bottom",contentNonInteractive:"content--non-interactive",footer:"footer",positionedSlotWrapper:"positioned-slot-wrapper",container:"container",contentBehindCenterContent:"center-content"},a={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",dialogs:"dialogs"},d=class extends ${constructor(){super(),this.hasAlerts=!1,this.hasDialogs=!1,this.hasFooter=!1,this.hasHeader=!1,this.hasModals=!1,this.hasOnlyPanelBottom=!1,this.hasPanelBottom=!1,this.hasPanelTop=!1,this.hasSheets=!1,this.panelIsResizing=!1,this.contentBehind=!1,this.listen("calciteInternalShellPanelResizeStart",this.handleCalciteInternalShellPanelResizeStart),this.listen("calciteInternalShellPanelResizeEnd",this.handleCalciteInternalShellPanelResizeEnd)}static{this.properties={hasAlerts:16,hasDialogs:16,hasFooter:16,hasHeader:16,hasModals:16,hasOnlyPanelBottom:16,hasPanelBottom:16,hasPanelTop:16,hasSheets:16,panelIsResizing:16,contentBehind:7}}static{this.styles=v}willUpdate(e){(e.has("hasPanelTop")&&(this.hasUpdated||this.hasPanelTop!==!1)||e.has("hasPanelBottom")&&(this.hasUpdated||this.hasPanelBottom!==!1))&&(this.hasOnlyPanelBottom=!this.hasPanelTop&&this.hasPanelBottom)}handleCalciteInternalShellPanelResizeStart(e){this.panelIsResizing=!0,e.stopPropagation()}handleCalciteInternalShellPanelResizeEnd(e){this.panelIsResizing=!1,e.stopPropagation()}handleHeaderSlotChange(e){this.hasHeader=!!l(e)}handleFooterSlotChange(e){this.hasFooter=!!l(e)}handleAlertsSlotChange(e){this.hasAlerts=!!l(e),r(e)?.map(o=>{o.tagName==="CALCITE-ALERT"&&(o.embedded=!0)})}handleSheetsSlotChange(e){this.hasSheets=!!l(e),r(e)?.map(o=>{o.tagName==="CALCITE-SHEET"&&(o.embedded=!0)})}handleModalsSlotChange(e){this.hasModals=!!l(e)}handlePanelTopChange(e){this.hasPanelTop=l(e)}handlePanelBottomChange(e){this.hasPanelBottom=l(e)}handleDialogsSlotChange(e){this.hasDialogs=!!l(e),r(e)?.map(o=>{o.tagName==="CALCITE-DIALOG"&&(o.embedded=!0)})}renderHeader(){return t`<div .hidden=${!this.hasHeader}>${n("header",t`<slot name=${a.header} @slotchange=${this.handleHeaderSlotChange}></slot>`)}</div>`}renderFooter(){return n("footer",t`<div class=${i(s.footer)} .hidden=${!this.hasFooter}><slot name=${a.footer} @slotchange=${this.handleFooterSlotChange}></slot></div>`)}renderAlerts(){return t`<div .hidden=${!this.hasAlerts}>${n("alerts",t`<slot name=${a.alerts} @slotchange=${this.handleAlertsSlotChange}></slot>`)}</div>`}renderSheets(){return t`<div .hidden=${!this.hasSheets}>${n("sheets",t`<slot name=${a.sheets} @slotchange=${this.handleSheetsSlotChange}></slot>`)}</div>`}renderModals(){return t`<div .hidden=${!this.hasModals}>${n("modals",t`<slot name=${a.modals} @slotchange=${this.handleModalsSlotChange}></slot>`)}</div>`}renderDialogs(){return t`<div .hidden=${!this.hasDialogs}>${n("dialogs",t`<slot name=${a.dialogs} @slotchange=${this.handleDialogsSlotChange}></slot>`)}</div>`}renderContent(){let{panelIsResizing:e}=this,o=n("default-slot",t`<slot></slot>`),h=e?t`<div class=${i(s.contentNonInteractive)}>${o}</div>`:o,c=n("center-row-slot",t`<slot name=${a.centerRow}></slot>`),p=n("panel-bottom-slot",t`<slot name=${a.panelBottom} @slotchange=${this.handlePanelBottomChange}></slot>`),m=n("panel-top-slot",t`<slot name=${a.panelTop} @slotchange=${this.handlePanelTopChange}></slot>`),g="content-container";return this.contentBehind?[n(g,t`<div class=${i({[s.content]:!0,[s.contentBehind]:!0})}>${h}</div>`),t`<div class=${i({[s.contentBehindCenterContent]:!0,[s.contentBottom]:this.hasOnlyPanelBottom})}>${m}${p}${c}</div>`]:[n(g,t`<div class=${i({[s.content]:!0,[s.contentBottom]:this.hasOnlyPanelBottom})}>${m}${h}${p}${c}</div>`)]}renderMain(){return t`<div class=${i(s.main)}><slot name=${a.panelStart}></slot>${this.renderContent()}<slot name=${a.panelEnd}></slot></div>`}renderPositionedSlots(){return t`<div class=${i(s.positionedSlotWrapper)}>${this.renderAlerts()}${this.renderModals()}${this.renderDialogs()}${this.renderSheets()}</div>`}render(){return t`${this.renderHeader()}${this.renderMain()}${this.renderFooter()}${this.renderPositionedSlots()}`}};f("calcite-shell",d);export{d as Shell};