@esri/calcite-components 2.2.0-next.10 → 2.2.0-next.12

package/dist/calcite/p-ea5419fc.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.2.0-next.12
+ */
+var n=typeof global=="object"&&global&&global.Object===Object&&global;var e=typeof self=="object"&&self&&self.Object===Object&&self;var r=n||e||Function("return this")();var t=r.Symbol;var u=Object.prototype;var i=u.hasOwnProperty;var f=u.toString;var a=t?t.toStringTag:undefined;function o(n){var e=i.call(n,a),r=n[a];try{n[a]=undefined;var t=true}catch(n){}var u=f.call(n);if(t){if(e){n[a]=r}else{delete n[a]}}return u}var c=Object.prototype;var v=c.toString;function d(n){return v.call(n)}var l="[object Null]",s="[object Undefined]";var b=t?t.toStringTag:undefined;function p(n){if(n==null){return n===undefined?s:l}return b&&b in Object(n)?o(n):d(n)}function y(n){return n!=null&&typeof n=="object"}var j="[object Symbol]";function m(n){return typeof n=="symbol"||y(n)&&p(n)==j}var h=/\s/;function T(n){var e=n.length;while(e--&&h.test(n.charAt(e))){}return e}var g=/^\s+/;function O(n){return n?n.slice(0,T(n)+1).replace(g,""):n}function x(n){var e=typeof n;return n!=null&&(e=="object"||e=="function")}var w=0/0;var $=/^[-+]0x[0-9a-f]+$/i;var E=/^0b[01]+$/i;var M=/^0o[0-7]+$/i;var S=parseInt;function F(n){if(typeof n=="number"){return n}if(m(n)){return w}if(x(n)){var e=typeof n.valueOf=="function"?n.valueOf():n;n=x(e)?e+"":e}if(typeof n!="string"){return n===0?n:+n}n=O(n);var r=E.test(n);return r||M.test(n)?S(n.slice(2),r?2:8):$.test(n)?w:+n}var I=function(){return r.Date.now()};var N="Expected a function";var U=Math.max,W=Math.min;function k(n,e,r){var t,u,i,f,a,o,c=0,v=false,d=false,l=true;if(typeof n!="function"){throw new TypeError(N)}e=F(e)||0;if(x(r)){v=!!r.leading;d="maxWait"in r;i=d?U(F(r.maxWait)||0,e):i;l="trailing"in r?!!r.trailing:l}function s(e){var r=t,i=u;t=u=undefined;c=e;f=n.apply(i,r);return f}function b(n){c=n;a=setTimeout(j,e);return v?s(n):f}function p(n){var r=n-o,t=n-c,u=e-r;return d?W(u,i-t):u}function y(n){var r=n-o,t=n-c;return o===undefined||r>=e||r<0||d&&t>=i}function j(){var n=I();if(y(n)){return m(n)}a=setTimeout(j,p(n))}function m(n){a=undefined;if(l&&t){return s(n)}t=u=undefined;return f}function h(){if(a!==undefined){clearTimeout(a)}c=0;t=o=u=a=undefined}function T(){return a===undefined?f:m(I())}function g(){var n=I(),r=y(n);t=arguments;u=this;o=n;if(r){if(a===undefined){return b(o)}if(d){clearTimeout(a);a=setTimeout(j,e);return s(o)}}if(a===undefined){a=setTimeout(j,e)}return f}g.cancel=h;g.flush=T;return g}export{t as S,m as a,p as b,y as c,k as d,n as f,x as i,r};
+//# sourceMappingURL=p-ea5419fc.js.map

package/dist/calcite/p-ea9db3f6.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.2.0-next.12
+ */
+import{f as n}from"./p-29a904f0.js";const a=new WeakMap;const e=new WeakMap;function s(n){e.set(n,new Promise((e=>a.set(n,e))))}function t(n){a.get(n)()}function o(n){return e.get(n)}async function r(a){await o(a);n(a);return new Promise((n=>requestAnimationFrame((()=>n()))))}export{t as a,o as b,r as c,s};
+//# sourceMappingURL=p-ea9db3f6.js.map

package/dist/calcite/p-eb20a879.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.2.0-next.12
+ */
+import{d as i,i as r}from"./p-ea5419fc.js";var t="Expected a function";function n(n,a,e){var o=true,f=true;if(typeof n!="function"){throw new TypeError(t)}if(r(e)){o="leading"in e?!!e.leading:o;f="trailing"in e?!!e.trailing:f}return i(n,a,{leading:o,maxWait:a,trailing:f})}export{n as t};
+//# sourceMappingURL=p-eb20a879.js.map

