@esri/calcite-components 3.0.0 → 3.1.0-next.0

package/dist/calcite/{AI3R3SU6.js → OQYQHRZJ.js}

@@ -1,7 +1,7 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
-import{a as E}from"./PZLVQQMT.js";import"./4SEPDFCP.js";import{p as v}from"./PT2XMADA.js";import{a as S}from"./SMUXJLDL.js";import{a as $}from"./3IV6JSC2.js";import{a as C}from"./KW57BHXD.js";import{a as p}from"./CIV3PH3Z.js";import{a as m}from"./CNO6NFH5.js";import{a as O}from"./ARHYATTG.js";import{a as b,b as r}from"./QU33PBBI.js";import{b as u,n as z,u as n,v as g}from"./CMO3X257.js";import{b as B}from"./GN5CPLSJ.js";import"./I2OIH73C.js";import{A as h,J as w,e as x,f as a,j as k,v as l,w as y,x as o}from"./KVSCG5E3.js";var t={modal:"modal",title:"title",header:"header",footer:"footer",scrim:"scrim",back:"back",close:"close",secondary:"secondary",primary:"primary",container:"container",containerOpen:"container--open",content:"content",contentNoFooter:"content--no-footer",contentBottom:"content-bottom",contentTop:"content-top",openingIdle:"modal--opening-idle",openingActive:"modal--opening-active",closingIdle:"modal--closing-idle",closingActive:"modal--closing-active"},D={close:"x"},s={content:"content",contentBottom:"content-bottom",contentTop:"content-top",back:"back",secondary:"secondary",primary:"primary"},M=x`:host{--calcite-modal-scrim-background: rgba(0, 0, 0, .85);position:fixed;inset:0;z-index:var(--calcite-z-index-overlay);display:flex;opacity:0;visibility:hidden!important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88);--calcite-modal-scrim-background-internal: rgba(0, 0, 0, .85)}.content-top[hidden],.content-bottom[hidden]{display:none}.container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow-y:hidden;color:var(--calcite-color-text-2);opacity:0;visibility:hidden!important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88)}:host([scale=s]){--calcite-modal-padding-internal: .75rem;--calcite-modal-padding-large-internal: 1rem;--calcite-modal-title-text-internal: var(--calcite-font-size-1);--calcite-modal-content-text-internal: var(--calcite-font-size--1)}:host([scale=m]){--calcite-modal-padding-internal: 1rem;--calcite-modal-padding-large-internal: 1.25rem;--calcite-modal-title-text-internal: var(--calcite-font-size-2);--calcite-modal-content-text-internal: var(--calcite-font-size-0)}:host([scale=l]){--calcite-modal-padding-internal: 1.25rem;--calcite-modal-padding-large-internal: 1.5rem;--calcite-modal-title-text-internal: var(--calcite-font-size-3);--calcite-modal-content-text-internal: var(--calcite-font-size-1)}.scrim{--calcite-scrim-background: var(--calcite-modal-scrim-background, var(--calcite-color-transparent-scrim));position:absolute;inset:0;display:flex;overflow-y:hidden}.modal{pointer-events:none;z-index:var(--calcite-z-index-modal);float:none;margin:1.5rem;box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;overflow:hidden;border-radius:.25rem;background-color:var(--calcite-color-foreground-1);opacity:0;--tw-shadow: 0 2px 12px -4px rgba(0, 0, 0, .2), 0 2px 4px -2px rgba(0, 0, 0, .16);--tw-shadow-colored: 0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-webkit-overflow-scrolling:touch;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88),visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88);--calcite-modal-hidden-position: translate3d(0, 20px, 0);--calcite-modal-shown-position: translate3d(0, 0, 0)}.modal--opening-idle{transform:var(--calcite-modal-hidden-position)}.modal--opening-active,.modal--closing-idle{transform:var(--calcite-modal-shown-position)}.modal--closing-active{transform:var(--calcite-modal-hidden-position)}:host([opened]){opacity:1;visibility:visible!important;transition-delay:0ms}.container--open{opacity:1;visibility:visible!important;transition-delay:0ms}.container--open .modal{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88),visibility 0ms linear,opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88),max-inline-size var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88),max-block-size var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88);transition-delay:0ms}.header{z-index:var(--calcite-z-index-header);display:flex;min-inline-size:0px;max-inline-size:100%;border-start-start-radius:.25rem;border-start-end-radius:.25rem;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto}.close{order:2;margin:0;cursor:pointer;appearance:none;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-internal);flex:0 0 auto}.close calcite-icon{vertical-align:-2px}.close:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.close:hover,.close:focus,.close:active{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.title{order:1;display:flex;min-inline-size:0px;align-items:center;flex:1 1 auto;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-large-internal)}slot[name=header]::slotted(*),*::slotted([slot=header]){margin:0;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1);font-size:var(--calcite-modal-title-text-internal)}.content{position:relative;box-sizing:border-box;display:block;block-size:100%;overflow:auto;padding:0;background-color:var(--calcite-modal-content-background, var(--calcite-color-foreground-1));max-block-size:100%;padding:var(--calcite-modal-content-padding, var(--calcite-modal-padding-internal))}.content-top,.content-bottom{z-index:var(--calcite-z-index-header);display:flex;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding:var(--calcite-modal-padding-internal)}.content-top{min-inline-size:0px;max-inline-size:100%;border-block-end-width:1px}.content-bottom{margin-block-start:auto;box-sizing:border-box;inline-size:100%;justify-content:space-between;border-block-start-width:1px}.content-top:not(.header~.content-top){border-start-start-radius:.25rem;border-start-end-radius:.25rem}.content-bottom:not(.content-bottom~.footer),.content--no-footer{border-end-end-radius:.25rem;border-end-start-radius:.25rem}slot[name=content]::slotted(*),*::slotted([slot=content]){font-size:var(--calcite-modal-context-text-internal)}.footer{z-index:var(--calcite-z-index-header);margin-block-start:auto;box-sizing:border-box;display:flex;inline-size:100%;justify-content:space-between;border-end-end-radius:.25rem;border-end-start-radius:.25rem;border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-large-internal)}.footer--hide-back .back,.footer--hide-secondary .secondary{display:none}.back{display:block;margin-inline-end:auto}.secondary{margin-inline:.25rem;display:block}slot[name=primary]{display:block}:host([width=small]) .modal{inline-size:auto}:host([width-scale=s]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 32rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 35rem){:host([width-scale=s]) .modal{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=s]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=s][docked]) .container{align-items:flex-end}}:host([width-scale=m]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 48rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 51rem){:host([width-scale=m]) .modal{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=m]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=m][docked]) .container{align-items:flex-end}}:host([width-scale=l]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 94rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 97rem){:host([width-scale=l]) .modal{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=l]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=l][docked]) .container{align-items:flex-end}}:host([fullscreen]) .modal{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0;--calcite-modal-hidden-position: translate3D(0, 20px, 0) scale(.95);--calcite-modal-shown-position: translate3D(0, 0, 0) scale(1)}:host([fullscreen]) .content{max-block-size:100%;flex:1 1 auto}:host([opened][fullscreen]) .header,:host([opened][fullscreen]) .footer,:host([opened][fullscreen]) .content-top,:host([opened][fullscreen]) .content-bottom{border-radius:0}:host([docked]) .modal{block-size:var(--calcite-modal-height, auto)}:host([docked]) .content{block-size:auto;flex:1 1 auto}:host([kind=brand]) .modal{border-color:var(--calcite-color-brand)}:host([kind=danger]) .modal{border-color:var(--calcite-color-status-danger)}:host([kind=info]) .modal{border-color:var(--calcite-color-status-info)}:host([kind=success]) .modal{border-color:var(--calcite-color-status-success)}:host([kind=warning]) .modal{border-color:var(--calcite-color-status-warning)}:host([kind=brand]) .modal,:host([kind=danger]) .modal,:host([kind=info]) .modal,:host([kind=success]) .modal,:host([kind=warning]) .modal{border-width:0px;border-block-start-width:4px;border-style:solid}:host([kind=brand]) .header,:host([kind=brand]) .content-top,:host([kind=danger]) .header,:host([kind=danger]) .content-top,:host([kind=info]) .header,:host([kind=info]) .content-top,:host([kind=success]) .header,:host([kind=success]) .content-top,:host([kind=warning]) .header,:host([kind=warning]) .content-top{border-radius:.25rem;border-end-end-radius:0px;border-end-start-radius:0px}@media screen and (max-width: 860px){* slot[name=header]::slotted(content-top),* content-top::slotted([slot=header]){font-size:var(--calcite-font-size-1)}.footer,.content-bottom{position:sticky;inset-block-end:0px}}@media screen and (max-width: 480px){.footer,.content-bottom{flex-direction:column}.back,.secondary{margin:0;margin-block-end:.25rem}}:host([hidden]){display:none}[hidden]{display:none}`,c=0,T="",f=class extends y{constructor(){super(),this.closeButtonEl=b(),this.cssVarObserver=m("mutation",()=>{this.updateSizeCssVars()}),this.focusTrap=E({triggerProp:"open",focusTrapOptions:{clickOutsideDeactivates:!1,escapeDeactivates:e=>(!e.defaultPrevented&&!this.escapeDisabled&&(this.open=!1,e.preventDefault()),!1)}})(this),this.ignoreOpenChange=!1,this.modalContent=b(),this.mutationObserver=m("mutation",()=>this.updateFocusTrapElements()),this._open=!1,this.openEnd=()=>{this.setFocus(),this.el.removeEventListener("calciteModalOpen",this.openEnd)},this.openProp="opened",this.transitionProp="opacity",this.hasBack=!1,this.hasContentBottom=!1,this.hasContentTop=!1,this.hasFooter=!1,this.hasPrimary=!1,this.hasSecondary=!1,this.closeButtonDisabled=!1,this.escapeDisabled=!1,this.focusTrapDisabled=!1,this.messages=O(),this.opened=!1,this.outsideCloseDisabled=!1,this.scale="m",this.widthScale="m",this.calciteModalBeforeClose=l({cancelable:!1}),this.calciteModalBeforeOpen=l({cancelable:!1}),this.calciteModalClose=l({cancelable:!1}),this.calciteModalOpen=l({cancelable:!1}),this.keyDownHandler=e=>{let{defaultPrevented:i,key:d}=e;!i&&this.focusTrapDisabled&&this.open&&!this.escapeDisabled&&d==="Escape"&&(e.preventDefault(),this.open=!1)},this.listen("keydown",this.keyDownHandler)}static{this.properties={contentEl:16,cssHeight:16,cssWidth:16,hasBack:16,hasContentBottom:16,hasContentTop:16,hasFooter:16,hasPrimary:16,hasSecondary:16,titleEl:16,beforeClose:0,closeButtonDisabled:7,docked:7,escapeDisabled:7,focusTrapDisabled:7,focusTrapOptions:0,fullscreen:7,kind:3,messageOverrides:0,open:7,opened:7,outsideCloseDisabled:7,scale:3,widthScale:3}}static{this.styles=M}get open(){return this._open}set open(e){let i=this._open;e!==i&&(this._open=e,this.toggleModal(e))}async scrollContent(e=0,i=0){this.modalContent.value&&(this.modalContent.value.scrollTo?this.modalContent.value.scrollTo({top:e,left:i,behavior:"smooth"}):(this.modalContent.value.scrollTop=e,this.modalContent.value.scrollLeft=i))}async setFocus(){await B(this),z(this.el)}async updateFocusTrapElements(e){this.focusTrap.updateContainerElements(e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.cssVarObserver?.observe(this.el,{attributeFilter:["style"]}),this.updateSizeCssVars()}async load(){C.deprecated("component",{name:"modal",removalVersion:4,suggested:"dialog"}),this.open&&this.openModal()}willUpdate(e){(e.has("hasBack")&&(this.hasUpdated||this.hasBack!==!1)||e.has("hasPrimary")&&(this.hasUpdated||this.hasPrimary!==!1)||e.has("hasSecondary")&&(this.hasUpdated||this.hasSecondary!==!1))&&(this.hasFooter=this.hasBack||this.hasPrimary||this.hasSecondary),e.has("opened")&&(this.hasUpdated||this.opened!==!1)&&this.handleOpenedChange(this.opened)}loaded(){}disconnectedCallback(){super.disconnectedCallback(),this.removeOverflowHiddenClass(),this.mutationObserver?.disconnect(),this.cssVarObserver?.disconnect()}handleHeaderSlotChange(e){this.titleEl=g(e)[0]}handleContentSlotChange(e){this.contentEl=g(e)[0]}handleBackSlotChange(e){this.hasBack=n(e)}handlePrimarySlotChange(e){this.hasPrimary=n(e)}handleSecondarySlotChange(e){this.hasSecondary=n(e)}setTransitionEl(e){this.transitionEl=e}onBeforeOpen(){this.transitionEl?.classList.add(t.openingActive),this.calciteModalBeforeOpen.emit()}onOpen(){this.transitionEl?.classList.remove(t.openingIdle,t.openingActive),this.calciteModalOpen.emit(),this.focusTrap.activate()}onBeforeClose(){this.transitionEl?.classList.add(t.closingActive),this.calciteModalBeforeClose.emit()}onClose(){this.transitionEl?.classList.remove(t.closingIdle,t.closingActive),this.calciteModalClose.emit(),this.focusTrap.deactivate()}toggleModal(e){this.ignoreOpenChange||(e?this.openModal():this.closeModal())}handleOpenedChange(e){let{transitionEl:i}=this;if(!i)return;let d=e?t.openingIdle:t.closingIdle;i.classList.add(d),S(this)}handleCloseClick(){this.open=!1}async openModal(){await this.componentOnReady(),this.el.addEventListener("calciteModalOpen",this.openEnd),this.opened=!0,this.titleId=u(this.titleEl),this.contentId=u(this.contentEl),v(this.el)===document.body&&(c===0&&(T=document.documentElement.style.overflow),c++,document.documentElement.style.setProperty("overflow","hidden"))}handleOutsideClose(){this.outsideCloseDisabled||(this.open=!1)}async closeModal(){if(this.beforeClose)try{await this.beforeClose(this.el)}catch{requestAnimationFrame(()=>{this.ignoreOpenChange=!0,this.open=!0,this.ignoreOpenChange=!1});return}v(this.el)===document.body&&(c--,c===0&&this.removeOverflowHiddenClass()),this.opened=!1}removeOverflowHiddenClass(){document.documentElement.style.setProperty("overflow",T)}updateSizeCssVars(){this.cssWidth=getComputedStyle(this.el).getPropertyValue("--calcite-modal-width"),this.cssHeight=getComputedStyle(this.el).getPropertyValue("--calcite-modal-height")}contentTopSlotChangeHandler(e){this.hasContentTop=n(e)}contentBottomSlotChangeHandler(e){this.hasContentBottom=n(e)}render(){return h(this.el,"aria-describedby",this.contentId),h(this.el,"aria-labelledby",this.titleId),this.el.ariaModal="true",this.el.role="dialog",a`<div class=${o({[t.container]:!0,[t.containerOpen]:this.opened})}><calcite-scrim class=${o(t.scrim)} @click=${this.handleOutsideClose}></calcite-scrim>${this.renderStyle()}<div class=${o({[t.modal]:!0})} ${r(this.setTransitionEl)}><div class=${o(t.header)}>${this.renderCloseButton()}<header class=${o(t.title)}><slot name=${t.header} @slotchange=${this.handleHeaderSlotChange}></slot></header></div>${this.renderContentTop()}<div class=${o({[t.content]:!0,[t.contentNoFooter]:!this.hasFooter})} ${r(this.modalContent)}><slot name=${s.content} @slotchange=${this.handleContentSlotChange}></slot></div>${this.renderContentBottom()}${this.renderFooter()}</div></div>`}renderFooter(){return p("footer",a`<div class=${o(t.footer)} .hidden=${!this.hasFooter}><span class=${o(t.back)}><slot name=${s.back} @slotchange=${this.handleBackSlotChange}></slot></span><span class=${o(t.secondary)}><slot name=${s.secondary} @slotchange=${this.handleSecondarySlotChange}></slot></span><span class=${o(t.primary)}><slot name=${s.primary} @slotchange=${this.handlePrimarySlotChange}></slot></span></div>`)}renderContentTop(){return a`<div class=${o(t.contentTop)} .hidden=${!this.hasContentTop}><slot name=${s.contentTop} @slotchange=${this.contentTopSlotChangeHandler}></slot></div>`}renderContentBottom(){return a`<div class=${o(t.contentBottom)} .hidden=${!this.hasContentBottom}><slot name=${s.contentBottom} @slotchange=${this.contentBottomSlotChangeHandler}></slot></div>`}renderCloseButton(){return this.closeButtonDisabled?null:p("button",a`<button .ariaLabel=${this.messages.close} class=${o(t.close)} @click=${this.handleCloseClick} title=${this.messages.close??k} ${r(this.closeButtonEl)}><calcite-icon .icon=${D.close} .scale=${$(this.scale)}></calcite-icon></button>`)}renderStyle(){if(!this.fullscreen&&(this.cssWidth||this.cssHeight))return a`<style>${`.${t.container} {
+v3.1.0-next.0 */
+import{a as E}from"./6R5C57P5.js";import"./A7WWDVJQ.js";import{p as v}from"./CVPHYVRS.js";import{a as S}from"./D2PRGKAG.js";import{a as $}from"./WQI63ENU.js";import{a as C}from"./RSMRASRN.js";import{a as p}from"./CQ5FVCCX.js";import{a as m}from"./R3FLP5QS.js";import{a as O}from"./MYKRE5QO.js";import{a as b,b as r}from"./WACTC6C2.js";import{b as u,n as z,u as n,v as g}from"./FE2QRVI7.js";import{b as B}from"./7VOKVNOX.js";import"./7LGBDOYP.js";import{A as h,J as w,e as x,f as a,j as k,v as l,w as y,x as o}from"./IPEYLL4T.js";var t={modal:"modal",title:"title",header:"header",footer:"footer",scrim:"scrim",back:"back",close:"close",secondary:"secondary",primary:"primary",container:"container",containerOpen:"container--open",content:"content",contentNoFooter:"content--no-footer",contentBottom:"content-bottom",contentTop:"content-top",openingIdle:"modal--opening-idle",openingActive:"modal--opening-active",closingIdle:"modal--closing-idle",closingActive:"modal--closing-active"},D={close:"x"},s={content:"content",contentBottom:"content-bottom",contentTop:"content-top",back:"back",secondary:"secondary",primary:"primary"},M=x`:host{--calcite-modal-scrim-background: rgba(0, 0, 0, .85);position:fixed;inset:0;z-index:var(--calcite-z-index-overlay);display:flex;opacity:0;visibility:hidden!important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88);--calcite-modal-scrim-background-internal: rgba(0, 0, 0, .85)}.content-top[hidden],.content-bottom[hidden]{display:none}.container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow-y:hidden;color:var(--calcite-color-text-2);opacity:0;visibility:hidden!important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88)}:host([scale=s]){--calcite-modal-padding-internal: .75rem;--calcite-modal-padding-large-internal: 1rem;--calcite-modal-title-text-internal: var(--calcite-font-size-1);--calcite-modal-content-text-internal: var(--calcite-font-size--1)}:host([scale=m]){--calcite-modal-padding-internal: 1rem;--calcite-modal-padding-large-internal: 1.25rem;--calcite-modal-title-text-internal: var(--calcite-font-size-2);--calcite-modal-content-text-internal: var(--calcite-font-size-0)}:host([scale=l]){--calcite-modal-padding-internal: 1.25rem;--calcite-modal-padding-large-internal: 1.5rem;--calcite-modal-title-text-internal: var(--calcite-font-size-3);--calcite-modal-content-text-internal: var(--calcite-font-size-1)}.scrim{--calcite-scrim-background: var(--calcite-modal-scrim-background, var(--calcite-color-transparent-scrim));position:absolute;inset:0;display:flex;overflow-y:hidden}.modal{pointer-events:none;z-index:var(--calcite-z-index-modal);float:none;margin:1.5rem;box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;overflow:hidden;border-radius:.25rem;background-color:var(--calcite-color-foreground-1);opacity:0;--tw-shadow: 0 2px 12px -4px rgba(0, 0, 0, .2), 0 2px 4px -2px rgba(0, 0, 0, .16);--tw-shadow-colored: 0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-webkit-overflow-scrolling:touch;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88),visibility 0ms linear var(--calcite-internal-animation-timing-slow),opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88);--calcite-modal-hidden-position: translate3d(0, 20px, 0);--calcite-modal-shown-position: translate3d(0, 0, 0)}.modal--opening-idle{transform:var(--calcite-modal-hidden-position)}.modal--opening-active,.modal--closing-idle{transform:var(--calcite-modal-shown-position)}.modal--closing-active{transform:var(--calcite-modal-hidden-position)}:host([opened]){opacity:1;visibility:visible!important;transition-delay:0ms}.container--open{opacity:1;visibility:visible!important;transition-delay:0ms}.container--open .modal{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88),visibility 0ms linear,opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88),max-inline-size var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88),max-block-size var(--calcite-internal-animation-timing-slow) cubic-bezier(.215,.44,.42,.88);transition-delay:0ms}.header{z-index:var(--calcite-z-index-header);display:flex;min-inline-size:0px;max-inline-size:100%;border-start-start-radius:.25rem;border-start-end-radius:.25rem;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto}.close{order:2;margin:0;cursor:pointer;appearance:none;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-internal);flex:0 0 auto}.close calcite-icon{vertical-align:-2px}.close:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.close:hover,.close:focus,.close:active{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.title{order:1;display:flex;min-inline-size:0px;align-items:center;flex:1 1 auto;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-large-internal)}slot[name=header]::slotted(*),*::slotted([slot=header]){margin:0;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1);font-size:var(--calcite-modal-title-text-internal)}.content{position:relative;box-sizing:border-box;display:block;block-size:100%;overflow:auto;padding:0;background-color:var(--calcite-modal-content-background, var(--calcite-color-foreground-1));max-block-size:100%;padding:var(--calcite-modal-content-padding, var(--calcite-modal-padding-internal))}.content-top,.content-bottom{z-index:var(--calcite-z-index-header);display:flex;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding:var(--calcite-modal-padding-internal)}.content-top{min-inline-size:0px;max-inline-size:100%;border-block-end-width:1px}.content-bottom{margin-block-start:auto;box-sizing:border-box;inline-size:100%;justify-content:space-between;border-block-start-width:1px}.content-top:not(.header~.content-top){border-start-start-radius:.25rem;border-start-end-radius:.25rem}.content-bottom:not(.content-bottom~.footer),.content--no-footer{border-end-end-radius:.25rem;border-end-start-radius:.25rem}slot[name=content]::slotted(*),*::slotted([slot=content]){font-size:var(--calcite-modal-context-text-internal)}.footer{z-index:var(--calcite-z-index-header);margin-block-start:auto;box-sizing:border-box;display:flex;inline-size:100%;justify-content:space-between;border-end-end-radius:.25rem;border-end-start-radius:.25rem;border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-large-internal)}.footer--hide-back .back,.footer--hide-secondary .secondary{display:none}.back{display:block;margin-inline-end:auto}.secondary{margin-inline:.25rem;display:block}slot[name=primary]{display:block}:host([width=small]) .modal{inline-size:auto}:host([width-scale=s]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 32rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 35rem){:host([width-scale=s]) .modal{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=s]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=s][docked]) .container{align-items:flex-end}}:host([width-scale=m]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 48rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 51rem){:host([width-scale=m]) .modal{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=m]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=m][docked]) .container{align-items:flex-end}}:host([width-scale=l]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 94rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 97rem){:host([width-scale=l]) .modal{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=l]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=l][docked]) .container{align-items:flex-end}}:host([fullscreen]) .modal{margin:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0;--calcite-modal-hidden-position: translate3D(0, 20px, 0) scale(.95);--calcite-modal-shown-position: translate3D(0, 0, 0) scale(1)}:host([fullscreen]) .content{max-block-size:100%;flex:1 1 auto}:host([opened][fullscreen]) .header,:host([opened][fullscreen]) .footer,:host([opened][fullscreen]) .content-top,:host([opened][fullscreen]) .content-bottom{border-radius:0}:host([docked]) .modal{block-size:var(--calcite-modal-height, auto)}:host([docked]) .content{block-size:auto;flex:1 1 auto}:host([kind=brand]) .modal{border-color:var(--calcite-color-brand)}:host([kind=danger]) .modal{border-color:var(--calcite-color-status-danger)}:host([kind=info]) .modal{border-color:var(--calcite-color-status-info)}:host([kind=success]) .modal{border-color:var(--calcite-color-status-success)}:host([kind=warning]) .modal{border-color:var(--calcite-color-status-warning)}:host([kind=brand]) .modal,:host([kind=danger]) .modal,:host([kind=info]) .modal,:host([kind=success]) .modal,:host([kind=warning]) .modal{border-width:0px;border-block-start-width:4px;border-style:solid}:host([kind=brand]) .header,:host([kind=brand]) .content-top,:host([kind=danger]) .header,:host([kind=danger]) .content-top,:host([kind=info]) .header,:host([kind=info]) .content-top,:host([kind=success]) .header,:host([kind=success]) .content-top,:host([kind=warning]) .header,:host([kind=warning]) .content-top{border-radius:.25rem;border-end-end-radius:0px;border-end-start-radius:0px}@media screen and (max-width: 860px){* slot[name=header]::slotted(content-top),* content-top::slotted([slot=header]){font-size:var(--calcite-font-size-1)}.footer,.content-bottom{position:sticky;inset-block-end:0px}}@media screen and (max-width: 480px){.footer,.content-bottom{flex-direction:column}.back,.secondary{margin:0;margin-block-end:.25rem}}:host([hidden]){display:none}[hidden]{display:none}`,c=0,T="",f=class extends y{constructor(){super(),this.closeButtonEl=b(),this.cssVarObserver=m("mutation",()=>{this.updateSizeCssVars()}),this.focusTrap=E({triggerProp:"open",focusTrapOptions:{clickOutsideDeactivates:!1,escapeDeactivates:e=>(!e.defaultPrevented&&!this.escapeDisabled&&(this.open=!1,e.preventDefault()),!1)}})(this),this.ignoreOpenChange=!1,this.modalContent=b(),this.mutationObserver=m("mutation",()=>this.updateFocusTrapElements()),this._open=!1,this.openEnd=()=>{this.setFocus(),this.el.removeEventListener("calciteModalOpen",this.openEnd)},this.openProp="opened",this.transitionProp="opacity",this.hasBack=!1,this.hasContentBottom=!1,this.hasContentTop=!1,this.hasFooter=!1,this.hasPrimary=!1,this.hasSecondary=!1,this.closeButtonDisabled=!1,this.escapeDisabled=!1,this.focusTrapDisabled=!1,this.messages=O(),this.opened=!1,this.outsideCloseDisabled=!1,this.scale="m",this.widthScale="m",this.calciteModalBeforeClose=l({cancelable:!1}),this.calciteModalBeforeOpen=l({cancelable:!1}),this.calciteModalClose=l({cancelable:!1}),this.calciteModalOpen=l({cancelable:!1}),this.keyDownHandler=e=>{let{defaultPrevented:i,key:d}=e;!i&&this.focusTrapDisabled&&this.open&&!this.escapeDisabled&&d==="Escape"&&(e.preventDefault(),this.open=!1)},this.listen("keydown",this.keyDownHandler)}static{this.properties={contentEl:16,cssHeight:16,cssWidth:16,hasBack:16,hasContentBottom:16,hasContentTop:16,hasFooter:16,hasPrimary:16,hasSecondary:16,titleEl:16,beforeClose:0,closeButtonDisabled:7,docked:7,escapeDisabled:7,focusTrapDisabled:7,focusTrapOptions:0,fullscreen:7,kind:3,messageOverrides:0,open:7,opened:7,outsideCloseDisabled:7,scale:3,widthScale:3}}static{this.styles=M}get open(){return this._open}set open(e){let i=this._open;e!==i&&(this._open=e,this.toggleModal(e))}async scrollContent(e=0,i=0){this.modalContent.value&&(this.modalContent.value.scrollTo?this.modalContent.value.scrollTo({top:e,left:i,behavior:"smooth"}):(this.modalContent.value.scrollTop=e,this.modalContent.value.scrollLeft=i))}async setFocus(){await B(this),z(this.el)}async updateFocusTrapElements(e){this.focusTrap.updateContainerElements(e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.cssVarObserver?.observe(this.el,{attributeFilter:["style"]}),this.updateSizeCssVars()}async load(){C.deprecated("component",{name:"modal",removalVersion:4,suggested:"dialog"}),this.open&&this.openModal()}willUpdate(e){(e.has("hasBack")&&(this.hasUpdated||this.hasBack!==!1)||e.has("hasPrimary")&&(this.hasUpdated||this.hasPrimary!==!1)||e.has("hasSecondary")&&(this.hasUpdated||this.hasSecondary!==!1))&&(this.hasFooter=this.hasBack||this.hasPrimary||this.hasSecondary),e.has("opened")&&(this.hasUpdated||this.opened!==!1)&&this.handleOpenedChange(this.opened)}loaded(){}disconnectedCallback(){super.disconnectedCallback(),this.removeOverflowHiddenClass(),this.mutationObserver?.disconnect(),this.cssVarObserver?.disconnect()}handleHeaderSlotChange(e){this.titleEl=g(e)[0]}handleContentSlotChange(e){this.contentEl=g(e)[0]}handleBackSlotChange(e){this.hasBack=n(e)}handlePrimarySlotChange(e){this.hasPrimary=n(e)}handleSecondarySlotChange(e){this.hasSecondary=n(e)}setTransitionEl(e){this.transitionEl=e}onBeforeOpen(){this.transitionEl?.classList.add(t.openingActive),this.calciteModalBeforeOpen.emit()}onOpen(){this.transitionEl?.classList.remove(t.openingIdle,t.openingActive),this.calciteModalOpen.emit(),this.focusTrap.activate()}onBeforeClose(){this.transitionEl?.classList.add(t.closingActive),this.calciteModalBeforeClose.emit()}onClose(){this.transitionEl?.classList.remove(t.closingIdle,t.closingActive),this.calciteModalClose.emit(),this.focusTrap.deactivate()}toggleModal(e){this.ignoreOpenChange||(e?this.openModal():this.closeModal())}handleOpenedChange(e){let{transitionEl:i}=this;if(!i)return;let d=e?t.openingIdle:t.closingIdle;i.classList.add(d),S(this)}handleCloseClick(){this.open=!1}async openModal(){await this.componentOnReady(),this.el.addEventListener("calciteModalOpen",this.openEnd),this.opened=!0,this.titleId=u(this.titleEl),this.contentId=u(this.contentEl),v(this.el)===document.body&&(c===0&&(T=document.documentElement.style.overflow),c++,document.documentElement.style.setProperty("overflow","hidden"))}handleOutsideClose(){this.outsideCloseDisabled||(this.open=!1)}async closeModal(){if(this.beforeClose)try{await this.beforeClose(this.el)}catch{requestAnimationFrame(()=>{this.ignoreOpenChange=!0,this.open=!0,this.ignoreOpenChange=!1});return}v(this.el)===document.body&&(c--,c===0&&this.removeOverflowHiddenClass()),this.opened=!1}removeOverflowHiddenClass(){document.documentElement.style.setProperty("overflow",T)}updateSizeCssVars(){this.cssWidth=getComputedStyle(this.el).getPropertyValue("--calcite-modal-width"),this.cssHeight=getComputedStyle(this.el).getPropertyValue("--calcite-modal-height")}contentTopSlotChangeHandler(e){this.hasContentTop=n(e)}contentBottomSlotChangeHandler(e){this.hasContentBottom=n(e)}render(){return h(this.el,"aria-describedby",this.contentId),h(this.el,"aria-labelledby",this.titleId),this.el.ariaModal="true",this.el.role="dialog",a`<div class=${o({[t.container]:!0,[t.containerOpen]:this.opened})}><calcite-scrim class=${o(t.scrim)} @click=${this.handleOutsideClose}></calcite-scrim>${this.renderStyle()}<div class=${o({[t.modal]:!0})} ${r(this.setTransitionEl)}><div class=${o(t.header)}>${this.renderCloseButton()}<header class=${o(t.title)}><slot name=${t.header} @slotchange=${this.handleHeaderSlotChange}></slot></header></div>${this.renderContentTop()}<div class=${o({[t.content]:!0,[t.contentNoFooter]:!this.hasFooter})} ${r(this.modalContent)}><slot name=${s.content} @slotchange=${this.handleContentSlotChange}></slot></div>${this.renderContentBottom()}${this.renderFooter()}</div></div>`}renderFooter(){return p("footer",a`<div class=${o(t.footer)} .hidden=${!this.hasFooter}><span class=${o(t.back)}><slot name=${s.back} @slotchange=${this.handleBackSlotChange}></slot></span><span class=${o(t.secondary)}><slot name=${s.secondary} @slotchange=${this.handleSecondarySlotChange}></slot></span><span class=${o(t.primary)}><slot name=${s.primary} @slotchange=${this.handlePrimarySlotChange}></slot></span></div>`)}renderContentTop(){return a`<div class=${o(t.contentTop)} .hidden=${!this.hasContentTop}><slot name=${s.contentTop} @slotchange=${this.contentTopSlotChangeHandler}></slot></div>`}renderContentBottom(){return a`<div class=${o(t.contentBottom)} .hidden=${!this.hasContentBottom}><slot name=${s.contentBottom} @slotchange=${this.contentBottomSlotChangeHandler}></slot></div>`}renderCloseButton(){return this.closeButtonDisabled?null:p("button",a`<button .ariaLabel=${this.messages.close} class=${o(t.close)} @click=${this.handleCloseClick} title=${this.messages.close??k} ${r(this.closeButtonEl)}><calcite-icon .icon=${D.close} .scale=${$(this.scale)}></calcite-icon></button>`)}renderStyle(){if(!this.fullscreen&&(this.cssWidth||this.cssHeight))return a`<style>${`.${t.container} {
               ${this.docked&&this.cssWidth?"align-items: center !important;":""}
             }
             .${t.modal} {

package/dist/calcite/{PNHR5K2L.js → P2EJXRHM.js}

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

package/dist/calcite/{X2UHFJHG.js → P37UOGXI.js}

@@ -1,4 +1,4 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
-import{a as s}from"./CNO6NFH5.js";import{J as r,e as c,f as t,v as o,w as n,x as a}from"./KVSCG5E3.js";var l={accordion:"accordion",transparent:"accordion--transparent"},d=c`:host{position:relative;display:block;max-inline-size:100%;line-height:1.5rem}.accordion{border-width:1px;border-block-end-width:0px;border-style:solid;border-color:var(--calcite-accordion-border-color, var(--calcite-color-border-2));background-color:var(--calcite-accordion-background-color, var(--calcite-color-foreground-1))}.accordion--transparent{--calcite-accordion-border-color: transparent;border-color:var(--calcite-color-transparent);background-color:var(--calcite-color-transparent)}:host([scale=s]){--calcite-internal-accordion-item-spacing-unit: .25rem;--calcite-internal-accordion-icon-margin: .5rem;--calcite-internal-accordion-item-padding: var(--calcite-internal-accordion-item-spacing-unit) .5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-internal-accordion-item-spacing-unit: .5rem;--calcite-internal-accordion-icon-margin: .75rem;--calcite-internal-accordion-item-padding: var(--calcite-internal-accordion-item-spacing-unit) .75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-internal-accordion-item-spacing-unit: .75rem;--calcite-internal-accordion-icon-margin: 1rem;--calcite-internal-accordion-item-padding: var(--calcite-internal-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([hidden]){display:none}[hidden]{display:none}`,i=class extends n{constructor(){super(),this.mutationObserver=s("mutation",()=>this.updateAccordionItems()),this.appearance="solid",this.iconPosition="end",this.iconType="chevron",this.scale="m",this.selectionMode="multiple",this.calciteInternalAccordionChange=o({cancelable:!1}),this.listen("calciteInternalAccordionItemSelect",this.updateActiveItemOnChange)}static{this.properties={appearance:3,iconPosition:3,iconType:3,scale:3,selectionMode:3}}static{this.styles=d}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0}),this.updateAccordionItems()}willUpdate(e){(e.has("iconPosition")&&(this.hasUpdated||this.iconPosition!=="end")||e.has("iconType")&&(this.hasUpdated||this.iconType!=="chevron")||e.has("scale")&&(this.hasUpdated||this.scale!=="m")||e.has("selectionMode")&&(this.hasUpdated||this.selectionMode!=="multiple"))&&this.updateAccordionItems()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}updateActiveItemOnChange(e){this.calciteInternalAccordionChange.emit({requestedAccordionItem:e.detail.requestedAccordionItem}),e.stopPropagation()}updateAccordionItems(){this.el.querySelectorAll("calcite-accordion-item").forEach(e=>{e.iconPosition=this.iconPosition,e.iconType=this.iconType,e.scale=this.scale}),document.dispatchEvent(new CustomEvent("calciteInternalAccordionItemsSync"))}render(){let e=this.appearance==="transparent";return t`<div class=${a({[l.transparent]:e,[l.accordion]:!e})}><slot></slot></div>`}};r("calcite-accordion",i);export{i as Accordion};
+v3.1.0-next.0 */
+import{a as s}from"./R3FLP5QS.js";import{J as r,e as c,f as t,v as o,w as n,x as a}from"./IPEYLL4T.js";var l={accordion:"accordion",transparent:"accordion--transparent"},d=c`:host{position:relative;display:block;max-inline-size:100%;line-height:1.5rem}.accordion{border-width:1px;border-block-end-width:0px;border-style:solid;border-color:var(--calcite-accordion-border-color, var(--calcite-color-border-2));background-color:var(--calcite-accordion-background-color, var(--calcite-color-foreground-1))}.accordion--transparent{--calcite-accordion-border-color: transparent;border-color:var(--calcite-color-transparent);background-color:var(--calcite-color-transparent)}:host([scale=s]){--calcite-internal-accordion-item-spacing-unit: .25rem;--calcite-internal-accordion-icon-margin: .5rem;--calcite-internal-accordion-item-padding: var(--calcite-internal-accordion-item-spacing-unit) .5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-internal-accordion-item-spacing-unit: .5rem;--calcite-internal-accordion-icon-margin: .75rem;--calcite-internal-accordion-item-padding: var(--calcite-internal-accordion-item-spacing-unit) .75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-internal-accordion-item-spacing-unit: .75rem;--calcite-internal-accordion-icon-margin: 1rem;--calcite-internal-accordion-item-padding: var(--calcite-internal-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([hidden]){display:none}[hidden]{display:none}`,i=class extends n{constructor(){super(),this.mutationObserver=s("mutation",()=>this.updateAccordionItems()),this.appearance="solid",this.iconPosition="end",this.iconType="chevron",this.scale="m",this.selectionMode="multiple",this.calciteInternalAccordionChange=o({cancelable:!1}),this.listen("calciteInternalAccordionItemSelect",this.updateActiveItemOnChange)}static{this.properties={appearance:3,iconPosition:3,iconType:3,scale:3,selectionMode:3}}static{this.styles=d}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0}),this.updateAccordionItems()}willUpdate(e){(e.has("iconPosition")&&(this.hasUpdated||this.iconPosition!=="end")||e.has("iconType")&&(this.hasUpdated||this.iconType!=="chevron")||e.has("scale")&&(this.hasUpdated||this.scale!=="m")||e.has("selectionMode")&&(this.hasUpdated||this.selectionMode!=="multiple"))&&this.updateAccordionItems()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}updateActiveItemOnChange(e){this.calciteInternalAccordionChange.emit({requestedAccordionItem:e.detail.requestedAccordionItem}),e.stopPropagation()}updateAccordionItems(){this.el.querySelectorAll("calcite-accordion-item").forEach(e=>{e.iconPosition=this.iconPosition,e.iconType=this.iconType,e.scale=this.scale}),document.dispatchEvent(new CustomEvent("calciteInternalAccordionItemsSync"))}render(){let e=this.appearance==="transparent";return t`<div class=${a({[l.transparent]:e,[l.accordion]:!e})}><slot></slot></div>`}};r("calcite-accordion",i);export{i as Accordion};

package/dist/calcite/PC7WLS5Q.js

@@ -0,0 +1,4 @@
+/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v3.1.0-next.0 */
+import{a as R,b as F}from"./RAA7AM6M.js";import{a as H}from"./WQI63ENU.js";import"./RSMRASRN.js";import{a as b}from"./CQ5FVCCX.js";import{a as I}from"./R3FLP5QS.js";import{a as O}from"./MYKRE5QO.js";import{a as E,b as m}from"./WACTC6C2.js";import{b as L}from"./7VOKVNOX.js";import{a as T}from"./7LGBDOYP.js";import{J as C,e as z,f as i,w,x as n,z as c}from"./IPEYLL4T.js";var e={button:"button",buttonTextVisible:"button--text-visible",buttonCompact:"button--compact",indicatorText:"indicator-text",iconContainer:"icon-container",slotContainer:"slot-container",slotContainerHidden:"slot-container--hidden",textContainer:"text-container",textContainerVisible:"text-container--visible",indicatorWithIcon:"indicator-with-icon",indicatorWithoutIcon:"indicator-without-icon"},B={tooltip:"tooltip"},V=z`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;cursor:pointer;background-color:transparent;--calcite-internal-action-text-color: var(--calcite-color-text-3)}:host([drag-handle]){cursor:move;--calcite-internal-action-text-color: var(--calcite-color-border-input);--calcite-internal-action-padding-inline: var(--calcite-spacing-xxs)}:host,.button{border-radius:var(--calcite-action-corner-radius, var(--calcite-action-corner-radius-start-start, var(--calcite-corner-radius)) var(--calcite-action-corner-radius-start-end, var(--calcite-corner-radius)) var(--calcite-action-corner-radius-end-end, var(--calcite-corner-radius)) var(--calcite-action-corner-radius-end-start, var(--calcite-corner-radius)))}.button{position:relative;margin:0;display:flex;inline-size:auto;align-items:center;justify-content:flex-start;border-style:none;font-family:var(--calcite-font-family);font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);outline-color:transparent;background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-1));color:var(--calcite-action-text-color, var(--calcite-internal-action-text-color));text-align:unset;flex:1 0 auto;cursor:inherit}.button:hover{background-color:var(--calcite-action-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-action-text-color-press, var(--calcite-action-text-color-pressed, var(--calcite-color-text-1)))}.button:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.button:active{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-foreground-3)))}.icon-container{pointer-events:none;margin:0;display:flex;align-items:center;justify-content:center;min-inline-size:1rem;min-block-size:1.5rem}.text-container{margin:0;inline-size:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5rem;opacity:0;transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:margin;transition-property:inline-size}.text-container--visible{inline-size:auto;flex:1 1 auto;opacity:1}:host([active]) .button,:host([active]) .button:hover,:host([active]) .button:focus{color:var(--calcite-action-text-color-press, var(--calcite-action-text-color-pressed, var(--calcite-color-text-1)));background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-foreground-3)))}:host([active]) .button:active{background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-1))}:host([loading]) .button:hover,:host([loading]) .button:focus{background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-1))}:host([loading]) .text-container{opacity:var(--calcite-opacity-disabled)}:host([loading]) calcite-loader[inline]{margin-inline-end:0px}:host([appearance=transparent]):host([active]) .button{background-color:var(--calcite-color-transparent-press)}:host([appearance=transparent]) .button{background-color:transparent;transition-property:box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host([appearance=transparent]) .button:hover{background-color:var(--calcite-color-transparent-hover)}:host([appearance=transparent]) .button:active{background-color:var(--calcite-color-transparent-press)}:host([data-active]) .button{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([scale=s]) .button{font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal);padding-inline:var(--calcite-internal-action-padding-inline, .5rem);padding-block:var(--calcite-internal-action-padding-block, var(--calcite-spacing-xxs))}:host([scale=s]) .button--text-visible .icon-container{margin-inline-end:.5rem}:host([scale=m]) .button{font-size:var(--calcite-font-size--1);line-height:1rem;font-weight:var(--calcite-font-weight-normal);padding-inline:var(--calcite-internal-action-padding-inline, 1rem);padding-block:var(--calcite-internal-action-padding-block, var(--calcite-spacing-md))}:host([scale=m]) .button--text-visible .icon-container{margin-inline-end:.75rem}:host([scale=l]) .button{font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-normal);padding-inline:var(--calcite-internal-action-padding-inline, 1.25rem);padding-block:var(--calcite-internal-action-padding-block, var(--calcite-spacing-xl))}:host([scale=l]) .button--text-visible .icon-container{margin-inline-end:1rem}:host([alignment=center]) .button{justify-content:center}:host([alignment=end]) .button{justify-content:flex-end}:host([alignment=center]) .button .text-container--visible,:host([alignment=end]) .button .text-container--visible{flex:0 1 auto}:host([scale=s][compact]) .button,:host([scale=m][compact]) .button,:host([scale=l][compact]) .button{padding-inline:0px}.slot-container{display:flex}.slot-container--hidden{display:none}.button--text-visible{inline-size:100%}.indicator-with-icon{position:relative}.indicator-with-icon:after{content:"";position:absolute;block-size:.5rem;inline-size:.5rem;border-radius:9999px;inset-block-end:-.275rem;inset-inline-end:-.275rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand))}.indicator-without-icon{margin-inline:.25rem;inline-size:1rem;position:relative}.indicator-without-icon:after{content:"";position:absolute;block-size:.5rem;inline-size:.5rem;border-radius:9999px;inset-block-end:-.275rem;inset-inline-end:-.275rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand))}.indicator-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) .button,:host([disabled]) .button:hover,:host([disabled]) .button:focus{cursor:default;opacity:var(--calcite-opacity-disabled);background-color:var(--calcite-action-background-color, var(--calcite-action-background-color, var(--calcite-color-foreground-1)))}:host([disabled]):host([active]) .button,:host([disabled]):host([active]) .button:hover,:host([disabled]):host([active]) .button:focus{opacity:var(--calcite-opacity-disabled);background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-foreground-3))))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,f=class extends w{constructor(){super(...arguments),this.guid=`calcite-action-${T()}`,this.buttonEl=E(),this.buttonId=`${this.guid}-button`,this.indicatorId=`${this.guid}-indicator`,this.mutationObserver=I("mutation",()=>this.requestUpdate()),this.active=!1,this.appearance="solid",this.compact=!1,this.disabled=!1,this.dragHandle=!1,this.iconFlipRtl=!1,this.indicator=!1,this.loading=!1,this.messages=O({blocking:!0}),this.scale="m",this.textEnabled=!1}static{this.properties={active:7,alignment:3,appearance:3,compact:7,disabled:7,dragHandle:7,icon:3,iconFlipRtl:7,indicator:7,label:1,loading:7,messageOverrides:0,scale:3,text:1,textEnabled:7}}static{this.styles=V}async setFocus(){await L(this),this.buttonEl.value?.focus()}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}async load(){}updated(){R(this)}loaded(){}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}handleTooltipSlotChange(t){let o=t.target.assignedElements({flatten:!0}).filter(a=>a?.matches("calcite-tooltip"))[0];o&&(o.referenceElement=this.buttonEl.value)}renderTextContainer(){let{text:t,textEnabled:o}=this,a={[e.textContainer]:!0,[e.textContainerVisible]:o};return t?b("text-container",i`<div class=${n(a)}>${t}</div>`):null}renderIndicatorText(){let{indicator:t,messages:o,indicatorId:a,buttonId:l}=this;return i`<div aria-labelledby=${l??c} aria-live=polite class=${n(e.indicatorText)} id=${a??c} role=region>${t?o.indicator:null}</div>`}renderIconContainer(){let{loading:t,icon:o,scale:a,el:l,iconFlipRtl:d,indicator:h}=this,p=a==="l"?"l":"m",v=t?i`<calcite-loader inline .label=${this.messages.loading} .scale=${p}></calcite-loader>`:null,r=o?i`<calcite-icon class=${n({[e.indicatorWithIcon]:h})} .flipRtl=${d} .icon=${o} .scale=${H(this.scale)}></calcite-icon>`:null,s=v||r,u=s||l.children?.length,g=i`<div class=${n({[e.slotContainer]:!0,[e.slotContainerHidden]:t})}><slot></slot></div>`;return u?b("icon-container",i`<div aria-hidden=true class=${n(e.iconContainer)}>${s}${g}</div>`):null}renderButton(){let{active:t,compact:o,disabled:a,icon:l,loading:d,textEnabled:h,label:p,text:v,indicator:r,indicatorId:s,buttonId:u,messages:g}=this,x=p||v||"",k=r?g.indicatorLabel.replace("{label}",x):x,$={[e.button]:!0,[e.buttonTextVisible]:h,[e.buttonCompact]:o},y=i`${this.renderIconContainer()}${this.renderTextContainer()}${!l&&r&&b("indicator-no-icon",i`<div class=${n(e.indicatorWithoutIcon)}></div>`)||""}`;return this.dragHandle?i`<span aria-controls=${(r?s:null)??c} .ariaBusy=${d} .ariaDisabled=${this.disabled?this.disabled:null} .ariaLabel=${k} .ariaPressed=${t} class=${n($)} id=${u??c} role=button tabindex=${(this.disabled?null:0)??c} ${m(this.buttonEl)}>${y}</span>`:i`<button aria-controls=${(r?s:null)??c} .ariaBusy=${d} .ariaLabel=${k} .ariaPressed=${t} class=${n($)} .disabled=${a} id=${u??c} ${m(this.buttonEl)}>${y}</button>`}render(){return F({disabled:this.disabled,children:i`${this.renderButton()}<slot name=${B.tooltip} @slotchange=${this.handleTooltipSlotChange}></slot>${this.renderIndicatorText()}`})}};C("calcite-action",f);export{f as Action};

package/dist/calcite/{5AVZLE2Q.js → PD3WNH5L.js}

@@ -1,4 +1,4 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
-import{a as c}from"./CIV3PH3Z.js";import{a as I}from"./ARHYATTG.js";import{a as m,b as p}from"./QU33PBBI.js";import{e as x,v as $}from"./CMO3X257.js";import{b as k}from"./GN5CPLSJ.js";import"./I2OIH73C.js";import{C as y,J as w,e as f,f as o,v as h,w as g,x as r,z as d}from"./KVSCG5E3.js";var t={container:"container",content:"content",dropdownVertical:"dropdown--vertical",dropdownMenuItems:"dropdown-menu-items",dropdownAction:"dropdown-action",layoutVertical:"layout--vertical",hoverHrefIcon:"hover-href-icon",icon:"icon",iconBreadcrumb:"icon--breadcrumb",iconDropdown:"icon--dropdown",iconEnd:"icon--end",iconStart:"icon--start",isParentVertical:"parent--vertical",itemContent:"item-content",open:"open",nested:"nested",textContainer:"text-container"},L=f`:host{position:relative;box-sizing:border-box;display:flex;align-items:center;flex-shrink:0}:host .container,:host .item-content,:host .content{min-block-size:3rem}:host([layout=vertical]){inline-size:100%}:host(:not([layout=vertical])){block-size:100%}.container,.item-content{display:flex;block-size:100%;inline-size:100%;flex-direction:row;align-items:stretch}.content{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-items:center;justify-content:center;padding-inline:1rem;font-size:var(--calcite-font-size-0);outline:2px solid transparent;outline-offset:2px;text-decoration:none;padding-block-start:.125rem;border-block-end:.125rem solid var(--calcite-color-transparent);background-color:var(--calcite-menu-background-color, var(--calcite-internal-menu-background-color, var(--calcite-color-foreground-1)));color:var(--calcite-menu-text-color, var(--calcite-internal-menu-text-color, var(--calcite-color-text-2)))}.content:hover{border-block-end-color:var(--calcite-menu-item-accent-color, var(--calcite-color-border-2))}.content:focus{border-block-end-width:4px;outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))));padding-block-start:.25rem;border-block-end-width:.25rem}.content:active{--calcite-internal-menu-background-color: var(--calcite-color-foreground-3);--calcite-internal-menu-text-color: var(--calcite-color-text-1)}.content span{display:inline-flex}.content.layout--vertical{display:flex;inline-size:100%;justify-content:flex-start;padding-block:1rem;border-block-end:0;border-inline-end:.25rem solid var(--calcite-color-transparent)}:host([layout=vertical]) .content{padding-inline:.75rem}:host([active]) .content{--calcite-internal-menu-text-color: var(--calcite-color-text-1);border-color:var(--calcite-menu-item-accent-color, var(--calcite-color-brand))}:host([active]) .icon{--calcite-internal-menu-item-icon-color: var(--calcite-color-brand)}.icon{color:var(--calcite-menu-text-color, var(--calcite-icon-color, var(--calcite-internal-menu-item-icon-color, var(--calcite-color-text-3))))}.icon--start{margin-inline-end:.75rem}.icon--end{margin-inline-start:.75rem}:host([layout=vertical]) .icon--end{margin-inline-start:auto;padding-inline-start:.75rem}.icon--dropdown{position:relative;margin-inline-start:auto;margin-inline-end:0px;padding-inline-start:.5rem}:host([layout=vertical]) .icon--end~.icon--dropdown{margin-inline-start:.75rem}:host([layout=vertical]) .hover-href-icon{padding-inline-start:.5rem}:host([layout=vertical]) .hover-href-icon~.icon--end{margin-inline-start:.5rem}:host([layout=vertical]) .hover-href-icon~.icon--breadcrumb{margin-inline-start:.75rem}.icon--breadcrumb{margin-inline-end:0px;padding-inline-start:.5rem}:host([layout=vertical]) .icon--breadcrumb{margin-inline-start:auto}:host([layout=vertical]) .icon--breadcrumb~.icon--dropdown{margin-inline-start:.5rem}:host([layout=vertical]) .icon--end~.icon--breadcrumb{margin-inline-start:.5rem}:host([breadcrumb]) .content{padding-inline-end:.75rem}calcite-action{position:relative;block-size:auto;border-inline-start:1px solid var(--calcite-color-foreground-1);--calcite-action-background-color: var(--calcite-menu-background-color);--calcite-action-text-color: var(--calcite-menu-text-color)}calcite-action:after{position:absolute;inset-inline-start:-1px;display:block;inline-size:1px;content:"";inset-block:.75rem;background-color:var(--calcite-color-border-3)}calcite-action:hover:after{block-size:100%;inset-block:0}calcite-action:active{--calcite-action-background-color-press: var(--calcite-menu-background-color)}.content:focus~calcite-action,.content:hover~calcite-action{--calcite-action-text-color: var(--calcite-menu-text-color, var(--calcite-color-text-1))}.content:focus~calcite-action:after,.content:hover~calcite-action:after{block-size:100%;inset-block:0}.dropdown-menu-items{position:absolute;display:none;block-size:auto;min-inline-size:100%;flex-direction:column;overflow:visible;border:1px solid var(--calcite-menu-item-sub-menu-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-menu-item-sub-menu-corner-radius, var(--calcite-corner-radius));inset-block-start:100%;z-index:var(--calcite-z-index-dropdown)}.dropdown-menu-items.open{display:block}.dropdown-menu-items.nested{position:absolute;inset-block-start:-1px;transform:translate(calc(100% - 2px))}.parent--vertical{flex-direction:column}.dropdown--vertical.dropdown-menu-items{position:relative;box-shadow:none;inset-block-start:0;transform:none}.dropdown--vertical.dropdown-menu-items:last-of-type{border-inline:0}:host([layout=vertical]:last-of-type) .dropdown-menu-items{border-block-end:0}:host([slot=submenu-item]) .parent--vertical{padding-inline-start:1.5rem}.dropdown-menu-items.nested.calcite--rtl{transform:translate(calc(-100% + 2px))}.dropdown--vertical.dropdown-menu-items.nested.calcite--rtl{transform:none}.hover-href-icon{position:relative;inset-inline-end:.25rem;margin-inline-start:auto;opacity:0;transition:all var(--calcite-internal-animation-timing-medium) ease-in-out}.content:focus .hover-href-icon,.content:hover .hover-href-icon{inset-inline-end:-.25rem;opacity:1}:host([hidden]){display:none}[hidden]{display:none}`,v=class extends g{constructor(){super(),this.anchorEl=m(),this.dropdownActionEl=m(),this.hasSubmenu=!1,this.isTopLevelItem=!1,this.messages=I(),this.open=!1,this.calciteInternalMenuItemKeyEvent=h(),this.calciteMenuItemSelect=h(),this.listenOn(window,"click",this.handleClickOut),this.listen("focusout",this.handleFocusOut),this.listen("blur",this.blurHandler),this.listen("focus",this.focusHandler)}static{this.properties={hasSubmenu:16,submenuItems:16,active:7,breadcrumb:7,href:1,iconEnd:3,iconFlipRtl:3,iconStart:3,isTopLevelItem:5,label:1,layout:3,messageOverrides:0,open:7,rel:3,target:3,text:1,topLevelMenuLayout:1}}static{this.styles=L}async setFocus(){await k(this),this.anchorEl.value.focus()}async load(){}loaded(){}handleClickOut(e){this.topLevelMenuLayout!=="vertical"&&this.hasSubmenu&&this.open&&!e.composedPath().includes(this.el)&&(this.open=!1)}handleFocusOut(e){this.topLevelMenuLayout!=="vertical"&&!this.el.contains(e.relatedTarget)&&(this.open=!1)}blurHandler(){this.isFocused=!1}clickHandler(e){(this.href&&e.target===this.dropdownActionEl.value||!this.href&&this.hasSubmenu)&&(this.open=!this.open),this.selectMenuItem(e)}focusHandler(e){let n=e.target;this.isFocused=!0,n.open&&!this.open&&(n.open=!1)}handleMenuItemSlotChange(e){this.submenuItems=$(e),this.submenuItems.forEach(n=>{n.topLevelMenuLayout||(n.topLevelMenuLayout=this.topLevelMenuLayout)}),this.hasSubmenu=this.submenuItems.length>0}async keyDownHandler(e){let{hasSubmenu:n,href:a,layout:b,open:l,submenuItems:u}=this,i=e.key,s=e.target===this.dropdownActionEl.value;if(!e.defaultPrevented){if(i===" "||i==="Enter")n&&(!a||a&&s)&&(this.open=!l),!(a&&s)&&i!=="Enter"&&this.selectMenuItem(e),(i===" "||a&&s)&&e.preventDefault();else if(i==="Escape"){if(l){this.open=!1;return}this.calciteInternalMenuItemKeyEvent.emit({event:e}),e.preventDefault()}else if(i==="ArrowDown"||i==="ArrowUp"){if(e.preventDefault(),(s||!a)&&n&&!l&&b==="horizontal"){this.open=!0;return}this.calciteInternalMenuItemKeyEvent.emit({event:e,children:u,isSubmenuOpen:l&&n})}else if(i==="ArrowLeft")e.preventDefault(),this.calciteInternalMenuItemKeyEvent.emit({event:e,children:u,isSubmenuOpen:!0});else if(i==="ArrowRight"){if(e.preventDefault(),(s||!a)&&n&&!l&&b==="vertical"){this.open=!0;return}this.calciteInternalMenuItemKeyEvent.emit({event:e,children:u,isSubmenuOpen:l&&n})}}}selectMenuItem(e){e.target!==this.dropdownActionEl.value&&this.calciteMenuItemSelect.emit()}renderIconStart(){return c(t.iconStart,o`<calcite-icon class=${`${t.icon} ${t.iconStart}`} .flipRtl=${this.iconFlipRtl==="start"||this.iconFlipRtl==="both"} .icon=${this.iconStart} scale=s></calcite-icon>`)}renderIconEnd(){return c(t.iconEnd,o`<calcite-icon class=${`${t.icon} ${t.iconEnd}`} .flipRtl=${this.iconFlipRtl==="end"||this.iconFlipRtl==="both"} .icon=${this.iconEnd} scale=s></calcite-icon>`)}renderBreadcrumbIcon(e){return c(t.iconBreadcrumb,o`<calcite-icon class=${`${t.icon} ${t.iconBreadcrumb}`} .icon=${e==="rtl"?"chevron-left":"chevron-right"} scale=s></calcite-icon>`)}renderDropdownIcon(e){let n=e==="rtl"?"chevron-left":"chevron-right";return c(t.iconDropdown,o`<calcite-icon class=${`${t.icon} ${t.iconDropdown}`} .icon=${this.topLevelMenuLayout==="vertical"||this.isTopLevelItem?this.open?"chevron-up":"chevron-down":n} scale=s></calcite-icon>`)}renderDropdownAction(e){let n=e==="rtl"?"chevron-left":"chevron-right";return c(t.dropdownAction,o`<calcite-action class=${r(t.dropdownAction)} .icon=${this.topLevelMenuLayout==="vertical"||this.isTopLevelItem?this.open?"chevron-up":"chevron-down":n} @click=${this.clickHandler} @keydown=${this.keyDownHandler} .text=${this.messages.open} ${p(this.dropdownActionEl)}></calcite-action>`)}renderSubmenuItems(e){return o`<calcite-menu class=${r({[t.dropdownMenuItems]:!0,[t.open]:this.open,[t.nested]:!this.isTopLevelItem,[y.rtl]:e==="rtl",[t.dropdownVertical]:this.topLevelMenuLayout==="vertical"})} .label=${this.messages.submenu} layout=vertical role=menu><slot name=submenu-item @slotchange=${this.handleMenuItemSlotChange}></slot></calcite-menu>`}renderHrefIcon(e){return c(t.hoverHrefIcon,o`<calcite-icon class=${r(t.hoverHrefIcon)} .icon=${e==="rtl"?"arrow-left":"arrow-right"} scale=s></calcite-icon>`)}renderItemContent(e){let n=this.href&&(this.topLevelMenuLayout==="vertical"||!this.isTopLevelItem);return o`${this.iconStart&&this.renderIconStart()||""}<div class=${r(t.textContainer)}><span>${this.text}</span></div>${n&&this.renderHrefIcon(e)||""}${this.iconEnd&&this.renderIconEnd()||""}${this.breadcrumb?this.renderBreadcrumbIcon(e):null}${!this.href&&this.hasSubmenu?this.renderDropdownIcon(e):null}`}render(){let e=x(this.el);return o`<li class=${r({[t.container]:!0,[t.isParentVertical]:this.topLevelMenuLayout==="vertical"})} role=none><div class=${r(t.itemContent)}><a .ariaCurrent=${this.isFocused?"page":!1} .ariaExpanded=${this.open} .ariaHasPopup=${this.hasSubmenu} .ariaLabel=${this.label} class=${r({[t.layoutVertical]:this.layout==="vertical",[t.content]:!0})} href=${this.href??d} @click=${this.clickHandler} @keydown=${this.keyDownHandler} rel=${this.rel??d} role=menuitem .tabIndex=${this.isTopLevelItem?0:-1} target=${this.target??d} ${p(this.anchorEl)}>${this.renderItemContent(e)}</a>${this.href&&this.hasSubmenu?this.renderDropdownAction(e):null}</div>${this.renderSubmenuItems(e)}</li>`}};w("calcite-menu-item",v);export{v as MenuItem};
+v3.1.0-next.0 */
+import{a as c}from"./CQ5FVCCX.js";import{a as I}from"./MYKRE5QO.js";import{a as m,b as p}from"./WACTC6C2.js";import{e as x,v as $}from"./FE2QRVI7.js";import{b as k}from"./7VOKVNOX.js";import"./7LGBDOYP.js";import{C as y,J as w,e as f,f as o,v as h,w as g,x as r,z as d}from"./IPEYLL4T.js";var t={container:"container",content:"content",dropdownVertical:"dropdown--vertical",dropdownMenuItems:"dropdown-menu-items",dropdownAction:"dropdown-action",layoutVertical:"layout--vertical",hoverHrefIcon:"hover-href-icon",icon:"icon",iconBreadcrumb:"icon--breadcrumb",iconDropdown:"icon--dropdown",iconEnd:"icon--end",iconStart:"icon--start",isParentVertical:"parent--vertical",itemContent:"item-content",open:"open",nested:"nested",textContainer:"text-container"},L=f`:host{position:relative;box-sizing:border-box;display:flex;align-items:center;flex-shrink:0}:host .container,:host .item-content,:host .content{min-block-size:3rem}:host([layout=vertical]){inline-size:100%}:host(:not([layout=vertical])){block-size:100%}.container,.item-content{display:flex;block-size:100%;inline-size:100%;flex-direction:row;align-items:stretch}.content{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-items:center;justify-content:center;padding-inline:1rem;font-size:var(--calcite-font-size-0);outline:2px solid transparent;outline-offset:2px;text-decoration:none;padding-block-start:.125rem;border-block-end:.125rem solid var(--calcite-color-transparent);background-color:var(--calcite-menu-background-color, var(--calcite-internal-menu-background-color, var(--calcite-color-foreground-1)));color:var(--calcite-menu-text-color, var(--calcite-internal-menu-text-color, var(--calcite-color-text-2)))}.content:hover{border-block-end-color:var(--calcite-menu-item-accent-color, var(--calcite-color-border-2))}.content:focus{border-block-end-width:4px;outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))));padding-block-start:.25rem;border-block-end-width:.25rem}.content:active{--calcite-internal-menu-background-color: var(--calcite-color-foreground-3);--calcite-internal-menu-text-color: var(--calcite-color-text-1)}.content span{display:inline-flex}.content.layout--vertical{display:flex;inline-size:100%;justify-content:flex-start;padding-block:1rem;border-block-end:0;border-inline-end:.25rem solid var(--calcite-color-transparent)}:host([layout=vertical]) .content{padding-inline:.75rem}:host([active]) .content{--calcite-internal-menu-text-color: var(--calcite-color-text-1);border-color:var(--calcite-menu-item-accent-color, var(--calcite-color-brand))}:host([active]) .icon{--calcite-internal-menu-item-icon-color: var(--calcite-color-brand)}.icon{color:var(--calcite-menu-text-color, var(--calcite-icon-color, var(--calcite-internal-menu-item-icon-color, var(--calcite-color-text-3))))}.icon--start{margin-inline-end:.75rem}.icon--end{margin-inline-start:.75rem}:host([layout=vertical]) .icon--end{margin-inline-start:auto;padding-inline-start:.75rem}.icon--dropdown{position:relative;margin-inline-start:auto;margin-inline-end:0px;padding-inline-start:.5rem}:host([layout=vertical]) .icon--end~.icon--dropdown{margin-inline-start:.75rem}:host([layout=vertical]) .hover-href-icon{padding-inline-start:.5rem}:host([layout=vertical]) .hover-href-icon~.icon--end{margin-inline-start:.5rem}:host([layout=vertical]) .hover-href-icon~.icon--breadcrumb{margin-inline-start:.75rem}.icon--breadcrumb{margin-inline-end:0px;padding-inline-start:.5rem}:host([layout=vertical]) .icon--breadcrumb{margin-inline-start:auto}:host([layout=vertical]) .icon--breadcrumb~.icon--dropdown{margin-inline-start:.5rem}:host([layout=vertical]) .icon--end~.icon--breadcrumb{margin-inline-start:.5rem}:host([breadcrumb]) .content{padding-inline-end:.75rem}calcite-action{position:relative;block-size:auto;border-inline-start:1px solid var(--calcite-color-foreground-1);--calcite-action-background-color: var(--calcite-menu-background-color);--calcite-action-text-color: var(--calcite-menu-text-color)}calcite-action:after{position:absolute;inset-inline-start:-1px;display:block;inline-size:1px;content:"";inset-block:.75rem;background-color:var(--calcite-color-border-3)}calcite-action:hover:after{block-size:100%;inset-block:0}calcite-action:active{--calcite-action-background-color-press: var(--calcite-menu-background-color)}.content:focus~calcite-action,.content:hover~calcite-action{--calcite-action-text-color: var(--calcite-menu-text-color, var(--calcite-color-text-1))}.content:focus~calcite-action:after,.content:hover~calcite-action:after{block-size:100%;inset-block:0}.dropdown-menu-items{position:absolute;display:none;block-size:auto;min-inline-size:100%;flex-direction:column;overflow:visible;border:1px solid var(--calcite-menu-item-sub-menu-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-menu-item-sub-menu-corner-radius, var(--calcite-corner-radius));inset-block-start:100%;z-index:var(--calcite-z-index-dropdown)}.dropdown-menu-items.open{display:block}.dropdown-menu-items.nested{position:absolute;inset-block-start:-1px;transform:translate(calc(100% - 2px))}.parent--vertical{flex-direction:column}.dropdown--vertical.dropdown-menu-items{position:relative;box-shadow:none;inset-block-start:0;transform:none}.dropdown--vertical.dropdown-menu-items:last-of-type{border-inline:0}:host([layout=vertical]:last-of-type) .dropdown-menu-items{border-block-end:0}:host([slot=submenu-item]) .parent--vertical{padding-inline-start:1.5rem}.dropdown-menu-items.nested.calcite--rtl{transform:translate(calc(-100% + 2px))}.dropdown--vertical.dropdown-menu-items.nested.calcite--rtl{transform:none}.hover-href-icon{position:relative;inset-inline-end:.25rem;margin-inline-start:auto;opacity:0;transition:all var(--calcite-internal-animation-timing-medium) ease-in-out}.content:focus .hover-href-icon,.content:hover .hover-href-icon{inset-inline-end:-.25rem;opacity:1}:host([hidden]){display:none}[hidden]{display:none}`,v=class extends g{constructor(){super(),this.anchorEl=m(),this.dropdownActionEl=m(),this.hasSubmenu=!1,this.isTopLevelItem=!1,this.messages=I(),this.open=!1,this.calciteInternalMenuItemKeyEvent=h(),this.calciteMenuItemSelect=h(),this.listenOn(window,"click",this.handleClickOut),this.listen("focusout",this.handleFocusOut),this.listen("blur",this.blurHandler),this.listen("focus",this.focusHandler)}static{this.properties={hasSubmenu:16,submenuItems:16,active:7,breadcrumb:7,href:1,iconEnd:3,iconFlipRtl:3,iconStart:3,isTopLevelItem:5,label:1,layout:3,messageOverrides:0,open:7,rel:3,target:3,text:1,topLevelMenuLayout:1}}static{this.styles=L}async setFocus(){await k(this),this.anchorEl.value.focus()}async load(){}loaded(){}handleClickOut(e){this.topLevelMenuLayout!=="vertical"&&this.hasSubmenu&&this.open&&!e.composedPath().includes(this.el)&&(this.open=!1)}handleFocusOut(e){this.topLevelMenuLayout!=="vertical"&&!this.el.contains(e.relatedTarget)&&(this.open=!1)}blurHandler(){this.isFocused=!1}clickHandler(e){(this.href&&e.target===this.dropdownActionEl.value||!this.href&&this.hasSubmenu)&&(this.open=!this.open),this.selectMenuItem(e)}focusHandler(e){let n=e.target;this.isFocused=!0,n.open&&!this.open&&(n.open=!1)}handleMenuItemSlotChange(e){this.submenuItems=$(e),this.submenuItems.forEach(n=>{n.topLevelMenuLayout||(n.topLevelMenuLayout=this.topLevelMenuLayout)}),this.hasSubmenu=this.submenuItems.length>0}async keyDownHandler(e){let{hasSubmenu:n,href:a,layout:b,open:l,submenuItems:u}=this,i=e.key,s=e.target===this.dropdownActionEl.value;if(!e.defaultPrevented){if(i===" "||i==="Enter")n&&(!a||a&&s)&&(this.open=!l),!(a&&s)&&i!=="Enter"&&this.selectMenuItem(e),(i===" "||a&&s)&&e.preventDefault();else if(i==="Escape"){if(l){this.open=!1;return}this.calciteInternalMenuItemKeyEvent.emit({event:e}),e.preventDefault()}else if(i==="ArrowDown"||i==="ArrowUp"){if(e.preventDefault(),(s||!a)&&n&&!l&&b==="horizontal"){this.open=!0;return}this.calciteInternalMenuItemKeyEvent.emit({event:e,children:u,isSubmenuOpen:l&&n})}else if(i==="ArrowLeft")e.preventDefault(),this.calciteInternalMenuItemKeyEvent.emit({event:e,children:u,isSubmenuOpen:!0});else if(i==="ArrowRight"){if(e.preventDefault(),(s||!a)&&n&&!l&&b==="vertical"){this.open=!0;return}this.calciteInternalMenuItemKeyEvent.emit({event:e,children:u,isSubmenuOpen:l&&n})}}}selectMenuItem(e){e.target!==this.dropdownActionEl.value&&this.calciteMenuItemSelect.emit()}renderIconStart(){return c(t.iconStart,o`<calcite-icon class=${`${t.icon} ${t.iconStart}`} .flipRtl=${this.iconFlipRtl==="start"||this.iconFlipRtl==="both"} .icon=${this.iconStart} scale=s></calcite-icon>`)}renderIconEnd(){return c(t.iconEnd,o`<calcite-icon class=${`${t.icon} ${t.iconEnd}`} .flipRtl=${this.iconFlipRtl==="end"||this.iconFlipRtl==="both"} .icon=${this.iconEnd} scale=s></calcite-icon>`)}renderBreadcrumbIcon(e){return c(t.iconBreadcrumb,o`<calcite-icon class=${`${t.icon} ${t.iconBreadcrumb}`} .icon=${e==="rtl"?"chevron-left":"chevron-right"} scale=s></calcite-icon>`)}renderDropdownIcon(e){let n=e==="rtl"?"chevron-left":"chevron-right";return c(t.iconDropdown,o`<calcite-icon class=${`${t.icon} ${t.iconDropdown}`} .icon=${this.topLevelMenuLayout==="vertical"||this.isTopLevelItem?this.open?"chevron-up":"chevron-down":n} scale=s></calcite-icon>`)}renderDropdownAction(e){let n=e==="rtl"?"chevron-left":"chevron-right";return c(t.dropdownAction,o`<calcite-action class=${r(t.dropdownAction)} .icon=${this.topLevelMenuLayout==="vertical"||this.isTopLevelItem?this.open?"chevron-up":"chevron-down":n} @click=${this.clickHandler} @keydown=${this.keyDownHandler} .text=${this.messages.open} ${p(this.dropdownActionEl)}></calcite-action>`)}renderSubmenuItems(e){return o`<calcite-menu class=${r({[t.dropdownMenuItems]:!0,[t.open]:this.open,[t.nested]:!this.isTopLevelItem,[y.rtl]:e==="rtl",[t.dropdownVertical]:this.topLevelMenuLayout==="vertical"})} .label=${this.messages.submenu} layout=vertical role=menu><slot name=submenu-item @slotchange=${this.handleMenuItemSlotChange}></slot></calcite-menu>`}renderHrefIcon(e){return c(t.hoverHrefIcon,o`<calcite-icon class=${r(t.hoverHrefIcon)} .icon=${e==="rtl"?"arrow-left":"arrow-right"} scale=s></calcite-icon>`)}renderItemContent(e){let n=this.href&&(this.topLevelMenuLayout==="vertical"||!this.isTopLevelItem);return o`${this.iconStart&&this.renderIconStart()||""}<div class=${r(t.textContainer)}><span>${this.text}</span></div>${n&&this.renderHrefIcon(e)||""}${this.iconEnd&&this.renderIconEnd()||""}${this.breadcrumb?this.renderBreadcrumbIcon(e):null}${!this.href&&this.hasSubmenu?this.renderDropdownIcon(e):null}`}render(){let e=x(this.el);return o`<li class=${r({[t.container]:!0,[t.isParentVertical]:this.topLevelMenuLayout==="vertical"})} role=none><div class=${r(t.itemContent)}><a .ariaCurrent=${this.isFocused?"page":!1} .ariaExpanded=${this.open} .ariaHasPopup=${this.hasSubmenu} .ariaLabel=${this.label} class=${r({[t.layoutVertical]:this.layout==="vertical",[t.content]:!0})} href=${this.href??d} @click=${this.clickHandler} @keydown=${this.keyDownHandler} rel=${this.rel??d} role=menuitem .tabIndex=${this.isTopLevelItem?0:-1} target=${this.target??d} ${p(this.anchorEl)}>${this.renderItemContent(e)}</a>${this.href&&this.hasSubmenu?this.renderDropdownAction(e):null}</div>${this.renderSubmenuItems(e)}</li>`}};w("calcite-menu-item",v);export{v as MenuItem};

package/dist/calcite/{YTRT5XZT.js → PER743YE.js}

@@ -1,4 +1,4 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
-import{b as a}from"./VJD4CRQ3.js";import"./YYJSHQR3.js";var M="\u0441\u0456\u0447\u043D\u044F_\u043B\u044E\u0442\u043E\u0433\u043E_\u0431\u0435\u0440\u0435\u0437\u043D\u044F_\u043A\u0432\u0456\u0442\u043D\u044F_\u0442\u0440\u0430\u0432\u043D\u044F_\u0447\u0435\u0440\u0432\u043D\u044F_\u043B\u0438\u043F\u043D\u044F_\u0441\u0435\u0440\u043F\u043D\u044F_\u0432\u0435\u0440\u0435\u0441\u043D\u044F_\u0436\u043E\u0432\u0442\u043D\u044F_\u043B\u0438\u0441\u0442\u043E\u043F\u0430\u0434\u0430_\u0433\u0440\u0443\u0434\u043D\u044F".split("_"),m="\u0441\u0456\u0447\u0435\u043D\u044C_\u043B\u044E\u0442\u0438\u0439_\u0431\u0435\u0440\u0435\u0437\u0435\u043D\u044C_\u043A\u0432\u0456\u0442\u0435\u043D\u044C_\u0442\u0440\u0430\u0432\u0435\u043D\u044C_\u0447\u0435\u0440\u0432\u0435\u043D\u044C_\u043B\u0438\u043F\u0435\u043D\u044C_\u0441\u0435\u0440\u043F\u0435\u043D\u044C_\u0432\u0435\u0440\u0435\u0441\u0435\u043D\u044C_\u0436\u043E\u0432\u0442\u0435\u043D\u044C_\u043B\u0438\u0441\u0442\u043E\u043F\u0430\u0434_\u0433\u0440\u0443\u0434\u0435\u043D\u044C".split("_"),n=/D[oD]?(\[[^[\]]*\]|\s)+MMMM?/;function d(e,_){var r=e.split("_");return _%10===1&&_%100!==11?r[0]:_%10>=2&&_%10<=4&&(_%100<10||_%100>=20)?r[1]:r[2]}function t(e,_,r){var o={ss:_?"\u0441\u0435\u043A\u0443\u043D\u0434\u0430_\u0441\u0435\u043A\u0443\u043D\u0434\u0438_\u0441\u0435\u043A\u0443\u043D\u0434":"\u0441\u0435\u043A\u0443\u043D\u0434\u0443_\u0441\u0435\u043A\u0443\u043D\u0434\u0438_\u0441\u0435\u043A\u0443\u043D\u0434",mm:_?"\u0445\u0432\u0438\u043B\u0438\u043D\u0430_\u0445\u0432\u0438\u043B\u0438\u043D\u0438_\u0445\u0432\u0438\u043B\u0438\u043D":"\u0445\u0432\u0438\u043B\u0438\u043D\u0443_\u0445\u0432\u0438\u043B\u0438\u043D\u0438_\u0445\u0432\u0438\u043B\u0438\u043D",hh:_?"\u0433\u043E\u0434\u0438\u043D\u0430_\u0433\u043E\u0434\u0438\u043D\u0438_\u0433\u043E\u0434\u0438\u043D":"\u0433\u043E\u0434\u0438\u043D\u0443_\u0433\u043E\u0434\u0438\u043D\u0438_\u0433\u043E\u0434\u0438\u043D",dd:"\u0434\u0435\u043D\u044C_\u0434\u043D\u0456_\u0434\u043D\u0456\u0432",MM:"\u043C\u0456\u0441\u044F\u0446\u044C_\u043C\u0456\u0441\u044F\u0446\u0456_\u043C\u0456\u0441\u044F\u0446\u0456\u0432",yy:"\u0440\u0456\u043A_\u0440\u043E\u043A\u0438_\u0440\u043E\u043A\u0456\u0432"};return r==="m"?_?"\u0445\u0432\u0438\u043B\u0438\u043D\u0430":"\u0445\u0432\u0438\u043B\u0438\u043D\u0443":r==="h"?_?"\u0433\u043E\u0434\u0438\u043D\u0430":"\u0433\u043E\u0434\u0438\u043D\u0443":e+" "+d(o[r],+e)}var s=function(_,r){return n.test(r)?M[_.month()]:m[_.month()]};s.s=m;s.f=M;var l={name:"uk",weekdays:"\u043D\u0435\u0434\u0456\u043B\u044F_\u043F\u043E\u043D\u0435\u0434\u0456\u043B\u043E\u043A_\u0432\u0456\u0432\u0442\u043E\u0440\u043E\u043A_\u0441\u0435\u0440\u0435\u0434\u0430_\u0447\u0435\u0442\u0432\u0435\u0440_\u043F\u2019\u044F\u0442\u043D\u0438\u0446\u044F_\u0441\u0443\u0431\u043E\u0442\u0430".split("_"),weekdaysShort:"\u043D\u0434\u043B_\u043F\u043D\u0434_\u0432\u0442\u0440_\u0441\u0440\u0434_\u0447\u0442\u0432_\u043F\u0442\u043D_\u0441\u0431\u0442".split("_"),weekdaysMin:"\u043D\u0434_\u043F\u043D_\u0432\u0442_\u0441\u0440_\u0447\u0442_\u043F\u0442_\u0441\u0431".split("_"),months:s,monthsShort:"\u0441\u0456\u0447_\u043B\u044E\u0442_\u0431\u0435\u0440_\u043A\u0432\u0456\u0442_\u0442\u0440\u0430\u0432_\u0447\u0435\u0440\u0432_\u043B\u0438\u043F_\u0441\u0435\u0440\u043F_\u0432\u0435\u0440_\u0436\u043E\u0432\u0442_\u043B\u0438\u0441\u0442_\u0433\u0440\u0443\u0434".split("_"),weekStart:1,relativeTime:{future:"\u0437\u0430 %s",past:"%s \u0442\u043E\u043C\u0443",s:"\u0434\u0435\u043A\u0456\u043B\u044C\u043A\u0430 \u0441\u0435\u043A\u0443\u043D\u0434",m:t,mm:t,h:t,hh:t,d:"\u0434\u0435\u043D\u044C",dd:t,M:"\u043C\u0456\u0441\u044F\u0446\u044C",MM:t,y:"\u0440\u0456\u043A",yy:t},ordinal:function(_){return _},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY \u0440.",LLL:"D MMMM YYYY \u0440., HH:mm",LLLL:"dddd, D MMMM YYYY \u0440., HH:mm"}};a.locale(l,null,!0);var i=l;export{i as default};
+v3.1.0-next.0 */
+import{b as a}from"./A77PTXQI.js";import"./AFBGRNF3.js";var M="\u0441\u0456\u0447\u043D\u044F_\u043B\u044E\u0442\u043E\u0433\u043E_\u0431\u0435\u0440\u0435\u0437\u043D\u044F_\u043A\u0432\u0456\u0442\u043D\u044F_\u0442\u0440\u0430\u0432\u043D\u044F_\u0447\u0435\u0440\u0432\u043D\u044F_\u043B\u0438\u043F\u043D\u044F_\u0441\u0435\u0440\u043F\u043D\u044F_\u0432\u0435\u0440\u0435\u0441\u043D\u044F_\u0436\u043E\u0432\u0442\u043D\u044F_\u043B\u0438\u0441\u0442\u043E\u043F\u0430\u0434\u0430_\u0433\u0440\u0443\u0434\u043D\u044F".split("_"),m="\u0441\u0456\u0447\u0435\u043D\u044C_\u043B\u044E\u0442\u0438\u0439_\u0431\u0435\u0440\u0435\u0437\u0435\u043D\u044C_\u043A\u0432\u0456\u0442\u0435\u043D\u044C_\u0442\u0440\u0430\u0432\u0435\u043D\u044C_\u0447\u0435\u0440\u0432\u0435\u043D\u044C_\u043B\u0438\u043F\u0435\u043D\u044C_\u0441\u0435\u0440\u043F\u0435\u043D\u044C_\u0432\u0435\u0440\u0435\u0441\u0435\u043D\u044C_\u0436\u043E\u0432\u0442\u0435\u043D\u044C_\u043B\u0438\u0441\u0442\u043E\u043F\u0430\u0434_\u0433\u0440\u0443\u0434\u0435\u043D\u044C".split("_"),n=/D[oD]?(\[[^[\]]*\]|\s)+MMMM?/;function d(e,_){var r=e.split("_");return _%10===1&&_%100!==11?r[0]:_%10>=2&&_%10<=4&&(_%100<10||_%100>=20)?r[1]:r[2]}function t(e,_,r){var o={ss:_?"\u0441\u0435\u043A\u0443\u043D\u0434\u0430_\u0441\u0435\u043A\u0443\u043D\u0434\u0438_\u0441\u0435\u043A\u0443\u043D\u0434":"\u0441\u0435\u043A\u0443\u043D\u0434\u0443_\u0441\u0435\u043A\u0443\u043D\u0434\u0438_\u0441\u0435\u043A\u0443\u043D\u0434",mm:_?"\u0445\u0432\u0438\u043B\u0438\u043D\u0430_\u0445\u0432\u0438\u043B\u0438\u043D\u0438_\u0445\u0432\u0438\u043B\u0438\u043D":"\u0445\u0432\u0438\u043B\u0438\u043D\u0443_\u0445\u0432\u0438\u043B\u0438\u043D\u0438_\u0445\u0432\u0438\u043B\u0438\u043D",hh:_?"\u0433\u043E\u0434\u0438\u043D\u0430_\u0433\u043E\u0434\u0438\u043D\u0438_\u0433\u043E\u0434\u0438\u043D":"\u0433\u043E\u0434\u0438\u043D\u0443_\u0433\u043E\u0434\u0438\u043D\u0438_\u0433\u043E\u0434\u0438\u043D",dd:"\u0434\u0435\u043D\u044C_\u0434\u043D\u0456_\u0434\u043D\u0456\u0432",MM:"\u043C\u0456\u0441\u044F\u0446\u044C_\u043C\u0456\u0441\u044F\u0446\u0456_\u043C\u0456\u0441\u044F\u0446\u0456\u0432",yy:"\u0440\u0456\u043A_\u0440\u043E\u043A\u0438_\u0440\u043E\u043A\u0456\u0432"};return r==="m"?_?"\u0445\u0432\u0438\u043B\u0438\u043D\u0430":"\u0445\u0432\u0438\u043B\u0438\u043D\u0443":r==="h"?_?"\u0433\u043E\u0434\u0438\u043D\u0430":"\u0433\u043E\u0434\u0438\u043D\u0443":e+" "+d(o[r],+e)}var s=function(_,r){return n.test(r)?M[_.month()]:m[_.month()]};s.s=m;s.f=M;var l={name:"uk",weekdays:"\u043D\u0435\u0434\u0456\u043B\u044F_\u043F\u043E\u043D\u0435\u0434\u0456\u043B\u043E\u043A_\u0432\u0456\u0432\u0442\u043E\u0440\u043E\u043A_\u0441\u0435\u0440\u0435\u0434\u0430_\u0447\u0435\u0442\u0432\u0435\u0440_\u043F\u2019\u044F\u0442\u043D\u0438\u0446\u044F_\u0441\u0443\u0431\u043E\u0442\u0430".split("_"),weekdaysShort:"\u043D\u0434\u043B_\u043F\u043D\u0434_\u0432\u0442\u0440_\u0441\u0440\u0434_\u0447\u0442\u0432_\u043F\u0442\u043D_\u0441\u0431\u0442".split("_"),weekdaysMin:"\u043D\u0434_\u043F\u043D_\u0432\u0442_\u0441\u0440_\u0447\u0442_\u043F\u0442_\u0441\u0431".split("_"),months:s,monthsShort:"\u0441\u0456\u0447_\u043B\u044E\u0442_\u0431\u0435\u0440_\u043A\u0432\u0456\u0442_\u0442\u0440\u0430\u0432_\u0447\u0435\u0440\u0432_\u043B\u0438\u043F_\u0441\u0435\u0440\u043F_\u0432\u0435\u0440_\u0436\u043E\u0432\u0442_\u043B\u0438\u0441\u0442_\u0433\u0440\u0443\u0434".split("_"),weekStart:1,relativeTime:{future:"\u0437\u0430 %s",past:"%s \u0442\u043E\u043C\u0443",s:"\u0434\u0435\u043A\u0456\u043B\u044C\u043A\u0430 \u0441\u0435\u043A\u0443\u043D\u0434",m:t,mm:t,h:t,hh:t,d:"\u0434\u0435\u043D\u044C",dd:t,M:"\u043C\u0456\u0441\u044F\u0446\u044C",MM:t,y:"\u0440\u0456\u043A",yy:t},ordinal:function(_){return _},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY \u0440.",LLL:"D MMMM YYYY \u0440., HH:mm",LLLL:"dddd, D MMMM YYYY \u0440., HH:mm"}};a.locale(l,null,!0);var i=l;export{i as default};

package/dist/calcite/{OE2AH2NC.js → PMGM7JNH.js}

@@ -1,4 +1,4 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
-import{a as M}from"./IH4RXHJJ.js";import{a as I}from"./PZLVQQMT.js";import"./4SEPDFCP.js";import{b as _}from"./OTHVFLNW.js";import"./G7WFYVUC.js";import{c as u,d as R,e as T,f as U,g as q,h as S,i as v}from"./V4JZRN7T.js";import"./PT2XMADA.js";import{a as O}from"./SMUXJLDL.js";import{a as H}from"./3IV6JSC2.js";import"./KW57BHXD.js";import{a as c}from"./CIV3PH3Z.js";import"./NWVCPRVB.js";import{a as F}from"./UELGJSYH.js";import{a as x}from"./CNO6NFH5.js";import{a as B}from"./ARHYATTG.js";import{a as P,b as d}from"./QU33PBBI.js";import{j as D,n as $,r as L,y as A}from"./CMO3X257.js";import{b as z}from"./GN5CPLSJ.js";import{a as C}from"./I2OIH73C.js";import{A as y,J as k,e as E,f as l,v as s,w,x as a}from"./KVSCG5E3.js";var g=class{constructor(){this.registeredElements=new Map,this.registeredElementCount=0,this.queryPopover=e=>{let{registeredElements:t}=this,i=e.find(r=>t.has(r));return t.get(i)},this.togglePopovers=e=>{let t=e.composedPath(),i=this.queryPopover(t);i&&!i.triggerDisabled&&(i.open=!i.open),Array.from(this.registeredElements.values()).filter(r=>r!==i&&r.autoClose&&r.open&&!t.includes(r)).forEach(r=>r.open=!1)},this.keyDownHandler=e=>{e.defaultPrevented||(e.key==="Escape"?this.closeAllPopovers():F(e.key)&&this.togglePopovers(e))},this.clickHandler=e=>{A(e)||e.defaultPrevented||this.togglePopovers(e)}}registerElement(e,t){this.registeredElementCount++,this.registeredElements.set(e,t),this.registeredElementCount===1&&this.addListeners()}unregisterElement(e){this.registeredElements.delete(e)&&this.registeredElementCount--,this.registeredElementCount===0&&this.removeListeners()}closeAllPopovers(){Array.from(this.registeredElements.values()).forEach(e=>e.open=!1)}addListeners(){window.addEventListener("click",this.clickHandler),window.addEventListener("keydown",this.keyDownHandler)}removeListeners(){window.removeEventListener("click",this.clickHandler),window.removeEventListener("keydown",this.keyDownHandler)}},o={positionContainer:"position-container",container:"container",closeButtonContainer:"close-button-container",closeButton:"close-button",content:"content",hasHeader:"has-header",header:"header",headerContainer:"headerContainer",heading:"heading"},j="auto",N="aria-controls",G="aria-expanded",W=E`:host{display:contents;--calcite-floating-ui-z-index: var(--calcite-popover-z-index, var(--calcite-z-index-popup))}.position-container{inline-size:max-content;display:none;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}.position-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:inset,left,opacity;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.position-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.position-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.position-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.position-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.position-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-z-index) * -1);fill:var(--calcite-color-foreground-1)}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-color-border-3)}:host([scale=s]) .heading{padding:.5rem .75rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .heading{padding:.75rem 1rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .heading{padding:1rem 1.25rem;font-size:var(--calcite-font-size-1);line-height:1.375}.position-container .calcite-floating-ui-anim{border-width:1px;border-style:solid;background-color:var(--calcite-popover-background-color, var(--calcite-color-foreground-1));border-color:var(--calcite-popover-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-popover-corner-radius, var(--calcite-corner-radius-round))}.calcite-floating-ui-arrow{fill:var(--calcite-popover-background-color, var(--calcite-color-foreground-1))}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-popover-border-color, var(--calcite-color-border-3))}.header{display:flex;flex:1 1 auto;align-items:stretch;justify-content:flex-start;border-width:0px;border-bottom-width:1px;border-style:solid;border-block-end-color:var(--calcite-popover-border-color, var(--calcite-color-border-3))}.heading{margin:0;display:block;flex:1 1 auto;align-self:center;white-space:normal;font-weight:var(--calcite-font-weight-medium);word-wrap:break-word;word-break:break-word;color:var(--calcite-popover-text-color, var(--calcite-color-text-1))}.headerContainer{position:relative;display:flex;height:100%;flex-direction:row;flex-wrap:nowrap;border-radius:.25rem;color:var(--calcite-popover-text-color, var(--calcite-color-text-1))}.headerContainer.has-header{flex-direction:column}.content{display:flex;height:100%;width:100%;flex-direction:column;flex-wrap:nowrap;align-self:center;word-wrap:break-word;word-break:break-word}.close-button-container{display:flex;overflow:hidden;flex:0 0 auto;border-start-end-radius:var(--calcite-popover-corner-radius, var(--calcite-corner-radius-round));border-end-end-radius:var(--calcite-popover-corner-radius, var(--calcite-corner-radius-round));--calcite-action-corner-radius-start-end: var(--calcite-popover-corner-radius, var(--calcite-corner-radius-sharp));--calcite-action-corner-radius-end-end: var(--calcite-popover-corner-radius, var(--calcite-corner-radius-sharp))}::slotted(calcite-panel),::slotted(calcite-flow){height:100%}:host([hidden]){display:none}[hidden]{display:none}`,K=new g,b=class extends w{constructor(){super(...arguments),this.closeButtonEl=P(),this.focusTrap=I({triggerProp:"open",focusTrapOptions:{allowOutsideClick:!0,escapeDeactivates:e=>(e.defaultPrevented||(this.open=!1,e.preventDefault()),!1)}})(this),this.guid=`calcite-popover-${C()}`,this.hasLoaded=!1,this.mutationObserver=x("mutation",()=>this.updateFocusTrapElements()),this.transitionProp="opacity",this.floatingLayout="vertical",this.autoClose=!1,this.closable=!1,this.flipDisabled=!1,this.focusTrapDisabled=!1,this.messages=B(),this.offsetDistance=v,this.offsetSkidding=0,this.open=!1,this.overlayPositioning="absolute",this.placement=j,this.pointerDisabled=!1,this.scale="m",this.triggerDisabled=!1,this.calcitePopoverBeforeClose=s({cancelable:!1}),this.calcitePopoverBeforeOpen=s({cancelable:!1}),this.calcitePopoverClose=s({cancelable:!1}),this.calcitePopoverOpen=s({cancelable:!1})}static{this.properties={floatingLayout:16,referenceEl:16,autoClose:7,closable:7,flipDisabled:7,flipPlacements:0,focusTrapDisabled:7,focusTrapOptions:0,heading:1,headingLevel:11,label:1,messageOverrides:0,offsetDistance:11,offsetSkidding:11,open:7,overlayPositioning:3,placement:3,pointerDisabled:7,referenceElement:1,scale:3,triggerDisabled:7}}static{this.styles=W}async reposition(e=!1){let{referenceEl:t,placement:i,overlayPositioning:r,flipDisabled:h,filteredFlipPlacements:p,offsetDistance:n,offsetSkidding:f,arrowEl:m,floatingEl:Q}=this;return T(this,{floatingEl:Q,referenceEl:t,overlayPositioning:r,placement:i,flipDisabled:h,flipPlacements:p,offsetDistance:n,offsetSkidding:f,arrowEl:m,type:"popover"},e)}async setFocus(){await z(this),this.requestUpdate(),$(this.el)}async updateFocusTrapElements(){this.focusTrap.updateContainerElements()}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.setFilteredPlacements(),requestAnimationFrame(()=>this.setUpReferenceElement(this.hasLoaded))}async load(){}willUpdate(e){e.has("flipPlacements")&&this.flipPlacementsHandler(),e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),(e.has("offsetDistance")&&(this.hasUpdated||this.offsetDistance!==v)||e.has("offsetSkidding")&&(this.hasUpdated||this.offsetSkidding!==0)||e.has("overlayPositioning")&&(this.hasUpdated||this.overlayPositioning!=="absolute")||e.has("placement")&&(this.hasUpdated||this.placement!==j))&&this.reposition(!0),e.has("referenceElement")&&this.referenceElementHandler()}loaded(){this.referenceElement&&!this.referenceEl&&this.setUpReferenceElement(),this.hasLoaded=!0}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.removeReferences(),S(this)}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}openHandler(){O(this),this.reposition(!0),this.setExpandedAttr()}referenceElementHandler(){this.setUpReferenceElement(),this.reposition(!0)}setFloatingEl(e){this.floatingEl=e,e&&requestAnimationFrame(()=>this.setUpReferenceElement())}setTransitionEl(e){this.transitionEl=e}setFilteredPlacements(){let{el:e,flipPlacements:t}=this;this.filteredFlipPlacements=t?R(t,e):null}setUpReferenceElement(e=!0){this.removeReferences(),this.referenceEl=this.getReferenceElement(),q(this);let{el:t,referenceElement:i,referenceEl:r}=this;e&&i&&!r&&console.warn(`${t.tagName}: reference-element id "${i}" was not found.`,{el:t}),this.addReferences()}getId(){return this.el.id||this.guid}setExpandedAttr(){let{referenceEl:e,open:t}=this;e&&"setAttribute"in e&&e.setAttribute(G,L(t))}addReferences(){let{referenceEl:e}=this;if(!e)return;let t=this.getId();"setAttribute"in e&&e.setAttribute(N,t),K.registerElement(e,this.el),this.setExpandedAttr()}removeReferences(){let{referenceEl:e}=this;e&&("removeAttribute"in e&&(e.removeAttribute(N),e.removeAttribute(G)),K.unregisterElement(e))}getReferenceElement(){let{referenceElement:e,el:t}=this;return(typeof e=="string"?D(t,{id:e}):e)||null}hide(){this.open=!1}onBeforeOpen(){this.calcitePopoverBeforeOpen.emit()}onOpen(){this.calcitePopoverOpen.emit(),this.focusTrap.activate()}onBeforeClose(){this.calcitePopoverBeforeClose.emit()}onClose(){this.calcitePopoverClose.emit(),U(this),this.focusTrap.deactivate()}storeArrowEl(e){this.arrowEl=e,this.reposition(!0)}renderCloseButton(){let{messages:e,closable:t}=this;return t?c(o.closeButtonContainer,l`<div class=${a(o.closeButtonContainer)}><calcite-action appearance=transparent class=${a(o.closeButton)} @click=${this.hide} .scale=${this.scale} .text=${e.close} ${d(this.closeButtonEl)}><calcite-icon icon=x .scale=${H(this.scale)}></calcite-icon></calcite-action></div>`):null}renderHeader(){let{heading:e,headingLevel:t}=this,i=e?_({class:o.heading,level:t,children:e}):null;return i?c(o.header,l`<div class=${a(o.header)}>${i}${this.renderCloseButton()}</div>`):null}render(){let{referenceEl:e,heading:t,label:i,open:r,pointerDisabled:h,floatingLayout:p}=this,n=e&&r,f=!n,m=h?null:c("floating-arrow",M({floatingLayout:p,ref:this.storeArrowEl}));return this.el.inert=f,this.el.ariaLabel=i,this.el.ariaLive="polite",y(this.el,"id",this.getId()),this.el.role="dialog",l`<div class=${a(o.positionContainer)} ${d(this.setFloatingEl)}><div class=${a({[o.container]:!0,[u.animation]:!0,[u.animationActive]:n})} ${d(this.setTransitionEl)}>${m}<div class=${a({[o.hasHeader]:!!t,[o.headerContainer]:!0})}>${this.renderHeader()}<div class=${a(o.content)}><slot></slot></div>${t?null:this.renderCloseButton()}</div></div></div>`}};k("calcite-popover",b);export{b as Popover};
+v3.1.0-next.0 */
+import{a as M}from"./NBCCD7Z4.js";import{a as I}from"./6R5C57P5.js";import"./A7WWDVJQ.js";import{b as _}from"./BUB7E4GE.js";import"./OLXJRGIR.js";import{c as u,d as R,e as T,f as U,g as q,h as S,i as v}from"./5V63WOMD.js";import"./CVPHYVRS.js";import{a as O}from"./D2PRGKAG.js";import{a as H}from"./WQI63ENU.js";import"./RSMRASRN.js";import{a as c}from"./CQ5FVCCX.js";import"./ERNMRUWX.js";import{a as F}from"./YSGHAVSA.js";import{a as x}from"./R3FLP5QS.js";import{a as B}from"./MYKRE5QO.js";import{a as P,b as d}from"./WACTC6C2.js";import{j as D,n as $,r as L,y as A}from"./FE2QRVI7.js";import{b as z}from"./7VOKVNOX.js";import{a as C}from"./7LGBDOYP.js";import{A as y,J as k,e as E,f as l,v as s,w,x as a}from"./IPEYLL4T.js";var g=class{constructor(){this.registeredElements=new Map,this.registeredElementCount=0,this.queryPopover=e=>{let{registeredElements:t}=this,i=e.find(r=>t.has(r));return t.get(i)},this.togglePopovers=e=>{let t=e.composedPath(),i=this.queryPopover(t);i&&!i.triggerDisabled&&(i.open=!i.open),Array.from(this.registeredElements.values()).filter(r=>r!==i&&r.autoClose&&r.open&&!t.includes(r)).forEach(r=>r.open=!1)},this.keyDownHandler=e=>{e.defaultPrevented||(e.key==="Escape"?this.closeAllPopovers():F(e.key)&&this.togglePopovers(e))},this.clickHandler=e=>{A(e)||e.defaultPrevented||this.togglePopovers(e)}}registerElement(e,t){this.registeredElementCount++,this.registeredElements.set(e,t),this.registeredElementCount===1&&this.addListeners()}unregisterElement(e){this.registeredElements.delete(e)&&this.registeredElementCount--,this.registeredElementCount===0&&this.removeListeners()}closeAllPopovers(){Array.from(this.registeredElements.values()).forEach(e=>e.open=!1)}addListeners(){window.addEventListener("click",this.clickHandler),window.addEventListener("keydown",this.keyDownHandler)}removeListeners(){window.removeEventListener("click",this.clickHandler),window.removeEventListener("keydown",this.keyDownHandler)}},o={positionContainer:"position-container",container:"container",closeButtonContainer:"close-button-container",closeButton:"close-button",content:"content",hasHeader:"has-header",header:"header",headerContainer:"headerContainer",heading:"heading"},j="auto",N="aria-controls",G="aria-expanded",W=E`:host{display:contents;--calcite-floating-ui-z-index: var(--calcite-popover-z-index, var(--calcite-z-index-popup))}.position-container{inline-size:max-content;display:none;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}.position-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:inset,left,opacity;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.position-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.position-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.position-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.position-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.position-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}.calcite-floating-ui-arrow{pointer-events:none;position:absolute;z-index:calc(var(--calcite-z-index) * -1);fill:var(--calcite-color-foreground-1)}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-color-border-3)}:host([scale=s]) .heading{padding:.5rem .75rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .heading{padding:.75rem 1rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .heading{padding:1rem 1.25rem;font-size:var(--calcite-font-size-1);line-height:1.375}.position-container .calcite-floating-ui-anim{border-width:1px;border-style:solid;background-color:var(--calcite-popover-background-color, var(--calcite-color-foreground-1));border-color:var(--calcite-popover-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-popover-corner-radius, var(--calcite-corner-radius-round))}.calcite-floating-ui-arrow{fill:var(--calcite-popover-background-color, var(--calcite-color-foreground-1))}.calcite-floating-ui-arrow__stroke{stroke:var(--calcite-popover-border-color, var(--calcite-color-border-3))}.header{display:flex;flex:1 1 auto;align-items:stretch;justify-content:flex-start;border-width:0px;border-bottom-width:1px;border-style:solid;border-block-end-color:var(--calcite-popover-border-color, var(--calcite-color-border-3))}.heading{margin:0;display:block;flex:1 1 auto;align-self:center;white-space:normal;font-weight:var(--calcite-font-weight-medium);word-wrap:break-word;word-break:break-word;color:var(--calcite-popover-text-color, var(--calcite-color-text-1))}.headerContainer{position:relative;display:flex;height:100%;flex-direction:row;flex-wrap:nowrap;border-radius:.25rem;color:var(--calcite-popover-text-color, var(--calcite-color-text-1))}.headerContainer.has-header{flex-direction:column}.content{display:flex;height:100%;width:100%;flex-direction:column;flex-wrap:nowrap;align-self:center;word-wrap:break-word;word-break:break-word}.close-button-container{display:flex;overflow:hidden;flex:0 0 auto;border-start-end-radius:var(--calcite-popover-corner-radius, var(--calcite-corner-radius-round));border-end-end-radius:var(--calcite-popover-corner-radius, var(--calcite-corner-radius-round));--calcite-action-corner-radius-start-end: var(--calcite-popover-corner-radius, var(--calcite-corner-radius-sharp));--calcite-action-corner-radius-end-end: var(--calcite-popover-corner-radius, var(--calcite-corner-radius-sharp))}::slotted(calcite-panel),::slotted(calcite-flow){height:100%}:host([hidden]){display:none}[hidden]{display:none}`,K=new g,b=class extends w{constructor(){super(...arguments),this.closeButtonEl=P(),this.focusTrap=I({triggerProp:"open",focusTrapOptions:{allowOutsideClick:!0,escapeDeactivates:e=>(e.defaultPrevented||(this.open=!1,e.preventDefault()),!1)}})(this),this.guid=`calcite-popover-${C()}`,this.hasLoaded=!1,this.mutationObserver=x("mutation",()=>this.updateFocusTrapElements()),this.transitionProp="opacity",this.floatingLayout="vertical",this.autoClose=!1,this.closable=!1,this.flipDisabled=!1,this.focusTrapDisabled=!1,this.messages=B(),this.offsetDistance=v,this.offsetSkidding=0,this.open=!1,this.overlayPositioning="absolute",this.placement=j,this.pointerDisabled=!1,this.scale="m",this.triggerDisabled=!1,this.calcitePopoverBeforeClose=s({cancelable:!1}),this.calcitePopoverBeforeOpen=s({cancelable:!1}),this.calcitePopoverClose=s({cancelable:!1}),this.calcitePopoverOpen=s({cancelable:!1})}static{this.properties={floatingLayout:16,referenceEl:16,autoClose:7,closable:7,flipDisabled:7,flipPlacements:0,focusTrapDisabled:7,focusTrapOptions:0,heading:1,headingLevel:11,label:1,messageOverrides:0,offsetDistance:11,offsetSkidding:11,open:7,overlayPositioning:3,placement:3,pointerDisabled:7,referenceElement:1,scale:3,triggerDisabled:7}}static{this.styles=W}async reposition(e=!1){let{referenceEl:t,placement:i,overlayPositioning:r,flipDisabled:h,filteredFlipPlacements:p,offsetDistance:n,offsetSkidding:f,arrowEl:m,floatingEl:Q}=this;return T(this,{floatingEl:Q,referenceEl:t,overlayPositioning:r,placement:i,flipDisabled:h,flipPlacements:p,offsetDistance:n,offsetSkidding:f,arrowEl:m,type:"popover"},e)}async setFocus(){await z(this),this.requestUpdate(),$(this.el)}async updateFocusTrapElements(){this.focusTrap.updateContainerElements()}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.setFilteredPlacements(),requestAnimationFrame(()=>this.setUpReferenceElement(this.hasLoaded))}async load(){}willUpdate(e){e.has("flipPlacements")&&this.flipPlacementsHandler(),e.has("open")&&(this.hasUpdated||this.open!==!1)&&this.openHandler(),(e.has("offsetDistance")&&(this.hasUpdated||this.offsetDistance!==v)||e.has("offsetSkidding")&&(this.hasUpdated||this.offsetSkidding!==0)||e.has("overlayPositioning")&&(this.hasUpdated||this.overlayPositioning!=="absolute")||e.has("placement")&&(this.hasUpdated||this.placement!==j))&&this.reposition(!0),e.has("referenceElement")&&this.referenceElementHandler()}loaded(){this.referenceElement&&!this.referenceEl&&this.setUpReferenceElement(),this.hasLoaded=!0}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),this.removeReferences(),S(this)}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}openHandler(){O(this),this.reposition(!0),this.setExpandedAttr()}referenceElementHandler(){this.setUpReferenceElement(),this.reposition(!0)}setFloatingEl(e){this.floatingEl=e,e&&requestAnimationFrame(()=>this.setUpReferenceElement())}setTransitionEl(e){this.transitionEl=e}setFilteredPlacements(){let{el:e,flipPlacements:t}=this;this.filteredFlipPlacements=t?R(t,e):null}setUpReferenceElement(e=!0){this.removeReferences(),this.referenceEl=this.getReferenceElement(),q(this);let{el:t,referenceElement:i,referenceEl:r}=this;e&&i&&!r&&console.warn(`${t.tagName}: reference-element id "${i}" was not found.`,{el:t}),this.addReferences()}getId(){return this.el.id||this.guid}setExpandedAttr(){let{referenceEl:e,open:t}=this;e&&"setAttribute"in e&&e.setAttribute(G,L(t))}addReferences(){let{referenceEl:e}=this;if(!e)return;let t=this.getId();"setAttribute"in e&&e.setAttribute(N,t),K.registerElement(e,this.el),this.setExpandedAttr()}removeReferences(){let{referenceEl:e}=this;e&&("removeAttribute"in e&&(e.removeAttribute(N),e.removeAttribute(G)),K.unregisterElement(e))}getReferenceElement(){let{referenceElement:e,el:t}=this;return(typeof e=="string"?D(t,{id:e}):e)||null}hide(){this.open=!1}onBeforeOpen(){this.calcitePopoverBeforeOpen.emit()}onOpen(){this.calcitePopoverOpen.emit(),this.focusTrap.activate()}onBeforeClose(){this.calcitePopoverBeforeClose.emit()}onClose(){this.calcitePopoverClose.emit(),U(this),this.focusTrap.deactivate()}storeArrowEl(e){this.arrowEl=e,this.reposition(!0)}renderCloseButton(){let{messages:e,closable:t}=this;return t?c(o.closeButtonContainer,l`<div class=${a(o.closeButtonContainer)}><calcite-action appearance=transparent class=${a(o.closeButton)} @click=${this.hide} .scale=${this.scale} .text=${e.close} ${d(this.closeButtonEl)}><calcite-icon icon=x .scale=${H(this.scale)}></calcite-icon></calcite-action></div>`):null}renderHeader(){let{heading:e,headingLevel:t}=this,i=e?_({class:o.heading,level:t,children:e}):null;return i?c(o.header,l`<div class=${a(o.header)}>${i}${this.renderCloseButton()}</div>`):null}render(){let{referenceEl:e,heading:t,label:i,open:r,pointerDisabled:h,floatingLayout:p}=this,n=e&&r,f=!n,m=h?null:c("floating-arrow",M({floatingLayout:p,ref:this.storeArrowEl}));return this.el.inert=f,this.el.ariaLabel=i,this.el.ariaLive="polite",y(this.el,"id",this.getId()),this.el.role="dialog",l`<div class=${a(o.positionContainer)} ${d(this.setFloatingEl)}><div class=${a({[o.container]:!0,[u.animation]:!0,[u.animationActive]:n})} ${d(this.setTransitionEl)}>${m}<div class=${a({[o.hasHeader]:!!t,[o.headerContainer]:!0})}>${this.renderHeader()}<div class=${a(o.content)}><slot></slot></div>${t?null:this.renderCloseButton()}</div></div></div>`}};k("calcite-popover",b);export{b as Popover};

package/dist/calcite/{S76CXQTI.js → PUMTLS4E.js}

@@ -1,4 +1,4 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
-import{b as n}from"./VJD4CRQ3.js";import"./YYJSHQR3.js";function u(t,a,s,k){var l={s:"muutama sekunti",m:"minuutti",mm:"%d minuuttia",h:"tunti",hh:"%d tuntia",d:"p\xE4iv\xE4",dd:"%d p\xE4iv\xE4\xE4",M:"kuukausi",MM:"%d kuukautta",y:"vuosi",yy:"%d vuotta",numbers:"nolla_yksi_kaksi_kolme_nelj\xE4_viisi_kuusi_seitsem\xE4n_kahdeksan_yhdeks\xE4n".split("_")},m={s:"muutaman sekunnin",m:"minuutin",mm:"%d minuutin",h:"tunnin",hh:"%d tunnin",d:"p\xE4iv\xE4n",dd:"%d p\xE4iv\xE4n",M:"kuukauden",MM:"%d kuukauden",y:"vuoden",yy:"%d vuoden",numbers:"nollan_yhden_kahden_kolmen_nelj\xE4n_viiden_kuuden_seitsem\xE4n_kahdeksan_yhdeks\xE4n".split("_")},i=k&&!a?m:l,e=i[s];return t<10?e.replace("%d",i.numbers[t]):e.replace("%d",t)}var _={name:"fi",weekdays:"sunnuntai_maanantai_tiistai_keskiviikko_torstai_perjantai_lauantai".split("_"),weekdaysShort:"su_ma_ti_ke_to_pe_la".split("_"),weekdaysMin:"su_ma_ti_ke_to_pe_la".split("_"),months:"tammikuu_helmikuu_maaliskuu_huhtikuu_toukokuu_kes\xE4kuu_hein\xE4kuu_elokuu_syyskuu_lokakuu_marraskuu_joulukuu".split("_"),monthsShort:"tammi_helmi_maalis_huhti_touko_kes\xE4_hein\xE4_elo_syys_loka_marras_joulu".split("_"),ordinal:function(a){return a+"."},weekStart:1,yearStart:4,relativeTime:{future:"%s p\xE4\xE4st\xE4",past:"%s sitten",s:u,m:u,mm:u,h:u,hh:u,d:u,dd:u,M:u,MM:u,y:u,yy:u},formats:{LT:"HH.mm",LTS:"HH.mm.ss",L:"DD.MM.YYYY",LL:"D. MMMM[ta] YYYY",LLL:"D. MMMM[ta] YYYY, [klo] HH.mm",LLLL:"dddd, D. MMMM[ta] YYYY, [klo] HH.mm",l:"D.M.YYYY",ll:"D. MMM YYYY",lll:"D. MMM YYYY, [klo] HH.mm",llll:"ddd, D. MMM YYYY, [klo] HH.mm"}};n.locale(_,null,!0);var o=_;export{o as default};
+v3.1.0-next.0 */
+import{b as n}from"./A77PTXQI.js";import"./AFBGRNF3.js";function u(t,a,s,k){var l={s:"muutama sekunti",m:"minuutti",mm:"%d minuuttia",h:"tunti",hh:"%d tuntia",d:"p\xE4iv\xE4",dd:"%d p\xE4iv\xE4\xE4",M:"kuukausi",MM:"%d kuukautta",y:"vuosi",yy:"%d vuotta",numbers:"nolla_yksi_kaksi_kolme_nelj\xE4_viisi_kuusi_seitsem\xE4n_kahdeksan_yhdeks\xE4n".split("_")},m={s:"muutaman sekunnin",m:"minuutin",mm:"%d minuutin",h:"tunnin",hh:"%d tunnin",d:"p\xE4iv\xE4n",dd:"%d p\xE4iv\xE4n",M:"kuukauden",MM:"%d kuukauden",y:"vuoden",yy:"%d vuoden",numbers:"nollan_yhden_kahden_kolmen_nelj\xE4n_viiden_kuuden_seitsem\xE4n_kahdeksan_yhdeks\xE4n".split("_")},i=k&&!a?m:l,e=i[s];return t<10?e.replace("%d",i.numbers[t]):e.replace("%d",t)}var _={name:"fi",weekdays:"sunnuntai_maanantai_tiistai_keskiviikko_torstai_perjantai_lauantai".split("_"),weekdaysShort:"su_ma_ti_ke_to_pe_la".split("_"),weekdaysMin:"su_ma_ti_ke_to_pe_la".split("_"),months:"tammikuu_helmikuu_maaliskuu_huhtikuu_toukokuu_kes\xE4kuu_hein\xE4kuu_elokuu_syyskuu_lokakuu_marraskuu_joulukuu".split("_"),monthsShort:"tammi_helmi_maalis_huhti_touko_kes\xE4_hein\xE4_elo_syys_loka_marras_joulu".split("_"),ordinal:function(a){return a+"."},weekStart:1,yearStart:4,relativeTime:{future:"%s p\xE4\xE4st\xE4",past:"%s sitten",s:u,m:u,mm:u,h:u,hh:u,d:u,dd:u,M:u,MM:u,y:u,yy:u},formats:{LT:"HH.mm",LTS:"HH.mm.ss",L:"DD.MM.YYYY",LL:"D. MMMM[ta] YYYY",LLL:"D. MMMM[ta] YYYY, [klo] HH.mm",LLLL:"dddd, D. MMMM[ta] YYYY, [klo] HH.mm",l:"D.M.YYYY",ll:"D. MMM YYYY",lll:"D. MMM YYYY, [klo] HH.mm",llll:"ddd, D. MMM YYYY, [klo] HH.mm"}};n.locale(_,null,!0);var o=_;export{o as default};

package/dist/calcite/{RJLKHCRB.js → Q3M6KGKZ.js}

@@ -1,4 +1,4 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
-import{a as b}from"./QK2H5T7J.js";import{a as B}from"./VG7BJBFG.js";import"./L5FDXQMT.js";import{a as M,b as U}from"./LOZEGKG2.js";import{a as I}from"./SBZ6VJ75.js";import{a as H}from"./CNO6NFH5.js";import{a as W}from"./ARHYATTG.js";import{b as y}from"./QU33PBBI.js";import{B as L,e as F,v as A,z as g}from"./CMO3X257.js";import{b as E}from"./GN5CPLSJ.js";import{a as O}from"./I2OIH73C.js";import{J as z,e as P,f as d,j as r,v as h,w as S,x as s}from"./KVSCG5E3.js";var G=6e3,a={container:"container",containerOverlaid:"container--overlaid",containerEdged:"container--edged",itemContainer:"item-container",itemContainerForward:"item-container--forward",itemContainerBackward:"item-container--backward",pagination:"pagination",paginationItems:"pagination-items",paginationItem:"pagination-item",paginationItemIndividual:"pagination-item--individual",paginationItemVisible:"pagination-item--visible",paginationItemOutOfRange:"pagination-item--out-of-range",paginationItemSelected:"pagination-item--selected",paginationItemRangeEdge:"pagination-item--range-edge",pageNext:"page-next",pagePrevious:"page-previous",autoplayControl:"autoplay-control",autoplayProgress:"autoplay-progress"},p={chevronLeft:"chevron-left",chevronRight:"chevron-right",inactive:"bullet-point",active:"bullet-point-large",pause:"pause-f",play:"play-f"},v={medium:7,small:5,xsmall:3,xxsmall:1},Y=P`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;inline-size:100%;--calcite-internal-internal-carousel-item-space: 1.5rem;--calcite-internal-internal-carousel-item-space-wide: 3.5rem;--calcite-internal-internal-carousel-item-background-color: var( --calcite-internal-carousel-item-background-color, var(--calcite-color-foreground-1) );--calcite-internal-internal-carousel-item-background-color-hover: var( --calcite-internal-carousel-item-background-color-hover, var(--calcite-color-foreground-2) );--calcite-internal-internal-carousel-item-background-color-active: var( --calcite-internal-carousel-item-background-color-active, var(--calcite-color-foreground-2) );--calcite-internal-internal-carousel-item-background-color-selected: var( --calcite-internal-carousel-item-background-color-selected, var(--calcite-color-foreground-1) );--calcite-internal-internal-carousel-item-icon-color-hover: var( --calcite-internal-carousel-item-icon-color-hover, var(--calcite-color-text-1) );--calcite-internal-internal-carousel-item-icon-color: var( --calcite-internal-carousel-item-icon-color, var(--calcite-color-border-1) );--calcite-internal-internal-carousel-item-icon-color-selected: var( --calcite-internal-carousel-item-icon-color-selected, var(--calcite-color-brand) );--calcite-internal-internal-carousel-control-color-hover: var( --calcite-internal-carousel-control-color-hover, var(--calcite-color-text-1) );--calcite-internal-internal-carousel-control-color: var( --calcite-internal-carousel-item-icon-color, var(--calcite-color-text-3) );--calcite-internal-internal-carousel-autoplay-progress-background-color: var( --calcite-internal-carousel-autoplay-progress-background-color, var(--calcite-color-border-3) );--calcite-internal-internal-carousel-autoplay-progress-fill-color: var( --calcite-internal-carousel-autoplay-progress-fill-color, var(--calcite-color-brand) )}.container{position:relative;display:flex;inline-size:100%;flex-direction:column;overflow:hidden;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2);outline-color:transparent}.container:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.container--edged:not(.container--overlaid){padding-inline:var(--calcite-internal-internal-carousel-item-space-wide);inline-size:calc(100% - var(--calcite-internal-internal-carousel-item-space-wide) * 2)}.item-container{display:flex;flex:1 1 auto;align-items:flex-start;justify-content:center;overflow:auto;padding:.25rem;animation-name:none;animation-duration:var(--calcite-animation-timing)}.container--overlaid .item-container{padding:0}.item-container--forward{animation-name:item-forward}.item-container--backward{animation-name:item-backward}calcite-carousel-item:not([selected]){opacity:0}.pagination{margin:.75rem;display:flex;flex-direction:row;align-items:center;justify-content:center;inline-size:auto}.pagination-items{display:flex;flex-direction:row;align-items:center}.container--overlaid .pagination{position:absolute}.pagination-item.page-next,.pagination-item.page-previous{color:var(--calcite-internal-internal-carousel-control-color)}.pagination-item.page-next:hover,.pagination-item.page-previous:hover{color:var(--calcite-internal-internal-carousel-control-color-hover)}.container--edged .page-next,.container--edged .page-previous{block-size:3rem;inline-size:3rem;position:absolute;inset-block-start:50%;transform:translateY(-50%)}.container--edged .page-next{inset-inline-end:0}.container--edged .page-previous{inset-inline-start:0}.container--overlaid .pagination{inset-block-start:unset;inset-block-end:0;inset-inline:0}.pagination-item.autoplay-control{position:relative;color:var(--calcite-internal-internal-carousel-control-color);--calcite-progress-fill-color: var(--calcite-internal-internal-carousel-autoplay-progress-fill-color);--calcite-progress-background-color: var(--calcite-internal-internal-carousel-autoplay-progress-background-color)}.autoplay-control:focus .autoplay-progress{inset-block-end:4px;inset-inline:2px;inline-size:calc(100% - 4px)}.autoplay-progress{position:absolute;inset-block-end:2px;inset-inline:0;inline-size:100%}.pagination-item{margin:0;block-size:2rem;inline-size:2rem;cursor:pointer;align-items:center;border-style:none;background-color:transparent;outline-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;-webkit-appearance:none;display:flex;align-content:center;justify-content:center;--calcite-color-foreground-1: var(--calcite-internal-internal-carousel-item-background-color);color:var(--calcite-internal-internal-carousel-item-icon-color)}.pagination-item:hover{background-color:var(--calcite-internal-internal-carousel-item-background-color-hover);color:var(--calcite-internal-internal-carousel-item-icon-color-hover)}.pagination-item:focus{background-color:var(--calcite-internal-internal-carousel-item-background-color-active);outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.pagination-item:active{background-color:var(--calcite-internal-internal-carousel-item-background-color-active);color:var(--calcite-internal-internal-carousel-item-icon-color-hover)}.pagination-item calcite-icon{color:inherit;pointer-events:none}.pagination-item.pagination-item--selected{--calcite-color-foreground-1: var(--calcite-internal-internal-carousel-item-background-color-selected);--calcite-color-foreground-3: var(--calcite-internal-internal-carousel-item-background-color-selected);color:var(--calcite-internal-internal-carousel-item-icon-color-selected)}.pagination-item--individual{pointer-events:none;inline-size:0px;padding:0;opacity:0;visibility:hidden;transition:var(--calcite-animation-timing) ease-in-out inline-size,var(--calcite-animation-timing) ease-in-out padding,var(--calcite-animation-timing) ease-in-out opacity}.pagination-item--individual.pagination-item--visible{pointer-events:auto;inline-size:2rem;opacity:1;visibility:visible}.pagination-item--range-edge calcite-icon{scale:.75;transition:var(--calcite-animation-timing) ease-in-out scale}.container--overlaid .pagination-item{background-color:var(--calcite-internal-internal-carousel-item-background-color)}.container--overlaid .pagination-item:hover{background-color:var(--calcite-internal-internal-carousel-item-background-color-hover)}.container--overlaid .pagination-item:focus{background-color:var(--calcite-internal-internal-carousel-item-background-color-active)}.container--overlaid .pagination-item:active{background-color:var(--calcite-internal-internal-carousel-item-background-color-active)}@keyframes item-forward{0%{transform:translate3d(100px,0,0)}to{transform:translateZ(0)}}@keyframes item-backward{0%{transform:translate3d(-100px,0,0)}to{transform:translateZ(0)}}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,k=class extends S{constructor(){super(...arguments),this.autoplayHandler=()=>{this.clearIntervals(),this.slideDurationInterval=setInterval(this.timer,this.autoplayDuration/100)},this.containerId=`calcite-carousel-container-${O()}`,this.resizeHandler=({contentRect:{width:e}})=>{this.setMaxItemsToBreakpoint(e)},this.resizeObserver=H("resize",e=>e.forEach(this.resizeHandler)),this.slideDurationInterval=null,this.slideInterval=null,this.timer=()=>{let e=this.slideDurationRemaining;(!this.suspendedDueToFocus&&!this.suspendedDueToHover||this.userPreventsSuspend)&&(e<=.01?(e=1,this.direction="forward",this.nextItem(!1)):e=e-.01),e>0&&(this.slideDurationRemaining=e)},this.direction="standby",this.items=[],this.maxItems=v.xxsmall,this.playing=!1,this.slideDurationRemaining=1,this.suspendedDueToFocus=!1,this.suspendedDueToHover=!1,this.suspendedSlideDurationRemaining=1,this.userPreventsSuspend=!1,this.arrowType="inline",this.autoplay=!1,this.autoplayDuration=G,this.controlOverlay=!1,this.disabled=!1,this.messages=W(),this.calciteCarouselChange=h({cancelable:!1}),this.calciteCarouselPause=h({cancelable:!1}),this.calciteCarouselPlay=h({cancelable:!1}),this.calciteCarouselResume=h({cancelable:!1}),this.calciteCarouselStop=h({cancelable:!1})}static{this.properties={direction:16,items:16,maxItems:16,playing:16,selectedIndex:16,slideDurationRemaining:16,suspendedDueToFocus:16,suspendedDueToHover:16,suspendedSlideDurationRemaining:16,userPreventsSuspend:16,arrowType:3,autoplay:3,autoplayDuration:11,controlOverlay:7,disabled:7,label:1,messageOverrides:0,paused:5,selectedItem:0}}static{this.styles=Y}async play(){this.playing||this.autoplay!==""&&!this.autoplay&&this.autoplay!=="paused"||this.handlePlay(!0)}async setFocus(){await E(this),this.container?.focus()}async stop(){this.playing&&this.handlePause(!0)}connectedCallback(){super.connectedCallback(),this.resizeObserver?.observe(this.el)}async load(){(this.autoplay===""||this.autoplay)&&this.autoplay!=="paused"?this.handlePlay(!1):this.autoplay==="paused"&&(this.paused=!0)}willUpdate(e){e.has("autoplay")&&this.hasUpdated&&this.autoplayWatcher(this.autoplay),e.has("direction")&&(this.hasUpdated||this.direction!=="standby")&&this.directionWatcher(this.direction),e.has("playing")&&(this.hasUpdated||this.playing!==!1)&&(this.paused=!this.playing),(e.has("suspendedDueToFocus")&&(this.hasUpdated||this.suspendedDueToFocus!==!1)||e.has("suspendedDueToHover")&&(this.hasUpdated||this.suspendedDueToHover!==!1))&&this.suspendWatcher()}updated(){M(this)}loaded(){}disconnectedCallback(){super.disconnectedCallback(),this.clearIntervals(),this.resizeObserver?.disconnect()}autoplayWatcher(e){e||this.handlePause(!1)}async directionWatcher(e){e!=="standby"&&(await L(this.itemContainer,e==="forward"?"item-forward":"item-backward"),this.direction="standby")}suspendWatcher(){!this.suspendedDueToFocus&&!this.suspendedDueToHover?this.suspendEnd():this.suspendStart()}setMaxItemsToBreakpoint(e){if(e){if(e>=b.width.small){this.maxItems=v.medium;return}if(e>=b.width.xsmall){this.maxItems=v.small;return}if(e>=b.width.xxsmall){this.maxItems=v.xsmall;return}this.maxItems=v.xxsmall}}clearIntervals(){clearInterval(this.slideDurationInterval),clearInterval(this.slideInterval)}nextItem(e){this.playing&&e&&(this.playing=!1);let t=I(this.selectedIndex+1,this.items.length);this.setSelectedItem(t,e)}previousItem(){this.playing=!1;let e=I(Math.max(this.selectedIndex-1,-1),this.items.length);this.setSelectedItem(e,!0)}handlePlay(e){this.playing=!0,this.autoplayHandler(),this.slideInterval=setInterval(this.autoplayHandler,this.autoplayDuration),e&&this.calciteCarouselPlay.emit()}handlePause(e){this.playing=!1,this.clearIntervals(),this.slideDurationRemaining=1,this.suspendedSlideDurationRemaining=1,e&&this.calciteCarouselStop.emit()}suspendStart(){this.suspendedSlideDurationRemaining=this.slideDurationRemaining}suspendEnd(){this.slideDurationRemaining=this.suspendedSlideDurationRemaining}handleSlotChange(e){let t=A(e);if(t.length<1)return;let i=t.findIndex(c=>c.selected),l=i>-1?i:0;this.items=t,this.setSelectedItem(l,!1)}setSelectedItem(e,t){let i=this.selectedIndex;this.items.forEach((l,c)=>{let o=e===c;l.selected=o,o&&(this.selectedItem=l,this.selectedIndex=c)}),t&&(this.playing=!1,i!==this.selectedIndex&&this.calciteCarouselChange.emit())}handleArrowClick(e){let t=e.target.dataset.direction;this.playing&&this.handlePause(!0),t==="next"?(this.direction="forward",this.nextItem(!0)):t==="previous"&&(this.direction="backward",this.previousItem())}handleItemSelection(e){let t=e.target,i=parseInt(t.dataset.index);i!==this.selectedIndex&&(this.playing&&this.handlePause(!0),this.direction=i>this.selectedIndex?"forward":"backward",this.setSelectedItem(i,!0))}toggleRotation(){this.userPreventsSuspend=!0,this.playing?this.handlePause(!0):this.handlePlay(!0)}handleFocusIn(){let e=this.playing;e&&(this.suspendedDueToFocus=!0),(!this.suspendedDueToFocus||!this.suspendedDueToHover)&&e&&this.calciteCarouselPause.emit()}handleMouseIn(){let e=this.playing;e&&(this.suspendedDueToHover=!0),(!this.suspendedDueToFocus||!this.suspendedDueToHover)&&e&&this.calciteCarouselPause.emit()}handleMouseOut(e){let t=!this.el.contains(e.relatedTarget),i=this.playing;t&&i&&(this.suspendedDueToHover=!1),t&&i&&!this.suspendedDueToFocus&&(this.userPreventsSuspend=!1,this.calciteCarouselResume.emit())}handleFocusOut(e){let t=!e.composedPath().includes(e.relatedTarget),i=this.playing;t&&i&&(this.suspendedDueToFocus=!1),t&&i&&!this.suspendedDueToHover&&(this.userPreventsSuspend=!1,this.calciteCarouselResume.emit())}containerKeyDownHandler(e){if(e.target!==this.container)return;let t=this.items.length-1;switch(e.key){case" ":case"Enter":e.preventDefault(),(this.autoplay===""||this.autoplay||this.autoplay==="paused")&&this.toggleRotation();break;case"ArrowRight":e.preventDefault(),this.direction="forward",this.nextItem(!0);break;case"ArrowLeft":e.preventDefault(),this.direction="backward",this.previousItem();break;case"Home":if(e.preventDefault(),this.selectedIndex===0)return;this.direction="backward",this.setSelectedItem(0,!0);break;case"End":if(e.preventDefault(),this.selectedIndex===t)return;this.direction="forward",this.setSelectedItem(t,!0);break}}tabListKeyDownHandler(e){let t=Array(...this.tabList.querySelectorAll(`button:not(.${a.paginationItemOutOfRange})`)),i=e.target;switch(e.key){case"ArrowRight":g(t,i,"next");break;case"ArrowLeft":g(t,i,"previous");break;case"Home":e.preventDefault(),g(t,i,"first");break;case"End":e.preventDefault(),g(t,i,"last");break}}storeTabListRef(e){this.tabList=e}storeContainerRef(e){this.container=e}storeItemContainerRef(e){this.itemContainer=e}renderRotationControl(){let e=this.playing?this.messages.pause:this.messages.play,t=this.slideDurationRemaining*100;return d`<button .ariaLabel=${e} class=${s({[a.paginationItem]:!0,[a.autoplayControl]:!0})} @click=${this.toggleRotation} title=${e??r}><calcite-icon .icon=${this.playing?p.pause:p.play} scale=s></calcite-icon>${this.playing&&d`<calcite-progress class=${s(a.autoplayProgress)} .label=${this.messages.carouselItemProgress} .value=${t}></calcite-progress>`||""}</button>`}renderPaginationArea(){return d`<div class=${s({[a.pagination]:!0,[a.containerOverlaid]:this.controlOverlay})} @keydown=${this.tabListKeyDownHandler} ${y(this.storeTabListRef)}>${(this.playing||this.autoplay===""||this.autoplay||this.autoplay==="paused")&&this.renderRotationControl()||""}${this.arrowType==="inline"&&this.renderArrow("previous")||""}${this.renderPaginationItems()}${this.arrowType==="inline"&&this.renderArrow("next")||""}</div>`}renderPaginationItems(){let{selectedIndex:e,maxItems:t,items:i,label:l,handleItemSelection:c}=this;return d`<div .ariaLabel=${l} class=${s(a.paginationItems)} role=tablist>${B(i,o=>o.id,(o,n)=>{let m=i.length,u=n===e,K=n===0,j=n===m-1,x=m-t-1,f=e<t,w=e>=x,D=f?0:e-Math.floor(t/2),N=w?m:D+t,$=f?0:w?x:D,C=f?t+1:N,V=!K&&!j&&!u&&(n===$-1||n===C),R=u||n<=C&&n>=$-1,T=m-1<=t,q=u?p.active:p.inactive;return d`<button aria-controls=${(u?void 0:o.id)??r} .ariaSelected=${u} class=${s({[a.paginationItem]:!0,[a.paginationItemIndividual]:!0,[a.paginationItemSelected]:u,[a.paginationItemRangeEdge]:m-1>t&&V,[a.paginationItemOutOfRange]:!(T||R),[a.paginationItemVisible]:T||R})} data-index=${n??r} @click=${c} role=tab title=${o.label??r}><calcite-icon .icon=${q} scale=l></calcite-icon></button>`})}</div>`}renderArrow(e){let t=e==="previous",i=F(this.el),l=this.arrowType==="edge"?"m":"s",c=t?a.pagePrevious:a.pageNext,o=t?this.messages.previous:this.messages.next,n=t?p.chevronLeft:p.chevronRight;return d`<button aria-controls=${this.containerId??r} class=${s({[a.paginationItem]:!0,[c]:!0})} data-direction=${e??r} @click=${this.handleArrowClick} title=${o??r}><calcite-icon .flipRtl=${i==="rtl"} .icon=${n} .scale=${l}></calcite-icon></button>`}render(){let{direction:e}=this;return U({disabled:this.disabled,children:d`<div .ariaLabel=${this.label} .ariaLive=${this.playing?"off":"polite"} .ariaRoleDescription=${this.messages.carousel} class=${s({[a.container]:!0,[a.containerOverlaid]:this.controlOverlay,[a.containerEdged]:this.arrowType==="edge"})} @focusin=${this.handleFocusIn} @focusout=${this.handleFocusOut} @keydown=${this.containerKeyDownHandler} @mouseenter=${this.handleMouseIn} @mouseleave=${this.handleMouseOut} role=group tabindex=0 ${y(this.storeContainerRef)}><section class=${s({[a.itemContainer]:!0,[a.itemContainerForward]:e==="forward",[a.itemContainerBackward]:e==="backward"})} id=${this.containerId??r} ${y(this.storeItemContainerRef)}><slot @slotchange=${this.handleSlotChange}></slot></section>${this.items.length>1&&this.renderPaginationArea()||""}${this.arrowType==="edge"&&this.renderArrow("previous")||""}${this.arrowType==="edge"&&this.renderArrow("next")||""}</div>`})}};z("calcite-carousel",k);export{k as Carousel};
+v3.1.0-next.0 */
+import{a as b}from"./BOLBKIM3.js";import{a as B}from"./TX2VI5MW.js";import"./62IMSXF5.js";import{a as M,b as U}from"./RAA7AM6M.js";import{a as I}from"./KLBMM5PO.js";import{a as H}from"./R3FLP5QS.js";import{a as W}from"./MYKRE5QO.js";import{b as y}from"./WACTC6C2.js";import{B as L,e as F,v as A,z as g}from"./FE2QRVI7.js";import{b as E}from"./7VOKVNOX.js";import{a as O}from"./7LGBDOYP.js";import{J as z,e as P,f as d,j as r,v as h,w as S,x as s}from"./IPEYLL4T.js";var G=6e3,a={container:"container",containerOverlaid:"container--overlaid",containerEdged:"container--edged",itemContainer:"item-container",itemContainerForward:"item-container--forward",itemContainerBackward:"item-container--backward",pagination:"pagination",paginationItems:"pagination-items",paginationItem:"pagination-item",paginationItemIndividual:"pagination-item--individual",paginationItemVisible:"pagination-item--visible",paginationItemOutOfRange:"pagination-item--out-of-range",paginationItemSelected:"pagination-item--selected",paginationItemRangeEdge:"pagination-item--range-edge",pageNext:"page-next",pagePrevious:"page-previous",autoplayControl:"autoplay-control",autoplayProgress:"autoplay-progress"},p={chevronLeft:"chevron-left",chevronRight:"chevron-right",inactive:"bullet-point",active:"bullet-point-large",pause:"pause-f",play:"play-f"},v={medium:7,small:5,xsmall:3,xxsmall:1},Y=P`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;inline-size:100%;--calcite-internal-internal-carousel-item-space: 1.5rem;--calcite-internal-internal-carousel-item-space-wide: 3.5rem;--calcite-internal-internal-carousel-item-background-color: var( --calcite-internal-carousel-item-background-color, var(--calcite-color-foreground-1) );--calcite-internal-internal-carousel-item-background-color-hover: var( --calcite-internal-carousel-item-background-color-hover, var(--calcite-color-foreground-2) );--calcite-internal-internal-carousel-item-background-color-active: var( --calcite-internal-carousel-item-background-color-active, var(--calcite-color-foreground-2) );--calcite-internal-internal-carousel-item-background-color-selected: var( --calcite-internal-carousel-item-background-color-selected, var(--calcite-color-foreground-1) );--calcite-internal-internal-carousel-item-icon-color-hover: var( --calcite-internal-carousel-item-icon-color-hover, var(--calcite-color-text-1) );--calcite-internal-internal-carousel-item-icon-color: var( --calcite-internal-carousel-item-icon-color, var(--calcite-color-border-1) );--calcite-internal-internal-carousel-item-icon-color-selected: var( --calcite-internal-carousel-item-icon-color-selected, var(--calcite-color-brand) );--calcite-internal-internal-carousel-control-color-hover: var( --calcite-internal-carousel-control-color-hover, var(--calcite-color-text-1) );--calcite-internal-internal-carousel-control-color: var( --calcite-internal-carousel-item-icon-color, var(--calcite-color-text-3) );--calcite-internal-internal-carousel-autoplay-progress-background-color: var( --calcite-internal-carousel-autoplay-progress-background-color, var(--calcite-color-border-3) );--calcite-internal-internal-carousel-autoplay-progress-fill-color: var( --calcite-internal-carousel-autoplay-progress-fill-color, var(--calcite-color-brand) )}.container{position:relative;display:flex;inline-size:100%;flex-direction:column;overflow:hidden;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2);outline-color:transparent}.container:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.container--edged:not(.container--overlaid){padding-inline:var(--calcite-internal-internal-carousel-item-space-wide);inline-size:calc(100% - var(--calcite-internal-internal-carousel-item-space-wide) * 2)}.item-container{display:flex;flex:1 1 auto;align-items:flex-start;justify-content:center;overflow:auto;padding:.25rem;animation-name:none;animation-duration:var(--calcite-animation-timing)}.container--overlaid .item-container{padding:0}.item-container--forward{animation-name:item-forward}.item-container--backward{animation-name:item-backward}calcite-carousel-item:not([selected]){opacity:0}.pagination{margin:.75rem;display:flex;flex-direction:row;align-items:center;justify-content:center;inline-size:auto}.pagination-items{display:flex;flex-direction:row;align-items:center}.container--overlaid .pagination{position:absolute}.pagination-item.page-next,.pagination-item.page-previous{color:var(--calcite-internal-internal-carousel-control-color)}.pagination-item.page-next:hover,.pagination-item.page-previous:hover{color:var(--calcite-internal-internal-carousel-control-color-hover)}.container--edged .page-next,.container--edged .page-previous{block-size:3rem;inline-size:3rem;position:absolute;inset-block-start:50%;transform:translateY(-50%)}.container--edged .page-next{inset-inline-end:0}.container--edged .page-previous{inset-inline-start:0}.container--overlaid .pagination{inset-block-start:unset;inset-block-end:0;inset-inline:0}.pagination-item.autoplay-control{position:relative;color:var(--calcite-internal-internal-carousel-control-color);--calcite-progress-fill-color: var(--calcite-internal-internal-carousel-autoplay-progress-fill-color);--calcite-progress-background-color: var(--calcite-internal-internal-carousel-autoplay-progress-background-color)}.autoplay-control:focus .autoplay-progress{inset-block-end:4px;inset-inline:2px;inline-size:calc(100% - 4px)}.autoplay-progress{position:absolute;inset-block-end:2px;inset-inline:0;inline-size:100%}.pagination-item{margin:0;block-size:2rem;inline-size:2rem;cursor:pointer;align-items:center;border-style:none;background-color:transparent;outline-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;-webkit-appearance:none;display:flex;align-content:center;justify-content:center;--calcite-color-foreground-1: var(--calcite-internal-internal-carousel-item-background-color);color:var(--calcite-internal-internal-carousel-item-icon-color)}.pagination-item:hover{background-color:var(--calcite-internal-internal-carousel-item-background-color-hover);color:var(--calcite-internal-internal-carousel-item-icon-color-hover)}.pagination-item:focus{background-color:var(--calcite-internal-internal-carousel-item-background-color-active);outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.pagination-item:active{background-color:var(--calcite-internal-internal-carousel-item-background-color-active);color:var(--calcite-internal-internal-carousel-item-icon-color-hover)}.pagination-item calcite-icon{color:inherit;pointer-events:none}.pagination-item.pagination-item--selected{--calcite-color-foreground-1: var(--calcite-internal-internal-carousel-item-background-color-selected);--calcite-color-foreground-3: var(--calcite-internal-internal-carousel-item-background-color-selected);color:var(--calcite-internal-internal-carousel-item-icon-color-selected)}.pagination-item--individual{pointer-events:none;inline-size:0px;padding:0;opacity:0;visibility:hidden;transition:var(--calcite-animation-timing) ease-in-out inline-size,var(--calcite-animation-timing) ease-in-out padding,var(--calcite-animation-timing) ease-in-out opacity}.pagination-item--individual.pagination-item--visible{pointer-events:auto;inline-size:2rem;opacity:1;visibility:visible}.pagination-item--range-edge calcite-icon{scale:.75;transition:var(--calcite-animation-timing) ease-in-out scale}.container--overlaid .pagination-item{background-color:var(--calcite-internal-internal-carousel-item-background-color)}.container--overlaid .pagination-item:hover{background-color:var(--calcite-internal-internal-carousel-item-background-color-hover)}.container--overlaid .pagination-item:focus{background-color:var(--calcite-internal-internal-carousel-item-background-color-active)}.container--overlaid .pagination-item:active{background-color:var(--calcite-internal-internal-carousel-item-background-color-active)}@keyframes item-forward{0%{transform:translate3d(100px,0,0)}to{transform:translateZ(0)}}@keyframes item-backward{0%{transform:translate3d(-100px,0,0)}to{transform:translateZ(0)}}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,k=class extends S{constructor(){super(...arguments),this.autoplayHandler=()=>{this.clearIntervals(),this.slideDurationInterval=setInterval(this.timer,this.autoplayDuration/100)},this.containerId=`calcite-carousel-container-${O()}`,this.resizeHandler=({contentRect:{width:e}})=>{this.setMaxItemsToBreakpoint(e)},this.resizeObserver=H("resize",e=>e.forEach(this.resizeHandler)),this.slideDurationInterval=null,this.slideInterval=null,this.timer=()=>{let e=this.slideDurationRemaining;(!this.suspendedDueToFocus&&!this.suspendedDueToHover||this.userPreventsSuspend)&&(e<=.01?(e=1,this.direction="forward",this.nextItem(!1)):e=e-.01),e>0&&(this.slideDurationRemaining=e)},this.direction="standby",this.items=[],this.maxItems=v.xxsmall,this.playing=!1,this.slideDurationRemaining=1,this.suspendedDueToFocus=!1,this.suspendedDueToHover=!1,this.suspendedSlideDurationRemaining=1,this.userPreventsSuspend=!1,this.arrowType="inline",this.autoplay=!1,this.autoplayDuration=G,this.controlOverlay=!1,this.disabled=!1,this.messages=W(),this.calciteCarouselChange=h({cancelable:!1}),this.calciteCarouselPause=h({cancelable:!1}),this.calciteCarouselPlay=h({cancelable:!1}),this.calciteCarouselResume=h({cancelable:!1}),this.calciteCarouselStop=h({cancelable:!1})}static{this.properties={direction:16,items:16,maxItems:16,playing:16,selectedIndex:16,slideDurationRemaining:16,suspendedDueToFocus:16,suspendedDueToHover:16,suspendedSlideDurationRemaining:16,userPreventsSuspend:16,arrowType:3,autoplay:3,autoplayDuration:11,controlOverlay:7,disabled:7,label:1,messageOverrides:0,paused:5,selectedItem:0}}static{this.styles=Y}async play(){this.playing||this.autoplay!==""&&!this.autoplay&&this.autoplay!=="paused"||this.handlePlay(!0)}async setFocus(){await E(this),this.container?.focus()}async stop(){this.playing&&this.handlePause(!0)}connectedCallback(){super.connectedCallback(),this.resizeObserver?.observe(this.el)}async load(){(this.autoplay===""||this.autoplay)&&this.autoplay!=="paused"?this.handlePlay(!1):this.autoplay==="paused"&&(this.paused=!0)}willUpdate(e){e.has("autoplay")&&this.hasUpdated&&this.autoplayWatcher(this.autoplay),e.has("direction")&&(this.hasUpdated||this.direction!=="standby")&&this.directionWatcher(this.direction),e.has("playing")&&(this.hasUpdated||this.playing!==!1)&&(this.paused=!this.playing),(e.has("suspendedDueToFocus")&&(this.hasUpdated||this.suspendedDueToFocus!==!1)||e.has("suspendedDueToHover")&&(this.hasUpdated||this.suspendedDueToHover!==!1))&&this.suspendWatcher()}updated(){M(this)}loaded(){}disconnectedCallback(){super.disconnectedCallback(),this.clearIntervals(),this.resizeObserver?.disconnect()}autoplayWatcher(e){e||this.handlePause(!1)}async directionWatcher(e){e!=="standby"&&(await L(this.itemContainer,e==="forward"?"item-forward":"item-backward"),this.direction="standby")}suspendWatcher(){!this.suspendedDueToFocus&&!this.suspendedDueToHover?this.suspendEnd():this.suspendStart()}setMaxItemsToBreakpoint(e){if(e){if(e>=b.width.small){this.maxItems=v.medium;return}if(e>=b.width.xsmall){this.maxItems=v.small;return}if(e>=b.width.xxsmall){this.maxItems=v.xsmall;return}this.maxItems=v.xxsmall}}clearIntervals(){clearInterval(this.slideDurationInterval),clearInterval(this.slideInterval)}nextItem(e){this.playing&&e&&(this.playing=!1);let t=I(this.selectedIndex+1,this.items.length);this.setSelectedItem(t,e)}previousItem(){this.playing=!1;let e=I(Math.max(this.selectedIndex-1,-1),this.items.length);this.setSelectedItem(e,!0)}handlePlay(e){this.playing=!0,this.autoplayHandler(),this.slideInterval=setInterval(this.autoplayHandler,this.autoplayDuration),e&&this.calciteCarouselPlay.emit()}handlePause(e){this.playing=!1,this.clearIntervals(),this.slideDurationRemaining=1,this.suspendedSlideDurationRemaining=1,e&&this.calciteCarouselStop.emit()}suspendStart(){this.suspendedSlideDurationRemaining=this.slideDurationRemaining}suspendEnd(){this.slideDurationRemaining=this.suspendedSlideDurationRemaining}handleSlotChange(e){let t=A(e);if(t.length<1)return;let i=t.findIndex(c=>c.selected),l=i>-1?i:0;this.items=t,this.setSelectedItem(l,!1)}setSelectedItem(e,t){let i=this.selectedIndex;this.items.forEach((l,c)=>{let o=e===c;l.selected=o,o&&(this.selectedItem=l,this.selectedIndex=c)}),t&&(this.playing=!1,i!==this.selectedIndex&&this.calciteCarouselChange.emit())}handleArrowClick(e){let t=e.target.dataset.direction;this.playing&&this.handlePause(!0),t==="next"?(this.direction="forward",this.nextItem(!0)):t==="previous"&&(this.direction="backward",this.previousItem())}handleItemSelection(e){let t=e.target,i=parseInt(t.dataset.index);i!==this.selectedIndex&&(this.playing&&this.handlePause(!0),this.direction=i>this.selectedIndex?"forward":"backward",this.setSelectedItem(i,!0))}toggleRotation(){this.userPreventsSuspend=!0,this.playing?this.handlePause(!0):this.handlePlay(!0)}handleFocusIn(){let e=this.playing;e&&(this.suspendedDueToFocus=!0),(!this.suspendedDueToFocus||!this.suspendedDueToHover)&&e&&this.calciteCarouselPause.emit()}handleMouseIn(){let e=this.playing;e&&(this.suspendedDueToHover=!0),(!this.suspendedDueToFocus||!this.suspendedDueToHover)&&e&&this.calciteCarouselPause.emit()}handleMouseOut(e){let t=!this.el.contains(e.relatedTarget),i=this.playing;t&&i&&(this.suspendedDueToHover=!1),t&&i&&!this.suspendedDueToFocus&&(this.userPreventsSuspend=!1,this.calciteCarouselResume.emit())}handleFocusOut(e){let t=!e.composedPath().includes(e.relatedTarget),i=this.playing;t&&i&&(this.suspendedDueToFocus=!1),t&&i&&!this.suspendedDueToHover&&(this.userPreventsSuspend=!1,this.calciteCarouselResume.emit())}containerKeyDownHandler(e){if(e.target!==this.container)return;let t=this.items.length-1;switch(e.key){case" ":case"Enter":e.preventDefault(),(this.autoplay===""||this.autoplay||this.autoplay==="paused")&&this.toggleRotation();break;case"ArrowRight":e.preventDefault(),this.direction="forward",this.nextItem(!0);break;case"ArrowLeft":e.preventDefault(),this.direction="backward",this.previousItem();break;case"Home":if(e.preventDefault(),this.selectedIndex===0)return;this.direction="backward",this.setSelectedItem(0,!0);break;case"End":if(e.preventDefault(),this.selectedIndex===t)return;this.direction="forward",this.setSelectedItem(t,!0);break}}tabListKeyDownHandler(e){let t=Array(...this.tabList.querySelectorAll(`button:not(.${a.paginationItemOutOfRange})`)),i=e.target;switch(e.key){case"ArrowRight":g(t,i,"next");break;case"ArrowLeft":g(t,i,"previous");break;case"Home":e.preventDefault(),g(t,i,"first");break;case"End":e.preventDefault(),g(t,i,"last");break}}storeTabListRef(e){this.tabList=e}storeContainerRef(e){this.container=e}storeItemContainerRef(e){this.itemContainer=e}renderRotationControl(){let e=this.playing?this.messages.pause:this.messages.play,t=this.slideDurationRemaining*100;return d`<button .ariaLabel=${e} class=${s({[a.paginationItem]:!0,[a.autoplayControl]:!0})} @click=${this.toggleRotation} title=${e??r}><calcite-icon .icon=${this.playing?p.pause:p.play} scale=s></calcite-icon>${this.playing&&d`<calcite-progress class=${s(a.autoplayProgress)} .label=${this.messages.carouselItemProgress} .value=${t}></calcite-progress>`||""}</button>`}renderPaginationArea(){return d`<div class=${s({[a.pagination]:!0,[a.containerOverlaid]:this.controlOverlay})} @keydown=${this.tabListKeyDownHandler} ${y(this.storeTabListRef)}>${(this.playing||this.autoplay===""||this.autoplay||this.autoplay==="paused")&&this.renderRotationControl()||""}${this.arrowType==="inline"&&this.renderArrow("previous")||""}${this.renderPaginationItems()}${this.arrowType==="inline"&&this.renderArrow("next")||""}</div>`}renderPaginationItems(){let{selectedIndex:e,maxItems:t,items:i,label:l,handleItemSelection:c}=this;return d`<div .ariaLabel=${l} class=${s(a.paginationItems)} role=tablist>${B(i,o=>o.id,(o,n)=>{let m=i.length,u=n===e,K=n===0,j=n===m-1,x=m-t-1,f=e<t,w=e>=x,D=f?0:e-Math.floor(t/2),N=w?m:D+t,$=f?0:w?x:D,C=f?t+1:N,V=!K&&!j&&!u&&(n===$-1||n===C),R=u||n<=C&&n>=$-1,T=m-1<=t,q=u?p.active:p.inactive;return d`<button aria-controls=${(u?void 0:o.id)??r} .ariaSelected=${u} class=${s({[a.paginationItem]:!0,[a.paginationItemIndividual]:!0,[a.paginationItemSelected]:u,[a.paginationItemRangeEdge]:m-1>t&&V,[a.paginationItemOutOfRange]:!(T||R),[a.paginationItemVisible]:T||R})} data-index=${n??r} @click=${c} role=tab title=${o.label??r}><calcite-icon .icon=${q} scale=l></calcite-icon></button>`})}</div>`}renderArrow(e){let t=e==="previous",i=F(this.el),l=this.arrowType==="edge"?"m":"s",c=t?a.pagePrevious:a.pageNext,o=t?this.messages.previous:this.messages.next,n=t?p.chevronLeft:p.chevronRight;return d`<button aria-controls=${this.containerId??r} class=${s({[a.paginationItem]:!0,[c]:!0})} data-direction=${e??r} @click=${this.handleArrowClick} title=${o??r}><calcite-icon .flipRtl=${i==="rtl"} .icon=${n} .scale=${l}></calcite-icon></button>`}render(){let{direction:e}=this;return U({disabled:this.disabled,children:d`<div .ariaLabel=${this.label} .ariaLive=${this.playing?"off":"polite"} .ariaRoleDescription=${this.messages.carousel} class=${s({[a.container]:!0,[a.containerOverlaid]:this.controlOverlay,[a.containerEdged]:this.arrowType==="edge"})} @focusin=${this.handleFocusIn} @focusout=${this.handleFocusOut} @keydown=${this.containerKeyDownHandler} @mouseenter=${this.handleMouseIn} @mouseleave=${this.handleMouseOut} role=group tabindex=0 ${y(this.storeContainerRef)}><section class=${s({[a.itemContainer]:!0,[a.itemContainerForward]:e==="forward",[a.itemContainerBackward]:e==="backward"})} id=${this.containerId??r} ${y(this.storeItemContainerRef)}><slot @slotchange=${this.handleSlotChange}></slot></section>${this.items.length>1&&this.renderPaginationArea()||""}${this.arrowType==="edge"&&this.renderArrow("previous")||""}${this.arrowType==="edge"&&this.renderArrow("next")||""}</div>`})}};z("calcite-carousel",k);export{k as Carousel};

package/dist/calcite/{VNQNKQ2J.js → Q4MKOMJK.js}

@@ -1,4 +1,4 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
-import{b as e}from"./VJD4CRQ3.js";import"./YYJSHQR3.js";var _={name:"es",monthsShort:"ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_"),weekdays:"domingo_lunes_martes_mi\xE9rcoles_jueves_viernes_s\xE1bado".split("_"),weekdaysShort:"dom._lun._mar._mi\xE9._jue._vie._s\xE1b.".split("_"),weekdaysMin:"do_lu_ma_mi_ju_vi_s\xE1".split("_"),months:"enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"),weekStart:1,formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY H:mm",LLLL:"dddd, D [de] MMMM [de] YYYY H:mm"},relativeTime:{future:"en %s",past:"hace %s",s:"unos segundos",m:"un minuto",mm:"%d minutos",h:"una hora",hh:"%d horas",d:"un d\xEDa",dd:"%d d\xEDas",M:"un mes",MM:"%d meses",y:"un a\xF1o",yy:"%d a\xF1os"},ordinal:function(o){return o+"\xBA"}};e.locale(_,null,!0);var a=_;export{a as default};
+v3.1.0-next.0 */
+import{b as e}from"./A77PTXQI.js";import"./AFBGRNF3.js";var _={name:"es",monthsShort:"ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_"),weekdays:"domingo_lunes_martes_mi\xE9rcoles_jueves_viernes_s\xE1bado".split("_"),weekdaysShort:"dom._lun._mar._mi\xE9._jue._vie._s\xE1b.".split("_"),weekdaysMin:"do_lu_ma_mi_ju_vi_s\xE1".split("_"),months:"enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"),weekStart:1,formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY H:mm",LLLL:"dddd, D [de] MMMM [de] YYYY H:mm"},relativeTime:{future:"en %s",past:"hace %s",s:"unos segundos",m:"un minuto",mm:"%d minutos",h:"una hora",hh:"%d horas",d:"un d\xEDa",dd:"%d d\xEDas",M:"un mes",MM:"%d meses",y:"un a\xF1o",yy:"%d a\xF1os"},ordinal:function(o){return o+"\xBA"}};e.locale(_,null,!0);var a=_;export{a as default};

package/dist/calcite/{GAAXSGWK.js → Q52B4SR4.js}

@@ -1,4 +1,4 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
-import{b as _}from"./VJD4CRQ3.js";import"./YYJSHQR3.js";var t={name:"th",weekdays:"\u0E2D\u0E32\u0E17\u0E34\u0E15\u0E22\u0E4C_\u0E08\u0E31\u0E19\u0E17\u0E23\u0E4C_\u0E2D\u0E31\u0E07\u0E04\u0E32\u0E23_\u0E1E\u0E38\u0E18_\u0E1E\u0E24\u0E2B\u0E31\u0E2A\u0E1A\u0E14\u0E35_\u0E28\u0E38\u0E01\u0E23\u0E4C_\u0E40\u0E2A\u0E32\u0E23\u0E4C".split("_"),weekdaysShort:"\u0E2D\u0E32\u0E17\u0E34\u0E15\u0E22\u0E4C_\u0E08\u0E31\u0E19\u0E17\u0E23\u0E4C_\u0E2D\u0E31\u0E07\u0E04\u0E32\u0E23_\u0E1E\u0E38\u0E18_\u0E1E\u0E24\u0E2B\u0E31\u0E2A_\u0E28\u0E38\u0E01\u0E23\u0E4C_\u0E40\u0E2A\u0E32\u0E23\u0E4C".split("_"),weekdaysMin:"\u0E2D\u0E32._\u0E08._\u0E2D._\u0E1E._\u0E1E\u0E24._\u0E28._\u0E2A.".split("_"),months:"\u0E21\u0E01\u0E23\u0E32\u0E04\u0E21_\u0E01\u0E38\u0E21\u0E20\u0E32\u0E1E\u0E31\u0E19\u0E18\u0E4C_\u0E21\u0E35\u0E19\u0E32\u0E04\u0E21_\u0E40\u0E21\u0E29\u0E32\u0E22\u0E19_\u0E1E\u0E24\u0E29\u0E20\u0E32\u0E04\u0E21_\u0E21\u0E34\u0E16\u0E38\u0E19\u0E32\u0E22\u0E19_\u0E01\u0E23\u0E01\u0E0E\u0E32\u0E04\u0E21_\u0E2A\u0E34\u0E07\u0E2B\u0E32\u0E04\u0E21_\u0E01\u0E31\u0E19\u0E22\u0E32\u0E22\u0E19_\u0E15\u0E38\u0E25\u0E32\u0E04\u0E21_\u0E1E\u0E24\u0E28\u0E08\u0E34\u0E01\u0E32\u0E22\u0E19_\u0E18\u0E31\u0E19\u0E27\u0E32\u0E04\u0E21".split("_"),monthsShort:"\u0E21.\u0E04._\u0E01.\u0E1E._\u0E21\u0E35.\u0E04._\u0E40\u0E21.\u0E22._\u0E1E.\u0E04._\u0E21\u0E34.\u0E22._\u0E01.\u0E04._\u0E2A.\u0E04._\u0E01.\u0E22._\u0E15.\u0E04._\u0E1E.\u0E22._\u0E18.\u0E04.".split("_"),formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY \u0E40\u0E27\u0E25\u0E32 H:mm",LLLL:"\u0E27\u0E31\u0E19dddd\u0E17\u0E35\u0E48 D MMMM YYYY \u0E40\u0E27\u0E25\u0E32 H:mm"},relativeTime:{future:"\u0E2D\u0E35\u0E01 %s",past:"%s\u0E17\u0E35\u0E48\u0E41\u0E25\u0E49\u0E27",s:"\u0E44\u0E21\u0E48\u0E01\u0E35\u0E48\u0E27\u0E34\u0E19\u0E32\u0E17\u0E35",m:"1 \u0E19\u0E32\u0E17\u0E35",mm:"%d \u0E19\u0E32\u0E17\u0E35",h:"1 \u0E0A\u0E31\u0E48\u0E27\u0E42\u0E21\u0E07",hh:"%d \u0E0A\u0E31\u0E48\u0E27\u0E42\u0E21\u0E07",d:"1 \u0E27\u0E31\u0E19",dd:"%d \u0E27\u0E31\u0E19",M:"1 \u0E40\u0E14\u0E37\u0E2D\u0E19",MM:"%d \u0E40\u0E14\u0E37\u0E2D\u0E19",y:"1 \u0E1B\u0E35",yy:"%d \u0E1B\u0E35"},ordinal:function(d){return d+"."}};_.locale(t,null,!0);var M=t;export{M as default};
+v3.1.0-next.0 */
+import{b as _}from"./A77PTXQI.js";import"./AFBGRNF3.js";var t={name:"th",weekdays:"\u0E2D\u0E32\u0E17\u0E34\u0E15\u0E22\u0E4C_\u0E08\u0E31\u0E19\u0E17\u0E23\u0E4C_\u0E2D\u0E31\u0E07\u0E04\u0E32\u0E23_\u0E1E\u0E38\u0E18_\u0E1E\u0E24\u0E2B\u0E31\u0E2A\u0E1A\u0E14\u0E35_\u0E28\u0E38\u0E01\u0E23\u0E4C_\u0E40\u0E2A\u0E32\u0E23\u0E4C".split("_"),weekdaysShort:"\u0E2D\u0E32\u0E17\u0E34\u0E15\u0E22\u0E4C_\u0E08\u0E31\u0E19\u0E17\u0E23\u0E4C_\u0E2D\u0E31\u0E07\u0E04\u0E32\u0E23_\u0E1E\u0E38\u0E18_\u0E1E\u0E24\u0E2B\u0E31\u0E2A_\u0E28\u0E38\u0E01\u0E23\u0E4C_\u0E40\u0E2A\u0E32\u0E23\u0E4C".split("_"),weekdaysMin:"\u0E2D\u0E32._\u0E08._\u0E2D._\u0E1E._\u0E1E\u0E24._\u0E28._\u0E2A.".split("_"),months:"\u0E21\u0E01\u0E23\u0E32\u0E04\u0E21_\u0E01\u0E38\u0E21\u0E20\u0E32\u0E1E\u0E31\u0E19\u0E18\u0E4C_\u0E21\u0E35\u0E19\u0E32\u0E04\u0E21_\u0E40\u0E21\u0E29\u0E32\u0E22\u0E19_\u0E1E\u0E24\u0E29\u0E20\u0E32\u0E04\u0E21_\u0E21\u0E34\u0E16\u0E38\u0E19\u0E32\u0E22\u0E19_\u0E01\u0E23\u0E01\u0E0E\u0E32\u0E04\u0E21_\u0E2A\u0E34\u0E07\u0E2B\u0E32\u0E04\u0E21_\u0E01\u0E31\u0E19\u0E22\u0E32\u0E22\u0E19_\u0E15\u0E38\u0E25\u0E32\u0E04\u0E21_\u0E1E\u0E24\u0E28\u0E08\u0E34\u0E01\u0E32\u0E22\u0E19_\u0E18\u0E31\u0E19\u0E27\u0E32\u0E04\u0E21".split("_"),monthsShort:"\u0E21.\u0E04._\u0E01.\u0E1E._\u0E21\u0E35.\u0E04._\u0E40\u0E21.\u0E22._\u0E1E.\u0E04._\u0E21\u0E34.\u0E22._\u0E01.\u0E04._\u0E2A.\u0E04._\u0E01.\u0E22._\u0E15.\u0E04._\u0E1E.\u0E22._\u0E18.\u0E04.".split("_"),formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY \u0E40\u0E27\u0E25\u0E32 H:mm",LLLL:"\u0E27\u0E31\u0E19dddd\u0E17\u0E35\u0E48 D MMMM YYYY \u0E40\u0E27\u0E25\u0E32 H:mm"},relativeTime:{future:"\u0E2D\u0E35\u0E01 %s",past:"%s\u0E17\u0E35\u0E48\u0E41\u0E25\u0E49\u0E27",s:"\u0E44\u0E21\u0E48\u0E01\u0E35\u0E48\u0E27\u0E34\u0E19\u0E32\u0E17\u0E35",m:"1 \u0E19\u0E32\u0E17\u0E35",mm:"%d \u0E19\u0E32\u0E17\u0E35",h:"1 \u0E0A\u0E31\u0E48\u0E27\u0E42\u0E21\u0E07",hh:"%d \u0E0A\u0E31\u0E48\u0E27\u0E42\u0E21\u0E07",d:"1 \u0E27\u0E31\u0E19",dd:"%d \u0E27\u0E31\u0E19",M:"1 \u0E40\u0E14\u0E37\u0E2D\u0E19",MM:"%d \u0E40\u0E14\u0E37\u0E2D\u0E19",y:"1 \u0E1B\u0E35",yy:"%d \u0E1B\u0E35"},ordinal:function(d){return d+"."}};_.locale(t,null,!0);var M=t;export{M as default};