@esri/calcite-components 2.8.0-next.13 → 2.8.0-next.14

package/dist/calcite/p-72c608ca.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.13
- */
-import{r as e,h as t,H as i,g as n}from"./p-2f427372.js";import{s as a,a as l}from"./p-0bb800fd.js";import{a as s,c as r,d as c}from"./p-9ec689d7.js";import{g as o,n as h,c as d,d as b}from"./p-693a92b0.js";import{v as u}from"./p-27d4e066.js";import{c as f}from"./p-e525e9d1.js";import"./p-d2c75d86.js";import"./p-3d9a5271.js";import"./p-cb8b6de4.js";const p={container:"container",fill:"fill",stepLine:"step-line",label:"label",labelHidden:"label-hidden",labelRange:"label-range",labelValue:"label-value",unitLabel:"unit-label",stepsVisible:"steps-visible",valueVisible:"value-visible",success:"fill-success",warning:"fill-warning",danger:"fill-danger"};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([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host{display:flex;--calcite-meter-space-internal:0.125rem;--calcite-meter-height-internal:1rem;--calcite-meter-font-size-internal:var(--calcite-font-size--1)}:host([scale=s]){--calcite-meter-height-internal:0.75rem;--calcite-meter-font-size-internal:var(--calcite-font-size--2)}:host([scale=l]){--calcite-meter-height-internal:1.5rem;--calcite-meter-font-size-internal:var(--calcite-font-size-0)}.container{position:relative;margin:0px;display:flex;inline-size:100%;align-items:center;block-size:var(--calcite-meter-height-internal);background-color:var(--calcite-color-foreground-2);border:1px solid var(--calcite-color-border-3);border-radius:var(--calcite-meter-height-internal)}.solid{border:1px solid var(--calcite-color-foreground-3);background-color:var(--calcite-color-foreground-3)}.outline{background-color:transparent}.value-visible{margin-block-start:1.5rem}.steps-visible{margin-block-end:1.5rem}.step-line{position:absolute;inset-block:0px;display:block;inline-size:var(--calcite-meter-space-internal);background-color:var(--calcite-color-border-3)}.label{position:absolute;font-size:var(--calcite-meter-font-size-internal)}.label-hidden{visibility:hidden;opacity:0}.label-value{inset-block-end:calc(100% + 0.5em);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-1)}.label-range{color:var(--calcite-color-text-3);inset-block-start:calc(100% + 0.5em)}.unit-label{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-3)}.label-value .unit-label{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-2)}.fill{position:absolute;z-index:var(--calcite-z-index);display:block;background-color:var(--calcite-color-brand);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);inset-inline-start:var(--calcite-meter-space-internal);inset-block:var(--calcite-meter-space-internal);border-radius:var(--calcite-meter-height-internal);max-inline-size:calc(100% - var(--calcite-meter-space-internal) * 2);min-inline-size:calc(var(--calcite-meter-height-internal) - var(--calcite-meter-space-internal) * 2);transition-property:inline-size, background-color, box-shadow}.fill-danger{background-color:var(--calcite-color-status-danger)}.fill-success{background-color:var(--calcite-color-status-success)}.fill-warning{background-color:var(--calcite-color-status-warning)}.solid .fill{inset-block:0;inset-inline-start:0;max-inline-size:100%;min-inline-size:calc(var(--calcite-meter-height-internal));box-shadow:0 0 0 1px var(--calcite-color-brand)}.solid .fill-danger{box-shadow:0 0 0 1px var(--calcite-color-status-danger)}.solid .fill-success{box-shadow:0 0 0 1px var(--calcite-color-status-success)}.solid .fill-warning{box-shadow:0 0 0 1px var(--calcite-color-status-warning)}";const m=g;const v=class{constructor(t){e(this,t);this.labelFlipMax=.8;this.labelFlipProximity=.15;this.maxPercent=100;this.minPercent=0;this.resizeObserver=f("resize",(()=>this.resizeHandler()));this.formatLabel=(e,t)=>{if(t==="percent"){if(!this.percentFormatting){const e=o(this.effectiveLocale);const t=new Intl.NumberFormat(e,{useGrouping:this.groupSeparator,style:"percent"});this.percentFormatting={formatter:t,locale:e}}return this.percentFormatting.formatter.format(e)}else{h.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};return h.localize(e.toString())}};this.appearance="outline-fill";this.disabled=false;this.fillType="range";this.form=undefined;this.groupSeparator=false;this.high=undefined;this.label=undefined;this.low=undefined;this.max=100;this.min=0;this.name=undefined;this.numberingSystem=undefined;this.rangeLabels=false;this.rangeLabelType="percent";this.scale="m";this.unitLabel="";this.value=undefined;this.valueLabel=false;this.valueLabelType="percent";this.currentPercent=undefined;this.effectiveLocale=undefined;this.highActive=undefined;this.highPercent=undefined;this.lowActive=undefined;this.lowPercent=undefined}handleRangeChange(){this.calculateValues();this.updateLabels()}handleLabelChange(){this.updateLabels()}async componentWillLoad(){a(this);this.calculateValues();s(this,this.value)}componentDidLoad(){l(this);this.updateLabels()}connectedCallback(){d(this);r(this);this.resizeObserver?.observe(this.el)}disconnectedCallback(){b(this);c(this);this.resizeObserver?.disconnect()}resizeHandler(){this.updateLabels()}updateLabels(){if(this.valueLabelEl){this.determineValueLabelPosition()}if(this.rangeLabels){this.determineVisibleLabels()}}calculateValues(){const{min:e,max:t,low:i,high:n,value:a}=this;const l=100*(i-e)/(t-e);const s=100*(n-e)/(t-e);const r=100*(a-e)/(t-e);if(!i||i<e||i>n||i>t){this.low=e}if(!n||n>t||n<i||n<e){this.high=t}if(!a){this.value=e}this.lowPercent=l;this.highPercent=s;this.currentPercent=a?r:0;this.lowActive=!!i&&i>e&&(!a||i>a)&&(!n||i<n);this.highActive=!!n&&e<=n&&n<t&&(!a||n>a)&&(!i||n>i)}getMeterKindCssClass(){const{low:e,high:t,min:i,max:n,value:a}=this;const l=e?e:i;const s=t?t:n;const r=a>=l;const c=a<l;const o=a>=s;const h=a<s;if(!a||!e&&h||c){return p.success}else if(r&&h){return p.warning}else if(o){return p.danger}else{return p.success}}intersects(e,t){return e&&t&&u(e.getBoundingClientRect(),t.getBoundingClientRect())}determineVisibleLabels(){const{minLabelEl:e,lowLabelEl:t,highLabelEl:i,maxLabelEl:n}=this;const a=this.intersects(i,n);const l=this.intersects(t,i);const s=this.intersects(t,n);const r=this.intersects(e,i);const c=this.intersects(e,t);const o=this.intersects(e,n);const h=p.labelHidden;if(t){if(c||s||l){t.classList.add(h)}else{t.classList.remove(h)}}if(i){if(r||s||a){i.classList.add(h)}else{i.classList.remove(h)}}if(e&&n){if(o){n.classList.add(h)}else{n.classList.remove(h)}}}determineValueLabelPosition(){const{valueLabelEl:e,meterContainerEl:t,currentPercent:i}=this;const n=i>100?100:i>0?i:0;const a=e.getBoundingClientRect().width;const l=t.getBoundingClientRect().width;const s=100*(a-0)/(l-0);if(n+s>=100){e.style.insetInlineEnd="0%";e.style.removeProperty("inset-inline-start")}else{e.style.insetInlineStart=`${n}% `;e.style.removeProperty("inset-inline-end")}}renderMeterFill(){const{currentPercent:e,fillType:i}=this;const n=this.getMeterKindCssClass();return t("div",{class:{[p.fill]:true,[n]:i!=="single"},style:{width:`${e}%`}})}renderRangeLine(e){const i={insetInlineStart:`${e}%`};return t("div",{class:p.stepLine,style:i})}renderValueLabel(){const{currentPercent:e,valueLabelType:i,unitLabel:n,value:a}=this;const l=this.formatLabel(i==="percent"?e/100:a||0,i);return t("div",{class:{[p.label]:true,[p.labelValue]:true},key:"low-label-line",ref:e=>this.valueLabelEl=e},l,n&&i!=="percent"&&t("span",{class:p.unitLabel}," ",n))}renderMinLabel(){const{rangeLabelType:e,min:i,minPercent:n,unitLabel:a}=this;const l={insetInlineStart:`${n}%`};const s=this.formatLabel(e==="percent"?n:i,e);return t("div",{class:{[p.label]:true,[p.labelRange]:true},key:"min-label-line",style:l,ref:e=>this.minLabelEl=e},s,a&&e!=="percent"&&t("span",{class:p.unitLabel}," ",a))}renderLowLabel(){const{rangeLabelType:e,low:i,lowPercent:n,highPercent:a,labelFlipProximity:l}=this;const s=i?this.formatLabel(e==="percent"?n/100:i,e):"";const r={insetInlineStart:`${n}%`};const c={insetInlineEnd:`${100-n}%`};const o=(a-n)/100<l?c:r;return t("div",{class:{[p.label]:true,[p.labelRange]:true},key:"low-label-line",style:o,ref:e=>this.lowLabelEl=e},s)}renderHighLabel(){const{rangeLabelType:e,high:i,highPercent:n,labelFlipMax:a}=this;const l=i?this.formatLabel(e==="percent"?n/100:i,e):"";const s={insetInlineStart:`${n}%`};const r={insetInlineEnd:`${100-n}%`};const c=n/100>=a?r:s;return t("div",{class:{[p.label]:true,[p.labelRange]:true},key:"high-label-line",style:c,ref:e=>this.highLabelEl=e},l)}renderMaxLabel(){const{rangeLabelType:e,max:i,maxPercent:n}=this;const a={insetInlineEnd:`${100-n}%`};const l=this.formatLabel(e==="percent"?n/100:i,e);return t("div",{class:{[p.label]:true,[p.labelRange]:true},key:"max-label-line",style:a,ref:e=>this.maxLabelEl=e},l)}render(){const{appearance:e,currentPercent:n,highActive:a,highPercent:l,label:s,lowActive:r,lowPercent:c,max:o,maxPercent:h,min:d,minPercent:b,rangeLabels:u,rangeLabelType:f,unitLabel:g,value:m,valueLabel:v,valueLabelType:y}=this;const L=this.formatLabel(n/100,"percent");const x=`${m} ${g}`;const w=y==="percent"?L:g?x:undefined;return t(i,{key:"8f94ea6adf21bf6d86961e5b927235bdc2bc6032"},t("div",{key:"38c9a821509aef558a09ee66bff5ff27f91e74e1","aria-label":s,"aria-valuemax":f==="percent"?h:o,"aria-valuemin":f==="percent"?b:d,"aria-valuenow":y==="percent"?n:m,"aria-valuetext":w,class:{[p.container]:true,[p.stepsVisible]:u,[p.valueVisible]:v,[e]:e!=="outline-fill"},role:"meter",ref:e=>this.meterContainerEl=e},this.renderMeterFill(),v&&this.renderValueLabel(),r&&this.renderRangeLine(c),a&&this.renderRangeLine(l),u&&this.renderMinLabel(),u&&r&&this.renderLowLabel(),u&&a&&this.renderHighLabel(),u&&this.renderMaxLabel()))}get el(){return n(this)}static get watchers(){return{min:["handleRangeChange"],max:["handleRangeChange"],low:["handleRangeChange"],high:["handleRangeChange"],value:["handleRangeChange"],rangeLabels:["handleLabelChange"],rangeLabelType:["handleLabelChange"],unitLabel:["handleLabelChange"],valueLabel:["handleLabelChange"],valueLabelType:["handleLabelChange"]}}};v.style=m;export{v as calcite_meter};
-//# sourceMappingURL=p-72c608ca.entry.js.map

