@esri/calcite-components 2.6.0-next.0 → 2.6.0-next.2

package/dist/calcite/p-e74d2119.entry.js

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

package/dist/calcite/p-e74d2119.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","modal","title","header","footer","scrim","back","close","secondary","primary","container","containerOpen","content","contentNoFooter","contentBottom","contentTop","slottedInShell","openingIdle","openingActive","closingIdle","closingActive","ICONS","SLOTS","modalCss","totalOpenModals","initialDocumentOverflowStyle","Modal","this","ignoreOpenChange","mutationObserver","createObserver","handleMutationObserver","cssVarObserver","updateSizeCssVars","openTransitionProp","setTransitionEl","el","transitionEl","openEnd","setFocus","removeEventListener","handleCloseClick","open","handleOutsideClose","outsideCloseDisabled","closeModal","async","beforeClose","_error","requestAnimationFrame","opened","removeOverflowHiddenClass","updateFooterVisibility","updateFocusTrapElements","hasFooter","getSlotted","cssWidth","getComputedStyle","getPropertyValue","cssHeight","contentTopSlotChangeHandler","event","hasContentTop","slotChangeHasAssignedElement","contentBottomSlotChangeHandler","hasContentBottom","handleFocusTrapDisabled","focusTrapDisabled","deactivateFocusTrap","activateFocusTrap","onMessagesChange","componentWillLoad","setUpMessages","setUpLoadableComponent","openModal","componentDidLoad","setComponentLoaded","connectedCallback","observe","childList","subtree","attributeFilter","connectConditionalSlotComponent","connectLocalized","connectMessages","connectFocusTrap","disconnectedCallback","disconnect","disconnectConditionalSlotComponent","disconnectLocalized","disconnectMessages","render","h","Host","contentId","titleId","role","class","onClick","renderStyle","ref","renderCloseButton","name","renderContentTop","modalContent","renderContentBottom","renderFooter","key","hidden","onSlotchange","closeButtonDisabled","messages","closeButtonEl","icon","scale","getIconScale","fullscreen","docked","effectiveLocaleChange","updateMessages","effectiveLocale","handleEscape","escapeDisabled","defaultPrevented","preventDefault","componentFocusable","focusFirstTabbable","scrollContent","top","left","scrollTo","behavior","scrollTop","scrollLeft","onBeforeOpen","classList","add","calciteModalBeforeOpen","emit","onOpen","remove","calciteModalOpen","onBeforeClose","calciteModalBeforeClose","onClose","calciteModalClose","toggleModal","value","handleOpenedChange","idleClass","onToggleOpenCloseComponent","componentOnReady","addEventListener","titleEl","contentEl","ensureId","document","documentElement","style","overflow","setProperty"],"sources":["src/components/modal/resources.ts","src/components/modal/modal.scss?tag=calcite-modal&encapsulation=shadow","src/components/modal/modal.tsx"],"sourcesContent":["export const CSS = {\n  modal: \"modal\",\n  title: \"title\",\n  header: \"header\",\n  footer: \"footer\",\n  scrim: \"scrim\",\n  back: \"back\",\n  close: \"close\",\n  secondary: \"secondary\",\n  primary: \"primary\",\n  container: \"container\",\n  containerOpen: \"container--open\",\n  content: \"content\",\n  contentNoFooter: \"content--no-footer\",\n  contentBottom: \"content-bottom\",\n  contentTop: \"content-top\",\n  slottedInShell: \"slotted-in-shell\",\n\n  // these classes help apply the animation in phases to only set transform on open/close\n  // this helps avoid a positioning issue for any floating-ui-owning children\n  openingIdle: \"modal--opening-idle\",\n  openingActive: \"modal--opening-active\",\n  closingIdle: \"modal--closing-idle\",\n  closingActive: \"modal--closing-active\",\n};\n\nexport const DURATIONS = {\n  slow: 14000,\n  medium: 10000,\n  fast: 6000,\n  test: 300 / 1000,\n};\n\nexport const ICONS = {\n  close: \"x\",\n};\n\nexport const SLOTS = {\n  content: \"content\",\n  contentBottom: \"content-bottom\",\n  contentTop: \"content-top\",\n  header: \"header\",\n  back: \"back\",\n  secondary: \"secondary\",\n  primary: \"primary\",\n};\n","@import \"~@esri/calcite-design-tokens/dist/scss/core\";\n\n/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-modal-content-background: Specifies the background color of content placed in the component's `\"content\"` slot.\n * @prop --calcite-modal-content-padding: Specifies the padding of the component's `\"content\"` slot.\n * @prop --calcite-modal-scrim-background: Specifies the background color of the component's scrim.\n * @prop --calcite-modal-width: Specifies the width of the component, using `px`, `em`, `rem`, `vw`, or `%`. Will never exceed the width of the viewport. Will not apply if `fullscreen` if set.\n * @prop --calcite-modal-height: Specifies the height of the component, using `px`, `em`, `rem`, `vh`, or `%`. Will never exceed the height of the viewport. Will not apply if `fullscreen` if set.\n *\n */\n\n:host {\n  --calcite-modal-scrim-background: #{rgba($calcite-color-neutral-blk-240, $calcite-opacity-85)};\n}\n\n:host {\n  @apply absolute flex inset-0 opacity-0 z-overlay;\n  visibility: hidden !important;\n  transition:\n    visibility 0ms linear var(--calcite-internal-animation-timing-slow),\n    opacity var(--calcite-internal-animation-timing-slow) $easing-function;\n  // the modal should always use a dark scrim, regardless of light / dark mode - matches value in global.scss\n  --calcite-modal-scrim-background-internal: #{rgba($calcite-color-neutral-blk-240, $calcite-opacity-85)};\n}\n\n.content-top[hidden],\n.content-bottom[hidden] {\n  @apply hidden;\n}\n\n.container {\n  @apply text-color-2\n    fixed\n    inset-0\n    flex\n    items-center\n    justify-center\n    overflow-y-hidden\n    opacity-0\n    z-overlay;\n  visibility: hidden !important;\n  transition:\n    visibility 0ms linear var(--calcite-internal-animation-timing-slow),\n    opacity var(--calcite-internal-animation-timing-slow) $easing-function;\n}\n\n:host([scale=\"s\"]) {\n  --calcite-modal-padding-internal: theme(\"spacing.3\");\n  --calcite-modal-padding-large-internal: theme(\"spacing.4\");\n  --calcite-modal-title-text-internal: theme(\"fontSize.1h\");\n  --calcite-modal-content-text-internal: theme(\"fontSize.n1\");\n}\n\n:host([scale=\"m\"]) {\n  --calcite-modal-padding-internal: theme(\"spacing.4\");\n  --calcite-modal-padding-large-internal: theme(\"spacing.5\");\n  --calcite-modal-title-text-internal: theme(\"fontSize.2h\");\n  --calcite-modal-content-text-internal: theme(\"fontSize.0\");\n}\n\n:host([scale=\"l\"]) {\n  --calcite-modal-padding-internal: theme(\"spacing.5\");\n  --calcite-modal-padding-large-internal: theme(\"spacing.6\");\n  --calcite-modal-title-text-internal: theme(\"fontSize.3h\");\n  --calcite-modal-content-text-internal: theme(\"fontSize.1\");\n}\n\n.scrim {\n  --calcite-scrim-background: var(--calcite-modal-scrim-background, var(--calcite-color-transparent-scrim));\n  @apply fixed inset-0 flex overflow-y-hidden;\n}\n\n.modal {\n  @apply shadow-2-sm\n    bg-foreground-1\n    pointer-events-none\n    float-none\n    m-6\n    box-border\n    flex\n    w-full\n    flex-col\n    overflow-hidden\n    rounded\n    opacity-0\n    z-modal;\n  -webkit-overflow-scrolling: touch;\n  visibility: hidden;\n  transition:\n    transform var(--calcite-internal-animation-timing-slow) $easing-function,\n    visibility 0ms linear var(--calcite-internal-animation-timing-slow),\n    opacity var(--calcite-internal-animation-timing-slow) $easing-function;\n\n  --calcite-modal-hidden-position: translate3d(0, 20px, 0);\n  --calcite-modal-shown-position: translate3d(0, 0, 0);\n\n  &--opening {\n    &-idle {\n      transform: var(--calcite-modal-hidden-position);\n    }\n    &-active {\n      transform: var(--calcite-modal-shown-position);\n    }\n  }\n\n  &--closing {\n    &-idle {\n      transform: var(--calcite-modal-shown-position);\n    }\n    &-active {\n      transform: var(--calcite-modal-hidden-position);\n    }\n  }\n}\n\n:host([opened]) {\n  @apply opacity-100;\n  visibility: visible !important;\n  transition-delay: 0ms;\n}\n\n.container--open {\n  @apply opacity-100;\n  visibility: visible !important;\n  transition-delay: 0ms;\n  .modal {\n    @apply pointer-events-auto visible opacity-100;\n    transition:\n      transform var(--calcite-internal-animation-timing-slow) $easing-function,\n      visibility 0ms linear,\n      opacity var(--calcite-internal-animation-timing-slow) $easing-function,\n      max-inline-size var(--calcite-internal-animation-timing-slow) $easing-function,\n      max-block-size var(--calcite-internal-animation-timing-slow) $easing-function;\n    transition-delay: 0ms;\n  }\n}\n\n/**\n * Header\n */\n.header {\n  @apply bg-foreground-1\n    border-color-3\n    flex\n    min-w-0\n    max-w-full\n    rounded-t\n    border-0\n    border-b\n    border-solid\n    z-header;\n  flex: 0 0 auto;\n}\n\n.close {\n  @apply text-color-3\n    transition-default\n    focus-base\n    order-2\n    m-0\n    cursor-pointer\n    appearance-none\n    border-none\n    bg-transparent;\n  padding-block: var(--calcite-modal-padding-internal);\n  padding-inline: var(--calcite-modal-padding-internal);\n  flex: 0 0 auto;\n  calcite-icon {\n    @apply pointer-events-none;\n    vertical-align: -2px;\n  }\n  &:focus {\n    @apply focus-inset;\n  }\n  &:hover,\n  &:focus,\n  &:active {\n    @apply bg-foreground-2 text-color-1;\n  }\n}\n\n.title {\n  @apply order-1 flex min-w-0 items-center;\n  flex: 1 1 auto;\n  padding-block: var(--calcite-modal-padding-internal);\n  padding-inline: var(--calcite-modal-padding-large-internal);\n}\n\n@include slotted(\"header\", \"*\") {\n  @apply text-color-1 m-0 font-normal;\n  font-size: var(--calcite-modal-title-text-internal);\n}\n\n/**\n * Content area\n */\n.content {\n  @apply relative box-border block h-full overflow-auto p-0;\n  background-color: var(--calcite-modal-content-background, theme(\"colors.background.foreground.1\"));\n  max-block-size: 100%;\n  padding: var(--calcite-modal-content-padding, var(--calcite-modal-padding-internal));\n}\n\n.content-top,\n.content-bottom {\n  @apply bg-foreground-1 border-color-3 border-solid border-0 z-header flex;\n  flex: 0 0 auto;\n  padding: var(--calcite-modal-padding-internal);\n}\n\n.content-top {\n  @apply min-w-0 max-w-full border-b;\n}\n\n.content-bottom {\n  @apply mt-auto box-border w-full justify-between border-t;\n}\n\n.content-top:not(.header ~ .content-top) {\n  @apply rounded-t;\n}\n\n.content-bottom:not(.content-bottom ~ .footer),\n.content--no-footer {\n  @apply rounded-b;\n}\n\n@include slotted(\"content\", \"*\") {\n  font-size: var(--calcite-modal-context-text-internal);\n}\n\n/**\n * Footer\n */\n.footer {\n  @apply bg-foreground-1\n    border-color-3\n    mt-auto\n    box-border\n    flex\n    w-full\n    justify-between\n    rounded-b\n    border-0\n    border-t\n    border-solid\n    z-header;\n  flex: 0 0 auto;\n  padding-block: var(--calcite-modal-padding-internal);\n  padding-inline: var(--calcite-modal-padding-large-internal);\n}\n\n.footer--hide-back .back,\n.footer--hide-secondary .secondary {\n  @apply hidden;\n}\n\n.back {\n  @apply block;\n  margin-inline-end: auto;\n}\n\n.secondary {\n  @apply mx-1 block;\n}\n\nslot[name=\"primary\"] {\n  @apply block;\n}\n\n/**\n * Sizes\n */\n@mixin modal-size($size, $width) {\n  :host([width-scale=\"#{$size}\"]) .modal {\n    @apply max-h-full max-w-full;\n    inline-size: var(--calcite-modal-width, $width);\n    block-size: var(--calcite-modal-height, auto);\n  }\n\n  @media screen and (max-width: $width + 2 * $baseline) {\n    :host([width-scale=\"#{$size}\"]) {\n      .modal {\n        @apply m-0 h-full max-h-full w-full max-w-full;\n      }\n      .content {\n        flex: 1 1 auto;\n        max-block-size: unset;\n      }\n    }\n    :host([width-scale=\"#{$size}\"][docked]) .container {\n      align-items: flex-end;\n    }\n  }\n}\n\n:host([width=\"small\"]) .modal {\n  @apply w-auto;\n}\n\n@include modal-size(\"s\", 32rem);\n@include modal-size(\"m\", 48rem);\n@include modal-size(\"l\", 94rem);\n\n/**\n * Fullscreen\n */\n:host([fullscreen]) {\n  .modal {\n    @apply m-0 max-h-full max-w-full h-full w-full rounded-none;\n    --calcite-modal-hidden-position: translate3D(0, 20px, 0) scale(0.95);\n    --calcite-modal-shown-position: translate3D(0, 0, 0) scale(1);\n  }\n  .content {\n    @apply max-h-full;\n    flex: 1 1 auto;\n  }\n}\n\n:host([opened][fullscreen]) {\n  .header,\n  .footer,\n  .content-top,\n  .content-bottom {\n    border-radius: 0;\n  }\n}\n\n/**\n * Docked\n */\n:host([docked]) {\n  .modal {\n    block-size: var(--calcite-modal-height, auto);\n  }\n  .content {\n    @apply h-auto;\n    flex: 1 1 auto;\n  }\n}\n\n/**\n * Kinds\n */\n:host([kind=\"brand\"]) .modal {\n  @apply border-color-brand;\n}\n\n:host([kind=\"danger\"]) .modal {\n  @apply border-color-danger;\n}\n\n:host([kind=\"info\"]) .modal {\n  @apply border-color-info;\n}\n\n:host([kind=\"success\"]) .modal {\n  @apply border-color-success;\n}\n\n:host([kind=\"warning\"]) .modal {\n  @apply border-color-warning;\n}\n\n:host([kind=\"brand\"]),\n:host([kind=\"danger\"]),\n:host([kind=\"info\"]),\n:host([kind=\"success\"]),\n:host([kind=\"warning\"]) {\n  .modal {\n    @apply border-0 border-t-4 border-solid;\n  }\n  .header,\n  .content-top {\n    @apply rounded rounded-b-none;\n  }\n}\n\n/**\n * Tablet\n */\n@media screen and (max-width: $viewport-medium) {\n  @include slotted(\"header\", \"content-top\", \"*\") {\n    @apply text-1;\n  }\n  .footer,\n  .content-bottom {\n    @apply sticky bottom-0;\n  }\n}\n\n/**\n * Mobile\n */\n@media screen and (max-width: $viewport-small) {\n  .footer,\n  .content-bottom {\n    @apply flex-col;\n  }\n  .back,\n  .secondary {\n    @apply m-0 mb-1;\n  }\n}\n\n/**\n * Conditional styles for when Modal is slotted in Shell\n */\n\n.container.slotted-in-shell {\n  position: absolute;\n  pointer-events: auto;\n  calcite-scrim {\n    position: absolute;\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport {\n  ensureId,\n  focusFirstTabbable,\n  getSlotted,\n  slotChangeHasAssignedElement,\n} from \"../../utils/dom\";\nimport {\n  activateFocusTrap,\n  connectFocusTrap,\n  deactivateFocusTrap,\n  FocusTrap,\n  FocusTrapComponent,\n  updateFocusTrapElements,\n} from \"../../utils/focusTrapComponent\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { createObserver } from \"../../utils/observers\";\nimport { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\nimport { Kind, Scale } from \"../interfaces\";\nimport { CSS, ICONS, SLOTS } from \"./resources\";\n\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { ModalMessages } from \"./assets/modal/t9n\";\n\nimport { componentOnReady, getIconScale } from \"../../utils/component\";\n\nlet totalOpenModals: number = 0;\nlet initialDocumentOverflowStyle: string = \"\";\n\n/**\n * @slot header - A slot for adding header text.\n * @slot content - A slot for adding the component's content.\n * @slot content-top - A slot for adding content to the component's sticky header, where content remains at the top of the component when scrolling up and down.\n * @slot content-bottom - A slot for adding content to the component's sticky footer, where content remains at the bottom of the component when scrolling up and down.\n * @slot primary - A slot for adding a primary button.\n * @slot secondary - A slot for adding a secondary button.\n * @slot back - A slot for adding a back button.\n */\n\n@Component({\n  tag: \"calcite-modal\",\n  styleUrl: \"modal.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Modal\n  implements\n    ConditionalSlotComponent,\n    OpenCloseComponent,\n    FocusTrapComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, displays and positions the component.  */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /**\n   * We use an internal property to handle styles for when a modal is actually opened, not just when the open attribute is applied. This is a property because we need to apply styles to the host element and to keep the styles present while beforeClose is.\n   *\n   * @internal\n   */\n  @Prop({ mutable: true, reflect: true }) opened = false;\n\n  /** Passes a function to run before the component closes. */\n  @Prop() beforeClose: (el: HTMLCalciteModalElement) => Promise<void>;\n\n  /** When `true`, disables the component's close button. */\n  @Prop({ reflect: true }) closeButtonDisabled = false;\n\n  /**\n   * When `true`, prevents focus trapping.\n   */\n  @Prop({ reflect: true }) focusTrapDisabled = false;\n\n  @Watch(\"focusTrapDisabled\")\n  handleFocusTrapDisabled(focusTrapDisabled: boolean): void {\n    if (!this.open) {\n      return;\n    }\n\n    focusTrapDisabled ? deactivateFocusTrap(this) : activateFocusTrap(this);\n  }\n\n  /** When `true`, disables the closing of the component when clicked outside. */\n  @Prop({ reflect: true }) outsideCloseDisabled = false;\n\n  /** When `true`, prevents the component from expanding to the entire screen on mobile devices. */\n  @Prop({ reflect: true }) docked: boolean;\n\n  /** When `true`, disables the default close on escape behavior. */\n  @Prop({ reflect: true }) escapeDisabled = false;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the width of the component. */\n  @Prop({ reflect: true }) widthScale: Scale = \"m\";\n\n  /** Sets the component to always be fullscreen. Overrides `widthScale` and `--calcite-modal-width` / `--calcite-modal-height`. */\n  @Prop({ reflect: true }) fullscreen: boolean;\n\n  /** Specifies the kind of the component, which will apply to top border. */\n  @Prop({ reflect: true }) kind: Extract<\"brand\" | \"danger\" | \"info\" | \"success\" | \"warning\", Kind>;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: ModalMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<ModalMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * This internal property, managed by a containing calcite-shell, is used\n   * to inform the component if special configuration or styles are needed\n   *\n   * @internal\n   */\n  @Prop({ mutable: true }) slottedInShell: boolean;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n    // when modal initially renders, if active was set we need to open as watcher doesn't fire\n    if (this.open) {\n      this.openModal();\n    }\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  connectedCallback(): void {\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n    this.cssVarObserver?.observe(this.el, { attributeFilter: [\"style\"] });\n    this.updateSizeCssVars();\n    this.updateFooterVisibility();\n    connectConditionalSlotComponent(this);\n    connectLocalized(this);\n    connectMessages(this);\n    connectFocusTrap(this);\n  }\n\n  disconnectedCallback(): void {\n    this.removeOverflowHiddenClass();\n    this.mutationObserver?.disconnect();\n    this.cssVarObserver?.disconnect();\n    disconnectConditionalSlotComponent(this);\n    deactivateFocusTrap(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    this.slottedInShell = false;\n  }\n\n  render(): VNode {\n    return (\n      <Host\n        aria-describedby={this.contentId}\n        aria-labelledby={this.titleId}\n        aria-modal=\"true\"\n        role=\"dialog\"\n      >\n        <div\n          class={{\n            [CSS.container]: true,\n            [CSS.containerOpen]: this.opened,\n            [CSS.slottedInShell]: this.slottedInShell,\n          }}\n        >\n          <calcite-scrim class={CSS.scrim} onClick={this.handleOutsideClose} />\n          {this.renderStyle()}\n          <div\n            class={{\n              [CSS.modal]: true,\n            }}\n            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n            ref={this.setTransitionEl}\n          >\n            <div class={CSS.header}>\n              {this.renderCloseButton()}\n              <header class={CSS.title}>\n                <slot name={CSS.header} />\n              </header>\n            </div>\n            {this.renderContentTop()}\n            <div\n              class={{\n                [CSS.content]: true,\n                [CSS.contentNoFooter]: !this.hasFooter,\n              }}\n              // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n              ref={(el) => (this.modalContent = el)}\n            >\n              <slot name={SLOTS.content} />\n            </div>\n            {this.renderContentBottom()}\n            {this.renderFooter()}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n  renderFooter(): VNode {\n    return this.hasFooter ? (\n      <div class={CSS.footer} key=\"footer\">\n        <span class={CSS.back}>\n          <slot name={SLOTS.back} />\n        </span>\n        <span class={CSS.secondary}>\n          <slot name={SLOTS.secondary} />\n        </span>\n        <span class={CSS.primary}>\n          <slot name={SLOTS.primary} />\n        </span>\n      </div>\n    ) : null;\n  }\n\n  renderContentTop(): VNode {\n    return (\n      <div class={CSS.contentTop} hidden={!this.hasContentTop}>\n        <slot name={SLOTS.contentTop} onSlotchange={this.contentTopSlotChangeHandler} />\n      </div>\n    );\n  }\n\n  renderContentBottom(): VNode {\n    return (\n      <div class={CSS.contentBottom} hidden={!this.hasContentBottom}>\n        <slot name={SLOTS.contentBottom} onSlotchange={this.contentBottomSlotChangeHandler} />\n      </div>\n    );\n  }\n\n  renderCloseButton(): VNode {\n    return !this.closeButtonDisabled ? (\n      <button\n        aria-label={this.messages.close}\n        class={CSS.close}\n        key=\"button\"\n        onClick={this.handleCloseClick}\n        title={this.messages.close}\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={(el) => (this.closeButtonEl = el)}\n      >\n        <calcite-icon icon={ICONS.close} scale={getIconScale(this.scale)} />\n      </button>\n    ) : null;\n  }\n\n  renderStyle(): VNode {\n    if (!this.fullscreen && (this.cssWidth || this.cssHeight)) {\n      return (\n        <style>\n          {`.${CSS.container} {\n              ${this.docked && this.cssWidth ? `align-items: center !important;` : \"\"}\n            }\n            .${CSS.modal} {\n              block-size: ${this.cssHeight ? this.cssHeight : \"auto\"} !important;\n              ${this.cssWidth ? `inline-size: ${this.cssWidth} !important;` : \"\"}\n              ${this.cssWidth ? `max-inline-size: ${this.cssWidth} !important;` : \"\"}\n              ${this.docked ? `border-radius: var(--calcite-border-radius) !important;` : \"\"}\n            }\n            @media screen and (max-width: ${this.cssWidth}) {\n              .${CSS.container} {\n                ${this.docked ? `align-items: flex-end !important;` : \"\"}\n              }\n              .${CSS.modal} {\n                max-block-size: 100% !important;\n                inline-size: 100% !important;\n                max-inline-size: 100% !important;\n                min-inline-size: 100% !important;\n                margin: 0 !important;\n                ${!this.docked ? `block-size: 100% !important;` : \"\"}\n                ${!this.docked ? `border-radius: 0 !important;` : \"\"}\n                ${\n                  this.docked\n                    ? `border-radius: var(--calcite-border-radius) var(--calcite-border-radius) 0 0 !important;`\n                    : \"\"\n                }\n              }\n            }\n          `}\n        </style>\n      );\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties/ State\n  //\n  //--------------------------------------------------------------------------\n\n  ignoreOpenChange = false;\n\n  @Element() el: HTMLCalciteModalElement;\n\n  modalContent: HTMLDivElement;\n\n  initialOverflowCSS: string;\n\n  private mutationObserver: MutationObserver = createObserver(\"mutation\", () =>\n    this.handleMutationObserver(),\n  );\n\n  private cssVarObserver: MutationObserver = createObserver(\"mutation\", () => {\n    this.updateSizeCssVars();\n  });\n\n  titleId: string;\n\n  openTransitionProp = \"opacity\";\n\n  transitionEl: HTMLDivElement;\n\n  focusTrap: FocusTrap;\n\n  closeButtonEl: HTMLButtonElement;\n\n  contentId: string;\n\n  @State() cssWidth: string | number;\n\n  @State() cssHeight: string | number;\n\n  @State() hasFooter = true;\n\n  @State() hasContentTop = false;\n\n  @State() hasContentBottom = false;\n\n  @State() effectiveLocale: string;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: ModalMessages;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"keydown\", { target: \"window\" })\n  handleEscape(event: KeyboardEvent): void {\n    if (this.open && !this.escapeDisabled && event.key === \"Escape\" && !event.defaultPrevented) {\n      this.open = false;\n      event.preventDefault();\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n  /** Fires when the component is requested to be closed and before the closing transition begins. */\n  @Event({ cancelable: false }) calciteModalBeforeClose: EventEmitter<void>;\n\n  /** Fires when the component is closed and animation is complete. */\n  @Event({ cancelable: false }) calciteModalClose: EventEmitter<void>;\n\n  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */\n  @Event({ cancelable: false }) calciteModalBeforeOpen: EventEmitter<void>;\n\n  /** Fires when the component is open and animation is complete. */\n  @Event({ cancelable: false }) calciteModalOpen: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component's \"close\" button (the first focusable item).\n   *\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    focusFirstTabbable(this.el);\n  }\n\n  /**\n   * Updates the element(s) that are used within the focus-trap of the component.\n   */\n  @Method()\n  async updateFocusTrapElements(): Promise<void> {\n    updateFocusTrapElements(this);\n  }\n\n  /**\n   * Sets the scroll top of the component's content.\n   *\n   * @param top\n   * @param left\n   */\n  @Method()\n  async scrollContent(top = 0, left = 0): Promise<void> {\n    if (this.modalContent) {\n      if (this.modalContent.scrollTo) {\n        this.modalContent.scrollTo({ top, left, behavior: \"smooth\" });\n      } else {\n        this.modalContent.scrollTop = top;\n        this.modalContent.scrollLeft = left;\n      }\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private setTransitionEl = (el: HTMLDivElement): void => {\n    this.transitionEl = el;\n  };\n\n  onBeforeOpen(): void {\n    this.transitionEl.classList.add(CSS.openingActive);\n    this.calciteModalBeforeOpen.emit();\n  }\n\n  onOpen(): void {\n    this.transitionEl.classList.remove(CSS.openingIdle, CSS.openingActive);\n    this.calciteModalOpen.emit();\n    activateFocusTrap(this);\n  }\n\n  onBeforeClose(): void {\n    this.transitionEl.classList.add(CSS.closingActive);\n    this.calciteModalBeforeClose.emit();\n  }\n\n  onClose(): void {\n    this.transitionEl.classList.remove(CSS.closingIdle, CSS.closingActive);\n    this.calciteModalClose.emit();\n    deactivateFocusTrap(this);\n  }\n\n  @Watch(\"open\")\n  toggleModal(value: boolean): void {\n    if (this.ignoreOpenChange) {\n      return;\n    }\n\n    if (value) {\n      this.openModal();\n    } else {\n      this.closeModal();\n    }\n  }\n\n  @Watch(\"opened\")\n  handleOpenedChange(value: boolean): void {\n    const idleClass = value ? CSS.openingIdle : CSS.closingIdle;\n    this.transitionEl.classList.add(idleClass);\n    onToggleOpenCloseComponent(this);\n  }\n\n  private openEnd = (): void => {\n    this.setFocus();\n    this.el.removeEventListener(\"calciteModalOpen\", this.openEnd);\n  };\n\n  private handleCloseClick = () => {\n    this.open = false;\n  };\n\n  private async openModal(): Promise<void> {\n    await componentOnReady(this.el);\n    this.el.addEventListener(\"calciteModalOpen\", this.openEnd);\n    this.opened = true;\n    const titleEl = getSlotted(this.el, SLOTS.header);\n    const contentEl = getSlotted(this.el, SLOTS.content);\n\n    this.titleId = ensureId(titleEl);\n    this.contentId = ensureId(contentEl);\n\n    if (!this.slottedInShell) {\n      if (totalOpenModals === 0) {\n        initialDocumentOverflowStyle = document.documentElement.style.overflow;\n      }\n\n      totalOpenModals++;\n      // use an inline style instead of a utility class to avoid global class declarations.\n      document.documentElement.style.setProperty(\"overflow\", \"hidden\");\n    }\n  }\n\n  private handleOutsideClose = (): void => {\n    if (this.outsideCloseDisabled) {\n      return;\n    }\n\n    this.open = false;\n  };\n\n  closeModal = async (): Promise<void> => {\n    if (this.beforeClose) {\n      try {\n        await this.beforeClose(this.el);\n      } catch (_error) {\n        // close prevented\n        requestAnimationFrame(() => {\n          this.ignoreOpenChange = true;\n          this.open = true;\n          this.ignoreOpenChange = false;\n        });\n        return;\n      }\n    }\n\n    totalOpenModals--;\n    this.opened = false;\n    this.removeOverflowHiddenClass();\n  };\n\n  private removeOverflowHiddenClass(): void {\n    document.documentElement.style.setProperty(\"overflow\", initialDocumentOverflowStyle);\n  }\n\n  private handleMutationObserver = (): void => {\n    this.updateFooterVisibility();\n    this.updateFocusTrapElements();\n  };\n\n  private updateFooterVisibility = (): void => {\n    this.hasFooter = !!getSlotted(this.el, [SLOTS.back, SLOTS.primary, SLOTS.secondary]);\n  };\n\n  private updateSizeCssVars = (): void => {\n    this.cssWidth = getComputedStyle(this.el).getPropertyValue(\"--calcite-modal-width\");\n    this.cssHeight = getComputedStyle(this.el).getPropertyValue(\"--calcite-modal-height\");\n  };\n\n  private contentTopSlotChangeHandler = (event: Event): void => {\n    this.hasContentTop = slotChangeHasAssignedElement(event);\n  };\n\n  private contentBottomSlotChangeHandler = (event: Event): void => {\n    this.hasContentBottom = slotChangeHasAssignedElement(event);\n  };\n}\n"],"mappings":"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"}

