@esri/calcite-components 1.0.0-next.656 → 1.0.0-next.657

package/dist/calcite/{p-fa1b35c4.entry.js → p-5093cd90.entry.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.656
+ * v1.0.0-next.657
  */
-import{r as t,c as i,h as a,g as e,F as n}from"./p-55655513.js";import{c}from"./p-6fac387b.js";import{f as o}from"./p-01c79118.js";import{c as r,d as s}from"./p-17d86fca.js";import{c as l,d as m,a as d,H as h}from"./p-335b3bf1.js";import{u as p}from"./p-f508029b.js";import{s as u,a as f,c as g}from"./p-16744135.js";import"./p-5d978279.js";import"./p-d1a8e52c.js";const b=class{constructor(a){t(this,a),this.calciteInternalOptionChange=i(this,"calciteInternalOptionChange",6),this.mutationObserver=c("mutation",(()=>{this.ensureTextContentDependentProps(),this.calciteInternalOptionChange.emit()})),this.disabled=!1,this.label=void 0,this.selected=void 0,this.value=void 0}handlePropChange(t,i,a){"label"!==a&&"value"!==a||this.ensureTextContentDependentProps(),this.calciteInternalOptionChange.emit()}ensureTextContentDependentProps(){const{el:{textContent:t}}=this;this.label&&this.label!==this.internallySetLabel||(this.label=t,this.internallySetLabel=t),this.value&&this.value!==this.internallySetValue||(this.value=t,this.internallySetValue=t)}connectedCallback(){this.ensureTextContentDependentProps(),this.mutationObserver?.observe(this.el,{attributeFilter:["label","value"],characterData:!0,childList:!0,subtree:!0})}disconnectedCallback(){this.mutationObserver?.disconnect()}render(){return a("slot",null,this.label)}get el(){return e(this)}static get watchers(){return{disabled:["handlePropChange"],label:["handlePropChange"],selected:["handlePropChange"],value:["handlePropChange"]}}};b.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}";const v=class{constructor(a){t(this,a),this.calciteInternalOptionGroupChange=i(this,"calciteInternalOptionGroupChange",6),this.disabled=!1,this.label=void 0}handlePropChange(){this.calciteInternalOptionGroupChange.emit()}render(){return a(n,null,a("div",null,this.label),a("slot",null))}static get watchers(){return{disabled:["handlePropChange"],label:["handlePropChange"]}}};v.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}";function y(t){return"CALCITE-OPTION"===t.tagName}const w=class{constructor(a){t(this,a),this.calciteSelectChange=i(this,"calciteSelectChange",6),this.componentToNativeEl=new Map,this.mutationObserver=c("mutation",(()=>this.populateInternalSelect())),this.handleInternalSelectChange=()=>{this.selectFromNativeOption(this.selectEl.selectedOptions[0]),requestAnimationFrame((()=>this.emitChangeEvent()))},this.populateInternalSelect=()=>{const t=Array.from(this.el.children).filter((t=>"CALCITE-OPTION"===t.tagName||"CALCITE-OPTION-GROUP"===t.tagName));this.clearInternalSelect(),t.forEach((t=>this.selectEl?.append(this.toNativeElement(t))))},this.storeSelectRef=t=>{this.selectEl=t,this.populateInternalSelect(),this.selectFromNativeOption(this.selectEl.selectedOptions[0])},this.emitChangeEvent=()=>{this.calciteSelectChange.emit()},this.disabled=!1,this.label=void 0,this.name=void 0,this.required=!1,this.scale="m",this.value=null,this.selectedOption=void 0,this.width="auto"}valueHandler(t){this.el.querySelectorAll("calcite-option").forEach((i=>i.selected=i.value===t))}selectedOptionHandler(t){this.value=t?.value}connectedCallback(){const{el:t}=this;this.mutationObserver?.observe(t,{subtree:!0,childList:!0}),r(this),l(this)}disconnectedCallback(){this.mutationObserver?.disconnect(),s(this),m(this)}componentWillLoad(){u(this)}componentDidLoad(){f(this),d(this,this.selectedOption?.value??"")}componentDidRender(){p(this)}async setFocus(){await g(this),o(this.selectEl)}handleOptionOrGroupChange(t){t.stopPropagation();const i=t.target,a=this.componentToNativeEl.get(i);a&&(this.updateNativeElement(i,a),y(i)&&i.selected&&(this.deselectAllExcept(i),this.selectedOption=i))}onLabelClick(){this.setFocus()}updateNativeElement(t,i){if(i.disabled=t.disabled,i.label=t.label,y(t)){const a=i;a.selected=t.selected,a.value=t.value,a.innerText=t.label}}clearInternalSelect(){this.componentToNativeEl.forEach((t=>t.remove())),this.componentToNativeEl.clear()}selectFromNativeOption(t){if(!t)return;let i;this.componentToNativeEl.forEach(((a,e)=>{y(e)&&a===t&&(e.selected=!0,i=e,this.deselectAllExcept(e))})),i&&(this.selectedOption=i)}toNativeElement(t){if(y(t)){const i=document.createElement("option");return this.updateNativeElement(t,i),this.componentToNativeEl.set(t,i),i}if(function(t){return"CALCITE-OPTION-GROUP"===t.tagName}(t)){const i=document.createElement("optgroup");return this.updateNativeElement(t,i),Array.from(t.children).forEach((a=>{const e=this.toNativeElement(a);i.append(e),this.componentToNativeEl.set(t,e)})),this.componentToNativeEl.set(t,i),i}throw new Error("unsupported element child provided")}deselectAllExcept(t){this.el.querySelectorAll("calcite-option").forEach((i=>{i!==t&&(i.selected=!1)}))}renderChevron(){return a("div",{class:"icon-container"},a("calcite-icon",{class:"icon",icon:"chevron-down",scale:"s"}))}render(){return a(n,null,a("select",{"aria-label":this.label,class:"select",disabled:this.disabled,onChange:this.handleInternalSelectChange,ref:this.storeSelectRef},a("slot",null)),this.renderChevron(),a(h,{component:this}))}get el(){return e(this)}static get watchers(){return{value:["valueHandler"],selectedOption:["selectedOptionHandler"]}}};w.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{position:relative;display:flex;align-items:stretch;inline-size:var(--select-width)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([scale=s]){block-size:1.5rem;--calcite-select-font-size:var(--calcite-font-size--2);--calcite-select-spacing-inline:0.5rem 2rem}:host([scale=s]) .icon-container{padding-inline:0.5rem}:host([scale=m]){block-size:2rem;--calcite-select-font-size:var(--calcite-font-size--1);--calcite-select-spacing-inline:0.75rem 2.5rem}:host([scale=m]) .icon-container{padding-inline:0.75rem}:host([scale=l]){block-size:44px;--calcite-select-font-size:var(--calcite-font-size-0);--calcite-select-spacing-inline:1rem 3rem}:host([scale=l]) .icon-container{padding-inline:1rem}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}.select{margin:0px;box-sizing:border-box;inline-size:100%;cursor:pointer;-webkit-appearance:none;appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:0px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);font-family:inherit;color:var(--calcite-ui-text-2);outline-color:transparent;font-size:var(--calcite-select-font-size);padding-inline:var(--calcite-select-spacing-inline);border-inline-end-width:0px}.select:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.select:hover{background-color:var(--calcite-ui-foreground-2)}select:disabled{border-color:var(--calcite-ui-border-input);--tw-bg-opacity:1}.icon-container{pointer-events:none;position:absolute;inset-block:0px;display:flex;align-items:center;border-width:0px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:transparent;color:var(--calcite-ui-text-2);inset-inline-end:0px;border-inline-width:0px 1px}.select:focus~.icon-container{border-color:transparent}::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}";export{b as calcite_option,v as calcite_option_group,w as calcite_select}
+import{r as t,c as i,h as a,g as e,F as n}from"./p-7cb5d8cd.js";import{c}from"./p-26dd4af1.js";import{f as o}from"./p-b574f974.js";import{c as r,d as s}from"./p-61aa27ea.js";import{c as l,d as m,a as d,H as h}from"./p-3221baaf.js";import{u as p}from"./p-15592f63.js";import{s as u,a as f,c as g}from"./p-07e367a3.js";import"./p-c549a324.js";import"./p-aec30122.js";const b=class{constructor(a){t(this,a),this.calciteInternalOptionChange=i(this,"calciteInternalOptionChange",6),this.mutationObserver=c("mutation",(()=>{this.ensureTextContentDependentProps(),this.calciteInternalOptionChange.emit()})),this.disabled=!1,this.label=void 0,this.selected=void 0,this.value=void 0}handlePropChange(t,i,a){"label"!==a&&"value"!==a||this.ensureTextContentDependentProps(),this.calciteInternalOptionChange.emit()}ensureTextContentDependentProps(){const{el:{textContent:t}}=this;this.label&&this.label!==this.internallySetLabel||(this.label=t,this.internallySetLabel=t),this.value&&this.value!==this.internallySetValue||(this.value=t,this.internallySetValue=t)}connectedCallback(){this.ensureTextContentDependentProps(),this.mutationObserver?.observe(this.el,{attributeFilter:["label","value"],characterData:!0,childList:!0,subtree:!0})}disconnectedCallback(){this.mutationObserver?.disconnect()}render(){return a("slot",null,this.label)}get el(){return e(this)}static get watchers(){return{disabled:["handlePropChange"],label:["handlePropChange"],selected:["handlePropChange"],value:["handlePropChange"]}}};b.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}";const v=class{constructor(a){t(this,a),this.calciteInternalOptionGroupChange=i(this,"calciteInternalOptionGroupChange",6),this.disabled=!1,this.label=void 0}handlePropChange(){this.calciteInternalOptionGroupChange.emit()}render(){return a(n,null,a("div",null,this.label),a("slot",null))}static get watchers(){return{disabled:["handlePropChange"],label:["handlePropChange"]}}};v.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}";function y(t){return"CALCITE-OPTION"===t.tagName}const w=class{constructor(a){t(this,a),this.calciteSelectChange=i(this,"calciteSelectChange",6),this.componentToNativeEl=new Map,this.mutationObserver=c("mutation",(()=>this.populateInternalSelect())),this.handleInternalSelectChange=()=>{this.selectFromNativeOption(this.selectEl.selectedOptions[0]),requestAnimationFrame((()=>this.emitChangeEvent()))},this.populateInternalSelect=()=>{const t=Array.from(this.el.children).filter((t=>"CALCITE-OPTION"===t.tagName||"CALCITE-OPTION-GROUP"===t.tagName));this.clearInternalSelect(),t.forEach((t=>this.selectEl?.append(this.toNativeElement(t))))},this.storeSelectRef=t=>{this.selectEl=t,this.populateInternalSelect(),this.selectFromNativeOption(this.selectEl.selectedOptions[0])},this.emitChangeEvent=()=>{this.calciteSelectChange.emit()},this.disabled=!1,this.label=void 0,this.name=void 0,this.required=!1,this.scale="m",this.value=null,this.selectedOption=void 0,this.width="auto"}valueHandler(t){this.el.querySelectorAll("calcite-option").forEach((i=>i.selected=i.value===t))}selectedOptionHandler(t){this.value=t?.value}connectedCallback(){const{el:t}=this;this.mutationObserver?.observe(t,{subtree:!0,childList:!0}),r(this),l(this)}disconnectedCallback(){this.mutationObserver?.disconnect(),s(this),m(this)}componentWillLoad(){u(this)}componentDidLoad(){f(this),d(this,this.selectedOption?.value??"")}componentDidRender(){p(this)}async setFocus(){await g(this),o(this.selectEl)}handleOptionOrGroupChange(t){t.stopPropagation();const i=t.target,a=this.componentToNativeEl.get(i);a&&(this.updateNativeElement(i,a),y(i)&&i.selected&&(this.deselectAllExcept(i),this.selectedOption=i))}onLabelClick(){this.setFocus()}updateNativeElement(t,i){if(i.disabled=t.disabled,i.label=t.label,y(t)){const a=i;a.selected=t.selected,a.value=t.value,a.innerText=t.label}}clearInternalSelect(){this.componentToNativeEl.forEach((t=>t.remove())),this.componentToNativeEl.clear()}selectFromNativeOption(t){if(!t)return;let i;this.componentToNativeEl.forEach(((a,e)=>{y(e)&&a===t&&(e.selected=!0,i=e,this.deselectAllExcept(e))})),i&&(this.selectedOption=i)}toNativeElement(t){if(y(t)){const i=document.createElement("option");return this.updateNativeElement(t,i),this.componentToNativeEl.set(t,i),i}if(function(t){return"CALCITE-OPTION-GROUP"===t.tagName}(t)){const i=document.createElement("optgroup");return this.updateNativeElement(t,i),Array.from(t.children).forEach((a=>{const e=this.toNativeElement(a);i.append(e),this.componentToNativeEl.set(t,e)})),this.componentToNativeEl.set(t,i),i}throw new Error("unsupported element child provided")}deselectAllExcept(t){this.el.querySelectorAll("calcite-option").forEach((i=>{i!==t&&(i.selected=!1)}))}renderChevron(){return a("div",{class:"icon-container"},a("calcite-icon",{class:"icon",icon:"chevron-down",scale:"s"}))}render(){return a(n,null,a("select",{"aria-label":this.label,class:"select",disabled:this.disabled,onChange:this.handleInternalSelectChange,ref:this.storeSelectRef},a("slot",null)),this.renderChevron(),a(h,{component:this}))}get el(){return e(this)}static get watchers(){return{value:["valueHandler"],selectedOption:["selectedOptionHandler"]}}};w.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{position:relative;display:flex;align-items:stretch;inline-size:var(--select-width)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([scale=s]){block-size:1.5rem;--calcite-select-font-size:var(--calcite-font-size--2);--calcite-select-spacing-inline:0.5rem 2rem}:host([scale=s]) .icon-container{padding-inline:0.5rem}:host([scale=m]){block-size:2rem;--calcite-select-font-size:var(--calcite-font-size--1);--calcite-select-spacing-inline:0.75rem 2.5rem}:host([scale=m]) .icon-container{padding-inline:0.75rem}:host([scale=l]){block-size:44px;--calcite-select-font-size:var(--calcite-font-size-0);--calcite-select-spacing-inline:1rem 3rem}:host([scale=l]) .icon-container{padding-inline:1rem}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}.select{margin:0px;box-sizing:border-box;inline-size:100%;cursor:pointer;-webkit-appearance:none;appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:0px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);font-family:inherit;color:var(--calcite-ui-text-2);outline-color:transparent;font-size:var(--calcite-select-font-size);padding-inline:var(--calcite-select-spacing-inline);border-inline-end-width:0px}.select:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.select:hover{background-color:var(--calcite-ui-foreground-2)}select:disabled{border-color:var(--calcite-ui-border-input);--tw-bg-opacity:1}.icon-container{pointer-events:none;position:absolute;inset-block:0px;display:flex;align-items:center;border-width:0px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:transparent;color:var(--calcite-ui-text-2);inset-inline-end:0px;border-inline-width:0px 1px}.select:focus~.icon-container{border-color:transparent}::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}";export{b as calcite_option,v as calcite_option_group,w as calcite_select}