package/dist/calcite/p-ec8dee06.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.2.0-next.12
+ */
+import{d as e}from"./p-dbd7c9c4.js";import"./p-29a904f0.js";import"./p-8bf5322c.js";import"./p-0ef2f935.js";import"./p-33f0bc3c.js";import"./p-ae972066.js";import"./p-4b2aee04.js";import"./p-7956b18a.js";import"./p-1edec0f0.js";import"./p-3adf970b.js";import"./p-50b7abc4.js";import"./p-ea9db3f6.js";import"./p-4af564ff.js";import"./p-e756e061.js";import"./p-7c4cfdb6.js";import"./p-675bf202.js";import"./p-d26c3b83.js";import"./p-390add01.js";import"./p-b2a56129.js";function a(e,a,t,s){var p={s:["mõne sekundi","mõni sekund","paar sekundit"],m:["ühe minuti","üks minut"],mm:["%d minuti","%d minutit"],h:["ühe tunni","tund aega","üks tund"],hh:["%d tunni","%d tundi"],d:["ühe päeva","üks päev"],M:["kuu aja","kuu aega","üks kuu"],MM:["%d kuu","%d kuud"],y:["ühe aasta","aasta","üks aasta"],yy:["%d aasta","%d aastat"]};if(a){return(p[t][2]?p[t][2]:p[t][1]).replace("%d",e)}return(s?p[t][0]:p[t][1]).replace("%d",e)}var t={name:"et",weekdays:"pühapäev_esmaspäev_teisipäev_kolmapäev_neljapäev_reede_laupäev".split("_"),weekdaysShort:"P_E_T_K_N_R_L".split("_"),weekdaysMin:"P_E_T_K_N_R_L".split("_"),months:"jaanuar_veebruar_märts_aprill_mai_juuni_juuli_august_september_oktoober_november_detsember".split("_"),monthsShort:"jaan_veebr_märts_apr_mai_juuni_juuli_aug_sept_okt_nov_dets".split("_"),ordinal:function e(a){return a+"."},weekStart:1,relativeTime:{future:"%s pärast",past:"%s tagasi",s:a,m:a,mm:a,h:a,hh:a,d:a,dd:"%d päeva",M:a,MM:a,y:a,yy:a},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"}};e.locale(t,null,true);export default t;
+//# sourceMappingURL=p-ec8dee06.js.map

package/dist/calcite/p-ecaabf44.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.2.0-next.12
+ */
+const t={menu:"menu",defaultTrigger:"default-trigger"};const e={tooltip:"tooltip",trigger:"trigger"};const a={menu:"ellipsis"};const s="data-active";export{t as C,a as I,e as S,s as a};
+//# sourceMappingURL=p-ecaabf44.js.map

package/dist/calcite/p-f05faa32.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.2.0-next.12
+ */
+import{d as _}from"./p-dbd7c9c4.js";import"./p-29a904f0.js";import"./p-8bf5322c.js";import"./p-0ef2f935.js";import"./p-33f0bc3c.js";import"./p-ae972066.js";import"./p-4b2aee04.js";import"./p-7956b18a.js";import"./p-1edec0f0.js";import"./p-3adf970b.js";import"./p-50b7abc4.js";import"./p-ea9db3f6.js";import"./p-4af564ff.js";import"./p-e756e061.js";import"./p-7c4cfdb6.js";import"./p-675bf202.js";import"./p-d26c3b83.js";import"./p-390add01.js";import"./p-b2a56129.js";var p={name:"hi",weekdays:"रविवार_सोमवार_मंगलवार_बुधवार_गुरूवार_शुक्रवार_शनिवार".split("_"),months:"जनवरी_फ़रवरी_मार्च_अप्रैल_मई_जून_जुलाई_अगस्त_सितम्बर_अक्टूबर_नवम्बर_दिसम्बर".split("_"),weekdaysShort:"रवि_सोम_मंगल_बुध_गुरू_शुक्र_शनि".split("_"),monthsShort:"जन._फ़र._मार्च_अप्रै._मई_जून_जुल._अग._सित._अक्टू._नव._दिस.".split("_"),weekdaysMin:"र_सो_मं_बु_गु_शु_श".split("_"),ordinal:function _(p){return p},formats:{LT:"A h:mm बजे",LTS:"A h:mm:ss बजे",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY, A h:mm बजे",LLLL:"dddd, D MMMM YYYY, A h:mm बजे"},relativeTime:{future:"%s में",past:"%s पहले",s:"कुछ ही क्षण",m:"एक मिनट",mm:"%d मिनट",h:"एक घंटा",hh:"%d घंटे",d:"एक दिन",dd:"%d दिन",M:"एक महीने",MM:"%d महीने",y:"एक वर्ष",yy:"%d वर्ष"}};_.locale(p,null,true);export default p;
+//# sourceMappingURL=p-f05faa32.js.map

package/dist/calcite/p-f09a1f05.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.2.0-next.12
+ */
+import{h as e,r as t,c as i,H as s,e as o,g as r}from"./p-29a904f0.js";import{s as n,l as a}from"./p-0ef2f935.js";import{c}from"./p-e756e061.js";import{g as l}from"./p-33f0bc3c.js";import{c as h,d as p,n as d}from"./p-4af564ff.js";import{c as m,s as u,d as b,u as f}from"./p-d26c3b83.js";import{c as g,u as v,d as y,I as x}from"./p-4b2aee04.js";import{s as z,a as w,c as k}from"./p-ea9db3f6.js";import"./p-ae972066.js";import"./p-1edec0f0.js";import"./p-7956b18a.js";const I={stepBar:"step-bar",stepBarActive:"step-bar--active",stepBarComplete:"step-bar--complete",stepBarDisabled:"step-bar--disabled",stepBarError:"step-bar--error",stepBarInActive:"step-bar--inactive"};const C=({disabled:t,active:i,complete:s,error:o,key:r})=>e("svg",{class:{[I.stepBar]:true},key:r},e("rect",{class:{[I.stepBarActive]:i,[I.stepBarComplete]:s,[I.stepBarDisabled]:t,[I.stepBarError]:o,[I.stepBarInActive]:true},width:"100%",x:"0",y:"0"}));const S={s:120,m:180,l:200};const A={actionIcon:"action-icon",actionIconStart:"action-icon--start",actionIconEnd:"action-icon--end",actionContainer:"action-container",stepBarContainer:"step-bar-container",singleView:"single-view"};const E=':host([scale=s]){--calcite-internal-stepper-item-spacing-unit-s:0.25rem;--calcite-internal-stepper-action-block-size:2.75rem;--calcite-internal-stepper-action-inline-size:2rem;--calcite-internal-step-bar-gap:0.25rem}:host([scale=m]){--calcite-internal-stepper-item-spacing-unit-s:0.5rem;--calcite-internal-stepper-action-block-size:3.25rem;--calcite-internal-stepper-action-inline-size:2.5rem}:host([scale=l]){--calcite-internal-stepper-item-spacing-unit-s:0.75rem;--calcite-internal-stepper-action-block-size:4rem;--calcite-internal-stepper-action-inline-size:3rem;--calcite-internal-step-bar-gap:0.75rem}:host{display:flex}.container{position:relative;display:flex;inline-size:100%;min-inline-size:-moz-fit-content;min-inline-size:fit-content;flex-direction:row;flex-wrap:wrap;align-items:stretch;justify-content:space-between}:host([layout=vertical]) .container{flex:1 1 auto;flex-direction:column}:host([layout=horizontal]) .container{display:grid;grid-template-areas:"items" "content";gap:0.5rem var(--calcite-internal-stepper-item-spacing-unit-s)}:host([layout=horizontal][scale=s]) .container{gap:0.25rem var(--calcite-internal-stepper-item-spacing-unit-s)}:host([layout=horizontal][scale=l]) .container{gap:0.75rem var(--calcite-internal-stepper-item-spacing-unit-s)}:host([layout=horizontal]) .container.single-view{display:flex;grid-template-columns:none}.action-icon{position:relative;display:flex;flex-grow:0;block-size:var(--calcite-internal-stepper-action-block-size);inline-size:var(--calcite-internal-stepper-action-inline-size)}.action-container{position:absolute;display:flex;justify-content:space-between;padding-block:0.25rem;inline-size:100%}.step-bar{display:flex;block-size:100%;inline-size:100%}.step-bar-container{position:absolute;display:flex;align-items:flex-start;justify-content:space-between;block-size:0.125rem;inline-size:100%;gap:var(--calcite-internal-step-bar-gap, 0.5rem)}.step-bar--inactive{fill:var(--calcite-color-border-3, #dfdfdf);fill-opacity:1;block-size:100%}.step-bar--active{fill:var(--calcite-color-brand)}.step-bar--complete{fill:var(--calcite-color-brand);fill-opacity:0.5}.step-bar--error{fill:var(--calcite-color-status-danger)}.step-bar--disabled{opacity:0.5}:host([hidden]){display:none}[hidden]{display:none}';const j=class{constructor(e){t(this,e);this.calciteStepperItemChange=i(this,"calciteStepperItemChange",6);this.calciteInternalStepperItemChange=i(this,"calciteInternalStepperItemChange",6);this.enabledItems=[];this.itemMap=new Map;this.items=[];this.mutationObserver=c("mutation",(()=>this.updateItems()));this.multipleViewMode=false;this.guid=`calcite-stepper-action-${l()}`;this.resizeObserver=c("resize",(e=>this.elWidth=e[0].contentRect.width));this.handleActionClick=e=>{const t=this.currentActivePosition;const i=e.target;if(i.getAttribute("data-position")==="start"){this.prevStep()}else{this.nextStep()}if(typeof this.currentActivePosition==="number"&&t!==this.currentActivePosition&&!this.items[this.currentActivePosition].disabled){this.calciteStepperItemChange.emit()}};this.setContainerEl=e=>{this.containerEl=e};this.handleDefaultSlotChange=e=>{const t=n(e).filter((e=>e?.tagName==="CALCITE-STEPPER-ITEM"));this.items=t;this.setGridTemplateColumns(t);this.setStepperItemNumberingSystem()};this.icon=false;this.layout="horizontal";this.numbered=false;this.scale="m";this.messages=undefined;this.numberingSystem=undefined;this.selectedItem=null;this.messageOverrides=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.currentActivePosition=undefined;this.elWidth=undefined}handleItemPropChange(){this.updateItems()}numberingSystemChange(){this.setStepperItemNumberingSystem()}onMessagesChange(){}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true});this.updateItems();m(this);h(this)}async componentWillLoad(){await u(this)}componentDidLoad(){this.resizeObserver?.observe(this.containerEl);if(typeof this.currentActivePosition!=="number"){const e=this.getFirstEnabledStepperPosition();if(e===0){this.currentActivePosition=e}this.calciteInternalStepperItemChange.emit({position:e})}}disconnectedCallback(){this.resizeObserver?.disconnect();b(this);p(this);this.mutationObserver?.disconnect()}render(){return e(s,{"aria-label":this.messages.label,role:"region"},e("div",{class:{container:true,[A.singleView]:!this.multipleViewMode},ref:this.setContainerEl},!this.multipleViewMode&&this.layout==="horizontal"&&e("div",{class:{[A.stepBarContainer]:true}},this.items.map(((t,i)=>e(C,{active:i===this.currentActivePosition,complete:t.complete&&i!==this.currentActivePosition&&!t.error,disabled:t.disabled&&i!==this.currentActivePosition,error:t.error&&i!==this.currentActivePosition,key:i})))),e("div",{class:{[A.actionContainer]:true}},this.renderAction("start"),this.renderAction("end")),e("slot",{onSlotchange:this.handleDefaultSlotChange})))}calciteInternalStepperItemKeyEvent(e){const t=e.detail.item;const i=e.target;switch(t.key){case"ArrowDown":case"ArrowRight":a(this.enabledItems,i,"next");break;case"ArrowUp":case"ArrowLeft":a(this.enabledItems,i,"previous");break;case"Home":a(this.enabledItems,i,"first");break;case"End":a(this.enabledItems,i,"last");break}e.stopPropagation()}registerItem(e){const t=e.target;const{content:i,position:s}=e.detail;this.itemMap.set(t,{position:s,content:i});this.enabledItems=this.filterItems();e.stopPropagation()}updateItem(e){const{position:t}=e.detail;if(typeof t==="number"){this.currentActivePosition=t;this.selectedItem=e.target}this.calciteInternalStepperItemChange.emit({position:t})}handleUserRequestedStepperItemSelect(){this.calciteStepperItemChange.emit()}async nextStep(){const e=this.getEnabledStepIndex(this.currentActivePosition+1,"next");if(typeof e!=="number"){return}this.updateStep(e)}async prevStep(){const e=this.getEnabledStepIndex(this.currentActivePosition-1,"previous");if(typeof e!=="number"){return}this.updateStep(e)}async goToStep(e){const t=e-1;if(this.currentActivePosition!==t){this.updateStep(t)}}async startStep(){const e=this.getEnabledStepIndex(0,"next");if(typeof e!=="number"){return}this.updateStep(e)}async endStep(){const e=this.getEnabledStepIndex(this.items.length-1,"previous");if(typeof e!=="number"){return}this.updateStep(e)}effectiveLocaleChange(){f(this,this.effectiveLocale)}handlePositionChange(){o((()=>{this.determineActiveStepper(true)}))}handleElWidthChange(){o((()=>{this.determineActiveStepper()}))}updateItems(){this.el.querySelectorAll("calcite-stepper-item").forEach((e=>{e.icon=this.icon;e.numbered=this.numbered;e.layout=this.layout;e.scale=this.scale}))}determineActiveStepper(e=false){const t=this.items.length;if(!this.elWidth||!t||this.layout!=="horizontal"||t===1){return}const i=this.currentActivePosition||0;const s=t*this.getMinWidthOfStepperItem();const o=(t-1)*(parseInt(window.getComputedStyle(this.containerEl).rowGap)||0);if(this.elWidth<=s+o){this.multipleViewMode=false;this.items.forEach(((e,t)=>{if(t!==i){e.hidden=true}else{e.hidden=false;e.multipleViewMode=false}}))}else if(this.elWidth>s+o){if(this.multipleViewMode&&!e){return}this.multipleViewMode=true;this.setGridTemplateColumns(this.items);this.items.forEach((e=>{e.hidden=false;e.multipleViewMode=true}))}}getEnabledStepIndex(e,t="next"){const{items:i,currentActivePosition:s}=this;let o=e;while(i[o]?.disabled&&this.multipleViewMode){o=o+(t==="previous"?-1:1)}return o!==s&&o<i.length&&o>=0?o:null}updateStep(e){this.currentActivePosition=e;this.calciteInternalStepperItemChange.emit({position:e})}filterItems(){return this.items.filter((e=>!e.disabled))}setStepperItemNumberingSystem(){this.items.forEach((e=>{e.numberingSystem=this.numberingSystem}))}renderAction(t){const i=t==="start";const s=i?"chevron-left":"chevron-right";const{currentActivePosition:o,multipleViewMode:r,layout:n}=this;const a=this.items.length;const c=`${this.guid}-${i?"start":"end"}`;return n==="horizontal"&&!r?e("calcite-action",{alignment:"center",appearance:"transparent",class:{[A.actionIcon]:true},compact:true,"data-position":t,disabled:o===0&&i||o===a-1&&!i,icon:s,iconFlipRtl:true,id:c,onClick:this.handleActionClick,scale:this.scale,text:i?this.messages.previousStep:this.messages.nextStep}):null}getFirstEnabledStepperPosition(){const e=this.items.findIndex((e=>!e.disabled));if(e>-1){return e}return 0}setGridTemplateColumns(e){const t=this.getMinWidthOfStepperItem();const i=Array(e.length).fill(`minmax(${t}px, 1fr)`).join(" ");this.containerEl.style.gridTemplateAreas=i;this.containerEl.style.gridTemplateColumns=i}getMinWidthOfStepperItem(){return S[this.scale]}static get assetsDirs(){return["assets"]}get el(){return r(this)}static get watchers(){return{icon:["handleItemPropChange"],layout:["handleItemPropChange"],numbered:["handleItemPropChange"],scale:["handleItemPropChange"],numberingSystem:["numberingSystemChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"],currentActivePosition:["handlePositionChange"],elWidth:["handleElWidthChange"]}}};j.style=E;const L={container:"container",stepperItemContent:"stepper-item-content",stepperItemDescription:"stepper-item-description",stepperItemHeader:"stepper-item-header",stepperItemHeading:"stepper-item-heading",stepperItemHeaderText:"stepper-item-header-text",stepperItemNumber:"stepper-item-number",visuallyHidden:"visually-hidden"};const P=":host([layout=horizontal][disabled]) .stepper-item-header,:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([layout=horizontal][disabled]) .stepper-item-header *,:host([disabled]) *,:host([layout=horizontal][disabled]) .stepper-item-header ::slotted(*),:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]){--calcite-stepper-item-spacing-unit-s:0.25rem;--calcite-stepper-item-spacing-unit-m:0.75rem;--calcite-stepper-item-spacing-unit-l:1rem;--calcite-internal-stepper-action-inline-size:2rem;font-size:var(--calcite-font-size--1);line-height:1rem;margin-inline-end:0.25rem}:host([scale=s]) .stepper-item-description{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-stepper-item-spacing-unit-s:0.5rem;--calcite-stepper-item-spacing-unit-m:1rem;--calcite-stepper-item-spacing-unit-l:1.25rem;--calcite-internal-stepper-action-inline-size:2.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;margin-inline-end:0.5rem}:host([scale=m]) .stepper-item-description{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-stepper-item-spacing-unit-s:0.75rem;--calcite-stepper-item-spacing-unit-m:1.25rem;--calcite-stepper-item-spacing-unit-l:1.5rem;--calcite-internal-stepper-action-inline-size:3rem;font-size:var(--calcite-font-size-1);line-height:1.5rem;margin-inline-end:0.75rem}:host([scale=l]) .stepper-item-description{font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:flex;flex-grow:1;flex-direction:column;align-self:flex-start;margin-block-end:var(--calcite-stepper-item-spacing-unit-s)}:host .container{position:relative;display:flex;flex-grow:1;cursor:pointer;flex-direction:column;border-width:0px;border-block-start-width:2px;border-style:solid;border-color:var(--calcite-color-border-3);color:var(--calcite-color-text-3);text-decoration-line:none;outline:2px solid transparent;outline-offset:2px;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host{outline-color:transparent}:host(:focus){outline:2px solid 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 .stepper-item-header{display:flex;cursor:pointer;align-items:flex-start}:host .stepper-item-content,:host .stepper-item-header{transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);padding-block:var(--calcite-stepper-item-spacing-unit-l);padding-inline-end:var(--calcite-stepper-item-spacing-unit-m);text-align:start}:host .stepper-item-header *{display:inline-flex;align-items:center;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .stepper-item-content{display:none;inline-size:100%;flex-direction:column;font-size:var(--calcite-font-size--2);line-height:1.375}:host .stepper-item-icon{margin-inline-end:var(--calcite-stepper-item-spacing-unit-m);margin-block-start:1px;display:inline-flex;block-size:0.75rem;flex-shrink:0;align-self:flex-start;color:var(--calcite-color-text-3);opacity:var(--calcite-opacity-disabled);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .stepper-item-header-text{flex-direction:column;text-align:initial;margin-inline-end:auto}:host .stepper-item-heading,:host .stepper-item-description{display:flex;inline-size:100%}:host .stepper-item-heading{margin-block-end:0.25rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2)}:host .stepper-item-description{color:var(--calcite-color-text-3)}:host .stepper-item-number{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-3);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-inline-end:var(--calcite-stepper-item-spacing-unit-m)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([complete]) .container{border-color:rgba(0, 122, 194, 0.5)}:host([complete]) .container .stepper-item-icon{color:var(--calcite-color-brand)}:host([error]) .container{border-block-start-color:var(--calcite-color-status-danger)}:host([error]) .container .stepper-item-number{color:var(--calcite-color-status-danger)}:host([error]) .container .stepper-item-icon{opacity:1;color:var(--calcite-color-status-danger)}:host(:hover:not([disabled]):not([selected])) .container,:host(:focus:not([disabled]):not([selected])) .container{border-block-start-color:var(--calcite-color-brand)}:host(:hover:not([disabled]):not([selected])) .container .stepper-item-heading,:host(:focus:not([disabled]):not([selected])) .container .stepper-item-heading{color:var(--calcite-color-text-1)}:host(:hover:not([disabled]):not([selected])) .container .stepper-item-description,:host(:focus:not([disabled]):not([selected])) .container .stepper-item-description{color:var(--calcite-color-text-2)}:host([error]:hover:not([disabled]):not([selected])) .container,:host([error]:focus:not([disabled]):not([selected])) .container{border-block-start-color:var(--calcite-color-status-danger-hover)}:host([selected]) .container{border-block-start-color:var(--calcite-color-brand)}:host([selected]) .container .stepper-item-heading{color:var(--calcite-color-text-1)}:host([selected]) .container .stepper-item-description{color:var(--calcite-color-text-2)}:host([selected]) .container .stepper-item-number{color:var(--calcite-color-brand)}:host([selected]) .container .stepper-item-icon{color:var(--calcite-color-brand);opacity:1}:host([selected]) .container .stepper-item-content{display:flex}:host([layout=vertical]) .container{margin-inline:0px;margin-block-start:0px;flex:1 1 auto;border-block-start-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);padding-block:0px;border-inline-start-width:2px;padding-inline-start:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical]) .container .stepper-item-icon{order:3;margin-block:1px 0px;padding-inline-start:var(--calcite-stepper-item-spacing-unit-s);margin-inline-start:auto}:host([layout=vertical]) .container .stepper-item-header{padding-inline-end:0px}:host([layout=vertical]) .container .stepper-item-content{padding:0px}:host([layout=vertical][complete]) .container{border-color:rgba(0, 122, 194, 0.5)}:host([layout=vertical][complete]:hover:not([disabled]):not([selected])) .container,:host([layout=vertical][complete]:focus:not([disabled]):not([selected])) .container{border-color:var(--calcite-color-brand)}:host([layout=vertical][error]) .container{border-color:var(--calcite-color-status-danger)}:host([layout=vertical][selected]) .container{border-color:var(--calcite-color-brand)}:host([layout=vertical][selected]) .container .stepper-item-content:not(:empty){margin-block-end:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical]:hover:not([disabled]):not([selected])) .container,:host([layout=vertical]:focus:not([disabled]):not([selected])) .container{border-color:rgba(0, 122, 194, 0.5)}:host([layout=vertical][error]:hover:not([disabled]):not([selected])) .container,:host([layout=vertical][error]:focus:not([disabled]):not([selected])) .container{border-color:var(--calcite-color-status-danger-hover)}:host([layout=horizontal]){display:contents}:host([layout=horizontal]) .container{display:contents}:host([layout=horizontal]) .stepper-item-header{border-width:0px;border-block-start-width:2px;border-style:solid;border-color:var(--calcite-color-border-3);outline-color:transparent;grid-row:items}:host([layout=horizontal]) .stepper-item-header:focus{outline:2px solid 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([layout=horizontal]) .stepper-item-content{cursor:auto;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);padding-block:0;padding-inline-end:var(--calcite-stepper-item-spacing-unit-m);text-align:start}:host([layout=horizontal][selected]) .stepper-item-content{grid-area:2/1/2/-1}:host([layout=horizontal][complete]) .stepper-item-header{border-color:rgba(0, 122, 194, 0.5)}:host([layout=horizontal][complete]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal][complete]:focus:not([disabled]):not([selected])) .stepper-item-header{border-color:var(--calcite-color-brand)}:host([layout=horizontal][error]) .stepper-item-header{border-color:var(--calcite-color-status-danger)}:host([layout=horizontal][selected][multiple-view-mode]) .stepper-item-header{border-color:var(--calcite-color-brand)}:host([layout=horizontal]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal]:focus:not([disabled]):not([selected])) .stepper-item-header{border-color:rgba(0, 122, 194, 0.5)}:host([layout=horizontal][error]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal][error]:focus:not([disabled]):not([selected])) .stepper-item-header{border-color:var(--calcite-color-status-danger-hover)}@media (forced-colors: active){:host .container{outline-width:0;outline-offset:0}:host(:focus),:host(:focus-visible){outline-color:canvasText}:host([selected]) .container{border-block-start-color:highlight}:host([selected]) .container .stepper-item-number{color:highlight}:host([selected]) .container .stepper-item-icon{color:highlight}:host([layout=vertical][selected]) .container{border-color:highlight}}:host([layout=horizontal]:not([multiple-view-mode])) .stepper-item-header{margin-inline-end:0px;border-style:none;inline-size:100%;padding-inline:calc(var(--calcite-internal-stepper-action-inline-size) + 0.5rem)}:host([layout=horizontal][error]:not([multiple-view-mode])) .container .stepper-item-number{color:var(--calcite-color-status-danger)}:host([layout=horizontal][error]:not([multiple-view-mode])) .container .stepper-item-icon{opacity:1;color:var(--calcite-color-status-danger)}:host([layout=horizontal][error][selected]:not([multiple-view-mode])),:host([layout=horizontal][complete][selected]:not([multiple-view-mode])) .container{color:var(--calcite-color-text-3)}:host([layout=horizontal][error][selected]:not([multiple-view-mode])) .stepper-item-heading,:host([layout=horizontal][complete][selected]:not([multiple-view-mode])) .container .stepper-item-heading{color:var(--calcite-color-text-2)}:host([layout=horizontal][complete][selected]:not([multiple-view-mode])) .container .stepper-item-icon{opacity:var(--calcite-opacity-disabled)}:host([layout=horizontal][complete][selected]:not([multiple-view-mode])) .container .stepper-item-number{color:var(--calcite-color-text-3)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}";const D=class{constructor(e){t(this,e);this.calciteInternalStepperItemKeyEvent=i(this,"calciteInternalStepperItemKeyEvent",6);this.calciteInternalStepperItemSelect=i(this,"calciteInternalStepperItemSelect",6);this.calciteInternalUserRequestedStepperItemSelect=i(this,"calciteInternalUserRequestedStepperItemSelect",6);this.calciteInternalStepperItemRegister=i(this,"calciteInternalStepperItemRegister",6);this.keyDownHandler=e=>{if(!this.disabled&&e.target===this.el){switch(e.key){case" ":case"Enter":this.emitUserRequestedItem();e.preventDefault();break;case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":case"Home":case"End":this.calciteInternalStepperItemKeyEvent.emit({item:e});e.preventDefault();break}}};this.handleItemClick=e=>{if(this.disabled||this.layout==="horizontal"&&e.composedPath().some((e=>e.classList?.contains("stepper-item-content")))){return}this.emitUserRequestedItem()};this.emitUserRequestedItem=()=>{this.emitRequestedItem();if(!this.disabled){const e=this.itemPosition;this.calciteInternalUserRequestedStepperItemSelect.emit({position:e})}};this.emitRequestedItem=()=>{if(!this.disabled){const e=this.itemPosition;this.calciteInternalStepperItemSelect.emit({position:e})}};this.selected=false;this.complete=false;this.error=false;this.disabled=false;this.heading=undefined;this.description=undefined;this.iconFlipRtl=false;this.numberingSystem=undefined;this.icon=false;this.layout=undefined;this.messages=undefined;this.numbered=false;this.scale="m";this.multipleViewMode=false;this.messageOverrides=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}selectedHandler(){if(this.selected){this.emitRequestedItem()}}disabledWatcher(){this.registerStepperItem()}onMessagesChange(){}effectiveLocaleWatcher(e){d.numberFormatOptions={locale:e,numberingSystem:this.numberingSystem,useGrouping:false};f(this,this.effectiveLocale)}connectedCallback(){g(this);h(this);m(this)}async componentWillLoad(){z(this);this.parentStepperEl=this.el.parentElement;this.itemPosition=this.getItemPosition();this.registerStepperItem();if(this.selected){this.emitRequestedItem()}await u(this)}componentDidLoad(){w(this)}componentDidRender(){v(this)}disconnectedCallback(){y(this);p(this);b(this)}render(){return e(s,{"aria-current":this.selected?"step":"false",onClick:this.handleItemClick,onKeyDown:this.keyDownHandler,tabIndex:this.disabled?-1:0},e(x,{disabled:this.disabled},e("div",{class:L.container},this.complete&&e("span",{"aria-live":"polite",class:L.visuallyHidden},this.messages.complete),e("div",{class:L.stepperItemHeader,tabIndex:this.layout==="horizontal"&&!this.disabled&&this.multipleViewMode?0:null,ref:e=>this.headerEl=e},this.icon?this.renderIcon():null,this.numbered?e("div",{class:L.stepperItemNumber},this.renderNumbers(),"."):null,e("div",{class:L.stepperItemHeaderText},e("span",{class:L.stepperItemHeading},this.heading),e("span",{class:L.stepperItemDescription},this.description))),e("div",{class:L.stepperItemContent},e("slot",null)))))}updateActiveItemOnChange(e){if(e.target===this.parentStepperEl||e.composedPath().includes(this.parentStepperEl)){this.selectedPosition=e.detail.position;this.determineSelectedItem()}}async setFocus(){await k(this);(this.layout==="vertical"?this.el:this.headerEl)?.focus()}renderIcon(){let t="circle";if(this.selected&&(this.multipleViewMode||!this.error&&!this.complete)){t="circleF"}else if(this.error){t="exclamationMarkCircleF"}else if(this.complete){t="checkCircleF"}return e("calcite-icon",{class:"stepper-item-icon",flipRtl:this.iconFlipRtl,icon:t,scale:"s"})}determineSelectedItem(){this.selected=!this.disabled&&this.itemPosition===this.selectedPosition}registerStepperItem(){this.calciteInternalStepperItemRegister.emit({position:this.itemPosition})}getItemPosition(){return Array.from(this.parentStepperEl?.querySelectorAll("calcite-stepper-item")).indexOf(this.el)}renderNumbers(){d.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:false};return d.numberFormatter.format(this.itemPosition+1)}static get assetsDirs(){return["assets"]}get el(){return r(this)}static get watchers(){return{selected:["selectedHandler"],disabled:["disabledWatcher"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleWatcher"]}}};D.style=P;export{j as calcite_stepper,D as calcite_stepper_item};
+//# sourceMappingURL=p-f09a1f05.entry.js.map

package/dist/calcite/p-f15dcca4.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.2.0-next.12
+ */
+import{r as e,c as t,h as s,H as i,g as a,F as r}from"./p-29a904f0.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-fa5f3e7f.js";import{c as w,s as x,a as k}from"./p-ea9db3f6.js";import{c as D,d as z,n as C,e as A}from"./p-4af564ff.js";import{c as I,d as S,s as j,u as M}from"./p-d26c3b83.js";import{c as P,t as H}from"./p-0ef2f935.js";import{I as R,c as L,u as O,d as W}from"./p-4b2aee04.js";import{i as _}from"./p-1edec0f0.js";import{H as Y}from"./p-ffbd0985.js";import{g as E}from"./p-50b7abc4.js";import"./p-e756e061.js";import"./p-33f0bc3c.js";import"./p-ae972066.js";import"./p-7956b18a.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-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-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-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-f15dcca4.entry.js.map

package/dist/calcite/p-f15dcca4.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-f3ac44ae.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.2.0-next.12
+ */
+import{r as i,c as t,h as e,H as n,g as a}from"./p-29a904f0.js";import{w as s,g as o,f as c}from"./p-0ef2f935.js";import{d as l,a as r,c as h,u as d}from"./p-7c4cfdb6.js";import{s as p,a as m,c as x}from"./p-ea9db3f6.js";import{c as b}from"./p-e756e061.js";import{o as v}from"./p-390add01.js";import{C as f}from"./p-ae972066.js";import"./p-33f0bc3c.js";const g={scrim:"scrim",container:"container",containerOpen:"container--open",content:"content",containerSlottedInShell:"container--slotted-in-shell"};const u=":host{position:absolute;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;visibility:hidden !important;--calcite-sheet-scrim-background-internal:rgba(0, 0, 0, 0.85);--calcite-scrim-shadow-block-start-internal:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-block-end-internal:0 -4px 8px -1px rgba(0, 0, 0, 0.08), 0 -2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-inline-start-internal:4px 0 8px -1px rgba(0, 0, 0, 0.08), 2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-inline-end-internal:-4px 0 8px -1px rgba(0, 0, 0, 0.08), -2px 0 4px -1px rgba(0, 0, 0, 0.04)}.calcite--rtl{--calcite-scrim-shadow-inline-start-internal:-4px 0 8px -1px rgba(0, 0, 0, 0.08), -2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-inline-end-internal:4px 0 8px -1px rgba(0, 0, 0, 0.08), 2px 0 4px -1px rgba(0, 0, 0, 0.04)}.container{visibility:hidden;position:fixed;z-index:var(--calcite-z-index-overlay);display:flex;overflow-y:hidden;color:var(--calcite-color-text-2);opacity:0;transition:visibility 0ms linear var(--calcite-internal-animation-timing-medium), opacity var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88)}:host([position=inline-start]) .container{justify-content:flex-start;inset-block:0;inset-inline:0 auto;--calcite-sheet-hidden-position-internal:translate3d(-1rem, 0, 0)}:host([position=inline-end]) .container{justify-content:flex-end;inset-block:0;inset-inline:auto 0;--calcite-sheet-hidden-position-internal:translate3d(1rem, 0, 0)}:host([position=block-start]) .container{align-items:flex-start;inset-block:0 auto;inset-inline:0;--calcite-sheet-hidden-position-internal:translate3d(0, -1rem, 0)}:host([position=block-end]) .container{align-items:flex-end;inset-block:auto 0;inset-inline:0;--calcite-sheet-hidden-position-internal:translate3d(0, 1rem, 0)}:host([display-mode=float]) .content{--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)}:host([display-mode=overlay][position=inline-start]) .container{box-shadow:var(--calcite-scrim-shadow-inline-start-internal)}:host([display-mode=overlay][position=inline-end]) .container{box-shadow:var(--calcite-scrim-shadow-inline-end-internal)}:host([display-mode=overlay][position=block-start]) .container{box-shadow:var(--calcite-scrim-shadow-block-start-internal)}:host([display-mode=overlay][position=block-end]) .container{box-shadow:var(--calcite-scrim-shadow-block-end-internal)}:host([position^=inline]) .container,:host([position^=inline]) .content{inline-size:var(--calcite-sheet-width-internal);max-inline-size:var(--calcite-sheet-max-width-internal);min-inline-size:var(--calcite-sheet-min-width-internal)}:host([position^=block]) .container,:host([position^=block]) .content{block-size:var(--calcite-sheet-height-internal);max-block-size:var(--calcite-sheet-max-height-internal);min-block-size:var(--calcite-sheet-min-height-internal)}:host([display-mode=float][position^=inline]) .container{block-size:calc(100% - 1.5rem);max-block-size:calc(100% - 1.5rem);min-block-size:calc(100% - 1.5rem)}:host([display-mode=float][position^=block]) .container{inline-size:calc(100% - 1.5rem);max-inline-size:calc(100% - 1.5rem);min-inline-size:calc(100% - 1.5rem)}:host([position^=inline][width-scale=s]){--calcite-sheet-width-internal:var(--calcite-sheet-width, 15vw);--calcite-sheet-max-width-internal:var(--calcite-sheet-max-width, 360px);--calcite-sheet-min-width-internal:var(--calcite-sheet-min-width, 260px)}:host([position^=inline][width-scale=m]){--calcite-sheet-width-internal:var(--calcite-sheet-width, 25vw);--calcite-sheet-max-width-internal:var(--calcite-sheet-max-width, 420px);--calcite-sheet-min-width-internal:var(--calcite-sheet-min-width, 300px)}:host([position^=inline][width-scale=l]){--calcite-sheet-width-internal:var(--calcite-sheet-width, 45vw);--calcite-sheet-max-width-internal:var(--calcite-sheet-max-width, 680px);--calcite-sheet-min-width-internal:var(--calcite-sheet-min-width, 340px)}:host([position^=block][height-scale=s]){--calcite-sheet-min-height-internal:var(--calcite-sheet-min-height, 160px);--calcite-sheet-height-internal:var(--calcite-sheet-height, 30vh);--calcite-sheet-max-height-internal:var(--calcite-sheet-max-height, 30vh)}:host([position^=block][height-scale=m]){--calcite-sheet-min-height-internal:var(--calcite-sheet-min-height, 200px);--calcite-sheet-height-internal:var(--calcite-sheet-height, 45vh);--calcite-sheet-max-height-internal:var(--calcite-sheet-max-height, 50vh)}:host([position^=block][height-scale=l]){--calcite-sheet-min-height-internal:var(--calcite-sheet-min-height, 240px);--calcite-sheet-height-internal:var(--calcite-sheet-height, 60vh);--calcite-sheet-max-height-internal:var(--calcite-sheet-max-height, 70vh)}.scrim{--calcite-scrim-background:var(--calcite-sheet-scrim-background, var(--calcite-sheet-scrim-background-internal));position:fixed;inset:0px;display:flex;overflow-y:hidden}:host([opened]){visibility:visible !important}.content{position:relative;z-index:var(--calcite-z-index-modal);box-sizing:border-box;display:block;max-block-size:100%;max-inline-size:100%;overflow-y:hidden;padding:0px;background-color:var(--calcite-color-foreground-1);max-block-size:100%;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear var(--calcite-internal-animation-timing-medium), opacity var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88);transform:var(--calcite-sheet-hidden-position-internal)}.container--open .content{transform:translate3d(0, 0, 0)}:host([display-mode=float]) .content,:host([display-mode=float]) .container{border-radius:0.25rem}:host([display-mode=float]) .container{padding:0.75rem}.container--open{visibility:visible;opacity:1;transition-delay:0ms}.container--open .content{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-inline-size var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-block-size var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition-delay:0ms}:host([position=inline-start]) .content,:host([position=inline-end]) .content{block-size:100%}:host([position=block-start]) .content,:host([position=block-end]) .content{inline-size:100%}:host([position]) .container--slotted-in-shell{pointer-events:auto;position:absolute;inline-size:100%;max-inline-size:100%;min-inline-size:100%;block-size:100%;max-block-size:100%;min-block-size:100%}:host([position]) .container--slotted-in-shell calcite-scrim{position:absolute}:host([hidden]){display:none}[hidden]{display:none}";const w=class{constructor(e){i(this,e);this.calciteSheetBeforeClose=t(this,"calciteSheetBeforeClose",6);this.calciteSheetClose=t(this,"calciteSheetClose",6);this.calciteSheetBeforeOpen=t(this,"calciteSheetBeforeOpen",6);this.calciteSheetOpen=t(this,"calciteSheetOpen",6);this.openTransitionProp="opacity";this.ignoreOpenChange=false;this.mutationObserver=b("mutation",(()=>this.handleMutationObserver()));this.setTransitionEl=i=>{this.transitionEl=i;this.contentId=s(i)};this.openEnd=()=>{this.setFocus();this.el.removeEventListener("calciteSheetOpen",this.openEnd)};this.handleOutsideClose=()=>{if(this.outsideCloseDisabled){return}this.open=false};this.closeSheet=async()=>{if(this.beforeClose){try{await this.beforeClose(this.el)}catch(i){requestAnimationFrame((()=>{this.ignoreOpenChange=true;this.open=true;this.ignoreOpenChange=false}));return}}this.opened=false;this.removeOverflowHiddenClass()};this.beforeClose=undefined;this.displayMode="overlay";this.escapeDisabled=false;this.heightScale="m";this.focusTrapDisabled=false;this.label=undefined;this.open=false;this.opened=false;this.outsideCloseDisabled=false;this.position="inline-start";this.slottedInShell=undefined;this.widthScale="m"}handleFocusTrapDisabled(i){if(!this.open){return}i?l(this):r(this)}toggleSheet(i){if(this.ignoreOpenChange){return}if(i){this.openSheet()}else{this.closeSheet()}}handleOpenedChange(){v(this)}async componentWillLoad(){p(this);if(this.open){requestAnimationFrame((()=>this.openSheet()))}}componentDidLoad(){m(this)}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true});h(this)}disconnectedCallback(){this.removeOverflowHiddenClass();this.mutationObserver?.disconnect();l(this);this.slottedInShell=false}render(){const i=o(this.el);return e(n,{"aria-describedby":this.contentId,"aria-label":this.label,"aria-modal":"true",role:"dialog"},e("div",{class:{[g.container]:true,[g.containerOpen]:this.opened,[g.containerSlottedInShell]:this.slottedInShell,[f.rtl]:i==="rtl"}},e("calcite-scrim",{class:g.scrim,onClick:this.handleOutsideClose}),e("div",{class:{[g.content]:true},ref:this.setTransitionEl},e("slot",null))))}handleEscape(i){if(this.open&&!this.escapeDisabled&&i.key==="Escape"&&!i.defaultPrevented){this.open=false;i.preventDefault()}}async setFocus(){await x(this);c(this.el)}async updateFocusTrapElements(){d(this)}onBeforeOpen(){this.calciteSheetBeforeOpen.emit()}onOpen(){this.calciteSheetOpen.emit();r(this)}onBeforeClose(){this.calciteSheetBeforeClose.emit()}onClose(){this.calciteSheetClose.emit();l(this)}openSheet(){this.el.addEventListener("calciteSheetOpen",this.openEnd);this.opened=true;if(!this.slottedInShell){this.initialOverflowCSS=document.documentElement.style.overflow;document.documentElement.style.setProperty("overflow","hidden")}}removeOverflowHiddenClass(){document.documentElement.style.setProperty("overflow",this.initialOverflowCSS)}handleMutationObserver(){this.updateFocusTrapElements()}get el(){return a(this)}static get watchers(){return{focusTrapDisabled:["handleFocusTrapDisabled"],open:["toggleSheet"],opened:["handleOpenedChange"]}}};w.style=u;export{w as calcite_sheet};
+//# sourceMappingURL=p-f3ac44ae.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","scrim","container","containerOpen","content","containerSlottedInShell","sheetCss","Sheet","this","openTransitionProp","ignoreOpenChange","mutationObserver","createObserver","handleMutationObserver","setTransitionEl","el","transitionEl","contentId","ensureId","openEnd","setFocus","removeEventListener","handleOutsideClose","outsideCloseDisabled","open","closeSheet","async","beforeClose","_error","requestAnimationFrame","opened","removeOverflowHiddenClass","handleFocusTrapDisabled","focusTrapDisabled","deactivateFocusTrap","activateFocusTrap","toggleSheet","value","openSheet","handleOpenedChange","onToggleOpenCloseComponent","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","connectedCallback","observe","childList","subtree","connectFocusTrap","disconnectedCallback","disconnect","slottedInShell","render","dir","getElementDir","h","Host","label","role","class","CSS_UTILITY","rtl","onClick","ref","handleEscape","event","escapeDisabled","key","defaultPrevented","preventDefault","componentFocusable","focusFirstTabbable","updateFocusTrapElements","onBeforeOpen","calciteSheetBeforeOpen","emit","onOpen","calciteSheetOpen","onBeforeClose","calciteSheetBeforeClose","onClose","calciteSheetClose","addEventListener","initialOverflowCSS","document","documentElement","style","overflow","setProperty"],"sources":["src/components/sheet/resources.ts","src/components/sheet/sheet.scss?tag=calcite-sheet&encapsulation=shadow","src/components/sheet/sheet.tsx"],"sourcesContent":["export const CSS = {\n  scrim: \"scrim\",\n  container: \"container\",\n  containerOpen: \"container--open\",\n  content: \"content\",\n  containerSlottedInShell: \"container--slotted-in-shell\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-sheet-scrim-background: Specifies the background color of the sheet scrim.\n * @prop --calcite-sheet-width: When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the width of the component.\n * @prop --calcite-sheet-max-width: When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the maximum width of the component.\n * @prop --calcite-sheet-min-width: When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the minimum width of the component.\n * @prop --calcite-sheet-height:  When `position` is `\"block-start\"` or `\"block-end\"`, specifies the height of the component.\n * @prop --calcite-sheet-max-height:  When `position` is `\"block-start\"` or `\"block-end\"`, specifies the maximum height of the component.\n * @prop --calcite-sheet-min-height:  When `position` is `\"block-start\"` or `\"block-end\"`, specifies the minimum height of the component.\n *\n */\n\n:host {\n  @apply flex absolute z-overlay inset-0;\n  visibility: hidden !important;\n  // the sheet should always use a dark scrim, regardless of light / dark mode - matches value in global.scss\n  --calcite-sheet-scrim-background-internal: #{rgba($blk-240, 0.85)};\n  --calcite-scrim-shadow-block-start-internal: 0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-scrim-shadow-block-end-internal: 0 -4px 8px -1px rgba(0, 0, 0, 0.08), 0 -2px 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-scrim-shadow-inline-start-internal: 4px 0 8px -1px rgba(0, 0, 0, 0.08), 2px 0 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-scrim-shadow-inline-end-internal: -4px 0 8px -1px rgba(0, 0, 0, 0.08), -2px 0 4px -1px rgba(0, 0, 0, 0.04);\n}\n\n.calcite--rtl {\n  --calcite-scrim-shadow-inline-start-internal: -4px 0 8px -1px rgba(0, 0, 0, 0.08), -2px 0 4px -1px rgba(0, 0, 0, 0.04);\n  --calcite-scrim-shadow-inline-end-internal: 4px 0 8px -1px rgba(0, 0, 0, 0.08), 2px 0 4px -1px rgba(0, 0, 0, 0.04);\n}\n\n.container {\n  @apply text-color-2\n    fixed\n    flex\n    overflow-y-hidden\n    opacity-0\n    z-overlay\n    invisible;\n  transition:\n    visibility 0ms linear var(--calcite-internal-animation-timing-medium),\n    opacity var(--calcite-internal-animation-timing-medium) $easing-function;\n}\n\n:host([position=\"inline-start\"]) .container {\n  @apply justify-start;\n  inset-block: 0;\n  inset-inline: 0 auto;\n  --calcite-sheet-hidden-position-internal: translate3d(-1rem, 0, 0);\n}\n\n:host([position=\"inline-end\"]) .container {\n  @apply justify-end;\n  inset-block: 0;\n  inset-inline: auto 0;\n  --calcite-sheet-hidden-position-internal: translate3d(1rem, 0, 0);\n}\n\n:host([position=\"block-start\"]) .container {\n  @apply items-start;\n  inset-block: 0 auto;\n  inset-inline: 0;\n  --calcite-sheet-hidden-position-internal: translate3d(0, -1rem, 0);\n}\n\n:host([position=\"block-end\"]) .container {\n  @apply items-end;\n  inset-block: auto 0;\n  inset-inline: 0;\n  --calcite-sheet-hidden-position-internal: translate3d(0, 1rem, 0);\n}\n\n:host([display-mode=\"float\"]) .content {\n  @apply shadow-2-sm;\n}\n\n:host([display-mode=\"overlay\"][position=\"inline-start\"]) .container {\n  box-shadow: var(--calcite-scrim-shadow-inline-start-internal);\n}\n\n:host([display-mode=\"overlay\"][position=\"inline-end\"]) .container {\n  box-shadow: var(--calcite-scrim-shadow-inline-end-internal);\n}\n\n:host([display-mode=\"overlay\"][position=\"block-start\"]) .container {\n  box-shadow: var(--calcite-scrim-shadow-block-start-internal);\n}\n\n:host([display-mode=\"overlay\"][position=\"block-end\"]) .container {\n  box-shadow: var(--calcite-scrim-shadow-block-end-internal);\n}\n\n:host([position^=\"inline\"]) .container,\n:host([position^=\"inline\"]) .content {\n  inline-size: var(--calcite-sheet-width-internal);\n  max-inline-size: var(--calcite-sheet-max-width-internal);\n  min-inline-size: var(--calcite-sheet-min-width-internal);\n}\n\n:host([position^=\"block\"]) .container,\n:host([position^=\"block\"]) .content {\n  block-size: var(--calcite-sheet-height-internal);\n  max-block-size: var(--calcite-sheet-max-height-internal);\n  min-block-size: var(--calcite-sheet-min-height-internal);\n}\n\n:host([display-mode=\"float\"][position^=\"inline\"]) .container {\n  block-size: calc(100% - 1.5rem);\n  max-block-size: calc(100% - 1.5rem);\n  min-block-size: calc(100% - 1.5rem);\n}\n:host([display-mode=\"float\"][position^=\"block\"]) .container {\n  inline-size: calc(100% - 1.5rem);\n  max-inline-size: calc(100% - 1.5rem);\n  min-inline-size: calc(100% - 1.5rem);\n}\n\n:host([position^=\"inline\"][width-scale=\"s\"]) {\n  --calcite-sheet-width-internal: var(--calcite-sheet-width, 15vw);\n  --calcite-sheet-max-width-internal: var(--calcite-sheet-max-width, 360px);\n  --calcite-sheet-min-width-internal: var(--calcite-sheet-min-width, 260px);\n}\n\n:host([position^=\"inline\"][width-scale=\"m\"]) {\n  --calcite-sheet-width-internal: var(--calcite-sheet-width, 25vw);\n  --calcite-sheet-max-width-internal: var(--calcite-sheet-max-width, 420px);\n  --calcite-sheet-min-width-internal: var(--calcite-sheet-min-width, 300px);\n}\n\n:host([position^=\"inline\"][width-scale=\"l\"]) {\n  --calcite-sheet-width-internal: var(--calcite-sheet-width, 45vw);\n  --calcite-sheet-max-width-internal: var(--calcite-sheet-max-width, 680px);\n  --calcite-sheet-min-width-internal: var(--calcite-sheet-min-width, 340px);\n}\n\n:host([position^=\"block\"][height-scale=\"s\"]) {\n  --calcite-sheet-min-height-internal: var(--calcite-sheet-min-height, 160px);\n  --calcite-sheet-height-internal: var(--calcite-sheet-height, 30vh);\n  --calcite-sheet-max-height-internal: var(--calcite-sheet-max-height, 30vh);\n}\n\n:host([position^=\"block\"][height-scale=\"m\"]) {\n  --calcite-sheet-min-height-internal: var(--calcite-sheet-min-height, 200px);\n  --calcite-sheet-height-internal: var(--calcite-sheet-height, 45vh);\n  --calcite-sheet-max-height-internal: var(--calcite-sheet-max-height, 50vh);\n}\n\n:host([position^=\"block\"][height-scale=\"l\"]) {\n  --calcite-sheet-min-height-internal: var(--calcite-sheet-min-height, 240px);\n  --calcite-sheet-height-internal: var(--calcite-sheet-height, 60vh);\n  --calcite-sheet-max-height-internal: var(--calcite-sheet-max-height, 70vh);\n}\n\n.scrim {\n  --calcite-scrim-background: var(--calcite-sheet-scrim-background, var(--calcite-sheet-scrim-background-internal));\n  @apply fixed inset-0 flex overflow-y-hidden;\n}\n\n:host([opened]) {\n  visibility: visible !important;\n}\n\n.content {\n  @apply relative box-border block p-0 z-modal max-h-full max-w-full overflow-y-hidden;\n  background-color: theme(\"colors.background.foreground.1\");\n  max-block-size: 100%;\n  visibility: hidden;\n  transition:\n    transform var(--calcite-internal-animation-timing-medium) $easing-function,\n    visibility 0ms linear var(--calcite-internal-animation-timing-medium),\n    opacity var(--calcite-internal-animation-timing-medium) $easing-function;\n  transform: var(--calcite-sheet-hidden-position-internal);\n}\n\n.container--open .content {\n  transform: translate3d(0, 0, 0);\n}\n\n:host([display-mode=\"float\"]) .content,\n:host([display-mode=\"float\"]) .container {\n  @apply rounded;\n}\n\n:host([display-mode=\"float\"]) .container {\n  @apply p-3;\n}\n\n.container--open {\n  @apply opacity-100 visible;\n  transition-delay: 0ms;\n  .content {\n    @apply pointer-events-auto visible opacity-100;\n    transition:\n      transform var(--calcite-internal-animation-timing-medium) $easing-function,\n      visibility 0ms linear,\n      opacity var(--calcite-internal-animation-timing-medium) $easing-function,\n      max-inline-size var(--calcite-internal-animation-timing-medium) $easing-function,\n      max-block-size var(--calcite-internal-animation-timing-medium) $easing-function;\n    transition-delay: 0ms;\n  }\n}\n\n:host([position=\"inline-start\"]) .content,\n:host([position=\"inline-end\"]) .content {\n  @apply h-full;\n}\n\n:host([position=\"block-start\"]) .content,\n:host([position=\"block-end\"]) .content {\n  @apply w-full;\n}\n\n/**\n * Conditional styles for when Sheet is slotted in Shell\n */\n:host([position]) .container--slotted-in-shell {\n  @apply absolute pointer-events-auto;\n  inline-size: 100%;\n  max-inline-size: 100%;\n  min-inline-size: 100%;\n  block-size: 100%;\n  max-block-size: 100%;\n  min-block-size: 100%;\n  calcite-scrim {\n    @apply 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  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { ensureId, focusFirstTabbable, getElementDir } 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 { CSS } from \"./resources\";\nimport { DisplayMode } from \"./interfaces\";\nimport { LogicalFlowPosition, Scale } from \"../interfaces\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\n\n@Component({\n  tag: \"calcite-sheet\",\n  styleUrl: \"sheet.scss\",\n  shadow: true,\n})\nexport class Sheet implements OpenCloseComponent, FocusTrapComponent, LoadableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   *  Passes a function to run before the component closes.\n   *\n   * @returns {Promise<void>}\n   */\n  @Prop() beforeClose: (el: HTMLCalciteSheetElement) => Promise<void>;\n\n  /**\n   * Specifies the display mode - `\"float\"` (content is separated detached),\n   * or `\"overlay\"` (displays on top of center content).\n   */\n  @Prop({ reflect: true }) displayMode: DisplayMode = \"overlay\";\n\n  /** When `true`, disables the default close on escape behavior. */\n  @Prop({ reflect: true }) escapeDisabled = false;\n\n  /**\n   * When `position` is `\"block-start\"` or `\"block-end\"`, specifies the height of the component.\n   */\n  @Prop({ reflect: true }) heightScale: Scale = \"m\";\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  /**\n   * Specifies the label of the component.\n   */\n  @Prop() label!: string;\n\n  /** When `true`, displays and positions the component.  */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  @Watch(\"open\")\n  toggleSheet(value: boolean): void {\n    if (this.ignoreOpenChange) {\n      return;\n    }\n\n    if (value) {\n      this.openSheet();\n    } else {\n      this.closeSheet();\n    }\n  }\n\n  @Watch(\"opened\")\n  handleOpenedChange(): void {\n    onToggleOpenCloseComponent(this);\n  }\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  /** When `true`, disables the closing of the component when clicked outside. */\n  @Prop({ reflect: true }) outsideCloseDisabled = false;\n\n  /** Determines where the component will be positioned. */\n  @Prop({ reflect: true }) position: LogicalFlowPosition = \"inline-start\";\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() slottedInShell: boolean;\n\n  /**\n   * When `position` is `\"inline-start\"` or `\"inline-end\"`, specifies the width of the component.\n   */\n  @Prop({ reflect: true }) widthScale: Scale = \"m\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    // when sheet initially renders, if active was set we need to open as watcher doesn't fire\n    if (this.open) {\n      requestAnimationFrame(() => this.openSheet());\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    connectFocusTrap(this);\n  }\n\n  disconnectedCallback(): void {\n    this.removeOverflowHiddenClass();\n    this.mutationObserver?.disconnect();\n    deactivateFocusTrap(this);\n    this.slottedInShell = false;\n  }\n\n  render(): VNode {\n    const dir = getElementDir(this.el);\n    return (\n      <Host\n        aria-describedby={this.contentId}\n        aria-label={this.label}\n        aria-modal=\"true\"\n        role=\"dialog\"\n      >\n        <div\n          class={{\n            [CSS.container]: true,\n            [CSS.containerOpen]: this.opened,\n            [CSS.containerSlottedInShell]: this.slottedInShell,\n            [CSS_UTILITY.rtl]: dir === \"rtl\",\n          }}\n        >\n          <calcite-scrim class={CSS.scrim} onClick={this.handleOutsideClose} />\n          <div\n            class={{\n              [CSS.content]: 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            <slot />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties/ State\n  //\n  //--------------------------------------------------------------------------\n\n  openTransitionProp = \"opacity\";\n\n  transitionEl: HTMLDivElement;\n\n  focusTrap: FocusTrap;\n\n  @Element() el: HTMLCalciteSheetElement;\n\n  private contentId: string;\n\n  private initialOverflowCSS: string;\n\n  private ignoreOpenChange = false;\n\n  private mutationObserver: MutationObserver = createObserver(\"mutation\", () =>\n    this.handleMutationObserver(),\n  );\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\n  /** Fires when the component is requested to be closed and before the closing transition begins. */\n  @Event({ cancelable: false }) calciteSheetBeforeClose: EventEmitter<void>;\n\n  /** Fires when the component is closed and animation is complete. */\n  @Event({ cancelable: false }) calciteSheetClose: 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 }) calciteSheetBeforeOpen: EventEmitter<void>;\n\n  /** Fires when the component is open and animation is complete. */\n  @Event({ cancelable: false }) calciteSheetOpen: 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  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  onBeforeOpen(): void {\n    this.calciteSheetBeforeOpen.emit();\n  }\n\n  onOpen(): void {\n    this.calciteSheetOpen.emit();\n    activateFocusTrap(this);\n  }\n\n  onBeforeClose(): void {\n    this.calciteSheetBeforeClose.emit();\n  }\n\n  onClose(): void {\n    this.calciteSheetClose.emit();\n    deactivateFocusTrap(this);\n  }\n\n  private setTransitionEl = (el: HTMLDivElement): void => {\n    this.transitionEl = el;\n    this.contentId = ensureId(el);\n  };\n\n  private openEnd = (): void => {\n    this.setFocus();\n    this.el.removeEventListener(\"calciteSheetOpen\", this.openEnd);\n  };\n\n  private openSheet(): void {\n    this.el.addEventListener(\"calciteSheetOpen\", this.openEnd);\n    this.opened = true;\n    if (!this.slottedInShell) {\n      this.initialOverflowCSS = document.documentElement.style.overflow;\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  private closeSheet = 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    this.opened = false;\n    this.removeOverflowHiddenClass();\n  };\n\n  private removeOverflowHiddenClass(): void {\n    document.documentElement.style.setProperty(\"overflow\", this.initialOverflowCSS);\n  }\n\n  private handleMutationObserver(): void {\n    this.updateFocusTrapElements();\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-f45eb0a7.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.2.0-next.12
+ */
+import{d as e}from"./p-dbd7c9c4.js";import"./p-29a904f0.js";import"./p-8bf5322c.js";import"./p-0ef2f935.js";import"./p-33f0bc3c.js";import"./p-ae972066.js";import"./p-4b2aee04.js";import"./p-7956b18a.js";import"./p-1edec0f0.js";import"./p-3adf970b.js";import"./p-50b7abc4.js";import"./p-ea9db3f6.js";import"./p-4af564ff.js";import"./p-e756e061.js";import"./p-7c4cfdb6.js";import"./p-675bf202.js";import"./p-d26c3b83.js";import"./p-390add01.js";import"./p-b2a56129.js";var a={words:{m:["jedan minut","jednog minuta"],mm:["%d minut","%d minuta","%d minuta"],h:["jedan sat","jednog sata"],hh:["%d sat","%d sata","%d sati"],d:["jedan dan","jednog dana"],dd:["%d dan","%d dana","%d dana"],M:["jedan mesec","jednog meseca"],MM:["%d mesec","%d meseca","%d meseci"],y:["jednu godinu","jedne godine"],yy:["%d godinu","%d godine","%d godina"]},correctGrammarCase:function e(a,r){if(a%10>=1&&a%10<=4&&(a%100<10||a%100>=20)){return a%10===1?r[0]:r[1]}return r[2]},relativeTimeFormatter:function e(r,d,t,n){var m=a.words[t];if(t.length===1){if(t==="y"&&d)return"jedna godina";return n||d?m[0]:m[1]}var o=a.correctGrammarCase(r,m);if(t==="yy"&&d&&o==="%d godinu")return r+" godina";return o.replace("%d",r)}};var r={name:"sr",weekdays:"Nedelja_Ponedeljak_Utorak_Sreda_Četvrtak_Petak_Subota".split("_"),weekdaysShort:"Ned._Pon._Uto._Sre._Čet._Pet._Sub.".split("_"),weekdaysMin:"ne_po_ut_sr_če_pe_su".split("_"),months:"Januar_Februar_Mart_April_Maj_Jun_Jul_Avgust_Septembar_Oktobar_Novembar_Decembar".split("_"),monthsShort:"Jan._Feb._Mar._Apr._Maj_Jun_Jul_Avg._Sep._Okt._Nov._Dec.".split("_"),weekStart:1,relativeTime:{future:"za %s",past:"pre %s",s:"nekoliko sekundi",m:a.relativeTimeFormatter,mm:a.relativeTimeFormatter,h:a.relativeTimeFormatter,hh:a.relativeTimeFormatter,d:a.relativeTimeFormatter,dd:a.relativeTimeFormatter,M:a.relativeTimeFormatter,MM:a.relativeTimeFormatter,y:a.relativeTimeFormatter,yy:a.relativeTimeFormatter},ordinal:function e(a){return a+"."},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"D. M. YYYY.",LL:"D. MMMM YYYY.",LLL:"D. MMMM YYYY. H:mm",LLLL:"dddd, D. MMMM YYYY. H:mm"}};e.locale(r,null,true);export default r;
+//# sourceMappingURL=p-f45eb0a7.js.map