@esri/calcite-components 2.13.1 → 2.13.2

package/dist/calcite/p-272b7031.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+import{r as t,f as e,h as i,g as s,c as a,H as n}from"./p-67e556ed.js";import{g as l}from"./p-57e1e048.js";import{c as h}from"./p-06c0de26.js";import{u as r,v as o}from"./p-0fb1c54a.js";import{c,d,a as u,H as m}from"./p-ba8765a4.js";import{u as b,I as f}from"./p-49632699.js";import{i as p}from"./p-cfc4daa3.js";import{c as g,d as v,g as x}from"./p-7d12dfb4.js";import{s as k,a as $,c as _}from"./p-1f5a7c5e.js";import{n as y,c as w,d as M,B as z}from"./p-bf4dc8d8.js";import{d as V,c as L}from"./p-92e35356.js";import"./p-4dd99f61.js";import"./p-7f97e86a.js";import"./p-d2b212f4.js";function H(t,e,i){const s=e[0]-t[0];const a=i[0]-e[0];const n=e[1]-t[1];const l=i[1]-e[1];const h=n/(s||a<0&&0);const r=l/(a||s<0&&0);const o=(h*a+r*s)/(s+a);return(Math.sign(h)+Math.sign(r))*Math.min(Math.abs(h),Math.abs(r),.5*Math.abs(o))||0}function j(t,e,i){const s=e[0]-t[0];const a=e[1]-t[1];return s?(3*a/s-i)/2:i}function T(t,e,i,s,a){const[n,l]=t;const[h,r]=e;const o=(h-n)/3;const c=a([n+o,l+o*i]).join(",");const d=a([h-o,r-o*s]).join(",");const u=a([h,r]).join(",");return`C ${c} ${d} ${u}`}function X({width:t,height:e,min:i,max:s}){const a=s[0]-i[0];const n=s[1]-i[1];return s=>{const l=(s[0]-i[0])/a*t;const h=e-s[1]/n*e;return[l,h]}}function C(t){const[e,i]=t[0];const s=[e,i];const a=[e,i];return t.reduce((({min:t,max:e},[i,s])=>({min:[Math.min(t[0],i),Math.min(t[1],s)],max:[Math.max(e[0],i),Math.max(e[1],s)]})),{min:s,max:a})}function D({data:t,min:e,max:i,t:s}){if(t.length===0){return""}const[a,n]=s(t[0]);const[l,h]=s(e);const[r]=s(i);let o;let c;let d;const u=t.reduce(((e,i,a)=>{c=t[a-2];d=t[a-1];if(a>1){const t=H(c,d,i);const a=o===undefined?j(c,d,t):o;const n=T(c,d,a,t,s);o=t;return`${e} ${n}`}return e}),`M ${l},${h} L ${l},${n} L ${a},${n}`);const m=t[t.length-1];const b=T(d,m,o,j(d,m,o),s);return`${u} ${b} L ${r},${h} Z`}const A=":host{display:block;block-size:100%}.svg{fill:currentColor;stroke:transparent;margin:0px;display:block;block-size:100%;inline-size:100%;padding:0px}.svg .graph-path--highlight{fill:var(--calcite-color-brand);opacity:0.5}:host([hidden]){display:none}[hidden]{display:none}";const S=A;const I=class{constructor(i){t(this,i);this.graphId=`calcite-graph-${l()}`;this.resizeObserver=h("resize",(()=>e(this)));this.data=[];this.colorStops=undefined;this.highlightMin=undefined;this.highlightMax=undefined;this.min=undefined;this.max=undefined}connectedCallback(){this.resizeObserver?.observe(this.el)}disconnectedCallback(){this.resizeObserver?.disconnect()}render(){const{data:t,colorStops:e,el:s,highlightMax:a,highlightMin:n,min:l,max:h}=this;const r=this.graphId;const{clientHeight:o,clientWidth:c}=s;if(!t||t.length===0){return i("svg",{"aria-hidden":"true",class:"svg",height:o,preserveAspectRatio:"none",viewBox:`0 0 ${c} ${o}`,width:c})}const{min:d,max:u}=C(t);let m=d;let b=u;if(l<d[0]||l>d[0]){m=[l,0]}if(h>u[0]||h<u[0]){b=[h,u[1]]}const f=X({min:m,max:b,width:c,height:o});const[p]=f([n,b[1]]);const[g]=f([a,b[1]]);const v=D({data:t,min:d,max:u,t:f});const x=e?`url(#linear-gradient-${r})`:undefined;return i("svg",{"aria-hidden":"true",class:"svg",height:o,preserveAspectRatio:"none",viewBox:`0 0 ${c} ${o}`,width:c},e?i("defs",null,i("linearGradient",{id:`linear-gradient-${r}`,x1:"0",x2:"1",y1:"0",y2:"0"},e.map((({offset:t,color:e,opacity:s})=>i("stop",{offset:`${t*100}%`,"stop-color":e,"stop-opacity":s}))))):null,n!==undefined?[i("mask",{height:"100%",id:`${r}1`,width:"100%",x:"0%",y:"0%"},i("path",{d:`\n            M 0,0\n            L ${p-1},0\n            L ${p-1},${o}\n            L 0,${o}\n            Z\n          `,fill:"white"})),i("mask",{height:"100%",id:`${r}2`,width:"100%",x:"0%",y:"0%"},i("path",{d:`\n            M ${p+1},0\n            L ${g-1},0\n            L ${g-1},${o}\n            L ${p+1}, ${o}\n            Z\n          `,fill:"white"})),i("mask",{height:"100%",id:`${r}3`,width:"100%",x:"0%",y:"0%"},i("path",{d:`\n                M ${g+1},0\n                L ${c},0\n                L ${c},${o}\n                L ${g+1}, ${o}\n                Z\n              `,fill:"white"})),i("path",{class:"graph-path",d:v,fill:x,mask:`url(#${r}1)`}),i("path",{class:"graph-path--highlight",d:v,fill:x,mask:`url(#${r}2)`}),i("path",{class:"graph-path",d:v,fill:x,mask:`url(#${r}3)`})]:i("path",{class:"graph-path",d:v,fill:x}))}get el(){return s(this)}};I.style=S;const R={container:"container",containerRange:"container--range",graph:"graph",handle:"handle",handleExtension:"handle-extension",handleLabel:"handle__label",handleLabelMinValue:"handle__label--minValue",handleLabelValue:"handle__label--value",hyphen:"hyphen",hyphenWrap:"hyphen--wrap",static:"static",thumb:"thumb",thumbActive:"thumb--active",thumbContainer:"thumb-container",thumbMinValue:"thumb--minValue",thumbPrecise:"thumb--precise",thumbValue:"thumb--value",tick:"tick",tickActive:"tick--active",tickLabel:"tick__label",tickMax:"tick__label--max",tickMin:"tick__label--min",ticks:"ticks",track:"track",trackRange:"track__range",transformed:"transformed"};const F=250;const P='@charset "UTF-8";: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{--calcite-slider-handle-size:0.625rem;--calcite-slider-handle-extension-height:0.4rem;--calcite-slider-container-font-size:var(--calcite-font-size--3)}.scale--s .handle__label,.scale--s .tick__label{line-height:.75rem}.scale--m{--calcite-slider-handle-size:0.875rem;--calcite-slider-handle-extension-height:0.5rem;--calcite-slider-container-font-size:var(--calcite-font-size--2)}.scale--m .handle__label,.scale--m .tick__label{line-height:1rem}.scale--l{--calcite-slider-handle-size:1rem;--calcite-slider-handle-extension-height:0.65rem;--calcite-slider-container-font-size:var(--calcite-font-size--1)}.scale--l .handle__label,.scale--l .tick__label{line-height:1rem}.handle__label,.tick__label{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2);font-size:var(--calcite-slider-container-font-size)}:host{display:block}.container{position:relative;display:block;overflow-wrap:normal;word-break:normal;padding-inline:calc(var(--calcite-slider-handle-size) * 0.5);padding-block:calc(var(--calcite-slider-handle-size) * 0.5);margin-block:calc(var(--calcite-slider-handle-size) * 0.5);margin-inline:0;--calcite-slider-full-handle-height:calc(\n    var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height)\n  );touch-action:none;-webkit-user-select:none;user-select:none}:host([disabled]) .track__range,:host([disabled]) .tick--active{background-color:var(--calcite-color-text-3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-0.375rem}.scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-0.5rem}.scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-0.55rem}:host([precise]:not([has-histogram])) .container .thumb--value{--calcite-slider-thumb-y-offset:calc(var(--calcite-slider-full-handle-height) * -1)}.thumb-container{position:relative;max-inline-size:100%}.thumb{--calcite-slider-thumb-x-offset:calc(var(--calcite-slider-handle-size) * 0.5);position:absolute;margin:0px;display:flex;cursor:pointer;flex-direction:column;align-items:center;border-style:none;background-color:transparent;padding:0px;font-family:inherit;outline:2px solid transparent;outline-offset:2px;transform:translate(var(--calcite-slider-thumb-x-offset), var(--calcite-slider-thumb-y-offset))}.thumb .handle__label.static,.thumb .handle__label.transformed{position:absolute;inset-block:0px;opacity:0}.thumb .handle__label.hyphen::after{content:"—";display:inline-block;inline-size:1em}.thumb .handle__label.hyphen--wrap{display:flex}.thumb .handle{box-sizing:border-box;border-radius:9999px;background-color:var(--calcite-color-foreground-1);outline-color:transparent;block-size:var(--calcite-slider-handle-size);inline-size:var(--calcite-slider-handle-size);box-shadow:0 0 0 2px var(--calcite-color-text-3) inset;transition:border var(--calcite-internal-animation-timing-medium) ease, background-color var(--calcite-internal-animation-timing-medium) ease, box-shadow var(--calcite-animation-timing) ease}.thumb .handle-extension{inline-size:0.125rem;block-size:var(--calcite-slider-handle-extension-height);background-color:var(--calcite-color-text-3)}.thumb:hover .handle{box-shadow:0 0 0 3px var(--calcite-color-brand) inset}.thumb:hover .handle-extension{background-color:var(--calcite-color-brand)}.thumb:focus .handle{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.thumb:focus .handle-extension{background-color:var(--calcite-color-brand)}.thumb.thumb--minValue{transform:translate(calc(var(--calcite-slider-thumb-x-offset) * -1), var(--calcite-slider-thumb-y-offset))}.thumb.thumb--precise{--calcite-slider-thumb-y-offset:-0.125rem}:host([label-handles]) .thumb{--calcite-slider-thumb-x-offset:50%}:host([label-handles]):host(:not([has-histogram])) .scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-1.4375rem}:host([label-handles]):host(:not([has-histogram])) .scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-1.875rem}:host([label-handles]):host(:not([has-histogram])) .scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-2rem}:host([has-histogram][label-handles]) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--minValue.thumb--precise .handle__label{margin-block-start:0.5em}:host(:not([has-histogram]):not([precise])) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--value .handle__label{margin-block-end:0.5em}:host([label-handles][precise]):host(:not([has-histogram])) .scale--s .thumb--value{--calcite-slider-thumb-y-offset:-2.075rem}:host([label-handles][precise]):host(:not([has-histogram])) .scale--m .thumb--value{--calcite-slider-thumb-y-offset:-2.75rem}:host([label-handles][precise]):host(:not([has-histogram])) .scale--l .thumb--value{--calcite-slider-thumb-y-offset:-3.0625rem}.thumb:focus .handle,.thumb--active .handle{background-color:var(--calcite-color-brand);box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.16)}.thumb:hover.thumb--precise::after,.thumb:focus.thumb--precise::after,.thumb--active.thumb--precise::after{background-color:var(--calcite-color-brand)}.track{position:relative;block-size:0.125rem;border-radius:0px;background-color:var(--calcite-color-border-2);transition:all var(--calcite-internal-animation-timing-medium) ease-in}.track__range{position:absolute;inset-block-start:0px;block-size:0.125rem;background-color:var(--calcite-color-brand)}.container--range .track__range:hover{cursor:ew-resize}.container--range .track__range::after{position:absolute;inline-size:100%;content:"";inset-block-start:calc(var(--calcite-slider-full-handle-height) * 0.5 * -1);block-size:calc(var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height))}@media (forced-colors: active){.thumb{outline-width:0;outline-offset:0}.handle{outline:2px solid transparent;outline-offset:2px}.thumb:focus .handle,.thumb .handle-extension,.thumb:hover .handle-extension,.thumb:focus .handle-extension,.thumb:active .handle-extension{background-color:canvasText}.track{background-color:canvasText}.track__range{background-color:highlight}}.tick{position:absolute;block-size:0.25rem;inline-size:0.125rem;border-width:1px;border-style:solid;background-color:var(--calcite-color-border-input);border-color:var(--calcite-color-foreground-1);inset-block-start:-2px;pointer-events:none;margin-inline-start:calc(-1 * 0.125rem)}.tick--active{background-color:var(--calcite-color-brand)}.tick__label{pointer-events:none;margin-block-start:0.875rem;display:flex;justify-content:center}.tick__label--min{transition:opacity var(--calcite-animation-timing)}.tick__label--max{transition:opacity var(--calcite-internal-animation-timing-fast)}:host([has-histogram][label-handles]) .tick__label--min,:host([has-histogram][label-handles]) .tick__label--max,:host([has-histogram][precise]) .tick__label--min,:host([has-histogram][precise]) .tick__label--max{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}.graph{color:var(--calcite-color-foreground-3);block-size:48px}:host([label-ticks][ticks]) .container{padding-block-end:calc(0.875rem + var(--calcite-slider-container-font-size))}:host([has-histogram]):host([precise][label-handles]) .container{padding-block-end:calc(var(--calcite-slider-full-handle-height) + 1em)}:host([has-histogram]):host([label-handles]:not([precise])) .container{padding-block-end:calc(var(--calcite-slider-handle-size) * 0.5 + 1em)}:host([has-histogram]):host([precise]:not([label-handles])) .container{padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container{padding-block-start:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container--range{padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([label-handles]:not([precise])) .container{padding-block-start:calc(var(--calcite-slider-full-handle-height) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container{padding-block-start:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container--range{padding-block-end:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}';const O=P;function W(t){return Array.isArray(t)}const N=class{constructor(e){t(this,e);this.calciteSliderInput=a(this,"calciteSliderInput",6);this.calciteSliderChange=a(this,"calciteSliderChange",6);this.handleKeyDown=t=>{const e=this.shouldMirror();const{activeProp:i,max:s,min:a,pageStep:n,step:l}=this;const h=this[i];const{key:r}=t;if(p(r)){t.preventDefault();return}let o;if(r==="ArrowUp"||r==="ArrowRight"){const t=e&&r==="ArrowRight"?-1:1;o=h+l*t}else if(r==="ArrowDown"||r==="ArrowLeft"){const t=e&&r==="ArrowLeft"?-1:1;o=h-l*t}else if(r==="PageUp"){if(n){o=h+n}}else if(r==="PageDown"){if(n){o=h-n}}else if(r==="Home"){o=a}else if(r==="End"){o=s}if(isNaN(o)){return}t.preventDefault();const c=Number(o.toFixed(V(l)));this.setValue({[i]:this.clamp(c,i)})};this.activeProp="value";this.guid=`calcite-slider-${l()}`;this.onThumbBlur=()=>{this.activeProp=null};this.onThumbFocus=t=>{const e=t.currentTarget;this.activeProp=e.getAttribute("data-value-prop")};this.onThumbPointerDown=t=>{const e=t.currentTarget;this.pointerDownDragStart(t,e.getAttribute("data-value-prop"))};this.onTrackPointerDown=t=>{this.pointerDownDragStart(t,"minMaxValue")};this.dragUpdate=t=>{if(this.disabled){return}t.preventDefault();if(this.dragProp){const e=this.mapToRange(t.clientX||t.pageX);if(W(this.value)&&this.dragProp==="minMaxValue"){if(this.minValueDragRange&&this.maxValueDragRange&&this.minMaxValueRange){const t=e-this.minValueDragRange;const i=e+this.maxValueDragRange;if(i<=this.max&&t>=this.min&&i-t===this.minMaxValueRange){this.setValue({minValue:this.clamp(t,"minValue"),maxValue:this.clamp(i,"maxValue")})}}else{this.minValueDragRange=e-this.minValue;this.maxValueDragRange=this.maxValue-e;this.minMaxValueRange=this.maxValue-this.minValue}}else{this.setValue({[this.dragProp]:this.clamp(e,this.dragProp)})}}};this.pointerUpDragEnd=t=>{if(this.disabled||!r(t)){return}this.dragEnd(t)};this.dragEnd=t=>{if(this.disabled){return}this.removeDragListeners();this.focusActiveHandle(t.clientX);if(this.lastDragPropValue!=this[this.dragProp]){this.emitChange()}this.dragProp=null;this.lastDragPropValue=null;this.minValueDragRange=null;this.maxValueDragRange=null;this.minMaxValueRange=null};this.storeTrackRef=t=>{this.trackEl=t};this.storeThumbRef=t=>{if(!t){return}const e=t.getAttribute("data-value-prop");e==="minValue"?this.minHandle=t:this.maxHandle=t};this.formatValue=t=>{y.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};return y.localize(t.toString())};this.disabled=false;this.fillPlacement="start";this.form=undefined;this.groupSeparator=false;this.hasHistogram=false;this.histogram=undefined;this.histogramStops=undefined;this.labelHandles=false;this.labelFormatter=undefined;this.labelTicks=false;this.max=100;this.maxLabel=undefined;this.maxValue=undefined;this.min=0;this.minLabel=undefined;this.minValue=undefined;this.mirrored=false;this.name=undefined;this.numberingSystem=undefined;this.pageStep=undefined;this.precise=false;this.required=false;this.snap=false;this.step=1;this.ticks=undefined;this.value=0;this.scale="m";this.effectiveLocale="";this.minMaxValueRange=null;this.minValueDragRange=null;this.maxValueDragRange=null;this.tickValues=[]}histogramWatcher(t){this.hasHistogram=!!t}ticksWatcher(){this.tickValues=this.generateTickValues()}valueHandler(){this.setMinMaxFromValue()}minMaxValueHandler(){this.setValueFromMinMax()}connectedCallback(){w(this);this.setMinMaxFromValue();this.setValueFromMinMax();g(this);c(this)}disconnectedCallback(){v(this);d(this);M(this);this.removeDragListeners()}componentWillLoad(){k(this);if(!W(this.value)){this.value=this.snap?this.getClosestStep(this.value):this.clamp(this.value)}this.ticksWatcher();this.histogramWatcher(this.histogram);u(this,this.value)}componentDidLoad(){$(this)}componentDidRender(){if(this.labelHandles){this.adjustHostObscuredHandleLabel("value");if(W(this.value)){this.adjustHostObscuredHandleLabel("minValue");if(!(this.precise&&!this.hasHistogram)){this.hyphenateCollidingRangeHandleLabels()}}}this.hideObscuredBoundingTickLabels();b(this)}render(){const t=this.el.id||this.guid;const e=W(this.value)?this.maxValue:this.value;const s=this.minValue||this.min;const a=this.shouldUseMinValue();const l=this.getUnitInterval(a?this.minValue:s)*100;const h=this.getUnitInterval(e)*100;const r=this.shouldMirror();const o=W(this.value);const c=this.buildThumbType("max");const d=this.renderThumb({type:c,thumbPlacement:c.includes("histogram")?"below":"above",maxInterval:h,minInterval:l,mirror:r});const u=this.buildThumbType("min");const b=o&&this.renderThumb({type:u,thumbPlacement:u.includes("histogram")||u.includes("precise")?"below":"above",maxInterval:h,minInterval:l,mirror:r});const p=o?"start":this.fillPlacement;const g=p==="none"?{left:`unset`,right:`unset`}:p==="end"?{left:`${r?l:h}%`,right:`${r?h:l}%`}:{left:`${r?100-h:l}%`,right:`${r?l:100-h}%`};return i(n,{key:"dee9376120224b51dfa12f3e87fbdce4a481a1ed",id:t,onKeyDown:this.handleKeyDown,onTouchStart:this.handleTouchStart},i(f,{key:"65bca4d477d57ced846ef97b466917b6d7fc2f21",disabled:this.disabled},i("div",{key:"99dd57b50ded2302ca1d255708d9e4bd90de3ecb","aria-label":x(this),class:{[R.container]:true,[R.containerRange]:o,[`scale--${this.scale}`]:true}},this.renderGraph(),i("div",{key:"47647c0d347232a0ddb384333b15860a0264aefa",class:R.track,ref:this.storeTrackRef},i("div",{key:"3dc176871f6245f2dde77a016ddc747ad9571d3d",class:R.trackRange,onPointerDown:this.onTrackPointerDown,style:g}),i("div",{key:"0c08b977678d6ac7e8b9944157e51948969a5dc5",class:R.ticks},this.tickValues.map((t=>{const n=`${this.getUnitInterval(t)*100}%`;let l=false;if(p==="start"||p==="end"){if(a){l=t>=this.minValue&&t<=this.maxValue}else{const i=p==="start"?s:e;const a=p==="start"?e:this.max;l=t>=i&&t<=a}}return i("span",{class:{[R.tick]:true,[R.tickActive]:l},style:{left:r?"":n,right:r?n:""}},this.renderTickLabel(t))})))),i("div",{key:"51996cb05142dbeec20093ca12b017adee23f293",class:R.thumbContainer},b,d,i(m,{key:"6fd5c00374205d47e226a417674264417323a5c3",component:this})))))}renderThumb({type:t,mirror:e,thumbPlacement:s,minInterval:a,maxInterval:n}){const l=t.includes("labeled");const h=t.includes("precise");const r=t.includes("min");const o=W(this.value);const c=r?this.minValue:o?this.maxValue:this.value;const d=r?"minValue":o?"maxValue":"value";const u=r?this.minLabel:o?this.maxLabel:this.minLabel;const m=r?this.minValue:c;const b=d==="minValue"?this.internalLabelFormatter(this.minValue,"min"):d==="maxValue"?this.internalLabelFormatter(this.maxValue,"max"):this.internalLabelFormatter(c,"value");const f=r?{left:`${e?100-a:a}%`}:{right:`${e?n:100-n}%`};const p=`${R.handleLabel} ${r?R.handleLabelMinValue:R.handleLabelValue}`;const g=l?[i("span",{"aria-hidden":"true",class:p},b),i("span",{"aria-hidden":"true",class:`${p} ${R.static}`},b),i("span",{"aria-hidden":"true",class:`${p} ${R.transformed}`},b)]:[];const v=[...g,i("div",{class:R.handle}),h&&i("div",{class:R.handleExtension})];if(s==="below"){v.reverse()}return i("div",{"aria-label":u,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":m,class:{[R.thumb]:true,[R.thumbValue]:!r,[R.thumbActive]:this.lastDragProp!=="minMaxValue"&&this.dragProp===d,[R.thumbPrecise]:h,[R.thumbMinValue]:r},"data-value-prop":d,key:t,onBlur:this.onThumbBlur,onFocus:this.onThumbFocus,onPointerDown:this.onThumbPointerDown,ref:this.storeThumbRef,role:"slider",style:f,tabIndex:0},v)}renderGraph(){return this.histogram?i("calcite-graph",{class:R.graph,colorStops:this.histogramStops,data:this.histogram,highlightMax:W(this.value)?this.maxValue:this.value,highlightMin:W(this.value)?this.minValue:this.min,max:this.max,min:this.min}):null}renderTickLabel(t){const{hasHistogram:e,labelHandles:s,labelTicks:a,max:n,min:l,precise:h,value:r}=this;const o=W(r);const c=t===l;const d=t===n;const u=c||d;const m=a&&(!e&&(u||!h||!o)||e&&(u||!h&&!s));return m?i("span",{class:{[R.tickLabel]:true,[R.tickMin]:c,[R.tickMax]:d}},this.internalLabelFormatter(t,"tick")):null}pointerDownHandler(t){if(this.disabled||!r(t)){return}const e=t.clientX||t.pageX;const i=this.mapToRange(e);let s="value";if(W(this.value)){const t=i>=this.minValue&&i<=this.maxValue;if(t&&this.lastDragProp==="minMaxValue"){s="minMaxValue"}else{const t=Math.abs(this.maxValue-i)<Math.abs(this.minValue-i);s=t||i>=this.maxValue?"maxValue":"minValue"}}this.lastDragPropValue=this[s];this.dragStart(s);const a=this.el.shadowRoot.querySelector(`.${R.thumb}:active`);if(!a){this.setValue({[s]:this.clamp(i,s)})}this.focusActiveHandle(e)}handleTouchStart(t){t.preventDefault()}async setFocus(){await _(this);const t=this.minHandle?this.minHandle:this.maxHandle;t?.focus()}buildThumbType(t){const e=[t];if(this.labelHandles){e.push("labeled")}if(this.precise){e.push("precise")}if(this.hasHistogram){e.push("histogram")}return e.join("-")}setValueFromMinMax(){const{minValue:t,maxValue:e}=this;if(typeof t==="number"&&typeof e==="number"){this.value=[t,e]}}setMinMaxFromValue(){const{value:t}=this;if(W(t)){this.minValue=t[0];this.maxValue=t[1]}}onLabelClick(){this.setFocus()}shouldMirror(){return this.mirrored&&!this.hasHistogram}shouldUseMinValue(){if(!W(this.value)){return false}return this.hasHistogram&&this.maxValue===0||!this.hasHistogram&&this.minValue===0}getTickDensity(){const t=(this.max-this.min)/this.ticks/F;return t<1?1:t}generateTickValues(){const t=this.ticks??0;if(t<=0){return[]}const e=[this.min];const i=this.getTickDensity();const s=t*i;let a=this.min;while(a<this.max){a+=s;e.push(Math.min(a,this.max))}if(!e.includes(this.max)){e.push(this.max)}return e}pointerDownDragStart(t,e){if(!r(t)){return}this.dragStart(e)}dragStart(t){this.dragProp=t;this.lastDragProp=this.dragProp;this.activeProp=t;window.addEventListener("pointermove",this.dragUpdate);window.addEventListener("pointerup",this.pointerUpDragEnd);window.addEventListener("pointercancel",this.dragEnd)}focusActiveHandle(t){if(this.dragProp==="minValue"){this.minHandle.focus()}else if(this.dragProp==="maxValue"||this.dragProp==="value"){this.maxHandle.focus()}else if(this.dragProp==="minMaxValue"){this.getClosestHandle(t).focus()}}emitInput(){this.calciteSliderInput.emit()}emitChange(){this.calciteSliderChange.emit()}removeDragListeners(){window.removeEventListener("pointermove",this.dragUpdate);window.removeEventListener("pointerup",this.pointerUpDragEnd);window.removeEventListener("pointercancel",this.dragEnd)}setValue(t){let e;Object.keys(t).forEach((i=>{const s=t[i];if(!e){const t=this[i];e=t!==s}this[i]=s}));if(!e){return}const i=this.dragProp;if(!i){this.emitChange()}this.emitInput()}clamp(t,e){t=L(t,this.min,this.max);if(e==="maxValue"){t=Math.max(t,this.minValue)}if(e==="minValue"){t=Math.min(t,this.maxValue)}return t}mapToRange(t){const e=this.max-this.min;const{left:i,width:s}=this.trackEl.getBoundingClientRect();const a=(t-i)/s;const n=this.shouldMirror();const l=this.clamp(this.min+e*(n?1-a:a));const h=Number(l.toFixed(V(this.step)));return!(this.snap&&this.step)?h:this.getClosestStep(h)}getClosestStep(t){const{max:e,min:i,step:s}=this;const a=new z(`${Math.floor((t-i)/s)}`).multiply(`${s}`).add(`${i}`).toString();let n=this.clamp(Number(a));if(n>e){n-=s}return n}getClosestHandle(t){return this.getDistanceX(this.maxHandle,t)>this.getDistanceX(this.minHandle,t)?this.minHandle:this.maxHandle}getDistanceX(t,e){return Math.abs(t.getBoundingClientRect().left-e)}getFontSizeForElement(t){return Number(window.getComputedStyle(t).getPropertyValue("font-size").match(/\d+/)[0])}getUnitInterval(t){t=this.clamp(t);const e=this.max-this.min;return(t-this.min)/e}adjustHostObscuredHandleLabel(t){const e=this.el.shadowRoot.querySelector(`.handle__label--${t}`);const i=this.el.shadowRoot.querySelector(`.handle__label--${t}.static`);const s=this.el.shadowRoot.querySelector(`.handle__label--${t}.transformed`);const a=i.getBoundingClientRect();const n=this.getHostOffset(a.left,a.right);e.style.transform=`translateX(${n}px)`;s.style.transform=`translateX(${n}px)`}hyphenateCollidingRangeHandleLabels(){const{shadowRoot:t}=this.el;const e=this.shouldMirror();const i=e?"value":"minValue";const s=e?"minValue":"value";const a=t.querySelector(`.handle__label--${i}`);const n=t.querySelector(`.handle__label--${i}.static`);const l=t.querySelector(`.handle__label--${i}.transformed`);const h=this.getHostOffset(n.getBoundingClientRect().left,n.getBoundingClientRect().right);const r=t.querySelector(`.handle__label--${s}`);const o=t.querySelector(`.handle__label--${s}.static`);const c=t.querySelector(`.handle__label--${s}.transformed`);const d=this.getHostOffset(o.getBoundingClientRect().left,o.getBoundingClientRect().right);const u=this.getFontSizeForElement(a);const m=this.getRangeLabelOverlap(l,c);const b=a;const f=u/2;if(m>0){b.classList.add(R.hyphen,R.hyphenWrap);if(d===0&&h===0){let t=m/2-f;t=Math.sign(t)===-1?Math.abs(t):-t;const e=this.getHostOffset(l.getBoundingClientRect().left+t-f,l.getBoundingClientRect().right+t-f);let i=m/2;const s=this.getHostOffset(c.getBoundingClientRect().left+i,c.getBoundingClientRect().right+i);if(e!==0){t+=e;i+=e}if(s!==0){t+=s;i+=s}a.style.transform=`translateX(${t}px)`;l.style.transform=`translateX(${t-f}px)`;r.style.transform=`translateX(${i}px)`;c.style.transform=`translateX(${i}px)`}else if(h>0||d>0){a.style.transform=`translateX(${h+f}px)`;r.style.transform=`translateX(${m+d}px)`;c.style.transform=`translateX(${m+d}px)`}else if(h<0||d<0){let t=Math.abs(h)+m-f;t=Math.sign(t)===-1?Math.abs(t):-t;a.style.transform=`translateX(${t}px)`;l.style.transform=`translateX(${t-f}px)`}}else{b.classList.remove(R.hyphen,R.hyphenWrap);a.style.transform=`translateX(${h}px)`;l.style.transform=`translateX(${h}px)`;r.style.transform=`translateX(${d}px)`;c.style.transform=`translateX(${d}px)`}}hideObscuredBoundingTickLabels(){const t=W(this.value);if(!this.hasHistogram&&!t&&!this.labelHandles&&!this.precise){return}if(!this.hasHistogram&&!t&&this.labelHandles&&!this.precise){return}if(!this.hasHistogram&&!t&&!this.labelHandles&&this.precise){return}if(!this.hasHistogram&&!t&&this.labelHandles&&this.precise){return}if(!this.hasHistogram&&t&&!this.precise){return}if(this.hasHistogram&&!this.precise&&!this.labelHandles){return}const e=this.el.shadowRoot.querySelector(`.${R.thumbMinValue}`);const i=this.el.shadowRoot.querySelector(`.${R.thumbValue}`);const s=this.el.shadowRoot.querySelector(`.${R.tickMin}`);const a=this.el.shadowRoot.querySelector(`.${R.tickMax}`);if(!e&&i&&s&&a){s.style.opacity=this.isMinTickLabelObscured(s,i)?"0":"1";a.style.opacity=this.isMaxTickLabelObscured(a,i)?"0":"1"}if(e&&i&&s&&a){s.style.opacity=this.isMinTickLabelObscured(s,e)||this.isMinTickLabelObscured(s,i)?"0":"1";a.style.opacity=this.isMaxTickLabelObscured(a,e)||this.isMaxTickLabelObscured(a,i)&&this.hasHistogram?"0":"1"}}getHostOffset(t,e){const i=this.el.getBoundingClientRect();const s=7;if(t+s<i.left){return i.left-t-s}if(e-s>i.right){return-(e-i.right)+s}return 0}getRangeLabelOverlap(t,e){const i=t.getBoundingClientRect();const s=e.getBoundingClientRect();const a=this.getFontSizeForElement(t);const n=i.right+a-s.left;return Math.max(n,0)}isMinTickLabelObscured(t,e){const i=t.getBoundingClientRect();const s=e.getBoundingClientRect();return o(i,s)}isMaxTickLabelObscured(t,e){const i=t.getBoundingClientRect();const s=e.getBoundingClientRect();return o(i,s)}internalLabelFormatter(t,e){const i=this.labelFormatter;if(!i){return this.formatValue(t)}const s=i(t,e,this.formatValue);if(s==null){return this.formatValue(t)}return s}static get delegatesFocus(){return true}get el(){return s(this)}static get watchers(){return{histogram:["histogramWatcher"],ticks:["ticksWatcher"],value:["valueHandler"],minValue:["minMaxValueHandler"],maxValue:["minMaxValueHandler"]}}};N.style=O;export{I as calcite_graph,N as calcite_slider};
+//# sourceMappingURL=p-272b7031.entry.js.map

package/dist/calcite/p-2793eeec.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+const n={menuActions:"menu-actions",menuTooltip:"menu-tooltip"};const o={menu:"ellipsis"};const t={container:"container"};export{t as C,o as I,n as S};
+//# sourceMappingURL=p-2793eeec.js.map

package/dist/calcite/p-27fb947c.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+import{d as a}from"./p-f52872b3.js";import"./p-67e556ed.js";import"./p-ba8765a4.js";import"./p-0fb1c54a.js";import"./p-57e1e048.js";import"./p-7f97e86a.js";import"./p-49632699.js";import"./p-cfc4daa3.js";import"./p-7d12dfb4.js";import"./p-d2b212f4.js";import"./p-1f5a7c5e.js";import"./p-4dd99f61.js";import"./p-bf4dc8d8.js";import"./p-06c0de26.js";import"./p-b531ae23.js";import"./p-c02c27fd.js";import"./p-92e35356.js";import"./p-3a1a720c.js";import"./p-010e9989.js";import"./p-5307b853.js";var s="siječnja_veljače_ožujka_travnja_svibnja_lipnja_srpnja_kolovoza_rujna_listopada_studenoga_prosinca".split("_");var p="siječanj_veljača_ožujak_travanj_svibanj_lipanj_srpanj_kolovoz_rujan_listopad_studeni_prosinac".split("_");var r=/D[oD]?(\[[^[\]]*\]|\s)+MMMM?/;var t=function a(t,e){if(r.test(e)){return s[t.month()]}return p[t.month()]};t.s=p;t.f=s;var e={name:"hr",weekdays:"nedjelja_ponedjeljak_utorak_srijeda_četvrtak_petak_subota".split("_"),weekdaysShort:"ned._pon._uto._sri._čet._pet._sub.".split("_"),weekdaysMin:"ne_po_ut_sr_če_pe_su".split("_"),months:t,monthsShort:"sij._velj._ožu._tra._svi._lip._srp._kol._ruj._lis._stu._pro.".split("_"),weekStart:1,formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY H:mm",LLLL:"dddd, D. MMMM YYYY H:mm"},relativeTime:{future:"za %s",past:"prije %s",s:"sekunda",m:"minuta",mm:"%d minuta",h:"sat",hh:"%d sati",d:"dan",dd:"%d dana",M:"mjesec",MM:"%d mjeseci",y:"godina",yy:"%d godine"},ordinal:function a(s){return s+"."}};a.locale(e,null,true);export{e as default};
+//# sourceMappingURL=p-27fb947c.js.map

package/dist/calcite/p-292a11ac.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+import{d as e}from"./p-f52872b3.js";import"./p-67e556ed.js";import"./p-ba8765a4.js";import"./p-0fb1c54a.js";import"./p-57e1e048.js";import"./p-7f97e86a.js";import"./p-49632699.js";import"./p-cfc4daa3.js";import"./p-7d12dfb4.js";import"./p-d2b212f4.js";import"./p-1f5a7c5e.js";import"./p-4dd99f61.js";import"./p-bf4dc8d8.js";import"./p-06c0de26.js";import"./p-b531ae23.js";import"./p-c02c27fd.js";import"./p-92e35356.js";import"./p-3a1a720c.js";import"./p-010e9989.js";import"./p-5307b853.js";var a={name:"nl",weekdays:"zondag_maandag_dinsdag_woensdag_donderdag_vrijdag_zaterdag".split("_"),weekdaysShort:"zo._ma._di._wo._do._vr._za.".split("_"),weekdaysMin:"zo_ma_di_wo_do_vr_za".split("_"),months:"januari_februari_maart_april_mei_juni_juli_augustus_september_oktober_november_december".split("_"),monthsShort:"jan_feb_mrt_apr_mei_jun_jul_aug_sep_okt_nov_dec".split("_"),ordinal:function e(a){return"["+a+(a===1||a===8||a>=20?"ste":"de")+"]"},weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD-MM-YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},relativeTime:{future:"over %s",past:"%s geleden",s:"een paar seconden",m:"een minuut",mm:"%d minuten",h:"een uur",hh:"%d uur",d:"een dag",dd:"%d dagen",M:"een maand",MM:"%d maanden",y:"een jaar",yy:"%d jaar"}};e.locale(a,null,true);export{a as default};
+//# sourceMappingURL=p-292a11ac.js.map

package/dist/calcite/p-2b65d62f.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+const t={container:"container",actionsStart:"actions-start",contentStart:"content-start",content:"content",contentEnd:"content-end",actionsEnd:"actions-end"};const n={actionsStart:"actions-start",contentStart:"content-start",contentEnd:"content-end",actionsEnd:"actions-end"};export{t as C,n as S};
+//# sourceMappingURL=p-2b65d62f.js.map

package/dist/calcite/p-2b6a8bee.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+import{r as e,c as t,h as n,F as i,H as o,g as a}from"./p-67e556ed.js";import{b as s}from"./p-0fb1c54a.js";import{c,s as r,a as l}from"./p-1f5a7c5e.js";import{H as d}from"./p-f17ca6b7.js";import"./p-57e1e048.js";import"./p-7f97e86a.js";import"./p-4dd99f61.js";const h={container:"container",containerContent:"container-content",hasProgress:"progress-bar",hide:"hide",primary:"primary",secondary:"secondary",tertiary:"tertiary"};const f={logo:"logo",user:"user",progress:"progress",navigationAction:"navigation-action",contentStart:"content-start",contentEnd:"content-end",contentCenter:"content-center",navSecondary:"navigation-secondary",navTertiary:"navigation-tertiary"};const u={hamburger:"hamburger"};const m=":host([hidden]){display:none}[hidden]{display:none}.container{margin-inline:auto;display:flex;inline-size:100%;flex-direction:column;margin-block:0;margin-inline:auto;background-color:var(--calcite-navigation-background, var(--calcite-color-foreground-1))}.container.primary,.container.secondary,.container.tertiary{border-block-end:1px solid;border-block-end-color:var(--calcite-navigation-border-color, var(--calcite-color-border-3))}.user,.logo{display:flex}.hide{display:none}.primary{block-size:4rem}.secondary{block-size:3rem}.tertiary{block-size:3rem}.container-content{margin-inline:auto;display:flex;block-size:100%;inline-size:100%;margin-block:0;inline-size:var(--calcite-navigation-width, 100%);max-inline-size:100%}.container-content.progress-bar{margin-block-start:0.125rem}slot[name]{display:flex;flex-direction:row}slot[name=navigation-secondary]::slotted(calcite-navigation),slot[name=navigation-tertiary]::slotted(calcite-navigation){inline-size:100%}slot[name=content-start]::slotted(*),slot[name=content-center]::slotted(*),slot[name=content-end]::slotted(*){display:flex;flex-direction:row;align-items:center}slot[name=progress],slot[name=progress] calcite-progress{inset-block-start:0;inset-inline:0}slot[name=content-end]{margin-inline-start:auto}slot[name=content-start]{margin-inline-end:auto}slot[name=content-end],slot[name=logo]~slot[name=user],slot[name=user]:only-child{margin-inline-start:auto}slot[name=content-center]{margin-inline-start:auto;margin-inline-end:auto}slot[name=content-start]~slot[name=content-center]{margin-inline-start:0px}slot[name=content-start]~slot[name=content-end],slot[name=content-center]~slot[name=content-end],slot[name=content-center]~slot[name=user],slot[name=content-end]~slot[name=user]{margin:0px}";const b=m;const g=class{constructor(n){e(this,n);this.calciteNavigationActionSelect=t(this,"calciteNavigationActionSelect",6);this.actionClickHandler=()=>{this.calciteNavigationActionSelect.emit()};this.handleUserSlotChange=e=>{if(this.isPrimaryLevel()){this.userSlotHasElements=s(e)}};this.handleLogoSlotChange=e=>{if(this.isPrimaryLevel()){this.logoSlotHasElements=s(e)}};this.handleContentStartSlotChange=e=>{if(this.isPrimaryLevel()){this.primaryContentStartSlotHasElements=s(e)}};this.handleContentEndSlotChange=e=>{if(this.isPrimaryLevel()){this.primaryContentEndSlotHasElements=s(e)}};this.handleContentCenterSlotChange=e=>{if(this.isPrimaryLevel()){this.primaryContentCenterSlotHasElements=s(e)}};this.handleSecondarySlotChange=e=>{this.secondarySlotHasElements=s(e)};this.handleTertiarySlotChange=e=>{this.tertiarySlotHasElements=s(e)};this.handleMenuActionSlotChange=e=>{if(this.isPrimaryLevel()){this.navigationActionSlotHasElements=s(e);if(this.navigationActionSlotHasElements){this.navigationAction=false}}};this.handleProgressSlotChange=e=>{if(this.isPrimaryLevel()){this.progressSlotHasElement=s(e)}};this.label=undefined;this.navigationAction=false;this.logoSlotHasElements=undefined;this.navigationActionSlotHasElements=undefined;this.primaryContentCenterSlotHasElements=undefined;this.primaryContentEndSlotHasElements=undefined;this.primaryContentStartSlotHasElements=undefined;this.progressSlotHasElement=undefined;this.secondarySlotHasElements=undefined;this.tertiarySlotHasElements=undefined;this.userSlotHasElements=undefined}async setFocus(){await c(this);return this.navigationActionEl?.setFocus()}componentWillLoad(){r(this)}componentDidLoad(){l(this)}isPrimaryLevel(){return this.el.slot!==f.navSecondary&&this.el.slot!==f.navTertiary}renderMenuAction(){return n("slot",{name:f.navigationAction,onSlotchange:this.handleMenuActionSlotChange},this.navigationAction&&n("calcite-action",{icon:u.hamburger,onClick:this.actionClickHandler,ref:e=>this.navigationActionEl=e,text:this.label}))}render(){const e=this.logoSlotHasElements||this.userSlotHasElements||this.navigationActionSlotHasElements||this.primaryContentCenterSlotHasElements||this.primaryContentEndSlotHasElements||this.primaryContentStartSlotHasElements||this.navigationAction;const t=this.el.slot;return n(o,{key:"bf64aa6c6c41bfad6413b58f7897527bb62e1d96"},n("div",{key:"8c30501a94d5c41e60291c1f0d1cb2856afa5d62",class:{[h.container]:true,[h.secondary]:t===f.navSecondary,[h.tertiary]:t===f.navTertiary,[h.primary]:e}},n("div",{key:"ef4c088fc24566ca24da9abe6a30903fedcad4d9",class:{[h.hide]:!this.progressSlotHasElement,[f.progress]:true}},n("slot",{key:"0abc91e366b542e11ee76f13f099ee8b64a55ee0",name:f.progress,onSlotchange:this.handleProgressSlotChange})),n("div",{key:"689dc16c2ab71944a78f3bfc16c1c16c9159f073",class:{[h.containerContent]:true,[h.hasProgress]:this.progressSlotHasElement}},this.renderMenuAction(),n("div",{key:"122f9d2d278a0a87dc1774f4933a4bb120410e48",class:{[h.hide]:!this.logoSlotHasElements,[f.logo]:true}},n("slot",{key:"38f2a0106cb2b3a844b60406c629c0cff4c1b64e",name:f.logo,onSlotchange:this.handleLogoSlotChange})),n("slot",{key:"af8aa2c6ed65c95c51ebe31314cd1e684beef657",name:f.contentStart,onSlotchange:this.handleContentStartSlotChange}),n("slot",{key:"989ba0f344ce973ea32b07ee02b04d62068cefb8",name:f.contentCenter,onSlotchange:this.handleContentCenterSlotChange}),n("slot",{key:"e0fd2d40efb52e8735ca426c1374a3da4882a77d",name:f.contentEnd,onSlotchange:this.handleContentEndSlotChange}),n("div",{key:"56e905fef7a76fd14be7085f367d6abf8b44a80b",class:{[h.hide]:!this.userSlotHasElements,[f.user]:true}},n("slot",{key:"e038f1510da60abbb05c1fd8541563334f86f6d5",name:f.user,onSlotchange:this.handleUserSlotChange})))),n(i,{key:"3a65439c3774cfb42fa6bc5f12c234a66f8bb314"},n("slot",{key:"52e0b810e42911da6dc1ea448026f5756df0206f",name:f.navSecondary,onSlotchange:this.handleSecondarySlotChange}),n("slot",{key:"97c2666bcd896fa763cb84d6b53285e2e26b51d1",name:f.navTertiary,onSlotchange:this.handleTertiarySlotChange})))}get el(){return a(this)}};g.style=b;const p={container:"container",heading:"heading",description:"description",anchor:"anchor",image:"image",standalone:"standalone",icon:"icon"};const v=":host{display:inline-flex;outline:2px solid transparent;outline-offset:2px}.anchor{margin:0px;display:flex;cursor:pointer;align-items:center;justify-content:center;font-size:var(--calcite-font-size-0);line-height:1.25rem;text-decoration-line:none;outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;color:inherit;border-block-end:2px solid transparent}.anchor:hover,.anchor:focus{background-color:var(--calcite-color-foreground-2)}.anchor:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.anchor:active{background-color:var(--calcite-color-foreground-3)}.image,.icon{margin:0px;display:flex;block-size:1.75rem;padding-inline:1rem}.image~.icon{padding-inline-start:0px}.image~.container,.icon~.container{padding-inline-start:0px}:host(:active) .anchor{color:var(--calcite-color-text-1)}:host([active]) .anchor{color:var(--calcite-color-text-1);border-color:var(--calcite-color-brand);--calcite-icon-color:var(--calcite-color-brand)}.container{margin-block-start:0.125rem;display:flex;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:1rem;text-align:start}.heading{margin-inline-start:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.standalone{font-size:var(--calcite-font-size-1)}.description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host([hidden]){display:none}[hidden]{display:none}";const y=v;const x=class{constructor(t){e(this,t);this.active=undefined;this.href=undefined;this.icon=undefined;this.iconFlipRtl=false;this.label=undefined;this.rel=undefined;this.description=undefined;this.target=undefined;this.heading=undefined;this.thumbnail=undefined;this.headingLevel=undefined}async setFocus(){await c(this);if(this.href){this.el.focus()}}componentWillLoad(){r(this)}componentDidLoad(){l(this)}renderIcon(){return n("calcite-icon",{class:p.icon,flipRtl:this.iconFlipRtl,icon:this.icon,scale:"l"})}renderHeaderContent(){const{heading:e,headingLevel:t,description:i}=this;const o=e?n(d,{class:{[p.heading]:true,[p.standalone]:!this.description},key:p.heading,level:t},e):null;const a=i?n("span",{class:p.description,key:p.description},i):null;return o||a?n("div",{class:p.container,key:p.container},o,a):null}render(){const{thumbnail:e}=this;return n(o,{key:"40dcb76c1c7919fd1a8b6929616d1d507c1e3301"},n("a",{key:"7b457d99add3c3d4edbd4478711f9b9c9fb12caf",class:p.anchor,href:this.href,rel:this.rel,target:this.target},e&&n("img",{key:"592aa3cfc2dfa47f9aa603f7edce4521dbaa27ae",alt:this.label||"",class:p.image,src:e}),this.icon&&this.renderIcon(),this.renderHeaderContent()))}static get delegatesFocus(){return true}get el(){return a(this)}};x.style=y;const k={textContainer:"text-container",fullName:"full-name",username:"username",button:"button"};const z=":host{display:inline-flex;outline:2px solid transparent;outline-offset:2px}:host .button{background-color:transparent;border:none;margin:0px;display:flex;cursor:pointer;align-items:center;justify-content:center;font-family:var(--calcite-font-family);font-size:var(--calcite-font-size-0);line-height:1.25rem;outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-block-end:2px solid transparent}:host(:hover) .button,:host(:focus) .button{background-color:var(--calcite-color-foreground-2)}:host(:focus) .button{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host(:active) .button{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}:host([active]) .button{border-color:var(--calcite-color-brand);color:var(--calcite-color-text-1);--calcite-icon-color:var(--calcite-color-brand)}.text-container{margin-block-start:0.125rem;display:flex;flex-direction:column;padding-inline:1rem;text-align:start}calcite-avatar{padding-inline:1rem}calcite-avatar~.text-container{padding-inline-start:0px}.full-name{margin-inline-start:0px;font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.username{color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host([hidden]){display:none}[hidden]{display:none}";const w=z;const S=class{constructor(t){e(this,t);this.active=undefined;this.fullName=undefined;this.label=undefined;this.textDisabled=false;this.thumbnail=undefined;this.userId=undefined;this.username=undefined}async setFocus(){await c(this);this.el.focus()}componentWillLoad(){r(this)}componentDidLoad(){l(this)}render(){return n(o,{key:"d848f4b0ee430fdbf74ce63be874afc055b1a48a"},n("button",{key:"d8187d1795407a9d12e4f2c6c3d75dba47cdf028","aria-label":this.label,class:k.button},n("calcite-avatar",{key:"3a8526feb870ed33d7eae888c71f9489d90df26f","full-name":this.fullName,label:this.label,thumbnail:this.thumbnail,"user-id":this.userId,username:this.username}),(this.fullName||this.username)&&!this.textDisabled&&n("div",{key:"111bc54b8e187a95849ed325aca22880c00d1191",class:k.textContainer},this.fullName&&n("span",{class:k.fullName,key:k.fullName},this.fullName),this.username&&n("span",{class:k.username,key:k.username},this.username))))}static get delegatesFocus(){return true}get el(){return a(this)}};S.style=w;export{g as calcite_navigation,x as calcite_navigation_logo,S as calcite_navigation_user};
+//# sourceMappingURL=p-2b6a8bee.entry.js.map

package/dist/calcite/p-2dc4e76d.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+import{r as t,c as s,h as e,g as i,F as n}from"./p-67e556ed.js";import{C as o,n as a,a as l,b as c,o as r,c as h,d,D as u,e as p,f,g as m,p as b,j as g,k as w,R as x,H as y,O as C,t as v,l as k,m as A,S,q as I,r as z,s as D,u as $,i as F,v as j,w as O}from"./p-56e21f3a.js";import{u as L,g as N,f as P,d as K,i as T}from"./p-0fb1c54a.js";import{u as U,I as E}from"./p-49632699.js";import{i as M}from"./p-cfc4daa3.js";import{c as H,s as _,a as B}from"./p-1f5a7c5e.js";import{c as R,d as V}from"./p-bf4dc8d8.js";import{r as q,c as W,a as J}from"./p-92e35356.js";import{u as X,s as G,c as Y,d as Q}from"./p-3a1a720c.js";import{t as Z}from"./p-64942c72.js";import"./p-57e1e048.js";import"./p-7f97e86a.js";import"./p-4dd99f61.js";import"./p-06c0de26.js";import"./p-6e30bcc2.js";const tt=':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;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-color-picker-spacing:8px}:host([scale=s]) .container{inline-size:160px}:host([scale=s]) .saved-colors{gap:0.25rem;grid-template-columns:repeat(auto-fill, 20px)}:host([scale=m]){--calcite-color-picker-spacing:12px}:host([scale=m]) .container{inline-size:272px}:host([scale=l]){--calcite-color-picker-spacing:16px;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) .container{inline-size:464px}:host([scale=l]) .section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}:host([scale=l]) .saved-colors{grid-template-columns:repeat(auto-fill, 32px)}:host([scale=l]) .control-section{flex-wrap:nowrap;align-items:baseline;flex-wrap:wrap}:host([scale=l]) .color-hex-options{display:flex;flex-shrink:1;flex-direction:column;justify-content:space-around}:host([scale=l]) .color-mode-container{flex-shrink:3}.container{background-color:var(--calcite-color-foreground-1);display:inline-block;border:1px solid var(--calcite-color-border-1)}.control-and-scope{position:relative;display:flex;cursor:pointer;touch-action:none}.color-field,.control-and-scope{-webkit-user-select:none;user-select:none}.scope{pointer-events:none;position:absolute;z-index:var(--calcite-z-index);block-size:1px;inline-size:1px;border-radius:9999px;background-color:transparent;font-size:var(--calcite-font-size--1);outline-color:transparent}.scope:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          );outline-offset:6px}.hex-and-channels-group{inline-size:100%}.hex-and-channels-group,.control-section{display:flex;flex-direction:row;flex-wrap:wrap}.section{padding-block:0 var(--calcite-color-picker-spacing);padding-inline:var(--calcite-color-picker-spacing)}.section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}.sliders{display:flex;flex-direction:column;justify-content:space-between;margin-inline-start:var(--calcite-color-picker-spacing);gap:var(--calcite-spacing-xxs)}.preview-and-sliders{display:flex;align-items:center;padding:var(--calcite-color-picker-spacing)}.color-hex-options,.section--split{flex-grow:1}.header{display:flex;align-items:center;justify-content:space-between;color:var(--calcite-color-text-1)}.color-mode-container{padding-block-start:var(--calcite-color-picker-spacing)}.channels{display:flex;row-gap:0.125rem}.channel[data-channel-index="3"]{inline-size:159px}:host([scale=s]) .channels{flex-wrap:wrap}:host([scale=s]) .channel{flex-basis:30%;flex-grow:1}:host([scale=s]) .channel[data-channel-index="3"]{inline-size:unset;margin-inline-start:unset}:host([scale=l]) .channel[data-channel-index="3"]{inline-size:131px}.saved-colors{display:grid;gap:0.5rem;padding-block-start:var(--calcite-color-picker-spacing);grid-template-columns:repeat(auto-fill, 24px)}.saved-colors-buttons{display:flex}.saved-color{outline-offset:0;outline-color:transparent;cursor:pointer}.saved-color:focus{outline:2px solid var(--calcite-color-brand);outline-offset:2px}.saved-color:hover{transition:outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;outline:2px solid var(--calcite-color-border-2);outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}';const st=tt;const et=16;const it=class{constructor(i){t(this,i);this.calciteColorPickerChange=s(this,"calciteColorPickerChange",6);this.calciteColorPickerInput=s(this,"calciteColorPickerInput",6);this.internalColorUpdateContext=null;this.isActiveChannelInputEmpty=false;this.mode=o.HEX;this.shiftKeyChannelAdjustment=0;this.upOrDownArrowKeyTracker=null;this.handleTabActivate=t=>{this.channelMode=t.currentTarget.getAttribute("data-color-mode");this.updateChannelsFromColor(this.color)};this.handleColorFieldScopeKeyDown=t=>{const{key:s}=t;const e={ArrowUp:{x:0,y:-10},ArrowRight:{x:10,y:0},ArrowDown:{x:0,y:10},ArrowLeft:{x:-10,y:0}};if(e[s]){t.preventDefault();this.scopeOrientation=s==="ArrowDown"||s==="ArrowUp"?"vertical":"horizontal";this.captureColorFieldColor(this.colorFieldScopeLeft+e[s].x||0,this.colorFieldScopeTop+e[s].y||0,false)}};this.handleHueScopeKeyDown=t=>{const s=t.shiftKey?10:1;const{key:e}=t;const i={ArrowUp:1,ArrowRight:1,ArrowDown:-1,ArrowLeft:-1};if(i[e]){t.preventDefault();const n=i[e]*s;const o=this.baseColorFieldColor.hue();const a=this.baseColorFieldColor.hue(o+n);this.internalColorSet(a,false)}};this.handleHexInputChange=t=>{t.stopPropagation();const{isClearable:s,color:e}=this;const i=t.target;const n=i.value;if(s&&!n){this.internalColorSet(null);return}const o=e&&a(l(e,f(this.mode)));if(n!==o){this.internalColorSet(c(n))}};this.handleSavedColorSelect=t=>{const s=t.currentTarget;this.internalColorSet(c(s.color))};this.handleChannelInput=t=>{const s=t.currentTarget;const e=Number(s.getAttribute("data-channel-index"));const i=e===3;const n=i?C.max:this.channelMode==="rgb"?x[Object.keys(x)[e]]:y[Object.keys(y)[e]];let o;if(!s.value){o="";this.isActiveChannelInputEmpty=true;this.upOrDownArrowKeyTracker=null}else{const t=Number(s.value);const e=t+this.shiftKeyChannelAdjustment;const i=W(e,0,n);o=i.toString()}s.value=o;if(o!==""&&this.shiftKeyChannelAdjustment!==0){this.handleChannelChange(t)}else if(o!==""){this.handleChannelChange(t)}};this.handleChannelBlur=t=>{const s=t.currentTarget;const e=Number(s.getAttribute("data-channel-index"));const i=[...this.channels];const n=!s.value&&!this.isClearable;if(n){s.value=i[e]?.toString()}};this.handleChannelFocus=t=>{const s=t.currentTarget;s.selectText()};this.handleChannelChange=t=>{const s=t.currentTarget;const e=Number(s.getAttribute("data-channel-index"));const i=[...this.channels];const n=this.isClearable&&!s.value;if(n){this.channels=[null,null,null,null];this.internalColorSet(null);return}const o=e===3;if(this.isActiveChannelInputEmpty&&this.upOrDownArrowKeyTracker){s.value=this.upOrDownArrowKeyTracker==="up"?(i[e]+1<=this.getChannelInputLimit(e)?i[e]+1:this.getChannelInputLimit(e)).toString():(i[e]-1>=0?i[e]-1:0).toString();this.isActiveChannelInputEmpty=false;this.upOrDownArrowKeyTracker=null}const a=s.value?Number(s.value):i[e];i[e]=o?r(a):a;this.updateColorFromChannels(i)};this.handleSavedColorKeyDown=t=>{if(M(t.key)){t.preventDefault();this.handleSavedColorSelect(t)}};this.handleColorFieldPointerDown=t=>{this.handleCanvasControlPointerDown(t,this.colorFieldRenderingContext,this.captureColorFieldColor,this.colorFieldScopeNode)};this.handleHueSliderPointerDown=t=>{this.handleCanvasControlPointerDown(t,this.hueSliderRenderingContext,this.captureHueSliderColor,this.hueScopeNode)};this.handleOpacitySliderPointerDown=t=>{this.handleCanvasControlPointerDown(t,this.opacitySliderRenderingContext,this.captureOpacitySliderValue,this.opacityScopeNode)};this.globalPointerUpHandler=t=>{if(!L(t)){return}const s=this.activeCanvasInfo;this.activeCanvasInfo=null;this.drawColorControls();if(s){this.calciteColorPickerChange.emit()}};this.globalPointerMoveHandler=t=>{const{activeCanvasInfo:s,el:e}=this;if(!e.isConnected||!s){return}const{context:i,bounds:n}=s;let o;let a;const{clientX:l,clientY:c}=t;if(i.canvas.matches(":hover")){o=l-n.x;a=c-n.y}else{if(l<n.x+n.width&&l>n.x){o=l-n.x}else if(l<n.x){o=0}else{o=n.width}if(c<n.y+n.height&&c>n.y){a=c-n.y}else if(c<n.y){a=0}else{a=n.height}}if(i===this.colorFieldRenderingContext){this.captureColorFieldColor(o,a,false)}else if(i===this.hueSliderRenderingContext){this.captureHueSliderColor(o)}else if(i===this.opacitySliderRenderingContext){this.captureOpacitySliderValue(o)}};this.storeColorFieldScope=t=>{this.colorFieldScopeNode=t};this.storeHueScope=t=>{this.hueScopeNode=t};this.renderChannelsTabTitle=t=>{const{channelMode:s,messages:i}=this;const n=t===s;const o=t==="rgb"?i.rgb:i.hsv;return e("calcite-tab-title",{class:h.colorMode,"data-color-mode":t,key:t,onCalciteTabsActivate:this.handleTabActivate,selected:n},o)};this.renderChannelsTab=t=>{const{isClearable:s,channelMode:i,channels:n,messages:o,alphaChannel:a}=this;const l=t===i;const c=t==="rgb";const r=c?[o.red,o.green,o.blue]:[o.hue,o.saturation,o.value];const u=N(this.el);const p=a?n:n.slice(0,3);return e("calcite-tab",{class:h.control,key:t,selected:l},e("div",{class:h.channels,dir:"ltr"},p.map(((t,e)=>{const i=e===3;if(i){t=s&&!t?t:d(t)}return this.renderChannel(t,e,r[e],u,i?"%":"")}))))};this.renderChannel=(t,s,i,n,o)=>e("calcite-input-number",{class:h.channel,"data-channel-index":s,dir:n,key:s,label:i,lang:this.effectiveLocale,numberButtonType:"none",numberingSystem:this.numberingSystem,onCalciteInputNumberChange:this.handleChannelChange,onCalciteInputNumberInput:this.handleChannelInput,onCalciteInternalInputNumberBlur:this.handleChannelBlur,onCalciteInternalInputNumberFocus:this.handleChannelFocus,onKeyDown:this.handleKeyDown,scale:this.scale==="l"?"m":"s",style:{marginLeft:s>0&&!(this.scale==="s"&&this.alphaChannel&&s===3)?"-1px":""},suffixText:o,value:t?.toString()});this.deleteColor=()=>{const t=l(this.color,this.alphaChannel);const s=this.savedColors.indexOf(t)>-1;if(!s){return}const e=this.savedColors.filter((s=>s!==t));this.savedColors=e;const i=`${I}${this.storageId}`;if(this.storageId){localStorage.setItem(i,JSON.stringify(e))}};this.saveColor=()=>{const t=l(this.color,this.alphaChannel);const s=this.savedColors.indexOf(t)>-1;if(s){return}const e=[...this.savedColors,t];this.savedColors=e;const i=`${I}${this.storageId}`;if(this.storageId){localStorage.setItem(i,JSON.stringify(e))}};this.drawColorControls=Z(((t="all")=>{if((t==="all"||t==="color-field")&&this.colorFieldRenderingContext){this.drawColorField()}if((t==="all"||t==="hue-slider")&&this.hueSliderRenderingContext){this.drawHueSlider()}if(this.alphaChannel&&(t==="all"||t==="opacity-slider")&&this.opacitySliderRenderingContext){this.drawOpacitySlider()}}),et);this.captureColorFieldColor=(t,s,e=true)=>{const{dimensions:{colorField:{height:i,width:n}}}=this;const o=Math.round(y.s/n*t);const a=Math.round(y.v/i*(i-s));this.internalColorSet(this.baseColorFieldColor.hsv().saturationv(o).value(a),e)};this.initColorField=t=>{this.colorFieldRenderingContext=t.getContext("2d");this.updateCanvasSize("color-field");this.drawColorControls()};this.initHueSlider=t=>{this.hueSliderRenderingContext=t.getContext("2d");this.updateCanvasSize("hue-slider");this.drawHueSlider()};this.initOpacitySlider=t=>{if(!t){return}this.opacitySliderRenderingContext=t.getContext("2d");this.updateCanvasSize("opacity-slider");this.drawOpacitySlider()};this.storeOpacityScope=t=>{this.opacityScopeNode=t};this.handleOpacityScopeKeyDown=t=>{const s=t.shiftKey?10:1;const{key:e}=t;const i={ArrowUp:.01,ArrowRight:.01,ArrowDown:-.01,ArrowLeft:-.01};if(i[e]){t.preventDefault();const n=i[e]*s;const o=this.baseColorFieldColor.alpha();const a=this.baseColorFieldColor.alpha(o+n);this.internalColorSet(a,false)}};this.allowEmpty=false;this.alphaChannel=false;this.channelsDisabled=false;this.clearable=false;this.color=u;this.disabled=false;this.format="auto";this.hideChannels=false;this.hexDisabled=false;this.hideHex=false;this.hideSaved=false;this.savedDisabled=false;this.scale="m";this.storageId=undefined;this.messageOverrides=undefined;this.numberingSystem=undefined;this.value=a(l(u,this.alphaChannel));this.channelMode="rgb";this.channels=this.toChannels(u);this.defaultMessages=undefined;this.dimensions=p.m;this.effectiveLocale="";this.messages=undefined;this.savedColors=[];this.colorFieldScopeTop=undefined;this.colorFieldScopeLeft=undefined;this.hueScopeLeft=undefined;this.opacityScopeLeft=undefined;this.scopeOrientation=undefined}handleAllowEmptyOrClearableChange(){this.isClearable=this.clearable||this.allowEmpty}handleAlphaChannelChange(t){const{format:s}=this;if(t&&s!=="auto"&&!f(s)){console.warn(`ignoring alphaChannel as the current format (${s}) does not support alpha`);this.alphaChannel=false}}handleAlphaChannelDimensionsChange(){this.effectiveSliderWidth=m(this.dimensions,this.alphaChannel);this.drawColorControls()}handleColorChange(t,s){this.drawColorControls();this.updateChannelsFromColor(t);this.previousColor=s}handleFormatOrAlphaChannelChange(){this.setMode(this.format);this.internalColorSet(this.color,false,"internal")}handleScaleChange(t="m"){this.updateDimensions(t);this.updateCanvasSize("all");this.drawColorControls()}onMessagesChange(){}handleValueChange(t,s){const{isClearable:e,format:i}=this;const n=!e||t;let o=false;if(n){const e=b(t);if(!e||i!=="auto"&&e!==i){this.showIncompatibleColorWarning(t,i);this.value=s;return}o=this.mode!==e;this.setMode(e,this.internalColorUpdateContext===null)}const a=this.activeCanvasInfo;if(this.internalColorUpdateContext==="initial"){return}if(this.internalColorUpdateContext==="user-interaction"){this.calciteColorPickerInput.emit();if(!a){this.calciteColorPickerChange.emit()}return}const l=e&&!t?null:c(t!=null&&typeof t==="object"&&f(this.mode)?g(t):t);const r=!w(l,this.color);if(o||r){this.internalColorSet(l,this.alphaChannel&&!(this.mode.endsWith("a")||this.mode.endsWith("a-css")),"internal")}}get baseColorFieldColor(){return this.color||this.previousColor||u}effectiveLocaleChange(){X(this,this.effectiveLocale)}handleChannelKeyUpOrDown(t){this.shiftKeyChannelAdjustment=0;const{key:s}=t;if(s!=="ArrowUp"&&s!=="ArrowDown"||!t.composedPath().some((t=>t.classList?.contains(h.channel)))){return}const{shiftKey:e}=t;t.preventDefault();if(!this.color){this.internalColorSet(this.previousColor);t.stopPropagation();return}const i=9;this.shiftKeyChannelAdjustment=s==="ArrowUp"&&e?i:s==="ArrowDown"&&e?-i:0;if(s==="ArrowUp"){this.upOrDownArrowKeyTracker="up"}if(s==="ArrowDown"){this.upOrDownArrowKeyTracker="down"}}getChannelInputLimit(t){return this.channelMode==="rgb"?x[Object.keys(x)[t]]:y[Object.keys(y)[t]]}focusScope(t){requestAnimationFrame((()=>{t.focus()}))}handleCanvasControlPointerDown(t,s,e,i){if(!L(t)){return}window.addEventListener("pointermove",this.globalPointerMoveHandler);window.addEventListener("pointerup",this.globalPointerUpHandler,{once:true});this.activeCanvasInfo={context:s,bounds:s.canvas.getBoundingClientRect()};e.call(this,t.offsetX,t.offsetY);this.focusScope(i)}async setFocus(){await H(this);P(this.el)}async componentWillLoad(){_(this);this.handleAllowEmptyOrClearableChange();this.handleAlphaChannelDimensionsChange();const{isClearable:t,color:s,format:e,value:i}=this;const n=t&&!i;const o=b(i);const a=n||e==="auto"&&o||e===o;const l=n?null:a?c(i):s;if(!a){this.showIncompatibleColorWarning(i,e)}this.setMode(e,false);this.internalColorSet(l,false,"initial");this.updateDimensions(this.scale);const r=`${I}${this.storageId}`;if(this.storageId&&localStorage.getItem(r)){this.savedColors=JSON.parse(localStorage.getItem(r))}await G(this)}connectedCallback(){R(this);Y(this)}componentDidLoad(){B(this)}disconnectedCallback(){window.removeEventListener("pointermove",this.globalPointerMoveHandler);window.removeEventListener("pointerup",this.globalPointerUpHandler);V(this);Q(this)}componentDidRender(){U(this)}render(){const{channelsDisabled:t,color:s,colorFieldScopeLeft:i,colorFieldScopeTop:n,dimensions:{thumb:{radius:o}},hexDisabled:a,hideChannels:c,hideHex:r,hideSaved:p,hueScopeLeft:f,messages:m,alphaChannel:b,opacityScopeLeft:g,savedColors:w,savedDisabled:x,scale:v,scopeOrientation:k}=this;const A=this.effectiveSliderWidth;const S=s?l(s,b):null;const I=o;const z=f??A*u.hue()/y.h;const D=o;const $=g??A*d(u.alpha())/C.max;const F=s===null;const j=k==="vertical";const O=a||r;const L=t||c;const N=x||p;const[P,K]=this.getAdjustedScopePosition(i,n);const[T,U]=this.getAdjustedScopePosition(z,I);const[M,H]=this.getAdjustedScopePosition($,D);return e(E,{key:"c4837ef7cbe25b5fc3f0c72fe82d0090c6e0cdb5",disabled:this.disabled},e("div",{key:"28230570482ee9d33df9518e3cca534e3fac44ac",class:h.container},e("div",{key:"83172bc55f13955f5b69b59300e68642d59999af",class:h.controlAndScope},e("canvas",{key:"c20db7054ab5ebdb1e13ba295ac463609c44de47",class:h.colorField,onPointerDown:this.handleColorFieldPointerDown,ref:this.initColorField}),e("div",{key:"1e44beb121ed5a2247a6d69bf42c49a7f1ce5829","aria-label":j?m.value:m.saturation,"aria-valuemax":j?y.v:y.s,"aria-valuemin":"0","aria-valuenow":(j?s?.saturationv():s?.value())||"0",class:{[h.scope]:true,[h.colorFieldScope]:true},onKeyDown:this.handleColorFieldScopeKeyDown,ref:this.storeColorFieldScope,role:"slider",style:{top:`${K||0}px`,left:`${P||0}px`},tabindex:"0"})),e("div",{key:"5b873f4e7266cc654086f59c8483d3b4a65c8e8f",class:h.previewAndSliders},e("calcite-color-picker-swatch",{key:"db7c903a933ed061cc2edcd766fde70a8b670f00",class:h.preview,color:S,scale:this.alphaChannel?"l":this.scale}),e("div",{key:"33ea2354cbcfaa6677e82713bd8f02d1b83a9c26",class:h.sliders},e("div",{key:"28493b4bd177b8c97583cabeb5716a7cb7202e76",class:h.controlAndScope},e("canvas",{key:"d0a9ce7fb098b7434cd62f68b6b6092efcef3dc4",class:{[h.slider]:true,[h.hueSlider]:true},onPointerDown:this.handleHueSliderPointerDown,ref:this.initHueSlider}),e("div",{key:"2356120385aabf09384f0077dffb7881c55c5ea9","aria-label":m.hue,"aria-valuemax":y.h,"aria-valuemin":"0","aria-valuenow":s?.round().hue()||u.round().hue(),class:{[h.scope]:true,[h.hueScope]:true},onKeyDown:this.handleHueScopeKeyDown,ref:this.storeHueScope,role:"slider",style:{top:`${U}px`,left:`${T}px`},tabindex:"0"})),b?e("div",{class:h.controlAndScope},e("canvas",{class:{[h.slider]:true,[h.opacitySlider]:true},onPointerDown:this.handleOpacitySliderPointerDown,ref:this.initOpacitySlider}),e("div",{"aria-label":m.opacity,"aria-valuemax":C.max,"aria-valuemin":C.min,"aria-valuenow":(s||u).round().alpha(),class:{[h.scope]:true,[h.opacityScope]:true},onKeyDown:this.handleOpacityScopeKeyDown,ref:this.storeOpacityScope,role:"slider",style:{top:`${H}px`,left:`${M}px`},tabindex:"0"})):null)),O&&L?null:e("div",{class:{[h.controlSection]:true,[h.section]:true}},e("div",{class:h.hexAndChannelsGroup},O?null:e("div",{class:h.hexOptions},e("calcite-color-picker-hex-input",{allowEmpty:this.isClearable,alphaChannel:b,class:h.control,messages:m,numberingSystem:this.numberingSystem,onCalciteColorPickerHexInputChange:this.handleHexInputChange,scale:v,value:S})),L?null:e("calcite-tabs",{class:{[h.colorModeContainer]:true,[h.splitSection]:true},scale:v==="l"?"m":"s"},e("calcite-tab-nav",{slot:"title-group"},this.renderChannelsTabTitle("rgb"),this.renderChannelsTabTitle("hsv")),this.renderChannelsTab("rgb"),this.renderChannelsTab("hsv")))),N?null:e("div",{class:{[h.savedColorsSection]:true,[h.section]:true}},e("div",{class:h.header},e("label",null,m.saved),e("div",{class:h.savedColorsButtons},e("calcite-button",{appearance:"transparent",class:h.deleteColor,disabled:F,iconStart:"minus",kind:"neutral",label:m.deleteColor,onClick:this.deleteColor,scale:v,type:"button"}),e("calcite-button",{appearance:"transparent",class:h.saveColor,disabled:F,iconStart:"plus",kind:"neutral",label:m.saveColor,onClick:this.saveColor,scale:v,type:"button"}))),w.length>0?e("div",{class:h.savedColors},[...w.map((t=>e("calcite-color-picker-swatch",{class:h.savedColor,color:t,key:t,onClick:this.handleSavedColorSelect,onKeyDown:this.handleSavedColorKeyDown,scale:v,tabIndex:0})))]):null)))}handleKeyDown(t){if(t.key==="Enter"){t.preventDefault()}}showIncompatibleColorWarning(t,s){console.warn(`ignoring color value (${t}) as it is not compatible with the current format (${s})`)}setMode(t,s=true){const e=t==="auto"?this.mode:t;this.mode=this.ensureCompatibleMode(e,s)}ensureCompatibleMode(t,s){const{alphaChannel:e}=this;const i=f(t);if(e&&!i){const e=z(t);if(s){console.warn(`setting format to (${e}) as the provided one (${t}) does not support alpha`)}return e}if(!e&&i){const e=v(t);if(s){console.warn(`setting format to (${e}) as the provided one (${t}) does not support alpha`)}return e}return t}captureHueSliderColor(t){const s=A/this.effectiveSliderWidth*t;this.internalColorSet(this.baseColorFieldColor.hue(s),false)}captureOpacitySliderValue(t){const s=r(C.max/this.effectiveSliderWidth*t);this.internalColorSet(this.baseColorFieldColor.alpha(s),false)}internalColorSet(t,s=true,e="user-interaction"){if(s&&w(t,this.color)){return}this.internalColorUpdateContext=e;this.color=t;this.value=this.toValue(t);this.internalColorUpdateContext=null}toValue(t,s=this.mode){if(!t){return null}const e="hex";if(s.includes(e)){const e=s===o.HEXA;return a(l(t.round(),e),e)}if(s.includes("-css")){const e=t[s.replace("-css","").replace("a","")]().round().string();const i=(s.endsWith("a")||s.endsWith("a-css"))&&t.alpha()===1;if(i){const s=e.slice(0,3);const i=e.slice(4,-1);return`${s}a(${i}, ${t.alpha()})`}return e}const i=t[v(s)]().round().object();if(s.endsWith("a")){return k(i)}return i}getSliderCapSpacing(){const{dimensions:{slider:{height:t},thumb:{radius:s}}}=this;return s*2-t}updateDimensions(t="m"){this.dimensions=p[t]}drawColorField(){const t=this.colorFieldRenderingContext;const{dimensions:{colorField:{height:s,width:e}}}=this;t.fillStyle=this.baseColorFieldColor.hsv().saturationv(100).value(100).alpha(1).string();t.fillRect(0,0,e,s);const i=t.createLinearGradient(0,0,e,0);i.addColorStop(0,"rgba(255,255,255,1)");i.addColorStop(1,"rgba(255,255,255,0)");t.fillStyle=i;t.fillRect(0,0,e,s);const n=t.createLinearGradient(0,0,0,s);n.addColorStop(0,"rgba(0,0,0,0)");n.addColorStop(1,"rgba(0,0,0,1)");t.fillStyle=n;t.fillRect(0,0,e,s);this.drawActiveColorFieldColor()}setCanvasContextSize(t,{height:s,width:e}){if(!t){return}const i=window.devicePixelRatio||1;t.width=e*i;t.height=s*i;t.style.height=`${s}px`;t.style.width=`${e}px`;const n=t.getContext("2d");n.scale(i,i)}updateCanvasSize(t="all"){const{dimensions:s}=this;if(t==="all"||t==="color-field"){this.setCanvasContextSize(this.colorFieldRenderingContext?.canvas,s.colorField)}const e={width:this.effectiveSliderWidth,height:s.slider.height+(s.thumb.radius-s.slider.height/2)*2};if(t==="all"||t==="hue-slider"){this.setCanvasContextSize(this.hueSliderRenderingContext?.canvas,e)}if(t==="all"||t==="opacity-slider"){this.setCanvasContextSize(this.opacitySliderRenderingContext?.canvas,e)}}drawActiveColorFieldColor(){const{color:t}=this;if(!t){return}const s=t.hsv();const{dimensions:{colorField:{height:e,width:i},thumb:{radius:n}}}=this;const o=s.saturationv()/(y.s/i);const a=e-s.value()/(y.v/e);requestAnimationFrame((()=>{this.colorFieldScopeLeft=o;this.colorFieldScopeTop=a}));this.drawThumb(this.colorFieldRenderingContext,n,o,a,s,false)}drawThumb(t,s,e,i,n,o){const a=0;const l=2*Math.PI;const c=1;t.beginPath();t.arc(e,i,s,a,l);t.fillStyle="#fff";t.fill();t.strokeStyle="rgba(0,0,0,0.3)";t.lineWidth=c;t.stroke();if(o&&n.alpha()<1){const n=t.createPattern(this.getCheckeredBackgroundPattern(),"repeat");t.beginPath();t.arc(e,i,s-3,a,l);t.fillStyle=n;t.fill()}t.globalCompositeOperation="source-atop";t.beginPath();t.arc(e,i,s-3,a,l);const r=o?n.alpha():1;t.fillStyle=n.rgb().alpha(r).string();t.fill();t.globalCompositeOperation="source-over"}drawActiveHueSliderColor(){const{color:t}=this;if(!t){return}const s=t.hsv().saturationv(100).value(100);const{dimensions:{thumb:{radius:e}}}=this;const i=this.effectiveSliderWidth;const n=s.hue()/(A/i);const o=e;const a=this.getSliderBoundX(n,i,e);requestAnimationFrame((()=>{this.hueScopeLeft=a}));this.drawThumb(this.hueSliderRenderingContext,e,a,o,s,false)}drawHueSlider(){const t=this.hueSliderRenderingContext;const{dimensions:{slider:{height:s},thumb:{radius:e}}}=this;const i=0;const n=e-s/2;const o=this.effectiveSliderWidth;const a=t.createLinearGradient(0,0,o,0);const l=["red","yellow","lime","cyan","blue","magenta","#ff0004"];const r=1/(l.length-1);let h=0;l.forEach((t=>{a.addColorStop(h,c(t).string());h+=r}));t.clearRect(0,0,o,s+this.getSliderCapSpacing()*2);this.drawSliderPath(t,s,o,i,n);t.fillStyle=a;t.fill();t.strokeStyle="rgba(0,0,0,0.3)";t.lineWidth=1;t.stroke();this.drawActiveHueSliderColor()}drawOpacitySlider(){const t=this.opacitySliderRenderingContext;const{baseColorFieldColor:s,dimensions:{slider:{height:e},thumb:{radius:i}}}=this;const n=0;const o=i-e/2;const a=this.effectiveSliderWidth;t.clearRect(0,0,a,e+this.getSliderCapSpacing()*2);const l=t.createLinearGradient(0,o,a,0);const c=s.rgb().alpha(0);const r=s.rgb().alpha(.5);const h=s.rgb().alpha(1);l.addColorStop(0,c.string());l.addColorStop(.5,r.string());l.addColorStop(1,h.string());this.drawSliderPath(t,e,a,n,o);const d=t.createPattern(this.getCheckeredBackgroundPattern(),"repeat");t.fillStyle=d;t.fill();t.fillStyle=l;t.fill();t.strokeStyle="rgba(0,0,0,0.3)";t.lineWidth=1;t.stroke();this.drawActiveOpacitySliderColor()}drawSliderPath(t,s,e,i,n){const o=s/2+1;t.beginPath();t.moveTo(i+o,n);t.lineTo(i+e-o,n);t.quadraticCurveTo(i+e,n,i+e,n+o);t.lineTo(i+e,n+s-o);t.quadraticCurveTo(i+e,n+s,i+e-o,n+s);t.lineTo(i+o,n+s);t.quadraticCurveTo(i,n+s,i,n+s-o);t.lineTo(i,n+o);t.quadraticCurveTo(i,n,i+o,n);t.closePath()}getCheckeredBackgroundPattern(){if(this.checkerPattern){return this.checkerPattern}const t=document.createElement("canvas");t.width=10;t.height=10;const s=t.getContext("2d");s.fillStyle="#ccc";s.fillRect(0,0,10,10);s.fillStyle="#fff";s.fillRect(0,0,5,5);s.fillRect(5,5,5,5);this.checkerPattern=t;return t}drawActiveOpacitySliderColor(){const{color:t}=this;if(!t){return}const s=t;const{dimensions:{thumb:{radius:e}}}=this;const i=this.effectiveSliderWidth;const n=d(s.alpha())/(C.max/i);const o=e;const a=this.getSliderBoundX(n,i,e);requestAnimationFrame((()=>{this.opacityScopeLeft=a}));this.drawThumb(this.opacitySliderRenderingContext,e,a,o,s,true)}getSliderBoundX(t,s,e){const i=J(t,s,e);return i===0?t:i===-1?q(t,0,s,e,e*2):q(t,0,s,s-e*2,s-e)}updateColorFromChannels(t){this.internalColorSet(c(t,this.channelMode))}updateChannelsFromColor(t){this.channels=t?this.toChannels(t):[null,null,null,null]}toChannels(t){const{channelMode:s}=this;const e=t[s]().array().map(((t,s)=>{const e=s===3;return e?t:Math.floor(t)}));if(e.length===3){e.push(1)}return e}getAdjustedScopePosition(t,s){return[t-S/2,s-S/2]}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{allowEmpty:["handleAllowEmptyOrClearableChange"],clearable:["handleAllowEmptyOrClearableChange"],alphaChannel:["handleAlphaChannelChange","handleAlphaChannelDimensionsChange","handleFormatOrAlphaChannelChange"],dimensions:["handleAlphaChannelDimensionsChange"],color:["handleColorChange"],format:["handleFormatOrAlphaChannelChange"],scale:["handleScaleChange"],messageOverrides:["onMessagesChange"],value:["handleValueChange"],effectiveLocale:["effectiveLocaleChange"]}}};it.style=st;const nt={container:"container",hexInput:"hex-input",opacityInput:"opacity-input"};const ot=":host{display:block}.container{display:flex;inline-size:100%;flex-wrap:nowrap;align-items:center}.hex-input{flex-grow:1;text-transform:uppercase}.opacity-input{inline-size:68px;margin-inline-start:-1px}:host([scale=s]) .container{flex-wrap:wrap;row-gap:0.125rem}:host([scale=s]) .opacity-input{inline-size:unset;margin-inline-start:unset}:host([scale=l]) .opacity-input{inline-size:88px}:host([hidden]){display:none}[hidden]{display:none}";const at=ot;const lt=c();const ct=class{constructor(e){t(this,e);this.calciteColorPickerHexInputChange=s(this,"calciteColorPickerHexInputChange",6);this.onHexInputBlur=()=>{const t=this.hexInputNode;const s=t.value;const e=`#${s}`;const{allowEmpty:i,internalColor:n}=this;const o=i&&!s;const a=D(e);if($(e,this.alphaChannel)){this.onHexInputChange()}if(o||F(e)&&a){return}t.value=i&&!n?"":this.formatHexForInternalInput(j(n.object()))};this.onOpacityInputBlur=()=>{const t=this.opacityInputNode;const s=t.value;const{allowEmpty:e,internalColor:i}=this;const n=e&&!s;if(n){return}t.value=e&&!i?"":this.formatOpacityForInternalInput(i)};this.onOpacityInputInput=()=>{this.onOpacityInputChange()};this.onHexInputChange=()=>{const t=this.hexInputNode.value;let s=t;if(s){const t=a(s,false);const e=F(t)&&this.alphaChannel;if(e&&this.internalColor){const e=a(this.internalColor.hexa(),true).slice(-2);s=`${t+e}`}}this.internalSetValue(s,this.value)};this.onOpacityInputChange=()=>{const t=this.opacityInputNode;let s;if(!t.value){s=t.value}else{const e=r(Number(t.value));s=this.internalColor?.alpha(e).hexa()}this.internalSetValue(s,this.value)};this.onInputFocus=t=>{t.type==="calciteInternalInputTextFocus"?this.hexInputNode.selectText():this.opacityInputNode.selectText()};this.onHexInputInput=()=>{const t=`#${this.hexInputNode.value}`;const s=this.value;if(F(t,this.alphaChannel)&&D(t,this.alphaChannel)){this.internalSetValue(t,s)}};this.onInputKeyDown=t=>{const{altKey:s,ctrlKey:e,metaKey:i,shiftKey:n}=t;const{alphaChannel:o,hexInputNode:a,internalColor:c,value:r}=this;const{key:h}=t;const d=t.composedPath();if(h==="Tab"&&$(r,this.alphaChannel)||h==="Enter"){if(d.includes(a)){this.onHexInputChange()}else{this.onOpacityInputChange()}if(h==="Enter"){t.preventDefault()}return}const u=h==="ArrowDown"||h==="ArrowUp";const p=this.value;if(u){if(!r){this.internalSetValue(this.previousNonNullValue,p);t.preventDefault();return}const s=h==="ArrowUp"?1:-1;const e=n?10:1;this.internalSetValue(l(this.nudgeRGBChannels(c,e*s,d.includes(a)?"rgb":"a"),o),p);t.preventDefault();return}const f=s||e||i;const m=h.length===1;const b=O.test(h);if(m&&!f&&!b){t.preventDefault()}};this.onHexInputPaste=t=>{const s=t.clipboardData.getData("text");if(F(s,this.alphaChannel)&&D(s,this.alphaChannel)){t.preventDefault();this.hexInputNode.value=s.slice(1);this.internalSetValue(s,this.value)}};this.previousNonNullValue=this.value;this.storeHexInputRef=t=>{this.hexInputNode=t};this.storeOpacityInputRef=t=>{this.opacityInputNode=t};this.allowEmpty=false;this.alphaChannel=false;this.hexLabel="Hex";this.messages=undefined;this.numberingSystem=undefined;this.scale="m";this.value=a(l(lt,this.alphaChannel),this.alphaChannel,true);this.internalColor=lt}connectedCallback(){const{allowEmpty:t,alphaChannel:s,value:e}=this;if(e){const t=a(e,s);if(F(t,s)){this.internalSetValue(t,t,false)}return}if(t){this.internalSetValue(null,null,false)}}componentWillLoad(){_(this)}componentDidLoad(){B(this)}handleValueChange(t,s){this.internalSetValue(t,s,false)}render(){const{alphaChannel:t,hexLabel:s,internalColor:i,messages:n,scale:o,value:a}=this;const l=this.formatHexForInternalInput(a);const c=this.formatOpacityForInternalInput(i);const r=o==="l"?"m":"s";return e("div",{key:"70f804fdbc3c29fdf49616f56c39593fdc3717da",class:nt.container},e("calcite-input-text",{key:"777d1f8ffa673a0d74f049d4a6bdacbf3510006a",class:nt.hexInput,label:n?.hex||s,maxLength:this.alphaChannel?8:6,onCalciteInputTextChange:this.onHexInputChange,onCalciteInputTextInput:this.onHexInputInput,onCalciteInternalInputTextBlur:this.onHexInputBlur,onCalciteInternalInputTextFocus:this.onInputFocus,onKeyDown:this.onInputKeyDown,onPaste:this.onHexInputPaste,prefixText:"#",ref:this.storeHexInputRef,scale:r,value:l}),t?e("calcite-input-number",{class:nt.opacityInput,key:"opacity-input",label:n?.opacity,max:C.max,maxLength:3,min:C.min,numberButtonType:"none",numberingSystem:this.numberingSystem,onCalciteInputNumberInput:this.onOpacityInputInput,onCalciteInternalInputNumberBlur:this.onOpacityInputBlur,onCalciteInternalInputNumberFocus:this.onInputFocus,onKeyDown:this.onInputKeyDown,ref:this.storeOpacityInputRef,scale:r,suffixText:"%",value:c}):null)}async setFocus(){await H(this);return K(this.hexInputNode)}internalSetValue(t,s,e=true){if(t){const{alphaChannel:s}=this;const i=a(t,s,s);if(F(i,s)){const{internalColor:t}=this;const n=c(i);const o=a(l(n,s),s);const r=!t||o!==a(l(t,s),s);this.internalColor=n;this.previousNonNullValue=o;this.value=o;if(r&&e){this.calciteColorPickerHexInputChange.emit()}return}}else if(this.allowEmpty){this.internalColor=null;this.value=null;if(e){this.calciteColorPickerHexInputChange.emit()}return}this.value=s}formatHexForInternalInput(t){return t?t.replace("#","").slice(0,6):""}formatOpacityForInternalInput(t){return t?`${d(t.alpha())}`:""}nudgeRGBChannels(t,s,e){let i;const n=t.array();const o=n.slice(0,3);if(e==="rgb"){const t=o.map((t=>t+s));i=[...t,this.alphaChannel?n[3]:undefined]}else{const e=r(d(t.alpha())+s);i=[...o,e]}return c(i)}get el(){return i(this)}static get watchers(){return{value:["handleValueChange"]}}};ct.style=at;const rt={swatch:"swatch",noColorSwatch:"swatch--no-color",checker:"checker"};const ht={borderLight:"rgba(0, 0, 0, 0.3)",borderDark:"rgba(255, 255, 255, 0.15)"};const dt=4;const ut={squareSize:dt,size:dt*2};const pt=":host{position:relative;display:inline-flex}:host([scale=s]){block-size:1.25rem;inline-size:1.25rem}:host([scale=m]){block-size:1.5rem;inline-size:1.5rem}:host([scale=l]){block-size:2rem;inline-size:2rem}.swatch{overflow:hidden;block-size:inherit;inline-size:inherit}.swatch rect{transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.swatch--no-color rect{fill:var(--calcite-color-foreground-1)}.swatch--no-color line{stroke:var(--calcite-color-status-danger)}.checker{fill:#cacaca}:host([hidden]){display:none}[hidden]{display:none}";const ft=pt;const mt=class{constructor(s){t(this,s);this.active=false;this.color=undefined;this.scale="m"}handleColorChange(t){this.internalColor=t?c(t):null}componentWillLoad(){this.handleColorChange(this.color)}render(){const t=!this.internalColor;const s={[rt.swatch]:true,[rt.noColorSwatch]:t};return e("svg",{key:"d808ca40b9f81aad24291cabcfaf95d74d89f7cd",class:s,xmlns:"http://www.w3.org/2000/svg"},this.renderSwatch())}renderSwatch(){const{active:t,el:s,internalColor:i}=this;const o=t?"100%":"0";const a=T(s);const c=a==="light"?ht.borderLight:ht.borderDark;const r=!i;const h={height:"100%",rx:o,stroke:c,strokeWidth:"2",width:"100%"};if(r){return e(n,null,e("clipPath",{id:"shape"},e("rect",{height:"100%",rx:o,width:"100%"})),this.renderSwatchRect({clipPath:`inset(0 round ${o})`,...h}),e("line",{"clip-path":"url(#shape)","stroke-width":"3",x1:"100%",x2:"0",y1:"0",y2:"100%"}))}const d=i.alpha();const u=l(i);const p=l(i,d<1);return e(n,null,e("title",null,p),e("defs",null,e("pattern",{height:ut.size,id:"checker",patternUnits:"userSpaceOnUse",width:ut.size,x:"0",y:"0"},e("rect",{class:rt.checker,height:ut.squareSize,width:ut.squareSize,x:"0",y:"0"}),e("rect",{class:rt.checker,height:ut.squareSize,width:ut.squareSize,x:ut.squareSize,y:ut.squareSize}))),this.renderSwatchRect({fill:"url(#checker)",rx:h.rx,height:h.height,width:h.width}),this.renderSwatchRect({clipPath:d<1?"polygon(100% 0, 0 0, 0 100%)":`inset(0 round ${o})`,fill:u,...h}),d<1?this.renderSwatchRect({clipPath:"polygon(100% 0, 100% 100%, 0 100%)",fill:p,key:"opacity-fill",...h}):null)}renderSwatchRect({clipPath:t,fill:s,height:i,key:n,rx:o,stroke:a,strokeWidth:l,width:c}){return e("rect",{"clip-path":t,fill:s,height:i,key:n,rx:o,stroke:a,"stroke-width":l,width:c})}get el(){return i(this)}static get watchers(){return{color:["handleColorChange"]}}};mt.style=ft;export{it as calcite_color_picker,ct as calcite_color_picker_hex_input,mt as calcite_color_picker_swatch};
+//# sourceMappingURL=p-2dc4e76d.entry.js.map

package/dist/calcite/p-2e79e086.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+import{r as t,c as e,h as i,H as a,g as n}from"./p-67e556ed.js";import{s as o,k as s,t as r,g as c,B as l}from"./p-0fb1c54a.js";import{c as h,d}from"./p-bf4dc8d8.js";import{g as u}from"./p-57e1e048.js";import{u as p,I as f}from"./p-49632699.js";import{a as m,s as g,c as v}from"./p-1f5a7c5e.js";import{c as b,d as k,s as y,u as x}from"./p-3a1a720c.js";import{c as w}from"./p-06c0de26.js";import{b as I}from"./p-a9b127f5.js";import{g as z}from"./p-18cf26c8.js";import"./p-7f97e86a.js";import"./p-cfc4daa3.js";import"./p-4dd99f61.js";const C=6e3;const j={container:"container",containerOverlaid:"container--overlaid",containerEdged:"container--edged",itemContainer:"item-container",itemContainerForward:"item-container--forward",itemContainerBackward:"item-container--backward",pagination:"pagination",paginationItems:"pagination-items",paginationItem:"pagination-item",paginationItemIndividual:"pagination-item--individual",paginationItemVisible:"pagination-item--visible",paginationItemOutOfRange:"pagination-item--out-of-range",paginationItemSelected:"pagination-item--selected",paginationItemRangeEdge:"pagination-item--range-edge",pageNext:"page-next",pagePrevious:"page-previous",autoplayControl:"autoplay-control",autoplayProgress:"autoplay-progress"};const W={chevronLeft:"chevron-left",chevronRight:"chevron-right",inactive:"bullet-point",active:"bullet-point-large",pause:"pause-f",play:"play-f"};const L={medium:7,small:5,xsmall:3,xxsmall:1};const R=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;inline-size:100%;--calcite-internal-internal-carousel-item-space:1.5rem;--calcite-internal-internal-carousel-item-space-wide:3.5rem;--calcite-internal-internal-carousel-item-background-color:var(\n    --calcite-internal-carousel-item-background-color,\n    var(--calcite-color-foreground-1)\n  );--calcite-internal-internal-carousel-item-background-color-hover:var(\n    --calcite-internal-carousel-item-background-color-hover,\n    var(--calcite-color-foreground-2)\n  );--calcite-internal-internal-carousel-item-background-color-active:var(\n    --calcite-internal-carousel-item-background-color-active,\n    var(--calcite-color-foreground-2)\n  );--calcite-internal-internal-carousel-item-background-color-selected:var(\n    --calcite-internal-carousel-item-background-color-selected,\n    var(--calcite-color-foreground-1)\n  );--calcite-internal-internal-carousel-item-icon-color-hover:var(\n    --calcite-internal-carousel-item-icon-color-hover,\n    var(--calcite-action-color-transparent-hover)\n  );--calcite-internal-internal-carousel-item-icon-color:var(\n    --calcite-internal-carousel-item-icon-color,\n    var(--calcite-color-border-3)\n  );--calcite-internal-internal-carousel-item-icon-color-selected:var(\n    --calcite-internal-carousel-item-icon-color-selected,\n    var(--calcite-color-brand)\n  );--calcite-internal-internal-carousel-control-color-hover:var(\n    --calcite-internal-carousel-control-color-hover,\n    var(--calcite-internal-carousel-item-icon-color-hover)\n  );--calcite-internal-internal-carousel-control-color:var(\n    --calcite-internal-carousel-item-icon-color,\n    var(--calcite-color-border-input)\n  );--calcite-internal-internal-carousel-autoplay-progress-background-color:var(\n    --calcite-internal-carousel-autoplay-progress-background-color,\n    var(--calcite-color-border-3)\n  );--calcite-internal-internal-carousel-autoplay-progress-fill-color:var(\n    --calcite-internal-carousel-autoplay-progress-fill-color,\n    var(--calcite-color-brand)\n  )}.container{position:relative;display:flex;inline-size:100%;flex-direction:column;overflow:hidden;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2);outline-color:transparent}.container:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.container--edged:not(.container--overlaid){padding-inline:var(--calcite-internal-internal-carousel-item-space-wide);inline-size:calc(100% - var(--calcite-internal-internal-carousel-item-space-wide) * 2)}.item-container{display:flex;flex:1 1 auto;align-items:flex-start;justify-content:center;overflow:auto;padding:0.25rem;animation-name:none;animation-duration:var(--calcite-animation-timing)}.container--overlaid .item-container{padding:0px}.item-container--forward{animation-name:item-forward}.item-container--backward{animation-name:item-backward}calcite-carousel-item:not([selected]){opacity:0}.pagination{margin:0.75rem;display:flex;flex-direction:row;align-items:center;justify-content:center;inline-size:auto}.pagination-items{display:flex;flex-direction:row;align-items:center}.container--overlaid .pagination{position:absolute}.pagination-item.page-next,.pagination-item.page-previous{color:var(--calcite-internal-internal-carousel-control-color)}.pagination-item.page-next:hover,.pagination-item.page-previous:hover{color:var(--calcite-internal-internal-carousel-control-color-hover)}.container--edged .page-next,.container--edged .page-previous{block-size:3rem;inline-size:3rem;position:absolute;inset-block-start:50%;transform:translateY(-50%)}.container--edged .page-next{inset-inline-end:0}.container--edged .page-previous{inset-inline-start:0}.container--overlaid .pagination{inset-block-start:unset;inset-block-end:0;inset-inline:0}.pagination-item.autoplay-control{position:relative;color:var(--calcite-internal-internal-carousel-control-color);--calcite-color-brand:var(--calcite-internal-internal-carousel-autoplay-progress-fill-color);--calcite-color-border-3:var(--calcite-internal-internal-carousel-autoplay-progress-background-color)}.autoplay-control:focus .autoplay-progress{inset-block-end:4px;inset-inline:2px;inline-size:calc(100% - 4px)}.autoplay-progress{position:absolute;inset-block-end:2px;inset-inline:0;inline-size:100%}.pagination-item{margin:0px;block-size:2rem;inline-size:2rem;cursor:pointer;align-items:center;border-style:none;background-color:transparent;outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;-webkit-appearance:none;display:flex;align-content:center;justify-content:center;--calcite-color-foreground-1:var(--calcite-internal-internal-carousel-item-background-color);color:var(--calcite-internal-internal-carousel-item-icon-color)}.pagination-item:hover{background-color:var(--calcite-internal-internal-carousel-item-background-color-hover);color:var(--calcite-internal-internal-carousel-item-icon-color-hover)}.pagination-item:focus{background-color:var(--calcite-internal-internal-carousel-item-background-color-active);outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.pagination-item:active{background-color:var(--calcite-internal-internal-carousel-item-background-color-active);color:var(--calcite-internal-internal-carousel-item-icon-color-hover)}.pagination-item calcite-icon{color:inherit;pointer-events:none}.pagination-item.pagination-item--selected{--calcite-color-foreground-1:var(--calcite-internal-internal-carousel-item-background-color-selected);--calcite-color-foreground-3:var(--calcite-internal-internal-carousel-item-background-color-selected);color:var(--calcite-internal-internal-carousel-item-icon-color-selected)}.pagination-item--individual{pointer-events:none;inline-size:0px;padding:0px;opacity:0;visibility:hidden;transition:var(--calcite-animation-timing) ease-in-out inline-size, var(--calcite-animation-timing) ease-in-out padding, var(--calcite-animation-timing) ease-in-out opacity}.pagination-item--individual.pagination-item--visible{pointer-events:auto;inline-size:2rem;opacity:1;visibility:visible}.pagination-item--range-edge calcite-icon{scale:0.75;transition:var(--calcite-animation-timing) ease-in-out scale}.container--overlaid .pagination-item{background-color:var(--calcite-internal-internal-carousel-item-background-color)}.container--overlaid .pagination-item:hover{background-color:var(--calcite-internal-internal-carousel-item-background-color-hover)}.container--overlaid .pagination-item:focus{background-color:var(--calcite-internal-internal-carousel-item-background-color-active)}.container--overlaid .pagination-item:active{background-color:var(--calcite-internal-internal-carousel-item-background-color-active)}@keyframes item-forward{0%{transform:translate3d(100px, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes item-backward{0%{transform:translate3d(-100px, 0, 0)}100%{transform:translate3d(0, 0, 0)}}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const D=R;const E=class{constructor(a){t(this,a);this.calciteCarouselChange=e(this,"calciteCarouselChange",6);this.calciteCarouselPlay=e(this,"calciteCarouselPlay",6);this.calciteCarouselStop=e(this,"calciteCarouselStop",6);this.calciteCarouselPause=e(this,"calciteCarouselPause",6);this.calciteCarouselResume=e(this,"calciteCarouselResume",6);this.containerId=`calcite-carousel-container-${u()}`;this.slideDurationInterval=null;this.slideInterval=null;this.resizeObserver=w("resize",(t=>t.forEach(this.resizeHandler)));this.resizeHandler=({contentRect:{width:t}})=>{this.setMaxItemsToBreakpoint(t)};this.autoplayHandler=()=>{this.clearIntervals();this.slideDurationInterval=setInterval(this.timer,this.autoplayDuration/100)};this.timer=()=>{let t=this.slideDurationRemaining;const e=!this.suspendedDueToFocus&&!this.suspendedDueToHover||this.userPreventsSuspend;if(e){if(t<=.01){t=1;this.nextItem(false)}else{t=t-.01}}if(t>0){this.slideDurationRemaining=t}};this.handleSlotChange=t=>{const e=o(t);if(e.length<1){return}const i=e.findIndex((t=>t.selected));const a=i>-1?i:0;this.items=e;this.setSelectedItem(a,false)};this.setSelectedItem=(t,e)=>{const i=this.selectedIndex;this.items.forEach(((e,i)=>{const a=t===i;e.selected=a;if(a){this.selectedItem=e;this.selectedIndex=i}}));if(e){this.playing=false;if(i!==this.selectedIndex){this.calciteCarouselChange.emit()}}};this.handleArrowClick=t=>{const e=t.target.dataset.direction;if(e==="next"){this.direction="forward";this.nextItem(true)}else if(e==="previous"){this.direction="backward";this.previousItem()}};this.handleItemSelection=t=>{const e=t.target;const i=parseInt(e.dataset.index);if(i===this.selectedIndex){return}if(this.playing){this.handlePause(true)}this.direction=i>this.selectedIndex?"forward":"backward";this.setSelectedItem(i,true)};this.toggleRotation=()=>{this.userPreventsSuspend=true;if(this.playing){this.handlePause(true)}else{this.handlePlay(true)}};this.handleFocusIn=()=>{const t=this.playing;if(t){this.suspendedDueToFocus=true}if((!this.suspendedDueToFocus||!this.suspendedDueToHover)&&t){this.calciteCarouselPause.emit()}};this.handleMouseIn=()=>{const t=this.playing;if(t){this.suspendedDueToHover=true}if((!this.suspendedDueToFocus||!this.suspendedDueToHover)&&t){this.calciteCarouselPause.emit()}};this.handleMouseOut=t=>{const e=!this.el.contains(t.relatedTarget);const i=this.playing;if(e&&i){this.suspendedDueToHover=false}if(e&&i&&!this.suspendedDueToFocus){this.userPreventsSuspend=false;this.calciteCarouselResume.emit()}};this.handleFocusOut=t=>{const e=!t.composedPath().includes(t.relatedTarget);const i=this.playing;if(e&&i){this.suspendedDueToFocus=false}if(e&&i&&!this.suspendedDueToHover){this.userPreventsSuspend=false;this.calciteCarouselResume.emit()}};this.containerKeyDownHandler=t=>{if(t.target!==this.container){return}const e=this.items.length-1;switch(t.key){case" ":case"Enter":t.preventDefault();if(this.autoplay===""||this.autoplay||this.autoplay==="paused"){this.toggleRotation()}break;case"ArrowRight":t.preventDefault();this.direction="forward";this.nextItem(true);break;case"ArrowLeft":t.preventDefault();this.direction="backward";this.previousItem();break;case"Home":t.preventDefault();if(this.selectedIndex===0){return}this.direction="backward";this.setSelectedItem(0,true);break;case"End":t.preventDefault();if(this.selectedIndex===e){return}this.direction="forward";this.setSelectedItem(e,true);break}};this.tabListKeyDownHandler=t=>{const e=Array(...this.tabList.querySelectorAll(`button:not(.${j.paginationItemOutOfRange})`));const i=t.target;switch(t.key){case"ArrowRight":s(e,i,"next");break;case"ArrowLeft":s(e,i,"previous");break;case"Home":t.preventDefault();s(e,i,"first");break;case"End":t.preventDefault();s(e,i,"last");break}};this.storeTabListRef=t=>{this.tabList=t};this.storeContainerRef=t=>{this.container=t};this.storeItemContainerRef=t=>{this.itemContainer=t};this.renderRotationControl=()=>{const t=this.playing?this.messages.pause:this.messages.play;return i("button",{"aria-label":t,class:{[j.paginationItem]:true,[j.autoplayControl]:true},onClick:this.toggleRotation,title:t},i("calcite-icon",{icon:this.playing?W.pause:W.play,scale:"s"}),this.playing&&i("calcite-progress",{class:j.autoplayProgress,label:this.messages.carouselItemProgress,value:this.slideDurationRemaining}))};this.renderPaginationArea=()=>i("div",{class:{[j.pagination]:true,[j.containerOverlaid]:this.controlOverlay},onKeyDown:this.tabListKeyDownHandler,ref:this.storeTabListRef},(this.playing||this.autoplay===""||this.autoplay||this.autoplay==="paused")&&this.renderRotationControl(),this.arrowType==="inline"&&this.renderArrow("previous"),this.renderPaginationItems(),this.arrowType==="inline"&&this.renderArrow("next"));this.renderPaginationItems=()=>{const{selectedIndex:t,maxItems:e,items:a,label:n,handleItemSelection:o}=this;return i("div",{"aria-label":n,class:j.paginationItems,role:"tablist"},a.map(((n,s)=>{const c=a.length;const l=s===t;const h=s===0;const d=s===c-1;const u=c-e-1;const p=t<e;const f=t>=u;const m=p?0:t-Math.floor(e/2);const g=f?c:m+e;const v=p?0:f?u:m;const b=p?e+1:g;const k=!h&&!d&&!l&&(s===v-1||s===b);const y=l||s<=b&&s>=v-1;const x=c-1<=e;const w=l?W.active:W.inactive;return i("button",{"aria-controls":!l?n.id:undefined,"aria-selected":r(l),class:{[j.paginationItem]:true,[j.paginationItemIndividual]:true,[j.paginationItemSelected]:l,[j.paginationItemRangeEdge]:c-1>e&&k,[j.paginationItemOutOfRange]:!(x||y),[j.paginationItemVisible]:x||y},"data-index":s,key:n.id,onClick:o,role:"tab",title:n.label},i("calcite-icon",{icon:w,scale:"l"}))})))};this.renderArrow=t=>{const e=t==="previous";const a=c(this.el);const n=this.arrowType==="edge"?"m":"s";const o=e?j.pagePrevious:j.pageNext;const s=e?this.messages.previous:this.messages.next;const r=e?W.chevronLeft:W.chevronRight;return i("button",{"aria-controls":this.containerId,class:{[j.paginationItem]:true,[o]:true},"data-direction":t,onClick:this.handleArrowClick,title:s},i("calcite-icon",{flipRtl:a==="rtl",icon:r,scale:n}))};this.autoplay=false;this.arrowType="inline";this.autoplayDuration=C;this.controlOverlay=false;this.disabled=false;this.label=undefined;this.messages=undefined;this.messageOverrides=undefined;this.paused=undefined;this.selectedItem=undefined;this.selectedIndex=undefined;this.items=[];this.direction="standby";this.defaultMessages=undefined;this.playing=false;this.suspendedDueToFocus=false;this.suspendedDueToHover=false;this.userPreventsSuspend=false;this.effectiveLocale="";this.suspendedSlideDurationRemaining=1;this.slideDurationRemaining=1;this.maxItems=L.xxsmall}autoplayWatcher(t){if(!t){this.handlePause(false)}}onMessagesChange(){}connectedCallback(){h(this);b(this);this.resizeObserver?.observe(this.el)}componentDidLoad(){m(this)}componentDidRender(){p(this)}disconnectedCallback(){d(this);k(this);this.clearIntervals();this.resizeObserver?.disconnect()}async componentWillLoad(){if((this.autoplay===""||this.autoplay)&&this.autoplay!=="paused"){this.handlePlay(false)}else if(this.autoplay==="paused"){this.paused=true}g(this);await y(this)}async setFocus(){await v(this);this.container?.focus()}async play(){if(this.playing||this.autoplay!==""&&!this.autoplay&&this.autoplay!=="paused"){return}this.handlePlay(true)}async stop(){if(!this.playing){return}this.handlePause(true)}async directionWatcher(t){if(t==="standby"){return}await l(this.itemContainer,t==="forward"?"item-forward":"item-backward");this.direction="standby"}playingWatcher(){this.paused=!this.playing}suspendWatcher(){if(!this.suspendedDueToFocus&&!this.suspendedDueToHover){this.suspendEnd()}else{this.suspendStart()}}async effectiveLocaleChange(){await x(this,this.effectiveLocale)}setMaxItemsToBreakpoint(t){if(!t){return}if(t>=I.width.small){this.maxItems=L.medium;return}if(t>=I.width.xsmall){this.maxItems=L.small;return}if(t>=I.width.xxsmall){this.maxItems=L.xsmall;return}this.maxItems=L.xxsmall}clearIntervals(){clearInterval(this.slideDurationInterval);clearInterval(this.slideInterval)}nextItem(t){if(this.playing&&t){this.playing=false}const e=z(this.selectedIndex+1,this.items.length);this.setSelectedItem(e,t)}previousItem(){this.playing=false;const t=z(Math.max(this.selectedIndex-1,-1),this.items.length);this.setSelectedItem(t,true)}handlePlay(t){this.playing=true;this.autoplayHandler();this.slideInterval=setInterval(this.autoplayHandler,this.autoplayDuration);if(t){this.calciteCarouselPlay.emit()}}handlePause(t){this.playing=false;this.clearIntervals();this.slideDurationRemaining=1;this.suspendedSlideDurationRemaining=1;if(t){this.calciteCarouselStop.emit()}}suspendStart(){this.suspendedSlideDurationRemaining=this.slideDurationRemaining}suspendEnd(){this.slideDurationRemaining=this.suspendedSlideDurationRemaining}render(){const{direction:t}=this;return i(a,{key:"c41171a3b16c6aad1b37f4631a2d123acaca752d"},i(f,{key:"03c90c14f2b3f948c0e349bede237d29ed292c7f",disabled:this.disabled},i("div",{key:"df9af99e67d3b9c61dd6ccac74e82237e8eb17c4","aria-label":this.label,"aria-live":this.playing?"off":"polite","aria-roledescription":this.messages.carousel,class:{[j.container]:true,[j.containerOverlaid]:this.controlOverlay,[j.containerEdged]:this.arrowType==="edge"},onFocusin:this.handleFocusIn,onFocusout:this.handleFocusOut,onKeyDown:this.containerKeyDownHandler,onMouseEnter:this.handleMouseIn,onMouseLeave:this.handleMouseOut,ref:this.storeContainerRef,role:"group",tabIndex:0},i("section",{key:"7c274a35b9186ba9bb04fd8124be6893eee46e5f",class:{[j.itemContainer]:true,[j.itemContainerForward]:t==="forward",[j.itemContainerBackward]:t==="backward"},id:this.containerId,ref:this.storeItemContainerRef},i("slot",{key:"0f2497545f4cf4a311ab871bcaf5ff16fe677c77",onSlotchange:this.handleSlotChange})),this.items.length>1&&this.renderPaginationArea(),this.arrowType==="edge"&&this.renderArrow("previous"),this.arrowType==="edge"&&this.renderArrow("next"))))}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{autoplay:["autoplayWatcher"],messageOverrides:["onMessagesChange"],direction:["directionWatcher"],playing:["playingWatcher"],suspendedDueToFocus:["suspendWatcher"],suspendedDueToHover:["suspendWatcher"],effectiveLocale:["effectiveLocaleChange"]}}};E.style=D;const M={container:"container",selected:"selected"};const P=":host{display:flex}.container{display:none;inline-size:var(--calcite-container-size-content-fluid)}:host([selected]) .container{display:block}:host([hidden]){display:none}[hidden]{display:none}";const A=P;const F=class{constructor(e){t(this,e);this.guid=`calcite-carousel-item-${u()}`;this.label=undefined;this.selected=false}render(){const t=this.el.id||this.guid;return i(a,{key:"5606df99edd6007701f391f095c88270eed4ccf1",id:t},i("div",{key:"7147a10dbb3fa9292da09207709bfa5e7e857bf9","aria-label":this.label,class:{[M.container]:true,[M.selected]:this.selected},role:"tabpanel"},i("slot",{key:"8b6876c8fc55afd1cac458b97063f66dff2cd9e2"})))}get el(){return n(this)}};F.style=A;export{E as calcite_carousel,F as calcite_carousel_item};
+//# sourceMappingURL=p-2e79e086.entry.js.map

package/dist/calcite/p-2f9bbfbc.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+import{r as e,c,h as i,g as t,H as n}from"./p-67e556ed.js";import{c as o}from"./p-06c0de26.js";import{c as a,d as r}from"./p-b54932d7.js";import{e as l,g as d,t as s,a as h}from"./p-0fb1c54a.js";import{C as m}from"./p-7f97e86a.js";import{g as p}from"./p-d2b212f4.js";import{s as v,a as g,c as f}from"./p-1f5a7c5e.js";import"./p-4dd99f61.js";import"./p-57e1e048.js";const b={accordion:"accordion",transparent:"accordion--transparent"};const u=":host{position:relative;display:block;max-inline-size:100%;line-height:1.5rem}.accordion{border-width:1px;border-block-end-width:0px;border-style:solid;border-color:var(--calcite-accordion-border-color, var(--calcite-color-border-2));background-color:var(--calcite-accordion-background-color, var(--calcite-color-foreground-1))}.accordion--transparent{--calcite-accordion-border-color:transparent;border-color:var(--calcite-color-transparent);background-color:var(--calcite-color-transparent)}:host([scale=s]){--calcite-internal-accordion-item-spacing-unit:0.25rem;--calcite-internal-accordion-icon-margin:0.5rem;--calcite-internal-accordion-item-padding:var(--calcite-internal-accordion-item-spacing-unit) 0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-internal-accordion-item-spacing-unit:0.5rem;--calcite-internal-accordion-icon-margin:0.75rem;--calcite-internal-accordion-item-padding:var(--calcite-internal-accordion-item-spacing-unit) 0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-internal-accordion-item-spacing-unit:0.75rem;--calcite-internal-accordion-icon-margin:1rem;--calcite-internal-accordion-item-padding:var(--calcite-internal-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([hidden]){display:none}[hidden]{display:none}";const x=u;const k=class{constructor(i){e(this,i);this.calciteInternalAccordionChange=c(this,"calciteInternalAccordionChange",6);this.mutationObserver=o("mutation",(()=>this.updateAccordionItems()));this.appearance="solid";this.iconPosition="end";this.iconType="chevron";this.scale="m";this.selectionMode="multiple"}handlePropsChange(){this.updateAccordionItems()}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true});this.updateAccordionItems()}disconnectedCallback(){this.mutationObserver?.disconnect()}render(){const e=this.appearance==="transparent";return i("div",{key:"049a706314a7d7bc6336ce3586dc2d48384134fc",class:{[b.transparent]:e,[b.accordion]:!e}},i("slot",{key:"831dee904c4ff5258ac0194effe21ad5fa5d27ad"}))}updateActiveItemOnChange(e){this.calciteInternalAccordionChange.emit({requestedAccordionItem:e.detail.requestedAccordionItem});e.stopPropagation()}updateAccordionItems(){this.el.querySelectorAll("calcite-accordion-item").forEach((e=>{e.iconPosition=this.iconPosition;e.iconType=this.iconType;e.scale=this.scale}));document.dispatchEvent(new CustomEvent("calciteInternalAccordionItemsSync"))}get el(){return t(this)}static get watchers(){return{iconPosition:["handlePropsChange"],iconType:["handlePropsChange"],scale:["handlePropsChange"],selectionMode:["handlePropsChange"]}}};k.style=x;const y={actionsStart:"actions-start",actionsEnd:"actions-end"};const w={actionsEnd:"actions-end",actionsStart:"actions-start",content:"content",description:"description",expandIcon:"expand-icon",header:"header",headerContainer:"header-container",headerContent:"header-content",headerText:"header-text",heading:"heading",icon:"icon",iconEnd:"icon--end",iconStart:"icon--start"};const C={section:"section",sectionToggle:"section-toggle"};const I=".icon-position--end,.icon-position--start{--calcite-internal-accordion-item-icon-rotation:calc(90deg * -1);--calcite-internal-accordion-item-active-icon-rotation:0deg;--calcite-internal-accordion-item-icon-rotation-rtl:90deg;--calcite-internal-accordion-item-active-icon-rotation-rtl:0deg}:host{position:relative;display:flex;flex-direction:column;text-decoration-line:none;color:var(--calcite-accordion-item-text-color, var(--calcite-accordion-text-color, var(--calcite-color-text-3)));background-color:var(--calcite-accordion-item-background-color);border-width:0}:host .header{background-color:var(--calcite-accordion-item-header-background-color)}.icon-position--start{--calcite-internal-accordion-item-flex-direction:row-reverse;--calcite-internal-accordion-item-icon-spacing-start:0;--calcite-internal-accordion-item-icon-spacing-end:var(--calcite-internal-accordion-icon-margin)}.icon-position--end{--calcite-internal-accordion-item-flex-direction:row;--calcite-internal-accordion-item-icon-spacing-start:var(--calcite-internal-accordion-icon-margin);--calcite-internal-accordion-item-icon-spacing-end:0}.icon-position--end:not(.icon-type--plus-minus){--calcite-internal-accordion-item-icon-rotation:0deg;--calcite-internal-accordion-item-active-icon-rotation:180deg;--calcite-internal-accordion-item-icon-rotation-rtl:0deg;--calcite-internal-accordion-item-active-icon-rotation-rtl:calc(180deg * -1)}.content,.header{border-block-end-width:var(--calcite-border-width-sm);border-block-end-style:solid;border-color:var(--calcite-accordion-item-border-color, var(--calcite-accordion-border-color, var(--calcite-color-border-2)))}.header-content,.content{padding:var(--calcite-accordion-item-content-space, var(--calcite-internal-accordion-item-padding, var(--calcite-internal-accordion-item-spacing-unit, 0.5rem 0.75rem)))}.header{display:flex;align-items:stretch}.header *{display:inline-flex;align-items:center;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);word-wrap:break-word;word-break:break-word}.header-content{flex-grow:1;cursor:pointer;outline-color:transparent;flex-direction:var(--calcite-internal-accordion-item-flex-direction);color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color, inherit))}.header-content:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.header-content:focus,.header-content:hover,.header-content:active{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color-hover, var(--calcite-color-text-2)))}.header-content:focus .heading,.header-content:hover .heading,.header-content:active .heading{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color-pressed, var(--calcite-color-text-1)))}.header-container{inline-size:100%}.header-text{margin-block:0px;flex-grow:1;flex-direction:column;padding-block:0px;text-align:initial;margin-inline-end:auto}.heading,.description{display:flex;inline-size:100%}.heading{font-weight:var(--calcite-font-weight-medium)}.actions-start,.actions-end{display:flex;align-items:center}.icon{display:flex;align-items:center;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-inline-end:var(--calcite-internal-accordion-item-icon-spacing-start);margin-inline-start:var(--calcite-internal-accordion-item-icon-spacing-end)}.icon--start{color:var(--calcite-accordion-item-start-icon-color, var(--calcite-accordion-item-icon-color, currentColor));margin-inline-end:var(--calcite-internal-accordion-icon-margin)}.icon--end{color:var(--calcite-accordion-item-end-icon-color, var(--calcite-accordion-item-icon-color, currentColor));margin-inline-end:var(--calcite-internal-accordion-icon-margin);margin-inline-start:var(--calcite-internal-accordion-icon-margin)}.expand-icon{color:var(--calcite-accordion-item-expand-icon-color, var(--calcite-accordion-item-text-color, var(--calcite-accordion-text-color, var(--calcite-color-text-3))));margin-inline-start:var(--calcite-internal-accordion-item-icon-spacing-start);margin-inline-end:var(--calcite-internal-accordion-item-icon-spacing-end);transform:rotate(var(--calcite-internal-accordion-item-icon-rotation))}.calcite--rtl .expand-icon{transform:rotate(var(--calcite-internal-accordion-item-icon-rotation-rtl))}.description{margin-block-start:0.25rem}.content{display:none;padding-block-start:0px;text-align:initial}:host(:not(:focus):not(:hover):not([expanded])) .heading{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2)))}:host([expanded]){color:var(--calcite-accordion-item-text-color, var(--calcite-accordion-text-color, var(--calcite-accordion-text-color-pressed, var(--calcite-color-text-1))))}:host([expanded]) .header{border-block-end-color:transparent}:host([expanded]) .expand-icon{color:var(--calcite-accordion-item-expand-icon-color, var(--calcite-accordion-item-text-color, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2)))));transform:rotate(var(--calcite-internal-accordion-item-active-icon-rotation))}:host([expanded]) .calcite--rtl .expand-icon{transform:rotate(var(--calcite-internal-accordion-item-active-icon-rotation-rtl))}:host([expanded]) .description{color:var(--calcite-accordion-item-text-color, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2))))}:host([expanded]) .content{display:block}@media (forced-colors: active){:host([expanded]) .header{border-block-end:none}:host([expanded]) .heading{font-weight:bolder}.header-content:hover .heading,.header-content:focus .heading{text-decoration:underline}}:host([hidden]){display:none}[hidden]{display:none}";const A=I;const z=class{constructor(i){e(this,i);this.calciteInternalAccordionItemSelect=c(this,"calciteInternalAccordionItemSelect",6);this.calciteInternalAccordionItemClose=c(this,"calciteInternalAccordionItemClose",6);this.storeHeaderEl=e=>{this.headerEl=e};this.itemHeaderClickHandler=()=>this.emitRequestedItem();this.expanded=false;this.heading=undefined;this.description=undefined;this.iconStart=undefined;this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconPosition=undefined;this.iconType=undefined;this.accordionParent=undefined;this.scale=undefined}connectedCallback(){a(this)}componentWillLoad(){v(this)}componentDidLoad(){g(this)}disconnectedCallback(){r(this)}renderActionsStart(){const{el:e}=this;return l(e,y.actionsStart)?i("div",{class:w.actionsStart},i("slot",{name:y.actionsStart})):null}renderActionsEnd(){const{el:e}=this;return l(e,y.actionsEnd)?i("div",{class:w.actionsEnd},i("slot",{name:y.actionsEnd})):null}render(){const{iconFlipRtl:e}=this;const c=d(this.el);const t=this.iconStart?i("calcite-icon",{class:{[w.icon]:true,[w.iconStart]:true},flipRtl:e==="both"||e==="start",icon:this.iconStart,key:"icon-start",scale:p(this.scale)}):null;const o=this.iconEnd?i("calcite-icon",{class:{[w.iconEnd]:true,[w.icon]:true},flipRtl:e==="both"||e==="end",icon:this.iconEnd,key:"icon-end",scale:p(this.scale)}):null;const{description:a}=this;return i(n,{key:"73a74d61e41199c57868bd5375ba1b08f8e19dbc"},i("div",{key:"ce9e0a74ea1eb93b7e2f00e95e6a092dcf99726b",class:{[`icon-position--${this.iconPosition}`]:true,[`icon-type--${this.iconType}`]:true}},i("div",{key:"18af6a636b01a816363edf73bd05a486ac0cc2b2",class:{[w.header]:true,[m.rtl]:c==="rtl"}},this.renderActionsStart(),i("div",{key:"8a82a3acec9576d7e936714d1bee0bd2a1cc4ab1","aria-controls":C.section,"aria-expanded":s(this.expanded),class:w.headerContent,id:C.sectionToggle,onClick:this.itemHeaderClickHandler,ref:this.storeHeaderEl,role:"button",tabindex:"0"},i("div",{key:"b9b223e8e0b0f60d9f6f9c5a9bda1458def7ae01",class:w.headerContainer},t,i("div",{key:"ccdba89b98942b7163d09a0f78175c374aba5875",class:w.headerText},i("span",{key:"c91bcaf36ba60ac2a8ef06e3356a15d1f3a7e78f",class:w.heading},this.heading),a?i("span",{class:w.description},a):null),o),i("calcite-icon",{key:"aebf05069b1ceae376fb67074aad773c4f403c16",class:w.expandIcon,icon:this.iconType==="chevron"?"chevronDown":this.iconType==="caret"?"caretDown":this.expanded?"minus":"plus",scale:p(this.scale)})),this.renderActionsEnd()),i("section",{key:"7371b06f1ec99aab9351113663eda976540ae7b0","aria-labelledby":C.sectionToggle,class:w.content,id:C.section},i("slot",{key:"69b851d2989876bece534e499a039e55eaabb1ec"}))))}keyDownHandler(e){if(e.target===this.el){switch(e.key){case" ":case"Enter":this.emitRequestedItem();e.preventDefault();break}}}updateActiveItemOnChange(e){const[c]=e.composedPath();const i=h(this.el,"calcite-accordion");if(c!==i){return}this.determineActiveItem(i.selectionMode,e.detail.requestedAccordionItem);e.stopPropagation()}accordionItemSyncHandler(e){const[c]=e.composedPath();const i=this.el;const t=i.parentElement===c;if(t){return}const n=h(i,"calcite-accordion");if(c!==n){return}this.iconPosition=n.iconPosition;this.iconType=n.iconType;this.scale=n.scale;e.stopPropagation()}async setFocus(){await f(this);this.headerEl.focus()}determineActiveItem(e,c){switch(e){case"multiple":if(this.el===c){this.expanded=!this.expanded}break;case"single":this.expanded=this.el===c?!this.expanded:false;break;case"single-persist":this.expanded=this.el===c;break}}emitRequestedItem(){this.calciteInternalAccordionItemSelect.emit({requestedAccordionItem:this.el})}get el(){return t(this)}};z.style=A;export{k as calcite_accordion,z as calcite_accordion_item};
+//# sourceMappingURL=p-2f9bbfbc.entry.js.map