package/dist/calcite/{p-a829425d.entry.js → p-56d3451a.entry.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.656
+ * v1.0.0-next.657
  */
-import{r as t,h as e,F as i,g as a,f as n}from"./p-55655513.js";import{g as o,a as l,i as c}from"./p-01c79118.js";import{c as r,d as s}from"./p-14f1db5a.js";import{c as d}from"./p-989dcc76.js";import"./p-5d978279.js";import"./p-d1a8e52c.js";import"./p-6fac387b.js";const h=class{constructor(e){t(this,e),this.contentBehind=!1}connectedCallback(){r(this)}disconnectedCallback(){s(this)}renderHeader(){return o(this.el,"header")?e("slot",{key:"header",name:"header"}):null}renderContent(){const t=e("slot",{key:"default-slot"}),i=e("slot",{key:"center-row-slot",name:"center-row"}),a="content-container";return this.contentBehind?[e("div",{class:{content:!0,"content--behind":!0},key:a},t),i]:[e("div",{class:"content",key:a},t,i)]}renderFooter(){return o(this.el,"footer")?e("div",{class:"footer",key:"footer"},e("slot",{name:"footer"})):null}renderMain(){return e("div",{class:"main"},e("slot",{name:"panel-start"}),this.renderContent(),e("slot",{name:"panel-end"}))}render(){return e(i,null,this.renderHeader(),this.renderMain(),this.renderFooter())}get el(){return a(this)}};h.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:host{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:absolute;inset:0px;display:flex;block-size:100%;inline-size:100%;flex-direction:column;overflow:hidden;--calcite-shell-tip-spacing:26vw}.main{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;flex-direction:row;justify-content:space-between;overflow:hidden}.content{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;overflow:auto}.content ::slotted(calcite-shell-center-row),.content ::slotted(calcite-panel),.content ::slotted(calcite-flow){flex:1 1 auto;align-self:stretch;max-block-size:unset}.content--behind{position:absolute;inset:0px;border-width:0px;z-index:calc(1 - 1);display:initial}::slotted(calcite-shell-center-row){inline-size:unset}::slotted(.header .heading){font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal)}slot[name=panel-end]::slotted(calcite-shell-panel){margin-inline-start:auto}::slotted(calcite-shell-panel),::slotted(calcite-shell-center-row){position:relative;z-index:1}::slotted(calcite-panel),::slotted(calcite-flow){border-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3)}slot[name=center-row]::slotted(calcite-shell-center-row:not([detached])){border-inline-start-width:1px;border-inline-end-width:1px;border-color:var(--calcite-ui-border-3)}::slotted(calcite-tip-manager){position:absolute;z-index:500;box-sizing:border-box}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}::slotted(calcite-tip-manager){animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);inset-block-end:0.5rem;inset-inline:var(--calcite-shell-tip-spacing)}";const p=class{constructor(e){t(this,e),this.detached=!1,this.heightScale="s",this.position="end"}connectedCallback(){r(this)}disconnectedCallback(){s(this)}render(){const{el:t}=this,a=e("div",{class:"content"},e("slot",null)),n=o(t,"action-bar"),l=[n?e("div",{class:"action-bar-container",key:"action-bar"},e("slot",{name:"action-bar"})):null,a];return"end"===n?.position&&l.reverse(),e(i,null,l)}get el(){return a(this)}};p.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:host{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:flex;flex:1 1 auto;overflow:hidden;background-color:transparent}.content{margin:0px;display:flex;block-size:100%;inline-size:100%;overflow:hidden;flex:1 0 0}.action-bar-container{display:flex}:host([detached]){margin-inline:0.5rem;margin-block:0.5rem 1.5rem}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}:host([detached]){animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;border-width:0px;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([position=end]){align-self:flex-end}:host([position=start]){align-self:flex-start}:host([height-scale=s]){block-size:33.333333%}:host([height-scale=m]){block-size:70%}:host([height-scale=l]){block-size:100%}:host([height-scale=l][detached]){block-size:calc(100% - 2rem)}::slotted(calcite-panel){block-size:100%;inline-size:100%}::slotted(calcite-action-bar),::slotted(calcite-action-bar[position=end]){border-inline-end:1px solid;border-color:var(--calcite-ui-border-3)}";const m=class{constructor(e){t(this,e),this.initialContentWidth=null,this.initialClientX=null,this.contentWidthMax=null,this.contentWidthMin=null,this.step=1,this.stepMultiplier=10,this.storeContentEl=t=>{this.contentEl=t},this.getKeyAdjustedWidth=t=>{const{key:e}=t,{el:i,step:a,stepMultiplier:n,contentWidthMin:o,contentWidthMax:c,initialContentWidth:r,position:s}=this,d=a*n;["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","PageUp","PageDown"].indexOf(e)>-1&&t.preventDefault();const h=["ArrowLeft","ArrowRight"],p="rtl"===l(i)&&h.includes(e)?-1:1;return"ArrowUp"===e||("end"===s?e===h[0]:e===h[1])?r+p*(t.shiftKey?d:a):"ArrowDown"===e||("end"===s?e===h[1]:e===h[0])?r-p*(t.shiftKey?d:a):"number"==typeof o&&"Home"===e?o:"number"==typeof c&&"End"===e?c:"PageDown"===e?r-d:"PageUp"===e?r+d:null},this.separatorKeyDown=t=>{this.setInitialContentWidth();const e=this.getKeyAdjustedWidth(t);"number"==typeof e&&this.setContentWidth(e)},this.separatorPointerMove=t=>{t.preventDefault();const{el:e,initialContentWidth:i,position:a,initialClientX:n}=this,o=t.clientX-n,c="rtl"===l(e)?-1:1;this.setContentWidth(i+("end"===a?-c*o:c*o))},this.separatorPointerUp=t=>{c(t)&&(t.preventDefault(),document.removeEventListener("pointerup",this.separatorPointerUp),document.removeEventListener("pointermove",this.separatorPointerMove))},this.setInitialContentWidth=()=>{this.initialContentWidth=this.contentEl?.getBoundingClientRect().width},this.separatorPointerDown=t=>{if(!c(t))return;t.preventDefault();const{separatorEl:e}=this;e&&document.activeElement!==e&&e.focus(),this.setInitialContentWidth(),this.initialClientX=t.clientX,document.addEventListener("pointerup",this.separatorPointerUp),document.addEventListener("pointermove",this.separatorPointerMove)},this.connectSeparator=t=>{this.disconnectSeparator(),this.separatorEl=t,t.addEventListener("pointerdown",this.separatorPointerDown)},this.disconnectSeparator=()=>{this.separatorEl?.removeEventListener("pointerdown",this.separatorPointerDown)},this.collapsed=!1,this.detached=!1,this.detachedHeightScale="l",this.widthScale="m",this.position=void 0,this.intlResize="Resize",this.resizable=!1,this.contentWidth=null}connectedCallback(){r(this)}disconnectedCallback(){s(this),this.disconnectSeparator()}componentDidLoad(){this.updateAriaValues()}renderHeader(){const{el:t}=this;return o(t,"header")?e("div",{class:"content__header",key:"header"},e("slot",{name:"header"})):null}render(){const{collapsed:t,detached:i,position:a,initialContentWidth:n,contentWidth:o,contentWidthMax:l,contentWidthMin:c,intlResize:r,resizable:s}=this,d=!i&&s,h=e("div",{class:{content:!0,"content--detached":i},hidden:t,key:"content",ref:this.storeContentEl,style:d&&o?{width:`${o}px`}:null},this.renderHeader(),e("div",{class:"content__body"},e("slot",null))),p=d?e("div",{"aria-label":r,"aria-orientation":"horizontal","aria-valuemax":l,"aria-valuemin":c,"aria-valuenow":o??n,class:"separator",key:"separator",onKeyDown:this.separatorKeyDown,ref:this.connectSeparator,role:"separator",tabIndex:0,"touch-action":"none"}):null,m=[e("slot",{key:"action-bar",name:"action-bar"}),h,p];return"end"===a&&m.reverse(),e("div",{class:{container:!0}},m)}setContentWidth(t){const{contentWidthMax:e,contentWidthMin:i}=this,a=Math.round(t);this.contentWidth="number"==typeof e&&"number"==typeof i?d(a,i,e):a}updateAriaValues(){const{contentEl:t}=this,e=t&&getComputedStyle(t);if(!e)return;const i=parseInt(e.getPropertyValue("max-width"),10),a=parseInt(e.getPropertyValue("min-width"),10),o=parseInt(e.getPropertyValue("width"),10);"number"!=typeof o||isNaN(o)||(this.initialContentWidth=o),"number"!=typeof i||isNaN(i)||(this.contentWidthMax=i),"number"!=typeof a||isNaN(a)||(this.contentWidthMin=a),n(this)}get el(){return a(this)}};m.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{pointer-events:none;display:flex;flex:0 1 auto;align-items:stretch;--calcite-shell-panel-detached-max-height:unset}.container{pointer-events:none;box-sizing:border-box;display:flex;flex:1 1 auto;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2)}.container *{box-sizing:border-box}:host(:hover) .separator:not(:hover):not(:focus),:host(:focus-within) .separator:not(:hover):not(:focus){opacity:1;background-color:var(--calcite-ui-border-3)}.separator{pointer-events:auto;position:absolute;inset-block:0px;display:flex;block-size:100%;inline-size:0.125rem;background-color:transparent;opacity:0;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;cursor:col-resize;outline:none}.separator:hover{opacity:1;background-color:var(--calcite-ui-border-2)}.separator:focus{background-color:var(--calcite-ui-brand);opacity:1}:host([position=start]) .separator{inset-inline-end:-2px}:host([position=end]) .separator{inset-inline-start:-2px}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%;inline-size:100%;flex:1 1 auto;max-block-size:unset;max-inline-size:unset}::slotted(.calcite-match-height){display:flex;flex:1 1 auto;overflow:hidden}.content{pointer-events:auto;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;align-self:stretch;background-color:var(--calcite-ui-background);padding:0px;inline-size:var(--calcite-shell-panel-width);max-inline-size:var(--calcite-shell-panel-max-width);min-inline-size:var(--calcite-shell-panel-min-width);transition:max-block-size var(--calcite-animation-timing), max-inline-size var(--calcite-animation-timing)}.content__header{display:flex;flex:0 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch}.content__body{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}:host([width-scale=s]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 12vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 300px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 150px)}:host([width-scale=m]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 20vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 420px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}:host([width-scale=l]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 45vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 680px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 340px)}:host([detached-height-scale=s]) .content--detached{--calcite-shell-panel-detached-max-height:40vh}:host([detached-height-scale=m]) .content--detached{--calcite-shell-panel-detached-max-height:60vh}:host([detached-height-scale=l]) .content--detached{--calcite-shell-panel-detached-max-height:80vh}.content--detached{margin-inline:0.5rem;margin-block:0.5rem auto;block-size:auto;overflow:hidden;border-radius:0.25rem;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);max-block-size:var(--calcite-shell-panel-detached-max-height)}.content--detached ::slotted(calcite-panel),.content--detached ::slotted(calcite-flow){max-block-size:unset}:host([position=start]) .content--detached ::slotted(calcite-panel),:host([position=start]) .content--detached ::slotted(calcite-flow),:host([position=end]) .content--detached ::slotted(calcite-panel),:host([position=end]) .content--detached ::slotted(calcite-flow){border-style:none}.content[hidden]{display:none}slot[name=action-bar]::slotted(calcite-action-bar),.content ::slotted(calcite-flow),.content ::slotted(calcite-panel:not([closed])){border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}:host([position=start]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start]) .content ::slotted(calcite-flow),:host([position=start]) .content ::slotted(calcite-panel){border-inline-start:none}:host([position=end]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end]) .content ::slotted(calcite-flow),:host([position=end]) .content ::slotted(calcite-panel){border-inline-end:none}";export{h as calcite_shell,p as calcite_shell_center_row,m as calcite_shell_panel}
+import{r as t,h as e,F as i,g as a,f as n}from"./p-7cb5d8cd.js";import{g as o,a as l,i as c}from"./p-b574f974.js";import{c as r,d as s}from"./p-4914040b.js";import{c as d}from"./p-e34afa14.js";import"./p-c549a324.js";import"./p-aec30122.js";import"./p-26dd4af1.js";const h=class{constructor(e){t(this,e),this.contentBehind=!1}connectedCallback(){r(this)}disconnectedCallback(){s(this)}renderHeader(){return o(this.el,"header")?e("slot",{key:"header",name:"header"}):null}renderContent(){const t=e("slot",{key:"default-slot"}),i=e("slot",{key:"center-row-slot",name:"center-row"}),a="content-container";return this.contentBehind?[e("div",{class:{content:!0,"content--behind":!0},key:a},t),i]:[e("div",{class:"content",key:a},t,i)]}renderFooter(){return o(this.el,"footer")?e("div",{class:"footer",key:"footer"},e("slot",{name:"footer"})):null}renderMain(){return e("div",{class:"main"},e("slot",{name:"panel-start"}),this.renderContent(),e("slot",{name:"panel-end"}))}render(){return e(i,null,this.renderHeader(),this.renderMain(),this.renderFooter())}get el(){return a(this)}};h.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:host{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:absolute;inset:0px;display:flex;block-size:100%;inline-size:100%;flex-direction:column;overflow:hidden;--calcite-shell-tip-spacing:26vw}.main{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;flex-direction:row;justify-content:space-between;overflow:hidden}.content{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;overflow:auto}.content ::slotted(calcite-shell-center-row),.content ::slotted(calcite-panel),.content ::slotted(calcite-flow){flex:1 1 auto;align-self:stretch;max-block-size:unset}.content--behind{position:absolute;inset:0px;border-width:0px;z-index:calc(1 - 1);display:initial}::slotted(calcite-shell-center-row){inline-size:unset}::slotted(.header .heading){font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal)}slot[name=panel-end]::slotted(calcite-shell-panel){margin-inline-start:auto}::slotted(calcite-shell-panel),::slotted(calcite-shell-center-row){position:relative;z-index:1}::slotted(calcite-panel),::slotted(calcite-flow){border-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3)}slot[name=center-row]::slotted(calcite-shell-center-row:not([detached])){border-inline-start-width:1px;border-inline-end-width:1px;border-color:var(--calcite-ui-border-3)}::slotted(calcite-tip-manager){position:absolute;z-index:500;box-sizing:border-box}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}::slotted(calcite-tip-manager){animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);inset-block-end:0.5rem;inset-inline:var(--calcite-shell-tip-spacing)}";const p=class{constructor(e){t(this,e),this.detached=!1,this.heightScale="s",this.position="end"}connectedCallback(){r(this)}disconnectedCallback(){s(this)}render(){const{el:t}=this,a=e("div",{class:"content"},e("slot",null)),n=o(t,"action-bar"),l=[n?e("div",{class:"action-bar-container",key:"action-bar"},e("slot",{name:"action-bar"})):null,a];return"end"===n?.position&&l.reverse(),e(i,null,l)}get el(){return a(this)}};p.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:host{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:flex;flex:1 1 auto;overflow:hidden;background-color:transparent}.content{margin:0px;display:flex;block-size:100%;inline-size:100%;overflow:hidden;flex:1 0 0}.action-bar-container{display:flex}:host([detached]){margin-inline:0.5rem;margin-block:0.5rem 1.5rem}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}:host([detached]){animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;border-width:0px;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([position=end]){align-self:flex-end}:host([position=start]){align-self:flex-start}:host([height-scale=s]){block-size:33.333333%}:host([height-scale=m]){block-size:70%}:host([height-scale=l]){block-size:100%}:host([height-scale=l][detached]){block-size:calc(100% - 2rem)}::slotted(calcite-panel){block-size:100%;inline-size:100%}::slotted(calcite-action-bar),::slotted(calcite-action-bar[position=end]){border-inline-end:1px solid;border-color:var(--calcite-ui-border-3)}";const m=class{constructor(e){t(this,e),this.initialContentWidth=null,this.initialClientX=null,this.contentWidthMax=null,this.contentWidthMin=null,this.step=1,this.stepMultiplier=10,this.storeContentEl=t=>{this.contentEl=t},this.getKeyAdjustedWidth=t=>{const{key:e}=t,{el:i,step:a,stepMultiplier:n,contentWidthMin:o,contentWidthMax:c,initialContentWidth:r,position:s}=this,d=a*n;["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","PageUp","PageDown"].indexOf(e)>-1&&t.preventDefault();const h=["ArrowLeft","ArrowRight"],p="rtl"===l(i)&&h.includes(e)?-1:1;return"ArrowUp"===e||("end"===s?e===h[0]:e===h[1])?r+p*(t.shiftKey?d:a):"ArrowDown"===e||("end"===s?e===h[1]:e===h[0])?r-p*(t.shiftKey?d:a):"number"==typeof o&&"Home"===e?o:"number"==typeof c&&"End"===e?c:"PageDown"===e?r-d:"PageUp"===e?r+d:null},this.separatorKeyDown=t=>{this.setInitialContentWidth();const e=this.getKeyAdjustedWidth(t);"number"==typeof e&&this.setContentWidth(e)},this.separatorPointerMove=t=>{t.preventDefault();const{el:e,initialContentWidth:i,position:a,initialClientX:n}=this,o=t.clientX-n,c="rtl"===l(e)?-1:1;this.setContentWidth(i+("end"===a?-c*o:c*o))},this.separatorPointerUp=t=>{c(t)&&(t.preventDefault(),document.removeEventListener("pointerup",this.separatorPointerUp),document.removeEventListener("pointermove",this.separatorPointerMove))},this.setInitialContentWidth=()=>{this.initialContentWidth=this.contentEl?.getBoundingClientRect().width},this.separatorPointerDown=t=>{if(!c(t))return;t.preventDefault();const{separatorEl:e}=this;e&&document.activeElement!==e&&e.focus(),this.setInitialContentWidth(),this.initialClientX=t.clientX,document.addEventListener("pointerup",this.separatorPointerUp),document.addEventListener("pointermove",this.separatorPointerMove)},this.connectSeparator=t=>{this.disconnectSeparator(),this.separatorEl=t,t.addEventListener("pointerdown",this.separatorPointerDown)},this.disconnectSeparator=()=>{this.separatorEl?.removeEventListener("pointerdown",this.separatorPointerDown)},this.collapsed=!1,this.detached=!1,this.detachedHeightScale="l",this.widthScale="m",this.position=void 0,this.intlResize="Resize",this.resizable=!1,this.contentWidth=null}connectedCallback(){r(this)}disconnectedCallback(){s(this),this.disconnectSeparator()}componentDidLoad(){this.updateAriaValues()}renderHeader(){const{el:t}=this;return o(t,"header")?e("div",{class:"content__header",key:"header"},e("slot",{name:"header"})):null}render(){const{collapsed:t,detached:i,position:a,initialContentWidth:n,contentWidth:o,contentWidthMax:l,contentWidthMin:c,intlResize:r,resizable:s}=this,d=!i&&s,h=e("div",{class:{content:!0,"content--detached":i},hidden:t,key:"content",ref:this.storeContentEl,style:d&&o?{width:`${o}px`}:null},this.renderHeader(),e("div",{class:"content__body"},e("slot",null))),p=d?e("div",{"aria-label":r,"aria-orientation":"horizontal","aria-valuemax":l,"aria-valuemin":c,"aria-valuenow":o??n,class:"separator",key:"separator",onKeyDown:this.separatorKeyDown,ref:this.connectSeparator,role:"separator",tabIndex:0,"touch-action":"none"}):null,m=[e("slot",{key:"action-bar",name:"action-bar"}),h,p];return"end"===a&&m.reverse(),e("div",{class:{container:!0}},m)}setContentWidth(t){const{contentWidthMax:e,contentWidthMin:i}=this,a=Math.round(t);this.contentWidth="number"==typeof e&&"number"==typeof i?d(a,i,e):a}updateAriaValues(){const{contentEl:t}=this,e=t&&getComputedStyle(t);if(!e)return;const i=parseInt(e.getPropertyValue("max-width"),10),a=parseInt(e.getPropertyValue("min-width"),10),o=parseInt(e.getPropertyValue("width"),10);"number"!=typeof o||isNaN(o)||(this.initialContentWidth=o),"number"!=typeof i||isNaN(i)||(this.contentWidthMax=i),"number"!=typeof a||isNaN(a)||(this.contentWidthMin=a),n(this)}get el(){return a(this)}};m.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{pointer-events:none;display:flex;flex:0 1 auto;align-items:stretch;--calcite-shell-panel-detached-max-height:unset}.container{pointer-events:none;box-sizing:border-box;display:flex;flex:1 1 auto;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2)}.container *{box-sizing:border-box}:host(:hover) .separator:not(:hover):not(:focus),:host(:focus-within) .separator:not(:hover):not(:focus){opacity:1;background-color:var(--calcite-ui-border-3)}.separator{pointer-events:auto;position:absolute;inset-block:0px;display:flex;block-size:100%;inline-size:0.125rem;background-color:transparent;opacity:0;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;cursor:col-resize;outline:none}.separator:hover{opacity:1;background-color:var(--calcite-ui-border-2)}.separator:focus{background-color:var(--calcite-ui-brand);opacity:1}:host([position=start]) .separator{inset-inline-end:-2px}:host([position=end]) .separator{inset-inline-start:-2px}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%;inline-size:100%;flex:1 1 auto;max-block-size:unset;max-inline-size:unset}::slotted(.calcite-match-height){display:flex;flex:1 1 auto;overflow:hidden}.content{pointer-events:auto;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;align-self:stretch;background-color:var(--calcite-ui-background);padding:0px;inline-size:var(--calcite-shell-panel-width);max-inline-size:var(--calcite-shell-panel-max-width);min-inline-size:var(--calcite-shell-panel-min-width);transition:max-block-size var(--calcite-animation-timing), max-inline-size var(--calcite-animation-timing)}.content__header{display:flex;flex:0 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch}.content__body{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}:host([width-scale=s]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 12vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 300px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 150px)}:host([width-scale=m]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 20vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 420px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}:host([width-scale=l]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 45vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 680px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 340px)}:host([detached-height-scale=s]) .content--detached{--calcite-shell-panel-detached-max-height:40vh}:host([detached-height-scale=m]) .content--detached{--calcite-shell-panel-detached-max-height:60vh}:host([detached-height-scale=l]) .content--detached{--calcite-shell-panel-detached-max-height:80vh}.content--detached{margin-inline:0.5rem;margin-block:0.5rem auto;block-size:auto;overflow:hidden;border-radius:0.25rem;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);max-block-size:var(--calcite-shell-panel-detached-max-height)}.content--detached ::slotted(calcite-panel),.content--detached ::slotted(calcite-flow){max-block-size:unset}:host([position=start]) .content--detached ::slotted(calcite-panel),:host([position=start]) .content--detached ::slotted(calcite-flow),:host([position=end]) .content--detached ::slotted(calcite-panel),:host([position=end]) .content--detached ::slotted(calcite-flow){border-style:none}.content[hidden]{display:none}slot[name=action-bar]::slotted(calcite-action-bar),.content ::slotted(calcite-flow),.content ::slotted(calcite-panel:not([closed])){border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}:host([position=start]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start]) .content ::slotted(calcite-flow),:host([position=start]) .content ::slotted(calcite-panel){border-inline-start:none}:host([position=end]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end]) .content ::slotted(calcite-flow),:host([position=end]) .content ::slotted(calcite-panel){border-inline-end:none}";export{h as calcite_shell,p as calcite_shell_center_row,m as calcite_shell_panel}