package/dist/calcite/p-7419f2b0.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.13
- */
-import{r as t,c as e,h as i,g as n}from"./p-2f427372.js";import{g as o}from"./p-3d9a5271.js";import{c as a,d as c,u as l,I as s}from"./p-b87be568.js";import{c as d,s as r,a as h}from"./p-0bb800fd.js";import"./p-a2e4dfd0.js";const u={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 p=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}: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 b=p;const g=class{constructor(i){t(this,i);this.calciteTileSelectChange=e(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(t){this.input.checked=t}nameChanged(t){this.input.name=t}async setFocus(){await d(this);return this.input?.setFocus()}checkboxChangeHandler(t){const e=t.target;if(e===this.input){this.checked=e.checked}t.stopPropagation();this.calciteTileSelectChange.emit()}checkboxFocusBlurHandler(t){const e=t.target;if(e===this.input){this.focused=t.detail}t.stopPropagation()}radioButtonChangeHandler(t){const e=t.target;if(e===this.input){this.checked=e.checked}t.stopPropagation();this.calciteTileSelectChange.emit()}radioButtonCheckedChangeHandler(t){const e=t.target;if(e===this.input){this.checked=e.checked}t.stopPropagation()}radioButtonFocusBlurHandler(t){const e=t.target;if(e===this.input){this.focused=e.focused}t.stopPropagation()}clickHandler(t){if(this.disabled){return}const e=t.target;const i=["calcite-tile","calcite-tile-select"];if(i.includes(e.localName)){this.input.click()}}pointerEnterHandler(){if(this.disabled){return}const{localName:t}=this.input;if(t==="calcite-radio-button"||t==="calcite-checkbox"){this.input.hovered=true}}pointerLeaveHandler(){if(this.disabled){return}const{localName:t}=this.input;if(t==="calcite-radio-button"||t==="calcite-checkbox"){this.input.hovered=false}}connectedCallback(){this.renderInput();a(this)}componentWillLoad(){r(this)}componentDidLoad(){h(this)}disconnectedCallback(){this.input.parentNode.removeChild(this.input);c(this)}componentDidRender(){l(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:t,description:e,disabled:n,focused:o,heading:a,icon:c,inputAlignment:l,inputEnabled:d,width:r,iconFlipRtl:h}=this;const p=a&&c&&!e;const b=Boolean(c);return i(s,{key:"8b51737586a431103661d8151376d3ad6b670f96",disabled:n},i("div",{key:"5ea181931e987371d9a7ef6d52ff4407fb038360",class:{checked:t,container:true,[u.description]:Boolean(e),[u.descriptionOnly]:Boolean(!a&&!c&&e),disabled:n,focused:o,[u.heading]:Boolean(a),[u.headingOnly]:a&&!c&&!e,[u.icon]:b,[u.iconOnly]:!a&&c&&!e,[u.inputAlignmentEnd]:l==="end",[u.inputAlignmentStart]:l==="start",[u.inputEnabled]:d,[u.largeVisual]:p,[u.widthAuto]:r==="auto",[u.widthFull]:r==="full"}},i("div",{key:"c79fc16d521c9976dbe71ce8a1d2548d17cb5ccd",class:{[u.tile]:true,[u.tileLargeVisual]:p}},c&&i("div",{key:"17606279a9d6681a27b2f2326d62a1017eba3331",class:{[u.icon]:b}},i("calcite-icon",{key:"cf847a2f48a1797b3d4301be37968dd542d7bbf6",flipRtl:h,icon:c,scale:"l"})),i("div",{key:"945919856c4456ac8e11cc954d270bfaaa4f1aab",class:u.tileContentContainer},i("div",{key:"72830262ae1e95537aff2e9d3c6b401939fee3ff",class:u.tileContent},a&&i("div",{key:"8a152377f1245e074fb7d01a89f5676845ddfb71",class:u.tileHeading},a),e&&i("div",{key:"0f4309fe529e789ddb35d88aaab946b54672b82d",class:u.tileDescription},e)))),i("slot",{key:"ef9d69af19a75cf4e2a352c7f20a2719a69c13e3"})))}get el(){return n(this)}static get watchers(){return{checked:["checkedChanged"],name:["nameChanged"]}}};g.style=b;const f=":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 m=f;const x=class{constructor(e){t(this,e);this.disabled=false;this.layout="horizontal"}connectedCallback(){a(this)}componentDidRender(){l(this)}disconnectedCallback(){c(this)}render(){return i(s,{key:"c579aa8ffc94e6ef9230bfa55ce45de556a42a3d",disabled:this.disabled},i("slot",{key:"83c7838677b70cec41f1ff3cda280c69cbc4c5c0"}))}get el(){return n(this)}};x.style=m;export{g as calcite_tile_select,x as calcite_tile_select_group};
-//# sourceMappingURL=p-7419f2b0.entry.js.map

package/dist/calcite/p-7700f14a.entry.js

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

package/dist/calcite/p-7e332e4f.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.13
- */
-import{r as t,c as i,h as e,g as a}from"./p-2f427372.js";import{c as n,u as o,d as c,I as s}from"./p-b87be568.js";import{c as l,s as r,a as d}from"./p-0bb800fd.js";import"./p-a2e4dfd0.js";const h={container:"container",dividerContainer:"divider-container",divider:"divider",widthAuto:"width-auto",widthHalf:"width-half",widthFull:"width-full"};const p=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}:host:host([kind=brand]){--calcite-split-button-background:var(--calcite-color-brand);--calcite-split-button-divider:var(--calcite-color-foreground-1)}:host:host([kind=danger]){--calcite-split-button-background:var(--calcite-color-status-danger);--calcite-split-button-divider:var(--calcite-color-foreground-1)}:host:host([kind=neutral]){--calcite-split-button-background:var(--calcite-color-foreground-3);--calcite-split-button-divider:var(--calcite-color-text-1)}:host:host([kind=inverse]){--calcite-split-button-background:var(--calcite-color-inverse);--calcite-split-button-divider:var(--calcite-color-foreground-1)}:host([appearance=transparent]):host([kind=brand]){--calcite-split-button-divider:var(--calcite-color-brand);--calcite-split-button-background:transparent}:host([appearance=transparent]):host([kind=danger]){--calcite-split-button-divider:var(--calcite-color-status-danger);--calcite-split-button-background:transparent}:host([appearance=transparent]):host([kind=neutral]){--calcite-split-button-divider:var(--calcite-color-text-1);--calcite-split-button-background:transparent}:host([appearance=transparent]):host([kind=inverse]){--calcite-split-button-divider:var(--calcite-color-foreground-1);--calcite-split-button-background:transparent}:host([appearance=outline]){--calcite-split-button-background:transparent}:host([appearance=outline-fill]){--calcite-split-button-background:var(--calcite-color-foreground-1)}:host([appearance=outline]):host([kind=brand]),:host([appearance=outline-fill]):host([kind=brand]){--calcite-split-button-divider:var(--calcite-color-brand)}:host([appearance=outline]):host([kind=danger]),:host([appearance=outline-fill]):host([kind=danger]){--calcite-split-button-divider:var(--calcite-color-status-danger)}:host([appearance=outline]):host([kind=neutral]),:host([appearance=outline-fill]):host([kind=neutral]){--calcite-split-button-divider:var(--calcite-color-border-1);--calcite-split-button-background:var(--calcite-color-border-1)}:host([appearance=outline]):host([kind=inverse]),:host([appearance=outline-fill]):host([kind=inverse]){--calcite-split-button-divider:var(--calcite-color-inverse)}.container{display:flex;align-items:stretch}.container>calcite-dropdown>calcite-button{block-size:100%;vertical-align:top}.divider-container{display:flex;inline-size:1px;align-items:stretch;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;background-color:var(--calcite-split-button-background)}.divider{margin-block:0.25rem;display:inline-block;inline-size:1px;background-color:var(--calcite-split-button-divider)}:host([appearance=outline-fill]) .divider-container,:host([appearance=outline]) .divider-container{border-block:1px solid var(--calcite-split-button-divider)}:host([appearance=outline-fill]):hover .divider-container,:host([appearance=outline]):hover .divider-container{background-color:var(--calcite-split-button-divider)}:host([appearance=outline-fill]:hover) .divider-container,:host([appearance=outline]:hover) .divider-container{background-color:var(--calcite-split-button-divider)}:host([appearance=outline-fill]:focus-within):host([kind=brand]),:host([appearance=outline]:focus-within):host([kind=brand]){--calcite-split-button-divider:var(--calcite-color-brand-press)}:host([appearance=outline-fill]:focus-within):host([kind=danger]),:host([appearance=outline]:focus-within):host([kind=danger]){--calcite-split-button-divider:var(--calcite-color-status-danger-press)}:host([appearance=outline-fill]:focus-within) .divider-container,:host([appearance=outline]:focus-within) .divider-container{background-color:var(--calcite-split-button-divider)}:host([disabled]) .divider-container{opacity:var(--calcite-opacity-disabled)}:host([disabled]) calcite-dropdown>calcite-button{pointer-events:none}: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 u=p;const b=class{constructor(e){t(this,e);this.calciteSplitButtonPrimaryClick=i(this,"calciteSplitButtonPrimaryClick",6);this.calciteSplitButtonSecondaryClick=i(this,"calciteSplitButtonSecondaryClick",6);this.calciteSplitButtonPrimaryClickHandler=()=>this.calciteSplitButtonPrimaryClick.emit();this.calciteSplitButtonSecondaryClickHandler=()=>this.calciteSplitButtonSecondaryClick.emit();this.appearance="solid";this.kind="brand";this.disabled=false;this.active=false;this.dropdownIconType="chevron";this.dropdownLabel=undefined;this.loading=false;this.overlayPositioning="absolute";this.primaryIconEnd=undefined;this.primaryIconFlipRtl=undefined;this.primaryIconStart=undefined;this.primaryLabel=undefined;this.primaryText=undefined;this.scale="m";this.width="auto"}handleDisabledChange(t){if(!t){this.active=false}}activeHandler(){if(this.disabled){this.active=false}}async setFocus(){await l(this);this.el.focus()}connectedCallback(){n(this)}componentWillLoad(){r(this)}componentDidLoad(){d(this)}componentDidRender(){o(this)}disconnectedCallback(){c(this)}render(){const t=this.width==="auto"?"auto":"full";return e(s,{key:"d5327f1088abcc59902ef85b71595f6fa728490a",disabled:this.disabled},e("div",{key:"1edb58dd7c912a1ee7ffa8ebd15c3ddbf9d793f4",class:h.container},e("calcite-button",{key:"e1cd03d3d76cf588d68edbd31d45ac6a9df6847f",appearance:this.appearance,disabled:this.disabled,"icon-end":this.primaryIconEnd?this.primaryIconEnd:null,"icon-start":this.primaryIconStart?this.primaryIconStart:null,iconFlipRtl:this.primaryIconFlipRtl?this.primaryIconFlipRtl:null,kind:this.kind,label:this.primaryLabel,loading:this.loading,onClick:this.calciteSplitButtonPrimaryClickHandler,scale:this.scale,splitChild:"primary",type:"button",width:t},this.primaryText),e("div",{key:"197526a3aa5dc44abb5f39bfb1a6ebb045ccf830",class:h.dividerContainer},e("div",{key:"b34ff49f67124f3335be67ee76084a45c215550d",class:h.divider})),e("calcite-dropdown",{key:"773661fb9011e8ae98340ce6683bbe7eeaba838e",disabled:this.disabled,onClick:this.calciteSplitButtonSecondaryClickHandler,open:this.active,overlayPositioning:this.overlayPositioning,placement:"bottom-end",scale:this.scale,"width-scale":this.scale},e("calcite-button",{key:"c1f29f2f80da4a526c34c4cfbee2e66f70b9dd2c",appearance:this.appearance,disabled:this.disabled,"icon-start":this.dropdownIcon,kind:this.kind,label:this.dropdownLabel,scale:this.scale,slot:"trigger",splitChild:"secondary",type:"button"}),e("slot",{key:"bfb4039428c350bdb81d8e4688bb50086dcd8fc7"}))))}get dropdownIcon(){return this.dropdownIconType==="chevron"?"chevronDown":this.dropdownIconType==="caret"?"caretDown":this.dropdownIconType==="ellipsis"?"ellipsis":"handle-vertical"}static get delegatesFocus(){return true}get el(){return a(this)}static get watchers(){return{disabled:["handleDisabledChange"],active:["activeHandler"]}}};b.style=u;export{b as calcite_split_button};
-//# sourceMappingURL=p-7e332e4f.entry.js.map

package/dist/calcite/p-8029a600.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.13
- */
-import{r as e,h as i,g as a}from"./p-2f427372.js";import{g as t}from"./p-27d4e066.js";import{C as r}from"./p-cb8b6de4.js";import"./p-3d9a5271.js";const n=":host{position:relative;display:block;inline-size:100%}.track,.bar{position:absolute;inset-block-start:0px;block-size:2px}.track{z-index:var(--calcite-z-index);inline-size:100%;overflow:hidden;background:var(--calcite-color-border-3)}.bar{z-index:var(--calcite-z-index);background-color:var(--calcite-color-brand)}@media (forced-colors: active){.track{background-color:highlightText}.bar{background-color:linkText}}.indeterminate{inline-size:20%;animation:looping-progress-bar-ani calc(var(--calcite-internal-animation-timing-medium) / var(--calcite-internal-duration-factor) * 11 / var(--calcite-internal-duration-factor)) linear infinite}.indeterminate.calcite--rtl{animation-name:looping-progress-bar-ani-rtl}.reversed{animation-direction:reverse}.text{padding-inline:0px;padding-block:1rem 0px;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2)}@keyframes looping-progress-bar-ani{0%{transform:translate3d(-100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(600%, 0, 0)}}@keyframes looping-progress-bar-ani-rtl{0%{transform:translate3d(100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(-600%, 0, 0)}}:host([hidden]){display:none}[hidden]{display:none}";const s=n;const o=class{constructor(i){e(this,i);this.type="determinate";this.value=0;this.label=undefined;this.text=undefined;this.reversed=false}render(){const e=this.type==="determinate";const a=e?{width:`${this.value*100}%`}:{};const n=t(this.el);return i("div",{key:"2c999f2f6cec5ce630c1304b9a9438924c2f3f98","aria-label":this.label||this.text,"aria-valuemax":1,"aria-valuemin":0,"aria-valuenow":this.value,role:"progressbar"},i("div",{key:"e1def373e6ef54fec63ba5d547f092aeacc0509f",class:"track"},i("div",{key:"41be6dc49cb58d47ae72601c37398d7058be79af",class:{bar:true,indeterminate:this.type==="indeterminate",[r.rtl]:n==="rtl",reversed:this.reversed},style:a})),this.text?i("div",{class:"text"},this.text):null)}get el(){return a(this)}};o.style=s;export{o as calcite_progress};
-//# sourceMappingURL=p-8029a600.entry.js.map

package/dist/calcite/p-81700857.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.13
- */
-import{d as _}from"./p-32c7bea3.js";import"./p-2f427372.js";import"./p-9ec689d7.js";import"./p-27d4e066.js";import"./p-3d9a5271.js";import"./p-cb8b6de4.js";import"./p-b87be568.js";import"./p-a2e4dfd0.js";import"./p-d2c75d86.js";import"./p-4f91ef0d.js";import"./p-5cdc67d3.js";import"./p-0bb800fd.js";import"./p-693a92b0.js";import"./p-e525e9d1.js";import"./p-0f120201.js";import"./p-8f7e450b.js";import"./p-047ef32d.js";import"./p-f21ab14f.js";import"./p-b49d6029.js";var r={name:"bg",weekdays:"неделя_понеделник_вторник_сряда_четвъртък_петък_събота".split("_"),weekdaysShort:"нед_пон_вто_сря_чет_пет_съб".split("_"),weekdaysMin:"нд_пн_вт_ср_чт_пт_сб".split("_"),months:"януари_февруари_март_април_май_юни_юли_август_септември_октомври_ноември_декември".split("_"),monthsShort:"янр_фев_мар_апр_май_юни_юли_авг_сеп_окт_ное_дек".split("_"),weekStart:1,ordinal:function _(r){var p=r%100;if(p>10&&p<20){return r+"-ти"}var t=r%10;if(t===1){return r+"-ви"}else if(t===2){return r+"-ри"}else if(t===7||t===8){return r+"-ми"}return r+"-ти"},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"D.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY H:mm",LLLL:"dddd, D MMMM YYYY H:mm"},relativeTime:{future:"след %s",past:"преди %s",s:"няколко секунди",m:"минута",mm:"%d минути",h:"час",hh:"%d часа",d:"ден",dd:"%d дена",M:"месец",MM:"%d месеца",y:"година",yy:"%d години"}};_.locale(r,null,true);export{r as default};
-//# sourceMappingURL=p-81700857.js.map

package/dist/calcite/p-81841d71.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.13
- */
-import{d as e}from"./p-32c7bea3.js";import"./p-2f427372.js";import"./p-9ec689d7.js";import"./p-27d4e066.js";import"./p-3d9a5271.js";import"./p-cb8b6de4.js";import"./p-b87be568.js";import"./p-a2e4dfd0.js";import"./p-d2c75d86.js";import"./p-4f91ef0d.js";import"./p-5cdc67d3.js";import"./p-0bb800fd.js";import"./p-693a92b0.js";import"./p-e525e9d1.js";import"./p-0f120201.js";import"./p-8f7e450b.js";import"./p-047ef32d.js";import"./p-f21ab14f.js";import"./p-b49d6029.js";var m={name:"es",monthsShort:"ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_"),weekdays:"domingo_lunes_martes_miércoles_jueves_viernes_sábado".split("_"),weekdaysShort:"dom._lun._mar._mié._jue._vie._sáb.".split("_"),weekdaysMin:"do_lu_ma_mi_ju_vi_sá".split("_"),months:"enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"),weekStart:1,formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY H:mm",LLLL:"dddd, D [de] MMMM [de] YYYY H:mm"},relativeTime:{future:"en %s",past:"hace %s",s:"unos segundos",m:"un minuto",mm:"%d minutos",h:"una hora",hh:"%d horas",d:"un día",dd:"%d días",M:"un mes",MM:"%d meses",y:"un año",yy:"%d años"},ordinal:function e(m){return m+"º"}};e.locale(m,null,true);export{m as default};
-//# sourceMappingURL=p-81841d71.js.map

