@esri/solutions-components 0.8.12 → 0.8.13

package/dist/solutions-components/p-c273ab7a.entry.js

@@ -1,12 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import{r as e,c as t,h as r,H as a,g as i,F as s}from"./p-7d280d8a.js";import{a as o,h as n,b as h,i as c,j as d,n as l,p,k as g,l as f}from"./p-5817d78c.js";import{c as v,t as u}from"./p-3dd92f0d.js";import{I as y,c as b,u as w,d as m}from"./p-6d520a58.js";import{i as x}from"./p-e7afc0a8.js";import{n as k}from"./p-13f2d901.js";import{H as z}from"./p-76bd5032.js";import{g as D}from"./p-495e7b9d.js";import"./p-5a9a971a.js";import"./p-7c2be8cc.js";import"./p-ba7d55ea.js";import"./p-1f65ab1e.js";const j=class{constructor(r){e(this,r),this.calciteDaySelect=t(this,"calciteDaySelect",6),this.calciteInternalDayHover=t(this,"calciteInternalDayHover",6),this.onClick=()=>{this.disabled||this.calciteDaySelect.emit()},this.keyDownHandler=e=>{x(e.key)&&(!this.disabled&&this.calciteDaySelect.emit(),e.preventDefault())},this.day=void 0,this.dateTimeFormat=void 0,this.disabled=!1,this.currentMonth=!1,this.selected=!1,this.highlighted=!1,this.range=!1,this.rangeEdge=void 0,this.startOfRange=!1,this.endOfRange=!1,this.rangeHover=!1,this.active=!1,this.scale=void 0,this.value=void 0}pointerOverHandler(){this.disabled||this.calciteInternalDayHover.emit()}componentWillLoad(){this.parentDatePickerEl=v(this.el,"calcite-date-picker")}render(){const e=o(this.value).replaceAll("-","");if(this.parentDatePickerEl){const{numberingSystem:e,lang:t}=this.parentDatePickerEl;k.numberFormatOptions=Object.assign(Object.assign({useGrouping:!1},e&&{numberingSystem:e}),t&&{locale:t})}const t=k.localize(String(this.day)),i=this.dateTimeFormat.format(this.value);return r(a,{"aria-disabled":u(this.disabled),"aria-label":i,"aria-selected":u(this.active),id:e,onClick:this.onClick,onKeyDown:this.keyDownHandler,role:"button",tabIndex:this.active&&!this.disabled?0:-1},r(y,{disabled:this.disabled},r("div",{"aria-hidden":"true",class:{"day-v-wrapper":!0}},r("div",{class:"day-wrapper"},r("span",{class:"day"},r("span",{class:"text"},t))))))}connectedCallback(){b(this)}componentDidRender(){w(this)}disconnectedCallback(){m(this)}get el(){return i(this)}};j.style=':host([disabled]){cursor:default;-webkit-user-select:none;-moz-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 I=class{constructor(r){e(this,r),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="rtl"===this.el.dir;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=!1}},this.disableActiveFocus=()=>{this.activeFocus=!1},this.dayHover=e=>{const t=e.target;t.disabled?this.calciteInternalDatePickerMouseOut.emit():this.calciteInternalDatePickerHover.emit(t.value),e.stopPropagation()},this.daySelect=e=>{this.calciteInternalDatePickerSelect.emit(e.target.value)},this.dateTimeFormat=void 0,this.selectedDate=void 0,this.activeDate=new Date,this.startDate=void 0,this.endDate=void 0,this.min=void 0,this.max=void 0,this.scale=void 0,this.localeData=void 0,this.hoverRange=void 0}pointerOutHandler(){this.calciteInternalDatePickerMouseOut.emit()}render(){const e=this.activeDate.getMonth(),t=this.activeDate.getFullYear(),i=this.localeData.weekStart%7,{abbreviated:s,short:o,narrow:h}=this.localeData.days,c="s"===this.scale?h||o||s:o||s||h,d=[...c.slice(i,7),...c.slice(0,i)],l=this.getCurrentMonthDays(e,t),p=this.getPreviousMonthDays(e,t,i),g=this.getNextMonthDays(e,t,i);let f=0;const v=()=>f++%7,u=[...p.map((r=>({active:!1,day:r,dayInWeek:v(),date:new Date(t,e-1,r)}))),...l.map((r=>{const a=new Date(t,e,r);return{active:n(a,this.activeDate),currentMonth:!0,day:r,dayInWeek:v(),date:a,ref:!0}})),...g.map((r=>({active:!1,day:r,dayInWeek:v(),date:new Date(t,e+1,r)})))],y=[];for(let e=0;e<u.length;e+=7)y.push(u.slice(e,e+7));return r(a,{onFocusOut:this.disableActiveFocus,onKeyDown:this.keyDownHandler},r("div",{class:"calendar",role:"grid"},r("div",{class:"week-headers",role:"row"},d.map((e=>r("span",{class:"week-header",role:"columnheader"},e)))),y.map((e=>r("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(h(t,this.min,this.max)),this.activeFocus=!0}addDays(e=0){const t=new Date(this.activeDate);t.setDate(this.activeDate.getDate()+e),this.calciteInternalDatePickerActiveDateChange.emit(h(t,this.min,this.max)),this.activeFocus=!0}getPreviousMonthDays(e,t,r){const a=new Date(t,e,0),i=a.getDate(),s=a.getDay(),o=[];if(s===(r+6)%7)return o;if(s===r)return[i];for(let e=(7+s-r)%7;e>=0;e--)o.push(i-e);return o}getCurrentMonthDays(e,t){const r=new Date(t,e+1,0).getDate(),a=[];for(let e=0;e<r;e++)a.push(e+1);return a}getNextMonthDays(e,t,r){const a=new Date(t,e+1,0).getDay(),i=[];if(a===(r+6)%7)return i;for(let e=0;e<(6-(a-r))%7;e++)i.push(e+1);return i}betweenSelectedRange(e){return!(!(this.startDate&&this.endDate&&e>this.startDate&&e<this.endDate)||this.isRangeHover(e))}isSelected(e){return!!(n(e,this.selectedDate)||this.startDate&&n(e,this.startDate)||this.endDate&&n(e,this.endDate))}isStartOfRange(e){return!(!this.startDate||n(this.startDate,this.endDate)||!n(this.startDate,e)||this.isEndOfRange(e))}isEndOfRange(e){return!!(this.endDate&&!n(this.startDate,this.endDate)&&n(this.endDate,e)||!this.endDate&&this.hoverRange&&n(this.startDate,this.hoverRange.end)&&n(e,this.hoverRange.end))}renderDateDay({active:e,currentMonth:t,date:a,day:i,dayInWeek:s,ref:o}){var h;const d=this.isFocusedOnStart(),l=this.isHoverInRange()||!this.endDate&&this.hoverRange&&n(null===(h=this.hoverRange)||void 0===h?void 0:h.end,this.startDate);return r("div",{class:"day",key:a.toDateString(),role:"gridcell"},r("calcite-date-picker-day",{active:e,class:{"hover--inside-range":this.startDate&&l,"hover--outside-range":this.startDate&&!l,"focused--start":d,"focused--end":!d},currentMonth:t,dateTimeFormat:this.dateTimeFormat,day:i,disabled:!c(a,this.min,this.max),endOfRange:this.isEndOfRange(a),highlighted:this.betweenSelectedRange(a),onCalciteDaySelect:this.daySelect,onCalciteInternalDayHover:this.dayHover,range:!!this.startDate&&!!this.endDate&&!n(this.startDate,this.endDate),rangeEdge:0===s?"start":6===s?"end":void 0,rangeHover:this.isRangeHover(a),scale:this.scale,selected:this.isSelected(a),startOfRange:this.isStartOfRange(a),value:a,ref:t=>{o&&e&&this.activeFocus&&(null==t||t.focus())}}))}isFocusedOnStart(){var e;return"start"===(null===(e=this.hoverRange)||void 0===e?void 0:e.focused)}isHoverInRange(){if(!this.hoverRange)return!1;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!1;const{start:t,end:r}=this.hoverRange,a=this.isFocusedOnStart(),i=this.isHoverInRange(),s=i&&(!a&&e>this.startDate&&(e<r||n(e,r))||a&&e<this.endDate&&(e>t||n(e,t))),o=!i&&(!a&&e>=this.endDate&&(e<r||n(e,r))||a&&(this.startDate&&e<this.startDate||this.endDate&&n(e,this.startDate))&&(t&&e>t||n(e,t)));return s||o}get el(){return i(this)}};I.style=":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}";
-/*!
- * 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.4.0
- */
-const C="chevron",O=class{constructor(r){e(this,r),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})}},this.onYearChange=e=>{this.setYear({localizedYear:this.parseCalendarYear(e.target.value)})},this.onYearInput=e=>{this.setYear({localizedYear:this.parseCalendarYear(e.target.value),commit:!1})},this.prevMonthClick=e=>{this.handleArrowClick(e,this.prevMonthDate)},this.prevMonthKeydown=e=>{x(e.key)&&this.prevMonthClick(e)},this.nextMonthClick=e=>{this.handleArrowClick(e,this.nextMonthDate)},this.nextMonthKeydown=e=>{x(e.key)&&this.nextMonthClick(e)},this.handleArrowClick=(e,t)=>{e.preventDefault(),this.calciteInternalDatePickerSelect.emit(t)},this.selectedDate=void 0,this.activeDate=void 0,this.headingLevel=void 0,this.min=void 0,this.max=void 0,this.scale=void 0,this.localeData=void 0,this.messages=void 0,this.nextMonthDate=void 0,this.prevMonthDate=void 0}componentWillLoad(){this.parentDatePickerEl=v(this.el,"calcite-date-picker")}connectedCallback(){this.setNextPrevMonthDates()}render(){return r("div",{class:"header"},this.renderContent())}renderContent(){var e;const{messages:t,localeData:a,activeDate:i}=this;if(!i||!a)return null;if(this.parentDatePickerEl){const{numberingSystem:e,lang:t}=this.parentDatePickerEl;k.numberFormatOptions=Object.assign(Object.assign({useGrouping:!1},e&&{numberingSystem:e}),t&&{locale:t})}const o=i.getMonth(),{months:n,unitOrder:h}=a,c=(n.wide||n.narrow||n.abbreviated)[o],l=this.formatCalendarYear(i.getFullYear()),p=d(h),g=p.indexOf("y")<p.indexOf("m"),f=null===(e=a.year)||void 0===e?void 0:e.suffix;return r(s,null,r("a",{"aria-disabled":`${this.prevMonthDate.getMonth()===o}`,"aria-label":t.prevMonth,class:C,href:"#",onClick:this.prevMonthClick,onKeyDown:this.prevMonthKeydown,role:"button",tabindex:this.prevMonthDate.getMonth()===o?-1:0},r("calcite-icon",{"flip-rtl":!0,icon:"chevron-left",scale:D(this.scale)})),r("div",{class:{text:!0,"text--reverse":g}},r(z,{class:"month",level:this.headingLevel},c),r("span",{class:"year-wrap"},r("input",{"aria-label":t.year,class:{year:!0,"year--suffix":!!f},inputmode:"numeric",maxlength:"4",minlength:"1",onChange:this.onYearChange,onInput:this.onYearInput,onKeyDown:this.onYearKey,pattern:"\\d*",type:"text",value:l,ref:e=>this.yearInput=e}),f&&r("span",{class:"suffix"},f))),r("a",{"aria-disabled":`${this.nextMonthDate.getMonth()===o}`,"aria-label":t.nextMonth,class:C,href:"#",onClick:this.nextMonthClick,onKeyDown:this.nextMonthKeydown,role:"button",tabindex:this.nextMonthDate.getMonth()===o?-1:0},r("calcite-icon",{"flip-rtl":!0,icon:"chevron-right",scale:D(this.scale)})))}setNextPrevMonthDates(){this.activeDate&&(this.nextMonthDate=h(l(this.activeDate),this.min,this.max),this.prevMonthDate=h(p(this.activeDate),this.min,this.max))}formatCalendarYear(e){return k.localize(`${g(e,this.localeData)}`)}parseCalendarYear(e){return k.localize(`${f(Number(k.delocalize(e)),this.localeData)}`)}getInRangeDate({localizedYear:e,offset:t=0}){const{min:r,max:a,activeDate:i}=this,s=Number(k.delocalize(e)),o=s.toString().length,n=!isNaN(s)&&s+t,c=n&&(!r||r.getFullYear()<=n)&&(!a||a.getFullYear()>=n);if(n&&c&&o===e.length){const e=new Date(i);return e.setFullYear(n),h(e,r,a)}}setYear({localizedYear:e,commit:t=!0,offset:r=0}){const{yearInput:a,activeDate:i}=this,s=this.getInRangeDate({localizedYear:e,offset:r});s&&this.calciteInternalDatePickerSelect.emit(s),t&&(a.value=this.formatCalendarYear((s||i).getFullYear()))}get el(){return i(this)}static get watchers(){return{min:["setNextPrevMonthDates"],max:["setNextPrevMonthDates"],activeDate:["setNextPrevMonthDates"]}}};O.style=":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}";export{j as calcite_date_picker_day,I as calcite_date_picker_month,O as calcite_date_picker_month_header}