package/dist/calcite/{p-58559af7.js → p-583da49f.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.656
+ * v1.0.0-next.657
  */
-import{f as t,h as o}from"./p-55655513.js";import{a as e}from"./p-01c79118.js";import{S as n}from"./p-abcdba1d.js";import{S as a}from"./p-a3f27e1c.js";const i=150,c=t=>t.reduce(((t,o)=>t+o),0)/t.length,l=t=>{const o=t?.length;return{actionWidth:o?c(t.map((t=>t.clientWidth||0))):0,actionHeight:o?c(t.map((t=>t.clientHeight||0))):0}},r=({layout:t,actionCount:o,actionWidth:e,width:n,actionHeight:a,height:i,groupCount:c})=>Math.max(o-(({width:t,actionWidth:o,layout:e,height:n,actionHeight:a,groupCount:i})=>Math.floor((("horizontal"===e?t:n)-2*i)/("horizontal"===e?o:a)))({width:n,actionWidth:e,layout:t,height:i,actionHeight:a,groupCount:c}),0),s=t=>Array.from(t.querySelectorAll("calcite-action")).filter((t=>!t.closest("calcite-action-menu")||t.slot===n.trigger)),p=({actionGroups:o,expanded:e,overflowCount:n})=>{let i=n;o.reverse().forEach((o=>{let n=0;const c=s(o).reverse();c.forEach((t=>{t.slot===a.menuActions&&(t.removeAttribute("slot"),t.textEnabled=e)})),i>0&&c.some((t=>(c.filter((t=>!t.slot)).length>1&&c.length>2&&!t.closest("calcite-action-menu")&&(t.textEnabled=!0,t.setAttribute("slot",a.menuActions),n++,n>1&&i--),i<1))),t(o)}))};function h({parent:t,expanded:o}){s(t).filter((t=>t.slot!==a.menuActions)).forEach((t=>t.textEnabled=o)),t.querySelectorAll("calcite-action-group, calcite-action-menu").forEach((t=>t.expanded=o))}const d=({expanded:t,intlExpand:n,intlCollapse:a,toggle:i,el:c,position:l,tooltip:r,ref:s,scale:p})=>{const h="rtl"===e(c),d=t?a:n,u=["chevrons-left","chevrons-right"];h&&u.reverse();const f="end"===function(t,o){return t||o.closest("calcite-shell-panel")?.position||"start"}(l,c);return o("calcite-action",{icon:t?f?u[1]:u[0]:f?u[0]:u[1],onClick:i,ref:o=>(({tooltip:t,referenceElement:o,expanded:e,ref:n})=>(t&&(t.referenceElement=!e&&o?o:null),n&&n(o),o))({tooltip:r,referenceElement:o,expanded:t,ref:s}),scale:p,text:d,textEnabled:t})};export{d as E,p as a,r as b,l as g,i as o,s as q,h as t}
+import{f as t,h as o}from"./p-7cb5d8cd.js";import{a as e}from"./p-b574f974.js";import{S as n}from"./p-909d2d6c.js";import{S as a}from"./p-ee7b824c.js";const i=150,c=t=>t.reduce(((t,o)=>t+o),0)/t.length,l=t=>{const o=t?.length;return{actionWidth:o?c(t.map((t=>t.clientWidth||0))):0,actionHeight:o?c(t.map((t=>t.clientHeight||0))):0}},r=({layout:t,actionCount:o,actionWidth:e,width:n,actionHeight:a,height:i,groupCount:c})=>Math.max(o-(({width:t,actionWidth:o,layout:e,height:n,actionHeight:a,groupCount:i})=>Math.floor((("horizontal"===e?t:n)-2*i)/("horizontal"===e?o:a)))({width:n,actionWidth:e,layout:t,height:i,actionHeight:a,groupCount:c}),0),s=t=>Array.from(t.querySelectorAll("calcite-action")).filter((t=>!t.closest("calcite-action-menu")||t.slot===n.trigger)),p=({actionGroups:o,expanded:e,overflowCount:n})=>{let i=n;o.reverse().forEach((o=>{let n=0;const c=s(o).reverse();c.forEach((t=>{t.slot===a.menuActions&&(t.removeAttribute("slot"),t.textEnabled=e)})),i>0&&c.some((t=>(c.filter((t=>!t.slot)).length>1&&c.length>2&&!t.closest("calcite-action-menu")&&(t.textEnabled=!0,t.setAttribute("slot",a.menuActions),n++,n>1&&i--),i<1))),t(o)}))};function h({parent:t,expanded:o}){s(t).filter((t=>t.slot!==a.menuActions)).forEach((t=>t.textEnabled=o)),t.querySelectorAll("calcite-action-group, calcite-action-menu").forEach((t=>t.expanded=o))}const d=({expanded:t,intlExpand:n,intlCollapse:a,toggle:i,el:c,position:l,tooltip:r,ref:s,scale:p})=>{const h="rtl"===e(c),d=t?a:n,u=["chevrons-left","chevrons-right"];h&&u.reverse();const f="end"===function(t,o){return t||o.closest("calcite-shell-panel")?.position||"start"}(l,c);return o("calcite-action",{icon:t?f?u[1]:u[0]:f?u[0]:u[1],onClick:i,ref:o=>(({tooltip:t,referenceElement:o,expanded:e,ref:n})=>(t&&(t.referenceElement=!e&&o?o:null),n&&n(o),o))({tooltip:r,referenceElement:o,expanded:t,ref:s}),scale:p,text:d,textEnabled:t})};export{d as E,p as a,r as b,l as g,i as o,s as q,h as t}

package/dist/calcite/{p-1c590ab3.entry.js → p-5e6436cd.entry.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.656
+ * v1.0.0-next.657
  */
-import{r as t,c as i,h as e,F as a,g as n}from"./p-55655513.js";import{S as c,C as o,I as l,T as s}from"./p-55ce6b79.js";import{t as r}from"./p-01c79118.js";import{H as d}from"./p-0d693df7.js";import{S as h}from"./p-abcdba1d.js";import{u as m}from"./p-f508029b.js";import{c as p}from"./p-6fac387b.js";import{s as u,a as f,c as g}from"./p-16744135.js";import"./p-5d978279.js";import"./p-d1a8e52c.js";const b=class{constructor(e){t(this,e),this.calcitePanelClose=i(this,"calcitePanelClose",6),this.calcitePanelScroll=i(this,"calcitePanelScroll",6),this.resizeObserver=p("resize",(()=>this.resizeHandler())),this.resizeHandler=()=>{const{panelScrollEl:t}=this;t&&"number"==typeof t.scrollHeight&&"number"==typeof t.offsetHeight&&(t.tabIndex=t.scrollHeight>t.offsetHeight?0:-1)},this.setContainerRef=t=>{this.containerEl=t},this.setCloseRef=t=>{this.closeButtonEl=t},this.setBackRef=t=>{this.backButtonEl=t},this.panelKeyDownHandler=t=>{this.closable&&"Escape"===t.key&&!t.defaultPrevented&&(this.close(),t.preventDefault())},this.close=()=>{this.closed=!0,this.calcitePanelClose.emit()},this.panelScrollHandler=()=>{this.calcitePanelScroll.emit()},this.handleHeaderActionsStartSlotChange=t=>{const i=t.target.assignedElements({flatten:!0});this.hasStartActions=!!i.length},this.handleHeaderActionsEndSlotChange=t=>{const i=t.target.assignedElements({flatten:!0});this.hasEndActions=!!i.length},this.handleHeaderMenuActionsSlotChange=t=>{const i=t.target.assignedElements({flatten:!0});this.hasMenuItems=!!i.length},this.handleHeaderContentSlotChange=t=>{const i=t.target.assignedElements({flatten:!0});this.hasHeaderContent=!!i.length},this.handleFooterSlotChange=t=>{const i=t.target.assignedElements({flatten:!0});this.hasFooterContent=!!i.length},this.handleFooterActionsSlotChange=t=>{const i=t.target.assignedElements({flatten:!0});this.hasFooterActions=!!i.length},this.handleFabSlotChange=t=>{const i=t.target.assignedElements({flatten:!0});this.hasFab=!!i.length},this.setPanelScrollEl=t=>{this.panelScrollEl=t,this.resizeObserver?.disconnect(),t&&(this.resizeObserver?.observe(t),this.resizeHandler())},this.closed=!1,this.disabled=!1,this.closable=!1,this.headingLevel=void 0,this.heightScale=void 0,this.widthScale=void 0,this.loading=!1,this.intlClose=void 0,this.intlOptions=void 0,this.heading=void 0,this.description=void 0,this.menuOpen=!1,this.hasStartActions=!1,this.hasEndActions=!1,this.hasMenuItems=!1,this.hasHeaderContent=!1,this.hasFooterContent=!1,this.hasFooterActions=!1,this.hasFab=!1}componentWillLoad(){u(this)}componentDidLoad(){f(this)}componentDidRender(){m(this)}disconnectedCallback(){this.resizeObserver?.disconnect()}async setFocus(t){await g(this);const{backButtonEl:i,closeButtonEl:e,containerEl:a}=this;"back-button"!==t?"dismiss-button"!==t?i?i.setFocus():e?e.setFocus():a?.focus():e?.setFocus():i?.setFocus()}async scrollContentTo(t){this.panelScrollEl?.scrollTo(t)}renderHeaderContent(){const{heading:t,headingLevel:i,description:a,hasHeaderContent:n}=this,c=t?e(d,{class:o.heading,level:i},t):null,l=a?e("span",{class:o.description},a):null;return n||!c&&!l?null:e("div",{class:o.headerContent,key:"header-content"},c,l)}renderHeaderSlottedContent(){return e("div",{class:o.headerContent,hidden:!this.hasHeaderContent,key:"slotted-header-content"},e("slot",{name:c.headerContent,onSlotchange:this.handleHeaderContentSlotChange}))}renderHeaderStartActions(){const{hasStartActions:t}=this;return e("div",{class:{[o.headerActionsStart]:!0,[o.headerActions]:!0},hidden:!t,key:"header-actions-start"},e("slot",{name:c.headerActionsStart,onSlotchange:this.handleHeaderActionsStartSlotChange}))}renderHeaderActionsEnd(){const{close:t,hasEndActions:i,intlClose:a,closable:n}=this,r=a||s.close,d=n?e("calcite-action",{"aria-label":r,icon:l.close,onClick:t,ref:this.setCloseRef,text:r}):null,h=e("slot",{name:c.headerActionsEnd,onSlotchange:this.handleHeaderActionsEndSlotChange});return e("div",{class:{[o.headerActionsEnd]:!0,[o.headerActions]:!0},hidden:!(i||d),key:"header-actions-end"},h,d)}renderMenu(){const{hasMenuItems:t,intlOptions:i,menuOpen:a}=this;return e("calcite-action-menu",{flipPlacements:["top","bottom"],hidden:!t,key:"menu",label:i||s.options,open:a,placement:"bottom-end"},e("calcite-action",{icon:l.menu,slot:h.trigger,text:i||s.options}),e("slot",{name:c.headerMenuActions,onSlotchange:this.handleHeaderMenuActionsSlotChange}))}renderHeaderNode(){const{hasHeaderContent:t,hasStartActions:i,hasEndActions:a,closable:n,hasMenuItems:c}=this,l=this.renderHeaderContent();return e("header",{class:o.header,hidden:!(t||l||i||a||n||c)},this.renderHeaderStartActions(),this.renderHeaderSlottedContent(),l,this.renderHeaderActionsEnd(),this.renderMenu())}renderFooterNode(){const{hasFooterContent:t,hasFooterActions:i}=this;return e("footer",{class:o.footer,hidden:!(t||i)},e("slot",{key:"footer-slot",name:c.footer,onSlotchange:this.handleFooterSlotChange}),e("slot",{key:"footer-actions-slot",name:c.footerActions,onSlotchange:this.handleFooterActionsSlotChange}))}renderContent(){const{hasFab:t}=this,i=e("slot",{key:"default-slot"}),a=t?e("section",{class:o.contentContainer},i):i;return e("div",{class:{[o.contentWrapper]:!0,[o.contentContainer]:!t,[o.contentHeight]:t},onScroll:this.panelScrollHandler,ref:this.setPanelScrollEl},a,this.renderFab())}renderFab(){return e("div",{class:o.fabContainer,hidden:!this.hasFab},e("slot",{name:c.fab,onSlotchange:this.handleFabSlotChange}))}render(){const{loading:t,panelKeyDownHandler:i,closed:n,closable:c}=this,l=e("article",{"aria-busy":r(t),class:o.container,hidden:n,onKeyDown:i,ref:this.setContainerRef,tabIndex:c?0:-1},this.renderHeaderNode(),this.renderContent(),this.renderFooterNode());return e(a,null,t?e("calcite-scrim",{loading:t}):null,l)}get el(){return n(this)}};b.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:host{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{position:relative;display:flex;inline-size:100%;flex:1 1 auto;overflow:hidden;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3);--calcite-panel-max-height:unset;--calcite-panel-width:100%;--calcite-panel-min-width:unset;--calcite-panel-max-width:unset}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.container{margin:0px;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;background-color:var(--calcite-ui-background);padding:0px;max-block-size:var(--calcite-panel-max-height);inline-size:var(--calcite-panel-width);max-inline-size:var(--calcite-panel-max-width);min-inline-size:var(--calcite-panel-min-width);transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing)}:host([height-scale=s]){--calcite-panel-max-height:40vh}:host([height-scale=m]){--calcite-panel-max-height:60vh}:host([height-scale=l]){--calcite-panel-max-height:80vh}:host([width-scale=s]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 12vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 300px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 150px)}:host([width-scale=m]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 20vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 420px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}:host([width-scale=l]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 45vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 680px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 340px)}.container[hidden]{display:none}.header{border-block-end:1px solid;position:sticky;inset-block-start:0px;z-index:400;inline-size:100%;align-items:stretch;justify-content:flex-start;background-color:var(--calcite-ui-foreground-1);border-block-end-color:var(--calcite-ui-border-3);flex:0 0 auto}.header-content{display:flex;flex-direction:column;overflow:hidden;padding-inline:0.75rem;padding-block:0.875rem;margin-inline-end:auto}.header-content .heading,.header-content .description{display:block;overflow-wrap:break-word;padding:0px}.header-content .heading{margin-inline:0px;margin-block:0px 0.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-medium)}.header-content .heading:only-child{margin-block-end:0px}.header-content .description{font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2)}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3);border-inline-end-width:1px}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch}.header-actions--end{margin-inline-start:auto}.content-wrapper{overflow:auto}.content-height{block-size:100%}.content-container{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;background-color:var(--calcite-ui-background)}.footer{border-block-start:1px solid;position:sticky;inset-block-end:0px;display:flex;inline-size:100%;justify-content:space-evenly;background-color:var(--calcite-ui-foreground-1);border-block-start-color:var(--calcite-ui-border-3);flex:0 0 auto;min-block-size:3rem;padding:0.5rem}.fab-container{position:sticky;inset-block-end:0px;z-index:300;margin-block:0px;margin-inline:auto;display:block;padding:0.5rem;inset-inline:0;inline-size:-moz-fit-content;inline-size:fit-content}[hidden]{display:none}";export{b as calcite_panel}
+import{r as t,c as i,h as e,F as a,g as n}from"./p-7cb5d8cd.js";import{S as c,C as o,I as l,T as s}from"./p-c5ae5f80.js";import{t as r}from"./p-b574f974.js";import{H as d}from"./p-48847c67.js";import{S as h}from"./p-909d2d6c.js";import{u as m}from"./p-15592f63.js";import{c as p}from"./p-26dd4af1.js";import{s as u,a as f,c as g}from"./p-07e367a3.js";import"./p-c549a324.js";import"./p-aec30122.js";const b=class{constructor(e){t(this,e),this.calcitePanelClose=i(this,"calcitePanelClose",6),this.calcitePanelScroll=i(this,"calcitePanelScroll",6),this.resizeObserver=p("resize",(()=>this.resizeHandler())),this.resizeHandler=()=>{const{panelScrollEl:t}=this;t&&"number"==typeof t.scrollHeight&&"number"==typeof t.offsetHeight&&(t.tabIndex=t.scrollHeight>t.offsetHeight?0:-1)},this.setContainerRef=t=>{this.containerEl=t},this.setCloseRef=t=>{this.closeButtonEl=t},this.setBackRef=t=>{this.backButtonEl=t},this.panelKeyDownHandler=t=>{this.closable&&"Escape"===t.key&&!t.defaultPrevented&&(this.close(),t.preventDefault())},this.close=()=>{this.closed=!0,this.calcitePanelClose.emit()},this.panelScrollHandler=()=>{this.calcitePanelScroll.emit()},this.handleHeaderActionsStartSlotChange=t=>{const i=t.target.assignedElements({flatten:!0});this.hasStartActions=!!i.length},this.handleHeaderActionsEndSlotChange=t=>{const i=t.target.assignedElements({flatten:!0});this.hasEndActions=!!i.length},this.handleHeaderMenuActionsSlotChange=t=>{const i=t.target.assignedElements({flatten:!0});this.hasMenuItems=!!i.length},this.handleHeaderContentSlotChange=t=>{const i=t.target.assignedElements({flatten:!0});this.hasHeaderContent=!!i.length},this.handleFooterSlotChange=t=>{const i=t.target.assignedElements({flatten:!0});this.hasFooterContent=!!i.length},this.handleFooterActionsSlotChange=t=>{const i=t.target.assignedElements({flatten:!0});this.hasFooterActions=!!i.length},this.handleFabSlotChange=t=>{const i=t.target.assignedElements({flatten:!0});this.hasFab=!!i.length},this.setPanelScrollEl=t=>{this.panelScrollEl=t,this.resizeObserver?.disconnect(),t&&(this.resizeObserver?.observe(t),this.resizeHandler())},this.closed=!1,this.disabled=!1,this.closable=!1,this.headingLevel=void 0,this.heightScale=void 0,this.widthScale=void 0,this.loading=!1,this.intlClose=void 0,this.intlOptions=void 0,this.heading=void 0,this.description=void 0,this.menuOpen=!1,this.hasStartActions=!1,this.hasEndActions=!1,this.hasMenuItems=!1,this.hasHeaderContent=!1,this.hasFooterContent=!1,this.hasFooterActions=!1,this.hasFab=!1}componentWillLoad(){u(this)}componentDidLoad(){f(this)}componentDidRender(){m(this)}disconnectedCallback(){this.resizeObserver?.disconnect()}async setFocus(t){await g(this);const{backButtonEl:i,closeButtonEl:e,containerEl:a}=this;"back-button"!==t?"dismiss-button"!==t?i?i.setFocus():e?e.setFocus():a?.focus():e?.setFocus():i?.setFocus()}async scrollContentTo(t){this.panelScrollEl?.scrollTo(t)}renderHeaderContent(){const{heading:t,headingLevel:i,description:a,hasHeaderContent:n}=this,c=t?e(d,{class:o.heading,level:i},t):null,l=a?e("span",{class:o.description},a):null;return n||!c&&!l?null:e("div",{class:o.headerContent,key:"header-content"},c,l)}renderHeaderSlottedContent(){return e("div",{class:o.headerContent,hidden:!this.hasHeaderContent,key:"slotted-header-content"},e("slot",{name:c.headerContent,onSlotchange:this.handleHeaderContentSlotChange}))}renderHeaderStartActions(){const{hasStartActions:t}=this;return e("div",{class:{[o.headerActionsStart]:!0,[o.headerActions]:!0},hidden:!t,key:"header-actions-start"},e("slot",{name:c.headerActionsStart,onSlotchange:this.handleHeaderActionsStartSlotChange}))}renderHeaderActionsEnd(){const{close:t,hasEndActions:i,intlClose:a,closable:n}=this,r=a||s.close,d=n?e("calcite-action",{"aria-label":r,icon:l.close,onClick:t,ref:this.setCloseRef,text:r}):null,h=e("slot",{name:c.headerActionsEnd,onSlotchange:this.handleHeaderActionsEndSlotChange});return e("div",{class:{[o.headerActionsEnd]:!0,[o.headerActions]:!0},hidden:!(i||d),key:"header-actions-end"},h,d)}renderMenu(){const{hasMenuItems:t,intlOptions:i,menuOpen:a}=this;return e("calcite-action-menu",{flipPlacements:["top","bottom"],hidden:!t,key:"menu",label:i||s.options,open:a,placement:"bottom-end"},e("calcite-action",{icon:l.menu,slot:h.trigger,text:i||s.options}),e("slot",{name:c.headerMenuActions,onSlotchange:this.handleHeaderMenuActionsSlotChange}))}renderHeaderNode(){const{hasHeaderContent:t,hasStartActions:i,hasEndActions:a,closable:n,hasMenuItems:c}=this,l=this.renderHeaderContent();return e("header",{class:o.header,hidden:!(t||l||i||a||n||c)},this.renderHeaderStartActions(),this.renderHeaderSlottedContent(),l,this.renderHeaderActionsEnd(),this.renderMenu())}renderFooterNode(){const{hasFooterContent:t,hasFooterActions:i}=this;return e("footer",{class:o.footer,hidden:!(t||i)},e("slot",{key:"footer-slot",name:c.footer,onSlotchange:this.handleFooterSlotChange}),e("slot",{key:"footer-actions-slot",name:c.footerActions,onSlotchange:this.handleFooterActionsSlotChange}))}renderContent(){const{hasFab:t}=this,i=e("slot",{key:"default-slot"}),a=t?e("section",{class:o.contentContainer},i):i;return e("div",{class:{[o.contentWrapper]:!0,[o.contentContainer]:!t,[o.contentHeight]:t},onScroll:this.panelScrollHandler,ref:this.setPanelScrollEl},a,this.renderFab())}renderFab(){return e("div",{class:o.fabContainer,hidden:!this.hasFab},e("slot",{name:c.fab,onSlotchange:this.handleFabSlotChange}))}render(){const{loading:t,panelKeyDownHandler:i,closed:n,closable:c}=this,l=e("article",{"aria-busy":r(t),class:o.container,hidden:n,onKeyDown:i,ref:this.setContainerRef,tabIndex:c?0:-1},this.renderHeaderNode(),this.renderContent(),this.renderFooterNode());return e(a,null,t?e("calcite-scrim",{loading:t}):null,l)}get el(){return n(this)}};b.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:host{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{position:relative;display:flex;inline-size:100%;flex:1 1 auto;overflow:hidden;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3);--calcite-panel-max-height:unset;--calcite-panel-width:100%;--calcite-panel-min-width:unset;--calcite-panel-max-width:unset}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.container{margin:0px;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;background-color:var(--calcite-ui-background);padding:0px;max-block-size:var(--calcite-panel-max-height);inline-size:var(--calcite-panel-width);max-inline-size:var(--calcite-panel-max-width);min-inline-size:var(--calcite-panel-min-width);transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing)}:host([height-scale=s]){--calcite-panel-max-height:40vh}:host([height-scale=m]){--calcite-panel-max-height:60vh}:host([height-scale=l]){--calcite-panel-max-height:80vh}:host([width-scale=s]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 12vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 300px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 150px)}:host([width-scale=m]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 20vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 420px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}:host([width-scale=l]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 45vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 680px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 340px)}.container[hidden]{display:none}.header{border-block-end:1px solid;position:sticky;inset-block-start:0px;z-index:400;inline-size:100%;align-items:stretch;justify-content:flex-start;background-color:var(--calcite-ui-foreground-1);border-block-end-color:var(--calcite-ui-border-3);flex:0 0 auto}.header-content{display:flex;flex-direction:column;overflow:hidden;padding-inline:0.75rem;padding-block:0.875rem;margin-inline-end:auto}.header-content .heading,.header-content .description{display:block;overflow-wrap:break-word;padding:0px}.header-content .heading{margin-inline:0px;margin-block:0px 0.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-medium)}.header-content .heading:only-child{margin-block-end:0px}.header-content .description{font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2)}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3);border-inline-end-width:1px}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch}.header-actions--end{margin-inline-start:auto}.content-wrapper{overflow:auto}.content-height{block-size:100%}.content-container{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;background-color:var(--calcite-ui-background)}.footer{border-block-start:1px solid;position:sticky;inset-block-end:0px;display:flex;inline-size:100%;justify-content:space-evenly;background-color:var(--calcite-ui-foreground-1);border-block-start-color:var(--calcite-ui-border-3);flex:0 0 auto;min-block-size:3rem;padding:0.5rem}.fab-container{position:sticky;inset-block-end:0px;z-index:300;margin-block:0px;margin-inline:auto;display:block;padding:0.5rem;inset-inline:0;inline-size:-moz-fit-content;inline-size:fit-content}[hidden]{display:none}";export{b as calcite_panel}