package/dist/calcite/p-e8d1b8ea.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.6.0-next.2
+ */
+import{r as e,c as t,h as s,H as i,g as a,F as r}from"./p-f8f9cef3.js";import{j as n,c as o,e as h,g as c,h as d,f as l,s as f,k as p,i as u,l as g,n as v,p as y,m as b,o as m}from"./p-05cd5e85.js";import{c as w,s as x,a as k}from"./p-75a52371.js";import{c as D,d as z,n as C,e as A}from"./p-b0528b4b.js";import{c as I,d as S,s as j,u as M}from"./p-a534e089.js";import{c as P,t as H}from"./p-a6243d9a.js";import{I as R,c as L,u as O,d as W}from"./p-77b97148.js";import{i as _}from"./p-ff8fc6a4.js";import{H as Y}from"./p-a9588274.js";import{g as E}from"./p-bbcbc447.js";import"./p-3e92a6e4.js";import"./p-2448987f.js";import"./p-867e447e.js";import"./p-4880529d.js";const N=2;const F={dateStyle:"full"};const K=":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{display:inline-block;inline-size:auto;overflow:visible;border-radius:0px;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-1);vertical-align:top}:host([scale=s]){inline-size:234px;min-inline-size:216px;max-inline-size:380px}:host([scale=m]){inline-size:304px;min-inline-size:272px;max-inline-size:480px}:host([scale=l]){inline-size:370px;min-inline-size:320px;max-inline-size:600px}:host([hidden]){display:none}[hidden]{display:none}";const T=class{constructor(s){e(this,s);this.calciteDatePickerChange=t(this,"calciteDatePickerChange",6);this.calciteDatePickerRangeChange=t(this,"calciteDatePickerRangeChange",6);this.keyDownHandler=e=>{if(e.key==="Escape"){this.resetActiveDates()}};this.monthHeaderSelectChange=e=>{const t=new Date(e.detail);if(!this.range){this.activeDate=t}else{if(this.activeRange==="end"){this.activeEndDate=t}else{this.activeStartDate=t}this.mostRecentRangeValue=t}};this.monthActiveDateChange=e=>{const t=new Date(e.detail);if(!this.range){this.activeDate=t}else{if(this.activeRange==="end"){this.activeEndDate=t}else{this.activeStartDate=t}this.mostRecentRangeValue=t}};this.monthHoverChange=e=>{if(!this.range){this.hoverRange=undefined;return}const{valueAsDate:t}=this;const s=Array.isArray(t)&&t[0];const i=Array.isArray(t)&&t[1];const a=new Date(e.detail);this.hoverRange={focused:this.activeRange||"start",start:s,end:i};if(!this.proximitySelectionDisabled){if(s&&i){const e=n(a,s);const t=n(a,i);if(t>0){this.hoverRange.end=a;this.hoverRange.focused="end"}else if(e<0){this.hoverRange.start=a;this.hoverRange.focused="start"}else if(e>t){this.hoverRange.start=a;this.hoverRange.focused="start"}else{this.hoverRange.end=a;this.hoverRange.focused="end"}}else{if(s){if(a<s){this.hoverRange={focused:"start",start:a,end:s}}else{this.hoverRange.end=a;this.hoverRange.focused="end"}}}}else{if(!i){if(a<s){this.hoverRange={focused:"start",start:a,end:s}}else{this.hoverRange.end=a;this.hoverRange.focused="end"}}else{this.hoverRange=undefined}}e.stopPropagation()};this.monthMouseOutChange=()=>{if(this.hoverRange){this.hoverRange=undefined}};this.resetActiveDates=()=>{const{valueAsDate:e}=this;if(!Array.isArray(e)&&e&&e!==this.activeDate){this.activeDate=new Date(e)}if(Array.isArray(e)){if(e[0]&&e[0]!==this.activeStartDate){this.activeStartDate=new Date(e[0])}if(e[1]&&e[1]!==this.activeEndDate){this.activeEndDate=new Date(e[1])}}};this.monthDateChange=e=>{const t=new Date(e.detail);const s=o(t);if(!this.range&&s===o(this.valueAsDate)){return}if(!this.range){this.value=s||"";this.valueAsDate=t||null;this.activeDate=t||null;this.calciteDatePickerChange.emit();return}const i=this.getStartDate();const a=this.getEndDate();if(!i||!a&&t<i){if(i){this.setEndDate(new Date(i))}if(this.activeRange=="end"){this.setEndDate(t)}else{this.setStartDate(t)}}else if(!a){this.setEndDate(t)}else{if(!this.proximitySelectionDisabled){if(this.activeRange){if(this.activeRange=="end"){this.setEndDate(t)}else{this.setStartDate(t)}}else{const e=n(t,i);const s=n(t,a);if(s===0||e<0){this.setStartDate(t)}else if(e===0||s<0){this.setEndDate(t)}else if(e<s){this.setStartDate(t)}else{this.setEndDate(t)}}}else{this.setStartDate(t)}}this.calciteDatePickerChange.emit()};this.activeDate=undefined;this.activeRange=undefined;this.value=undefined;this.headingLevel=undefined;this.valueAsDate=undefined;this.minAsDate=undefined;this.maxAsDate=undefined;this.min=undefined;this.max=undefined;this.numberingSystem=undefined;this.scale="m";this.range=false;this.proximitySelectionDisabled=false;this.messageOverrides=undefined;this.messages=undefined;this.activeEndDate=undefined;this.activeStartDate=undefined;this.dateTimeFormat=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.endAsDate=undefined;this.hoverRange=undefined;this.localeData=undefined;this.mostRecentRangeValue=undefined;this.startAsDate=undefined}activeDateWatcher(e){if(this.activeRange==="end"){this.activeEndDate=e}}valueAsDateWatcher(e){if(this.range&&Array.isArray(e)){const{activeStartDate:t,activeEndDate:s}=this;const i=e[0];const a=e[1];this.activeStartDate=t!==i&&i;this.activeEndDate=s!==a&&a}else if(e&&e!==this.activeDate){this.activeDate=e}}onMinChanged(e){if(e){this.minAsDate=h(e)}}onMaxChanged(e){if(e){this.maxAsDate=h(e)}}onMessagesChange(){}async setFocus(){await w(this);this.el.focus()}async reset(){this.resetActiveDates();this.mostRecentRangeValue=undefined}connectedCallback(){D(this);I(this);if(Array.isArray(this.value)){this.valueAsDate=c(this.value)}else if(this.value){this.valueAsDate=h(this.value)}if(this.min){this.minAsDate=h(this.min)}if(this.max){this.maxAsDate=h(this.max)}}disconnectedCallback(){z(this);S(this)}async componentWillLoad(){x(this);await this.loadLocaleData();this.onMinChanged(this.min);this.onMaxChanged(this.max);await j(this)}componentDidLoad(){k(this)}render(){const e=d(this.range&&Array.isArray(this.valueAsDate)?this.valueAsDate[0]:this.valueAsDate,this.minAsDate,this.maxAsDate);let t=this.getActiveDate(e,this.minAsDate,this.maxAsDate);const a=this.range&&Array.isArray(this.valueAsDate)?d(this.valueAsDate[1],this.minAsDate,this.maxAsDate):null;const r=this.getActiveEndDate(a,this.minAsDate,this.maxAsDate);if((this.activeRange==="end"||this.hoverRange?.focused==="end"&&(!this.proximitySelectionDisabled||a))&&r){t=r}if(this.range&&this.mostRecentRangeValue){t=this.mostRecentRangeValue}const n=this.range&&this.activeRange?this.activeRange==="start"?this.minAsDate:e||this.minAsDate:this.minAsDate;const o=this.range&&this.activeRange?this.activeRange==="start"?a||this.maxAsDate:this.maxAsDate:this.maxAsDate;return s(i,{onBlur:this.resetActiveDates,onKeyDown:this.keyDownHandler},this.renderCalendar(t,o,n,e,a))}effectiveLocaleChange(){M(this,this.effectiveLocale)}valueHandler(e){if(Array.isArray(e)){this.valueAsDate=c(e)}else if(e){this.valueAsDate=h(e)}}async loadLocaleData(){C.numberFormatOptions={numberingSystem:this.numberingSystem,locale:this.effectiveLocale,useGrouping:false};this.localeData=await l(this.effectiveLocale);this.dateTimeFormat=A(this.effectiveLocale,F)}renderCalendar(e,t,i,a,r){return this.localeData&&[s("calcite-date-picker-month-header",{activeDate:e,headingLevel:this.headingLevel||N,localeData:this.localeData,max:t,messages:this.messages,min:i,onCalciteInternalDatePickerSelect:this.monthHeaderSelectChange,scale:this.scale,selectedDate:this.activeRange==="end"?r:a||new Date}),s("calcite-date-picker-month",{activeDate:e,dateTimeFormat:this.dateTimeFormat,endDate:this.range?r:undefined,hoverRange:this.hoverRange,localeData:this.localeData,max:t,min:i,onCalciteInternalDatePickerActiveDateChange:this.monthActiveDateChange,onCalciteInternalDatePickerHover:this.monthHoverChange,onCalciteInternalDatePickerMouseOut:this.monthMouseOutChange,onCalciteInternalDatePickerSelect:this.monthDateChange,scale:this.scale,selectedDate:this.activeRange==="end"?r:a,startDate:this.range?a:undefined})]}getEndDate(){return Array.isArray(this.valueAsDate)&&this.valueAsDate[1]||undefined}setEndDate(e){const t=this.getStartDate();const s=e?f(e):e;this.value=[o(t),o(e)];this.valueAsDate=[t,e];this.mostRecentRangeValue=s;this.calciteDatePickerRangeChange.emit();this.activeEndDate=e||null}getStartDate(){return Array.isArray(this.valueAsDate)&&this.valueAsDate[0]}setStartDate(e){const t=this.getEndDate();this.value=[o(e),o(t)];this.valueAsDate=[e,t];this.mostRecentRangeValue=e;this.calciteDatePickerRangeChange.emit();this.activeStartDate=e||null}getActiveDate(e,t,s){return d(this.activeDate,t,s)||e||d(new Date,t,s)}getActiveEndDate(e,t,s){return d(this.activeEndDate,t,s)||e||d(new Date,t,s)}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{activeDate:["activeDateWatcher"],valueAsDate:["valueAsDateWatcher"],min:["onMinChanged"],max:["onMaxChanged"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange","loadLocaleData"],value:["valueHandler"]}}};T.style=K;const $=':host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;cursor:pointer;color:var(--calcite-color-text-3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.day-v-wrapper{flex:1 1 auto}.day-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}:host([range]) .day-wrapper:before,:host([range]) .day-wrapper:after,:host([range-hover]) .day-wrapper:before,:host([range-hover]) .day-wrapper:after{pointer-events:none;position:absolute;inset-block:0;content:"";block-size:var(--calcite-internal-day-size);inline-size:var(--calcite-internal-day-size)}.day{z-index:var(--calcite-z-index);display:flex;align-items:center;justify-content:center;border-radius:9999px;font-size:var(--calcite-font-size--2);line-height:1rem;line-height:1;color:var(--calcite-color-text-3);outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;background:none;box-shadow:0 0 0 2px transparent;block-size:var(--calcite-internal-day-size);inline-size:var(--calcite-internal-day-size)}.text{margin-block:1px 0px;margin-inline-start:0px}:host([scale=s]){--calcite-internal-day-size:27px}:host([scale=s]) .day-v-wrapper{padding-block:0.125rem}:host([scale=s]) .day-wrapper{padding:0px}:host([scale=s]) .day{font-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-internal-day-size:33px}:host([scale=m]) .day-v-wrapper{padding-block:0.25rem}:host([scale=m]) .day-wrapper{padding:0px}:host([scale=m]) .day{font-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-internal-day-size:43px}:host([scale=l]) .day-v-wrapper{padding-block:0.25rem}:host([scale=l]) .day-wrapper{padding-inline:0.25rem}:host([scale=l]) .day{font-size:var(--calcite-font-size-0)}:host(:not([current-month])) .day{opacity:var(--calcite-opacity-disabled)}:host(:hover:not([disabled]):not([selected])) .day,:host([active]:not([range]):not([selected])) .day{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}:host(:focus),:host([active]){outline:2px solid transparent;outline-offset:2px}:host(:focus:not([disabled])) .day{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite-color-brand)));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([selected]) .day{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-color-brand);color:var(--calcite-color-foreground-1)}:host(:focus:not([disabled])) .day,:host([start-of-range]:not(:focus)) .day,:host([end-of-range]:not(:focus)) .day{box-shadow:0 0 0 2px var(--calcite-color-foreground-1)}:host([range-hover]:not([selected])) .day-wrapper:before,:host([highlighted]:not([selected])) .day-wrapper:before{inset-inline-end:50%;border-radius:0}:host([range-hover]:not([selected])) .day-wrapper:after,:host([highlighted]:not([selected])) .day-wrapper:after{inset-inline-start:50%;border-radius:0}:host([range-hover]:not([selected])) .day,:host([highlighted]:not([selected])) .day{color:var(--calcite-color-text-1)}:host([highlighted]) .day-wrapper:before,:host([highlighted]) .day-wrapper:after,:host([selected]:not(.hover--outside-range)) .day-wrapper:before,:host([selected]:not(.hover--outside-range)) .day-wrapper:after{background-color:var(--calcite-color-foreground-current)}:host([range-hover]:not([selected])) .day-wrapper:before,:host([range-hover]:not([selected])) .day-wrapper:after{background-color:var(--calcite-color-foreground-2)}:host(:hover[range-hover]:not([selected]).focused--end) .day-wrapper:before,:host([highlighted][end-of-range]) .day-wrapper:before,:host([highlighted][range-edge=end]) .day-wrapper:before,:host([range-hover][range-edge=end]) .day-wrapper:before,:host(:hover[range-hover].focused--end.hover--outside-range) .day-wrapper:before{inset-inline-end:50%}:host(:hover[range-hover]:not([selected]).focused--end) .day-wrapper:after,:host([highlighted][end-of-range]) .day-wrapper:after,:host([highlighted][range-edge=end]) .day-wrapper:after,:host([range-hover][range-edge=end]) .day-wrapper:after,:host(:hover[range-hover].focused--end.hover--outside-range) .day-wrapper:after{inset-inline-start:50%;border-start-end-radius:var(--calcite-internal-day-size);border-end-end-radius:var(--calcite-internal-day-size);inline-size:calc(var(--calcite-internal-day-size) / 2)}:host([highlighted][start-of-range]) .day-wrapper:before,:host([highlighted][range-edge=start]) .day-wrapper:before,:host([range-hover][range-edge=start]) .day-wrapper:before,:host(:hover[range-hover]:not([selected]).focused--start) .day-wrapper:before,:host([start-of-range].hover--inside-range) .day-wrapper:before,:host(:hover[range-hover].focused--start.hover--outside-range) .day-wrapper:before{inset-inline-end:50%;border-start-start-radius:var(--calcite-internal-day-size);border-end-start-radius:var(--calcite-internal-day-size);inline-size:calc(var(--calcite-internal-day-size) / 2)}:host([highlighted][start-of-range]) .day-wrapper:after,:host([highlighted][range-edge=start]) .day-wrapper:after,:host([range-hover][range-edge=start]) .day-wrapper:after,:host(:hover[range-hover]:not([selected]).focused--start) .day-wrapper:after,:host([start-of-range].hover--inside-range) .day-wrapper:after,:host(:hover[range-hover].focused--start.hover--outside-range) .day-wrapper:after{inset-inline-start:50%}:host([range-hover][start-of-range][range-edge=end]) .day-wrapper:after,:host([range-hover][start-of-range][range-edge=end]) .day-wrapper:before,:host([range-hover][end-of-range][range-edge=start]) .day-wrapper:after,:host([range-hover][end-of-range][range-edge=start]) .day-wrapper:before,:host([start-of-range][range-edge=end].hover--inside-range) .day-wrapper:after,:host([start-of-range][range-edge=end].hover--inside-range) .day-wrapper:before,:host([end-of-range]) .day-wrapper:after,:host([end-of-range]) .day-wrapper:before{content:unset}:host(:hover[range-hover]:not([selected]).focused--start) .day,:host(:hover[range-hover]:not([selected]).focused--end) .day,:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) .day,:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) .day{box-shadow:0 0 0 2px var(--calcite-color-foreground-1)}@media (forced-colors: active){.day{border-radius:0px}:host([selected]){outline:2px solid canvasText}:host(:hover:not([selected])) .day{border-radius:50%}:host([range][selected]) .day-wrapper:before,:host([range][selected]) .day-wrapper:after,:host([highlighted]) .day-wrapper:before,:host([highlighted]) .day-wrapper:after,:host([range-hover]:not([selected])) .day-wrapper:before,:host([range-hover]:not([selected])) .day-wrapper:after{background-color:highlight}:host([range-hover]) .day-wrapper:before,:host([range-hover]) .day-wrapper:after,:host([range][selected][start-of-range]) .day-wrapper:before,:host([range][selected][start-of-range]) .day-wrapper:after,:host([range][selected][end-of-range]) .day-wrapper:before,:host([range][selected][end-of-range]) .day-wrapper:after{background-color:canvas}}:host([hidden]){display:none}[hidden]{display:none}';const G=class{constructor(s){e(this,s);this.calciteDaySelect=t(this,"calciteDaySelect",6);this.calciteInternalDayHover=t(this,"calciteInternalDayHover",6);this.onClick=()=>{if(this.disabled){return}this.calciteDaySelect.emit()};this.keyDownHandler=e=>{if(_(e.key)){!this.disabled&&this.calciteDaySelect.emit();e.preventDefault()}};this.day=undefined;this.dateTimeFormat=undefined;this.disabled=false;this.currentMonth=false;this.selected=false;this.highlighted=false;this.range=false;this.rangeEdge=undefined;this.startOfRange=false;this.endOfRange=false;this.rangeHover=false;this.active=false;this.scale=undefined;this.value=undefined}pointerOverHandler(){if(this.disabled){return}this.calciteInternalDayHover.emit()}componentWillLoad(){this.parentDatePickerEl=P(this.el,"calcite-date-picker")}render(){const e=o(this.value).replaceAll("-","");if(this.parentDatePickerEl){const{numberingSystem:e,lang:t}=this.parentDatePickerEl;C.numberFormatOptions={useGrouping:false,...e&&{numberingSystem:e},...t&&{locale:t}}}const t=C.localize(String(this.day));const a=this.dateTimeFormat.format(this.value);return s(i,{"aria-disabled":H(this.disabled),"aria-label":a,"aria-selected":H(this.active),id:e,onClick:this.onClick,onKeyDown:this.keyDownHandler,role:"button",tabIndex:this.active&&!this.disabled?0:-1},s(R,{disabled:this.disabled},s("div",{"aria-hidden":"true",class:{"day-v-wrapper":true}},s("div",{class:"day-wrapper"},s("span",{class:"day"},s("span",{class:"text"},t))))))}connectedCallback(){L(this)}componentDidRender(){O(this)}disconnectedCallback(){W(this)}get el(){return a(this)}};G.style=$;const U=":host([hidden]){display:none}[hidden]{display:none}.calendar{margin-block-end:0.25rem}.week-headers{display:flex;border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);padding-block:0px;padding-inline:0.25rem}.week-header{text-align:center;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-3);inline-size:14.2857142857%}.day{display:flex;min-inline-size:0px;justify-content:center;inline-size:14.2857142857%}.day calcite-date-picker-day{inline-size:100%}:host([scale=s]) .week-header{padding-inline:0px;padding-block:0.5rem 0.75rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]) .week-header{padding-inline:0px;padding-block:0.75rem 1rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=l]) .week-header{padding-inline:0px;padding-block:1rem 1.25rem;font-size:var(--calcite-font-size--1);line-height:1rem}.week-days{display:flex;flex-direction:row;padding-block:0px;padding-inline:6px}.week-days:focus{outline:2px solid transparent;outline-offset:2px}";const B=7;const q=6;const J=class{constructor(s){e(this,s);this.calciteInternalDatePickerSelect=t(this,"calciteInternalDatePickerSelect",6);this.calciteInternalDatePickerHover=t(this,"calciteInternalDatePickerHover",6);this.calciteInternalDatePickerActiveDateChange=t(this,"calciteInternalDatePickerActiveDateChange",6);this.calciteInternalDatePickerMouseOut=t(this,"calciteInternalDatePickerMouseOut",6);this.keyDownHandler=e=>{if(e.defaultPrevented){return}const t=this.el.dir==="rtl";switch(e.key){case"ArrowUp":e.preventDefault();this.addDays(-7);break;case"ArrowRight":e.preventDefault();this.addDays(t?-1:1);break;case"ArrowDown":e.preventDefault();this.addDays(7);break;case"ArrowLeft":e.preventDefault();this.addDays(t?1:-1);break;case"PageUp":e.preventDefault();this.addMonths(-1);break;case"PageDown":e.preventDefault();this.addMonths(1);break;case"Home":e.preventDefault();this.activeDate.setDate(1);this.addDays();break;case"End":e.preventDefault();this.activeDate.setDate(new Date(this.activeDate.getFullYear(),this.activeDate.getMonth()+1,0).getDate());this.addDays();break;case"Enter":case" ":e.preventDefault();break;case"Tab":this.activeFocus=false}};this.disableActiveFocus=()=>{this.activeFocus=false};this.dayHover=e=>{const t=e.target;if(t.disabled){this.calciteInternalDatePickerMouseOut.emit()}else{this.calciteInternalDatePickerHover.emit(t.value)}e.stopPropagation()};this.daySelect=e=>{const t=e.target;this.calciteInternalDatePickerSelect.emit(t.value)};this.dateTimeFormat=undefined;this.selectedDate=undefined;this.activeDate=new Date;this.startDate=undefined;this.endDate=undefined;this.min=undefined;this.max=undefined;this.scale=undefined;this.localeData=undefined;this.hoverRange=undefined}pointerOutHandler(){this.calciteInternalDatePickerMouseOut.emit()}render(){const e=this.activeDate.getMonth();const t=this.activeDate.getFullYear();const a=this.localeData.weekStart%7;const{abbreviated:r,short:n,narrow:o}=this.localeData.days;const h=this.scale==="s"?o||n||r:n||r||o;const c=[...h.slice(a,7),...h.slice(0,a)];const d=this.getCurrentMonthDays(e,t);const l=this.getPreviousMonthDays(e,t,a);const f=this.getNextMonthDays(e,t,a);let u=0;const g=()=>u++%7;const v=[...l.map((s=>({active:false,day:s,dayInWeek:g(),date:new Date(t,e-1,s)}))),...d.map((s=>{const i=new Date(t,e,s);const a=p(i,this.activeDate);return{active:a,currentMonth:true,day:s,dayInWeek:g(),date:i,ref:true}})),...f.map((s=>({active:false,day:s,dayInWeek:g(),date:new Date(t,e+1,s)})))];const y=[];for(let e=0;e<v.length;e+=7){y.push(v.slice(e,e+7))}return s(i,{onFocusOut:this.disableActiveFocus,onKeyDown:this.keyDownHandler},s("div",{class:"calendar",role:"grid"},s("div",{class:"week-headers",role:"row"},c.map((e=>s("span",{class:"week-header",role:"columnheader"},e)))),y.map((e=>s("div",{class:"week-days",role:"row"},e.map((e=>this.renderDateDay(e))))))))}addMonths(e){const t=new Date(this.activeDate);t.setMonth(this.activeDate.getMonth()+e);this.calciteInternalDatePickerActiveDateChange.emit(d(t,this.min,this.max));this.activeFocus=true}addDays(e=0){const t=new Date(this.activeDate);t.setDate(this.activeDate.getDate()+e);this.calciteInternalDatePickerActiveDateChange.emit(d(t,this.min,this.max));this.activeFocus=true}getPreviousMonthDays(e,t,s){const i=new Date(t,e,0);const a=i.getDate();const r=i.getDay();const n=[];if(r===(s+q)%B){return n}if(r===s){return[a]}for(let e=(B+r-s)%B;e>=0;e--){n.push(a-e)}return n}getCurrentMonthDays(e,t){const s=new Date(t,e+1,0).getDate();const i=[];for(let e=0;e<s;e++){i.push(e+1)}return i}getNextMonthDays(e,t,s){const i=new Date(t,e+1,0).getDay();const a=[];if(i===(s+q)%B){return a}for(let e=0;e<(q-(i-s))%B;e++){a.push(e+1)}return a}betweenSelectedRange(e){return!!(this.startDate&&this.endDate&&e>this.startDate&&e<this.endDate&&!this.isRangeHover(e))}isSelected(e){return!!(p(e,this.selectedDate)||this.startDate&&p(e,this.startDate)||this.endDate&&p(e,this.endDate))}isStartOfRange(e){return!!(this.startDate&&!p(this.startDate,this.endDate)&&p(this.startDate,e)&&!this.isEndOfRange(e))}isEndOfRange(e){return!!(this.endDate&&!p(this.startDate,this.endDate)&&p(this.endDate,e)||!this.endDate&&this.hoverRange&&p(this.startDate,this.hoverRange.end)&&p(e,this.hoverRange.end))}renderDateDay({active:e,currentMonth:t,date:i,day:a,dayInWeek:r,ref:n}){const o=this.isFocusedOnStart();const h=this.isHoverInRange()||!this.endDate&&this.hoverRange&&p(this.hoverRange?.end,this.startDate);return s("div",{class:"day",key:i.toDateString(),role:"gridcell"},s("calcite-date-picker-day",{active:e,class:{"hover--inside-range":this.startDate&&h,"hover--outside-range":this.startDate&&!h,"focused--start":o,"focused--end":!o},currentMonth:t,dateTimeFormat:this.dateTimeFormat,day:a,disabled:!u(i,this.min,this.max),endOfRange:this.isEndOfRange(i),highlighted:this.betweenSelectedRange(i),onCalciteDaySelect:this.daySelect,onCalciteInternalDayHover:this.dayHover,range:!!this.startDate&&!!this.endDate&&!p(this.startDate,this.endDate),rangeEdge:r===0?"start":r===6?"end":undefined,rangeHover:this.isRangeHover(i),scale:this.scale,selected:this.isSelected(i),startOfRange:this.isStartOfRange(i),value:i,ref:t=>{if(n&&e&&this.activeFocus){t?.focus()}}}))}isFocusedOnStart(){return this.hoverRange?.focused==="start"}isHoverInRange(){if(!this.hoverRange){return false}const{start:e,end:t}=this.hoverRange;return!!(!this.isFocusedOnStart()&&this.startDate&&(!this.endDate||t<this.endDate)||this.isFocusedOnStart()&&this.startDate&&e>this.startDate)}isRangeHover(e){if(!this.hoverRange){return false}const{start:t,end:s}=this.hoverRange;const i=this.isFocusedOnStart();const a=this.isHoverInRange();const r=a&&(!i&&e>this.startDate&&(e<s||p(e,s))||i&&e<this.endDate&&(e>t||p(e,t)));const n=!a&&(!i&&e>=this.endDate&&(e<s||p(e,s))||i&&(this.startDate&&e<this.startDate||this.endDate&&p(e,this.startDate))&&(t&&e>t||p(e,t)));return r||n}get el(){return a(this)}};J.style=U;const Q={header:"header",month:"month",chevron:"chevron",suffix:"suffix",yearSuffix:"year--suffix",yearWrap:"year-wrap",textReverse:"text--reverse"};const V={chevronLeft:"chevron-left",chevronRight:"chevron-right"};const X=":host{display:block}.header{display:flex;justify-content:space-between;padding-block:0px;padding-inline:0.25rem}:host([scale=s]) .text{margin-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=s]) .chevron{block-size:2.25rem}:host([scale=m]) .text{margin-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=m]) .chevron{block-size:3rem}:host([scale=l]) .text{margin-block:1rem;font-size:var(--calcite-font-size-1);line-height:1.5rem}:host([scale=l]) .chevron{block-size:3.5rem}.chevron{margin-inline:-0.25rem;box-sizing:content-box;display:flex;flex-grow:0;cursor:pointer;align-items:center;justify-content:center;border-style:none;background-color:var(--calcite-color-foreground-1);padding-inline:0.25rem;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;inline-size:14.2857142857%}.chevron:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite-color-brand)));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.chevron:hover,.chevron:focus{background-color:var(--calcite-color-foreground-2);fill:var(--calcite-color-text-1);color:var(--calcite-color-text-1)}.chevron:active{background-color:var(--calcite-color-foreground-3)}.chevron[aria-disabled=true]{pointer-events:none;opacity:0}.text{margin-block:auto;display:flex;inline-size:100%;flex:1 1 auto;align-items:center;justify-content:center;text-align:center;line-height:1}.text--reverse{flex-direction:row-reverse}.month,.year,.suffix{margin-inline:0.25rem;margin-block:auto;display:inline-block;background-color:var(--calcite-color-foreground-1);font-weight:var(--calcite-font-weight-medium);line-height:1.25;color:var(--calcite-color-text-1);font-size:inherit}.year{position:relative;inline-size:2.5rem;border-style:none;background-color:transparent;text-align:center;font-family:inherit;outline-color:transparent}.year:hover{transition-duration:100ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-property:outline-color;outline:2px solid var(--calcite-color-border-2);outline-offset:2px}.year:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite-color-brand)));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.year--suffix{text-align:start}.year-wrap{position:relative}.suffix{inset-block-start:0px;white-space:nowrap;text-align:start;inset-inline-start:0}:host([hidden]){display:none}[hidden]{display:none}";const Z=class{constructor(s){e(this,s);this.calciteInternalDatePickerSelect=t(this,"calciteInternalDatePickerSelect",6);this.onYearKey=e=>{const t=this.parseCalendarYear(e.target.value);switch(e.key){case"ArrowDown":e.preventDefault();this.setYear({localizedYear:t,offset:-1});break;case"ArrowUp":e.preventDefault();this.setYear({localizedYear:t,offset:1});break}};this.onYearChange=e=>{this.setYear({localizedYear:this.parseCalendarYear(e.target.value)})};this.onYearInput=e=>{this.setYear({localizedYear:this.parseCalendarYear(e.target.value),commit:false})};this.prevMonthClick=e=>{this.handleArrowClick(e,this.prevMonthDate)};this.prevMonthKeydown=e=>{if(_(e.key)){this.prevMonthClick(e)}};this.nextMonthClick=e=>{this.handleArrowClick(e,this.nextMonthDate)};this.nextMonthKeydown=e=>{if(_(e.key)){this.nextMonthClick(e)}};this.handleArrowClick=(e,t)=>{e.preventDefault();this.calciteInternalDatePickerSelect.emit(t)};this.selectedDate=undefined;this.activeDate=undefined;this.headingLevel=undefined;this.min=undefined;this.max=undefined;this.scale=undefined;this.localeData=undefined;this.messages=undefined;this.nextMonthDate=undefined;this.prevMonthDate=undefined}componentWillLoad(){this.parentDatePickerEl=P(this.el,"calcite-date-picker")}connectedCallback(){this.setNextPrevMonthDates()}render(){return s("div",{class:Q.header},this.renderContent())}renderContent(){const{messages:e,localeData:t,activeDate:i}=this;if(!i||!t){return null}if(this.parentDatePickerEl){const{numberingSystem:e,lang:t}=this.parentDatePickerEl;C.numberFormatOptions={useGrouping:false,...e&&{numberingSystem:e},...t&&{locale:t}}}const a=i.getMonth();const{months:n,unitOrder:o}=t;const h=(n.wide||n.narrow||n.abbreviated)[a];const c=this.formatCalendarYear(i.getFullYear());const d=g(o);const l=d.indexOf("y")<d.indexOf("m");const f=t.year?.suffix;return s(r,null,s("a",{"aria-disabled":`${this.prevMonthDate.getMonth()===a}`,"aria-label":e.prevMonth,class:Q.chevron,href:"#",onClick:this.prevMonthClick,onKeyDown:this.prevMonthKeydown,role:"button",tabindex:this.prevMonthDate.getMonth()===a?-1:0},s("calcite-icon",{"flip-rtl":true,icon:V.chevronLeft,scale:E(this.scale)})),s("div",{class:{text:true,[Q.textReverse]:l}},s(Y,{class:Q.month,level:this.headingLevel},h),s("span",{class:Q.yearWrap},s("input",{"aria-label":e.year,class:{year:true,[Q.yearSuffix]:!!f},inputmode:"numeric",maxlength:"4",minlength:"1",onChange:this.onYearChange,onInput:this.onYearInput,onKeyDown:this.onYearKey,pattern:"\\d*",type:"text",value:c,ref:e=>this.yearInput=e}),f&&s("span",{class:Q.suffix},f))),s("a",{"aria-disabled":`${this.nextMonthDate.getMonth()===a}`,"aria-label":e.nextMonth,class:Q.chevron,href:"#",onClick:this.nextMonthClick,onKeyDown:this.nextMonthKeydown,role:"button",tabindex:this.nextMonthDate.getMonth()===a?-1:0},s("calcite-icon",{"flip-rtl":true,icon:V.chevronRight,scale:E(this.scale)})))}setNextPrevMonthDates(){if(!this.activeDate){return}this.nextMonthDate=d(v(this.activeDate),this.min,this.max);this.prevMonthDate=d(y(this.activeDate),this.min,this.max)}formatCalendarYear(e){return C.localize(`${b(e,this.localeData)}`)}parseCalendarYear(e){return C.localize(`${m(Number(C.delocalize(e)),this.localeData)}`)}getInRangeDate({localizedYear:e,offset:t=0}){const{min:s,max:i,activeDate:a}=this;const r=Number(C.delocalize(e));const n=r.toString().length;const o=isNaN(r)?false:r+t;const h=o&&(!s||s.getFullYear()<=o)&&(!i||i.getFullYear()>=o);if(o&&h&&n===e.length){const e=new Date(a);e.setFullYear(o);return d(e,s,i)}}setYear({localizedYear:e,commit:t=true,offset:s=0}){const{yearInput:i,activeDate:a}=this;const r=this.getInRangeDate({localizedYear:e,offset:s});if(r){this.calciteInternalDatePickerSelect.emit(r)}if(t){i.value=this.formatCalendarYear((r||a).getFullYear())}}get el(){return a(this)}static get watchers(){return{min:["setNextPrevMonthDates"],max:["setNextPrevMonthDates"],activeDate:["setNextPrevMonthDates"]}}};Z.style=X;export{T as calcite_date_picker,G as calcite_date_picker_day,J as calcite_date_picker_month,Z as calcite_date_picker_month_header};
+//# sourceMappingURL=p-e8d1b8ea.entry.js.map