package/dist/calcite/p-81e3f1cb.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.13
- */
-import{d as e}from"./p-32c7bea3.js";import"./p-2f427372.js";import"./p-9ec689d7.js";import"./p-27d4e066.js";import"./p-3d9a5271.js";import"./p-cb8b6de4.js";import"./p-b87be568.js";import"./p-a2e4dfd0.js";import"./p-d2c75d86.js";import"./p-4f91ef0d.js";import"./p-5cdc67d3.js";import"./p-0bb800fd.js";import"./p-693a92b0.js";import"./p-e525e9d1.js";import"./p-0f120201.js";import"./p-8f7e450b.js";import"./p-047ef32d.js";import"./p-f21ab14f.js";import"./p-b49d6029.js";var r={s:"ein paar Sekunden",m:["eine Minute","einer Minute"],mm:"%d Minuten",h:["eine Stunde","einer Stunde"],hh:"%d Stunden",d:["ein Tag","einem Tag"],dd:["%d Tage","%d Tagen"],M:["ein Monat","einem Monat"],MM:["%d Monate","%d Monaten"],y:["ein Jahr","einem Jahr"],yy:["%d Jahre","%d Jahren"]};function t(e,t,i){var n=r[i];if(Array.isArray(n)){n=n[t?0:1]}return n.replace("%d",e)}var i={name:"de-at",weekdays:"Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"),weekdaysShort:"So._Mo._Di._Mi._Do._Fr._Sa.".split("_"),weekdaysMin:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),months:"Jänner_Februar_März_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"),monthsShort:"Jän._Feb._März_Apr._Mai_Juni_Juli_Aug._Sep._Okt._Nov._Dez.".split("_"),ordinal:function e(r){return r+"."},weekStart:1,formats:{LTS:"HH:mm:ss",LT:"HH:mm",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY HH:mm",LLLL:"dddd, D. MMMM YYYY HH:mm"},relativeTime:{future:"in %s",past:"vor %s",s:t,m:t,mm:t,h:t,hh:t,d:t,dd:t,M:t,MM:t,y:t,yy:t}};e.locale(i,null,true);export{i as default};
-//# sourceMappingURL=p-81e3f1cb.js.map

package/dist/calcite/p-881a5a61.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.13
- */
-import{r as t,c as e,h as i,H as n,g as s,e as o,F as a}from"./p-2f427372.js";import{A as c,k as r,g as l,B as d,t as h}from"./p-27d4e066.js";import{g as b}from"./p-3d9a5271.js";import{a as f,b as u,d as p}from"./p-535a3834.js";import{c as v}from"./p-e525e9d1.js";import{c as g,d as m}from"./p-693a92b0.js";import{c as k,s as y,d as x,u as w}from"./p-047ef32d.js";import{C as T}from"./p-cb8b6de4.js";import{c as z,d as C,I,u as A}from"./p-b87be568.js";import{g as L}from"./p-5cdc67d3.js";import"./p-d2c75d86.js";import"./p-a2e4dfd0.js";const H={container:"container",content:"content"};const S=":host([selected]) section,:host([selected]) .container{display:block}:host{display:none;block-size:100%;inline-size:100%}:host([selected]){display:block;block-size:100%;inline-size:100%;overflow:auto}.content{box-sizing:border-box;padding-block:var(--calcite-internal-tab-content-block-padding)}.scale-s{--calcite-internal-tab-content-block-padding:var(--calcite-tab-content-block-padding, 0.25rem);font-size:var(--calcite-font-size--2);line-height:1rem}.scale-m{--calcite-internal-tab-content-block-padding:var(--calcite-tab-content-block-padding, 0.5rem);font-size:var(--calcite-font-size--1);line-height:1rem}.scale-l{--calcite-internal-tab-content-block-padding:var(--calcite-tab-content-block-padding, 0.625rem);font-size:var(--calcite-font-size-0);line-height:1.25rem}section,.container{display:none;block-size:100%;inline-size:100%}.container{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          )}:host([hidden]){display:none}[hidden]{display:none}";const j=S;const B=class{constructor(i){t(this,i);this.calciteInternalTabRegister=e(this,"calciteInternalTabRegister",6);this.guid=`calcite-tab-title-${b()}`;this.tab=undefined;this.selected=false;this.scale="m";this.labeledBy=undefined}render(){const t=this.el.id||this.guid;return i(n,{key:"06adaf45767fbdb895268b0c96e50da5629bb84c","aria-labelledby":this.labeledBy,id:t},i("div",{key:"b75987c81df6b5646ed9d0a006d2d09a8e058c2c",class:{[H.container]:true,[`scale-${this.scale}`]:true},role:"tabpanel",tabIndex:this.selected?0:-1},i("section",{key:"9a61d676fd81b54aab26d7cc8fe482b8903fdc24",class:H.content},i("slot",{key:"81f9bfe3915012db0779cf682c2cca0f36be9ae5"}))))}connectedCallback(){this.parentTabsEl=this.el.closest("calcite-tabs")}componentDidLoad(){this.calciteInternalTabRegister.emit()}disconnectedCallback(){document.body?.dispatchEvent(new CustomEvent("calciteTabUnregister",{detail:this.el}))}internalTabChangeHandler(t){const e=t.composedPath().find((t=>t.tagName==="CALCITE-TABS"));if(e!==this.parentTabsEl){return}if(this.tab){this.selected=this.tab===t.detail.tab}else{this.getTabIndex().then((e=>{this.selected=e===t.detail.tab}))}t.stopPropagation()}async getTabIndex(){return Array.prototype.indexOf.call(c(this.el.parentElement.children).filter((t=>t.matches("calcite-tab"))),this.el)}async updateAriaInfo(t=[],e=[]){this.labeledBy=e[t.indexOf(this.el.id)]||null}get el(){return s(this)}};B.style=j;const E={chevronRight:"chevron-right",chevronLeft:"chevron-left"};const R={activeIndicatorContainer:"tab-nav-active-indicator-container",container:"tab-nav",containerHasEndTabTitleOverflow:"tab-nav--end-overflow",containerHasStartTabTitleOverflow:"tab-nav--start-overflow",scrollButton:"scroll-button",scrollButtonContainer:"scroll-button-container",scrollBackwardContainerButton:"scroll-button-container--backward",scrollForwardContainerButton:"scroll-button-container--forward",tabTitleSlotWrapper:"tab-titles-slot-wrapper"};const F=':host{--calcite-internal-tab-nav-gradient-start-side:left;--calcite-internal-tab-nav-gradient-end-side:right;position:relative;display:flex}.scale-s{--calcite-internal-tab-nav-scroller-button-width:24px;min-block-size:1.5rem}.scale-m{--calcite-internal-tab-nav-scroller-button-width:32px;min-block-size:2rem}.scale-l{--calcite-internal-tab-nav-scroller-button-width:44px;min-block-size:2.75rem}.calcite--rtl{--calcite-internal-tab-nav-gradient-start-side:right;--calcite-internal-tab-nav-gradient-end-side:left}.tab-nav--start-overflow .tab-nav-active-indicator-container,.tab-nav--start-overflow .tab-titles-slot-wrapper{mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-end-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%)}.tab-nav--end-overflow .tab-nav-active-indicator-container,.tab-nav--end-overflow .tab-titles-slot-wrapper{mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-start-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%)}.tab-nav--start-overflow.tab-nav--end-overflow .tab-nav-active-indicator-container,.tab-nav--start-overflow.tab-nav--end-overflow .tab-titles-slot-wrapper{mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-end-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%, transparent 51%), linear-gradient(to var(--calcite-internal-tab-nav-gradient-start-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%, transparent 51%)}.tab-nav::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}:host([layout=center]) ::slotted(calcite-tab-title){display:flex;flex-grow:1;flex-shrink:0;min-inline-size:auto;white-space:nowrap}:host([layout=center]) ::slotted(calcite-tab-title[selected]){overflow:unset}:host(:not([bordered])) .scale-l{--calcite-internal-tab-nav-gap:var(--calcite-size-xxl)}:host(:not([bordered])) .scale-m{--calcite-internal-tab-nav-gap:var(--calcite-size-xl)}:host(:not([bordered])) .scale-s{--calcite-internal-tab-nav-gap:var(--calcite-size-lg)}:host(:not([bordered])) .tab-titles-slot-wrapper{gap:var(--calcite-internal-tab-nav-gap)}:host([layout=center]:not([bordered])) .tab-titles-slot-wrapper{padding-inline:var(--calcite-spacing-xxl)}.tab-nav,.tab-titles-slot-wrapper{display:flex;inline-size:100%;justify-content:flex-start;overflow:hidden;white-space:nowrap}.tab-nav-active-indicator-container{position:absolute;inset-inline:0px;inset-block-end:0px;block-size:0.125rem;inline-size:100%;overflow:hidden}.tab-nav-active-indicator{position:absolute;inset-block-end:0px;display:block;block-size:0.125rem;background-color:var(--calcite-color-brand);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.scroll-button-container{position:absolute;inset-block:0px}.scroll-button-container calcite-button{--calcite-offset-invert-focus:1;--calcite-color-text-1:var(--calcite-color-text-3);block-size:100%}.scroll-button-container calcite-button:hover{--calcite-color-text-1:unset;--calcite-color-foreground-1:var(--calcite-color-transparent-hover);--calcite-color-foreground-3:var(--calcite-color-transparent)}.scroll-button-container--forward{inset-inline-end:0;z-index:var(--calcite-z-index)}.scroll-button-container--backward{inset-inline-start:0;z-index:var(--calcite-z-index)}:host(:not([bordered])) .scroll-button-container--backward::before,:host(:not([bordered])) .scroll-button-container--forward::before{background-color:var(--calcite-color-border-3);content:"";inline-size:var(--calcite-border-width-sm);inset-block-start:var(--calcite-border-width-md);inset-block-end:var(--calcite-border-width-md);position:absolute}:host(:not([bordered])) .scroll-button-container--backward::before{inset-inline-end:0}:host(:not([bordered])) .scroll-button-container--forward::before{inset-inline-start:0}:host .position-bottom .tab-nav-active-indicator{inset-block-end:unset;inset-block-start:0px}:host .position-bottom .tab-nav-active-indicator-container{inset-block-end:unset;inset-block-start:0px}:host([bordered]) .tab-nav-active-indicator-container{inset-block-end:unset}:host([bordered]) .position-bottom .tab-nav-active-indicator-container{inset-block-end:0;inset-block-start:unset}@media (forced-colors: active){.tab-nav-active-indicator{background-color:highlight}}:host([hidden]){display:none}[hidden]{display:none}';const O=F;const $=class{constructor(n){t(this,n);this.calciteTabChange=e(this,"calciteTabChange",6);this.calciteInternalTabChange=e(this,"calciteInternalTabChange",6);this.effectiveDir="ltr";this.lastScrollWheelAxis="x";this.resizeObserver=v("resize",(()=>{this.updateScrollingState();if(!this.activeIndicatorEl){return}this.updateActiveIndicator()}));this.onTabTitleWheel=t=>{t.preventDefault();const{deltaX:e,deltaY:i}=t;const n=Math.abs(e);const s=Math.abs(i);let o;if(n===s){o=this.lastScrollWheelAxis==="x"?e:i}else if(n>s){o=e;this.lastScrollWheelAxis="x"}else{o=i;this.lastScrollWheelAxis="y"}const a=(this.effectiveDir==="rtl"?-1:1)*o;t.currentTarget.scrollBy(a,0);requestAnimationFrame((()=>this.updateActiveIndicator()))};this.onSlotChange=t=>{this.intersectionObserver?.disconnect();const e=t.target.assignedElements();e.forEach((t=>{this.intersectionObserver?.observe(t)}))};this.storeContainerRef=t=>this.containerEl=t;this.storeTabTitleWrapperRef=t=>{this.tabTitleContainerEl=t;this.intersectionObserver=v("intersection",(()=>this.updateScrollingState()),{root:t,threshold:[0,.5,1]})};this.scrollToTabTitles=t=>{o((()=>{const e=this.tabTitleContainerEl;const i=e.getBoundingClientRect();const n=Array.from(this.el.querySelectorAll("calcite-tab-title"));const{effectiveDir:s}=this;if(t==="forward"){n.reverse()}let o=null;n.forEach((e=>{const n=e.getBoundingClientRect();const a=i.x+i.width;const c=n.x+n.width;if(t==="forward"&&s==="ltr"||t==="backward"&&s==="rtl"){const t=n.x>a;if(t){o=e}else{const t=c>a&&n.x>i.x;if(t){o=e}}}else{const t=c<i.x;if(t){o=e}else{const t=c<a&&n.x<i.x;if(t){o=e}}}}));if(o){const{scrollerButtonWidth:i}=this;const n=t==="forward"&&s==="ltr"||t==="backward"&&s==="rtl"?-i:o.offsetWidth-e.clientWidth+i;const a=o.offsetLeft+n;e.scrollTo({left:a,behavior:"smooth"})}}))};this.scrollToNextTabTitles=()=>this.scrollToTabTitles("forward");this.scrollToPreviousTabTitles=()=>this.scrollToTabTitles("backward");this.handleTabFocus=(t,e,i)=>{const n=r(this.enabledTabTitles,e,i);this.scrollTabTitleIntoView(n,"instant");t.stopPropagation()};this.onTabTitleScroll=()=>{this.updateActiveIndicator();this.updateScrollingState()};this.renderScrollButton=t=>{const{bordered:e,messages:n,hasOverflowingStartTabTitle:s,hasOverflowingEndTabTitle:o,scale:a}=this;const c=t==="end";return i("div",{class:{[R.scrollButtonContainer]:true,[R.scrollBackwardContainerButton]:!c,[R.scrollForwardContainerButton]:c},hidden:c&&!o||!c&&!s,key:t},i("calcite-button",{appearance:e?"outline-fill":"transparent","aria-label":c?n.nextTabTitles:n.previousTabTitles,class:{[R.scrollButton]:true},iconFlipRtl:"both",iconStart:c?E.chevronRight:E.chevronLeft,kind:"neutral",onClick:c?this.scrollToNextTabTitles:this.scrollToPreviousTabTitles,scale:a,tabIndex:-1}))};this.storageId=undefined;this.syncId=undefined;this.selectedTitle=null;this.scale="m";this.layout="inline";this.position="bottom";this.bordered=false;this.indicatorOffset=undefined;this.indicatorWidth=undefined;this.messages=undefined;this.messageOverrides=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.hasOverflowingStartTabTitle=false;this.hasOverflowingEndTabTitle=false;this.selectedTabId=undefined}onMessagesChange(){}async selectedTabIdChanged(){if(localStorage&&this.storageId&&this.selectedTabId!==undefined&&this.selectedTabId!==null){localStorage.setItem(`calcite-tab-nav-${this.storageId}`,JSON.stringify(this.selectedTabId))}this.calciteInternalTabChange.emit({tab:this.selectedTabId});this.selectedTitle=await this.getTabTitleById(this.selectedTabId)}selectedTitleChanged(){this.updateActiveIndicator()}connectedCallback(){this.parentTabsEl=this.el.closest("calcite-tabs");this.resizeObserver?.observe(this.el);g(this);k(this)}async componentWillLoad(){const t=`calcite-tab-nav-${this.storageId}`;if(localStorage&&this.storageId&&localStorage.getItem(t)){const e=JSON.parse(localStorage.getItem(t));this.selectedTabId=e}await y(this)}componentDidLoad(){this.scrollTabTitleIntoView(this.selectedTitle,"instant")}componentWillRender(){const{parentTabsEl:t}=this;this.layout=t?.layout;this.bordered=t?.bordered;this.effectiveDir=l(this.el);if(this.selectedTitle){this.updateActiveIndicator()}}componentDidRender(){if(this.tabTitles.length&&this.tabTitles.every((t=>!t.selected))&&!this.selectedTabId){this.tabTitles[0].getTabIdentifier().then((t=>{this.calciteInternalTabChange.emit({tab:t})}))}}disconnectedCallback(){this.resizeObserver?.disconnect();m(this);x(this)}render(){const t=`${this.indicatorWidth}px`;const e=`${this.indicatorOffset}px`;const s=this.effectiveDir!=="rtl"?{width:t,left:e}:{width:t,right:e};return i(n,{key:"5715053e3942c9301c0fef5aad764c320c2b5644",role:"tablist"},i("div",{key:"6099315742e261f3061a259f9d3799710a029b67",class:{[R.container]:true,[R.containerHasStartTabTitleOverflow]:!!this.hasOverflowingStartTabTitle,[R.containerHasEndTabTitleOverflow]:!!this.hasOverflowingEndTabTitle,[`scale-${this.scale}`]:true,[`position-${this.position}`]:true,[T.rtl]:this.effectiveDir==="rtl"},ref:this.storeContainerRef},this.renderScrollButton("start"),i("div",{key:"2fca18ac66103c38827e08fdc94c5f450eaa3b28",class:{[R.tabTitleSlotWrapper]:true},onScroll:this.onTabTitleScroll,onWheel:this.onTabTitleWheel,ref:this.storeTabTitleWrapperRef},i("slot",{key:"241fb2d3702e080adb12f2856ea5bcf17ccdc007",onSlotchange:this.onSlotChange})),i("div",{key:"6740015dcb8f1631039f24225d4633c4fc0a88d4",class:{[R.activeIndicatorContainer]:true},ref:t=>this.activeIndicatorContainerEl=t},i("div",{key:"61ecc545f2c55af13b5a8a019398f5eb993fca5a",class:"tab-nav-active-indicator",style:s,ref:t=>this.activeIndicatorEl=t})),this.renderScrollButton("end")))}focusPreviousTabHandler(t){this.handleTabFocus(t,t.target,"previous")}focusNextTabHandler(t){this.handleTabFocus(t,t.target,"next")}focusFirstTabHandler(t){this.handleTabFocus(t,t.target,"first")}focusLastTabHandler(t){this.handleTabFocus(t,t.target,"last")}internalActivateTabHandler(t){const e=t.target;this.selectedTabId=t.detail.tab?t.detail.tab:this.getIndexOfTabTitle(e);t.stopPropagation();this.scrollTabTitleIntoView(e)}scrollTabTitleIntoView(t,e="smooth"){if(!t){return}o((()=>{const i=this.effectiveDir==="ltr";const n=this.tabTitleContainerEl;const s=n.getBoundingClientRect();const o=t.getBoundingClientRect();const a=n.scrollLeft;const c=i?this.hasOverflowingStartTabTitle:this.hasOverflowingEndTabTitle;const r=i?this.hasOverflowingEndTabTitle:this.hasOverflowingStartTabTitle;if(o.left<s.left+(c?this.scrollerButtonWidth:0)){const t=a+(o.left-s.left)-this.scrollerButtonWidth;n.scrollTo({left:t,behavior:e})}else if(o.right>s.right-(r?this.scrollerButtonWidth:0)){const t=a+(o.right-s.right)+this.scrollerButtonWidth;n.scrollTo({left:t,behavior:e})}}))}activateTabHandler(t){this.calciteTabChange.emit();t.stopPropagation()}internalCloseTabHandler(t){const e=t.target;this.handleTabTitleClose(e);t.stopPropagation()}updateTabTitles(t){if(t.target.selected){this.selectedTabId=t.detail}}globalInternalTabChangeHandler(t){if(this.syncId&&t.target!==this.el&&t.target.syncId===this.syncId&&this.selectedTabId!==t.detail.tab){this.selectedTabId=t.detail.tab}t.stopPropagation()}iconStartChangeHandler(){this.updateActiveIndicator()}effectiveLocaleChange(){w(this,this.effectiveLocale)}get scrollerButtonWidth(){const{scale:t}=this;return parseInt(t==="s"?f:t==="m"?u:p)}updateActiveIndicator(){const t=this.tabTitleContainerEl?.scrollLeft;const e=this.containerEl?.scrollLeft;const i=this.activeIndicatorContainerEl?.offsetWidth;const n=this.selectedTitle?.offsetLeft;const s=this.selectedTitle?.offsetWidth;const o=i-n-s;const a=this.effectiveDir==="ltr"?n:o;const c=this.effectiveDir==="ltr"?-1:1;this.indicatorOffset=a+c*(e+t);this.indicatorWidth=this.selectedTitle?.offsetWidth}updateScrollingState(){const t=this.tabTitleContainerEl;if(!t){return}let e;let i;const n=t.scrollLeft;const s=t.clientWidth;const o=t.scrollWidth;if(this.effectiveDir==="ltr"){e=n>0;i=n+s<o}else{e=n<0;i=n!==-(o-s)}this.hasOverflowingStartTabTitle=e;this.hasOverflowingEndTabTitle=i}getIndexOfTabTitle(t,e=this.tabTitles){return e.indexOf(t)}async getTabTitleById(t){return Promise.all(this.tabTitles.map((t=>t.getTabIdentifier()))).then((e=>this.tabTitles[e.indexOf(t)]))}get tabTitles(){return d(this.el,"calcite-tab-title")}get enabledTabTitles(){return d(this.el,"calcite-tab-title:not([disabled])").filter((t=>!t.closed))}handleTabTitleClose(t){const{tabTitles:e}=this;const i=t.selected;const n=e.reduce(((t,e,i)=>!e.closed?[...t,i]:t),[]);const s=n.length;if(s===1&&e[n[0]].closable){e[n[0]].closable=false;this.selectedTabId=n[0];if(i){e[n[0]].activateTab()}}else if(s>1){const i=e.findIndex((e=>e===t));const o=n.find((t=>t>i));if(this.selectedTabId===i){this.selectedTabId=o?o:s-1;e[this.selectedTabId].activateTab()}}requestAnimationFrame((()=>{this.updateActiveIndicator();e[this.selectedTabId].focus()}))}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],selectedTabId:["selectedTabIdChanged"],selectedTitle:["selectedTitleChanged"],effectiveLocale:["effectiveLocaleChange"]}}};$.style=O;const D={closeButton:"close-button",container:"container",content:"content",contentHasText:"content--has-text",iconEnd:"icon-end",iconPresent:"icon-present",iconStart:"icon-start",titleIcon:"calcite-tab-title--icon"};const P={close:"x"};const W=":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;outline:2px solid transparent;outline-offset:2px;margin-inline-start:0px}:host([layout=inline]){flex:0 1 auto}:host([layout=center]){flex:1 1 auto}.content{display:flex;align-items:center;justify-content:center}.scale-s .content{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}.scale-m .content{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}.scale-l .content{padding-block:0.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([closable]) .content{box-sizing:border-box;block-size:100%;border-block-end-color:transparent}:host([layout=inline]) .content,:host([layout=center]) .content{padding-inline:0.25rem}:host([layout=center]) .scale-s,:host([layout=center]) .scale-m,:host([layout=center]) .scale-l{margin-block:0px;justify-content:center;text-align:center}:host([layout=center]) .scale-s .content,:host([layout=center]) .scale-m .content,:host([layout=center]) .scale-l .content{flex:1 1 auto;flex-grow:1}.container{box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-content:center;justify-content:space-between;border-block-end-width:2px;padding-inline:0px;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-3);outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-block-end-color:transparent;border-block-end-style:solid}:host([position=bottom]) .container{border-block-end-width:0px;border-block-start-width:2px;border-block-start-color:transparent;border-block-start-style:solid}:host([closed]){display:none}:host([selected]) .container{border-color:transparent;color:var(--calcite-color-text-1)}:host(:focus) .container{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:focus-within{outline-color:transparent}:host(:active) a,:host(:focus) a,:host(:hover) a{border-color:var(--calcite-color-border-2);color:var(--calcite-color-text-1);text-decoration-line:none}:host([disabled]) .container{pointer-events:none;opacity:0.5}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.calcite-tab-title--icon{position:relative;margin:0px;display:inline-flex;align-self:center}.calcite-tab-title--icon svg{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}.content--has-text{padding:0.25rem}.content--has-text .calcite-tab-title--icon.icon-start{margin-inline-end:0.5rem}.content--has-text .calcite-tab-title--icon.icon-end{margin-inline-start:0.5rem}.close-button{display:flex;cursor:pointer;appearance:none;align-content:center;align-items:center;justify-content:center;align-self:center;border-style:none;background-color:var(--calcite-color-foreground-1);padding:0.25rem;color:var(--calcite-color-text-3);outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;background-color:var(--calcite-button-transparent-1);margin-inline-start:auto}.close-button:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          );outline-offset:-1px}.close-button:focus,.close-button:hover{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-2)}.close-button:active{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-3)}.close-button calcite-icon{color:inherit}:host([icon-start][icon-end]) .calcite-tab-title--icon:first-child{margin-inline-end:0.5rem}:host([bordered]){margin-inline-end:0}:host([bordered][selected]){box-shadow:inset 0px -2px var(--calcite-color-foreground-1)}:host([bordered][selected][position=bottom]){box-shadow:inset 0 2px 0 var(--calcite-color-foreground-1)}:host([bordered]:hover) .container{background-color:var(--calcite-color-transparent-hover)}:host([closable]) .container,:host([bordered]) .container{border-inline-start:1px solid transparent;border-inline-end:1px solid transparent}:host([closable]) .container .close-button,:host([bordered]) .container .close-button{margin-inline:0}:host([closable][position=bottom]) .container,:host([bordered][position=bottom]) .container{border-block-start-style:unset}:host([selected][bordered]) .container{border-inline-start-color:var(--calcite-color-border-1);border-inline-end-color:var(--calcite-color-border-1)}:host([layout=inline][bordered]) .scale-m .content,:host([layout=center][bordered]) .scale-m .content{padding-inline:0.75rem}:host([layout=inline][bordered]) .scale-s .content,:host([layout=center][bordered]) .scale-s .content{padding-inline:0.5rem}:host([layout=inline][bordered]) .scale-l .content,:host([layout=center][bordered]) .scale-l .content{padding-inline:1rem}:host([layout=inline][closable]) .scale-s .content,:host([layout=inline][closable]) .scale-m .content,:host([layout=inline][closable]) .scale-l .content{padding-inline-end:0}@media (forced-colors: active){:host{outline-width:0;outline-offset:0}:host(:focus) .container{outline-color:highlight}:host([bordered]) .container{border-block-end-style:solid}:host([bordered][position=bottom]) .container{border-block-start-style:solid}:host([bordered][selected]) .container{border-block-end-style:none}:host([bordered][position=bottom][selected]) .container{border-block-start-style:none}.close-button{z-index:var(--calcite-z-index)}}:host([hidden]){display:none}[hidden]{display:none}";const M=W;const N=class{constructor(i){t(this,i);this.calciteTabsActivate=e(this,"calciteTabsActivate",6);this.calciteInternalTabsActivate=e(this,"calciteInternalTabsActivate",6);this.calciteTabsClose=e(this,"calciteTabsClose",6);this.calciteInternalTabsClose=e(this,"calciteInternalTabsClose",6);this.calciteInternalTabsFocusNext=e(this,"calciteInternalTabsFocusNext",6);this.calciteInternalTabsFocusPrevious=e(this,"calciteInternalTabsFocusPrevious",6);this.calciteInternalTabsFocusFirst=e(this,"calciteInternalTabsFocusFirst",6);this.calciteInternalTabsFocusLast=e(this,"calciteInternalTabsFocusLast",6);this.calciteInternalTabTitleRegister=e(this,"calciteInternalTabTitleRegister",6);this.calciteInternalTabIconChanged=e(this,"calciteInternalTabIconChanged",6);this.closeClickHandler=()=>{this.closeTabTitleAndNotify()};this.mutationObserver=v("mutation",(()=>this.updateHasText()));this.resizeObserver=v("resize",(()=>{this.calciteInternalTabIconChanged.emit()}));this.guid=`calcite-tab-title-${b()}`;this.selected=false;this.closable=false;this.closed=false;this.disabled=false;this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.layout=undefined;this.position="top";this.scale="m";this.bordered=false;this.tab=undefined;this.messages=undefined;this.messageOverrides=undefined;this.controls=undefined;this.defaultMessages=undefined;this.effectiveLocale=undefined;this.hasText=false}selectedHandler(){if(this.selected){this.activateTab(false)}}onMessagesChange(){}connectedCallback(){z(this);g(this);k(this);this.setupTextContentObserver();this.parentTabNavEl=this.el.closest("calcite-tab-nav");this.parentTabsEl=this.el.closest("calcite-tabs")}disconnectedCallback(){this.mutationObserver?.disconnect();document.body?.dispatchEvent(new CustomEvent("calciteTabTitleUnregister",{detail:this.el}));this.resizeObserver?.disconnect();C(this);m(this);x(this)}async componentWillLoad(){await y(this);{this.updateHasText()}if(this.tab&&this.selected){this.activateTab(false)}}componentWillRender(){if(this.parentTabsEl){this.layout=this.parentTabsEl.layout;this.bordered=this.parentTabsEl.bordered}}render(){const{el:t,closed:e}=this;const s=t.id||this.guid;const o=i("calcite-icon",{key:"73e2cfb6119204590548f92f37a319a662dfb1ed",class:{[D.titleIcon]:true,[D.iconStart]:true},flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:L(this.scale)});const a=i("calcite-icon",{key:"df1cb7af422d61e415a63e221c0825fead84154d",class:{[D.titleIcon]:true,[D.iconEnd]:true},flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:L(this.scale)});return i(n,{key:"549c14ada9508f70596f3a4b105309b85efd7345","aria-controls":this.controls,"aria-selected":h(this.selected),id:s,role:"tab",tabIndex:this.selected&&!this.disabled?0:-1},i(I,{key:"43e72d9d96aa408e9e897e3f3372af39e54a08ed",disabled:this.disabled},i("div",{key:"708b196541c1f0a5f610a232ca19bc152746f1b1",class:{container:true,[D.iconPresent]:!!this.iconStart||!!this.iconEnd,[`scale-${this.scale}`]:true},hidden:e,ref:t=>this.resizeObserver?.observe(t)},i("div",{key:"0683c45df5c5e89ac3aec3d0aa2612a743549abb",class:{[D.content]:true,[D.contentHasText]:this.hasText}},this.iconStart?o:null,i("slot",{key:"a1ad94b05a4163357577e10025a001e255ed28d3"}),this.iconEnd?a:null),this.renderCloseButton())))}renderCloseButton(){const{closable:t,messages:e}=this;return t?i("button",{"aria-label":e.close,class:D.closeButton,disabled:false,key:D.closeButton,onClick:this.closeClickHandler,title:e.close,type:"button",ref:t=>this.closeButtonEl=t},i("calcite-icon",{icon:P.close,scale:L(this.scale)})):null}async componentDidLoad(){this.calciteInternalTabTitleRegister.emit(await this.getTabIdentifier())}componentDidRender(){A(this)}internalTabChangeHandler(t){const e=t.composedPath().find((t=>t.tagName==="CALCITE-TABS"));if(e!==this.parentTabsEl){return}if(this.tab){this.selected=this.tab===t.detail.tab}else{this.getTabIndex().then((e=>{this.selected=e===t.detail.tab}))}t.stopPropagation()}onClick(){this.activateTab()}keyDownHandler(t){switch(t.key){case" ":case"Enter":if(!t.composedPath().includes(this.closeButtonEl)){this.activateTab();t.preventDefault()}break;case"ArrowRight":t.preventDefault();if(l(this.el)==="ltr"){this.calciteInternalTabsFocusNext.emit()}else{this.calciteInternalTabsFocusPrevious.emit()}break;case"ArrowLeft":t.preventDefault();if(l(this.el)==="ltr"){this.calciteInternalTabsFocusPrevious.emit()}else{this.calciteInternalTabsFocusNext.emit()}break;case"Home":t.preventDefault();this.calciteInternalTabsFocusFirst.emit();break;case"End":t.preventDefault();this.calciteInternalTabsFocusLast.emit();break}}async getTabIndex(){return Array.prototype.indexOf.call(c(this.el.parentElement.children).filter((t=>t.matches("calcite-tab-title"))),this.el)}async getTabIdentifier(){return this.tab?this.tab:this.getTabIndex()}async updateAriaInfo(t=[],e=[]){this.controls=t[e.indexOf(this.el.id)]||null}async activateTab(t=true){if(this.disabled||this.closed){return}const e={tab:this.tab};this.calciteInternalTabsActivate.emit(e);if(t){requestAnimationFrame((()=>this.calciteTabsActivate.emit()))}}effectiveLocaleChange(){w(this,this.effectiveLocale)}updateHasText(){this.hasText=this.el.textContent.trim().length>0}setupTextContentObserver(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}closeTabTitleAndNotify(){this.closed=true;this.calciteInternalTabsClose.emit({tab:this.tab});this.calciteTabsClose.emit()}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{selected:["selectedHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};N.style=M;const _={titleGroup:"title-group"};const U=":host{display:flex;flex-direction:column}:host([bordered]){box-shadow:inset 0 1px 0 var(--calcite-color-border-1);background-color:var(--calcite-color-foreground-1)}:host([bordered]) section{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-1)}:host([bordered][position=bottom]){box-shadow:inset 0 1px 0 var(--calcite-color-border-1), inset 0 -1px 0 var(--calcite-color-border-1)}:host([bordered]:not([position=bottom])) ::slotted(calcite-tab-nav){margin-block-end:-1px}:host([bordered][scale=s]) section{padding:0.75rem}:host([bordered][scale=m]) section{padding:0.5rem}:host([bordered][scale=l]) section{padding:1rem}:host([position=bottom]){flex-direction:column-reverse}section{display:flex;flex-grow:1;overflow:hidden;border-block-start-width:1px;border-block-start-color:var(--calcite-color-border-1);border-block-start-style:solid}:host([position=bottom]) section{flex-direction:column-reverse;border-block-start-width:0px;border-block-end-width:1px;border-block-end-color:var(--calcite-color-border-1)}:host([position=bottom]:not([bordered])) section{border-block-end-style:solid}@media (forced-colors: active){:host([bordered]) section{border-block-start-width:0px;border-block-end-width:1px}:host([position=bottom][bordered]) section{border-block-start-width:1px;border-block-end-width:0px}}:host([hidden]){display:none}[hidden]{display:none}";const q=U;const J=class{constructor(e){t(this,e);this.mutationObserver=v("mutation",(t=>{for(const e of t){const t=e.target;if(t.nodeName==="CALCITE-TAB-NAV"||t.nodeName==="CALCITE-TAB-TITLE"||t.nodeName==="CALCITE-TAB"){this.updateItems()}}}));this.layout="inline";this.position="top";this.scale="m";this.bordered=false;this.titles=[];this.tabs=[]}handleInheritableProps(){this.updateItems()}connectedCallback(){this.mutationObserver.observe(this.el,{childList:true});this.updateItems()}async componentWillLoad(){this.updateItems()}disconnectedCallback(){this.mutationObserver?.disconnect()}render(){return i(a,{key:"f8945f67637e93fa1464b833ec6be5eeea0171fa"},i("slot",{key:"699ecaa3e74189bf13bfd45d3d08ea280ddbf2bb",name:_.titleGroup}),i("section",{key:"82f40f255a832532cc857665399bab6ab2edda76"},i("slot",{key:"14451350d63db4d86110e1180e530d40dbfefe4b"})))}calciteInternalTabTitleRegister(t){this.titles=[...this.titles,t.target];this.registryHandler();t.stopPropagation()}calciteTabTitleUnregister(t){this.titles=this.titles.filter((e=>e!==t.detail));this.registryHandler();t.stopPropagation()}calciteInternalTabRegister(t){this.tabs=[...this.tabs,t.target];this.registryHandler();t.stopPropagation()}calciteTabUnregister(t){this.tabs=this.tabs.filter((e=>e!==t.detail));this.registryHandler();t.stopPropagation()}updateItems(){const{position:t,scale:e}=this;const i=this.el.querySelector("calcite-tab-nav");if(i){i.position=t;i.scale=e}Array.from(this.el.querySelectorAll("calcite-tab")).forEach((t=>{if(t.parentElement===this.el){t.scale=e}}));Array.from(this.el.querySelectorAll("calcite-tab-nav > calcite-tab-title")).forEach((i=>{i.position=t;i.scale=e}))}async registryHandler(){let t;let e;if(this.tabs.some((t=>t.tab))||this.titles.some((t=>t.tab))){t=this.tabs.sort(((t,e)=>t.tab.localeCompare(e.tab))).map((t=>t.id));e=this.titles.sort(((t,e)=>t.tab.localeCompare(e.tab))).map((t=>t.id))}else{const i=await Promise.all(this.tabs.map((t=>t.getTabIndex())));const n=await Promise.all(this.titles.map((t=>t.getTabIndex())));t=i.reduce(((t,e,i)=>{t[e]=this.tabs[i].id;return t}),[]);e=n.reduce(((t,e,i)=>{t[e]=this.titles[i].id;return t}),[])}this.tabs.forEach((i=>i.updateAriaInfo(t,e)));this.titles.forEach((i=>i.updateAriaInfo(t,e)))}get el(){return s(this)}static get watchers(){return{position:["handleInheritableProps"],scale:["handleInheritableProps"]}}};J.style=q;export{B as calcite_tab,$ as calcite_tab_nav,N as calcite_tab_title,J as calcite_tabs};
-//# sourceMappingURL=p-881a5a61.entry.js.map

package/dist/calcite/p-8c3e9006.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.13
- */
-import{r as e,c as t,h as i,H as s,g as a}from"./p-2f427372.js";import{k as n}from"./p-27d4e066.js";import{i as l}from"./p-d2c75d86.js";import{c,u as o,d as r,I as h}from"./p-b87be568.js";import{g as d}from"./p-5cdc67d3.js";import"./p-3d9a5271.js";import"./p-cb8b6de4.js";import"./p-a2e4dfd0.js";const b={lastVisibleRow:"last-visible-row"};const f=":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{--calcite-internal-table-row-background:var(--calcite-table-row-background, var(--calcite-color-foreground-1));--calcite-internal-table-row-border-color:var(--calcite-table-row-border-color, transparent);display:contents}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) tr{pointer-events:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}tr{border-block-end:1px solid var(--calcite-internal-table-row-border-color);background-color:var(--calcite-internal-table-row-background)}tr.last-visible-row{border-block-end:0}";const u=f;const p=class{constructor(i){e(this,i);this.calciteTableRowSelect=t(this,"calciteTableRowSelect",6);this.calciteInternalTableRowFocusRequest=t(this,"calciteInternalTableRowFocusRequest",6);this.rowCells=[];this.keyDownHandler=e=>{if(this.interactionMode!=="interactive"){return}const t=e.target;const i=e.key;const s=e.ctrlKey;const a=this.rowCells;if(t.matches("calcite-table-cell")||t.matches("calcite-table-header")){switch(i){case"ArrowUp":this.emitTableRowFocusRequest(t.positionInRow,this.positionAll,"previous");e.preventDefault();break;case"ArrowDown":this.emitTableRowFocusRequest(t.positionInRow,this.positionAll,"next");e.preventDefault();break;case"PageUp":this.emitTableRowFocusRequest(t.positionInRow,this.positionAll,"first");e.preventDefault();break;case"PageDown":this.emitTableRowFocusRequest(t.positionInRow,this.positionAll,"last");e.preventDefault();break;case"ArrowLeft":n(a,t,"previous",false);e.preventDefault();break;case"ArrowRight":n(a,t,"next",false);e.preventDefault();break;case"Home":if(s){this.emitTableRowFocusRequest(1,this.positionAll,"first");e.preventDefault()}else{n(a,t,"first",false);e.preventDefault()}break;case"End":if(s){this.emitTableRowFocusRequest(this.rowCells?.length,this.positionAll,"last",true);e.preventDefault()}else{n(a,t,"last",false);e.preventDefault()}break}}};this.emitTableRowFocusRequest=(e,t,i,s)=>{this.calciteInternalTableRowFocusRequest.emit({cellPosition:e,rowPosition:t,destination:i,lastCell:s})};this.updateCells=()=>{const e=this.alignment?this.alignment:this.rowType!=="head"?"center":"start";const t=this.tableRowSlotEl?.assignedElements({flatten:true})?.filter((e=>e.matches("calcite-table-cell")||e.matches("calcite-table-header")));const i=Array.from(this.tableRowEl?.querySelectorAll("calcite-table-header, calcite-table-cell"))?.filter((e=>e.numberCell||e.selectionCell));const s=i?i.concat(t):t;if(s.length>0){s?.forEach(((t,i)=>{t.interactionMode=this.interactionMode;t.lastCell=i===s.length-1;t.parentRowAlignment=e;t.parentRowIsSelected=this.selected;t.parentRowType=this.rowType;t.positionInRow=i+1;t.scale=this.scale;if(t.nodeName==="CALCITE-TABLE-CELL"){t.readCellContentsToAT=this.readCellContentsToAT;t.disabled=this.disabled}}))}this.rowCells=s||[];this.cellCount=s?.length};this.handleSelectionOfRow=()=>{this.calciteTableRowSelect.emit()};this.handleKeyboardSelection=e=>{if(l(e.key)){if(e.key===" "){e.preventDefault()}this.handleSelectionOfRow()}};this.alignment=undefined;this.disabled=false;this.selected=false;this.cellCount=undefined;this.interactionMode="interactive";this.lastVisibleRow=undefined;this.rowType=undefined;this.numbered=false;this.positionSection=undefined;this.positionSectionLocalized=undefined;this.positionAll=undefined;this.readCellContentsToAT=undefined;this.scale=undefined;this.selectionMode="none";this.selectedRowCount=undefined;this.selectedRowCountLocalized=undefined;this.bodyRowCount=undefined;this.effectiveLocale=""}handleCellChanges(){if(this.tableRowEl&&this.rowCells.length>0){this.updateCells()}}handleDelayedCellChanges(){if(this.tableRowEl&&this.rowCells.length>0){requestAnimationFrame((()=>this.updateCells()))}}componentDidLoad(){if(this.tableRowEl&&this.rowCells.length>0){this.updateCells()}}connectedCallback(){c(this)}componentDidRender(){o(this)}disconnectedCallback(){r(this)}calciteInternalTableRowFocusChangeHandler(e){if(e.target.contains(this.el)){const t=e.detail.cellPosition;const i=e.detail.rowPosition;const s=e.detail.destination;const a=e.detail.lastCell;if(i===this.positionAll){if(this.disabled){const e=s==="last"?"previous":s==="first"?"next":s;this.emitTableRowFocusRequest(t,this.positionAll,e);return}const e=a?this.rowCells[this.rowCells.length-1]:this.rowCells?.find(((e,i)=>i+1===t));if(e){e.setFocus()}}}}renderSelectionIcon(){const e=this.selectionMode==="multiple"&&this.selected?"check-square-f":this.selectionMode==="multiple"?"square":this.selected?"circle-f":"circle";return i("calcite-icon",{icon:e,scale:d(this.scale)})}renderSelectableCell(){return this.rowType==="head"?i("calcite-table-header",{alignment:"center",bodyRowCount:this.bodyRowCount,key:"selection-head",onClick:this.selectionMode==="multiple"&&this.handleSelectionOfRow,onKeyDown:this.selectionMode==="multiple"&&this.handleKeyboardSelection,parentRowAlignment:this.alignment,selectedRowCount:this.selectedRowCount,selectedRowCountLocalized:this.selectedRowCountLocalized,selectionCell:true,selectionMode:this.selectionMode}):this.rowType==="body"?i("calcite-table-cell",{alignment:"center",key:"selection-body",onClick:this.handleSelectionOfRow,onKeyDown:this.handleKeyboardSelection,parentRowAlignment:this.alignment,parentRowIsSelected:this.selected,parentRowPositionLocalized:this.positionSectionLocalized,selectionCell:true},this.renderSelectionIcon()):i("calcite-table-cell",{alignment:"center",key:"selection-foot",parentRowAlignment:this.alignment,selectionCell:true})}renderNumberedCell(){return this.rowType==="head"?i("calcite-table-header",{alignment:"center",key:"numbered-head",numberCell:true,parentRowAlignment:this.alignment}):this.rowType==="body"?i("calcite-table-cell",{alignment:"center",key:"numbered-body",numberCell:true,parentRowAlignment:this.alignment},this.positionSectionLocalized):i("calcite-table-cell",{alignment:"center",key:"numbered-foot",numberCell:true,parentRowAlignment:this.alignment})}render(){return i(s,{key:"27ff76c984ef7bae3f9d8733e2924635c6085fdf"},i(h,{key:"5883641f604b1ca6d02f00fa61baaed298d080ee",disabled:this.disabled},i("tr",{key:"ed2dc4dff8aa39e88f1a1bc461d1a7c861f0bb4f","aria-disabled":this.disabled,"aria-rowindex":this.positionAll+1,"aria-selected":this.selected,class:{[b.lastVisibleRow]:this.lastVisibleRow},onKeyDown:this.keyDownHandler,ref:e=>this.tableRowEl=e},this.numbered&&this.renderNumberedCell(),this.selectionMode!=="none"&&this.renderSelectableCell(),i("slot",{key:"ba54c2a5fbcd12997c3b56d217e16296070b33c9",onSlotchange:this.updateCells,ref:e=>this.tableRowSlotEl=e}))))}get el(){return a(this)}static get watchers(){return{bodyRowCount:["handleCellChanges"],scale:["handleCellChanges"],selected:["handleCellChanges"],selectedRowCount:["handleCellChanges"],interactionMode:["handleCellChanges"],numbered:["handleDelayedCellChanges"],selectionMode:["handleDelayedCellChanges"]}}};p.style=u;export{p as calcite_table_row};
-//# sourceMappingURL=p-8c3e9006.entry.js.map

package/dist/calcite/p-8c777295.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.13
- */
-import{r as e,c as t,h as o,g as i}from"./p-2f427372.js";import{c as n,d as s}from"./p-4d48de72.js";import{h as c,e as a}from"./p-27d4e066.js";import{s as l,a as r,c as d}from"./p-0bb800fd.js";import{c as h,d as f}from"./p-693a92b0.js";import{c as g,d as p,s as m,u as b}from"./p-047ef32d.js";import{K as u}from"./p-2f046d0d.js";import{o as k}from"./p-f21ab14f.js";import{g as v}from"./p-5cdc67d3.js";import"./p-e525e9d1.js";import"./p-3d9a5271.js";import"./p-cb8b6de4.js";import"./p-d2c75d86.js";const x={title:"title",message:"message",link:"link",actionsEnd:"actions-end"};const w={actionsEnd:"actions-end",close:"notice-close",container:"container",content:"notice-content",icon:"notice-icon"};const z=":host([scale=s]){--calcite-notice-spacing-token-small:0.5rem;--calcite-notice-spacing-token-large:0.75rem}:host([scale=s]) .container slot[name=title]::slotted(*),:host([scale=s]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) .container slot[name=message]::slotted(*),:host([scale=s]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .notice-close{padding:0.5rem}:host([scale=m]){--calcite-notice-spacing-token-small:0.75rem;--calcite-notice-spacing-token-large:1rem}:host([scale=m]) .container slot[name=title]::slotted(*),:host([scale=m]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) .container slot[name=message]::slotted(*),:host([scale=m]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=l]){--calcite-notice-spacing-token-small:1rem;--calcite-notice-spacing-token-large:1.25rem}:host([scale=l]) .container slot[name=title]::slotted(*),:host([scale=l]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) .container slot[name=message]::slotted(*),:host([scale=l]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([width=auto]){--calcite-notice-width:auto}:host([width=half]){--calcite-notice-width:50%}:host([width=full]){--calcite-notice-width:100%}:host{margin-inline:auto;display:none;max-inline-size:100%;align-items:center;inline-size:var(--calcite-notice-width)}.container{pointer-events:none;margin-block:0px;box-sizing:border-box;display:none;inline-size:100%;background-color:var(--calcite-color-foreground-1);opacity:0;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;max-block-size:0;text-align:start;border-inline-start:0px solid;box-shadow:0 0 0 0 transparent}.notice-close{outline-color:transparent}.notice-close:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host{display:flex}:host([open]) .container{pointer-events:auto;display:flex;max-block-size:100%;align-items:center;border-width:2px;opacity:1;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.container slot[name=title]::slotted(*),.container *::slotted([slot=title]){margin:0px;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.container slot[name=message]::slotted(*),.container *::slotted([slot=message]){margin:0px;display:inline;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);margin-inline-end:var(--calcite-notice-spacing-token-small)}.notice-content{box-sizing:border-box;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;display:flex;min-inline-size:0px;flex-direction:column;overflow-wrap:break-word;flex:1 1 0;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:0 var(--calcite-notice-spacing-token-small)}.notice-content:first-of-type:not(:only-child){padding-inline-start:var(--calcite-notice-spacing-token-large)}.notice-content:only-of-type{padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large)}.notice-icon{display:flex;align-items:center;box-sizing:border-box;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto}.notice-close{display:flex;cursor:pointer;align-items:center;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;box-sizing:border-box;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;-webkit-appearance:none}.notice-close:hover,.notice-close:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.notice-close:active{background-color:var(--calcite-color-foreground-3)}.actions-end{display:flex;align-self:stretch}:host([kind=brand]) .container{border-color:var(--calcite-color-brand)}:host([kind=brand]) .container .notice-icon{color:var(--calcite-color-brand)}:host([kind=info]) .container{border-color:var(--calcite-color-status-info)}:host([kind=info]) .container .notice-icon{color:var(--calcite-color-status-info)}:host([kind=danger]) .container{border-color:var(--calcite-color-status-danger)}:host([kind=danger]) .container .notice-icon{color:var(--calcite-color-status-danger)}:host([kind=success]) .container{border-color:var(--calcite-color-status-success)}:host([kind=success]) .container .notice-icon{color:var(--calcite-color-status-success)}:host([kind=warning]) .container{border-color:var(--calcite-color-status-warning)}:host([kind=warning]) .container .notice-icon{color:var(--calcite-color-status-warning)}:host([hidden]){display:none}[hidden]{display:none}";const y=z;const j=class{constructor(o){e(this,o);this.calciteNoticeBeforeClose=t(this,"calciteNoticeBeforeClose",6);this.calciteNoticeBeforeOpen=t(this,"calciteNoticeBeforeOpen",6);this.calciteNoticeClose=t(this,"calciteNoticeClose",6);this.calciteNoticeOpen=t(this,"calciteNoticeOpen",6);this.setTransitionEl=e=>{this.transitionEl=e};this.close=()=>{this.open=false};this.openTransitionProp="opacity";this.open=false;this.kind="brand";this.closable=false;this.icon=undefined;this.iconFlipRtl=false;this.scale="m";this.width="auto";this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.defaultMessages=undefined}openHandler(){k(this)}onMessagesChange(){}updateRequestedIcon(){this.requestedIcon=c(u,this.icon,this.kind)}connectedCallback(){n(this);h(this);g(this)}disconnectedCallback(){s(this);f(this);p(this)}async componentWillLoad(){l(this);this.requestedIcon=c(u,this.icon,this.kind);await m(this);if(this.open){k(this)}}componentDidLoad(){r(this)}render(){const{el:e}=this;const t=o("button",{key:"0f2e1009dcb1c3757310b79acab789f4c4ee1ac5","aria-label":this.messages.close,class:w.close,onClick:this.close,ref:e=>this.closeButton=e},o("calcite-icon",{key:"96254f04a4a17b1c9661c8f49d424bd4340069fe",icon:"x",scale:v(this.scale)}));const i=a(e,x.actionsEnd);return o("div",{key:"beade7c7869edbfcc04fe5bd7d23aafaaa6236e0",class:w.container,ref:this.setTransitionEl},this.requestedIcon?o("div",{class:w.icon},o("calcite-icon",{flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:v(this.scale)})):null,o("div",{key:"d58dc9581e825056cce8b7dccc32a761b574e6a4",class:w.content},o("slot",{key:"05ce91243f3f1178b1b3d91383d6a9d276dcc0ee",name:x.title}),o("slot",{key:"421cbbab45146d9aa925d55186534ef1c5fb99d9",name:x.message}),o("slot",{key:"45afc52e67cb4ae32cbc8f0e12bdd678113abc9a",name:x.link})),i?o("div",{class:w.actionsEnd},o("slot",{name:x.actionsEnd})):null,this.closable?t:null)}async setFocus(){await d(this);const e=this.el.querySelector("calcite-link");if(!this.closeButton&&!e){return}if(e){return e.setFocus()}else if(this.closeButton){this.closeButton.focus()}}onBeforeClose(){this.calciteNoticeBeforeClose.emit()}onBeforeOpen(){this.calciteNoticeBeforeOpen.emit()}onClose(){this.calciteNoticeClose.emit()}onOpen(){this.calciteNoticeOpen.emit()}effectiveLocaleChange(){b(this,this.effectiveLocale)}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{open:["openHandler"],messageOverrides:["onMessagesChange"],icon:["updateRequestedIcon"],kind:["updateRequestedIcon"],effectiveLocale:["effectiveLocaleChange"]}}};j.style=y;export{j as calcite_notice};
-//# sourceMappingURL=p-8c777295.entry.js.map

package/dist/calcite/p-8c81d96a.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.13
- */
-import{r as t,c as e,h as i,f as s,H as a,g as o}from"./p-2f427372.js";import{c as r,d as n,H as c}from"./p-9ec689d7.js";import{c as l,d,g as h}from"./p-4f91ef0d.js";import{t as f,b as p}from"./p-27d4e066.js";import{c as b,d as m,n as u}from"./p-693a92b0.js";import{c as g}from"./p-e525e9d1.js";import{b as x,s as v,a as y,c as z}from"./p-0bb800fd.js";import{c as k,s as w,d as j,u as L}from"./p-047ef32d.js";import{c as H,u as C,d as A,I as S}from"./p-b87be568.js";import{g as W}from"./p-3d9a5271.js";import{V as D}from"./p-b49d6029.js";import{s as I}from"./p-925a8b6b.js";import{t as O}from"./p-a7d20a24.js";import"./p-5cdc67d3.js";import"./p-cb8b6de4.js";import"./p-d2c75d86.js";import"./p-a2e4dfd0.js";import"./p-41710053.js";const T={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",borderColor:"border--color",hide:"hide",blockSizeFull:"block-size--full",footerEndSlotOnly:"footer--end-only"};const E={footerStart:"footer-start",footerEnd:"footer-end"};const F=100;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{position:relative;display:inline-block;block-size:100%;inline-size:100%}textarea{position:relative;margin:0px;box-sizing:border-box;display:block;inline-size:100%;border-width:1px;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);font-family:var(--calcite-sans-family);color:var(--calcite-color-text-1);min-inline-size:12rem;border-block-end:1px solid var(--calcite-color-border-3)}@media screen and (max-width: 480px){textarea{resize:none}}textarea: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          )}textarea.text-area--invalid{border-width:1px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-status-danger)}textarea.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          )}textarea.footer--slotted{min-inline-size:18rem}.footer{box-sizing:border-box;display:flex;align-items:center;border-width:1px;border-block-start-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1)}.character-limit{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}.character--over-limit{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-status-danger)}:host([resize=none]) textarea{resize:none}:host([resize=horizontal]) textarea{resize:horizontal}:host([resize=vertical]) textarea{resize:vertical}:host([scale=s]){font-size:var(--calcite-font-size--2)}:host([scale=s]) .footer{padding-block:0.25rem;padding-inline:0.5rem;min-block-size:1.75rem}:host([scale=s]) textarea{padding-block:0.25rem;padding-inline:0.5rem}:host([scale=s]) textarea,:host([scale=s]) .footer,:host([scale=s]) .character-limit{padding-inline-start:0.5rem;font-size:var(--calcite-font-size--2)}:host([scale=m]) textarea{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=m]) textarea,:host([scale=m]) .footer,:host([scale=m]) .character-limit{padding-inline-start:0.75rem;font-size:var(--calcite-font-size--1)}:host([scale=l]){font-size:var(--calcite-font-size-0)}:host([scale=l]) textarea{padding-block:0.75rem;padding-inline:1rem}:host([scale=l]) .footer{padding-block:0.75rem;padding-inline:1rem;min-block-size:2.75rem}:host([scale=l]) textarea,:host([scale=l]) .footer,:host([scale=l]) .character-limit{padding-inline-start:1rem;font-size:var(--calcite-font-size-0)}:host([status=invalid]) textarea{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) textarea: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          )}.readonly{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}:host([disabled]) textarea,:host([disabled]) footer{opacity:0.5}.border--color{border-block-end-width:1px;border-color:var(--calcite-color-border-input)}.border--color:focus{border-block-end-width:2px}textarea.block-size--full{block-size:100%}.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}.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 M=G;const $=class{constructor(s){t(this,s);this.calciteTextAreaInput=e(this,"calciteTextAreaInput",7);this.calciteTextAreaChange=e(this,"calciteTextAreaChange",7);this.guid=W();this.handleInput=t=>{this.value=t.target["value"];this.calciteTextAreaInput.emit()};this.handleChange=()=>{this.calciteTextAreaChange.emit()};this.contentSlotChangeHandler=()=>{if(!this.value){const t=this.el.childNodes;t.forEach((t=>{if(t.nodeName==="#text"){this.value=t.nodeValue.trim()}}))}};this.renderCharacterLimit=()=>{if(this.maxLength){this.localizedCharacterLengthObj=this.getLocalizedCharacterLength();return i("span",{class:T.characterLimit},i("span",{class:{[T.characterOverLimit]:this.isCharacterLimitExceeded()}},this.localizedCharacterLengthObj.currentLength),"/",this.localizedCharacterLengthObj.maxLength)}return null};this.resizeObserver=g("resize",(async()=>{await x(this);const{textAreaHeight:t,textAreaWidth:e,elHeight:i,elWidth:s,footerHeight:a,footerWidth:o}=this.getHeightAndWidthOfElements();if(o>0&&o!==e){this.footerEl.style.width=`${e}px`}if(s!==e||i!==t+(a||0)){this.setHeightAndWidthToAuto()}}));this.setTextAreaEl=t=>{this.textAreaEl=t;this.resizeObserver.observe(t)};this.setHeightAndWidthToAuto=O((()=>{if(this.resize==="vertical"||this.resize==="both"){this.el.style.height="auto"}if(this.resize==="horizontal"||this.resize==="both"){this.el.style.width="auto"}}),F,{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.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(){s(this)}onMessagesChange(){}connectedCallback(){H(this);l(this);r(this);b(this);k(this)}async componentWillLoad(){v(this);await w(this)}componentDidLoad(){y(this)}componentDidRender(){C(this);this.setTextAreaHeight()}disconnectedCallback(){A(this);d(this);n(this);m(this);j(this);this.resizeObserver?.disconnect()}render(){const t=this.startSlotHasElements||this.endSlotHasElements||!!this.maxLength;return i(a,{key:"72bf11bad4a4218da1c76c80cf7fd56e8118cc38"},i(S,{key:"6d1d41010c8aefbfb2e0a73e0ee99bd1cf03320b",disabled:this.disabled},i("textarea",{key:"6402773a3dfb3eabb989b6c3e7351e9400f5d7ca","aria-describedby":this.guid,"aria-invalid":f(this.isCharacterLimitExceeded()),"aria-label":h(this),autofocus:this.el.autofocus,class:{[T.readOnly]:this.readOnly,[T.textAreaInvalid]:this.isCharacterLimitExceeded(),[T.footerSlotted]:this.endSlotHasElements&&this.startSlotHasElements,[T.blockSizeFull]:!t,[T.borderColor]:!t},cols:this.columns,disabled:this.disabled,name:this.name,onChange:this.handleChange,onInput:this.handleInput,placeholder:this.placeholder,readOnly:this.readOnly,required:this.required,rows:this.rows,value:this.value,wrap:this.wrap,ref:this.setTextAreaEl}),i("span",{key:"438a49747f79e853d18c6536c382dc5cc45589b4",class:{[T.content]:true}},i("slot",{key:"6e5f0b4c4778948d5af523140b3bd42c3ed98faa",onSlotchange:this.contentSlotChangeHandler})),i("footer",{key:"67b8789483e6280b8cd6c4a41924ce82c52a0105",class:{[T.footer]:true,[T.readOnly]:this.readOnly,[T.hide]:!t},ref:t=>this.footerEl=t},i("div",{key:"2659e454d4ab4c5d9a7b5e031f7823b0fa4075ce",class:{[T.container]:true,[T.footerEndSlotOnly]:!this.startSlotHasElements&&this.endSlotHasElements}},i("slot",{key:"dc7ebcc2a9e032a50009c552611d084d67a7ca85",name:E.footerStart,onSlotchange:t=>this.startSlotHasElements=p(t)}),i("slot",{key:"8dcdd027daa97c92759022b9a70e825bbe11623c",name:E.footerEnd,onSlotchange:t=>this.endSlotHasElements=p(t)})),this.renderCharacterLimit()),i(c,{key:"080f9fcad30ece0c77f8d842556c227c0d7e580b",component:this}),this.isCharacterLimitExceeded()&&i("span",{key:"f1c1774990d3d59d05d3dc039fff97c1ee2a5297","aria-hidden":true,"aria-live":"polite",class:T.assistiveText,id:this.guid},this.replacePlaceHoldersInMessages()),this.validationMessage&&this.status==="invalid"?i(D,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null))}async setFocus(){await z(this);this.textAreaEl.focus()}async selectText(){await x(this);this.textAreaEl.select()}effectiveLocaleChange(){L(this,this.effectiveLocale)}onLabelClick(){this.setFocus()}getLocalizedCharacterLength(){const t=this.value?this.value.length.toString():"0";const e=this.maxLength.toString();if(this.numberingSystem==="latn"){return{currentLength:t,maxLength:e}}u.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,signDisplay:"never",useGrouping:this.groupSeparator};return{currentLength:u.localize(t),maxLength:u.localize(e)}}syncHiddenFormInput(t){t.setCustomValidity("");if(this.isCharacterLimitExceeded()){t.setCustomValidity(this.replacePlaceHoldersInMessages())}I("textarea",this,t)}setTextAreaHeight(){const{textAreaHeight:t,elHeight:e,footerHeight:i}=this.getHeightAndWidthOfElements();if(i>0&&t+i!=e){this.textAreaEl.style.height=`${e-i}px`}}getHeightAndWidthOfElements(){const{height:t,width:e}=this.textAreaEl.getBoundingClientRect();const{height:i,width:s}=this.el.getBoundingClientRect();const{height:a,width:o}=this.footerEl?.getBoundingClientRect();return{textAreaHeight:t,textAreaWidth:e,elHeight:i,elWidth:s,footerHeight:a,footerWidth:o}}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 o(this)}static get watchers(){return{autofocus:["handleGlobalAttributesChanged"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};$.style=M;export{$ as calcite_text_area};
-//# sourceMappingURL=p-8c81d96a.entry.js.map

package/dist/calcite/p-8c81d96a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","assistiveText","characterLimit","content","container","footer","resizeDisabled","resizeDisabledX","resizeDisabledY","characterOverLimit","readOnly","textAreaInvalid","footerSlotted","borderColor","hide","blockSizeFull","footerEndSlotOnly","SLOTS","footerStart","footerEnd","RESIZE_TIMEOUT","textAreaCss","CalciteTextAreaStyle0","TextArea","this","guid","handleInput","event","value","target","calciteTextAreaInput","emit","handleChange","calciteTextAreaChange","contentSlotChangeHandler","nodes","el","childNodes","forEach","nodeName","nodeValue","trim","renderCharacterLimit","maxLength","localizedCharacterLengthObj","getLocalizedCharacterLength","h","class","isCharacterLimitExceeded","currentLength","resizeObserver","createObserver","async","componentLoaded","textAreaHeight","textAreaWidth","elHeight","elWidth","footerHeight","footerWidth","getHeightAndWidthOfElements","footerEl","style","width","setHeightAndWidthToAuto","setTextAreaEl","textAreaEl","observe","throttle","resize","height","leading","handleGlobalAttributesChanged","forceUpdate","onMessagesChange","connectedCallback","connectInteractive","connectLabel","connectForm","connectLocalized","connectMessages","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","setTextAreaHeight","disconnectedCallback","disconnectInteractive","disconnectLabel","disconnectForm","disconnectLocalized","disconnectMessages","disconnect","render","hasFooter","startSlotHasElements","endSlotHasElements","Host","key","InteractiveContainer","disabled","toAriaBoolean","getLabelText","autofocus","cols","columns","name","onChange","onInput","placeholder","required","rows","wrap","ref","onSlotchange","slotChangeHasAssignedElement","HiddenFormInputSlot","component","id","replacePlaceHoldersInMessages","validationMessage","status","Validation","icon","validationIcon","message","scale","setFocus","componentFocusable","focus","selectText","select","effectiveLocaleChange","updateMessages","effectiveLocale","onLabelClick","length","toString","numberingSystem","numberStringFormatter","numberFormatOptions","locale","signDisplay","useGrouping","groupSeparator","localize","syncHiddenFormInput","input","setCustomValidity","getBoundingClientRect","messages","tooLong","replace"],"sources":["src/components/text-area/resources.ts","src/components/text-area/text-area.scss?tag=calcite-text-area&encapsulation=shadow","src/components/text-area/text-area.tsx"],"sourcesContent":["export const CSS = {\n  assistiveText: \"assistive-text\",\n  characterLimit: \"character-limit\",\n  content: \"content\",\n  container: \"container\",\n  footer: \"footer\",\n  resizeDisabled: \"resize--disabled\",\n  resizeDisabledX: \"resize--disabled-x\",\n  resizeDisabledY: \"resize--disabled-y\",\n  characterOverLimit: \"character--over-limit\",\n  readOnly: \"readonly\",\n  textAreaInvalid: \"text-area--invalid\",\n  footerSlotted: \"footer--slotted\",\n  borderColor: \"border--color\",\n  hide: \"hide\",\n  blockSizeFull: \"block-size--full\",\n  footerEndSlotOnly: \"footer--end-only\",\n};\n\nexport const SLOTS = {\n  footerStart: \"footer-start\",\n  footerEnd: \"footer-end\",\n};\n\nexport const RESIZE_TIMEOUT = 100;\n",":host {\n  @apply inline-block\n  relative\n  w-full\n  h-full;\n}\n\ntextarea {\n  @apply text-color-1\n  relative\n  block\n  bg-foreground-1\n  box-border\n  border-color-input\n  border\n  font-sans\n  w-full\n  m-0;\n  min-inline-size: theme(\"spacing.48\");\n  border-block-end: 1px solid var(--calcite-color-border-3);\n  @media screen and (max-width: 480px) {\n    @apply resize-none;\n  }\n  &:focus {\n    @apply focus-inset;\n  }\n  &.text-area--invalid {\n    @apply border-color-danger\n    border\n    border-solid\n    border-b;\n    &:focus {\n      @apply focus-inset-danger;\n    }\n  }\n  &.footer--slotted {\n    min-inline-size: theme(\"spacing.72\");\n  }\n}\n\n.footer {\n  @apply flex\n  bg-foreground-1\n  box-border\n  border-color-input\n  border\n  border-solid\n  border-t-0\n  items-center;\n}\n\n.character-limit {\n  @apply flex\n  justify-end\n  text-color-2\n  items-center\n  font-normal\n  whitespace-nowrap;\n}\n\n.character--over-limit {\n  @apply font-bold\n  text-danger;\n}\n\n:host([resize=\"none\"]) textarea {\n  @apply resize-none;\n}\n\n:host([resize=\"horizontal\"]) textarea {\n  @apply resize-x;\n}\n\n:host([resize=\"vertical\"]) textarea {\n  @apply resize-y;\n}\n\n:host([scale=\"s\"]) {\n  @apply text-n2;\n  .footer {\n    @apply py-1\n    px-2;\n    min-block-size: 1.75rem;\n  }\n  textarea {\n    @apply py-1\n    px-2;\n  }\n}\n\n:host([scale=\"s\"]) {\n  textarea,\n  .footer,\n  .character-limit {\n    @apply text-n2\n    pl-2;\n  }\n}\n\n:host([scale=\"m\"]) {\n  textarea {\n    @apply py-2\n    px-3;\n  }\n  .footer {\n    @apply py-2\n    px-3;\n    min-block-size: 2.25rem;\n  }\n}\n\n:host([scale=\"m\"]) {\n  textarea,\n  .footer,\n  .character-limit {\n    @apply text-n1\n    pl-3;\n  }\n}\n\n:host([scale=\"l\"]) {\n  @apply text-0;\n  textarea {\n    @apply py-3\n    px-4;\n  }\n  .footer {\n    @apply py-3\n    px-4;\n    min-block-size: 2.75rem;\n  }\n}\n\n:host([scale=\"l\"]) {\n  textarea,\n  .footer,\n  .character-limit {\n    @apply text-0\n    pl-4;\n  }\n}\n\n:host([status=\"invalid\"]) {\n  textarea {\n    @apply border-color-danger;\n  }\n  textarea:focus {\n    @apply focus-inset-danger;\n  }\n}\n\n.readonly {\n  @apply bg-background font-medium;\n}\n\n:host([disabled]) {\n  textarea,\n  footer {\n    @apply opacity-50;\n  }\n}\n\n.border--color {\n  @apply border-b border-color-input;\n  &:focus {\n    @apply border-b-2;\n  }\n}\n\ntextarea.block-size--full {\n  @apply h-full;\n}\n\n.content,\n.hide {\n  @apply hidden;\n}\n\n.container {\n  @apply flex\n  justify-between\n  w-full;\n}\n\n.footer--end-only {\n  @apply justify-end;\n}\n\n.assistive-text {\n  @apply sr-only;\n}\n\n@include form-validation-message();\n@include hidden-form-input();\n@include disabled();\n@include base-component();\n","import {\n  Component,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  VNode,\n  Watch,\n  Method,\n  Host,\n  State,\n  forceUpdate,\n} from \"@stencil/core\";\nimport { throttle } from \"lodash-es\";\nimport { connectForm, disconnectForm, FormComponent, HiddenFormInputSlot } from \"../../utils/form\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\nimport { slotChangeHasAssignedElement, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  LocalizedComponent,\n  NumberingSystem,\n  numberStringFormatter,\n} from \"../../utils/locale\";\nimport { createObserver } from \"../../utils/observers\";\nimport {\n  componentFocusable,\n  componentLoaded,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { guid } from \"../../utils/guid\";\nimport { Status } from \"../interfaces\";\nimport { Validation } from \"../functional/Validation\";\nimport { syncHiddenFormInput, TextualInputComponent } from \"../input/common/input\";\nimport { CharacterLengthObj } from \"./interfaces\";\nimport { TextAreaMessages } from \"./assets/text-area/t9n\";\nimport { CSS, SLOTS, RESIZE_TIMEOUT } from \"./resources\";\n\n/**\n * @slot - A slot for adding text.\n * @slot footer-start - A slot for adding content to the start of the component's footer.\n * @slot footer-end - A slot for adding content to the end of the component's footer.\n */\n\n@Component({\n  tag: \"calcite-text-area\",\n  styleUrl: \"text-area.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class TextArea\n  implements\n    FormComponent,\n    LabelableComponent,\n    LocalizedComponent,\n    LoadableComponent,\n    T9nComponent,\n    InteractiveComponent,\n    Omit<TextualInputComponent, \"pattern\">\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Global attributes\n  //\n  //--------------------------------------------------------------------------\n\n  @Watch(\"autofocus\")\n  handleGlobalAttributesChanged(): void {\n    forceUpdate(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Specifies the component's number of columns.\n   *\n   * @mdn [cols](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-cols)\n   */\n  @Prop({ reflect: true }) columns: number;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   *\n   * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * The `id` of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true })\n  form: string;\n\n  /**\n   * When `true`, number values are displayed with a group separator corresponding to the language and country format.\n   */\n  @Prop({ reflect: true }) groupSeparator = false;\n\n  /**\n   * Accessible name for the component.\n   */\n  @Prop() label: string;\n\n  /**\n   * Specifies the minimum number of characters allowed.\n   *\n   * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-minlength)\n   */\n  @Prop({ reflect: true }) minLength: number;\n\n  /**\n   * Specifies the maximum number of characters allowed.\n   *\n   * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-maxlength)\n   */\n  @Prop({ reflect: true }) maxLength: number;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: TextAreaMessages;\n\n  /** Specifies the validation message to display under the component. */\n  @Prop() validationMessage: string;\n\n  /** Specifies the validation icon to display under the component. */\n  @Prop({ reflect: true }) validationIcon: string | boolean;\n\n  /**\n   * Specifies the name of the component.\n   *\n   * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-name)\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /**\n   * Specifies the Unicode numeral system used by the component for localization.\n   */\n  @Prop() numberingSystem: NumberingSystem;\n\n  /**\n   * Specifies the placeholder text for the component.\n   *\n   * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-placeholder)\n   */\n  @Prop() placeholder: string;\n\n  /**\n   * When `true`, the component's `value` can be read, but cannot be modified.\n   *\n   * @readonly\n   * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n   */\n  @Prop({ reflect: true }) readOnly = false;\n\n  /**\n   * When `true`, the component must have a value in order for the form to submit.\n   *\n   * @mdn [required]https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required\n   */\n  @Prop({ reflect: true }) required = false;\n\n  /** Specifies if the component is resizable. */\n  @Prop({ reflect: true }) resize: \"both\" | \"horizontal\" | \"vertical\" | \"none\" = \"both\";\n\n  /**\n   * Specifies the component's number of rows.\n   *\n   * @mdn [rows](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows)\n   */\n  @Prop({ reflect: true }) rows: number;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: \"l\" | \"m\" | \"s\" = \"m\";\n\n  /** Specifies the status of the input field, which determines message and icons. */\n  @Prop({ reflect: true }) status: Status = \"idle\";\n\n  /** The component's value. */\n  @Prop({ mutable: true }) value = \"\";\n\n  /**\n   * Specifies the wrapping mechanism for the text.\n   *\n   * @mdn [wrap](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-wrap)\n   */\n  @Prop({ reflect: true }) wrap: \"soft\" | \"hard\" = \"soft\";\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<TextAreaMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Emitters\n  //\n  //--------------------------------------------------------------------------\n  /**\n   * Fires each time a new `value` is typed.\n   */\n  @Event() calciteTextAreaInput: EventEmitter<void>;\n\n  /**\n   * Fires each time a new `value` is typed and committed.\n   */\n  @Event() calciteTextAreaChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLabel(this);\n    connectForm(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n    this.setTextAreaHeight();\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    this.resizeObserver?.disconnect();\n  }\n\n  render(): VNode {\n    const hasFooter = this.startSlotHasElements || this.endSlotHasElements || !!this.maxLength;\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <textarea\n            aria-describedby={this.guid}\n            aria-invalid={toAriaBoolean(this.isCharacterLimitExceeded())}\n            aria-label={getLabelText(this)}\n            autofocus={this.el.autofocus}\n            class={{\n              [CSS.readOnly]: this.readOnly,\n              [CSS.textAreaInvalid]: this.isCharacterLimitExceeded(),\n              [CSS.footerSlotted]: this.endSlotHasElements && this.startSlotHasElements,\n              [CSS.blockSizeFull]: !hasFooter,\n              [CSS.borderColor]: !hasFooter,\n            }}\n            cols={this.columns}\n            disabled={this.disabled}\n            name={this.name}\n            onChange={this.handleChange}\n            onInput={this.handleInput}\n            placeholder={this.placeholder}\n            readOnly={this.readOnly}\n            required={this.required}\n            rows={this.rows}\n            value={this.value}\n            wrap={this.wrap}\n            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n            ref={this.setTextAreaEl}\n          />\n          <span class={{ [CSS.content]: true }}>\n            <slot onSlotchange={this.contentSlotChangeHandler} />\n          </span>\n          <footer\n            class={{\n              [CSS.footer]: true,\n              [CSS.readOnly]: this.readOnly,\n              [CSS.hide]: !hasFooter,\n            }}\n            // eslint-disable-next-line react/jsx-sort-props -- auto-generated by @esri/calcite-components/enforce-ref-last-prop\n            ref={(el) => (this.footerEl = el as HTMLElement)}\n          >\n            <div\n              class={{\n                [CSS.container]: true,\n                [CSS.footerEndSlotOnly]: !this.startSlotHasElements && this.endSlotHasElements,\n              }}\n            >\n              <slot\n                name={SLOTS.footerStart}\n                onSlotchange={(event) =>\n                  (this.startSlotHasElements = slotChangeHasAssignedElement(event))\n                }\n              />\n              <slot\n                name={SLOTS.footerEnd}\n                onSlotchange={(event) =>\n                  (this.endSlotHasElements = slotChangeHasAssignedElement(event))\n                }\n              />\n            </div>\n            {this.renderCharacterLimit()}\n          </footer>\n          <HiddenFormInputSlot component={this} />\n          {this.isCharacterLimitExceeded() && (\n            <span aria-hidden={true} aria-live=\"polite\" class={CSS.assistiveText} id={this.guid}>\n              {this.replacePlaceHoldersInMessages()}\n            </span>\n          )}\n          {this.validationMessage && this.status === \"invalid\" ? (\n            <Validation\n              icon={this.validationIcon}\n              message={this.validationMessage}\n              scale={this.scale}\n              status={this.status}\n            />\n          ) : null}\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.textAreaEl.focus();\n  }\n\n  /** Selects the text of the component's `value`. */\n  @Method()\n  async selectText(): Promise<void> {\n    await componentLoaded(this);\n    this.textAreaEl.select();\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties/ State\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTextAreaElement;\n\n  defaultValue: TextArea[\"value\"];\n\n  footerEl: HTMLElement;\n\n  formEl: HTMLFormElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  textAreaEl: HTMLTextAreaElement;\n\n  @State() defaultMessages: TextAreaMessages;\n\n  @State() endSlotHasElements: boolean;\n\n  @State() startSlotHasElements: boolean;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  private guid = guid();\n\n  private localizedCharacterLengthObj: CharacterLengthObj;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  handleInput = (event: InputEvent): void => {\n    this.value = event.target[\"value\"];\n    this.calciteTextAreaInput.emit();\n  };\n\n  handleChange = (): void => {\n    this.calciteTextAreaChange.emit();\n  };\n\n  contentSlotChangeHandler = (): void => {\n    if (!this.value) {\n      const nodes = this.el.childNodes;\n      nodes.forEach((el) => {\n        if (el.nodeName === \"#text\") {\n          this.value = el.nodeValue.trim();\n        }\n      });\n    }\n  };\n\n  renderCharacterLimit = (): VNode | null => {\n    if (this.maxLength) {\n      this.localizedCharacterLengthObj = this.getLocalizedCharacterLength();\n      return (\n        <span class={CSS.characterLimit}>\n          <span class={{ [CSS.characterOverLimit]: this.isCharacterLimitExceeded() }}>\n            {this.localizedCharacterLengthObj.currentLength}\n          </span>\n          {\"/\"}\n          {this.localizedCharacterLengthObj.maxLength}\n        </span>\n      );\n    }\n    return null;\n  };\n\n  getLocalizedCharacterLength(): CharacterLengthObj {\n    const currentLength = this.value ? this.value.length.toString() : \"0\";\n    const maxLength = this.maxLength.toString();\n    if (this.numberingSystem === \"latn\") {\n      return { currentLength, maxLength };\n    }\n\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      signDisplay: \"never\",\n      useGrouping: this.groupSeparator,\n    };\n    return {\n      currentLength: numberStringFormatter.localize(currentLength),\n      maxLength: numberStringFormatter.localize(maxLength),\n    };\n  }\n\n  resizeObserver = createObserver(\"resize\", async () => {\n    await componentLoaded(this);\n    const { textAreaHeight, textAreaWidth, elHeight, elWidth, footerHeight, footerWidth } =\n      this.getHeightAndWidthOfElements();\n    if (footerWidth > 0 && footerWidth !== textAreaWidth) {\n      this.footerEl.style.width = `${textAreaWidth}px`;\n    }\n    if (elWidth !== textAreaWidth || elHeight !== textAreaHeight + (footerHeight || 0)) {\n      this.setHeightAndWidthToAuto();\n    }\n  });\n\n  syncHiddenFormInput(input: HTMLInputElement): void {\n    input.setCustomValidity(\"\");\n    if (this.isCharacterLimitExceeded()) {\n      input.setCustomValidity(this.replacePlaceHoldersInMessages());\n    }\n\n    syncHiddenFormInput(\"textarea\", this, input);\n  }\n\n  setTextAreaEl = (el: HTMLTextAreaElement): void => {\n    this.textAreaEl = el;\n    this.resizeObserver.observe(el);\n  };\n\n  setTextAreaHeight(): void {\n    const { textAreaHeight, elHeight, footerHeight } = this.getHeightAndWidthOfElements();\n    if (footerHeight > 0 && textAreaHeight + footerHeight != elHeight) {\n      this.textAreaEl.style.height = `${elHeight - footerHeight}px`;\n    }\n  }\n\n  getHeightAndWidthOfElements(): {\n    textAreaHeight: number;\n    textAreaWidth: number;\n    elHeight: number;\n    elWidth: number;\n    footerHeight: number;\n    footerWidth: number;\n  } {\n    const { height: textAreaHeight, width: textAreaWidth } =\n      this.textAreaEl.getBoundingClientRect();\n    const { height: elHeight, width: elWidth } = this.el.getBoundingClientRect();\n    const { height: footerHeight, width: footerWidth } = this.footerEl?.getBoundingClientRect();\n\n    return {\n      textAreaHeight,\n      textAreaWidth,\n      elHeight,\n      elWidth,\n      footerHeight,\n      footerWidth,\n    };\n  }\n\n  private replacePlaceHoldersInMessages(): string {\n    return this.messages.tooLong\n      .replace(\"{maxLength}\", this.localizedCharacterLengthObj.maxLength)\n      .replace(\"{currentLength}\", this.localizedCharacterLengthObj.currentLength);\n  }\n\n  // height and width are set to auto here to avoid overlapping on to neighboring elements in the layout when user starts resizing.\n  // throttle is used to avoid flashing of textarea when user resizes.\n  private setHeightAndWidthToAuto = throttle(\n    (): void => {\n      if (this.resize === \"vertical\" || this.resize === \"both\") {\n        this.el.style.height = \"auto\";\n      }\n      if (this.resize === \"horizontal\" || this.resize === \"both\") {\n        this.el.style.width = \"auto\";\n      }\n    },\n    RESIZE_TIMEOUT,\n    { leading: false },\n  );\n\n  private isCharacterLimitExceeded(): boolean {\n    return this.value?.length > this.maxLength;\n  }\n}\n"],"mappings":";;;;;0tBAAO,MAAMA,EAAM,CACjBC,cAAe,iBACfC,eAAgB,kBAChBC,QAAS,UACTC,UAAW,YACXC,OAAQ,SACRC,eAAgB,mBAChBC,gBAAiB,qBACjBC,gBAAiB,qBACjBC,mBAAoB,wBACpBC,SAAU,WACVC,gBAAiB,qBACjBC,cAAe,kBACfC,YAAa,gBACbC,KAAM,OACNC,cAAe,mBACfC,kBAAmB,oBAGd,MAAMC,EAAQ,CACnBC,YAAa,eACbC,UAAW,cAGN,MAAMC,EAAiB,ICxB9B,MAAMC,EAAc,i6JACpB,MAAAC,EAAeD,E,MCkEFE,EAAQ,M,iJAuVXC,KAAAC,KAAOA,IAcfD,KAAAE,YAAeC,IACbH,KAAKI,MAAQD,EAAME,OAAO,SAC1BL,KAAKM,qBAAqBC,MAAM,EAGlCP,KAAAQ,aAAe,KACbR,KAAKS,sBAAsBF,MAAM,EAGnCP,KAAAU,yBAA2B,KACzB,IAAKV,KAAKI,MAAO,CACf,MAAMO,EAAQX,KAAKY,GAAGC,WACtBF,EAAMG,SAASF,IACb,GAAIA,EAAGG,WAAa,QAAS,CAC3Bf,KAAKI,MAAQQ,EAAGI,UAAUC,M,OAMlCjB,KAAAkB,qBAAuB,KACrB,GAAIlB,KAAKmB,UAAW,CAClBnB,KAAKoB,4BAA8BpB,KAAKqB,8BACxC,OACEC,EAAA,QAAMC,MAAO/C,EAAIE,gBACf4C,EAAA,QAAMC,MAAO,CAAE,CAAC/C,EAAIS,oBAAqBe,KAAKwB,6BAC3CxB,KAAKoB,4BAA4BK,eAEnC,IACAzB,KAAKoB,4BAA4BD,U,CAIxC,OAAO,IAAI,EAsBbnB,KAAA0B,eAAiBC,EAAe,UAAUC,gBAClCC,EAAgB7B,MACtB,MAAM8B,eAAEA,EAAcC,cAAEA,EAAaC,SAAEA,EAAQC,QAAEA,EAAOC,aAAEA,EAAYC,YAAEA,GACtEnC,KAAKoC,8BACP,GAAID,EAAc,GAAKA,IAAgBJ,EAAe,CACpD/B,KAAKqC,SAASC,MAAMC,MAAQ,GAAGR,K,CAEjC,GAAIE,IAAYF,GAAiBC,IAAaF,GAAkBI,GAAgB,GAAI,CAClFlC,KAAKwC,yB,KAaTxC,KAAAyC,cAAiB7B,IACfZ,KAAK0C,WAAa9B,EAClBZ,KAAK0B,eAAeiB,QAAQ/B,EAAG,EAyCzBZ,KAAAwC,wBAA0BI,GAChC,KACE,GAAI5C,KAAK6C,SAAW,YAAc7C,KAAK6C,SAAW,OAAQ,CACxD7C,KAAKY,GAAG0B,MAAMQ,OAAS,M,CAEzB,GAAI9C,KAAK6C,SAAW,cAAgB7C,KAAK6C,SAAW,OAAQ,CAC1D7C,KAAKY,GAAG0B,MAAMC,MAAQ,M,IAG1B3C,EACA,CAAEmD,QAAS,Q,qCA/buB,M,wCAaM,M,0PA4DN,M,cAOA,M,YAG2C,O,+BAU7B,I,YAGR,O,WAGT,G,UAOgB,O,0JA+LtB,E,CA/T3B,6BAAAC,GACEC,EAAYjD,K,CAwId,gBAAAkD,G,CAyBA,iBAAAC,GACEC,EAAmBpD,MACnBqD,EAAarD,MACbsD,EAAYtD,MACZuD,EAAiBvD,MACjBwD,EAAgBxD,K,CAGlB,uBAAMyD,GACJC,EAAuB1D,YACjB2D,EAAc3D,K,CAGtB,gBAAA4D,GACEC,EAAmB7D,K,CAGrB,kBAAA8D,GACEC,EAAsB/D,MACtBA,KAAKgE,mB,CAGP,oBAAAC,GACEC,EAAsBlE,MACtBmE,EAAgBnE,MAChBoE,EAAepE,MACfqE,EAAoBrE,MACpBsE,EAAmBtE,MACnBA,KAAK0B,gBAAgB6C,Y,CAGvB,MAAAC,GACE,MAAMC,EAAYzE,KAAK0E,sBAAwB1E,KAAK2E,sBAAwB3E,KAAKmB,UACjF,OACEG,EAACsD,EAAI,CAAAC,IAAA,4CACHvD,EAACwD,EAAoB,CAAAD,IAAA,2CAACE,SAAU/E,KAAK+E,UACnCzD,EAAA,YAAAuD,IAAA,8DACoB7E,KAAKC,KAAI,eACb+E,EAAchF,KAAKwB,4BAA2B,aAChDyD,EAAajF,MACzBkF,UAAWlF,KAAKY,GAAGsE,UACnB3D,MAAO,CACL,CAAC/C,EAAIU,UAAWc,KAAKd,SACrB,CAACV,EAAIW,iBAAkBa,KAAKwB,2BAC5B,CAAChD,EAAIY,eAAgBY,KAAK2E,oBAAsB3E,KAAK0E,qBACrD,CAAClG,EAAIe,gBAAiBkF,EACtB,CAACjG,EAAIa,cAAeoF,GAEtBU,KAAMnF,KAAKoF,QACXL,SAAU/E,KAAK+E,SACfM,KAAMrF,KAAKqF,KACXC,SAAUtF,KAAKQ,aACf+E,QAASvF,KAAKE,YACdsF,YAAaxF,KAAKwF,YAClBtG,SAAUc,KAAKd,SACfuG,SAAUzF,KAAKyF,SACfC,KAAM1F,KAAK0F,KACXtF,MAAOJ,KAAKI,MACZuF,KAAM3F,KAAK2F,KAEXC,IAAK5F,KAAKyC,gBAEZnB,EAAA,QAAAuD,IAAA,2CAAMtD,MAAO,CAAE,CAAC/C,EAAIG,SAAU,OAC5B2C,EAAA,QAAAuD,IAAA,2CAAMgB,aAAc7F,KAAKU,4BAE3BY,EAAA,UAAAuD,IAAA,2CACEtD,MAAO,CACL,CAAC/C,EAAIK,QAAS,KACd,CAACL,EAAIU,UAAWc,KAAKd,SACrB,CAACV,EAAIc,OAAQmF,GAGfmB,IAAMhF,GAAQZ,KAAKqC,SAAWzB,GAE9BU,EAAA,OAAAuD,IAAA,2CACEtD,MAAO,CACL,CAAC/C,EAAII,WAAY,KACjB,CAACJ,EAAIgB,oBAAqBQ,KAAK0E,sBAAwB1E,KAAK2E,qBAG9DrD,EAAA,QAAAuD,IAAA,2CACEQ,KAAM5F,EAAMC,YACZmG,aAAe1F,GACZH,KAAK0E,qBAAuBoB,EAA6B3F,KAG9DmB,EAAA,QAAAuD,IAAA,2CACEQ,KAAM5F,EAAME,UACZkG,aAAe1F,GACZH,KAAK2E,mBAAqBmB,EAA6B3F,MAI7DH,KAAKkB,wBAERI,EAACyE,EAAmB,CAAAlB,IAAA,2CAACmB,UAAWhG,OAC/BA,KAAKwB,4BACJF,EAAA,QAAAuD,IAAA,yDAAmB,KAAI,YAAY,SAAStD,MAAO/C,EAAIC,cAAewH,GAAIjG,KAAKC,MAC5ED,KAAKkG,iCAGTlG,KAAKmG,mBAAqBnG,KAAKoG,SAAW,UACzC9E,EAAC+E,EAAU,CACTC,KAAMtG,KAAKuG,eACXC,QAASxG,KAAKmG,kBACdM,MAAOzG,KAAKyG,MACZL,OAAQpG,KAAKoG,SAEb,M,CAcZ,cAAMM,SACEC,EAAmB3G,MACzBA,KAAK0C,WAAWkE,O,CAKlB,gBAAMC,SACEhF,EAAgB7B,MACtBA,KAAK0C,WAAWoE,Q,CA6BlB,qBAAAC,GACEC,EAAehH,KAAMA,KAAKiH,gB,CAa5B,YAAAC,GACElH,KAAK0G,U,CAuCP,2BAAArF,GACE,MAAMI,EAAgBzB,KAAKI,MAAQJ,KAAKI,MAAM+G,OAAOC,WAAa,IAClE,MAAMjG,EAAYnB,KAAKmB,UAAUiG,WACjC,GAAIpH,KAAKqH,kBAAoB,OAAQ,CACnC,MAAO,CAAE5F,gBAAeN,Y,CAG1BmG,EAAsBC,oBAAsB,CAC1CC,OAAQxH,KAAKiH,gBACbI,gBAAiBrH,KAAKqH,gBACtBI,YAAa,QACbC,YAAa1H,KAAK2H,gBAEpB,MAAO,CACLlG,cAAe6F,EAAsBM,SAASnG,GAC9CN,UAAWmG,EAAsBM,SAASzG,G,CAgB9C,mBAAA0G,CAAoBC,GAClBA,EAAMC,kBAAkB,IACxB,GAAI/H,KAAKwB,2BAA4B,CACnCsG,EAAMC,kBAAkB/H,KAAKkG,gC,CAG/B2B,EAAoB,WAAY7H,KAAM8H,E,CAQxC,iBAAA9D,GACE,MAAMlC,eAAEA,EAAcE,SAAEA,EAAQE,aAAEA,GAAiBlC,KAAKoC,8BACxD,GAAIF,EAAe,GAAKJ,EAAiBI,GAAgBF,EAAU,CACjEhC,KAAK0C,WAAWJ,MAAMQ,OAAS,GAAGd,EAAWE,K,EAIjD,2BAAAE,GAQE,MAAQU,OAAQhB,EAAgBS,MAAOR,GACrC/B,KAAK0C,WAAWsF,wBAClB,MAAQlF,OAAQd,EAAUO,MAAON,GAAYjC,KAAKY,GAAGoH,wBACrD,MAAQlF,OAAQZ,EAAcK,MAAOJ,GAAgBnC,KAAKqC,UAAU2F,wBAEpE,MAAO,CACLlG,iBACAC,gBACAC,WACAC,UACAC,eACAC,c,CAII,6BAAA+D,GACN,OAAOlG,KAAKiI,SAASC,QAClBC,QAAQ,cAAenI,KAAKoB,4BAA4BD,WACxDgH,QAAQ,kBAAmBnI,KAAKoB,4BAA4BK,c,CAkBzD,wBAAAD,GACN,OAAOxB,KAAKI,OAAO+G,OAASnH,KAAKmB,S"}

package/dist/calcite/p-8dc3b59b.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.13
- */
-import{d as e}from"./p-32c7bea3.js";import"./p-2f427372.js";import"./p-9ec689d7.js";import"./p-27d4e066.js";import"./p-3d9a5271.js";import"./p-cb8b6de4.js";import"./p-b87be568.js";import"./p-a2e4dfd0.js";import"./p-d2c75d86.js";import"./p-4f91ef0d.js";import"./p-5cdc67d3.js";import"./p-0bb800fd.js";import"./p-693a92b0.js";import"./p-e525e9d1.js";import"./p-0f120201.js";import"./p-8f7e450b.js";import"./p-047ef32d.js";import"./p-f21ab14f.js";import"./p-b49d6029.js";var i={name:"ro",weekdays:"Duminică_Luni_Marți_Miercuri_Joi_Vineri_Sâmbătă".split("_"),weekdaysShort:"Dum_Lun_Mar_Mie_Joi_Vin_Sâm".split("_"),weekdaysMin:"Du_Lu_Ma_Mi_Jo_Vi_Sâ".split("_"),months:"Ianuarie_Februarie_Martie_Aprilie_Mai_Iunie_Iulie_August_Septembrie_Octombrie_Noiembrie_Decembrie".split("_"),monthsShort:"Ian._Febr._Mart._Apr._Mai_Iun._Iul._Aug._Sept._Oct._Nov._Dec.".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:"peste %s",past:"acum %s",s:"câteva secunde",m:"un minut",mm:"%d minute",h:"o oră",hh:"%d ore",d:"o zi",dd:"%d zile",M:"o lună",MM:"%d luni",y:"un an",yy:"%d ani"},ordinal:function e(i){return i}};e.locale(i,null,true);export{i as default};
-//# sourceMappingURL=p-8dc3b59b.js.map