package/dist/calcite/p-31275dd2.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+import{r as e,h as a,H as t,g as i}from"./p-67e556ed.js";import{g as r}from"./p-57e1e048.js";import{c as n,d as o}from"./p-bf4dc8d8.js";import"./p-0fb1c54a.js";import"./p-7f97e86a.js";import"./p-cfc4daa3.js";import"./p-06c0de26.js";import"./p-4dd99f61.js";const l={loader:"loader",loaderParts:"loader__svgs",loaderPart:"loader__svg",loaderPartId:e=>`${l.loaderPart}--${e}`,loaderText:"loader__text",loaderPercentage:"loader__percentage"};const s='@charset "UTF-8";@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:host{position:relative;margin-inline:auto;display:none;align-items:center;justify-content:center;opacity:1;min-block-size:var(--calcite-loader-size);font-size:var(--calcite-loader-font-size);stroke:var(--calcite-color-brand);stroke-width:3;fill:none;transform:scale(1, 1);animation:loader-color-shift calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 2 / var(--calcite-internal-duration-factor)) alternate-reverse infinite linear;padding-block:var(--calcite-loader-padding, 4rem);will-change:contents}:host([scale=s]){--calcite-loader-font-size:var(--calcite-font-size--3);--calcite-loader-size:2rem;--calcite-loader-size-inline:0.75rem;--calcite-internal-loader-value-line-height:0.625rem}:host([scale=m]){--calcite-loader-font-size:var(--calcite-font-size-0);--calcite-loader-size:4rem;--calcite-loader-size-inline:1rem;--calcite-internal-loader-value-line-height:1.375rem}:host([scale=l]){--calcite-loader-font-size:var(--calcite-font-size-2);--calcite-loader-size:6rem;--calcite-loader-size-inline:1.5rem;--calcite-internal-loader-value-line-height:1.71875rem}:host([no-padding]){padding-block:0px}:host{display:flex}.loader__text{display:block;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;color:var(--calcite-color-text-1);margin-block-start:calc(var(--calcite-loader-size) + 1.5rem)}.loader__percentage{display:block;text-align:center;color:var(--calcite-color-text-1);font-size:var(--calcite-loader-font-size);inline-size:var(--calcite-loader-size);line-height:var(--calcite-internal-loader-value-line-height);align-self:center}.loader__svgs{position:absolute;overflow:visible;opacity:1;inline-size:var(--calcite-loader-size);block-size:var(--calcite-loader-size);inset-inline-start:50%;margin-inline-start:calc(var(--calcite-loader-size) / 2 * -1);animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 6.66 / var(--calcite-internal-duration-factor));animation-name:loader-clockwise;display:flex}.loader__svg{position:absolute;inset-block-start:0px;transform-origin:center;overflow:visible;inset-inline-start:0;inline-size:var(--calcite-loader-size);block-size:var(--calcite-loader-size);animation-iteration-count:infinite;animation-timing-function:linear}.loader__svg--1{animation-name:loader-offset-1}.loader__svg--2{animation-name:loader-offset-2}.loader__svg--3{animation-name:loader-offset-3}:host([type=determinate]),:host([type=determinate-value]){animation:none;stroke:var(--calcite-color-border-3)}:host([type=determinate]) .loader__svgs,:host([type=determinate-value]) .loader__svgs{animation:none}:host([type=determinate]) .loader__svg--3,:host([type=determinate-value]) .loader__svg--3{animation:none;stroke:var(--calcite-color-brand);stroke-dasharray:150.79632;transform:rotate(-90deg);transition:all var(--calcite-internal-animation-timing-fast) linear}:host([inline]){position:relative;margin:0px;animation:none;stroke:currentColor;stroke-width:2;padding-block:0px;block-size:var(--calcite-loader-size-inline);min-block-size:var(--calcite-loader-size-inline);inline-size:var(--calcite-loader-size-inline);margin-inline-end:calc(var(--calcite-loader-size-inline) * 0.5);vertical-align:calc(var(--calcite-loader-size-inline) * -1 * 0.2)}:host([inline]) .loader__svgs{inset-block-start:0px;margin:0px;inset-inline-start:0;inline-size:var(--calcite-loader-size-inline);block-size:var(--calcite-loader-size-inline)}:host([inline]) .loader__svg{inline-size:var(--calcite-loader-size-inline);block-size:var(--calcite-loader-size-inline)}:host([complete]){opacity:0;transform:scale(0.75, 0.75);transform-origin:center;transition:opacity var(--calcite-internal-animation-timing-medium) linear 1000ms, transform var(--calcite-internal-animation-timing-medium) linear 1000ms}:host([complete]) .loader__svgs{opacity:0;transform:scale(0.75, 0.75);transform-origin:center;transition:opacity calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms, transform calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms}:host([complete]) .loader__percentage{color:var(--calcite-color-brand);transform:scale(1.05, 1.05);transform-origin:center;transition:color var(--calcite-internal-animation-timing-medium) linear, transform var(--calcite-internal-animation-timing-medium) linear}.loader__svg--1{stroke-dasharray:27.9252444444 139.6262222222;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 4.8 / var(--calcite-internal-duration-factor))}@keyframes loader-offset-1{0%{stroke-dasharray:27.9252444444 251.3272;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222 139.6262222222;stroke-dashoffset:-83.7757333333}100%{stroke-dasharray:27.9252444444 251.3272;stroke-dashoffset:-279.2524444444}}.loader__svg--2{stroke-dasharray:55.8504888889 139.6262222222;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 6.4 / var(--calcite-internal-duration-factor))}@keyframes loader-offset-2{0%{stroke-dasharray:55.8504888889 223.4019555556;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222 139.6262222222;stroke-dashoffset:-97.7383555556}100%{stroke-dasharray:55.8504888889 223.4019555556;stroke-dashoffset:-279.2524444444}}.loader__svg--3{stroke-dasharray:13.9626222222 139.6262222222;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 7.734 / var(--calcite-internal-duration-factor))}@keyframes loader-offset-3{0%{stroke-dasharray:13.9626222222 265.2898222222;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222 139.6262222222;stroke-dashoffset:-76.7944222222}100%{stroke-dasharray:13.9626222222 265.2898222222;stroke-dashoffset:-279.2524444444}}@keyframes loader-color-shift{0%{stroke:var(--calcite-color-brand)}33%{stroke:var(--calcite-color-brand-press)}66%{stroke:var(--calcite-color-brand-hover)}100%{stroke:var(--calcite-color-brand)}}@keyframes loader-clockwise{100%{transform:rotate(360deg)}}:host([hidden]){display:none}[hidden]{display:none}';const c=s;const d=class{constructor(a){e(this,a);this.formatValue=()=>{if(this.type!=="determinate-value"){return`${this.value}`}return this.formatter.format(this.value/100)};this.complete=false;this.inline=false;this.label=undefined;this.scale="m";this.type="indeterminate";this.value=0;this.text="";this.effectiveLocale=""}valueChangeHandler(){this.complete=this.type.startsWith("determinate")&&this.value===100}connectedCallback(){n(this);this.updateFormatter()}disconnectedCallback(){o(this)}componentWillLoad(){requestAnimationFrame((()=>this.valueChangeHandler()))}render(){const{el:e,inline:i,label:n,scale:o,text:s,type:c,value:d}=this;const m=e.id||r();const f=.45;const v=i?this.getInlineSize(o):this.getSize(o);const h=v*f;const g=`0 0 ${v} ${v}`;const p=c.startsWith("determinate");const u=2*h*Math.PI;const k=d/100*u;const b=u-k;const z=Math.floor(d);const y={"stroke-dasharray":`${k} ${b}`};return a(t,{key:"8272bdfae9fff51b19ed8fa66197eb93b53feb4c","aria-label":n,"aria-valuemax":p?"100":undefined,"aria-valuemin":p?"0":undefined,"aria-valuenow":p?z.toString():undefined,id:m,role:"progressbar"},a("div",{key:"3d410c178af39bb57cc478bdd06c0392f6ba71a3",class:l.loaderParts},[1,2,3].map((e=>a("svg",{"aria-hidden":"true",class:{[l.loaderPart]:true,[l.loaderPartId(e)]:true},key:e,style:p&&e===3?y:undefined,viewBox:g},a("circle",{cx:v/2,cy:v/2,r:h})))),p&&a("div",{key:"4ccc633930dee031bf769908d712df39e0677bbb",class:l.loaderPercentage},this.formatValue())),s&&a("div",{key:"6d0d51988bdfafee2a19faed9e14d3bda06d79b5",class:l.loaderText},s))}formatterPropsChange(){this.updateFormatter()}getSize(e){return{s:32,m:56,l:80}[e]}getInlineSize(e){return{s:12,m:16,l:20}[e]}updateFormatter(){if(this.type!=="determinate-value"||this.formatter?.resolvedOptions().locale===this.effectiveLocale){return}this.formatter=new Intl.NumberFormat(this.effectiveLocale,{style:"percent"})}get el(){return i(this)}static get watchers(){return{value:["valueChangeHandler"],effectiveLocale:["formatterPropsChange"],type:["formatterPropsChange"]}}};d.style=c;export{d as calcite_loader};
+//# sourceMappingURL=p-31275dd2.entry.js.map