package/dist/calcite/p-e8d1b8ea.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["HEADING_LEVEL","DATE_PICKER_FORMAT_OPTIONS","dateStyle","datePickerCss","DatePicker","this","keyDownHandler","event","key","resetActiveDates","monthHeaderSelectChange","date","Date","detail","range","activeDate","activeRange","activeEndDate","activeStartDate","mostRecentRangeValue","monthActiveDateChange","monthHoverChange","hoverRange","undefined","valueAsDate","start","Array","isArray","end","focused","proximitySelectionDisabled","startDiff","getDaysDiff","endDiff","stopPropagation","monthMouseOutChange","monthDateChange","isoDate","dateToISO","value","calciteDatePickerChange","emit","getStartDate","getEndDate","setEndDate","setStartDate","activeDateWatcher","newActiveDate","valueAsDateWatcher","newValueAsDate","newActiveStartDate","newActiveEndDate","onMinChanged","min","minAsDate","dateFromISO","onMaxChanged","max","maxAsDate","onMessagesChange","setFocus","componentFocusable","el","focus","reset","connectedCallback","connectLocalized","connectMessages","getValueAsDateRange","disconnectedCallback","disconnectLocalized","disconnectMessages","componentWillLoad","setUpLoadableComponent","loadLocaleData","setUpMessages","componentDidLoad","setComponentLoaded","render","dateFromRange","getActiveDate","endDate","getActiveEndDate","minDate","maxDate","h","Host","onBlur","onKeyDown","renderCalendar","effectiveLocaleChange","updateMessages","effectiveLocale","valueHandler","numberStringFormatter","numberFormatOptions","numberingSystem","locale","useGrouping","localeData","getLocaleData","dateTimeFormat","getDateTimeFormat","headingLevel","messages","onCalciteInternalDatePickerSelect","scale","selectedDate","onCalciteInternalDatePickerActiveDateChange","onCalciteInternalDatePickerHover","onCalciteInternalDatePickerMouseOut","startDate","newEndDate","setEndOfDay","calciteDatePickerRangeChange","datePickerDayCss","DatePickerDay","onClick","disabled","calciteDaySelect","isActivationKey","preventDefault","pointerOverHandler","calciteInternalDayHover","parentDatePickerEl","closestElementCrossShadowBoundary","dayId","replaceAll","lang","formattedDay","localize","String","day","dayLabel","format","toAriaBoolean","active","id","role","tabIndex","InteractiveContainer","class","connectInteractive","componentDidRender","updateHostInteraction","disconnectInteractive","datePickerMonthCss","DAYS_PER_WEEK","DAYS_MAXIMUM_INDEX","DatePickerMonth","defaultPrevented","isRTL","dir","addDays","addMonths","setDate","getFullYear","getMonth","getDate","activeFocus","disableActiveFocus","dayHover","target","calciteInternalDatePickerMouseOut","calciteInternalDatePickerHover","daySelect","calciteInternalDatePickerSelect","pointerOutHandler","month","year","startOfWeek","weekStart","abbreviated","short","narrow","days","weekDays","adjustedWeekDays","slice","curMonDays","getCurrentMonthDays","prevMonDays","getPreviousMonthDays","nextMonDays","getNextMonthDays","dayInWeek","getDayInWeek","map","sameDate","currentMonth","ref","weeks","i","length","push","onFocusOut","weekday","renderDateDay","step","nextDate","setMonth","calciteInternalDatePickerActiveDateChange","lastDate","startDay","getDay","num","endDay","betweenSelectedRange","isRangeHover","isSelected","isStartOfRange","isEndOfRange","isFocusedOnStart","isHoverInRange","toDateString","inRange","endOfRange","highlighted","onCalciteDaySelect","onCalciteInternalDayHover","rangeEdge","rangeHover","selected","startOfRange","isStart","insideRange","cond1","cond2","CSS","header","chevron","suffix","yearSuffix","yearWrap","textReverse","ICON","chevronLeft","chevronRight","datePickerMonthHeaderCss","DatePickerMonthHeader","onYearKey","localizedYear","parseCalendarYear","setYear","offset","onYearChange","onYearInput","commit","prevMonthClick","handleArrowClick","prevMonthDate","prevMonthKeydown","nextMonthClick","nextMonthDate","nextMonthKeydown","setNextPrevMonthDates","renderContent","activeMonth","months","unitOrder","localizedMonth","wide","formatCalendarYear","order","getOrder","reverse","indexOf","Fragment","prevMonth","href","tabindex","icon","getIconScale","text","Heading","level","inputmode","maxlength","minlength","onChange","onInput","pattern","type","yearInput","nextMonth","Number","delocalize","getInRangeDate","parsedYear","toString","isNaN","setFullYear","inRangeDate"],"sources":["src/components/date-picker/resources.ts","src/components/date-picker/date-picker.scss?tag=calcite-date-picker&encapsulation=shadow","src/components/date-picker/date-picker.tsx","src/components/date-picker-day/date-picker-day.scss?tag=calcite-date-picker-day&encapsulation=shadow","src/components/date-picker-day/date-picker-day.tsx","src/components/date-picker-month/date-picker-month.scss?tag=calcite-date-picker-month&encapsulation=shadow","src/components/date-picker-month/date-picker-month.tsx","src/components/date-picker-month-header/resources.ts","src/components/date-picker-month-header/date-picker-month-header.scss?tag=calcite-date-picker-month-header&encapsulation=shadow","src/components/date-picker-month-header/date-picker-month-header.tsx"],"sourcesContent":["export const HEADING_LEVEL = 2;\n\nexport const DATE_PICKER_FORMAT_OPTIONS: Intl.DateTimeFormatOptions = { dateStyle: \"full\" };\n",":host {\n  @extend %component-host;\n  @apply align-top\n    border\n    border-color-1\n    border-solid\n    inline-block\n    overflow-visible\n    rounded-none\n    w-auto;\n}\n\n:host([scale=\"s\"]) {\n  inline-size: 234px;\n  min-inline-size: 216px;\n  max-inline-size: 380px;\n}\n\n:host([scale=\"m\"]) {\n  inline-size: 304px;\n  min-inline-size: 272px;\n  max-inline-size: 480px;\n}\n\n:host([scale=\"l\"]) {\n  inline-size: 370px;\n  min-inline-size: 320px;\n  max-inline-size: 600px;\n}\n\n@include base-component();\n","import {\n  Build,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  dateFromISO,\n  dateFromRange,\n  dateToISO,\n  getDaysDiff,\n  HoverRange,\n  setEndOfDay,\n} from \"../../utils/date\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  getDateTimeFormat,\n  LocalizedComponent,\n  NumberingSystem,\n  numberStringFormatter,\n} from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { HeadingLevel } from \"../functional/Heading\";\nimport { DatePickerMessages } from \"./assets/date-picker/t9n\";\nimport { DATE_PICKER_FORMAT_OPTIONS, HEADING_LEVEL } from \"./resources\";\nimport { DateLocaleData, getLocaleData, getValueAsDateRange } from \"./utils\";\n\n@Component({\n  assetsDirs: [\"assets\"],\n  tag: \"calcite-date-picker\",\n  styleUrl: \"date-picker.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class DatePicker implements LocalizedComponent, LoadableComponent, T9nComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the component's active date. */\n  @Prop({ mutable: true }) activeDate: Date;\n\n  @Watch(\"activeDate\")\n  activeDateWatcher(newActiveDate: Date): void {\n    if (this.activeRange === \"end\") {\n      this.activeEndDate = newActiveDate;\n    }\n  }\n\n  /**\n   * When `range` is true, specifies the active `range`. Where `\"start\"` specifies the starting range date and `\"end\"` the ending range date.\n   */\n  @Prop({ reflect: true }) activeRange: \"start\" | \"end\";\n\n  /**\n   * Specifies the selected date as a string (`\"yyyy-mm-dd\"`), or an array of strings for `range` values (`[\"yyyy-mm-dd\", \"yyyy-mm-dd\"]`).\n   */\n  @Prop({ mutable: true }) value: string | string[];\n\n  /**\n   * Specifies the number at which section headings should start.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  /** Specifies the selected date as a full date object (`new Date(\"yyyy-mm-dd\")`), or an array containing full date objects (`[new Date(\"yyyy-mm-dd\"), new Date(\"yyyy-mm-dd\")]`). */\n  @Prop({ mutable: true }) valueAsDate: Date | Date[];\n\n  @Watch(\"valueAsDate\")\n  valueAsDateWatcher(newValueAsDate: Date | Date[]): void {\n    if (this.range && Array.isArray(newValueAsDate)) {\n      const { activeStartDate, activeEndDate } = this;\n      const newActiveStartDate = newValueAsDate[0];\n      const newActiveEndDate = newValueAsDate[1];\n      this.activeStartDate = activeStartDate !== newActiveStartDate && newActiveStartDate;\n      this.activeEndDate = activeEndDate !== newActiveEndDate && newActiveEndDate;\n    } else if (newValueAsDate && newValueAsDate !== this.activeDate) {\n      this.activeDate = newValueAsDate as Date;\n    }\n  }\n\n  /** Specifies the earliest allowed date as a full date object (`new Date(\"yyyy-mm-dd\")`). */\n  @Prop({ mutable: true }) minAsDate: Date;\n\n  /** Specifies the latest allowed date as a full date object (`new Date(\"yyyy-mm-dd\")`). */\n  @Prop({ mutable: true }) maxAsDate: Date;\n\n  /** Specifies the earliest allowed date (`\"yyyy-mm-dd\"`). */\n  @Prop({ reflect: true }) min: string;\n\n  @Watch(\"min\")\n  onMinChanged(min: string): void {\n    if (min) {\n      this.minAsDate = dateFromISO(min);\n    }\n  }\n\n  /** Specifies the latest allowed date (`\"yyyy-mm-dd\"`). */\n  @Prop({ reflect: true }) max: string;\n\n  @Watch(\"max\")\n  onMaxChanged(max: string): void {\n    if (max) {\n      this.maxAsDate = dateFromISO(max);\n    }\n  }\n\n  /**\n   * Specifies the Unicode numeral system used by the component for localization. This property cannot be dynamically changed.\n   *\n   */\n  @Prop({ reflect: true }) numberingSystem: NumberingSystem;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: \"s\" | \"m\" | \"l\" = \"m\";\n\n  /** When `true`, activates the component's range mode to allow a start and end date. */\n  @Prop({ reflect: true }) range = false;\n\n  /** When `true`, disables the default behavior on the third click of narrowing or extending the range and instead starts a new range. */\n  @Prop({ reflect: true }) proximitySelectionDisabled = false;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<DatePickerMessages>;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: DatePickerMessages;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n  /**\n   * Fires when a user changes the component's date. For `range` events, use `calciteDatePickerRangeChange`.\n   */\n  @Event({ cancelable: false }) calciteDatePickerChange: EventEmitter<void>;\n\n  /**\n   * Fires when a user changes the component's date `range`. For components without `range` use `calciteDatePickerChange`.\n   */\n  @Event({ cancelable: false }) calciteDatePickerRangeChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component's first focusable element. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.el.focus();\n  }\n\n  /**\n   * Resets active date state.\n   * @internal\n   */\n  @Method()\n  async reset(): Promise<void> {\n    this.resetActiveDates();\n    this.mostRecentRangeValue = undefined;\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n\n    if (Array.isArray(this.value)) {\n      this.valueAsDate = getValueAsDateRange(this.value);\n    } else if (this.value) {\n      this.valueAsDate = dateFromISO(this.value);\n    }\n\n    if (this.min) {\n      this.minAsDate = dateFromISO(this.min);\n    }\n\n    if (this.max) {\n      this.maxAsDate = dateFromISO(this.max);\n    }\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await this.loadLocaleData();\n    this.onMinChanged(this.min);\n    this.onMaxChanged(this.max);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  render(): VNode {\n    const date = dateFromRange(\n      this.range && Array.isArray(this.valueAsDate) ? this.valueAsDate[0] : this.valueAsDate,\n      this.minAsDate,\n      this.maxAsDate,\n    );\n    let activeDate = this.getActiveDate(date, this.minAsDate, this.maxAsDate);\n    const endDate =\n      this.range && Array.isArray(this.valueAsDate)\n        ? dateFromRange(this.valueAsDate[1], this.minAsDate, this.maxAsDate)\n        : null;\n    const activeEndDate = this.getActiveEndDate(endDate, this.minAsDate, this.maxAsDate);\n    if (\n      (this.activeRange === \"end\" ||\n        (this.hoverRange?.focused === \"end\" && (!this.proximitySelectionDisabled || endDate))) &&\n      activeEndDate\n    ) {\n      activeDate = activeEndDate;\n    }\n    if (this.range && this.mostRecentRangeValue) {\n      activeDate = this.mostRecentRangeValue;\n    }\n\n    const minDate =\n      this.range && this.activeRange\n        ? this.activeRange === \"start\"\n          ? this.minAsDate\n          : date || this.minAsDate\n        : this.minAsDate;\n\n    const maxDate =\n      this.range && this.activeRange\n        ? this.activeRange === \"start\"\n          ? endDate || this.maxAsDate\n          : this.maxAsDate\n        : this.maxAsDate;\n    return (\n      <Host onBlur={this.resetActiveDates} onKeyDown={this.keyDownHandler}>\n        {this.renderCalendar(activeDate, maxDate, minDate, date, endDate)}\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteDatePickerElement;\n\n  /**\n   * Active end date.\n   */\n  @State() activeEndDate: Date;\n\n  /**\n   * Active start date.\n   */\n  @State() activeStartDate: Date;\n\n  /**\n   * The DateTimeFormat used to provide screen reader labels.\n   *\n   * @internal\n   */\n  @State() dateTimeFormat: Intl.DateTimeFormat;\n\n  @State() defaultMessages: DatePickerMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() endAsDate: Date;\n\n  @State() private hoverRange: HoverRange;\n\n  @State() private localeData: DateLocaleData;\n\n  @State() private mostRecentRangeValue?: Date;\n\n  @State() startAsDate: Date;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  keyDownHandler = (event: KeyboardEvent): void => {\n    if (event.key === \"Escape\") {\n      this.resetActiveDates();\n    }\n  };\n\n  @Watch(\"value\")\n  valueHandler(value: string | string[]): void {\n    if (Array.isArray(value)) {\n      this.valueAsDate = getValueAsDateRange(value);\n    } else if (value) {\n      this.valueAsDate = dateFromISO(value);\n    }\n  }\n\n  @Watch(\"effectiveLocale\")\n  private async loadLocaleData(): Promise<void> {\n    if (!Build.isBrowser) {\n      return;\n    }\n\n    numberStringFormatter.numberFormatOptions = {\n      numberingSystem: this.numberingSystem,\n      locale: this.effectiveLocale,\n      useGrouping: false,\n    };\n\n    this.localeData = await getLocaleData(this.effectiveLocale);\n    this.dateTimeFormat = getDateTimeFormat(this.effectiveLocale, DATE_PICKER_FORMAT_OPTIONS);\n  }\n\n  monthHeaderSelectChange = (event: CustomEvent<Date>): void => {\n    const date = new Date(event.detail);\n    if (!this.range) {\n      this.activeDate = date;\n    } else {\n      if (this.activeRange === \"end\") {\n        this.activeEndDate = date;\n      } else {\n        this.activeStartDate = date;\n      }\n      this.mostRecentRangeValue = date;\n    }\n  };\n\n  monthActiveDateChange = (event: CustomEvent<Date>): void => {\n    const date = new Date(event.detail);\n    if (!this.range) {\n      this.activeDate = date;\n    } else {\n      if (this.activeRange === \"end\") {\n        this.activeEndDate = date;\n      } else {\n        this.activeStartDate = date;\n      }\n      this.mostRecentRangeValue = date;\n    }\n  };\n\n  monthHoverChange = (event: CustomEvent<Date>): void => {\n    if (!this.range) {\n      this.hoverRange = undefined;\n      return;\n    }\n\n    const { valueAsDate } = this;\n    const start = Array.isArray(valueAsDate) && valueAsDate[0];\n    const end = Array.isArray(valueAsDate) && valueAsDate[1];\n\n    const date = new Date(event.detail);\n    this.hoverRange = {\n      focused: this.activeRange || \"start\",\n      start,\n      end,\n    };\n    if (!this.proximitySelectionDisabled) {\n      if (start && end) {\n        const startDiff = getDaysDiff(date, start);\n        const endDiff = getDaysDiff(date, end);\n        if (endDiff > 0) {\n          this.hoverRange.end = date;\n          this.hoverRange.focused = \"end\";\n        } else if (startDiff < 0) {\n          this.hoverRange.start = date;\n          this.hoverRange.focused = \"start\";\n        } else if (startDiff > endDiff) {\n          this.hoverRange.start = date;\n          this.hoverRange.focused = \"start\";\n        } else {\n          this.hoverRange.end = date;\n          this.hoverRange.focused = \"end\";\n        }\n      } else {\n        if (start) {\n          if (date < start) {\n            this.hoverRange = {\n              focused: \"start\",\n              start: date,\n              end: start,\n            };\n          } else {\n            this.hoverRange.end = date;\n            this.hoverRange.focused = \"end\";\n          }\n        }\n      }\n    } else {\n      if (!end) {\n        if (date < start) {\n          this.hoverRange = {\n            focused: \"start\",\n            start: date,\n            end: start,\n          };\n        } else {\n          this.hoverRange.end = date;\n          this.hoverRange.focused = \"end\";\n        }\n      } else {\n        this.hoverRange = undefined;\n      }\n    }\n    event.stopPropagation();\n  };\n\n  monthMouseOutChange = (): void => {\n    if (this.hoverRange) {\n      this.hoverRange = undefined;\n    }\n  };\n\n  /**\n   * Render calcite-date-picker-month-header and calcite-date-picker-month\n   *\n   * @param activeDate\n   * @param maxDate\n   * @param minDate\n   * @param date\n   * @param endDate\n   */\n  private renderCalendar(\n    activeDate: Date,\n    maxDate: Date,\n    minDate: Date,\n    date: Date,\n    endDate: Date,\n  ) {\n    return (\n      this.localeData && [\n        <calcite-date-picker-month-header\n          activeDate={activeDate}\n          headingLevel={this.headingLevel || HEADING_LEVEL}\n          localeData={this.localeData}\n          max={maxDate}\n          messages={this.messages}\n          min={minDate}\n          onCalciteInternalDatePickerSelect={this.monthHeaderSelectChange}\n          scale={this.scale}\n          selectedDate={this.activeRange === \"end\" ? endDate : date || new Date()}\n        />,\n        <calcite-date-picker-month\n          activeDate={activeDate}\n          dateTimeFormat={this.dateTimeFormat}\n          endDate={this.range ? endDate : undefined}\n          hoverRange={this.hoverRange}\n          localeData={this.localeData}\n          max={maxDate}\n          min={minDate}\n          onCalciteInternalDatePickerActiveDateChange={this.monthActiveDateChange}\n          onCalciteInternalDatePickerHover={this.monthHoverChange}\n          onCalciteInternalDatePickerMouseOut={this.monthMouseOutChange}\n          onCalciteInternalDatePickerSelect={this.monthDateChange}\n          scale={this.scale}\n          selectedDate={this.activeRange === \"end\" ? endDate : date}\n          startDate={this.range ? date : undefined}\n        />,\n      ]\n    );\n  }\n\n  private resetActiveDates = (): void => {\n    const { valueAsDate } = this;\n\n    if (!Array.isArray(valueAsDate) && valueAsDate && valueAsDate !== this.activeDate) {\n      this.activeDate = new Date(valueAsDate);\n    }\n\n    if (Array.isArray(valueAsDate)) {\n      if (valueAsDate[0] && valueAsDate[0] !== this.activeStartDate) {\n        this.activeStartDate = new Date(valueAsDate[0]);\n      }\n      if (valueAsDate[1] && valueAsDate[1] !== this.activeEndDate) {\n        this.activeEndDate = new Date(valueAsDate[1]);\n      }\n    }\n  };\n\n  private getEndDate(): Date {\n    return (Array.isArray(this.valueAsDate) && this.valueAsDate[1]) || undefined;\n  }\n\n  private setEndDate(date: Date): void {\n    const startDate = this.getStartDate();\n    const newEndDate = date ? setEndOfDay(date) : date;\n    this.value = [dateToISO(startDate), dateToISO(date)];\n    this.valueAsDate = [startDate, date];\n    this.mostRecentRangeValue = newEndDate;\n    this.calciteDatePickerRangeChange.emit();\n    this.activeEndDate = date || null;\n  }\n\n  private getStartDate(): Date {\n    return Array.isArray(this.valueAsDate) && this.valueAsDate[0];\n  }\n\n  private setStartDate(date: Date): void {\n    const endDate = this.getEndDate();\n    this.value = [dateToISO(date), dateToISO(endDate)];\n    this.valueAsDate = [date, endDate];\n    this.mostRecentRangeValue = date;\n    this.calciteDatePickerRangeChange.emit();\n    this.activeStartDate = date || null;\n  }\n\n  /**\n   * Event handler for when the selected date changes\n   *\n   * @param event\n   */\n  private monthDateChange = (event: CustomEvent<Date>): void => {\n    const date = new Date(event.detail);\n    const isoDate = dateToISO(date);\n\n    if (!this.range && isoDate === dateToISO(this.valueAsDate as Date)) {\n      return;\n    }\n\n    if (!this.range) {\n      this.value = isoDate || \"\";\n      this.valueAsDate = date || null;\n      this.activeDate = date || null;\n      this.calciteDatePickerChange.emit();\n      return;\n    }\n\n    const start = this.getStartDate();\n    const end = this.getEndDate();\n\n    if (!start || (!end && date < start)) {\n      if (start) {\n        this.setEndDate(new Date(start));\n      }\n      if (this.activeRange == \"end\") {\n        this.setEndDate(date);\n      } else {\n        this.setStartDate(date);\n      }\n    } else if (!end) {\n      this.setEndDate(date);\n    } else {\n      if (!this.proximitySelectionDisabled) {\n        if (this.activeRange) {\n          if (this.activeRange == \"end\") {\n            this.setEndDate(date);\n          } else {\n            this.setStartDate(date);\n          }\n        } else {\n          const startDiff = getDaysDiff(date, start);\n          const endDiff = getDaysDiff(date, end);\n          if (endDiff === 0 || startDiff < 0) {\n            this.setStartDate(date);\n          } else if (startDiff === 0 || endDiff < 0) {\n            this.setEndDate(date);\n          } else if (startDiff < endDiff) {\n            this.setStartDate(date);\n          } else {\n            this.setEndDate(date);\n          }\n        }\n      } else {\n        this.setStartDate(date);\n      }\n    }\n    this.calciteDatePickerChange.emit();\n  };\n\n  /**\n   * Get an active date using the value, or current date as default\n   *\n   * @param value\n   * @param min\n   * @param max\n   */\n  private getActiveDate(value: Date | null, min: Date | null, max: Date | null): Date {\n    return dateFromRange(this.activeDate, min, max) || value || dateFromRange(new Date(), min, max);\n  }\n\n  private getActiveEndDate(value: Date | null, min: Date | null, max: Date | null): Date {\n    return (\n      dateFromRange(this.activeEndDate, min, max) || value || dateFromRange(new Date(), min, max)\n    );\n  }\n}\n",":host {\n  @apply cursor-pointer flex relative text-color-3;\n}\n\n@include disabled();\n\n@mixin range-part-base() {\n  &:before,\n  &:after {\n    @apply absolute pointer-events-none;\n    inset-block: 0;\n    content: \"\";\n    block-size: var(--calcite-internal-day-size);\n    inline-size: var(--calcite-internal-day-size);\n  }\n}\n\n@mixin range-part-edge-end() {\n  &:before {\n    inset-inline-end: 50%;\n  }\n  &:after {\n    inset-inline-start: 50%;\n    border-start-end-radius: var(--calcite-internal-day-size);\n    border-end-end-radius: var(--calcite-internal-day-size);\n    inline-size: calc(var(--calcite-internal-day-size) / 2);\n  }\n}\n\n@mixin range-part-edge-start() {\n  &:before {\n    inset-inline-end: 50%;\n    border-start-start-radius: var(--calcite-internal-day-size);\n    border-end-start-radius: var(--calcite-internal-day-size);\n    inline-size: calc(var(--calcite-internal-day-size) / 2);\n  }\n  &:after {\n    inset-inline-start: 50%;\n  }\n}\n\n@mixin range-part-middle() {\n  &:before {\n    inset-inline-end: 50%;\n    border-radius: 0;\n  }\n  &:after {\n    inset-inline-start: 50%;\n    border-radius: 0;\n  }\n}\n\n.day-v-wrapper {\n  @apply flex-auto;\n}\n\n.day-wrapper {\n  @apply flex\n    flex-col\n    items-center\n    relative;\n}\n\n:host([range]),\n:host([range-hover]) {\n  .day-wrapper {\n    @include range-part-base();\n  }\n}\n\n.day {\n  @apply text-n2h\n    text-color-3\n    flex\n    focus-base\n    items-center\n    justify-center\n    rounded-full\n    leading-none\n    transition-default\n    z-default;\n  background: none;\n  box-shadow: 0 0 0 2px transparent;\n  block-size: var(--calcite-internal-day-size);\n  inline-size: var(--calcite-internal-day-size);\n}\n\n.text {\n  @apply mt-px mb-0;\n  margin-inline-start: theme(\"spacing.0\");\n}\n\n:host([scale=\"s\"]) {\n  --calcite-internal-day-size: 27px;\n\n  .day-v-wrapper {\n    @apply py-0.5;\n  }\n  .day-wrapper {\n    @apply p-0;\n  }\n  .day {\n    @apply text-n2;\n  }\n}\n\n:host([scale=\"m\"]) {\n  --calcite-internal-day-size: 33px;\n\n  .day-v-wrapper {\n    @apply py-1;\n  }\n  .day-wrapper {\n    @apply p-0;\n  }\n  .day {\n    @apply text-n1;\n  }\n}\n\n:host([scale=\"l\"]) {\n  --calcite-internal-day-size: 43px;\n\n  .day-v-wrapper {\n    @apply py-1;\n  }\n  .day-wrapper {\n    @apply px-1;\n  }\n  .day {\n    @apply text-0;\n  }\n}\n\n:host(:not([current-month])) .day {\n  @apply opacity-disabled;\n}\n\n:host(:hover:not([disabled]):not([selected])),\n:host([active]:not([range]):not([selected])) {\n  & .day {\n    @apply bg-foreground-2 text-color-1;\n  }\n}\n\n:host(:focus),\n:host([active]) {\n  @apply outline-none;\n}\n\n:host(:focus:not([disabled])) .day {\n  @apply focus-outset;\n}\n\n:host([selected]) .day {\n  @apply font-medium;\n  background-color: var(--calcite-color-brand);\n  color: var(--calcite-color-foreground-1);\n}\n\n:host(:focus:not([disabled])),\n:host([start-of-range]:not(:focus)),\n:host([end-of-range]:not(:focus)) {\n  .day {\n    box-shadow: 0 0 0 2px var(--calcite-color-foreground-1);\n  }\n}\n\n:host([range-hover]:not([selected])),\n:host([highlighted]:not([selected])) {\n  .day-wrapper {\n    @include range-part-middle();\n  }\n\n  .day {\n    @apply text-color-1;\n  }\n}\n\n:host([highlighted]),\n:host([selected]:not(.hover--outside-range)) {\n  .day-wrapper {\n    &:before,\n    &:after {\n      background-color: var(--calcite-color-foreground-current);\n    }\n  }\n}\n\n:host([range-hover]:not([selected])) {\n  .day-wrapper {\n    &:before,\n    &:after {\n      @apply bg-foreground-2;\n    }\n  }\n}\n\n:host(:hover[range-hover]:not([selected]).focused--end),\n:host([highlighted][end-of-range]),\n:host([highlighted][range-edge=\"end\"]),\n:host([range-hover][range-edge=\"end\"]),\n:host(:hover[range-hover].focused--end.hover--outside-range) {\n  .day-wrapper {\n    @include range-part-edge-end();\n  }\n}\n\n:host([highlighted][start-of-range]),\n:host([highlighted][range-edge=\"start\"]),\n:host([range-hover][range-edge=\"start\"]),\n:host(:hover[range-hover]:not([selected]).focused--start),\n:host([start-of-range].hover--inside-range),\n:host(:hover[range-hover].focused--start.hover--outside-range) {\n  .day-wrapper {\n    @include range-part-edge-start();\n  }\n}\n\n:host([range-hover][start-of-range][range-edge=\"end\"]),\n:host([range-hover][end-of-range][range-edge=\"start\"]),\n:host([start-of-range][range-edge=\"end\"].hover--inside-range),\n:host([end-of-range]) {\n  .day-wrapper {\n    &:after,\n    &:before {\n      content: unset;\n    }\n  }\n}\n\n:host(:hover[range-hover]:not([selected]).focused--start),\n:host(:hover[range-hover]:not([selected]).focused--end),\n:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range),\n:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) {\n  .day {\n    box-shadow: 0 0 0 2px var(--calcite-color-foreground-1);\n  }\n}\n\n@media (forced-colors: active) {\n  .day {\n    @apply rounded-none;\n  }\n\n  :host([selected]) {\n    outline: 2px solid canvasText;\n  }\n\n  :host(:hover:not([selected])) {\n    .day {\n      border-radius: 50%;\n    }\n  }\n\n  :host([range][selected]),\n  :host([highlighted]),\n  :host([range-hover]:not([selected])) {\n    .day-wrapper {\n      &:before,\n      &:after {\n        background-color: highlight;\n      }\n    }\n  }\n\n  :host([range-hover]),\n  :host([range][selected][start-of-range]),\n  :host([range][selected][end-of-range]) {\n    .day-wrapper {\n      &:before,\n      &:after {\n        background-color: canvas;\n      }\n    }\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  VNode,\n} from \"@stencil/core\";\nimport { dateToISO } from \"../../utils/date\";\n\nimport { closestElementCrossShadowBoundary, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { isActivationKey } from \"../../utils/key\";\nimport { numberStringFormatter } from \"../../utils/locale\";\nimport { Scale } from \"../interfaces\";\n\n@Component({\n  tag: \"calcite-date-picker-day\",\n  styleUrl: \"date-picker-day.scss\",\n  shadow: true,\n})\nexport class DatePickerDay implements InteractiveComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Day of the month to be shown. */\n  @Prop() day!: number;\n\n  /**\n   * The DateTimeFormat used to provide screen reader labels.\n   *\n   * @internal\n   */\n  @Prop() dateTimeFormat: Intl.DateTimeFormat;\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Date is in the current month. */\n  @Prop({ reflect: true }) currentMonth = false;\n\n  /**  When `true`, the component is selected. */\n  @Prop({ reflect: true }) selected = false;\n\n  /** Date is currently highlighted as part of the range, */\n  @Prop({ reflect: true }) highlighted = false;\n\n  /** When `true`, activates the component's range mode to allow a start and end date. */\n  @Prop({ reflect: true }) range = false;\n\n  /**\n   * When `true`, highlight styling for edge dates is applied.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) rangeEdge: \"start\" | \"end\" | undefined;\n\n  /** Date is the start of date range. */\n  @Prop({ reflect: true }) startOfRange = false;\n\n  /** Date is the end of date range. */\n  @Prop({ reflect: true }) endOfRange = false;\n\n  /** Date is being hovered and within the set range. */\n  @Prop({ reflect: true }) rangeHover = false;\n\n  /** When `true`, the component is active. */\n  @Prop({ reflect: true }) active = false;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale;\n\n  /** The component's value. */\n  @Prop() value: Date;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  onClick = (): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    this.calciteDaySelect.emit();\n  };\n\n  keyDownHandler = (event: KeyboardEvent): void => {\n    if (isActivationKey(event.key)) {\n      !this.disabled && this.calciteDaySelect.emit();\n      event.preventDefault();\n    }\n  };\n\n  @Listen(\"pointerover\")\n  pointerOverHandler(): void {\n    if (this.disabled) {\n      return;\n    }\n\n    this.calciteInternalDayHover.emit();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when user selects day.\n   */\n  @Event({ cancelable: false }) calciteDaySelect: EventEmitter<void>;\n\n  /**\n   * Fires when user hovers over a day.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalDayHover: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  componentWillLoad(): void {\n    this.parentDatePickerEl = closestElementCrossShadowBoundary(\n      this.el,\n      \"calcite-date-picker\",\n    ) as HTMLCalciteDatePickerElement;\n  }\n\n  render(): VNode {\n    const dayId = dateToISO(this.value).replaceAll(\"-\", \"\");\n    if (this.parentDatePickerEl) {\n      const { numberingSystem, lang: locale } = this.parentDatePickerEl;\n\n      numberStringFormatter.numberFormatOptions = {\n        useGrouping: false,\n        ...(numberingSystem && { numberingSystem }),\n        ...(locale && { locale }),\n      };\n    }\n    const formattedDay = numberStringFormatter.localize(String(this.day));\n    const dayLabel = this.dateTimeFormat.format(this.value);\n\n    return (\n      <Host\n        aria-disabled={toAriaBoolean(this.disabled)}\n        aria-label={dayLabel}\n        aria-selected={toAriaBoolean(this.active)}\n        id={dayId}\n        onClick={this.onClick}\n        onKeyDown={this.keyDownHandler}\n        role=\"button\"\n        tabIndex={this.active && !this.disabled ? 0 : -1}\n      >\n        <InteractiveContainer disabled={this.disabled}>\n          <div aria-hidden=\"true\" class={{ \"day-v-wrapper\": true }}>\n            <div class=\"day-wrapper\">\n              <span class=\"day\">\n                <span class=\"text\">{formattedDay}</span>\n              </span>\n            </div>\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  connectedCallback(): void {\n    connectInteractive(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteDatePickerDayElement;\n\n  private parentDatePickerEl: HTMLCalciteDatePickerElement;\n}\n","@include base-component();\n\n.calendar {\n  @apply mb-1;\n}\n\n.week-headers {\n  @apply border-color-3\n    flex\n    border-0\n    border-t\n    border-solid\n    py-0\n    px-1;\n}\n\n.week-header {\n  @apply text-color-3\n    text-center\n    font-bold;\n  inline-size: calc(100% / 7);\n}\n\n.day {\n  @apply flex\n  min-w-0\n  justify-center;\n  inline-size: calc(100% / 7);\n\n  calcite-date-picker-day {\n    @apply w-full;\n  }\n}\n\n:host([scale=\"s\"]) .week-header {\n  @apply text-n2h px-0 pt-2 pb-3;\n}\n\n:host([scale=\"m\"]) .week-header {\n  @apply text-n2h px-0 pt-3 pb-4;\n}\n\n:host([scale=\"l\"]) .week-header {\n  @apply text-n1h px-0 pt-4 pb-5;\n}\n\n.week-days {\n  @apply flex\n    flex-row\n    py-0;\n  padding-inline: 6px;\n  &:focus {\n    @apply outline-none;\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  VNode,\n} from \"@stencil/core\";\nimport { dateFromRange, HoverRange, inRange, sameDate } from \"../../utils/date\";\nimport { DateLocaleData } from \"../date-picker/utils\";\nimport { Scale } from \"../interfaces\";\n\nconst DAYS_PER_WEEK = 7;\nconst DAYS_MAXIMUM_INDEX = 6;\n\ninterface Day {\n  active: boolean;\n  currentMonth?: boolean;\n  date: Date;\n  day: number;\n  dayInWeek?: number;\n  ref?: boolean;\n}\n\n@Component({\n  tag: \"calcite-date-picker-month\",\n  styleUrl: \"date-picker-month.scss\",\n  shadow: true,\n})\nexport class DatePickerMonth {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * The DateTimeFormat used to provide screen reader labels.\n   *\n   * @internal\n   */\n  @Prop() dateTimeFormat: Intl.DateTimeFormat;\n\n  /** Already selected date.*/\n  @Prop() selectedDate: Date;\n\n  /** The currently active Date.*/\n  @Prop() activeDate: Date = new Date();\n\n  /** Start date currently active. */\n  @Prop() startDate?: Date;\n\n  /** End date currently active.  */\n  @Prop() endDate?: Date;\n\n  /** Specifies the earliest allowed date (`\"yyyy-mm-dd\"`). */\n  @Prop() min: Date;\n\n  /** Specifies the latest allowed date (`\"yyyy-mm-dd\"`). */\n  @Prop() max: Date;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale;\n\n  /**\n   * CLDR locale data for current locale.\n   *\n   * @internal\n   */\n  @Prop() localeData: DateLocaleData;\n\n  /** The range of dates currently being hovered. */\n  @Prop() hoverRange: HoverRange;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when user selects the date.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalDatePickerSelect: EventEmitter<Date>;\n\n  /**\n   * Fires when user hovers the date.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalDatePickerHover: EventEmitter<Date>;\n\n  /**\n   * Active date for the user keyboard access.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalDatePickerActiveDateChange: EventEmitter<Date>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalDatePickerMouseOut: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  keyDownHandler = (event: KeyboardEvent): void => {\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    const isRTL = this.el.dir === \"rtl\";\n\n    switch (event.key) {\n      case \"ArrowUp\":\n        event.preventDefault();\n        this.addDays(-7);\n        break;\n      case \"ArrowRight\":\n        event.preventDefault();\n        this.addDays(isRTL ? -1 : 1);\n        break;\n      case \"ArrowDown\":\n        event.preventDefault();\n        this.addDays(7);\n        break;\n      case \"ArrowLeft\":\n        event.preventDefault();\n        this.addDays(isRTL ? 1 : -1);\n        break;\n      case \"PageUp\":\n        event.preventDefault();\n        this.addMonths(-1);\n        break;\n      case \"PageDown\":\n        event.preventDefault();\n        this.addMonths(1);\n        break;\n      case \"Home\":\n        event.preventDefault();\n        this.activeDate.setDate(1);\n        this.addDays();\n        break;\n      case \"End\":\n        event.preventDefault();\n        this.activeDate.setDate(\n          new Date(this.activeDate.getFullYear(), this.activeDate.getMonth() + 1, 0).getDate(),\n        );\n        this.addDays();\n        break;\n      case \"Enter\":\n      case \" \":\n        event.preventDefault();\n        break;\n      case \"Tab\":\n        this.activeFocus = false;\n    }\n  };\n\n  /**\n   * Once user is not interacting via keyboard,\n   * disable auto focusing of active date\n   */\n  disableActiveFocus = (): void => {\n    this.activeFocus = false;\n  };\n\n  @Listen(\"pointerout\")\n  pointerOutHandler(): void {\n    this.calciteInternalDatePickerMouseOut.emit();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  render(): VNode {\n    const month = this.activeDate.getMonth();\n    const year = this.activeDate.getFullYear();\n    const startOfWeek = this.localeData.weekStart % 7;\n    const { abbreviated, short, narrow } = this.localeData.days;\n    const weekDays =\n      this.scale === \"s\" ? narrow || short || abbreviated : short || abbreviated || narrow;\n    const adjustedWeekDays = [...weekDays.slice(startOfWeek, 7), ...weekDays.slice(0, startOfWeek)];\n    const curMonDays = this.getCurrentMonthDays(month, year);\n    const prevMonDays = this.getPreviousMonthDays(month, year, startOfWeek);\n    const nextMonDays = this.getNextMonthDays(month, year, startOfWeek);\n    let dayInWeek = 0;\n    const getDayInWeek = () => dayInWeek++ % 7;\n\n    const days: Day[] = [\n      ...prevMonDays.map((day) => {\n        return {\n          active: false,\n          day,\n          dayInWeek: getDayInWeek(),\n          date: new Date(year, month - 1, day),\n        };\n      }),\n      ...curMonDays.map((day) => {\n        const date = new Date(year, month, day);\n        const active = sameDate(date, this.activeDate);\n        return {\n          active,\n          currentMonth: true,\n          day,\n          dayInWeek: getDayInWeek(),\n          date,\n          ref: true,\n        };\n      }),\n      ...nextMonDays.map((day) => {\n        return {\n          active: false,\n          day,\n          dayInWeek: getDayInWeek(),\n          date: new Date(year, month + 1, day),\n        };\n      }),\n    ];\n\n    const weeks: Day[][] = [];\n    for (let i = 0; i < days.length; i += 7) {\n      weeks.push(days.slice(i, i + 7));\n    }\n\n    return (\n      <Host onFocusOut={this.disableActiveFocus} onKeyDown={this.keyDownHandler}>\n        <div class=\"calendar\" role=\"grid\">\n          <div class=\"week-headers\" role=\"row\">\n            {adjustedWeekDays.map((weekday) => (\n              <span class=\"week-header\" role=\"columnheader\">\n                {weekday}\n              </span>\n            ))}\n          </div>\n          {weeks.map((days) => (\n            <div class=\"week-days\" role=\"row\">\n              {days.map((day) => this.renderDateDay(day))}\n            </div>\n          ))}\n        </div>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteDatePickerMonthElement;\n\n  private activeFocus: boolean;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n  /**\n   * Add n months to the current month\n   *\n   * @param step\n   */\n  private addMonths(step: number) {\n    const nextDate = new Date(this.activeDate);\n    nextDate.setMonth(this.activeDate.getMonth() + step);\n    this.calciteInternalDatePickerActiveDateChange.emit(\n      dateFromRange(nextDate, this.min, this.max),\n    );\n    this.activeFocus = true;\n  }\n\n  /**\n   * Add n days to the current date\n   *\n   * @param step\n   */\n  private addDays(step = 0) {\n    const nextDate = new Date(this.activeDate);\n    nextDate.setDate(this.activeDate.getDate() + step);\n    this.calciteInternalDatePickerActiveDateChange.emit(\n      dateFromRange(nextDate, this.min, this.max),\n    );\n    this.activeFocus = true;\n  }\n\n  /**\n   * Get dates for last days of the previous month\n   *\n   * @param month\n   * @param year\n   * @param startOfWeek\n   */\n  private getPreviousMonthDays(month: number, year: number, startOfWeek: number): number[] {\n    const lastDate = new Date(year, month, 0);\n    const date = lastDate.getDate();\n    const startDay = lastDate.getDay();\n    const days = [];\n\n    if (startDay === (startOfWeek + DAYS_MAXIMUM_INDEX) % DAYS_PER_WEEK) {\n      return days;\n    }\n\n    if (startDay === startOfWeek) {\n      return [date];\n    }\n\n    for (let i = (DAYS_PER_WEEK + startDay - startOfWeek) % DAYS_PER_WEEK; i >= 0; i--) {\n      days.push(date - i);\n    }\n    return days;\n  }\n\n  /**\n   * Get dates for the current month\n   *\n   * @param month\n   * @param year\n   */\n  private getCurrentMonthDays(month: number, year: number): number[] {\n    const num = new Date(year, month + 1, 0).getDate();\n    const days = [];\n    for (let i = 0; i < num; i++) {\n      days.push(i + 1);\n    }\n    return days;\n  }\n\n  /**\n   * Get dates for first days of the next month\n   *\n   * @param month\n   * @param year\n   * @param startOfWeek\n   */\n  private getNextMonthDays(month: number, year: number, startOfWeek: number): number[] {\n    const endDay = new Date(year, month + 1, 0).getDay();\n    const days = [];\n    if (endDay === (startOfWeek + DAYS_MAXIMUM_INDEX) % DAYS_PER_WEEK) {\n      return days;\n    }\n    for (let i = 0; i < (DAYS_MAXIMUM_INDEX - (endDay - startOfWeek)) % DAYS_PER_WEEK; i++) {\n      days.push(i + 1);\n    }\n    return days;\n  }\n\n  /**\n   * Determine if the date is in between the start and end dates\n   *\n   * @param date\n   */\n  private betweenSelectedRange(date: Date): boolean {\n    return !!(\n      this.startDate &&\n      this.endDate &&\n      date > this.startDate &&\n      date < this.endDate &&\n      !this.isRangeHover(date)\n    );\n  }\n\n  /**\n   * Determine if the date should be in selected state\n   *\n   * @param date\n   */\n  private isSelected(date: Date): boolean {\n    return !!(\n      sameDate(date, this.selectedDate) ||\n      (this.startDate && sameDate(date, this.startDate)) ||\n      (this.endDate && sameDate(date, this.endDate))\n    );\n  }\n\n  /**\n   * Determine if the date is the start of the date range\n   *\n   * @param date\n   */\n  private isStartOfRange(date: Date): boolean {\n    return !!(\n      this.startDate &&\n      !sameDate(this.startDate, this.endDate) &&\n      sameDate(this.startDate, date) &&\n      !this.isEndOfRange(date)\n    );\n  }\n\n  private isEndOfRange(date: Date): boolean {\n    return !!(\n      (this.endDate && !sameDate(this.startDate, this.endDate) && sameDate(this.endDate, date)) ||\n      (!this.endDate &&\n        this.hoverRange &&\n        sameDate(this.startDate, this.hoverRange.end) &&\n        sameDate(date, this.hoverRange.end))\n    );\n  }\n\n  dayHover = (event: CustomEvent): void => {\n    const target = event.target as HTMLCalciteDatePickerDayElement;\n    if (target.disabled) {\n      this.calciteInternalDatePickerMouseOut.emit();\n    } else {\n      this.calciteInternalDatePickerHover.emit(target.value);\n    }\n    event.stopPropagation();\n  };\n\n  daySelect = (event: CustomEvent): void => {\n    const target = event.target as HTMLCalciteDatePickerDayElement;\n    this.calciteInternalDatePickerSelect.emit(target.value);\n  };\n\n  /**\n   * Render calcite-date-picker-day\n   *\n   * @param active.active\n   * @param active\n   * @param day\n   * @param dayInWeek\n   * @param date\n   * @param currentMonth\n   * @param ref\n   * @param active.currentMonth\n   * @param active.date\n   * @param active.day\n   * @param active.dayInWeek\n   * @param active.ref\n   */\n  private renderDateDay({ active, currentMonth, date, day, dayInWeek, ref }: Day) {\n    const isFocusedOnStart = this.isFocusedOnStart();\n    const isHoverInRange =\n      this.isHoverInRange() ||\n      (!this.endDate && this.hoverRange && sameDate(this.hoverRange?.end, this.startDate));\n\n    return (\n      <div class=\"day\" key={date.toDateString()} role=\"gridcell\">\n        <calcite-date-picker-day\n          active={active}\n          class={{\n            \"hover--inside-range\": this.startDate && isHoverInRange,\n            \"hover--outside-range\": this.startDate && !isHoverInRange,\n            \"focused--start\": isFocusedOnStart,\n            \"focused--end\": !isFocusedOnStart,\n          }}\n          currentMonth={currentMonth}\n          dateTimeFormat={this.dateTimeFormat}\n          day={day}\n          disabled={!inRange(date, this.min, this.max)}\n          endOfRange={this.isEndOfRange(date)}\n          highlighted={this.betweenSelectedRange(date)}\n          onCalciteDaySelect={this.daySelect}\n          onCalciteInternalDayHover={this.dayHover}\n          range={!!this.startDate && !!this.endDate && !sameDate(this.startDate, this.endDate)}\n          rangeEdge={dayInWeek === 0 ? \"start\" : dayInWeek === 6 ? \"end\" : undefined}\n          rangeHover={this.isRangeHover(date)}\n          scale={this.scale}\n          selected={this.isSelected(date)}\n          startOfRange={this.isStartOfRange(date)}\n          value={date}\n          // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n          ref={(el: HTMLCalciteDatePickerDayElement) => {\n            // when moving via keyboard, focus must be updated on active date\n            if (ref && active && this.activeFocus) {\n              el?.focus();\n            }\n          }}\n        />\n      </div>\n    );\n  }\n\n  private isFocusedOnStart(): boolean {\n    return this.hoverRange?.focused === \"start\";\n  }\n\n  private isHoverInRange(): boolean {\n    if (!this.hoverRange) {\n      return false;\n    }\n    const { start, end } = this.hoverRange;\n    return !!(\n      (!this.isFocusedOnStart() && this.startDate && (!this.endDate || end < this.endDate)) ||\n      (this.isFocusedOnStart() && this.startDate && start > this.startDate)\n    );\n  }\n\n  private isRangeHover(date): boolean {\n    if (!this.hoverRange) {\n      return false;\n    }\n    const { start, end } = this.hoverRange;\n    const isStart = this.isFocusedOnStart();\n    const insideRange = this.isHoverInRange();\n    const cond1 =\n      insideRange &&\n      ((!isStart && date > this.startDate && (date < end || sameDate(date, end))) ||\n        (isStart && date < this.endDate && (date > start || sameDate(date, start))));\n    const cond2 =\n      !insideRange &&\n      ((!isStart && date >= this.endDate && (date < end || sameDate(date, end))) ||\n        (isStart &&\n          ((this.startDate && date < this.startDate) ||\n            (this.endDate && sameDate(date, this.startDate))) &&\n          ((start && date > start) || sameDate(date, start))));\n    return cond1 || cond2;\n  }\n}\n","export const CSS = {\n  header: \"header\",\n  month: \"month\",\n  chevron: \"chevron\",\n  suffix: \"suffix\",\n  yearSuffix: \"year--suffix\",\n  yearWrap: \"year-wrap\",\n  textReverse: \"text--reverse\",\n};\n\nexport const ICON = {\n  chevronLeft: \"chevron-left\",\n  chevronRight: \"chevron-right\",\n};\n",":host {\n  @apply block;\n}\n\n.header {\n  @apply flex justify-between;\n  @apply py-0 px-1;\n}\n\n:host([scale=\"s\"]) {\n  .text {\n    @apply text-n1h my-2;\n  }\n  .chevron {\n    @apply h-9;\n  }\n}\n\n:host([scale=\"m\"]) {\n  .text {\n    @apply text-0h my-3;\n  }\n  .chevron {\n    @apply h-12;\n  }\n}\n\n:host([scale=\"l\"]) {\n  .text {\n    @apply text-1h my-4;\n  }\n  .chevron {\n    block-size: 3.5rem;\n  }\n}\n\n.chevron {\n  @apply text-color-3\n    bg-foreground-1\n    focus-base\n    -mx-1\n    box-content\n    flex\n    flex-grow-0\n    cursor-pointer\n    items-center\n    justify-center\n    border-none\n    px-1\n    outline-none\n    transition-default;\n  inline-size: calc(100% / 7);\n\n  &:focus {\n    @apply focus-inset;\n  }\n\n  &:hover,\n  &:focus {\n    @apply text-color-1 bg-foreground-2 fill-color-1;\n  }\n\n  &:active {\n    @apply bg-foreground-3;\n  }\n\n  &[aria-disabled=\"true\"] {\n    @apply pointer-events-none opacity-0;\n  }\n}\n\n.text {\n  @apply my-auto\n    w-full\n    flex\n    flex-auto\n    items-center\n    justify-center\n    text-center\n    leading-none;\n}\n\n.text--reverse {\n  @apply flex-row-reverse;\n}\n\n.month,\n.year,\n.suffix {\n  @apply text-color-1\n    bg-foreground-1\n    mx-1\n    my-auto\n    inline-block\n    font-medium\n    leading-tight;\n  font-size: inherit;\n}\n\n.year {\n  @apply font-inherit\n    focus-base\n    relative\n    w-10\n    border-none\n    bg-transparent\n    text-center;\n  &:hover {\n    @apply duration-100 ease-in-out;\n    transition-property: outline-color;\n    outline: 2px solid var(--calcite-color-border-2);\n    outline-offset: 2px;\n  }\n  &:focus {\n    @apply focus-outset;\n  }\n}\n\n.year--suffix {\n  @apply text-left;\n}\n\n.year-wrap {\n  @apply relative;\n}\n\n.suffix {\n  @apply top-0\n    whitespace-nowrap\n    text-start;\n  inset-inline-start: 0;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Fragment,\n  h,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  dateFromRange,\n  parseCalendarYear,\n  getOrder,\n  nextMonth,\n  prevMonth,\n  formatCalendarYear,\n} from \"../../utils/date\";\n\nimport { closestElementCrossShadowBoundary } from \"../../utils/dom\";\nimport { isActivationKey } from \"../../utils/key\";\nimport { numberStringFormatter } from \"../../utils/locale\";\nimport { DatePickerMessages } from \"../date-picker/assets/date-picker/t9n\";\nimport { DateLocaleData } from \"../date-picker/utils\";\nimport { Heading, HeadingLevel } from \"../functional/Heading\";\nimport { Scale } from \"../interfaces\";\nimport { CSS, ICON } from \"./resources\";\nimport { getIconScale } from \"../../utils/component\";\n\n@Component({\n  tag: \"calcite-date-picker-month-header\",\n  styleUrl: \"date-picker-month-header.scss\",\n  shadow: true,\n})\nexport class DatePickerMonthHeader {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Already selected date. */\n  @Prop() selectedDate: Date;\n\n  /** The focused date is indicated and will become the selected date if the user proceeds. */\n  @Prop() activeDate: Date;\n\n  /**\n   * Specifies the number at which section headings should start.\n   */\n  @Prop() headingLevel: HeadingLevel;\n\n  /** Specifies the earliest allowed date (`\"yyyy-mm-dd\"`). */\n  @Prop() min: Date;\n\n  /** Specifies the latest allowed date (`\"yyyy-mm-dd\"`). */\n  @Prop() max: Date;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale;\n\n  /** CLDR locale data for translated calendar info. */\n  @Prop() localeData: DateLocaleData;\n\n  /**\n   * This property specifies accessible strings for the component's previous month button ,next month button & year input elements.\n   * Made into a prop for testing purposes only.\n   *\n   * @internal\n   * @readonly\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: DatePickerMessages;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n  /**\n   *  Fires to active date\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalDatePickerSelect: EventEmitter<Date>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  componentWillLoad(): void {\n    this.parentDatePickerEl = closestElementCrossShadowBoundary(\n      this.el,\n      \"calcite-date-picker\",\n    ) as HTMLCalciteDatePickerElement;\n  }\n\n  connectedCallback(): void {\n    this.setNextPrevMonthDates();\n  }\n\n  render(): VNode {\n    return <div class={CSS.header}>{this.renderContent()}</div>;\n  }\n\n  renderContent(): VNode {\n    const { messages, localeData, activeDate } = this;\n    if (!activeDate || !localeData) {\n      return null;\n    }\n\n    if (this.parentDatePickerEl) {\n      const { numberingSystem, lang: locale } = this.parentDatePickerEl;\n\n      numberStringFormatter.numberFormatOptions = {\n        useGrouping: false,\n        ...(numberingSystem && { numberingSystem }),\n        ...(locale && { locale }),\n      };\n    }\n\n    const activeMonth = activeDate.getMonth();\n    const { months, unitOrder } = localeData;\n    const localizedMonth = (months.wide || months.narrow || months.abbreviated)[activeMonth];\n    const localizedYear = this.formatCalendarYear(activeDate.getFullYear());\n    const order = getOrder(unitOrder);\n    const reverse = order.indexOf(\"y\") < order.indexOf(\"m\");\n    const suffix = localeData.year?.suffix;\n    return (\n      <Fragment>\n        <a\n          aria-disabled={`${this.prevMonthDate.getMonth() === activeMonth}`}\n          aria-label={messages.prevMonth}\n          class={CSS.chevron}\n          href=\"#\"\n          onClick={this.prevMonthClick}\n          onKeyDown={this.prevMonthKeydown}\n          role=\"button\"\n          tabindex={this.prevMonthDate.getMonth() === activeMonth ? -1 : 0}\n        >\n          <calcite-icon flip-rtl icon={ICON.chevronLeft} scale={getIconScale(this.scale)} />\n        </a>\n        <div class={{ text: true, [CSS.textReverse]: reverse }}>\n          <Heading class={CSS.month} level={this.headingLevel}>\n            {localizedMonth}\n          </Heading>\n          <span class={CSS.yearWrap}>\n            <input\n              aria-label={messages.year}\n              class={{\n                year: true,\n                [CSS.yearSuffix]: !!suffix,\n              }}\n              inputmode=\"numeric\"\n              maxlength=\"4\"\n              minlength=\"1\"\n              onChange={this.onYearChange}\n              onInput={this.onYearInput}\n              onKeyDown={this.onYearKey}\n              pattern=\"\\d*\"\n              type=\"text\"\n              value={localizedYear}\n              // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n              ref={(el) => (this.yearInput = el)}\n            />\n            {suffix && <span class={CSS.suffix}>{suffix}</span>}\n          </span>\n        </div>\n        <a\n          aria-disabled={`${this.nextMonthDate.getMonth() === activeMonth}`}\n          aria-label={messages.nextMonth}\n          class={CSS.chevron}\n          href=\"#\"\n          onClick={this.nextMonthClick}\n          onKeyDown={this.nextMonthKeydown}\n          role=\"button\"\n          tabindex={this.nextMonthDate.getMonth() === activeMonth ? -1 : 0}\n        >\n          <calcite-icon flip-rtl icon={ICON.chevronRight} scale={getIconScale(this.scale)} />\n        </a>\n      </Fragment>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteDatePickerMonthHeaderElement;\n\n  private yearInput: HTMLInputElement;\n\n  private parentDatePickerEl: HTMLCalciteDatePickerElement;\n\n  @State() nextMonthDate: Date;\n\n  @State() prevMonthDate: Date;\n\n  @Watch(\"min\")\n  @Watch(\"max\")\n  @Watch(\"activeDate\")\n  setNextPrevMonthDates(): void {\n    if (!this.activeDate) {\n      return;\n    }\n\n    this.nextMonthDate = dateFromRange(nextMonth(this.activeDate), this.min, this.max);\n    this.prevMonthDate = dateFromRange(prevMonth(this.activeDate), this.min, this.max);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n  /**\n   * Increment year on UP/DOWN keys\n   *\n   * @param event\n   */\n  private onYearKey = (event: KeyboardEvent): void => {\n    const localizedYear = this.parseCalendarYear((event.target as HTMLInputElement).value);\n    switch (event.key) {\n      case \"ArrowDown\":\n        event.preventDefault();\n        this.setYear({ localizedYear, offset: -1 });\n        break;\n      case \"ArrowUp\":\n        event.preventDefault();\n        this.setYear({ localizedYear, offset: 1 });\n        break;\n    }\n  };\n\n  private formatCalendarYear(year: number): string {\n    return numberStringFormatter.localize(`${formatCalendarYear(year, this.localeData)}`);\n  }\n\n  private parseCalendarYear(year: string): string {\n    return numberStringFormatter.localize(\n      `${parseCalendarYear(Number(numberStringFormatter.delocalize(year)), this.localeData)}`,\n    );\n  }\n\n  private onYearChange = (event: Event): void => {\n    this.setYear({\n      localizedYear: this.parseCalendarYear((event.target as HTMLInputElement).value),\n    });\n  };\n\n  private onYearInput = (event: Event): void => {\n    this.setYear({\n      localizedYear: this.parseCalendarYear((event.target as HTMLInputElement).value),\n      commit: false,\n    });\n  };\n\n  private prevMonthClick = (event: KeyboardEvent | MouseEvent): void => {\n    this.handleArrowClick(event, this.prevMonthDate);\n  };\n\n  private prevMonthKeydown = (event: KeyboardEvent): void => {\n    if (isActivationKey(event.key)) {\n      this.prevMonthClick(event);\n    }\n  };\n\n  private nextMonthClick = (event: MouseEvent | KeyboardEvent): void => {\n    this.handleArrowClick(event, this.nextMonthDate);\n  };\n\n  private nextMonthKeydown = (event: KeyboardEvent): void => {\n    if (isActivationKey(event.key)) {\n      this.nextMonthClick(event);\n    }\n  };\n\n  /*\n   * Update active month on clicks of left/right arrows\n   */\n  private handleArrowClick = (event: MouseEvent | KeyboardEvent, date: Date): void => {\n    event.preventDefault();\n    this.calciteInternalDatePickerSelect.emit(date);\n  };\n\n  private getInRangeDate({\n    localizedYear,\n    offset = 0,\n  }: {\n    localizedYear: string;\n    offset?: number;\n  }): Date {\n    const { min, max, activeDate } = this;\n    const parsedYear = Number(numberStringFormatter.delocalize(localizedYear));\n    const length = parsedYear.toString().length;\n    const year = isNaN(parsedYear) ? false : parsedYear + offset;\n    const inRange =\n      year && (!min || min.getFullYear() <= year) && (!max || max.getFullYear() >= year);\n    // if you've supplied a year and it's in range\n    if (year && inRange && length === localizedYear.length) {\n      const nextDate = new Date(activeDate);\n      nextDate.setFullYear(year as number);\n      return dateFromRange(nextDate, min, max);\n    }\n  }\n\n  /**\n   * Parse localized year string from input,\n   * set to active if in range\n   *\n   * @param root0\n   * @param root0.localizedYear\n   * @param root0.commit\n   * @param root0.offset\n   */\n  private setYear({\n    localizedYear,\n    commit = true,\n    offset = 0,\n  }: {\n    localizedYear: string;\n    commit?: boolean;\n    offset?: number;\n  }): void {\n    const { yearInput, activeDate } = this;\n    const inRangeDate = this.getInRangeDate({ localizedYear, offset });\n\n    // if you've supplied a year and it's in range, update active date\n    if (inRangeDate) {\n      this.calciteInternalDatePickerSelect.emit(inRangeDate);\n    }\n\n    if (commit) {\n      yearInput.value = this.formatCalendarYear((inRangeDate || activeDate).getFullYear());\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-e91b94c5.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.6.0-next.2
+ */
+import{r as e,h as t,g as s}from"./p-f8f9cef3.js";import{c as i,d as a}from"./p-b0528b4b.js";import{u as n,c,s as r,d as o}from"./p-a534e089.js";import{c as l}from"./p-3e92a6e4.js";import{x as h}from"./p-a6243d9a.js";import"./p-ff8fc6a4.js";import"./p-2448987f.js";import"./p-867e447e.js";const d={scrim:"scrim",content:"content"};const m={s:72,l:480};const f=":host{--calcite-scrim-background:var(--calcite-color-transparent-scrim);position:absolute;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;block-size:100%;inline-size:100%;flex-direction:column;align-items:stretch}@keyframes calcite-scrim-fade-in{0%{--tw-bg-opacity:0}100%{--tw-text-opacity:1}}.scrim{position:absolute;inset:0px;display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;overflow:hidden;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-scrim-background, var(--calcite-color-transparent-scrim))}.content{padding:1rem}:host([hidden]){display:none}[hidden]{display:none}";const p=class{constructor(t){e(this,t);this.resizeObserver=l("resize",(()=>this.handleResize()));this.handleDefaultSlotChange=e=>{this.hasContent=h(e)};this.storeLoaderEl=e=>{this.loaderEl=e;this.handleResize()};this.loading=false;this.messages=undefined;this.messageOverrides=undefined;this.loaderScale=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.hasContent=false}onMessagesChange(){}effectiveLocaleChange(){n(this,this.effectiveLocale)}connectedCallback(){i(this);c(this);this.resizeObserver?.observe(this.el)}async componentWillLoad(){await r(this)}disconnectedCallback(){a(this);o(this);this.resizeObserver?.disconnect()}render(){const{hasContent:e,loading:s,messages:i}=this;return t("div",{class:d.scrim},s?t("calcite-loader",{label:i.loading,scale:this.loaderScale,ref:this.storeLoaderEl}):null,t("div",{class:d.content,hidden:!e},t("slot",{onSlotchange:this.handleDefaultSlotChange})))}getScale(e){if(e<m.s){return"s"}else if(e>=m.l){return"l"}else{return"m"}}handleResize(){const{loaderEl:e,el:t}=this;if(!e){return}this.loaderScale=this.getScale(Math.min(t.clientHeight,t.clientWidth)??0)}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};p.style=f;export{p as calcite_scrim};
+//# sourceMappingURL=p-e91b94c5.entry.js.map

package/dist/calcite/p-ea1f6afc.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.6.0-next.2
+ */
+import{d as e}from"./p-9c44b85f.js";import"./p-f8f9cef3.js";import"./p-dca6be82.js";import"./p-a6243d9a.js";import"./p-2448987f.js";import"./p-867e447e.js";import"./p-77b97148.js";import"./p-4880529d.js";import"./p-ff8fc6a4.js";import"./p-8234e328.js";import"./p-bbcbc447.js";import"./p-75a52371.js";import"./p-b0528b4b.js";import"./p-3e92a6e4.js";import"./p-1515f181.js";import"./p-4a194ced.js";import"./p-a534e089.js";import"./p-65ec787c.js";import"./p-b008f8b1.js";function r(e){return e%100==2}function t(e){return e%100==3||e%100==4}function m(e,m,n,a){var i=e+" ";switch(n){case"s":return m||a?"nekaj sekund":"nekaj sekundami";case"m":return m?"ena minuta":"eno minuto";case"mm":if(r(e)){return i+(m||a?"minuti":"minutama")}if(t(e)){return i+(m||a?"minute":"minutami")}return i+(m||a?"minut":"minutami");case"h":return m?"ena ura":a?"eno uro":"eno uro";case"hh":if(r(e)){return i+(m||a?"uri":"urama")}if(t(e)){return i+(m||a?"ure":"urami")}return i+(m||a?"ur":"urami");case"d":return m||a?"en dan":"enim dnem";case"dd":if(r(e)){return i+(m||a?"dneva":"dnevoma")}return i+(m||a?"dni":"dnevi");case"M":return m||a?"en mesec":"enim mesecem";case"MM":if(r(e)){return i+(m||a?"meseca":"mesecema")}if(t(e)){return i+(m||a?"mesece":"meseci")}return i+(m||a?"mesecev":"meseci");case"y":return m||a?"eno leto":"enim letom";case"yy":if(r(e)){return i+(m||a?"leti":"letoma")}if(t(e)){return i+(m||a?"leta":"leti")}return i+(m||a?"let":"leti")}}var n={name:"sl",weekdays:"nedelja_ponedeljek_torek_sreda_četrtek_petek_sobota".split("_"),months:"januar_februar_marec_april_maj_junij_julij_avgust_september_oktober_november_december".split("_"),weekStart:1,weekdaysShort:"ned._pon._tor._sre._čet._pet._sob.".split("_"),monthsShort:"jan._feb._mar._apr._maj._jun._jul._avg._sep._okt._nov._dec.".split("_"),weekdaysMin:"ne_po_to_sr_če_pe_so".split("_"),ordinal:function e(r){return r+"."},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY H:mm",LLLL:"dddd, D. MMMM YYYY H:mm",l:"D. M. YYYY"},relativeTime:{future:"čez %s",past:"pred %s",s:m,m,mm:m,h:m,hh:m,d:m,dd:m,M:m,MM:m,y:m,yy:m}};e.locale(n,null,true);export default n;
+//# sourceMappingURL=p-ea1f6afc.js.map

package/dist/calcite/p-ef763c60.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.6.0-next.2
+ */
+import{d as r}from"./p-9c44b85f.js";import"./p-f8f9cef3.js";import"./p-dca6be82.js";import"./p-a6243d9a.js";import"./p-2448987f.js";import"./p-867e447e.js";import"./p-77b97148.js";import"./p-4880529d.js";import"./p-ff8fc6a4.js";import"./p-8234e328.js";import"./p-bbcbc447.js";import"./p-75a52371.js";import"./p-b0528b4b.js";import"./p-3e92a6e4.js";import"./p-1515f181.js";import"./p-4a194ced.js";import"./p-a534e089.js";import"./p-65ec787c.js";import"./p-b008f8b1.js";var _={name:"zh-tw",weekdays:"星期日_星期一_星期二_星期三_星期四_星期五_星期六".split("_"),weekdaysShort:"週日_週一_週二_週三_週四_週五_週六".split("_"),weekdaysMin:"日_一_二_三_四_五_六".split("_"),months:"一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月".split("_"),monthsShort:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),ordinal:function r(_,e){switch(e){case"W":return _+"週";default:return _+"日"}},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY年M月D日",LLL:"YYYY年M月D日 HH:mm",LLLL:"YYYY年M月D日dddd HH:mm",l:"YYYY/M/D",ll:"YYYY年M月D日",lll:"YYYY年M月D日 HH:mm",llll:"YYYY年M月D日dddd HH:mm"},relativeTime:{future:"%s內",past:"%s前",s:"幾秒",m:"1 分鐘",mm:"%d 分鐘",h:"1 小時",hh:"%d 小時",d:"1 天",dd:"%d 天",M:"1 個月",MM:"%d 個月",y:"1 年",yy:"%d 年"},meridiem:function r(_,e){var t=_*100+e;if(t<600){return"凌晨"}else if(t<900){return"早上"}else if(t<1100){return"上午"}else if(t<1300){return"中午"}else if(t<1800){return"下午"}return"晚上"}};r.locale(_,null,true);export default _;
+//# sourceMappingURL=p-ef763c60.js.map

package/dist/calcite/p-f2b68499.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.6.0-next.2
+ */
+export{I as calcite_input_time_picker,T as calcite_time_picker}from"./p-9c44b85f.js";import"./p-f8f9cef3.js";import"./p-dca6be82.js";import"./p-a6243d9a.js";import"./p-2448987f.js";import"./p-867e447e.js";import"./p-77b97148.js";import"./p-4880529d.js";import"./p-ff8fc6a4.js";import"./p-8234e328.js";import"./p-bbcbc447.js";import"./p-75a52371.js";import"./p-b0528b4b.js";import"./p-3e92a6e4.js";import"./p-1515f181.js";import"./p-4a194ced.js";import"./p-a534e089.js";import"./p-65ec787c.js";import"./p-b008f8b1.js";
+//# sourceMappingURL=p-f2b68499.entry.js.map

package/dist/calcite/p-f315c5f7.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.6.0-next.2
+ */
+import{d as r}from"./p-9c44b85f.js";import"./p-f8f9cef3.js";import"./p-dca6be82.js";import"./p-a6243d9a.js";import"./p-2448987f.js";import"./p-867e447e.js";import"./p-77b97148.js";import"./p-4880529d.js";import"./p-ff8fc6a4.js";import"./p-8234e328.js";import"./p-bbcbc447.js";import"./p-75a52371.js";import"./p-b0528b4b.js";import"./p-3e92a6e4.js";import"./p-1515f181.js";import"./p-4a194ced.js";import"./p-a534e089.js";import"./p-65ec787c.js";import"./p-b008f8b1.js";var m={name:"sv",weekdays:"söndag_måndag_tisdag_onsdag_torsdag_fredag_lördag".split("_"),weekdaysShort:"sön_mån_tis_ons_tor_fre_lör".split("_"),weekdaysMin:"sö_må_ti_on_to_fr_lö".split("_"),months:"januari_februari_mars_april_maj_juni_juli_augusti_september_oktober_november_december".split("_"),monthsShort:"jan_feb_mar_apr_maj_jun_jul_aug_sep_okt_nov_dec".split("_"),weekStart:1,yearStart:4,ordinal:function r(m){var e=m%10;var a=e===1||e===2?"a":"e";return"["+m+a+"]"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY-MM-DD",LL:"D MMMM YYYY",LLL:"D MMMM YYYY [kl.] HH:mm",LLLL:"dddd D MMMM YYYY [kl.] HH:mm",lll:"D MMM YYYY HH:mm",llll:"ddd D MMM YYYY HH:mm"},relativeTime:{future:"om %s",past:"för %s sedan",s:"några sekunder",m:"en minut",mm:"%d minuter",h:"en timme",hh:"%d timmar",d:"en dag",dd:"%d dagar",M:"en månad",MM:"%d månader",y:"ett år",yy:"%d år"}};r.locale(m,null,true);export default m;
+//# sourceMappingURL=p-f315c5f7.js.map