package/dist/calcite/p-8f7e450b.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.13
- */
-const t=(t,n,r)=>Math.max(n,Math.min(t,r));const n=new RegExp(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);const r=t=>{const r=(""+t).match(n);if(!r||parseInt(r[1])===0){return 0}return Math.max(0,(r[1]?r[1].length:0)-(r[2]?+r[2]:0))};function a(t){if(r(t)>0&&t>0){return parseFloat(`0.${t.toString().split(".")[1]}`)}return t}function e(t,n,r,a,e){return(t-n)*(e-a)/(r-n)+a}function s(t,n,r){return t<r?-1:t>n-r?1:0}export{s as a,t as c,r as d,a as g,e as r};
-//# sourceMappingURL=p-8f7e450b.js.map

package/dist/calcite/p-902a3635.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.13
- */
-import{d as e}from"./p-32c7bea3.js";import"./p-2f427372.js";import"./p-9ec689d7.js";import"./p-27d4e066.js";import"./p-3d9a5271.js";import"./p-cb8b6de4.js";import"./p-b87be568.js";import"./p-a2e4dfd0.js";import"./p-d2c75d86.js";import"./p-4f91ef0d.js";import"./p-5cdc67d3.js";import"./p-0bb800fd.js";import"./p-693a92b0.js";import"./p-e525e9d1.js";import"./p-0f120201.js";import"./p-8f7e450b.js";import"./p-047ef32d.js";import"./p-f21ab14f.js";import"./p-b49d6029.js";var m={name:"es-mx",weekdays:"domingo_lunes_martes_miércoles_jueves_viernes_sábado".split("_"),weekdaysShort:"dom._lun._mar._mié._jue._vie._sáb.".split("_"),weekdaysMin:"do_lu_ma_mi_ju_vi_sá".split("_"),months:"enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"),monthsShort:"ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_"),relativeTime:{future:"en %s",past:"hace %s",s:"unos segundos",m:"un minuto",mm:"%d minutos",h:"una hora",hh:"%d horas",d:"un día",dd:"%d días",M:"un mes",MM:"%d meses",y:"un año",yy:"%d años"},ordinal:function e(m){return m+"º"},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY H:mm",LLLL:"dddd, D [de] MMMM [de] YYYY H:mm"}};e.locale(m,null,true);export{m as default};
-//# sourceMappingURL=p-902a3635.js.map