package/dist/calcite/p-333c2a7d.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+import{r as e,c as t,h as i,g as n}from"./p-67e556ed.js";import{g as o}from"./p-57e1e048.js";import{u as a,I as c}from"./p-49632699.js";import{c as l,s,a as d}from"./p-1f5a7c5e.js";import{l as r}from"./p-ba0524ee.js";import"./p-4dd99f61.js";import"./p-c02c27fd.js";const h={checked:"checked",description:"description",descriptionOnly:"description-only",disabled:"disabled",heading:"heading",headingOnly:"heading-only",icon:"icon",iconOnly:"icon-only",inputAlignmentEnd:"input-alignment-end",inputAlignmentStart:"input-alignment-start",inputEnabled:"input-enabled",largeVisual:"large-visual",tile:"tile",tileContentContainer:"tile-content-container",tileContent:"tile-content",tileDescription:"tile-description",tileHeading:"tile-heading",tileLargeVisual:"tile--large-visual",widthAuto:"width-auto",widthFull:"width-full"};const u=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host .container{background-color:var(--calcite-color-foreground-1);box-shadow:0 0 0 1px var(--calcite-color-border-2);box-sizing:border-box;cursor:pointer;display:inline-block;block-size:100%;max-inline-size:300px;padding:0.75rem;position:relative;vertical-align:top;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host .container.checked{z-index:var(--calcite-z-index);box-shadow:0 0 0 1px var(--calcite-color-brand)}:host .container.heading-only{align-items:center}:host .container:not(.input-enabled) ::slotted(calcite-checkbox),:host .container:not(.input-enabled) ::slotted(calcite-radio-button){position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}:host .container.focused{outline-color:transparent}:host .container.focused:not(.disabled):not(.input-enabled){outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          );outline-offset:-4px;box-shadow:0 0 0 1px var(--calcite-color-brand), inset 0 0 0 2px var(--calcite-color-foreground-1)}:host .container.input-enabled.input-alignment-start.width-auto.heading-only,:host .container.input-enabled.input-alignment-start.width-auto.icon-only,:host .container.input-enabled.input-alignment-start.width-auto.description-only,:host .container.input-enabled.input-alignment-start.width-auto.heading.description,:host .container.input-enabled.input-alignment-start.width-auto.icon.description,:host .container.input-enabled.input-alignment-start.width-auto.heading.icon.description{display:inline-grid;grid-template-columns:max-content 1fr}:host .container.input-enabled.input-alignment-start.heading-only,:host .container.input-enabled.input-alignment-start.icon-only,:host .container.input-enabled.input-alignment-start.description-only,:host .container.input-enabled.input-alignment-start.heading.description,:host .container.input-enabled.input-alignment-start.icon.description,:host .container.input-enabled.input-alignment-start.heading.icon.description{gap:0.75rem}:host .container.input-enabled.input-alignment-start .tile{order:1}:host .container.input-enabled.input-alignment-start.large-visual ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-start.large-visual ::slotted(calcite-radio-button){position:absolute;inset-block-start:0.75rem;inset-inline-start:0.75rem}:host .container.input-enabled.input-alignment-end.width-auto.heading-only,:host .container.input-enabled.input-alignment-end.width-auto.icon-only{display:inline-grid;grid-gap:0.75rem;grid-template-columns:max-content 1fr}:host .container.input-enabled.input-alignment-end.heading-only,:host .container.input-enabled.input-alignment-end.icon-only{gap:0.75rem}:host .container.input-enabled.input-alignment-end.description-only ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.description-only ::slotted(calcite-radio-button),:host .container.input-enabled.input-alignment-end.heading.description ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.heading.description ::slotted(calcite-radio-button),:host .container.input-enabled.input-alignment-end.icon.description ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.icon.description ::slotted(calcite-radio-button),:host .container.input-enabled.input-alignment-end.heading.icon.description ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.heading.icon.description ::slotted(calcite-radio-button){position:absolute;inset-block-start:0.75rem;inset-inline-end:0.75rem}:host .container.input-enabled.input-alignment-end.large-visual ::slotted(calcite-checkbox),:host .container.input-enabled.input-alignment-end.large-visual ::slotted(calcite-radio-button){position:absolute;inset-block-start:0.75rem;inset-inline-end:0.75rem}:host .container.width-full{display:flex;max-inline-size:none}:host .container.width-full .tile{flex:1 1 auto}.tile{pointer-events:none;box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;flex-direction:column;gap:0.5rem;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.tile-content-container{display:flex;inline-size:100%;align-items:stretch;padding:0px;color:var(--calcite-color-text-2);outline-color:transparent}.tile-content{display:flex;flex:1 1 auto;flex-direction:column;gap:0.5rem;inline-size:10%}.tile-heading{pointer-events:none;overflow-wrap:break-word;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.tile-description{pointer-events:none;overflow-wrap:break-word;font-size:var(--calcite-font-size--2);line-height:1.375;color:var(--calcite-color-text-3);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.tile--large-visual{display:grid;justify-content:center;text-align:center;min-block-size:12rem}.tile--large-visual .icon{align-self:flex-end}.tile--large-visual calcite-icon{block-size:64px;inline-size:64px}.tile--large-visual .tile-content-container{align-self:center}:host(:hover) .container:not(.input-enabled){box-shadow:0 0 0 1px var(--calcite-color-brand)}:host(:hover) .tile-heading,.checked .tile-heading{color:var(--calcite-color-text-1)}:host(:hover) .tile-description,.checked .tile-description{color:var(--calcite-color-text-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}";const p=u;r.deprecated("component",{name:"tile-select",removalVersion:4,suggested:["tile","tile-group"]});const b=class{constructor(i){e(this,i);this.calciteTileSelectChange=t(this,"calciteTileSelectChange",6);this.guid=`calcite-tile-select-${o()}`;this.checked=false;this.description=undefined;this.disabled=false;this.heading=undefined;this.icon=undefined;this.iconFlipRtl=false;this.name=undefined;this.inputEnabled=false;this.inputAlignment="start";this.type="radio";this.value=undefined;this.width="auto";this.focused=false}checkedChanged(e){this.input.checked=e}nameChanged(e){this.input.name=e}async setFocus(){await l(this);return this.input?.setFocus()}checkboxChangeHandler(e){const t=e.target;if(t===this.input){this.checked=t.checked}e.stopPropagation();this.calciteTileSelectChange.emit()}checkboxFocusBlurHandler(e){const t=e.target;if(t===this.input){this.focused=e.detail}e.stopPropagation()}radioButtonChangeHandler(e){const t=e.target;if(t===this.input){this.checked=t.checked}e.stopPropagation();this.calciteTileSelectChange.emit()}radioButtonCheckedChangeHandler(e){const t=e.target;if(t===this.input){this.checked=t.checked}e.stopPropagation()}radioButtonFocusBlurHandler(e){const t=e.target;if(t===this.input){this.focused=t.focused}e.stopPropagation()}clickHandler(e){if(this.disabled){return}const t=e.target;const i=["calcite-tile","calcite-tile-select"];if(i.includes(t.localName)){this.input.click()}}pointerEnterHandler(){if(this.disabled){return}const{localName:e}=this.input;if(e==="calcite-radio-button"||e==="calcite-checkbox"){this.input.hovered=true}}pointerLeaveHandler(){if(this.disabled){return}const{localName:e}=this.input;if(e==="calcite-radio-button"||e==="calcite-checkbox"){this.input.hovered=false}}connectedCallback(){this.renderInput()}componentWillLoad(){s(this)}componentDidLoad(){d(this)}disconnectedCallback(){this.input.parentNode.removeChild(this.input)}componentDidRender(){a(this)}renderInput(){this.input=this.type==="radio"?document.createElement("calcite-radio-button"):document.createElement("calcite-checkbox");this.input.checked=this.checked;this.input.disabled=this.disabled;this.input.hidden=this.el.hidden;this.input.id=this.guid;this.input.label=this.heading||this.name||"";if(this.name){this.input.name=this.name}if(this.value){this.input.value=this.value!=null?this.value.toString():""}this.el.insertAdjacentElement("beforeend",this.input)}render(){const{checked:e,description:t,disabled:n,focused:o,heading:a,icon:l,inputAlignment:s,inputEnabled:d,width:r,iconFlipRtl:u}=this;const p=a&&l&&!t;const b=Boolean(l);return i(c,{key:"b4fb6d82534b03b51abeb0837e82f0eebf03e882",disabled:n},i("div",{key:"b600dccfa114222d765c7937e0a01646c59ef5e9",class:{checked:e,container:true,[h.description]:Boolean(t),[h.descriptionOnly]:Boolean(!a&&!l&&t),disabled:n,focused:o,[h.heading]:Boolean(a),[h.headingOnly]:a&&!l&&!t,[h.icon]:b,[h.iconOnly]:!a&&l&&!t,[h.inputAlignmentEnd]:s==="end",[h.inputAlignmentStart]:s==="start",[h.inputEnabled]:d,[h.largeVisual]:p,[h.widthAuto]:r==="auto",[h.widthFull]:r==="full"}},i("div",{key:"3beecb159a117c775e541fd658e7a3b8426c10c7",class:{[h.tile]:true,[h.tileLargeVisual]:p}},l&&i("div",{key:"b1be68fded421b3196c0ab1af79f64df378a8def",class:{[h.icon]:b}},i("calcite-icon",{key:"515fb12c5d3d436fcf41f0029a79f2a613d4c36d",flipRtl:u,icon:l,scale:"l"})),i("div",{key:"b1e4da0dcdf03bcd4690664e95bd83231af5d4a7",class:h.tileContentContainer},i("div",{key:"439d258883fb6223b36fca919bdeb4eb5a586286",class:h.tileContent},a&&i("div",{key:"84292dd16f68a95f562cfc0cfc8a8f33e922f5bd",class:h.tileHeading},a),t&&i("div",{key:"7d6eb7bb116c6f98656348cca96efa1b446347ee",class:h.tileDescription},t)))),i("slot",{key:"2fe8ada0d56e69984b02b47bb08e5b66d551ae47"})))}get el(){return n(this)}static get watchers(){return{checked:["checkedChanged"],name:["nameChanged"]}}};b.style=p;const 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{display:flex;flex-wrap:wrap}:host ::slotted(calcite-tile-select){margin-block-end:1px;margin-inline-end:1px}:host([layout=vertical]){flex-direction:column}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const f=g;r.deprecated("component",{name:"tile-select-group",removalVersion:4,suggested:["tile","tile-group"]});const m=class{constructor(t){e(this,t);this.disabled=false;this.layout="horizontal"}componentDidRender(){a(this)}render(){return i(c,{key:"7ecdf608b21ec8854addcb9138e2540af1fb90f5",disabled:this.disabled},i("slot",{key:"67187ad6c8e5dd195cd2e905cfc78810b7566343"}))}get el(){return n(this)}};m.style=f;export{b as calcite_tile_select,m as calcite_tile_select_group};
+//# sourceMappingURL=p-333c2a7d.entry.js.map

package/dist/calcite/p-33bfe4ac.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+import{r as t,c as e,h as i,H as s,g as o}from"./p-67e556ed.js";import{d as n,f as a,t as c,k as r}from"./p-0fb1c54a.js";import{f as l,c as d,d as h,a as p,F as f,r as u}from"./p-058dc24a.js";import{g as b}from"./p-57e1e048.js";import{u as m,I as w}from"./p-49632699.js";import{i as g}from"./p-cfc4daa3.js";import{c as v,s as k,a as y}from"./p-1f5a7c5e.js";import{c as x}from"./p-06c0de26.js";import{o as D}from"./p-3608bc6c.js";import{g as z}from"./p-d2b212f4.js";import"./p-7f97e86a.js";import"./p-4dd99f61.js";import"./p-6e30bcc2.js";const I={dropdownTrigger:"trigger"};const C=":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}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host .calcite-dropdown-wrapper{--calcite-floating-ui-z-index:var(--calcite-z-index-dropdown);display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index);visibility:hidden}.calcite-dropdown-wrapper .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:inset, left, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}.calcite-dropdown-wrapper[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.calcite-dropdown-wrapper[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.calcite-dropdown-wrapper[data-placement^=left] .calcite-floating-ui-anim{left:5px}.calcite-dropdown-wrapper[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.calcite-dropdown-wrapper[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block:0;left:0}:host([open]) .calcite-dropdown-wrapper{visibility:visible}:host .calcite-dropdown-content{max-block-size:45vh;inline-size:auto;overflow-y:auto;overflow-x:hidden;background-color:var(--calcite-color-foreground-1);inline-size:var(--calcite-dropdown-width)}.calcite-trigger-container{position:relative;display:flex;block-size:100%;flex:1 1 auto;word-wrap:break-word;word-break:break-word}@media (forced-colors: active){:host([open]) .calcite-dropdown-wrapper{border:1px solid canvasText}}:host([width-scale=s]){--calcite-dropdown-width:12rem}:host([width-scale=m]){--calcite-dropdown-width:14rem}:host([width-scale=l]){--calcite-dropdown-width:16rem}:host([hidden]){display:none}[hidden]{display:none}";const E=C;const H=class{constructor(i){t(this,i);this.calciteDropdownSelect=e(this,"calciteDropdownSelect",6);this.calciteDropdownBeforeClose=e(this,"calciteDropdownBeforeClose",6);this.calciteDropdownClose=e(this,"calciteDropdownClose",6);this.calciteDropdownBeforeOpen=e(this,"calciteDropdownBeforeOpen",6);this.calciteDropdownOpen=e(this,"calciteDropdownOpen",6);this.items=[];this.groups=[];this.mutationObserver=x("mutation",(()=>this.updateItems()));this.resizeObserver=x("resize",(t=>this.resizeObserverCallback(t)));this.openTransitionProp="opacity";this.guid=`calcite-dropdown-${b()}`;this.focusLastDropdownItem=false;this.setFilteredPlacements=()=>{const{el:t,flipPlacements:e}=this;this.filteredFlipPlacements=e?l(e,t):null};this.updateTriggers=t=>{this.triggers=t.target.assignedElements({flatten:true});this.reposition(true)};this.updateItems=()=>{this.items=this.groups.map((t=>Array.from(t?.querySelectorAll("calcite-dropdown-item")))).reduce(((t,e)=>[...t,...e]),[]);this.updateSelectedItems();this.reposition(true);this.items.forEach((t=>t.scale=this.scale))};this.updateGroups=t=>{const e=t.target.assignedElements({flatten:true}).filter((t=>t?.matches("calcite-dropdown-group")));this.groups=e;this.updateItems();this.updateGroupScale()};this.resizeObserverCallback=t=>{t.forEach((t=>{const{target:e}=t;if(e===this.referenceEl){this.setDropdownWidth()}else if(e===this.scrollerEl){this.setMaxScrollerHeight()}}))};this.setDropdownWidth=()=>{const{referenceEl:t,scrollerEl:e}=this;const i=t?.clientWidth;if(!i||!e){return}e.style.minWidth=`${i}px`};this.setMaxScrollerHeight=()=>{const{scrollerEl:t}=this;if(!t){return}this.reposition(true);const e=this.getMaxScrollerHeight();t.style.maxHeight=e>0?`${e}px`:"";this.reposition(true)};this.setScrollerAndTransitionEl=t=>{this.resizeObserver.observe(t);this.scrollerEl=t;this.transitionEl=t};this.setReferenceEl=t=>{this.referenceEl=t;d(this,this.referenceEl,this.floatingEl);this.resizeObserver.observe(t)};this.setFloatingEl=t=>{this.floatingEl=t;d(this,this.referenceEl,this.floatingEl)};this.keyDownHandler=t=>{if(!t.composedPath().includes(this.referenceEl)){return}const{defaultPrevented:e,key:i}=t;if(e){return}if(i==="Escape"){this.closeCalciteDropdown();t.preventDefault();return}if(this.open&&t.shiftKey&&i==="Tab"){this.closeCalciteDropdown();t.preventDefault();return}if(g(i)){this.toggleDropdown();t.preventDefault()}else if(i==="ArrowDown"||i==="ArrowUp"){this.focusLastDropdownItem=i==="ArrowUp";this.open=true;this.el.addEventListener("calciteDropdownOpen",this.onOpenEnd)}};this.focusOnFirstActiveOrDefaultItem=()=>{const t=this.getTraversableItems().find((t=>t.selected));const e=t||(this.focusLastDropdownItem?this.items[this.items.length-1]:this.items[0]);this.focusLastDropdownItem=false;if(!e){return}n(e)};this.onOpenEnd=()=>{this.focusOnFirstActiveOrDefaultItem();this.el.removeEventListener("calciteDropdownOpen",this.onOpenEnd)};this.toggleDropdown=()=>{this.open=!this.open;if(this.open){this.el.addEventListener("calciteDropdownOpen",this.onOpenEnd)}};this.open=false;this.closeOnSelectDisabled=false;this.disabled=false;this.flipPlacements=undefined;this.maxItems=0;this.overlayPositioning="absolute";this.placement=h;this.selectedItems=[];this.type="click";this.widthScale=undefined;this.scale="m"}openHandler(){D(this);if(this.disabled){this.open=false;return}this.reposition(true)}handleDisabledChange(t){if(!t){this.open=false}}flipPlacementsHandler(){this.setFilteredPlacements();this.reposition(true)}maxItemsHandler(){this.setMaxScrollerHeight()}overlayPositioningHandler(){this.reposition(true)}placementHandler(){this.reposition(true)}handlePropsChange(){this.updateItems();this.updateGroupScale()}async setFocus(){await v(this);a(this.referenceEl)}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true});this.setFilteredPlacements();if(this.open){this.openHandler();D(this)}this.updateItems();d(this,this.referenceEl,this.floatingEl)}componentWillLoad(){k(this)}componentDidLoad(){y(this);d(this,this.referenceEl,this.floatingEl)}componentDidRender(){m(this)}disconnectedCallback(){this.mutationObserver?.disconnect();this.resizeObserver?.disconnect();p(this,this.referenceEl,this.floatingEl)}render(){const{open:t,guid:e}=this;return i(s,{key:"377c3d9687bc025f004b4efe58bfa5f0893d86d0"},i(w,{key:"9e2f48be045fc6db10cc7203a8b998ec2b6abafd",disabled:this.disabled},i("div",{key:"8607de2d53a4f8c4b29206ee56aa23ad4c2cbe3d",class:"calcite-trigger-container",id:`${e}-menubutton`,onClick:this.toggleDropdown,onKeyDown:this.keyDownHandler,ref:this.setReferenceEl},i("slot",{key:"07de8df34055ddc39301654a5ca312ddf293e6a9","aria-controls":`${e}-menu`,"aria-expanded":c(t),"aria-haspopup":"menu",name:I.dropdownTrigger,onSlotchange:this.updateTriggers})),i("div",{key:"c1469efb62eb704b021ce6479ad55deda59582d4","aria-hidden":c(!t),class:"calcite-dropdown-wrapper",ref:this.setFloatingEl},i("div",{key:"f875166d486a53cd393f17d9295974aa449d449f","aria-labelledby":`${e}-menubutton`,class:{["calcite-dropdown-content"]:true,[f.animation]:true,[f.animationActive]:t},id:`${e}-menu`,ref:this.setScrollerAndTransitionEl,role:"menu"},i("slot",{key:"bc6e61383aaf85b3d6242a86c50da68bc8b31e27",onSlotchange:this.updateGroups})))))}async reposition(t=false){const{floatingEl:e,referenceEl:i,placement:s,overlayPositioning:o,filteredFlipPlacements:n}=this;return u(this,{floatingEl:e,referenceEl:i,overlayPositioning:o,placement:s,flipPlacements:n,type:"menu"},t)}closeCalciteDropdownOnClick(t){if(this.disabled||!this.open||t.composedPath().includes(this.el)){return}this.closeCalciteDropdown(false)}closeCalciteDropdownOnEvent(t){this.closeCalciteDropdown();t.stopPropagation()}closeCalciteDropdownOnOpenEvent(t){if(t.composedPath().includes(this.el)){return}this.open=false}pointerEnterHandler(){if(this.disabled||this.type!=="hover"){return}this.toggleDropdown()}pointerLeaveHandler(){if(this.disabled||this.type!=="hover"){return}this.closeCalciteDropdown()}getTraversableItems(){return this.items.filter((t=>!t.disabled&&!t.hidden))}calciteInternalDropdownItemKeyEvent(t){const{keyboardEvent:e}=t.detail;const i=e.target;const s=this.getTraversableItems();switch(e.key){case"Tab":this.open=false;this.updateTabIndexOfItems(i);break;case"ArrowDown":r(s,i,"next");break;case"ArrowUp":r(s,i,"previous");break;case"Home":r(s,i,"first");break;case"End":r(s,i,"last");break}t.stopPropagation()}handleItemSelect(t){this.updateSelectedItems();t.stopPropagation();this.calciteDropdownSelect.emit();if(!this.closeOnSelectDisabled||t.detail.requestedDropdownGroup.selectionMode==="none"){this.closeCalciteDropdown()}t.stopPropagation()}updateGroupScale(){this.groups?.forEach((t=>t.scale=this.scale))}onBeforeOpen(){this.calciteDropdownBeforeOpen.emit()}onOpen(){this.calciteDropdownOpen.emit()}onBeforeClose(){this.calciteDropdownBeforeClose.emit()}onClose(){this.calciteDropdownClose.emit()}updateSelectedItems(){this.selectedItems=this.items.filter((t=>t.selected))}getMaxScrollerHeight(){const{maxItems:t,items:e}=this;let i=0;let s=0;let o;this.groups.forEach((e=>{if(t>0&&i<t){Array.from(e.children).forEach(((e,n)=>{if(n===0){if(isNaN(o)){o=e.offsetTop}s+=o}if(i<t){s+=e.offsetHeight;i+=1}}))}}));return e.length>t?s:0}closeCalciteDropdown(t=true){this.open=false;if(t){n(this.triggers[0])}}updateTabIndexOfItems(t){this.items.forEach((e=>{e.tabIndex=t!==e?-1:0}))}static get delegatesFocus(){return true}get el(){return o(this)}static get watchers(){return{open:["openHandler"],disabled:["handleDisabledChange"],flipPlacements:["flipPlacementsHandler"],maxItems:["maxItemsHandler"],overlayPositioning:["overlayPositioningHandler"],placement:["placementHandler"],scale:["handlePropsChange"]}}};H.style=E;const P={container:"container",containerNone:"container--none-selection",icon:"dropdown-item-icon",iconEnd:"dropdown-item-icon--end",iconStart:"dropdown-item-icon--start",itemContent:"dropdown-item-content",link:"dropdown-link"};const A=":host{position:relative;display:block}.container{text-align:start}.dropdown-title{margin-block-end:-1px;display:block;cursor:default;overflow-wrap:break-word;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-2)}.dropdown-separator{display:block;block-size:1px;background-color:var(--calcite-color-border-3)}:host([scale=s]){font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .dropdown-title{padding:0.5rem}:host([scale=m]){font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .dropdown-title{padding:0.75rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .dropdown-title{padding:1rem}:host([hidden]){display:none}[hidden]{display:none}";const O=A;const j=class{constructor(i){t(this,i);this.calciteInternalDropdownItemChange=e(this,"calciteInternalDropdownItemChange",6);this.updateItems=()=>{Array.from(this.el.querySelectorAll("calcite-dropdown-item")).forEach((t=>t.selectionMode=this.selectionMode))};this.mutationObserver=x("mutation",(()=>this.updateItems()));this.groupTitle=undefined;this.scale="m";this.selectionMode="single"}handlePropsChange(){this.updateItems()}connectedCallback(){this.updateItems();this.mutationObserver?.observe(this.el,{childList:true})}componentWillLoad(){this.groupPosition=this.getGroupPosition()}disconnectedCallback(){this.mutationObserver?.disconnect()}render(){const t=this.groupTitle?i("span",{"aria-hidden":"true",class:"dropdown-title"},this.groupTitle):null;const e=this.groupPosition>0?i("div",{class:"dropdown-separator",role:"separator"}):null;return i(s,{key:"f41943751aefdb17d4f5d5bd8778c219cfd01a00","aria-label":this.groupTitle,role:"group"},i("div",{key:"87b78040b93c06081ca8282a785d466ed8fcf334",class:{[P.container]:true}},e,t,i("slot",{key:"f635a5bdbe439315eba6292a4858cbd8519d23d1"})))}updateActiveItemOnChange(t){this.requestedDropdownGroup=t.detail.requestedDropdownGroup;this.requestedDropdownItem=t.detail.requestedDropdownItem;this.calciteInternalDropdownItemChange.emit({requestedDropdownGroup:this.requestedDropdownGroup,requestedDropdownItem:this.requestedDropdownItem})}getGroupPosition(){return Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-dropdown-group"),this.el)}static get delegatesFocus(){return true}get el(){return o(this)}static get watchers(){return{selectionMode:["handlePropsChange"]}}};j.style=O;const S=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;flex-grow:1;align-items:center;outline-color:transparent}.container{position:relative;display:flex;flex-grow:1;cursor:pointer;align-items:center;color:var(--calcite-color-text-3);text-decoration-line:none;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);text-align:start}.container a{position:relative;display:flex;flex-grow:1;cursor:pointer;align-items:center;color:var(--calcite-color-text-3);text-decoration-line:none;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);outline-color:transparent}.dropdown-item-content{flex:1 1 auto;padding-block:0.125rem}.dropdown-item-icon{position:relative;opacity:0;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:scale(0.9)}:host([scale=s]) .container{padding-block:0.25rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .dropdown-item-icon,:host([scale=s]) .dropdown-item-icon--start{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .dropdown-item-icon--end{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .container{padding-block:0.5rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .dropdown-item-icon,:host([scale=m]) .dropdown-item-icon--start{padding-inline-end:var(--calcite-spacing-md)}:host([scale=m]) .dropdown-item-icon--end{padding-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .container{padding-block:0.625rem;padding-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .dropdown-item-icon,:host([scale=l]) .dropdown-item-icon--start{padding-inline-end:var(--calcite-spacing-xl)}:host([scale=l]) .dropdown-item-icon--end{padding-inline-start:var(--calcite-spacing-xl)}:host(:focus){outline:2px solid transparent;outline-offset:2px;outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host(:focus) .container{color:var(--calcite-color-text-1);text-decoration-line:none}:host(:hover:not([disabled])) .container,:host(:active:not([disabled])) .container{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1);text-decoration-line:none}:host(:hover:not([disabled])) .dropdown-link,:host(:active:not([disabled])) .dropdown-link{color:var(--calcite-color-text-1)}:host(:active:not([disabled])) .container{background-color:var(--calcite-color-foreground-3)}:host([selected]) .container:not(.container--none-selection),:host([selected]) .dropdown-link{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}:host([selected]) .container:not(.container--none-selection) calcite-icon,:host([selected]) .dropdown-link calcite-icon{color:var(--calcite-color-brand)}:host(:hover:not([disabled])) .dropdown-item-icon{color:var(--calcite-color-border-1);opacity:1}:host([selected]) .dropdown-item-icon{color:var(--calcite-color-brand);opacity:1}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}";const L=S;const F=class{constructor(i){t(this,i);this.calciteDropdownItemSelect=e(this,"calciteDropdownItemSelect",6);this.calciteInternalDropdownItemSelect=e(this,"calciteInternalDropdownItemSelect",6);this.calciteInternalDropdownItemKeyEvent=e(this,"calciteInternalDropdownItemKeyEvent",6);this.calciteInternalDropdownCloseRequest=e(this,"calciteInternalDropdownCloseRequest",6);this.disabled=false;this.href=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.iconEnd=undefined;this.label=undefined;this.rel=undefined;this.selected=false;this.target=undefined;this.selectionMode="single";this.scale="m"}async setFocus(){await v(this);this.el?.focus()}componentWillLoad(){k(this);this.initialize()}componentDidLoad(){y(this)}connectedCallback(){this.initialize()}componentDidRender(){m(this)}render(){const{href:t,selectionMode:e,label:o,iconFlipRtl:n}=this;const a=i("calcite-icon",{key:"1ec1c941651dda8f39fa15427592141f04180f3e",class:P.iconStart,flipRtl:n==="start"||n==="both",icon:this.iconStart,scale:z(this.scale)});const r=i("span",{key:"3ab167ed4054ca34b4e13e72b752af6cf25522ae",class:P.itemContent},i("slot",{key:"88cf44809fb48450c66cc8f105bbda008a78157d"}));const l=i("calcite-icon",{key:"32fb27182943a032c0037f1f878a95c194d2dff1",class:P.iconEnd,flipRtl:n==="end"||n==="both",icon:this.iconEnd,scale:z(this.scale)});const d=this.iconStart&&this.iconEnd?[a,r,l]:this.iconStart?[a,r]:this.iconEnd?[r,l]:r;const h=!t?d:i("a",{"aria-label":o,class:P.link,href:t,ref:t=>this.childLink=t,rel:this.rel,tabIndex:-1,target:this.target},d);const p=t?null:e==="single"?"menuitemradio":e==="multiple"?"menuitemcheckbox":"menuitem";const f=e!=="none"?c(this.selected):null;const{disabled:u}=this;return i(s,{key:"beec8e51bf18bdcab1928181828b372cc70bb7ee","aria-checked":f,"aria-label":!t?o:"",role:p,tabIndex:u?-1:0},i(w,{key:"5cbbd1074d6c571f4cac3a99e4a2c09bf113db55",disabled:u},i("div",{key:"bff025aeb280c9d0d829e5cf4d94e9392604e607",class:{[P.container]:true,[P.containerNone]:e==="none"}},e!=="none"?i("calcite-icon",{class:P.icon,icon:e==="multiple"?"check":"bullet-point",scale:z(this.scale)}):null,h)))}onClick(){this.emitRequestedItem()}keyDownHandler(t){switch(t.key){case" ":case"Enter":this.emitRequestedItem();if(this.href){this.childLink.click()}t.preventDefault();break;case"Escape":this.calciteInternalDropdownCloseRequest.emit();t.preventDefault();break;case"Tab":this.calciteInternalDropdownItemKeyEvent.emit({keyboardEvent:t});break;case"ArrowUp":case"ArrowDown":case"Home":case"End":t.preventDefault();this.calciteInternalDropdownItemKeyEvent.emit({keyboardEvent:t});break}}updateActiveItemOnChange(t){const e=t.composedPath().includes(this.parentDropdownGroupEl);if(e){this.requestedDropdownGroup=t.detail.requestedDropdownGroup;this.requestedDropdownItem=t.detail.requestedDropdownItem;this.determineActiveItem()}t.stopPropagation()}initialize(){this.parentDropdownGroupEl=this.el.closest("calcite-dropdown-group");if(this.selectionMode==="none"){this.selected=false}}determineActiveItem(){switch(this.selectionMode){case"multiple":if(this.el===this.requestedDropdownItem){this.selected=!this.selected}break;case"single":if(this.el===this.requestedDropdownItem){this.selected=true}else if(this.requestedDropdownGroup===this.parentDropdownGroupEl){this.selected=false}break;case"none":this.selected=false;break}}emitRequestedItem(){this.calciteDropdownItemSelect.emit();this.calciteInternalDropdownItemSelect.emit({requestedDropdownItem:this.el,requestedDropdownGroup:this.parentDropdownGroupEl})}get el(){return o(this)}};F.style=L;export{H as calcite_dropdown,j as calcite_dropdown_group,F as calcite_dropdown_item};
+//# sourceMappingURL=p-33bfe4ac.entry.js.map

package/dist/calcite/p-34db984c.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+import{r as e,c as t,h as a,f as i,H as s,g as r}from"./p-67e556ed.js";import{c as o,d as n,H as c}from"./p-ba8765a4.js";import{c as l,d,g as h}from"./p-7d12dfb4.js";import{t as f,b as p}from"./p-0fb1c54a.js";import{c as m,d as b,n as x}from"./p-bf4dc8d8.js";import{c as g}from"./p-06c0de26.js";import{b as u,s as v,a as y,c as z}from"./p-1f5a7c5e.js";import{c as k,s as w,d as j,u as L}from"./p-3a1a720c.js";import{u as A,I as H}from"./p-49632699.js";import{g as C}from"./p-57e1e048.js";import{V as M}from"./p-010e9989.js";import{s as O}from"./p-5307b853.js";import{t as S}from"./p-64942c72.js";import"./p-d2b212f4.js";import"./p-7f97e86a.js";import"./p-cfc4daa3.js";import"./p-4dd99f61.js";import"./p-6e30bcc2.js";const W={assistiveText:"assistive-text",characterLimit:"character-limit",content:"content",container:"container",footer:"footer",resizeDisabled:"resize--disabled",resizeDisabledX:"resize--disabled-x",resizeDisabledY:"resize--disabled-y",characterOverLimit:"character--over-limit",readOnly:"readonly",textAreaInvalid:"text-area--invalid",footerSlotted:"footer--slotted",hide:"hide",footerEndSlotOnly:"footer--end-only",textArea:"text-area",textAreaOnly:"text-area--only"};const D={validationMessage:"textAreaValidationMessage"};const I={footerStart:"footer-start",footerEnd:"footer-end"};const E=100;const T=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:inline-block;block-size:100%;inline-size:100%;--calcite-internal-text-area-border-color:var(--calcite-text-area-border-color, var(--calcite-color-border-input));--calcite-internal-text-area-footer-border-color:var(\n    --calcite-text-area-footer-border-color,\n    var(--calcite-internal-text-area-border-color)\n  )}.text-area,.footer{font-size:var(--calcite-text-area-font-size, var(--calcite-font-size--1));background-color:var(--calcite-text-area-background-color, var(--calcite-color-foreground-1));padding-block:var(--calcite-spacing-sm);padding-inline:var(--calcite-spacing-md)}.text-area{position:relative;margin:0px;box-sizing:border-box;display:block;inline-size:100%;font-family:var(--calcite-font-family);--calcite-internal-text-area-border-block-end-color:var(--calcite-internal-text-area-border-color);border:var(--calcite-border-width-sm) solid var(--calcite-internal-text-area-border-color);border-block-end-color:var(--calcite-internal-text-area-border-block-end-color);color:var(--calcite-text-area-text-color, var(--calcite-color-text-1));font-family:var(--calcite-sans-family);max-block-size:var(--calcite-text-area-max-height);min-block-size:var(--calcite-text-area-min-height);max-inline-size:var(--calcite-text-area-max-width);min-inline-size:var(--calcite-text-area-min-width, 12rem)}.text-area::placeholder{font-weight:var(--calcite-font-weight-normal)}@media screen and (max-width: 480px){.text-area{resize:none}}.text-area:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.text-area.text-area--invalid{--calcite-internal-text-area-border-color:var(--calcite-color-status-danger)}.text-area.text-area--invalid:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.text-area.footer--slotted{min-inline-size:18rem}.text-area:not(.text-area--only,.text-area--invalid){--calcite-internal-text-area-border-block-end-color:var(\n    --calcite-text-area-divider-color,\n    var(--calcite-color-border-3)\n  )}.footer{box-sizing:border-box;display:flex;align-items:center;border:var(--calcite-border-width-sm) solid var(--calcite-internal-text-area-footer-border-color);border-block-start:var(--calcite-border-width-none);min-block-size:2.25rem}.character-limit{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;font-size:var(--calcite-text-area-font-size, var(--calcite-font-size--1));font-weight:var(--calcite-font-weight-regular);color:var(--calcite-text-area-character-limit-text-color, var(--calcite-color-text-2));padding-inline-start:var(--calcite-spacing-md)}.character--over-limit{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-status-danger)}.readonly{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}.content,.hide{display:none}.container{display:flex;inline-size:100%;justify-content:space-between}.footer--end-only{justify-content:flex-end}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.text-area.text-area--only{block-size:100%}:host([resize=none]) .text-area{resize:none}:host([resize=horizontal]) .text-area{resize:horizontal}:host([resize=vertical]) .text-area{resize:vertical}:host([scale=s]) .text-area,:host([scale=s]) .footer,:host([scale=s]) .character-limit{padding-inline-start:0.5rem;font-size:var(--calcite-text-area-font-size, var(--calcite-font-size--2))}:host([scale=s]) .footer{min-block-size:1.75rem}:host([scale=s]) .text-area{padding-block:0.25rem;padding-inline:0.5rem}:host([scale=m]) .text-area{padding-block:0.5rem;padding-inline:0.75rem}:host([scale=m]) .footer{padding-block:0.5rem;padding-inline:0.75rem;min-block-size:2.25rem}:host([scale=l]) .text-area,:host([scale=l]) .footer{font-size:var(--calcite-text-area-font-size, var(--calcite-font-size-0));padding-block:var(--calcite-spacing-md);padding-inline:var(--calcite-spacing-xl)}:host([scale=l]) .footer{min-block-size:2.75rem}:host([scale=l]) .text-area,:host([scale=l]) .footer,:host([scale=l]) .character-limit{font-size:var(--calcite-text-area-font-size, var(--calcite-font-size-0));padding-inline-start:var(--calcite-spacing-xl)}:host([status=invalid]){--calcite-internal-text-area-border-color:var(--calcite-color-status-danger)}:host([status=invalid]) .text-area:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([disabled]) .text-area,:host([disabled]) .footer{opacity:var(--calcite-opacity-half)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const G=T;const F=class{constructor(i){e(this,i);this.calciteTextAreaInput=t(this,"calciteTextAreaInput",7);this.calciteTextAreaChange=t(this,"calciteTextAreaChange",7);this.guid=C();this.handleInput=e=>{this.value=e.target["value"];this.calciteTextAreaInput.emit()};this.handleChange=()=>{this.calciteTextAreaChange.emit()};this.contentSlotChangeHandler=()=>{if(!this.value){const e=this.el.childNodes;e.forEach((e=>{if(e.nodeName==="#text"){this.value=e.nodeValue.trim()}}))}};this.renderCharacterLimit=()=>{if(this.maxLength){this.localizedCharacterLengthObj=this.getLocalizedCharacterLength();return a("span",{class:W.characterLimit},a("span",{class:{[W.characterOverLimit]:this.isCharacterLimitExceeded()}},this.localizedCharacterLengthObj.currentLength),"/",this.localizedCharacterLengthObj.maxLength)}return null};this.resizeObserver=g("resize",(async()=>{await u(this);const{textAreaHeight:e,textAreaWidth:t,elHeight:a,elWidth:i,footerHeight:s,footerWidth:r}=this.getHeightAndWidthOfElements();if(r>0&&r!==t){this.footerEl.style.width=`${t}px`}if(i!==t||a!==e+(s||0)){this.setHeightAndWidthToAuto()}}));this.setTextAreaEl=e=>{this.textAreaEl=e;this.resizeObserver.observe(e)};this.setHeightAndWidthToAuto=S((()=>{if(this.resize==="vertical"||this.resize==="both"){this.el.style.height="auto"}if(this.resize==="horizontal"||this.resize==="both"){this.el.style.width="auto"}}),E,{leading:false});this.columns=undefined;this.disabled=false;this.form=undefined;this.groupSeparator=false;this.label=undefined;this.minLength=undefined;this.maxLength=undefined;this.messages=undefined;this.validationMessage=undefined;this.validationIcon=undefined;this.validity={valid:false,badInput:false,customError:false,patternMismatch:false,rangeOverflow:false,rangeUnderflow:false,stepMismatch:false,tooLong:false,tooShort:false,typeMismatch:false,valueMissing:false};this.name=undefined;this.numberingSystem=undefined;this.placeholder=undefined;this.readOnly=false;this.required=false;this.resize="both";this.rows=undefined;this.scale="m";this.status="idle";this.value="";this.wrap="soft";this.messageOverrides=undefined;this.defaultMessages=undefined;this.endSlotHasElements=undefined;this.startSlotHasElements=undefined;this.effectiveLocale=""}handleGlobalAttributesChanged(){i(this)}onMessagesChange(){}connectedCallback(){l(this);o(this);m(this);k(this)}async componentWillLoad(){v(this);await w(this)}componentDidLoad(){y(this)}componentDidRender(){A(this);this.setTextAreaHeight()}disconnectedCallback(){d(this);n(this);b(this);j(this);this.resizeObserver?.disconnect()}render(){const e=this.startSlotHasElements||this.endSlotHasElements||!!this.maxLength;return a(s,{key:"87f925e13e3a1bef5b85af59a4e61433c3262929"},a(H,{key:"3431b47034859c62b0d0116b5ff47189cd46ea0b",disabled:this.disabled},a("textarea",{key:"78e60318dc05f03f0ec0f0738384b33a7e4ed546","aria-describedby":this.guid,"aria-errormessage":D.validationMessage,"aria-invalid":f(this.status==="invalid"||this.isCharacterLimitExceeded()),"aria-label":h(this),autofocus:this.el.autofocus,class:{[W.textArea]:true,[W.readOnly]:this.readOnly,[W.textAreaInvalid]:this.isCharacterLimitExceeded(),[W.footerSlotted]:this.endSlotHasElements&&this.startSlotHasElements,[W.textAreaOnly]:!e},cols:this.columns,disabled:this.disabled,name:this.name,onChange:this.handleChange,onInput:this.handleInput,placeholder:this.placeholder,readOnly:this.readOnly,ref:this.setTextAreaEl,required:this.required,rows:this.rows,value:this.value,wrap:this.wrap}),a("span",{key:"54d603509f65611918b788280124499ecf2161cf",class:{[W.content]:true}},a("slot",{key:"e1ffe00ed1eeb26899f372ea9d011da20bcddfeb",onSlotchange:this.contentSlotChangeHandler})),a("footer",{key:"bb52300f3ba3568e0e325c7e620cb6f5c53cba37",class:{[W.footer]:true,[W.readOnly]:this.readOnly,[W.hide]:!e},ref:e=>this.footerEl=e},a("div",{key:"a5c5c250493dab203789dd27ce187c817006c5be",class:{[W.container]:true,[W.footerEndSlotOnly]:!this.startSlotHasElements&&this.endSlotHasElements}},a("slot",{key:"a54c7b6ca529475fa59cf1849213cd0ec7bf8f9c",name:I.footerStart,onSlotchange:e=>this.startSlotHasElements=p(e)}),a("slot",{key:"e14af1362fd85e7461c42dd10dfd188d10f59ab0",name:I.footerEnd,onSlotchange:e=>this.endSlotHasElements=p(e)})),this.renderCharacterLimit()),a(c,{key:"b64b6dc288df7eadcf3eef9e17aa931732f4ad09",component:this}),this.isCharacterLimitExceeded()&&a("span",{key:"fb2017a6f21f4590934d9a1118e5dc5ee29e1dd5","aria-live":"polite",class:W.assistiveText,id:this.guid},this.replacePlaceHoldersInMessages()),this.validationMessage&&this.status==="invalid"?a(M,{icon:this.validationIcon,id:D.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null))}async setFocus(){await z(this);this.textAreaEl.focus()}async selectText(){await u(this);this.textAreaEl.select()}effectiveLocaleChange(){L(this,this.effectiveLocale)}onLabelClick(){this.setFocus()}getLocalizedCharacterLength(){const e=this.value?this.value.length.toString():"0";const t=this.maxLength.toString();if(this.numberingSystem==="latn"){return{currentLength:e,maxLength:t}}x.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,signDisplay:"never",useGrouping:this.groupSeparator};return{currentLength:x.localize(e),maxLength:x.localize(t)}}syncHiddenFormInput(e){e.setCustomValidity("");if(this.isCharacterLimitExceeded()){e.setCustomValidity(this.replacePlaceHoldersInMessages())}O("textarea",this,e)}setTextAreaHeight(){const{textAreaHeight:e,elHeight:t,footerHeight:a}=this.getHeightAndWidthOfElements();if(a>0&&e+a!=t){this.textAreaEl.style.height=`${t-a}px`}}getHeightAndWidthOfElements(){const{height:e,width:t}=this.textAreaEl.getBoundingClientRect();const{height:a,width:i}=this.el.getBoundingClientRect();const{height:s,width:r}=this.footerEl.getBoundingClientRect();return{textAreaHeight:e,textAreaWidth:t,elHeight:a,elWidth:i,footerHeight:s,footerWidth:r}}replacePlaceHoldersInMessages(){return this.messages.tooLong.replace("{maxLength}",this.localizedCharacterLengthObj.maxLength).replace("{currentLength}",this.localizedCharacterLengthObj.currentLength)}isCharacterLimitExceeded(){return this.value?.length>this.maxLength}static get assetsDirs(){return["assets"]}get el(){return r(this)}static get watchers(){return{autofocus:["handleGlobalAttributesChanged"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};F.style=G;export{F as calcite_text_area};
+//# sourceMappingURL=p-34db984c.entry.js.map

package/dist/calcite/p-3608bc6c.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+import{e}from"./p-67e556ed.js";import{w as o}from"./p-0fb1c54a.js";const n=e;function r(e){return"opened"in e?e.opened:e.open}function f(e){n((()=>{if(!e.transitionEl){return}o(e.transitionEl,e.openTransitionProp,(()=>{if(r(e)){e.onBeforeOpen()}else{e.onBeforeClose()}}),(()=>{if(r(e)){e.onOpen()}else{e.onClose()}}))}))}export{f as o};
+//# sourceMappingURL=p-3608bc6c.js.map

package/dist/calcite/p-360f2322.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+import{r as t,c as e,h as s,H as i,g as o}from"./p-67e556ed.js";import{c as a,d as n}from"./p-b54932d7.js";import{s as c,b as l,f as h}from"./p-0fb1c54a.js";import{a as d,s as r,c as p}from"./p-1f5a7c5e.js";import{c as u,d as f}from"./p-bf4dc8d8.js";import{c as g}from"./p-06c0de26.js";import{u as b,c as m,s as x,d as y}from"./p-3a1a720c.js";import{t as v,q as w,g as j,o as z,E as H,a as A}from"./p-5730583d.js";import{D as C}from"./p-7f97e86a.js";import{d as D}from"./p-6e30bcc2.js";import"./p-57e1e048.js";import"./p-4dd99f61.js";import"./p-cfc4daa3.js";import"./p-2793eeec.js";import"./p-9f9d0946.js";const L={actionGroupEnd:"action-group--end"};const k={actionsEnd:"actions-end",bottomActions:"bottom-actions",expandTooltip:"expand-tooltip"};const G=":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{pointer-events:auto;display:inline-flex;align-self:stretch;gap:var(--calcite-action-bar-items-space, 0)}:host([layout=vertical]){flex-direction:column}:host([layout=vertical]):host([overflow-actions-disabled]){overflow-y:auto}:host([layout=vertical]):host([expanded]){max-inline-size:var(--calcite-action-bar-expanded-max-width, auto)}:host([layout=vertical]) .action-group--end{margin-block-start:auto}:host([layout=vertical]) ::slotted(calcite-action-group:not(:last-of-type)){border-block-end-width:var(--calcite-border-width-sm)}:host([layout=horizontal]){flex-direction:row}:host([layout=horizontal]):host([overflow-actions-disabled]){overflow-x:auto}:host([layout=horizontal]) .action-group--end{margin-inline-start:auto}:host([layout=horizontal]) ::slotted(calcite-action-group:not(:last-of-type)){border-inline-end-width:var(--calcite-border-width-sm)}.action-group--end{justify-content:flex-end}:host([hidden]){display:none}[hidden]{display:none}";const E=G;const S=class{constructor(s){t(this,s);this.calciteActionBarToggle=e(this,"calciteActionBarToggle",6);this.mutationObserver=g("mutation",(()=>{const{el:t,expanded:e}=this;v({el:t,expanded:e});this.overflowActions()}));this.resizeObserver=g("resize",(t=>this.resizeHandlerEntries(t)));this.actionMenuOpenHandler=t=>{if(t.target.menuOpen){const e=t.composedPath();Array.from(this.el.querySelectorAll("calcite-action-group")).forEach((t=>{if(!e.includes(t)){t.menuOpen=false}}))}};this.resizeHandlerEntries=t=>{t.forEach(this.resizeHandler)};this.resizeHandler=t=>{const{width:e,height:s}=t.contentRect;this.resize({width:e,height:s})};this.resize=D((({width:t,height:e})=>{const{el:s,expanded:i,expandDisabled:o,layout:a,overflowActionsDisabled:n}=this;if(n||a==="vertical"&&!e||a==="horizontal"&&!t){return}const c=w(s);const l=o?c.length:c.length+1;const h=Array.from(s.querySelectorAll("calcite-action-group"));this.setGroupLayout(h);const d=this.hasActionsEnd||this.hasBottomActions||!o?h.length+1:h.length;const{actionHeight:r,actionWidth:p}=j(c);const u=A({layout:a,actionCount:l,actionHeight:r,actionWidth:p,height:e,width:t,groupCount:d});z({actionGroups:h,expanded:i,overflowCount:u})}),C.resize);this.toggleExpand=()=>{this.expanded=!this.expanded;this.calciteActionBarToggle.emit()};this.handleDefaultSlotChange=t=>{const e=c(t).filter((t=>t.matches("calcite-action-group")));this.setGroupLayout(e)};this.handleActionsEndSlotChange=t=>{this.hasActionsEnd=l(t)};this.handleBottomActionsSlotChange=t=>{this.hasBottomActions=l(t)};this.handleTooltipSlotChange=t=>{const e=c(t).filter((t=>t?.matches("calcite-tooltip")));this.expandTooltip=e[0]};this.actionsEndGroupLabel=undefined;this.expandDisabled=false;this.expanded=false;this.layout="vertical";this.overflowActionsDisabled=false;this.overlayPositioning="absolute";this.position=undefined;this.scale=undefined;this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.hasActionsEnd=false;this.hasBottomActions=false;this.expandTooltip=undefined;this.defaultMessages=undefined}expandHandler(){this.overflowActions()}expandedHandler(){const{el:t,expanded:e}=this;v({el:t,expanded:e});this.overflowActions()}layoutHandler(){this.updateGroups()}overflowDisabledHandler(t){if(t){this.resizeObserver?.disconnect();return}this.resizeObserver?.observe(this.el);this.overflowActions()}onMessagesChange(){}effectiveLocaleChange(){b(this,this.effectiveLocale)}componentDidLoad(){const{el:t,expanded:e}=this;d(this);v({el:t,expanded:e});this.overflowActions()}connectedCallback(){const{el:t,expanded:e}=this;u(this);m(this);v({el:t,expanded:e});this.mutationObserver?.observe(t,{childList:true,subtree:true});if(!this.overflowActionsDisabled){this.resizeObserver?.observe(t)}this.overflowActions();a(this)}async componentWillLoad(){r(this);await x(this)}disconnectedCallback(){this.mutationObserver?.disconnect();this.resizeObserver?.disconnect();n(this);f(this);y(this)}async overflowActions(){this.resize({width:this.el.clientWidth,height:this.el.clientHeight})}async setFocus(){await p(this);h(this.el)}updateGroups(){this.setGroupLayout(Array.from(this.el.querySelectorAll("calcite-action-group")))}setGroupLayout(t){t.forEach((t=>t.layout=this.layout))}renderBottomActionGroup(){const{expanded:t,expandDisabled:e,el:i,position:o,toggleExpand:a,scale:n,layout:c,messages:l,actionsEndGroupLabel:h,overlayPositioning:d}=this;const r=!e?s(H,{collapseLabel:l.collapseLabel,collapseText:l.collapse,el:i,expandLabel:l.expandLabel,expandText:l.expand,expanded:t,position:o,scale:n,toggle:a,tooltip:this.expandTooltip}):null;return s("calcite-action-group",{class:L.actionGroupEnd,hidden:this.expandDisabled&&!(this.hasActionsEnd||this.hasBottomActions),label:h,layout:c,overlayPositioning:d,scale:n},s("slot",{name:k.actionsEnd,onSlotchange:this.handleActionsEndSlotChange}),s("slot",{name:k.bottomActions,onSlotchange:this.handleBottomActionsSlotChange}),s("slot",{name:k.expandTooltip,onSlotchange:this.handleTooltipSlotChange}),r)}render(){return s(i,{key:"ff6e365531a0ed2032864bb0777910c3932e9c6b",onCalciteActionMenuOpen:this.actionMenuOpenHandler},s("slot",{key:"f12b2f455752a62ee32b65224bed385940135a49",onSlotchange:this.handleDefaultSlotChange}),this.renderBottomActionGroup())}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{expandDisabled:["expandHandler"],expanded:["expandedHandler"],layout:["layoutHandler"],overflowActionsDisabled:["overflowDisabledHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};S.style=E;export{S as calcite_action_bar};
+//# sourceMappingURL=p-360f2322.entry.js.map