package/dist/calcite/{p-9c7eabdf.entry.js → p-61131c27.entry.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.656
+ * v1.0.0-next.657
  */
-import{r as t,c as i,h as a,H as e,g as o}from"./p-55655513.js";import{g as s}from"./p-d1a8e52c.js";import{a as n,f as r,t as c}from"./p-01c79118.js";import{c as d,d as h,g as l}from"./p-17d86fca.js";import{c as u,d as m,H as p}from"./p-335b3bf1.js";import{g as f}from"./p-adb9bc5e.js";import{u as b}from"./p-f508029b.js";import{c as v,s as k,a as w}from"./p-16744135.js";import"./p-5d978279.js";const g=class{constructor(a){t(this,a),this.calciteInternalRadioButtonBlur=i(this,"calciteInternalRadioButtonBlur",6),this.calciteRadioButtonChange=i(this,"calciteRadioButtonChange",6),this.calciteInternalRadioButtonCheckedChange=i(this,"calciteInternalRadioButtonCheckedChange",6),this.calciteInternalRadioButtonFocus=i(this,"calciteInternalRadioButtonFocus",6),this.selectItem=(t,i)=>{t[i].click()},this.queryButtons=()=>Array.from(this.rootNode.querySelectorAll("calcite-radio-button:not([hidden])")).filter((t=>t.name===this.name)),this.isDefaultSelectable=()=>{const t=this.queryButtons();return!t.some((t=>t.checked))&&t[0]===this.el},this.check=()=>{this.disabled||(this.uncheckAllRadioButtonsInGroup(),this.checked=!0,this.focused=!0,this.calciteRadioButtonChange.emit(),this.setFocus())},this.clickHandler=()=>{this.check()},this.setContainerEl=t=>{this.containerEl=t},this.handleKeyDown=t=>{const{key:i}=t,{el:a}=this;if(-1===["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"," "].indexOf(i))return;if(" "===i)return this.check(),void t.preventDefault();let e=i;"rtl"===n(a)&&("ArrowRight"===i&&(e="ArrowLeft"),"ArrowLeft"===i&&(e="ArrowRight"));const o=Array.from(this.rootNode.querySelectorAll("calcite-radio-button:not([hidden]")).filter((t=>t.name===this.name));let s=0;const r=o.length;switch(o.some(((t,i)=>{if(t.checked)return s=i,!0})),e){case"ArrowLeft":case"ArrowUp":return t.preventDefault(),void this.selectItem(o,f(Math.max(s-1,-1),r));case"ArrowRight":case"ArrowDown":return t.preventDefault(),void this.selectItem(o,f(s+1,r));default:return}},this.onContainerBlur=()=>{this.focused=!1,this.calciteInternalRadioButtonBlur.emit()},this.onContainerFocus=()=>{this.disabled||(this.focused=!0,this.calciteInternalRadioButtonFocus.emit())},this.checked=!1,this.disabled=!1,this.focused=!1,this.guid=void 0,this.hidden=!1,this.hovered=!1,this.label=void 0,this.name=void 0,this.required=!1,this.scale="m",this.value=void 0}checkedChanged(t){t&&this.uncheckOtherRadioButtonsInGroup(),this.calciteInternalRadioButtonCheckedChange.emit()}nameChanged(){this.checkLastRadioButton()}async setFocus(){await v(this),this.disabled||r(this.containerEl)}onLabelClick(t){if(!this.disabled&&!this.hidden){this.uncheckOtherRadioButtonsInGroup();const i=t.currentTarget,a=i.for?this.rootNode.querySelector(`calcite-radio-button[id="${i.for}"]`):i.querySelector(`calcite-radio-button[name="${this.name}"]`);a&&(a.checked=!0,a.focused=!0),this.calciteRadioButtonChange.emit(),this.setFocus()}}checkLastRadioButton(){const t=this.queryButtons().filter((t=>t.checked));if(t?.length>1){const i=t[t.length-1];t.filter((t=>t!==i)).forEach((t=>{t.checked=!1,t.emitCheckedChange()}))}}async emitCheckedChange(){this.calciteInternalRadioButtonCheckedChange.emit()}uncheckAllRadioButtonsInGroup(){this.queryButtons().forEach((t=>{t.checked&&(t.checked=!1,t.focused=!1)}))}uncheckOtherRadioButtonsInGroup(){this.queryButtons().filter((t=>t.guid!==this.guid)).forEach((t=>{t.checked&&(t.checked=!1,t.focused=!1)}))}getTabIndex(){if(!this.disabled)return this.checked||this.isDefaultSelectable()?0:-1}mouseenter(){this.hovered=!0}mouseleave(){this.hovered=!1}connectedCallback(){this.rootNode=this.el.getRootNode(),this.guid=this.el.id||`calcite-radio-button-${s()}`,this.name&&this.checkLastRadioButton(),d(this),u(this)}componentWillLoad(){k(this)}componentDidLoad(){w(this),this.focused&&!this.disabled&&this.setFocus()}disconnectedCallback(){h(this),m(this)}componentDidRender(){b(this)}render(){const t=this.getTabIndex();return a(e,{onClick:this.clickHandler,onKeyDown:this.handleKeyDown},a("div",{"aria-checked":c(this.checked),"aria-label":l(this),class:"container",onBlur:this.onContainerBlur,onFocus:this.onContainerFocus,ref:this.setContainerEl,role:"radio",tabIndex:t},a("div",{class:"radio"})),a(p,{component:this}))}get el(){return o(this)}static get watchers(){return{checked:["checkedChanged"],name:["nameChanged"]}}};g.style='@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:block;cursor:pointer}:host .container{position:relative;outline:2px solid transparent;outline-offset:2px}:host .radio{cursor:pointer;border-radius:9999px;background-color:var(--calcite-ui-foreground-1);outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input)}:host([hovered]) .radio,:host(:not([checked])[focused]:not([disabled])) .radio{box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}:host([focused]) .radio{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}:host([disabled]) .radio{cursor:default;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hovered][disabled]) .radio{box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input)}:host([scale=s]){--calcite-radio-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-radio-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-radio-size:var(--calcite-font-size-0)}.radio{block-size:var(--calcite-radio-size);max-inline-size:var(--calcite-radio-size);min-inline-size:var(--calcite-radio-size)}:host([scale=s][checked]) .radio,:host([hovered][scale=s][checked][disabled]) .radio{box-shadow:inset 0 0 0 4px var(--calcite-ui-brand)}:host([scale=s][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 4px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1)}:host([scale=m][checked]) .radio,:host([hovered][scale=m][checked][disabled]) .radio{box-shadow:inset 0 0 0 5px var(--calcite-ui-brand)}:host([scale=m][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 5px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1)}:host([scale=l][checked]) .radio,:host([hovered][scale=l][checked][disabled]) .radio{box-shadow:inset 0 0 0 6px var(--calcite-ui-brand)}:host([scale=l][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 6px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1)}@media (forced-colors: active){:host([checked]) .radio::after,:host([checked][disabled]) .radio::after{content:"";inline-size:var(--calcite-radio-size);block-size:var(--calcite-radio-size);background-color:windowText;display:block}}::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}';export{g as calcite_radio_button}
+import{r as t,c as i,h as a,H as e,g as o}from"./p-7cb5d8cd.js";import{g as s}from"./p-aec30122.js";import{a as n,f as r,t as c}from"./p-b574f974.js";import{c as d,d as h,g as l}from"./p-61aa27ea.js";import{c as u,d as m,H as p}from"./p-3221baaf.js";import{g as f}from"./p-dd823906.js";import{u as b}from"./p-15592f63.js";import{c as v,s as k,a as w}from"./p-07e367a3.js";import"./p-c549a324.js";const g=class{constructor(a){t(this,a),this.calciteInternalRadioButtonBlur=i(this,"calciteInternalRadioButtonBlur",6),this.calciteRadioButtonChange=i(this,"calciteRadioButtonChange",6),this.calciteInternalRadioButtonCheckedChange=i(this,"calciteInternalRadioButtonCheckedChange",6),this.calciteInternalRadioButtonFocus=i(this,"calciteInternalRadioButtonFocus",6),this.selectItem=(t,i)=>{t[i].click()},this.queryButtons=()=>Array.from(this.rootNode.querySelectorAll("calcite-radio-button:not([hidden])")).filter((t=>t.name===this.name)),this.isDefaultSelectable=()=>{const t=this.queryButtons();return!t.some((t=>t.checked))&&t[0]===this.el},this.check=()=>{this.disabled||(this.uncheckAllRadioButtonsInGroup(),this.checked=!0,this.focused=!0,this.calciteRadioButtonChange.emit(),this.setFocus())},this.clickHandler=()=>{this.check()},this.setContainerEl=t=>{this.containerEl=t},this.handleKeyDown=t=>{const{key:i}=t,{el:a}=this;if(-1===["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"," "].indexOf(i))return;if(" "===i)return this.check(),void t.preventDefault();let e=i;"rtl"===n(a)&&("ArrowRight"===i&&(e="ArrowLeft"),"ArrowLeft"===i&&(e="ArrowRight"));const o=Array.from(this.rootNode.querySelectorAll("calcite-radio-button:not([hidden]")).filter((t=>t.name===this.name));let s=0;const r=o.length;switch(o.some(((t,i)=>{if(t.checked)return s=i,!0})),e){case"ArrowLeft":case"ArrowUp":return t.preventDefault(),void this.selectItem(o,f(Math.max(s-1,-1),r));case"ArrowRight":case"ArrowDown":return t.preventDefault(),void this.selectItem(o,f(s+1,r));default:return}},this.onContainerBlur=()=>{this.focused=!1,this.calciteInternalRadioButtonBlur.emit()},this.onContainerFocus=()=>{this.disabled||(this.focused=!0,this.calciteInternalRadioButtonFocus.emit())},this.checked=!1,this.disabled=!1,this.focused=!1,this.guid=void 0,this.hidden=!1,this.hovered=!1,this.label=void 0,this.name=void 0,this.required=!1,this.scale="m",this.value=void 0}checkedChanged(t){t&&this.uncheckOtherRadioButtonsInGroup(),this.calciteInternalRadioButtonCheckedChange.emit()}nameChanged(){this.checkLastRadioButton()}async setFocus(){await v(this),this.disabled||r(this.containerEl)}onLabelClick(t){if(!this.disabled&&!this.hidden){this.uncheckOtherRadioButtonsInGroup();const i=t.currentTarget,a=i.for?this.rootNode.querySelector(`calcite-radio-button[id="${i.for}"]`):i.querySelector(`calcite-radio-button[name="${this.name}"]`);a&&(a.checked=!0,a.focused=!0),this.calciteRadioButtonChange.emit(),this.setFocus()}}checkLastRadioButton(){const t=this.queryButtons().filter((t=>t.checked));if(t?.length>1){const i=t[t.length-1];t.filter((t=>t!==i)).forEach((t=>{t.checked=!1,t.emitCheckedChange()}))}}async emitCheckedChange(){this.calciteInternalRadioButtonCheckedChange.emit()}uncheckAllRadioButtonsInGroup(){this.queryButtons().forEach((t=>{t.checked&&(t.checked=!1,t.focused=!1)}))}uncheckOtherRadioButtonsInGroup(){this.queryButtons().filter((t=>t.guid!==this.guid)).forEach((t=>{t.checked&&(t.checked=!1,t.focused=!1)}))}getTabIndex(){if(!this.disabled)return this.checked||this.isDefaultSelectable()?0:-1}mouseenter(){this.hovered=!0}mouseleave(){this.hovered=!1}connectedCallback(){this.rootNode=this.el.getRootNode(),this.guid=this.el.id||`calcite-radio-button-${s()}`,this.name&&this.checkLastRadioButton(),d(this),u(this)}componentWillLoad(){k(this)}componentDidLoad(){w(this),this.focused&&!this.disabled&&this.setFocus()}disconnectedCallback(){h(this),m(this)}componentDidRender(){b(this)}render(){const t=this.getTabIndex();return a(e,{onClick:this.clickHandler,onKeyDown:this.handleKeyDown},a("div",{"aria-checked":c(this.checked),"aria-label":l(this),class:"container",onBlur:this.onContainerBlur,onFocus:this.onContainerFocus,ref:this.setContainerEl,role:"radio",tabIndex:t},a("div",{class:"radio"})),a(p,{component:this}))}get el(){return o(this)}static get watchers(){return{checked:["checkedChanged"],name:["nameChanged"]}}};g.style='@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:block;cursor:pointer}:host .container{position:relative;outline:2px solid transparent;outline-offset:2px}:host .radio{cursor:pointer;border-radius:9999px;background-color:var(--calcite-ui-foreground-1);outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input)}:host([hovered]) .radio,:host(:not([checked])[focused]:not([disabled])) .radio{box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}:host([focused]) .radio{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}:host([disabled]) .radio{cursor:default;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hovered][disabled]) .radio{box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input)}:host([scale=s]){--calcite-radio-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-radio-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-radio-size:var(--calcite-font-size-0)}.radio{block-size:var(--calcite-radio-size);max-inline-size:var(--calcite-radio-size);min-inline-size:var(--calcite-radio-size)}:host([scale=s][checked]) .radio,:host([hovered][scale=s][checked][disabled]) .radio{box-shadow:inset 0 0 0 4px var(--calcite-ui-brand)}:host([scale=s][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 4px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1)}:host([scale=m][checked]) .radio,:host([hovered][scale=m][checked][disabled]) .radio{box-shadow:inset 0 0 0 5px var(--calcite-ui-brand)}:host([scale=m][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 5px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1)}:host([scale=l][checked]) .radio,:host([hovered][scale=l][checked][disabled]) .radio{box-shadow:inset 0 0 0 6px var(--calcite-ui-brand)}:host([scale=l][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 6px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1)}@media (forced-colors: active){:host([checked]) .radio::after,:host([checked][disabled]) .radio::after{content:"";inline-size:var(--calcite-radio-size);block-size:var(--calcite-radio-size);background-color:windowText;display:block}}::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}';export{g as calcite_radio_button}

package/dist/calcite/{p-17d86fca.js → p-61aa27ea.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.656
+ * v1.0.0-next.657
  */
-import{q as e,c as n}from"./p-01c79118.js";const t="calciteInternalLabelConnected",c="calciteInternaLabelDisconnected",a=new WeakMap,l=new WeakMap,o=new WeakMap,i=new Set;function s(t){const c=(t=>{const{id:c}=t,a=c&&e(t,{selector:`calcite-label[for="${c}"]`});if(a)return a;const l=n(t,"calcite-label");return!l||function(e,n){let t;const c="custom-element-ancestor-check",a=c=>{c.stopImmediatePropagation();const a=c.composedPath();t=a.slice(a.indexOf(n),a.indexOf(e))};return e.addEventListener(c,a,{once:!0}),n.dispatchEvent(new CustomEvent(c,{composed:!0,bubbles:!0})),e.removeEventListener(c,a),t.filter((t=>t!==n&&t!==e)).filter((e=>e.tagName?.includes("-"))).length>0}(l,t)?null:l})(t.el);if(a.has(c)||!c&&i.has(t))return;const s=f.bind(t);if(c){t.labelEl=c;const e=d.bind(t);a.set(t.labelEl,e),t.labelEl.addEventListener("calciteInternalLabelClick",e),i.delete(t),document.removeEventListener("calciteInternalLabelConnected",l.get(t)),o.set(t,s),document.addEventListener("calciteInternaLabelDisconnected",s)}else i.has(t)||(s(),document.removeEventListener("calciteInternaLabelDisconnected",o.get(t)))}function r(e){if(i.delete(e),document.removeEventListener("calciteInternalLabelConnected",l.get(e)),document.removeEventListener("calciteInternaLabelDisconnected",o.get(e)),l.delete(e),o.delete(e),!e.labelEl)return;const n=a.get(e.labelEl);e.labelEl.removeEventListener("calciteInternalLabelClick",n),a.delete(e.labelEl)}function u(e){return e.label||e.labelEl?.textContent?.trim()||""}function d(e){this.disabled||this.el.contains(e.detail.sourceEvent.target)||this.onLabelClick(e)}function b(){i.has(this)&&s(this)}function f(){i.add(this);const e=l.get(this)||b.bind(this);l.set(this,e),document.addEventListener("calciteInternalLabelConnected",e)}export{c as a,s as c,r as d,u as g,t as l}
+import{q as e,c as n}from"./p-b574f974.js";const t="calciteInternalLabelConnected",c="calciteInternaLabelDisconnected",a=new WeakMap,l=new WeakMap,o=new WeakMap,i=new Set;function s(t){const c=(t=>{const{id:c}=t,a=c&&e(t,{selector:`calcite-label[for="${c}"]`});if(a)return a;const l=n(t,"calcite-label");return!l||function(e,n){let t;const c="custom-element-ancestor-check",a=c=>{c.stopImmediatePropagation();const a=c.composedPath();t=a.slice(a.indexOf(n),a.indexOf(e))};return e.addEventListener(c,a,{once:!0}),n.dispatchEvent(new CustomEvent(c,{composed:!0,bubbles:!0})),e.removeEventListener(c,a),t.filter((t=>t!==n&&t!==e)).filter((e=>e.tagName?.includes("-"))).length>0}(l,t)?null:l})(t.el);if(a.has(c)||!c&&i.has(t))return;const s=f.bind(t);if(c){t.labelEl=c;const e=d.bind(t);a.set(t.labelEl,e),t.labelEl.addEventListener("calciteInternalLabelClick",e),i.delete(t),document.removeEventListener("calciteInternalLabelConnected",l.get(t)),o.set(t,s),document.addEventListener("calciteInternaLabelDisconnected",s)}else i.has(t)||(s(),document.removeEventListener("calciteInternaLabelDisconnected",o.get(t)))}function r(e){if(i.delete(e),document.removeEventListener("calciteInternalLabelConnected",l.get(e)),document.removeEventListener("calciteInternaLabelDisconnected",o.get(e)),l.delete(e),o.delete(e),!e.labelEl)return;const n=a.get(e.labelEl);e.labelEl.removeEventListener("calciteInternalLabelClick",n),a.delete(e.labelEl)}function u(e){return e.label||e.labelEl?.textContent?.trim()||""}function d(e){this.disabled||this.el.contains(e.detail.sourceEvent.target)||this.onLabelClick(e)}function b(){i.has(this)&&s(this)}function f(){i.add(this);const e=l.get(this)||b.bind(this);l.set(this,e),document.addEventListener("calciteInternalLabelConnected",e)}export{c as a,s as c,r as d,u as g,t as l}

package/dist/calcite/{p-e691c44f.entry.js → p-6632dc47.entry.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.656
+ * v1.0.0-next.657
  */
-import{r as a,c as t,h as i,g as n}from"./p-55655513.js";import{t as e}from"./p-01c79118.js";import{s as c,a as r,c as o}from"./p-16744135.js";import"./p-5d978279.js";import"./p-d1a8e52c.js";const l=class{constructor(i){a(this,i),this.calciteHandleNudge=t(this,"calciteHandleNudge",6),this.handleKeyDown=a=>{switch(a.key){case" ":this.activated=!this.activated,a.preventDefault();break;case"ArrowUp":case"ArrowDown":if(!this.activated)return;a.preventDefault();const t=a.key.toLowerCase().replace("arrow","");this.calciteHandleNudge.emit({handle:this.el,direction:t})}},this.handleBlur=()=>{this.activated=!1},this.activated=!1,this.textTitle="handle"}componentWillLoad(){c(this)}componentDidLoad(){r(this)}async setFocus(){await o(this),this.handleButton?.focus()}render(){return i("span",{"aria-pressed":e(this.activated),class:{handle:!0,"handle--activated":this.activated},onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,ref:a=>{this.handleButton=a},role:"button",tabindex:"0",title:this.textTitle},i("calcite-icon",{icon:"drag",scale:"s"}))}get el(){return n(this)}};l.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:flex}.handle{display:flex;cursor:move;align-items:center;justify-content:center;align-self:stretch;border-style:none;background-color:transparent;outline-color:transparent;color:var(--calcite-ui-border-input);padding-block:0.75rem;padding-inline:0.25rem;line-height:0}.handle:hover{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.handle:focus{color:var(--calcite-ui-text-1);outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.handle--activated{background-color:var(--calcite-ui-foreground-3);color:var(--calcite-ui-text-1)}.handle calcite-icon{color:inherit}";export{l as calcite_handle}
+import{r as a,c as t,h as i,g as n}from"./p-7cb5d8cd.js";import{t as e}from"./p-b574f974.js";import{s as c,a as r,c as o}from"./p-07e367a3.js";import"./p-c549a324.js";import"./p-aec30122.js";const l=class{constructor(i){a(this,i),this.calciteHandleNudge=t(this,"calciteHandleNudge",6),this.handleKeyDown=a=>{switch(a.key){case" ":this.activated=!this.activated,a.preventDefault();break;case"ArrowUp":case"ArrowDown":if(!this.activated)return;a.preventDefault();const t=a.key.toLowerCase().replace("arrow","");this.calciteHandleNudge.emit({handle:this.el,direction:t})}},this.handleBlur=()=>{this.activated=!1},this.activated=!1,this.textTitle="handle"}componentWillLoad(){c(this)}componentDidLoad(){r(this)}async setFocus(){await o(this),this.handleButton?.focus()}render(){return i("span",{"aria-pressed":e(this.activated),class:{handle:!0,"handle--activated":this.activated},onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,ref:a=>{this.handleButton=a},role:"button",tabindex:"0",title:this.textTitle},i("calcite-icon",{icon:"drag",scale:"s"}))}get el(){return n(this)}};l.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:flex}.handle{display:flex;cursor:move;align-items:center;justify-content:center;align-self:stretch;border-style:none;background-color:transparent;outline-color:transparent;color:var(--calcite-ui-border-input);padding-block:0.75rem;padding-inline:0.25rem;line-height:0}.handle:hover{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.handle:focus{color:var(--calcite-ui-text-1);outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.handle--activated{background-color:var(--calcite-ui-foreground-3);color:var(--calcite-ui-text-1)}.handle calcite-icon{color:inherit}";export{l as calcite_handle}

package/dist/calcite/{p-1f7f5082.js → p-6888806f.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.656
+ * v1.0.0-next.657
  */
 const t=new WeakMap;function i(t){t.propertyName===this.openTransitionProp&&t.target===this.transitionEl&&(this.open?this.onBeforeOpen():this.onBeforeClose())}function n(t){t.propertyName===this.openTransitionProp&&t.target===this.transitionEl&&(this.open?this.onOpen():this.onClose())}function s(s){if(o(s),s.transitionEl){const o=i.bind(s),a=n.bind(s);t.set(s,[s.transitionEl,o,a]),s.transitionEl.addEventListener("transitionstart",o),s.transitionEl.addEventListener("transitionend",a)}}function o(i){if(!t.has(i))return;const[n,s,o]=t.get(i);n.removeEventListener("transitionstart",s),n.removeEventListener("transitionend",o),t.delete(i)}export{s as c,o as d}

package/dist/calcite/{p-e1085e62.entry.js → p-68a90e8f.entry.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.656
+ * v1.0.0-next.657
  */
-import{r as t,c as i,h as a,g as s}from"./p-55655513.js";import{h as e,g as n}from"./p-01c79118.js";import{c,d as o,g as r}from"./p-17d86fca.js";import{c as l}from"./p-6fac387b.js";import{u as h}from"./p-f508029b.js";import{s as d,a as p,c as m}from"./p-16744135.js";import"./p-5d978279.js";import"./p-d1a8e52c.js";const b=class{constructor(a){t(this,a),this.calciteInlineEditableEditCancel=i(this,"calciteInlineEditableEditCancel",6),this.calciteInlineEditableEditConfirm=i(this,"calciteInlineEditableEditConfirm",6),this.calciteInternalInlineEditableEnableEditingChange=i(this,"calciteInternalInlineEditableEnableEditingChange",6),this.mutationObserver=l("mutation",(()=>this.mutationObserverCallback())),this.enableEditing=()=>{this.valuePriorToEditing=this.inputElement?.value,this.editingEnabled=!0,this.inputElement?.setFocus(),this.calciteInternalInlineEditableEnableEditingChange.emit()},this.disableEditing=()=>{this.editingEnabled=!1},this.cancelEditing=()=>{this.inputElement&&(this.inputElement.value=this.valuePriorToEditing),this.disableEditing(),this.enableEditingButton.setFocus(),!this.editingEnabled&&this.shouldEmitCancel&&this.calciteInlineEditableEditCancel.emit()},this.escapeKeyHandler=async t=>{t.defaultPrevented||("Escape"===t.key&&(t.preventDefault(),this.cancelEditing()),"Tab"===t.key&&this.shouldShowControls&&(t.shiftKey||t.target!==this.inputElement||(t.preventDefault(),this.cancelEditingButton.setFocus()),t.shiftKey&&t.target===this.cancelEditingButton&&(t.preventDefault(),this.inputElement?.setFocus())))},this.cancelEditingHandler=async t=>{t.preventDefault(),this.cancelEditing()},this.enableEditingHandler=async t=>{this.disabled||t.target===this.cancelEditingButton||t.target===this.confirmEditingButton||(t.preventDefault(),this.editingEnabled||this.enableEditing())},this.confirmChangesHandler=async t=>{t.preventDefault(),this.calciteInlineEditableEditConfirm.emit();try{this.afterConfirm&&(this.loading=!0,await this.afterConfirm(),this.disableEditing(),this.enableEditingButton.setFocus())}catch(t){}finally{this.loading=!1}},this.disabled=!1,this.editingEnabled=!1,this.loading=!1,this.controls=!1,this.intlEnableEditing="Click to edit",this.intlCancelEditing="Cancel",this.intlConfirmChanges="Save",this.scale=void 0,this.afterConfirm=void 0}disabledWatcher(t){this.inputElement&&(this.inputElement.disabled=t)}editingEnabledWatcher(t,i){this.inputElement&&(this.inputElement.editingEnabled=t),!t&&i&&(this.shouldEmitCancel=!0)}connectedCallback(){c(this),this.mutationObserver?.observe(this.el,{childList:!0}),this.mutationObserverCallback()}componentWillLoad(){d(this)}componentDidLoad(){p(this)}disconnectedCallback(){o(this),this.mutationObserver?.disconnect()}componentDidRender(){h(this)}render(){return a("div",{class:"wrapper",onClick:this.enableEditingHandler,onKeyDown:this.escapeKeyHandler},a("div",{class:"input-wrapper"},a("slot",null)),a("div",{class:"controls-wrapper"},a("calcite-button",{appearance:"transparent",class:"enable-editing-button",color:"neutral",disabled:this.disabled,iconStart:"pencil",label:this.intlEnableEditing,onClick:this.enableEditingHandler,ref:t=>this.enableEditingButton=t,scale:this.scale,style:{opacity:this.editingEnabled?"0":"1",width:this.editingEnabled?"0":"inherit"},type:"button"}),this.shouldShowControls&&[a("div",{class:"cancel-editing-button-wrapper"},a("calcite-button",{appearance:"transparent",class:"cancel-editing-button",color:"neutral",disabled:this.disabled,iconStart:"x",label:this.intlCancelEditing,onClick:this.cancelEditingHandler,ref:t=>this.cancelEditingButton=t,scale:this.scale,type:"button"})),a("calcite-button",{appearance:"solid",class:"confirm-changes-button",color:"blue",disabled:this.disabled,iconStart:"check",label:this.intlConfirmChanges,loading:this.loading,onClick:this.confirmChangesHandler,ref:t=>this.confirmEditingButton=t,scale:this.scale,type:"button"})]))}blurHandler(){this.controls||this.disableEditing()}async setFocus(){await m(this),this.editingEnabled?this.inputElement?.setFocus():this.enableEditingButton?.setFocus()}mutationObserverCallback(){this.updateSlottedInput(),this.scale=this.scale||this.inputElement?.scale||e(this.el,"scale",void 0)}onLabelClick(){this.setFocus()}updateSlottedInput(){const t=n(this.el,{matches:"calcite-input"});this.inputElement=t,t&&(this.inputElement.disabled=this.disabled,this.inputElement.label=this.inputElement.label||r(this))}get shouldShowControls(){return this.editingEnabled&&this.controls}get el(){return s(this)}static get watchers(){return{disabled:["disabledWatcher"],editingEnabled:["editingEnabledWatcher"]}}};b.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:block}:host([scale=s]) .controls-wrapper{block-size:1.5rem}:host([scale=m]) .controls-wrapper{block-size:2rem}:host([scale=l]) .controls-wrapper{block-size:2.75rem}:host(:not([editing-enabled]):not([disabled])) .wrapper:hover{background-color:var(--calcite-ui-foreground-2)}.wrapper{box-sizing:border-box;display:flex;justify-content:space-between;background-color:var(--calcite-ui-foreground-1);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.wrapper .input-wrapper{flex:1 1 0%}.controls-wrapper{display:flex}:host([disabled]) .cancel-editing-button-wrapper{border-color:var(--calcite-ui-border-2)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";export{b as calcite_inline_editable}
+import{r as t,c as i,h as a,g as s}from"./p-7cb5d8cd.js";import{h as e,g as n}from"./p-b574f974.js";import{c,d as o,g as r}from"./p-61aa27ea.js";import{c as l}from"./p-26dd4af1.js";import{u as h}from"./p-15592f63.js";import{s as d,a as p,c as m}from"./p-07e367a3.js";import"./p-c549a324.js";import"./p-aec30122.js";const b=class{constructor(a){t(this,a),this.calciteInlineEditableEditCancel=i(this,"calciteInlineEditableEditCancel",6),this.calciteInlineEditableEditConfirm=i(this,"calciteInlineEditableEditConfirm",6),this.calciteInternalInlineEditableEnableEditingChange=i(this,"calciteInternalInlineEditableEnableEditingChange",6),this.mutationObserver=l("mutation",(()=>this.mutationObserverCallback())),this.enableEditing=()=>{this.valuePriorToEditing=this.inputElement?.value,this.editingEnabled=!0,this.inputElement?.setFocus(),this.calciteInternalInlineEditableEnableEditingChange.emit()},this.disableEditing=()=>{this.editingEnabled=!1},this.cancelEditing=()=>{this.inputElement&&(this.inputElement.value=this.valuePriorToEditing),this.disableEditing(),this.enableEditingButton.setFocus(),!this.editingEnabled&&this.shouldEmitCancel&&this.calciteInlineEditableEditCancel.emit()},this.escapeKeyHandler=async t=>{t.defaultPrevented||("Escape"===t.key&&(t.preventDefault(),this.cancelEditing()),"Tab"===t.key&&this.shouldShowControls&&(t.shiftKey||t.target!==this.inputElement||(t.preventDefault(),this.cancelEditingButton.setFocus()),t.shiftKey&&t.target===this.cancelEditingButton&&(t.preventDefault(),this.inputElement?.setFocus())))},this.cancelEditingHandler=async t=>{t.preventDefault(),this.cancelEditing()},this.enableEditingHandler=async t=>{this.disabled||t.target===this.cancelEditingButton||t.target===this.confirmEditingButton||(t.preventDefault(),this.editingEnabled||this.enableEditing())},this.confirmChangesHandler=async t=>{t.preventDefault(),this.calciteInlineEditableEditConfirm.emit();try{this.afterConfirm&&(this.loading=!0,await this.afterConfirm(),this.disableEditing(),this.enableEditingButton.setFocus())}catch(t){}finally{this.loading=!1}},this.disabled=!1,this.editingEnabled=!1,this.loading=!1,this.controls=!1,this.intlEnableEditing="Click to edit",this.intlCancelEditing="Cancel",this.intlConfirmChanges="Save",this.scale=void 0,this.afterConfirm=void 0}disabledWatcher(t){this.inputElement&&(this.inputElement.disabled=t)}editingEnabledWatcher(t,i){this.inputElement&&(this.inputElement.editingEnabled=t),!t&&i&&(this.shouldEmitCancel=!0)}connectedCallback(){c(this),this.mutationObserver?.observe(this.el,{childList:!0}),this.mutationObserverCallback()}componentWillLoad(){d(this)}componentDidLoad(){p(this)}disconnectedCallback(){o(this),this.mutationObserver?.disconnect()}componentDidRender(){h(this)}render(){return a("div",{class:"wrapper",onClick:this.enableEditingHandler,onKeyDown:this.escapeKeyHandler},a("div",{class:"input-wrapper"},a("slot",null)),a("div",{class:"controls-wrapper"},a("calcite-button",{appearance:"transparent",class:"enable-editing-button",color:"neutral",disabled:this.disabled,iconStart:"pencil",label:this.intlEnableEditing,onClick:this.enableEditingHandler,ref:t=>this.enableEditingButton=t,scale:this.scale,style:{opacity:this.editingEnabled?"0":"1",width:this.editingEnabled?"0":"inherit"},type:"button"}),this.shouldShowControls&&[a("div",{class:"cancel-editing-button-wrapper"},a("calcite-button",{appearance:"transparent",class:"cancel-editing-button",color:"neutral",disabled:this.disabled,iconStart:"x",label:this.intlCancelEditing,onClick:this.cancelEditingHandler,ref:t=>this.cancelEditingButton=t,scale:this.scale,type:"button"})),a("calcite-button",{appearance:"solid",class:"confirm-changes-button",color:"blue",disabled:this.disabled,iconStart:"check",label:this.intlConfirmChanges,loading:this.loading,onClick:this.confirmChangesHandler,ref:t=>this.confirmEditingButton=t,scale:this.scale,type:"button"})]))}blurHandler(){this.controls||this.disableEditing()}async setFocus(){await m(this),this.editingEnabled?this.inputElement?.setFocus():this.enableEditingButton?.setFocus()}mutationObserverCallback(){this.updateSlottedInput(),this.scale=this.scale||this.inputElement?.scale||e(this.el,"scale",void 0)}onLabelClick(){this.setFocus()}updateSlottedInput(){const t=n(this.el,{matches:"calcite-input"});this.inputElement=t,t&&(this.inputElement.disabled=this.disabled,this.inputElement.label=this.inputElement.label||r(this))}get shouldShowControls(){return this.editingEnabled&&this.controls}get el(){return s(this)}static get watchers(){return{disabled:["disabledWatcher"],editingEnabled:["editingEnabledWatcher"]}}};b.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:block}:host([scale=s]) .controls-wrapper{block-size:1.5rem}:host([scale=m]) .controls-wrapper{block-size:2rem}:host([scale=l]) .controls-wrapper{block-size:2.75rem}:host(:not([editing-enabled]):not([disabled])) .wrapper:hover{background-color:var(--calcite-ui-foreground-2)}.wrapper{box-sizing:border-box;display:flex;justify-content:space-between;background-color:var(--calcite-ui-foreground-1);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.wrapper .input-wrapper{flex:1 1 0%}.controls-wrapper{display:flex}:host([disabled]) .cancel-editing-button-wrapper{border-color:var(--calcite-ui-border-2)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";export{b as calcite_inline_editable}

package/dist/calcite/{p-b22ebd10.entry.js → p-6eed9700.entry.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.656
+ * v1.0.0-next.657
  */
-import{r as t,c as i,h as e,H as s,g as n}from"./p-55655513.js";import{g as a}from"./p-d1a8e52c.js";import{i as o,g as r,b as c,n as l,u as h,c as u,d}from"./p-c69e76b6.js";import{c as m,d as p,g as f}from"./p-17d86fca.js";import{s as b,c as v,d as g,H as w}from"./p-335b3bf1.js";import{u as k}from"./p-f508029b.js";import{n as y,i as x}from"./p-87cf71f8.js";import{c as D,s as I,a as S}from"./p-16744135.js";import"./p-6fac387b.js";import"./p-01c79118.js";import"./p-5d978279.js";function M(t,i,e=!0){try{const s={hour:"2-digit",minute:"2-digit",timeZone:"UTC",numberingSystem:c(i)};return e&&(s.second="2-digit"),new Intl.DateTimeFormat(r(t),s)}catch(i){throw new Error(`Invalid locale supplied while attempting to create a DateTime formatter: ${t}`)}}function A(t){const i=t.toString();return t>=0&&t<=9?i.padStart(2,"0"):i}function C(t,i){if(!t||!i)return null;if("hourSuffix"===t){const t=i.indexOf(i.find((({type:t})=>"hour"===t))),e=i.indexOf(i.find((({type:t})=>"minute"===t))),s=i[t+1];return s&&"literal"===s.type&&e-t==2&&s.value?.trim()||null}if("minuteSuffix"===t){const t=i.indexOf(i.find((({type:t})=>"minute"===t))),e=i.indexOf(i.find((({type:t})=>"second"===t))),s=i[t+1];return s&&"literal"===s.type&&e-t==2&&s.value?.trim()||null}if("secondSuffix"===t){const t=i.indexOf(i.find((({type:t})=>"second"===t))),e=i[t+1];return e&&"literal"===e.type&&e.value?.trim()||null}return i.find((({type:i})=>"meridiem"==t?"dayPeriod"===i:i===t))?.value||null}function P(t){if(!t||t.startsWith(":")||t.endsWith(":"))return!1;const i=t.split(":");if(!(i.length>1&&i.length<4))return!1;const[e,s,n]=i,a=parseInt(i[0]),r=parseInt(i[1]),c=parseInt(i[2]),l=o(e)&&a>=0&&a<24,h=o(s)&&r>=0&&r<60,u=o(n)&&c>=0&&c<60;return!!(l&&h&&!n||l&&h&&u)||void 0}function z({value:t,part:i,locale:e,numberingSystem:s}){if(!function(t,i){if("meridiem"===i)return"AM"===t||"PM"===t;if(!o(t))return!1;const e=Number(t);return"hour"===i?e>=0&&e<24:e>=0&&e<60}(t,i))return;const n=parseInt(t),a=new Date(Date.UTC(0,0,0,"hour"===i?n:"meridiem"===i?"AM"===t?0:12:0,"minute"===i?n:0,"second"===i?n:0));return a?C(i,M(e,s).formatToParts(a)):void 0}function H({value:t,locale:i,numberingSystem:e,includeSeconds:s=!0}){if(!P(t))return null;const{hour:n,minute:a,second:o="0"}=L(t),r=new Date(Date.UTC(0,0,0,parseInt(n),parseInt(a),parseInt(o)));return M(i,e,s)?.format(r)||null}function $({value:t,locale:i,numberingSystem:e}){if(!P(t))return null;const{hour:s,minute:n,second:a="0"}=L(t),o=new Date(Date.UTC(0,0,0,parseInt(s),parseInt(n),parseInt(a)));if(o){const t=M(i,e).formatToParts(o);return{localizedHour:C("hour",t),localizedHourSuffix:C("hourSuffix",t),localizedMinute:C("minute",t),localizedMinuteSuffix:C("minuteSuffix",t),localizedSecond:C("second",t),localizedSecondSuffix:C("secondSuffix",t),localizedMeridiem:C("meridiem",t)}}return null}function _({value:t,locale:i,numberingSystem:e}){if(!P(t))return null;const{hour:s,minute:n,second:a="0"}=L(t),o=new Date(Date.UTC(0,0,0,parseInt(s),parseInt(n),parseInt(a)));return o?M(i,e).formatToParts(o):null}function L(t){if(P(t)){const[i,e,s]=t.split(":");return{hour:i,minute:e,second:s}}return{hour:null,minute:null,second:null}}const j=class{constructor(e){t(this,e),this.calciteInputTimePickerChange=i(this,"calciteInputTimePickerChange",7),this.internalValueChange=!1,this.previousValidValue=null,this.referenceElementId=`input-time-picker-${a()}`,this.calciteInternalInputBlurHandler=()=>{this.open=!1;const t=this.shouldIncludeSeconds(),{effectiveLocale:i,numberingSystem:e,value:s,calciteInputEl:n}=this;l.numberFormatOptions={locale:i,numberingSystem:e,useGrouping:!1};const a=H({value:l.delocalize(n.value),includeSeconds:t,locale:i,numberingSystem:e});this.setInputValue(a||H({value:s,locale:i,numberingSystem:e,includeSeconds:t}))},this.calciteInternalInputFocusHandler=t=>{this.readOnly||(this.open=!0,t.stopPropagation())},this.calciteInputInputHandler=t=>{const i=t.target;l.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:!1};const e=l.delocalize(i.value);this.setValue({value:e});const s=e.split("").map((t=>y.includes(t)?l.numberFormatter.format(Number(t)):t)).join("");this.setInputValue(s)},this.timePickerChangeHandler=t=>{t.stopPropagation(),this.setValue({value:t.target.value,origin:"time-picker"})},this.keyDownHandler=t=>{const{defaultPrevented:i,key:e}=t;i||("Enter"===e&&b(this)&&t.preventDefault(),"Escape"===e&&this.open&&(this.open=!1,t.preventDefault()))},this.setCalcitePopoverEl=t=>{this.popoverEl=t},this.setCalciteInputEl=t=>{this.calciteInputEl=t},this.setCalciteTimePickerEl=t=>{this.calciteTimePickerEl=t},this.setInputValue=t=>{this.calciteInputEl&&(this.calciteInputEl.value=t)},this.setValue=({value:t,origin:i="input"})=>{const e=this.value,s=function(t){if(!P(t))return null;const[i,e,s]=t.split(":"),n=A(parseInt(i)),a=A(parseInt(e));return s?`${n}:${a}:${A(parseInt(s))}`:`${n}:${a}`}(t),n=H({value:s,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,includeSeconds:this.shouldIncludeSeconds()});this.internalValueChange="external"!==i&&"loading"!==i;const a="loading"!==i&&"external"!==i&&(t!==this.previousValidValue&&!t||!(this.previousValidValue||!s)||s!==this.previousValidValue&&s);t?(a&&(this.previousValidValue=s),s&&s!==this.value&&(this.value=s),this.localizedValue=n):(this.value=t,this.localizedValue=null),"time-picker"!==i&&"external"!==i||this.setInputValue(n),a&&(this.calciteInputTimePickerChange.emit().defaultPrevented?(this.internalValueChange=!1,this.value=e,this.setInputValue(e),this.previousValidValue=e):this.previousValidValue=s)},this.active=!1,this.open=!1,this.disabled=!1,this.readOnly=!1,this.intlHour=void 0,this.intlHourDown=void 0,this.intlHourUp=void 0,this.intlMeridiem=void 0,this.intlMeridiemDown=void 0,this.intlMeridiemUp=void 0,this.intlMinute=void 0,this.intlMinuteDown=void 0,this.intlMinuteUp=void 0,this.intlSecond=void 0,this.intlSecondDown=void 0,this.intlSecondUp=void 0,this.locale=void 0,this.name=void 0,this.numberingSystem=void 0,this.required=!1,this.scale="m",this.overlayPositioning="absolute",this.placement="auto",this.step=60,this.value=null,this.effectiveLocale="",this.localizedValue=void 0}activeHandler(t){this.open=t}openHandler(t){this.active=t,this.disabled||this.readOnly?this.open=!1:t&&this.reposition(!0)}handleDisabledAndReadOnlyChange(t){t||(this.open=!1)}localeChanged(){h(this)}valueWatcher(t){this.internalValueChange||this.setValue({value:t,origin:"external"}),this.internalValueChange=!1}effectiveLocaleWatcher(){this.setInputValue(H({value:this.value,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,includeSeconds:this.shouldIncludeSeconds()}))}clickHandler(t){t.composedPath().includes(this.calciteTimePickerEl)||this.setFocus()}timePickerBlurHandler(t){t.preventDefault(),t.stopPropagation(),this.open=!1}timePickerFocusHandler(t){t.preventDefault(),t.stopPropagation(),this.readOnly||(this.open=!0)}async setFocus(){await D(this),this.calciteInputEl?.setFocus()}async reposition(t=!1){this.popoverEl?.reposition(t)}onLabelClick(){this.setFocus()}shouldIncludeSeconds(){return this.step<60}connectedCallback(){u(this);const{active:t,open:i}=this;this.value&&this.setValue({value:P(this.value)?this.value:void 0,origin:"loading"}),m(this),v(this),i?this.active=i:t&&(this.open=t)}componentWillLoad(){I(this)}componentDidLoad(){S(this),this.setInputValue(this.localizedValue)}disconnectedCallback(){p(this),g(this),d(this)}componentDidRender(){k(this)}render(){const t=`${this.referenceElementId}-popover`;return e(s,{onKeyDown:this.keyDownHandler},e("div",{"aria-controls":t,"aria-haspopup":"dialog","aria-label":this.name,"aria-owns":t,id:this.referenceElementId,role:"combobox"},e("calcite-input",{disabled:this.disabled,icon:"clock",label:f(this),onCalciteInputInput:this.calciteInputInputHandler,onCalciteInternalInputBlur:this.calciteInternalInputBlurHandler,onCalciteInternalInputFocus:this.calciteInternalInputFocusHandler,readOnly:this.readOnly,ref:this.setCalciteInputEl,scale:this.scale,step:this.step})),e("calcite-popover",{disableFocusTrap:!0,id:t,label:"Time Picker",open:this.open,overlayPositioning:this.overlayPositioning,placement:this.placement,ref:this.setCalcitePopoverEl,referenceElement:this.referenceElementId,triggerDisabled:!0},e("calcite-time-picker",{intlHour:this.intlHour,intlHourDown:this.intlHourDown,intlHourUp:this.intlHourUp,intlMeridiem:this.intlMeridiem,intlMeridiemDown:this.intlMeridiemDown,intlMeridiemUp:this.intlMeridiemUp,intlMinute:this.intlMinute,intlMinuteDown:this.intlMinuteDown,intlMinuteUp:this.intlMinuteUp,intlSecond:this.intlSecond,intlSecondDown:this.intlSecondDown,intlSecondUp:this.intlSecondUp,numberingSystem:this.numberingSystem,onCalciteInternalTimePickerChange:this.timePickerChangeHandler,ref:this.setCalciteTimePickerEl,scale:this.scale,step:this.step,value:this.value})),e(w,{component:this}))}get el(){return n(this)}static get watchers(){return{active:["activeHandler"],open:["openHandler"],disabled:["handleDisabledAndReadOnlyChange"],readOnly:["handleDisabledAndReadOnlyChange"],locale:["localeChanged"],value:["valueWatcher"],effectiveLocale:["effectiveLocaleWatcher"]}}};j.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:inline-block;-webkit-user-select:none;user-select:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}::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}";const K={button:"button",buttonBottomLeft:"button--bottom-left",buttonBottomRight:"button--bottom-right",buttonHourDown:"button--hour-down",buttonHourUp:"button--hour-up",buttonMeridiemDown:"button--meridiem-down",buttonMeridiemUp:"button--meridiem-up",buttonMinuteDown:"button--minute-down",buttonMinuteUp:"button--minute-up",buttonSecondDown:"button--second-down",buttonSecondUp:"button--second-up",buttonTopLeft:"button--top-left",buttonTopRight:"button--top-right",column:"column",delimiter:"delimiter",hour:"hour",input:"input",meridiem:"meridiem",minute:"minute",second:"second",showMeridiem:"show-meridiem",showSecond:"show-second","scale-s":"scale-s","scale-m":"scale-m","scale-l":"scale-l",timePicker:"time-picker",meridiemStart:"meridiem--start"},U=class{constructor(e){t(this,e),this.calciteInternalTimePickerBlur=i(this,"calciteInternalTimePickerBlur",6),this.calciteInternalTimePickerChange=i(this,"calciteInternalTimePickerChange",6),this.calciteInternalTimePickerFocus=i(this,"calciteInternalTimePickerFocus",6),this.decrementHour=()=>{const t=this.hour?"00"===this.hour?23:parseInt(this.hour)-1:0;this.setValuePart("hour",t)},this.decrementMeridiem=()=>{this.setValuePart("meridiem","PM"===this.meridiem?"AM":"PM")},this.decrementMinuteOrSecond=t=>{let i;if(o(this[t])){const e=parseInt(this[t]);i=0===e?59:e-1}else i=59;this.setValuePart(t,i)},this.decrementMinute=()=>{this.decrementMinuteOrSecond("minute")},this.decrementSecond=()=>{this.decrementMinuteOrSecond("second")},this.focusHandler=t=>{this.activeEl=t.currentTarget},this.hourDownButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.decrementHour()},this.hourKeyDownHandler=t=>{const{key:i}=t;if(y.includes(i)){const t=parseInt(i);let e;if(o(this.hour))switch(this.hourCycle){case"12":e="01"===this.hour&&t>=0&&t<=2?`1${t}`:t;break;case"24":e="01"===this.hour?`1${t}`:"02"===this.hour&&t>=0&&t<=3?`2${t}`:t}else e=t;this.setValuePart("hour",e)}else switch(i){case"Backspace":case"Delete":this.setValuePart("hour",null);break;case"ArrowDown":t.preventDefault(),this.decrementHour();break;case"ArrowUp":t.preventDefault(),this.incrementHour();break;case" ":t.preventDefault()}},this.hourUpButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.incrementHour()},this.incrementMeridiem=()=>{this.setValuePart("meridiem","AM"===this.meridiem?"PM":"AM")},this.incrementHour=()=>{const t=o(this.hour)?"23"===this.hour?0:parseInt(this.hour)+1:1;this.setValuePart("hour",t)},this.incrementMinuteOrSecond=t=>{const i=o(this[t])?"59"===this[t]?0:parseInt(this[t])+1:0;this.setValuePart(t,i)},this.incrementMinute=()=>{this.incrementMinuteOrSecond("minute")},this.incrementSecond=()=>{this.incrementMinuteOrSecond("second")},this.meridiemDownButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.decrementMeridiem()},this.meridiemKeyDownHandler=t=>{switch(t.key){case"a":this.setValuePart("meridiem","AM");break;case"p":this.setValuePart("meridiem","PM");break;case"Backspace":case"Delete":this.setValuePart("meridiem",null);break;case"ArrowUp":t.preventDefault(),this.incrementMeridiem();break;case"ArrowDown":t.preventDefault(),this.decrementMeridiem();break;case" ":t.preventDefault()}},this.meridiemUpButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.incrementMeridiem()},this.minuteDownButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.decrementMinute()},this.minuteKeyDownHandler=t=>{const{key:i}=t;if(y.includes(i)){const t=parseInt(i);let e;if(o(this.minute)&&this.minute.startsWith("0")){const i=parseInt(this.minute);e=i>5?t:`${i}${t}`}else e=t;this.setValuePart("minute",e)}else switch(i){case"Backspace":case"Delete":this.setValuePart("minute",null);break;case"ArrowDown":t.preventDefault(),this.decrementMinute();break;case"ArrowUp":t.preventDefault(),this.incrementMinute();break;case" ":t.preventDefault()}},this.minuteUpButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.incrementMinute()},this.secondDownButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.decrementSecond()},this.secondKeyDownHandler=t=>{const{key:i}=t;if(y.includes(i)){const t=parseInt(i);let e;if(o(this.second)&&this.second.startsWith("0")){const i=parseInt(this.second);e=i>5?t:`${i}${t}`}else e=t;this.setValuePart("second",e)}else switch(i){case"Backspace":case"Delete":this.setValuePart("second",null);break;case"ArrowDown":t.preventDefault(),this.decrementSecond();break;case"ArrowUp":t.preventDefault(),this.incrementSecond();break;case" ":t.preventDefault()}},this.secondUpButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.incrementSecond()},this.setHourEl=t=>this.hourEl=t,this.setMeridiemEl=t=>this.meridiemEl=t,this.setMinuteEl=t=>this.minuteEl=t,this.setSecondEl=t=>this.secondEl=t,this.setValue=(t,i=!0)=>{if(P(t)){const{hour:i,minute:e,second:s}=L(t),{effectiveLocale:n,numberingSystem:a}=this,{localizedHour:r,localizedHourSuffix:c,localizedMinute:l,localizedMinuteSuffix:h,localizedSecond:u,localizedSecondSuffix:d,localizedMeridiem:m}=$({value:t,locale:n,numberingSystem:a});if(this.localizedHour=r,this.localizedHourSuffix=c,this.localizedMinute=l,this.localizedMinuteSuffix=h,this.localizedSecond=u,this.localizedSecondSuffix=d,this.hour=i,this.minute=e,this.second=s,m){this.localizedMeridiem=m,this.meridiem=function(t){if(!o(t))return null;const i=parseInt(t);return i>=0&&i<=11?"AM":"PM"}(this.hour);const i=_({value:t,locale:n,numberingSystem:a});this.meridiemOrder=this.getMeridiemOrder(i)}}else this.hour=null,this.localizedHour=null,this.localizedHourSuffix=null,this.localizedMeridiem=null,this.localizedMinute=null,this.localizedMinuteSuffix=null,this.localizedSecond=null,this.localizedSecondSuffix=null,this.meridiem=null,this.minute=null,this.second=null,this.value=null;i&&this.calciteInternalTimePickerChange.emit()},this.setValuePart=(t,i,e=!0)=>{const{effectiveLocale:s,numberingSystem:n}=this;if("meridiem"===t){if(this.meridiem=i,o(this.hour)){const t=parseInt(this.hour);switch(i){case"AM":t>=12&&(this.hour=A(t-12));break;case"PM":t<12&&(this.hour=A(t+12))}this.localizedHour=z({value:this.hour,part:"hour",locale:s,numberingSystem:n})}}else this[t]="number"==typeof i?A(i):i,this[`localized${a=t,a.charAt(0).toUpperCase()+a.slice(1)}`]=z({value:this[t],part:t,locale:s,numberingSystem:n});var a;this.value=this.hour&&this.minute?`${this.hour}:${this.minute}:${this.second&&this.showSecond?this.second:"00"}`:null,this.localizedMeridiem=this.value?$({value:this.value,locale:s,numberingSystem:n})?.localizedMeridiem||null:z({value:this.meridiem,part:"meridiem",locale:s,numberingSystem:n}),e&&this.calciteInternalTimePickerChange.emit()},this.intlHour="Hour",this.intlHourDown="Decrease hour",this.intlHourUp="Increase hour",this.intlMeridiem="AM/PM",this.intlMeridiemDown="Decrease AM/PM",this.intlMeridiemUp="Increase AM/PM",this.intlMinute="Minute",this.intlMinuteDown="Decrease minute",this.intlMinuteUp="Increase minute",this.intlSecond="Second",this.intlSecondDown="Decrease second",this.intlSecondUp="Increase second",this.locale=void 0,this.scale="m",this.step=60,this.numberingSystem=void 0,this.value=null,this.effectiveLocale="",this.hour=void 0,this.hourCycle=void 0,this.localizedHour=void 0,this.localizedHourSuffix=void 0,this.localizedMeridiem=void 0,this.localizedMinute=void 0,this.localizedMinuteSuffix=void 0,this.localizedSecond=void 0,this.localizedSecondSuffix=void 0,this.meridiem=void 0,this.minute=void 0,this.second=void 0,this.showSecond=this.step<60}localeChanged(){h(this)}valueWatcher(t){this.setValue(t,!1)}effectiveLocaleWatcher(){this.updateLocale()}hostBlurHandler(){this.calciteInternalTimePickerBlur.emit()}hostFocusHandler(){this.calciteInternalTimePickerFocus.emit()}keyDownHandler(t){const{defaultPrevented:i,key:e}=t;if(!i)switch(this.activeEl){case this.hourEl:"ArrowRight"===e&&(this.setFocus("minute"),t.preventDefault());break;case this.minuteEl:switch(e){case"ArrowLeft":this.setFocus("hour"),t.preventDefault();break;case"ArrowRight":60!==this.step?(this.setFocus("second"),t.preventDefault()):"12"===this.hourCycle&&(this.setFocus("meridiem"),t.preventDefault())}break;case this.secondEl:switch(e){case"ArrowLeft":this.setFocus("minute"),t.preventDefault();break;case"ArrowRight":"12"===this.hourCycle&&(this.setFocus("meridiem"),t.preventDefault())}break;case this.meridiemEl:switch(e){case"ArrowLeft":60!==this.step?(this.setFocus("second"),t.preventDefault()):(this.setFocus("minute"),t.preventDefault())}}}async setFocus(t){await D(this),this[`${t||"hour"}El`]?.focus()}buttonActivated(t){const{key:i}=t;return" "===i&&t.preventDefault(),x(i)}getMeridiemOrder(t){const i=this.effectiveLocale;return t&&"ar"!==i&&"he"!==i?t.findIndex((t=>t.value===this.localizedMeridiem)):0}updateLocale(){this.hourCycle=C("meridiem",M(this.effectiveLocale,this.numberingSystem).formatToParts(new Date(Date.UTC(0,0,0,0,0,0))))?"12":"24",this.setValue(this.value,!1)}connectedCallback(){u(this),this.updateLocale(),this.meridiemOrder=this.getMeridiemOrder(_({value:"0:00:00",locale:this.effectiveLocale,numberingSystem:this.numberingSystem}))}componentWillLoad(){I(this)}componentDidLoad(){S(this)}disconnectedCallback(){d(this)}render(){const t=o(this.hour),i="s"===this.scale||"m"===this.scale?"s":"m",s=o(this.minute),n=o(this.second),a="12"===this.hourCycle;return e("div",{class:{[K.timePicker]:!0,[K.showMeridiem]:a,[K.showSecond]:this.showSecond,[K[`scale-${this.scale}`]]:!0},dir:"ltr"},e("div",{class:K.column,role:"group"},e("span",{"aria-label":this.intlHourUp,class:{[K.button]:!0,[K.buttonHourUp]:!0,[K.buttonTopLeft]:!0},onClick:this.incrementHour,onKeyDown:this.hourUpButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-up",scale:i})),e("span",{"aria-label":this.intlHour,"aria-valuemax":"23","aria-valuemin":"1","aria-valuenow":t&&parseInt(this.hour)||"0","aria-valuetext":this.hour,class:{[K.input]:!0,[K.hour]:!0},onFocus:this.focusHandler,onKeyDown:this.hourKeyDownHandler,ref:this.setHourEl,role:"spinbutton",tabIndex:0},this.localizedHour||"--"),e("span",{"aria-label":this.intlHourDown,class:{[K.button]:!0,[K.buttonHourDown]:!0,[K.buttonBottomLeft]:!0},onClick:this.decrementHour,onKeyDown:this.hourDownButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-down",scale:i}))),e("span",{class:K.delimiter},this.localizedHourSuffix),e("div",{class:K.column,role:"group"},e("span",{"aria-label":this.intlMinuteUp,class:{[K.button]:!0,[K.buttonMinuteUp]:!0},onClick:this.incrementMinute,onKeyDown:this.minuteUpButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-up",scale:i})),e("span",{"aria-label":this.intlMinute,"aria-valuemax":"12","aria-valuemin":"1","aria-valuenow":s&&parseInt(this.minute)||"0","aria-valuetext":this.minute,class:{[K.input]:!0,[K.minute]:!0},onFocus:this.focusHandler,onKeyDown:this.minuteKeyDownHandler,ref:this.setMinuteEl,role:"spinbutton",tabIndex:0},this.localizedMinute||"--"),e("span",{"aria-label":this.intlMinuteDown,class:{[K.button]:!0,[K.buttonMinuteDown]:!0},onClick:this.decrementMinute,onKeyDown:this.minuteDownButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-down",scale:i}))),this.showSecond&&e("span",{class:K.delimiter},this.localizedMinuteSuffix),this.showSecond&&e("div",{class:K.column,role:"group"},e("span",{"aria-label":this.intlSecondUp,class:{[K.button]:!0,[K.buttonSecondUp]:!0},onClick:this.incrementSecond,onKeyDown:this.secondUpButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-up",scale:i})),e("span",{"aria-label":this.intlSecond,"aria-valuemax":"59","aria-valuemin":"0","aria-valuenow":n&&parseInt(this.second)||"0","aria-valuetext":this.second,class:{[K.input]:!0,[K.second]:!0},onFocus:this.focusHandler,onKeyDown:this.secondKeyDownHandler,ref:this.setSecondEl,role:"spinbutton",tabIndex:0},this.localizedSecond||"--"),e("span",{"aria-label":this.intlSecondDown,class:{[K.button]:!0,[K.buttonSecondDown]:!0},onClick:this.decrementSecond,onKeyDown:this.secondDownButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-down",scale:i}))),this.localizedSecondSuffix&&e("span",{class:K.delimiter},this.localizedSecondSuffix),a&&e("div",{class:{[K.column]:!0,[K.meridiemStart]:0===this.meridiemOrder},role:"group"},e("span",{"aria-label":this.intlMeridiemUp,class:{[K.button]:!0,[K.buttonMeridiemUp]:!0,[K.buttonTopRight]:!0},onClick:this.incrementMeridiem,onKeyDown:this.meridiemUpButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-up",scale:i})),e("span",{"aria-label":this.intlMeridiem,"aria-valuemax":"2","aria-valuemin":"1","aria-valuenow":"PM"===this.meridiem?"2":"1","aria-valuetext":this.meridiem,class:{[K.input]:!0,[K.meridiem]:!0},onFocus:this.focusHandler,onKeyDown:this.meridiemKeyDownHandler,ref:this.setMeridiemEl,role:"spinbutton",tabIndex:0},this.localizedMeridiem||"--"),e("span",{"aria-label":this.intlMeridiemDown,class:{[K.button]:!0,[K.buttonMeridiemDown]:!0,[K.buttonBottomRight]:!0},onClick:this.decrementMeridiem,onKeyDown:this.meridiemDownButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-down",scale:i}))))}get el(){return n(this)}static get watchers(){return{locale:["localeChanged"],value:["valueWatcher"],effectiveLocale:["effectiveLocaleWatcher"]}}};U.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:inline-block}.time-picker{display:flex;-webkit-user-select:none;user-select:none;align-items:center;background-color:var(--calcite-ui-foreground-1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-radius:var(--calcite-border-radius)}.time-picker .column{display:flex;flex-direction:column}.time-picker .meridiem--start{order:-1}.time-picker .button{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-ui-foreground-1)}.time-picker .button:hover,.time-picker .button:focus{background-color:var(--calcite-ui-foreground-2);outline:2px solid transparent;outline-offset:2px}.time-picker .button:active{background-color:var(--calcite-ui-foreground-3)}.time-picker .button.top-left{border-start-start-radius:var(--calcite-border-radius)}.time-picker .button.bottom-left{border-end-start-radius:var(--calcite-border-radius)}.time-picker .button.top-right{border-start-end-radius:var(--calcite-border-radius)}.time-picker .button.bottom-right{border-end-end-radius:var(--calcite-border-radius)}.time-picker .button calcite-icon{color:var(--calcite-ui-text-3)}.time-picker .input{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-ui-foreground-1);font-weight:var(--calcite-font-weight-medium)}.time-picker .input:hover{box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-2)}.time-picker .input:focus,.time-picker .input:hover:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}.time-picker.scale-s{font-size:var(--calcite-font-size--1)}.time-picker.scale-s .button,.time-picker.scale-s .input{padding-inline:0.75rem;padding-block:0.25rem}.time-picker.scale-s:not(.show-meridiem) .delimiter:last-child{padding-inline-end:0.75rem}.time-picker.scale-m{font-size:var(--calcite-font-size-0)}.time-picker.scale-m .button,.time-picker.scale-m .input{padding-inline:1rem;padding-block:0.5rem}.time-picker.scale-m:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1rem}.time-picker.scale-l{font-size:var(--calcite-font-size-1)}.time-picker.scale-l .button,.time-picker.scale-l .input{padding-inline:1.25rem;padding-block:0.75rem}.time-picker.scale-l:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1.25rem}";export{j as calcite_input_time_picker,U as calcite_time_picker}
+import{r as t,c as i,h as e,H as s,g as n}from"./p-7cb5d8cd.js";import{g as a}from"./p-aec30122.js";import{i as o,g as r,b as c,n as l,u as h,c as u,d}from"./p-27b4e9e3.js";import{c as m,d as p,g as f}from"./p-61aa27ea.js";import{s as b,c as v,d as g,H as w}from"./p-3221baaf.js";import{u as k}from"./p-15592f63.js";import{n as y,i as x}from"./p-fd3c99b2.js";import{c as D,s as I,a as S}from"./p-07e367a3.js";import"./p-26dd4af1.js";import"./p-b574f974.js";import"./p-c549a324.js";function M(t,i,e=!0){try{const s={hour:"2-digit",minute:"2-digit",timeZone:"UTC",numberingSystem:c(i)};return e&&(s.second="2-digit"),new Intl.DateTimeFormat(r(t),s)}catch(i){throw new Error(`Invalid locale supplied while attempting to create a DateTime formatter: ${t}`)}}function A(t){const i=t.toString();return t>=0&&t<=9?i.padStart(2,"0"):i}function C(t,i){if(!t||!i)return null;if("hourSuffix"===t){const t=i.indexOf(i.find((({type:t})=>"hour"===t))),e=i.indexOf(i.find((({type:t})=>"minute"===t))),s=i[t+1];return s&&"literal"===s.type&&e-t==2&&s.value?.trim()||null}if("minuteSuffix"===t){const t=i.indexOf(i.find((({type:t})=>"minute"===t))),e=i.indexOf(i.find((({type:t})=>"second"===t))),s=i[t+1];return s&&"literal"===s.type&&e-t==2&&s.value?.trim()||null}if("secondSuffix"===t){const t=i.indexOf(i.find((({type:t})=>"second"===t))),e=i[t+1];return e&&"literal"===e.type&&e.value?.trim()||null}return i.find((({type:i})=>"meridiem"==t?"dayPeriod"===i:i===t))?.value||null}function P(t){if(!t||t.startsWith(":")||t.endsWith(":"))return!1;const i=t.split(":");if(!(i.length>1&&i.length<4))return!1;const[e,s,n]=i,a=parseInt(i[0]),r=parseInt(i[1]),c=parseInt(i[2]),l=o(e)&&a>=0&&a<24,h=o(s)&&r>=0&&r<60,u=o(n)&&c>=0&&c<60;return!!(l&&h&&!n||l&&h&&u)||void 0}function z({value:t,part:i,locale:e,numberingSystem:s}){if(!function(t,i){if("meridiem"===i)return"AM"===t||"PM"===t;if(!o(t))return!1;const e=Number(t);return"hour"===i?e>=0&&e<24:e>=0&&e<60}(t,i))return;const n=parseInt(t),a=new Date(Date.UTC(0,0,0,"hour"===i?n:"meridiem"===i?"AM"===t?0:12:0,"minute"===i?n:0,"second"===i?n:0));return a?C(i,M(e,s).formatToParts(a)):void 0}function H({value:t,locale:i,numberingSystem:e,includeSeconds:s=!0}){if(!P(t))return null;const{hour:n,minute:a,second:o="0"}=L(t),r=new Date(Date.UTC(0,0,0,parseInt(n),parseInt(a),parseInt(o)));return M(i,e,s)?.format(r)||null}function $({value:t,locale:i,numberingSystem:e}){if(!P(t))return null;const{hour:s,minute:n,second:a="0"}=L(t),o=new Date(Date.UTC(0,0,0,parseInt(s),parseInt(n),parseInt(a)));if(o){const t=M(i,e).formatToParts(o);return{localizedHour:C("hour",t),localizedHourSuffix:C("hourSuffix",t),localizedMinute:C("minute",t),localizedMinuteSuffix:C("minuteSuffix",t),localizedSecond:C("second",t),localizedSecondSuffix:C("secondSuffix",t),localizedMeridiem:C("meridiem",t)}}return null}function _({value:t,locale:i,numberingSystem:e}){if(!P(t))return null;const{hour:s,minute:n,second:a="0"}=L(t),o=new Date(Date.UTC(0,0,0,parseInt(s),parseInt(n),parseInt(a)));return o?M(i,e).formatToParts(o):null}function L(t){if(P(t)){const[i,e,s]=t.split(":");return{hour:i,minute:e,second:s}}return{hour:null,minute:null,second:null}}const j=class{constructor(e){t(this,e),this.calciteInputTimePickerChange=i(this,"calciteInputTimePickerChange",7),this.internalValueChange=!1,this.previousValidValue=null,this.referenceElementId=`input-time-picker-${a()}`,this.calciteInternalInputBlurHandler=()=>{this.open=!1;const t=this.shouldIncludeSeconds(),{effectiveLocale:i,numberingSystem:e,value:s,calciteInputEl:n}=this;l.numberFormatOptions={locale:i,numberingSystem:e,useGrouping:!1};const a=H({value:l.delocalize(n.value),includeSeconds:t,locale:i,numberingSystem:e});this.setInputValue(a||H({value:s,locale:i,numberingSystem:e,includeSeconds:t}))},this.calciteInternalInputFocusHandler=t=>{this.readOnly||(this.open=!0,t.stopPropagation())},this.calciteInputInputHandler=t=>{const i=t.target;l.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:!1};const e=l.delocalize(i.value);this.setValue({value:e});const s=e.split("").map((t=>y.includes(t)?l.numberFormatter.format(Number(t)):t)).join("");this.setInputValue(s)},this.timePickerChangeHandler=t=>{t.stopPropagation(),this.setValue({value:t.target.value,origin:"time-picker"})},this.keyDownHandler=t=>{const{defaultPrevented:i,key:e}=t;i||("Enter"===e&&b(this)&&t.preventDefault(),"Escape"===e&&this.open&&(this.open=!1,t.preventDefault()))},this.setCalcitePopoverEl=t=>{this.popoverEl=t},this.setCalciteInputEl=t=>{this.calciteInputEl=t},this.setCalciteTimePickerEl=t=>{this.calciteTimePickerEl=t},this.setInputValue=t=>{this.calciteInputEl&&(this.calciteInputEl.value=t)},this.setValue=({value:t,origin:i="input"})=>{const e=this.value,s=function(t){if(!P(t))return null;const[i,e,s]=t.split(":"),n=A(parseInt(i)),a=A(parseInt(e));return s?`${n}:${a}:${A(parseInt(s))}`:`${n}:${a}`}(t),n=H({value:s,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,includeSeconds:this.shouldIncludeSeconds()});this.internalValueChange="external"!==i&&"loading"!==i;const a="loading"!==i&&"external"!==i&&(t!==this.previousValidValue&&!t||!(this.previousValidValue||!s)||s!==this.previousValidValue&&s);t?(a&&(this.previousValidValue=s),s&&s!==this.value&&(this.value=s),this.localizedValue=n):(this.value=t,this.localizedValue=null),"time-picker"!==i&&"external"!==i||this.setInputValue(n),a&&(this.calciteInputTimePickerChange.emit().defaultPrevented?(this.internalValueChange=!1,this.value=e,this.setInputValue(e),this.previousValidValue=e):this.previousValidValue=s)},this.active=!1,this.open=!1,this.disabled=!1,this.readOnly=!1,this.intlHour=void 0,this.intlHourDown=void 0,this.intlHourUp=void 0,this.intlMeridiem=void 0,this.intlMeridiemDown=void 0,this.intlMeridiemUp=void 0,this.intlMinute=void 0,this.intlMinuteDown=void 0,this.intlMinuteUp=void 0,this.intlSecond=void 0,this.intlSecondDown=void 0,this.intlSecondUp=void 0,this.locale=void 0,this.name=void 0,this.numberingSystem=void 0,this.required=!1,this.scale="m",this.overlayPositioning="absolute",this.placement="auto",this.step=60,this.value=null,this.effectiveLocale="",this.localizedValue=void 0}activeHandler(t){this.open=t}openHandler(t){this.active=t,this.disabled||this.readOnly?this.open=!1:t&&this.reposition(!0)}handleDisabledAndReadOnlyChange(t){t||(this.open=!1)}localeChanged(){h(this)}valueWatcher(t){this.internalValueChange||this.setValue({value:t,origin:"external"}),this.internalValueChange=!1}effectiveLocaleWatcher(){this.setInputValue(H({value:this.value,locale:this.effectiveLocale,numberingSystem:this.numberingSystem,includeSeconds:this.shouldIncludeSeconds()}))}clickHandler(t){t.composedPath().includes(this.calciteTimePickerEl)||this.setFocus()}timePickerBlurHandler(t){t.preventDefault(),t.stopPropagation(),this.open=!1}timePickerFocusHandler(t){t.preventDefault(),t.stopPropagation(),this.readOnly||(this.open=!0)}async setFocus(){await D(this),this.calciteInputEl?.setFocus()}async reposition(t=!1){this.popoverEl?.reposition(t)}onLabelClick(){this.setFocus()}shouldIncludeSeconds(){return this.step<60}connectedCallback(){u(this);const{active:t,open:i}=this;this.value&&this.setValue({value:P(this.value)?this.value:void 0,origin:"loading"}),m(this),v(this),i?this.active=i:t&&(this.open=t)}componentWillLoad(){I(this)}componentDidLoad(){S(this),this.setInputValue(this.localizedValue)}disconnectedCallback(){p(this),g(this),d(this)}componentDidRender(){k(this)}render(){const t=`${this.referenceElementId}-popover`;return e(s,{onKeyDown:this.keyDownHandler},e("div",{"aria-controls":t,"aria-haspopup":"dialog","aria-label":this.name,"aria-owns":t,id:this.referenceElementId,role:"combobox"},e("calcite-input",{disabled:this.disabled,icon:"clock",label:f(this),onCalciteInputInput:this.calciteInputInputHandler,onCalciteInternalInputBlur:this.calciteInternalInputBlurHandler,onCalciteInternalInputFocus:this.calciteInternalInputFocusHandler,readOnly:this.readOnly,ref:this.setCalciteInputEl,scale:this.scale,step:this.step})),e("calcite-popover",{disableFocusTrap:!0,id:t,label:"Time Picker",open:this.open,overlayPositioning:this.overlayPositioning,placement:this.placement,ref:this.setCalcitePopoverEl,referenceElement:this.referenceElementId,triggerDisabled:!0},e("calcite-time-picker",{intlHour:this.intlHour,intlHourDown:this.intlHourDown,intlHourUp:this.intlHourUp,intlMeridiem:this.intlMeridiem,intlMeridiemDown:this.intlMeridiemDown,intlMeridiemUp:this.intlMeridiemUp,intlMinute:this.intlMinute,intlMinuteDown:this.intlMinuteDown,intlMinuteUp:this.intlMinuteUp,intlSecond:this.intlSecond,intlSecondDown:this.intlSecondDown,intlSecondUp:this.intlSecondUp,numberingSystem:this.numberingSystem,onCalciteInternalTimePickerChange:this.timePickerChangeHandler,ref:this.setCalciteTimePickerEl,scale:this.scale,step:this.step,value:this.value})),e(w,{component:this}))}get el(){return n(this)}static get watchers(){return{active:["activeHandler"],open:["openHandler"],disabled:["handleDisabledAndReadOnlyChange"],readOnly:["handleDisabledAndReadOnlyChange"],locale:["localeChanged"],value:["valueWatcher"],effectiveLocale:["effectiveLocaleWatcher"]}}};j.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:inline-block;-webkit-user-select:none;user-select:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}::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}";const K={button:"button",buttonBottomLeft:"button--bottom-left",buttonBottomRight:"button--bottom-right",buttonHourDown:"button--hour-down",buttonHourUp:"button--hour-up",buttonMeridiemDown:"button--meridiem-down",buttonMeridiemUp:"button--meridiem-up",buttonMinuteDown:"button--minute-down",buttonMinuteUp:"button--minute-up",buttonSecondDown:"button--second-down",buttonSecondUp:"button--second-up",buttonTopLeft:"button--top-left",buttonTopRight:"button--top-right",column:"column",delimiter:"delimiter",hour:"hour",input:"input",meridiem:"meridiem",minute:"minute",second:"second",showMeridiem:"show-meridiem",showSecond:"show-second","scale-s":"scale-s","scale-m":"scale-m","scale-l":"scale-l",timePicker:"time-picker",meridiemStart:"meridiem--start"},U=class{constructor(e){t(this,e),this.calciteInternalTimePickerBlur=i(this,"calciteInternalTimePickerBlur",6),this.calciteInternalTimePickerChange=i(this,"calciteInternalTimePickerChange",6),this.calciteInternalTimePickerFocus=i(this,"calciteInternalTimePickerFocus",6),this.decrementHour=()=>{const t=this.hour?"00"===this.hour?23:parseInt(this.hour)-1:0;this.setValuePart("hour",t)},this.decrementMeridiem=()=>{this.setValuePart("meridiem","PM"===this.meridiem?"AM":"PM")},this.decrementMinuteOrSecond=t=>{let i;if(o(this[t])){const e=parseInt(this[t]);i=0===e?59:e-1}else i=59;this.setValuePart(t,i)},this.decrementMinute=()=>{this.decrementMinuteOrSecond("minute")},this.decrementSecond=()=>{this.decrementMinuteOrSecond("second")},this.focusHandler=t=>{this.activeEl=t.currentTarget},this.hourDownButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.decrementHour()},this.hourKeyDownHandler=t=>{const{key:i}=t;if(y.includes(i)){const t=parseInt(i);let e;if(o(this.hour))switch(this.hourCycle){case"12":e="01"===this.hour&&t>=0&&t<=2?`1${t}`:t;break;case"24":e="01"===this.hour?`1${t}`:"02"===this.hour&&t>=0&&t<=3?`2${t}`:t}else e=t;this.setValuePart("hour",e)}else switch(i){case"Backspace":case"Delete":this.setValuePart("hour",null);break;case"ArrowDown":t.preventDefault(),this.decrementHour();break;case"ArrowUp":t.preventDefault(),this.incrementHour();break;case" ":t.preventDefault()}},this.hourUpButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.incrementHour()},this.incrementMeridiem=()=>{this.setValuePart("meridiem","AM"===this.meridiem?"PM":"AM")},this.incrementHour=()=>{const t=o(this.hour)?"23"===this.hour?0:parseInt(this.hour)+1:1;this.setValuePart("hour",t)},this.incrementMinuteOrSecond=t=>{const i=o(this[t])?"59"===this[t]?0:parseInt(this[t])+1:0;this.setValuePart(t,i)},this.incrementMinute=()=>{this.incrementMinuteOrSecond("minute")},this.incrementSecond=()=>{this.incrementMinuteOrSecond("second")},this.meridiemDownButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.decrementMeridiem()},this.meridiemKeyDownHandler=t=>{switch(t.key){case"a":this.setValuePart("meridiem","AM");break;case"p":this.setValuePart("meridiem","PM");break;case"Backspace":case"Delete":this.setValuePart("meridiem",null);break;case"ArrowUp":t.preventDefault(),this.incrementMeridiem();break;case"ArrowDown":t.preventDefault(),this.decrementMeridiem();break;case" ":t.preventDefault()}},this.meridiemUpButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.incrementMeridiem()},this.minuteDownButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.decrementMinute()},this.minuteKeyDownHandler=t=>{const{key:i}=t;if(y.includes(i)){const t=parseInt(i);let e;if(o(this.minute)&&this.minute.startsWith("0")){const i=parseInt(this.minute);e=i>5?t:`${i}${t}`}else e=t;this.setValuePart("minute",e)}else switch(i){case"Backspace":case"Delete":this.setValuePart("minute",null);break;case"ArrowDown":t.preventDefault(),this.decrementMinute();break;case"ArrowUp":t.preventDefault(),this.incrementMinute();break;case" ":t.preventDefault()}},this.minuteUpButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.incrementMinute()},this.secondDownButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.decrementSecond()},this.secondKeyDownHandler=t=>{const{key:i}=t;if(y.includes(i)){const t=parseInt(i);let e;if(o(this.second)&&this.second.startsWith("0")){const i=parseInt(this.second);e=i>5?t:`${i}${t}`}else e=t;this.setValuePart("second",e)}else switch(i){case"Backspace":case"Delete":this.setValuePart("second",null);break;case"ArrowDown":t.preventDefault(),this.decrementSecond();break;case"ArrowUp":t.preventDefault(),this.incrementSecond();break;case" ":t.preventDefault()}},this.secondUpButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.incrementSecond()},this.setHourEl=t=>this.hourEl=t,this.setMeridiemEl=t=>this.meridiemEl=t,this.setMinuteEl=t=>this.minuteEl=t,this.setSecondEl=t=>this.secondEl=t,this.setValue=(t,i=!0)=>{if(P(t)){const{hour:i,minute:e,second:s}=L(t),{effectiveLocale:n,numberingSystem:a}=this,{localizedHour:r,localizedHourSuffix:c,localizedMinute:l,localizedMinuteSuffix:h,localizedSecond:u,localizedSecondSuffix:d,localizedMeridiem:m}=$({value:t,locale:n,numberingSystem:a});if(this.localizedHour=r,this.localizedHourSuffix=c,this.localizedMinute=l,this.localizedMinuteSuffix=h,this.localizedSecond=u,this.localizedSecondSuffix=d,this.hour=i,this.minute=e,this.second=s,m){this.localizedMeridiem=m,this.meridiem=function(t){if(!o(t))return null;const i=parseInt(t);return i>=0&&i<=11?"AM":"PM"}(this.hour);const i=_({value:t,locale:n,numberingSystem:a});this.meridiemOrder=this.getMeridiemOrder(i)}}else this.hour=null,this.localizedHour=null,this.localizedHourSuffix=null,this.localizedMeridiem=null,this.localizedMinute=null,this.localizedMinuteSuffix=null,this.localizedSecond=null,this.localizedSecondSuffix=null,this.meridiem=null,this.minute=null,this.second=null,this.value=null;i&&this.calciteInternalTimePickerChange.emit()},this.setValuePart=(t,i,e=!0)=>{const{effectiveLocale:s,numberingSystem:n}=this;if("meridiem"===t){if(this.meridiem=i,o(this.hour)){const t=parseInt(this.hour);switch(i){case"AM":t>=12&&(this.hour=A(t-12));break;case"PM":t<12&&(this.hour=A(t+12))}this.localizedHour=z({value:this.hour,part:"hour",locale:s,numberingSystem:n})}}else this[t]="number"==typeof i?A(i):i,this[`localized${a=t,a.charAt(0).toUpperCase()+a.slice(1)}`]=z({value:this[t],part:t,locale:s,numberingSystem:n});var a;this.value=this.hour&&this.minute?`${this.hour}:${this.minute}:${this.second&&this.showSecond?this.second:"00"}`:null,this.localizedMeridiem=this.value?$({value:this.value,locale:s,numberingSystem:n})?.localizedMeridiem||null:z({value:this.meridiem,part:"meridiem",locale:s,numberingSystem:n}),e&&this.calciteInternalTimePickerChange.emit()},this.intlHour="Hour",this.intlHourDown="Decrease hour",this.intlHourUp="Increase hour",this.intlMeridiem="AM/PM",this.intlMeridiemDown="Decrease AM/PM",this.intlMeridiemUp="Increase AM/PM",this.intlMinute="Minute",this.intlMinuteDown="Decrease minute",this.intlMinuteUp="Increase minute",this.intlSecond="Second",this.intlSecondDown="Decrease second",this.intlSecondUp="Increase second",this.locale=void 0,this.scale="m",this.step=60,this.numberingSystem=void 0,this.value=null,this.effectiveLocale="",this.hour=void 0,this.hourCycle=void 0,this.localizedHour=void 0,this.localizedHourSuffix=void 0,this.localizedMeridiem=void 0,this.localizedMinute=void 0,this.localizedMinuteSuffix=void 0,this.localizedSecond=void 0,this.localizedSecondSuffix=void 0,this.meridiem=void 0,this.minute=void 0,this.second=void 0,this.showSecond=this.step<60}localeChanged(){h(this)}valueWatcher(t){this.setValue(t,!1)}effectiveLocaleWatcher(){this.updateLocale()}hostBlurHandler(){this.calciteInternalTimePickerBlur.emit()}hostFocusHandler(){this.calciteInternalTimePickerFocus.emit()}keyDownHandler(t){const{defaultPrevented:i,key:e}=t;if(!i)switch(this.activeEl){case this.hourEl:"ArrowRight"===e&&(this.setFocus("minute"),t.preventDefault());break;case this.minuteEl:switch(e){case"ArrowLeft":this.setFocus("hour"),t.preventDefault();break;case"ArrowRight":60!==this.step?(this.setFocus("second"),t.preventDefault()):"12"===this.hourCycle&&(this.setFocus("meridiem"),t.preventDefault())}break;case this.secondEl:switch(e){case"ArrowLeft":this.setFocus("minute"),t.preventDefault();break;case"ArrowRight":"12"===this.hourCycle&&(this.setFocus("meridiem"),t.preventDefault())}break;case this.meridiemEl:switch(e){case"ArrowLeft":60!==this.step?(this.setFocus("second"),t.preventDefault()):(this.setFocus("minute"),t.preventDefault())}}}async setFocus(t){await D(this),this[`${t||"hour"}El`]?.focus()}buttonActivated(t){const{key:i}=t;return" "===i&&t.preventDefault(),x(i)}getMeridiemOrder(t){const i=this.effectiveLocale;return t&&"ar"!==i&&"he"!==i?t.findIndex((t=>t.value===this.localizedMeridiem)):0}updateLocale(){this.hourCycle=C("meridiem",M(this.effectiveLocale,this.numberingSystem).formatToParts(new Date(Date.UTC(0,0,0,0,0,0))))?"12":"24",this.setValue(this.value,!1)}connectedCallback(){u(this),this.updateLocale(),this.meridiemOrder=this.getMeridiemOrder(_({value:"0:00:00",locale:this.effectiveLocale,numberingSystem:this.numberingSystem}))}componentWillLoad(){I(this)}componentDidLoad(){S(this)}disconnectedCallback(){d(this)}render(){const t=o(this.hour),i="s"===this.scale||"m"===this.scale?"s":"m",s=o(this.minute),n=o(this.second),a="12"===this.hourCycle;return e("div",{class:{[K.timePicker]:!0,[K.showMeridiem]:a,[K.showSecond]:this.showSecond,[K[`scale-${this.scale}`]]:!0},dir:"ltr"},e("div",{class:K.column,role:"group"},e("span",{"aria-label":this.intlHourUp,class:{[K.button]:!0,[K.buttonHourUp]:!0,[K.buttonTopLeft]:!0},onClick:this.incrementHour,onKeyDown:this.hourUpButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-up",scale:i})),e("span",{"aria-label":this.intlHour,"aria-valuemax":"23","aria-valuemin":"1","aria-valuenow":t&&parseInt(this.hour)||"0","aria-valuetext":this.hour,class:{[K.input]:!0,[K.hour]:!0},onFocus:this.focusHandler,onKeyDown:this.hourKeyDownHandler,ref:this.setHourEl,role:"spinbutton",tabIndex:0},this.localizedHour||"--"),e("span",{"aria-label":this.intlHourDown,class:{[K.button]:!0,[K.buttonHourDown]:!0,[K.buttonBottomLeft]:!0},onClick:this.decrementHour,onKeyDown:this.hourDownButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-down",scale:i}))),e("span",{class:K.delimiter},this.localizedHourSuffix),e("div",{class:K.column,role:"group"},e("span",{"aria-label":this.intlMinuteUp,class:{[K.button]:!0,[K.buttonMinuteUp]:!0},onClick:this.incrementMinute,onKeyDown:this.minuteUpButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-up",scale:i})),e("span",{"aria-label":this.intlMinute,"aria-valuemax":"12","aria-valuemin":"1","aria-valuenow":s&&parseInt(this.minute)||"0","aria-valuetext":this.minute,class:{[K.input]:!0,[K.minute]:!0},onFocus:this.focusHandler,onKeyDown:this.minuteKeyDownHandler,ref:this.setMinuteEl,role:"spinbutton",tabIndex:0},this.localizedMinute||"--"),e("span",{"aria-label":this.intlMinuteDown,class:{[K.button]:!0,[K.buttonMinuteDown]:!0},onClick:this.decrementMinute,onKeyDown:this.minuteDownButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-down",scale:i}))),this.showSecond&&e("span",{class:K.delimiter},this.localizedMinuteSuffix),this.showSecond&&e("div",{class:K.column,role:"group"},e("span",{"aria-label":this.intlSecondUp,class:{[K.button]:!0,[K.buttonSecondUp]:!0},onClick:this.incrementSecond,onKeyDown:this.secondUpButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-up",scale:i})),e("span",{"aria-label":this.intlSecond,"aria-valuemax":"59","aria-valuemin":"0","aria-valuenow":n&&parseInt(this.second)||"0","aria-valuetext":this.second,class:{[K.input]:!0,[K.second]:!0},onFocus:this.focusHandler,onKeyDown:this.secondKeyDownHandler,ref:this.setSecondEl,role:"spinbutton",tabIndex:0},this.localizedSecond||"--"),e("span",{"aria-label":this.intlSecondDown,class:{[K.button]:!0,[K.buttonSecondDown]:!0},onClick:this.decrementSecond,onKeyDown:this.secondDownButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-down",scale:i}))),this.localizedSecondSuffix&&e("span",{class:K.delimiter},this.localizedSecondSuffix),a&&e("div",{class:{[K.column]:!0,[K.meridiemStart]:0===this.meridiemOrder},role:"group"},e("span",{"aria-label":this.intlMeridiemUp,class:{[K.button]:!0,[K.buttonMeridiemUp]:!0,[K.buttonTopRight]:!0},onClick:this.incrementMeridiem,onKeyDown:this.meridiemUpButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-up",scale:i})),e("span",{"aria-label":this.intlMeridiem,"aria-valuemax":"2","aria-valuemin":"1","aria-valuenow":"PM"===this.meridiem?"2":"1","aria-valuetext":this.meridiem,class:{[K.input]:!0,[K.meridiem]:!0},onFocus:this.focusHandler,onKeyDown:this.meridiemKeyDownHandler,ref:this.setMeridiemEl,role:"spinbutton",tabIndex:0},this.localizedMeridiem||"--"),e("span",{"aria-label":this.intlMeridiemDown,class:{[K.button]:!0,[K.buttonMeridiemDown]:!0,[K.buttonBottomRight]:!0},onClick:this.decrementMeridiem,onKeyDown:this.meridiemDownButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-down",scale:i}))))}get el(){return n(this)}static get watchers(){return{locale:["localeChanged"],value:["valueWatcher"],effectiveLocale:["effectiveLocaleWatcher"]}}};U.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:inline-block}.time-picker{display:flex;-webkit-user-select:none;user-select:none;align-items:center;background-color:var(--calcite-ui-foreground-1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-radius:var(--calcite-border-radius)}.time-picker .column{display:flex;flex-direction:column}.time-picker .meridiem--start{order:-1}.time-picker .button{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-ui-foreground-1)}.time-picker .button:hover,.time-picker .button:focus{background-color:var(--calcite-ui-foreground-2);outline:2px solid transparent;outline-offset:2px}.time-picker .button:active{background-color:var(--calcite-ui-foreground-3)}.time-picker .button.top-left{border-start-start-radius:var(--calcite-border-radius)}.time-picker .button.bottom-left{border-end-start-radius:var(--calcite-border-radius)}.time-picker .button.top-right{border-start-end-radius:var(--calcite-border-radius)}.time-picker .button.bottom-right{border-end-end-radius:var(--calcite-border-radius)}.time-picker .button calcite-icon{color:var(--calcite-ui-text-3)}.time-picker .input{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-ui-foreground-1);font-weight:var(--calcite-font-weight-medium)}.time-picker .input:hover{box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-2)}.time-picker .input:focus,.time-picker .input:hover:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}.time-picker.scale-s{font-size:var(--calcite-font-size--1)}.time-picker.scale-s .button,.time-picker.scale-s .input{padding-inline:0.75rem;padding-block:0.25rem}.time-picker.scale-s:not(.show-meridiem) .delimiter:last-child{padding-inline-end:0.75rem}.time-picker.scale-m{font-size:var(--calcite-font-size-0)}.time-picker.scale-m .button,.time-picker.scale-m .input{padding-inline:1rem;padding-block:0.5rem}.time-picker.scale-m:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1rem}.time-picker.scale-l{font-size:var(--calcite-font-size-1)}.time-picker.scale-l .button,.time-picker.scale-l .input{padding-inline:1.25rem;padding-block:0.75rem}.time-picker.scale-l:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1.25rem}";export{j as calcite_input_time_picker,U as calcite_time_picker}