package/dist/calcite/p-91b44acb.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.13
- */
-import{r as t,c as e,h as i,F as s,g as n}from"./p-2f427372.js";import{g as o}from"./p-413c6d11.js";import{t as a,d as r}from"./p-27d4e066.js";import{g as c}from"./p-3d9a5271.js";import{i as l}from"./p-d2c75d86.js";import{s as h,a as d,c as u}from"./p-0bb800fd.js";import{a as p,C as f,I as m,S as b}from"./p-002e58a6.js";import"./p-cb8b6de4.js";const x=":host{box-sizing:border-box;display:flex;flex-direction:column;font-size:var(--calcite-font-size-1);color:var(--calcite-color-text-2)}::slotted(calcite-action-group){border-block-end:1px solid var(--calcite-color-border-3)}::slotted(calcite-action-group:last-child){border-block-end:0}.default-trigger{position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}.menu{max-block-size:45vh;flex-direction:column;flex-wrap:nowrap;overflow-y:auto;overflow-x:hidden;outline:2px solid transparent;outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}";const g=x;const v=["ArrowUp","ArrowDown","End","Home"];const I=class{constructor(i){t(this,i);this.calciteActionMenuOpen=e(this,"calciteActionMenuOpen",6);this.actionElements=[];this.guid=`calcite-action-menu-${c()}`;this.menuId=`${this.guid}-menu`;this.menuButtonId=`${this.guid}-menu-button`;this.connectMenuButtonEl=()=>{const{menuButtonId:t,menuId:e,open:i,label:s}=this;const n=this.slottedMenuButtonEl||this.defaultMenuButtonEl;if(this.menuButtonEl===n){return}this.disconnectMenuButtonEl();this.menuButtonEl=n;this.setTooltipReferenceElement();if(!n){return}n.active=i;n.setAttribute("aria-controls",e);n.setAttribute("aria-expanded",a(i));n.setAttribute("aria-haspopup","true");if(!n.id){n.id=t}if(!n.label){n.label=s}if(!n.text){n.text=s}n.addEventListener("click",this.menuButtonClick);n.addEventListener("keydown",this.menuButtonKeyDown)};this.disconnectMenuButtonEl=()=>{const{menuButtonEl:t}=this;if(!t){return}t.removeEventListener("click",this.menuButtonClick);t.removeEventListener("keydown",this.menuButtonKeyDown)};this.setMenuButtonEl=t=>{const e=t.target.assignedElements({flatten:true}).filter((t=>t?.matches("calcite-action")));this.slottedMenuButtonEl=e[0];this.connectMenuButtonEl()};this.setDefaultMenuButtonEl=t=>{this.defaultMenuButtonEl=t;this.connectMenuButtonEl()};this.handleCalciteActionClick=()=>{this.open=false;this.setFocus()};this.menuButtonClick=()=>{this.toggleOpen()};this.updateTooltip=t=>{const e=t.target.assignedElements({flatten:true}).filter((t=>t?.matches("calcite-tooltip")));this.tooltipEl=e[0];this.setTooltipReferenceElement()};this.setTooltipReferenceElement=()=>{const{tooltipEl:t,expanded:e,menuButtonEl:i,open:s}=this;if(t){t.referenceElement=!e&&!s?i:null}};this.updateAction=(t,e)=>{const{guid:i,activeMenuItemIndex:s}=this;const n=`${i}-action-${e}`;t.tabIndex=-1;t.setAttribute("role","menuitem");if(!t.id){t.id=n}t.toggleAttribute(p,e===s)};this.updateActions=t=>{t?.forEach(this.updateAction)};this.handleDefaultSlotChange=t=>{const e=t.target.assignedElements({flatten:true}).reduce(((t,e)=>{if(e?.matches("calcite-action")){t.push(e);return t}if(e?.matches("calcite-action-group")){return t.concat(Array.from(e.querySelectorAll("calcite-action")))}return t}),[]);this.actionElements=e.filter((t=>!t.disabled&&!t.hidden))};this.menuButtonKeyDown=t=>{const{key:e}=t;const{actionElements:i,activeMenuItemIndex:s,open:n}=this;if(!i.length){return}if(l(e)){t.preventDefault();if(!n){this.toggleOpen();return}const e=i[s];e?e.click():this.toggleOpen(false)}if(e==="Tab"){this.open=false;return}if(e==="Escape"){this.toggleOpen(false);t.preventDefault();return}this.handleActionNavigation(t,e,i)};this.handleActionNavigation=(t,e,i)=>{if(!this.isValidKey(e,v)){return}t.preventDefault();if(!this.open){this.toggleOpen();if(e==="Home"||e==="ArrowDown"){this.activeMenuItemIndex=0}if(e==="End"||e==="ArrowUp"){this.activeMenuItemIndex=i.length-1}return}if(e==="Home"){this.activeMenuItemIndex=0}if(e==="End"){this.activeMenuItemIndex=i.length-1}const s=this.activeMenuItemIndex;if(e==="ArrowUp"){this.activeMenuItemIndex=o(Math.max(s-1,-1),i.length)}if(e==="ArrowDown"){this.activeMenuItemIndex=o(s+1,i.length)}};this.toggleOpenEnd=()=>{this.setFocus();this.el.removeEventListener("calcitePopoverOpen",this.toggleOpenEnd)};this.toggleOpen=(t=!this.open)=>{this.el.addEventListener("calcitePopoverOpen",this.toggleOpenEnd);this.open=t};this.handlePopoverOpen=()=>{this.open=true};this.handlePopoverClose=()=>{this.open=false};this.appearance="solid";this.expanded=false;this.flipPlacements=undefined;this.label=undefined;this.open=false;this.overlayPositioning="absolute";this.placement="auto";this.scale=undefined;this.menuButtonEl=undefined;this.activeMenuItemIndex=-1}connectedCallback(){this.connectMenuButtonEl()}componentWillLoad(){h(this)}componentDidLoad(){d(this)}disconnectedCallback(){this.disconnectMenuButtonEl()}expandedHandler(){this.open=false;this.setTooltipReferenceElement()}openHandler(t){this.activeMenuItemIndex=this.open?0:-1;if(this.menuButtonEl){this.menuButtonEl.active=t}this.calciteActionMenuOpen.emit();this.setTooltipReferenceElement()}activeMenuItemIndexHandler(){this.updateActions(this.actionElements)}async setFocus(){await u(this);return r(this.menuButtonEl)}renderMenuButton(){const{appearance:t,label:e,scale:s,expanded:n}=this;const o=i("slot",{name:b.trigger,onSlotchange:this.setMenuButtonEl},i("calcite-action",{appearance:t,class:f.defaultTrigger,icon:m.menu,scale:s,text:e,textEnabled:n,ref:this.setDefaultMenuButtonEl}));return o}renderMenuItems(){const{actionElements:t,activeMenuItemIndex:e,open:s,menuId:n,menuButtonEl:o,label:a,placement:r,overlayPositioning:c,flipPlacements:l}=this;const h=t[e];const d=h?.id||null;return i("calcite-popover",{autoClose:true,flipPlacements:l,focusTrapDisabled:true,label:a,offsetDistance:0,onCalcitePopoverClose:this.handlePopoverClose,onCalcitePopoverOpen:this.handlePopoverOpen,open:s,overlayPositioning:c,placement:r,pointerDisabled:true,referenceElement:o},i("div",{"aria-activedescendant":d,"aria-labelledby":o?.id,class:f.menu,id:n,onClick:this.handleCalciteActionClick,role:"menu",tabIndex:-1},i("slot",{onSlotchange:this.handleDefaultSlotChange})))}render(){return i(s,{key:"172df111e58778a1006253a0eb444e767ad2d12b"},this.renderMenuButton(),this.renderMenuItems(),i("slot",{key:"1df982aa86cbdd0c2c7d847e9b6f0a4d35b5ba15",name:b.tooltip,onSlotchange:this.updateTooltip}))}isValidKey(t,e){return!!e.find((e=>e===t))}get el(){return n(this)}static get watchers(){return{expanded:["expandedHandler"],open:["openHandler"],activeMenuItemIndex:["activeMenuItemIndexHandler"]}}};I.style=g;export{I as calcite_action_menu};
-//# sourceMappingURL=p-91b44acb.entry.js.map

package/dist/calcite/p-925a8b6b.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.13
- */
-const t=["date","datetime-local","month","number","range","time","week"];const e=["email","password","search","tel","text","url"];const n=["email","password","search","tel","text","textarea","url"];function s(t,e,n,s){const a=n.toLowerCase();const o=t[n];if(s&&o!=null){e.setAttribute(a,`${o}`)}else{e.removeAttribute(a)}}function a(a,o,c){c.type=a==="textarea"?"text":a;const r=t.includes(a);const l=o;s(l,c,"min",r);s(l,c,"max",r);s(l,c,"step",r);const m=n.includes(a);const i=o;s(i,c,"minLength",m);s(i,c,"maxLength",m);const x=e.includes(a);s(i,c,"pattern",x)}export{a as s};
-//# sourceMappingURL=p-925a8b6b.js.map

package/dist/calcite/p-95ab4368.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.13
- */
-import{r as e,c as t,h as i,F as n,g as a}from"./p-2f427372.js";import{c as s,d as o}from"./p-4d48de72.js";import{e as c,g as r,t as l}from"./p-27d4e066.js";import{c as d,d as h}from"./p-693a92b0.js";import{u as p,c as g,s as f,d as m}from"./p-047ef32d.js";import{H as u,c as x}from"./p-ecfc31da.js";import{c as b}from"./p-e525e9d1.js";import"./p-3d9a5271.js";import"./p-cb8b6de4.js";import"./p-d2c75d86.js";const v={container:"container",header:"header",heading:"heading",close:"close",imageFrame:"image-frame",content:"content",info:"info"};const y={close:"x"};const k={thumbnail:"thumbnail"};const z=":host{position:relative;margin:1rem;box-sizing:border-box;display:flex;flex-direction:row;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}.container{inline-size:100%;padding:1rem}:host([closed]),:host([closed]) .container{display:none}:host([selected]) .container{margin:0px;border-style:none;padding:0px}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.header{margin-block-end:0.5rem}.header .heading{padding:0px;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-color-text-1)}.container[hidden]{display:none}.content{display:flex}.info{padding-block:0px;padding-inline:1rem;inline-size:70%}.info:only-child{inline-size:100%;padding-inline:0px}::slotted(p){margin-block-start:0px}::slotted(a){outline-color:transparent;color:var(--calcite-color-brand)}::slotted(a: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          )}.image-frame{inline-size:25%}.image-frame img{max-inline-size:100%}::slotted(img){max-inline-size:100%}:host([hidden]){display:none}[hidden]{display:none}";const w=z;const C=class{constructor(i){e(this,i);this.calciteTipDismiss=t(this,"calciteTipDismiss",6);this.hideTip=()=>{this.closed=true;this.calciteTipDismiss.emit()};this.closed=false;this.closeDisabled=false;this.heading=undefined;this.headingLevel=undefined;this.selected=false;this.messages=undefined;this.messageOverrides=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}onMessagesChange(){}effectiveLocaleChange(){p(this,this.effectiveLocale)}connectedCallback(){s(this);d(this);g(this)}async componentWillLoad(){await f(this)}disconnectedCallback(){o(this);h(this);m(this)}renderHeader(){const{heading:e,headingLevel:t,el:n}=this;const a=n.closest("calcite-tip-manager")?.headingLevel;const s=a?x(a+1):null;const o=t||s;return e?i("header",{class:v.header},i(u,{class:v.heading,level:o},e)):null}renderDismissButton(){const{closeDisabled:e,hideTip:t}=this;return!e?i("calcite-action",{class:v.close,icon:y.close,onClick:t,scale:"l",text:this.messages.close}):null}renderImageFrame(){const{el:e}=this;return c(e,k.thumbnail)?i("div",{class:v.imageFrame,key:"thumbnail"},i("slot",{name:k.thumbnail})):null}renderInfoNode(){return i("div",{class:v.info},i("slot",null))}renderContent(){return i("div",{class:v.content},this.renderImageFrame(),this.renderInfoNode())}render(){return i(n,{key:"749020f12b027be101fb646c1ced23f17076dbc9"},i("article",{key:"ef88a48fb7f324b8cdcd3bea090f65bb758cc183",class:v.container},this.renderHeader(),this.renderContent()),this.renderDismissButton())}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};C.style=w;const L=":host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}::slotted(calcite-tip){margin:0px;border-style:none;max-inline-size:var(--calcite-tip-max-width)}:host([hidden]){display:none}[hidden]{display:none}";const j=L;const T=class{constructor(t){e(this,t);this.groupTitle=undefined}render(){return i("slot",{key:"5efa67a5ce14d3cb595d8e5d9000fcbc67563f70"})}};T.style=j;const H={header:"header",heading:"heading",close:"close",container:"container",tipContainer:"tip-container",tipContainerAdvancing:"tip-container--advancing",tipContainerRetreating:"tip-container--retreating",pagination:"pagination",pagePosition:"page-position",pageNext:"page-next",pagePrevious:"page-previous"};const I={chevronLeft:"chevron-left",chevronRight:"chevron-right",close:"x"};const D=":host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2);--calcite-tip-manager-height:19vh}:host *{box-sizing:border-box}:host([closed]){display:none}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.header{border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);padding-block:0px;padding-inline-end:0px;padding-inline-start:1rem}.header .heading{padding:0px;font-size:var(--calcite-font-size-1);line-height:1.5rem;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-1)}.container{position:relative;overflow:hidden;outline-color:transparent;min-block-size:150px}.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          )}.tip-container{margin-block-start:1px;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:1rem;outline-color:transparent;animation-name:none;animation-duration:var(--calcite-animation-timing);block-size:var(--calcite-tip-manager-height)}.tip-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          )}::slotted(calcite-tip){margin:0px;border-style:none;max-inline-size:var(--calcite-tip-max-width)}.tip-container--advancing{animation-name:tip-advance}.tip-container--retreating{animation-name:tip-retreat}.pagination{display:flex;align-items:center;justify-content:center;padding-inline:0px;padding-block:0.75rem 0.5rem}.page-position{margin-block:0px;margin-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}@keyframes tip-advance{0%{opacity:0;transform:translate3d(50px, 0, 0) scale(0.99)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}@keyframes tip-retreat{0%{opacity:0;transform:translate3d(-50px, 0, 0) scale(0.99)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}:host([hidden]){display:none}[hidden]{display:none}";const M=D;const _=class{constructor(i){e(this,i);this.calciteTipManagerClose=t(this,"calciteTipManagerClose",6);this.mutationObserver=b("mutation",(()=>this.setUpTips()));this.hideTipManager=()=>{this.closed=true;this.calciteTipManagerClose.emit()};this.previousClicked=()=>{this.previousTip()};this.nextClicked=()=>{this.nextTip()};this.tipManagerKeyDownHandler=e=>{if(e.target!==this.container){return}switch(e.key){case"ArrowRight":e.preventDefault();this.nextTip();break;case"ArrowLeft":e.preventDefault();this.previousTip();break;case"Home":e.preventDefault();this.selectedIndex=0;break;case"End":e.preventDefault();this.selectedIndex=this.total-1;break}};this.storeContainerRef=e=>{this.container=e};this.closed=false;this.headingLevel=undefined;this.messages=undefined;this.messageOverrides=undefined;this.selectedIndex=undefined;this.tips=undefined;this.total=undefined;this.direction=undefined;this.groupTitle=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}closedChangeHandler(){this.direction=null}onMessagesChange(){}selectedChangeHandler(){this.showSelectedTip();this.updateGroupTitle()}async effectiveLocaleChange(){await p(this,this.effectiveLocale);this.updateGroupTitle()}connectedCallback(){d(this);g(this);this.setUpTips();this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}async componentWillLoad(){await f(this);this.updateGroupTitle()}disconnectedCallback(){this.mutationObserver?.disconnect();h(this);m(this)}async nextTip(){this.direction="advancing";const e=this.selectedIndex+1;this.selectedIndex=(e+this.total)%this.total}async previousTip(){this.direction="retreating";const e=this.selectedIndex-1;this.selectedIndex=(e+this.total)%this.total}setUpTips(){const e=Array.from(this.el.querySelectorAll("calcite-tip"));this.total=e.length;if(this.total===0){return}const t=this.el.querySelector("calcite-tip[selected]");this.tips=e;this.selectedIndex=t?e.indexOf(t):0;e.forEach((e=>{e.closeDisabled=true}));this.showSelectedTip()}showSelectedTip(){this.tips.forEach(((e,t)=>{const i=this.selectedIndex===t;e.selected=i;e.hidden=!i}))}updateGroupTitle(){if(this.tips){const e=this.tips[this.selectedIndex];const t=e.closest("calcite-tip-group");this.groupTitle=t?.groupTitle||this.messages?.defaultGroupTitle}}renderPagination(){const e=r(this.el);const{selectedIndex:t,tips:n,total:a,messages:s}=this;const o=s.next;const c=s.previous;const l=s.defaultPaginationLabel;return n.length>1?i("footer",{class:H.pagination},i("calcite-action",{class:H.pagePrevious,icon:e==="ltr"?I.chevronLeft:I.chevronRight,onClick:this.previousClicked,scale:"m",text:c}),i("span",{class:H.pagePosition},`${l} ${t+1}/${a}`),i("calcite-action",{class:H.pageNext,icon:e==="ltr"?I.chevronRight:I.chevronLeft,onClick:this.nextClicked,scale:"m",text:o})):null}render(){const{closed:e,direction:t,headingLevel:n,groupTitle:a,selectedIndex:s,messages:o,total:c}=this;const r=o.close;if(c===0){return null}return i("section",{"aria-hidden":l(e),class:H.container,hidden:e,onKeyDown:this.tipManagerKeyDownHandler,tabIndex:0,ref:this.storeContainerRef},i("header",{class:H.header},i(u,{class:H.heading,level:n},a),i("calcite-action",{class:H.close,onClick:this.hideTipManager,scale:"m",text:r},i("calcite-icon",{icon:I.close,scale:"m"}))),i("div",{class:{[H.tipContainer]:true,[H.tipContainerAdvancing]:!e&&t==="advancing",[H.tipContainerRetreating]:!e&&t==="retreating"},key:s,tabIndex:0},i("slot",null)),this.renderPagination())}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{closed:["closedChangeHandler"],messageOverrides:["onMessagesChange"],selectedIndex:["selectedChangeHandler"],effectiveLocale:["effectiveLocaleChange"]}}};_.style=M;export{C as calcite_tip,T as calcite_tip_group,_ as calcite_tip_manager};
-//# sourceMappingURL=p-95ab4368.entry.js.map