genesys-spark-components 4.107.0 → 4.107.2

package/dist/genesys-webcomponents/{p-8caeeb95.entry.js → p-b3a72a23.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,h as a,g as n}from"./p-6e010355.js";import{a as r}from"./p-cf0e7d3b.js";import{b as i,c as s,a as d,f as o}from"./p-9349b5e4.js";import{t as u}from"./p-63ca2bc6.js";import{g as l,a as c}from"./p-93871c33.js";import{c as g}from"./p-267e2aed.js";import{u as h,d as x}from"./p-2319558c.js";import"./p-4202e9f2.js";import"./p-43af726d.js";function b(e,t){f(e,"remove",t)}function f(e=[],t,a){const n=[].concat(e);for(const e of n)e.classList[t](a)}function v(e,t){return h()?g(x(t,{year:"numeric",month:"long"}).format(e)):g(e.toLocaleDateString(t,{year:"numeric",month:"long"}))}const m=class{constructor(a){e(this,a),this.calendarSelect=t(this,"calendarSelect",7),this.locale="en",this.value="",this.minDate="",this.maxDate="",this.mode="single",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.previewValue=new Date,this.selectingDate=null}emitCalendarSelect(){this.calendarSelect.emit(this.value)}async setValue(e){if("range"===this.mode&&e instanceof Array){const[t,a]=e;this.value=i(t,a),this.previewValue=s(this.value)[0]}else{const t=e;this.value=d(t),this.previewValue=t}}async focusPreviewDate(){const e=this.root.shadowRoot.querySelector(`td[data-date="${this.previewValue.getTime()}"]`);e&&e.focus()}async resetCalendarView(e){this.previewValue=e}incrementPreviewDateByMonth(e){this.previewValue=new Date(this.previewValue.getFullYear(),this.previewValue.getMonth()+e,15,0,0,0),r((()=>{this.focusPreviewDate()}))}async setValueAndEmit(e){await this.setValue(e),this.emitCalendarSelect()}outOfBounds(e){return""!==this.maxDate&&o(this.maxDate)<e||""!==this.minDate&&o(this.minDate)>e}generateDatesFrom(e,t,a){const n=[],r=new Date(t.getFullYear(),t.getMonth(),t.getDate(),0,0,0,0);for(let t=0;t<a;t++){const t=new Date(r.getFullYear(),r.getMonth(),r.getDate(),0,0,0,0),a=[],i=new Date,d=r.getFullYear()===i.getFullYear()&&r.getMonth()===i.getMonth()&&r.getDate()===i.getDate();let u=!1,l=!1;t.getMonth()!==e&&(a.push("gux-not-in-month"),u=!0,"range"===this.mode&&(a.push("gux-hidden"),l=!0)),this.outOfBounds(t)&&(a.push("gux-disabled"),u=!0);let c=!1;if(d&&a.push("gux-current-date"),"range"===this.mode){const[e,n]=s(this.value),r=e.getTime(),i=n.getTime();t.getTime()===r&&t.getTime()===i?(c=!0,a.push("gux-selected")):t.getTime()===r?(c=!0,a.push("gux-selected"),a.push("gux-start-date")):t.getTime()===i&&(c=!0,a.push("gux-selected"),a.push("gux-end-date"))}else{const e=o(this.value).getTime();t.getTime()===e&&(c=!0,a.push("gux-selected"))}n.push({class:a.join(" "),date:t,hidden:l,disabled:u,selected:c,isToday:d}),r.setDate(r.getDate()+1)}return n}create2DArray(e,t){const a=[];for(let n=0;n<t-1;n++){const r=e.slice(n*t,n*t+t);this.weekShouldBeDisplayed(r)&&a.push(r)}return a}isFocusableDate(e){return e.selected||this.previewValue.getTime()===e.date.getTime()}weekShouldBeDisplayed(e){const t=e.find((e=>!e.hidden));return e.length&&!!t}getMonthDays(e){const t=new Date(this.previewValue.getTime());t.setDate(1),t.setMonth(t.getMonth()+e);const a=t.getMonth(),n=function(e,t,a){const n=new Date(t,e,1,1,0,0,0),r=-1*(a-n.getDay()-7)%7;return new Date(n.getTime()-864e5*r)}(a,t.getFullYear(),this.startDayOfWeek),r=this.generateDatesFrom(a,n,42);return this.create2DArray(r,7)}addDays(e,t){const a=new Date(e.valueOf());return a.setDate(a.getDate()+t),a}getAllDatesElements(){const e=this.root.shadowRoot.querySelectorAll("td");return Array.from(e)}getAllSelectableDatesElements(){const e=this.root.shadowRoot.querySelectorAll('td[tabindex="0"]');return Array.from(e)}getRangeDatesElements(e,t){const a=[];let n;n=t<e?this.getRangeDates(t,e):this.getRangeDates(e,t);for(const e of n){const t=this.root.shadowRoot.querySelector(`td[data-date="${e.getTime()}"]:not(.gux-hidden)`);t&&a.push(t)}return a}getRangeDates(e,t){const a=[];let n=e;for(;n<=t;)a.push(new Date(n)),n=this.addDays(n,1);return a}async onDateClick(e){if(!this.outOfBounds(e))if("range"!==this.mode)await this.setValueAndEmit(e);else if(null===this.selectingDate)b(this.getAllDatesElements(),"gux-hovered"),this.selectingDate=new Date(e.valueOf()),this.value=i(e,e);else{const t=this.root.shadowRoot.querySelector(`td[data-date="${e.getTime()}"]`);t&&t.classList.add("gux-selected"),this.updateRangeElements(),await this.setValueAndEmit([this.selectingDate,e]),this.previewValue=e,this.selectingDate=null}}onDateMouseEnter(e){"range"===this.mode&&null!==this.selectingDate&&(this.value=i(e,this.selectingDate),this.updateRangeElements())}updateRangeElements(){if("range"===this.mode){b(this.getAllDatesElements(),"gux-hovered");const[e,t]=s(this.value);f(this.getRangeDatesElements(e,t),"add","gux-hovered")}}async onKeyDown(e){switch(e.key){case" ":case"Enter":e.preventDefault(),await this.onDateClick(this.previewValue);break;case"ArrowDown":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+7)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"ArrowUp":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-7)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"ArrowLeft":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-1)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"ArrowRight":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+1)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"PageUp":this.incrementPreviewDateByMonth(1),this.onDateMouseEnter(this.previewValue);break;case"PageDown":this.incrementPreviewDateByMonth(-1),this.onDateMouseEnter(this.previewValue)}}componentWillLoad(){if(u(this.root,{variant:this.mode}),this.locale=l(this.root),this.startDayOfWeek=this.startDayOfWeek||c(this.locale),!this.value){const e=new Date;e.setHours(0,0,0,0),this.value="range"===this.mode?i(e,e):d(e)}this.previewValue=o(this.value)}componentDidRender(){this.updateRangeElements()}renderMonthHeader(){return a("div",{class:"gux-month-list"},Array.from(Array(this.numberOfMonths).keys()).map((e=>{const t=function(e,t){const a=new Date(e);return a.setDate(1),a.setMonth(a.getMonth()+t),a}(this.previewValue,e);return a("label",null,v(t,this.locale))})))}renderCalendarTable(e){return a("table",null,a("tr",null,function(e,t){const a=[],n=new Date(1970,0,4);for(let t=0;t<7;t++){const t=n.toLocaleString(e,{weekday:"narrow"});a.push(t),n.setDate(n.getDate()+1)}return(r=a).concat(r.splice(0,(i=t)>r.length?i%r.length:i));var r,i}(this.locale,this.startDayOfWeek).map((e=>a("th",null,e)))),this.getMonthDays(e).map((e=>a("tr",null,e.map((e=>a("td",{tabindex:this.isFocusableDate(e)?"0":"-1",class:e.class,"aria-hidden":e.hidden?"true":"false","aria-disabled":e.disabled?"true":"false","data-date":e.date.getTime(),onClick:()=>{this.onDateClick(e.date)},onMouseEnter:()=>this.onDateMouseEnter(e.date),onKeyDown:e=>{this.onKeyDown(e)}},a("div",{class:"gux-date"},e.date.getDate(),a("span",{class:"gux-sr-only"},v(e.date,this.locale))))))))))}render(){return a("div",{key:"1081675c937bc86f2ac5fc23146305305e1393c5",class:"gux-calendar"},a("div",{key:"47fd67422c1a627c37f48b7053cd7052835378f1",class:"gux-header"},a("button",{key:"b5e9a93cf23b6834e673d0eaca72820cbf9639e1",type:"button",class:"gux-left",onClick:()=>this.incrementPreviewDateByMonth(-1),tabindex:"-1","aria-hidden":"true"},a("gux-icon",{key:"408ad65782ceb75bfd1917b9cf173eea5129ba79",decorative:!0,"icon-name":"custom/chevron-left-small-regular"})),this.renderMonthHeader(),a("button",{key:"0c4cbc33ee1318472440c3127f43f4e13d37e317",type:"button",class:"gux-right",onClick:()=>this.incrementPreviewDateByMonth(1),tabindex:"-1","aria-hidden":"true"},a("gux-icon",{key:"7b1a3691f3047b6fb21e528e41626701a36f9fd9",decorative:!0,"icon-name":"custom/chevron-right-small-regular"}))),a("div",{key:"1d93725fddadd36cc89d28effd2b5d15cfdead8c",class:"gux-content"},Array.from(Array(this.numberOfMonths).keys()).map((e=>this.renderCalendarTable(e)))))}get root(){return n(this)}};m.style=":host{display:inline-block}.gux-calendar{margin-block-start:2px;border-radius:8px;box-shadow:var(--gse-ui-calendarMenu-boxShadow-offsetX) var(--gse-ui-calendarMenu-boxShadow-offsetY) var(--gse-ui-calendarMenu-boxShadow-blur) var(--gse-ui-calendarMenu-boxShadow-spread) var(--gse-ui-calendarMenu-boxShadow-color)}.gux-calendar .gux-header{position:relative;display:flex;gap:var(--gse-ui-calendarMenu-header-gap);align-items:center;justify-content:space-between;block-size:var(--gse-ui-calendarMenu-month-single-header-height);padding:var(--gse-ui-calendarMenu-header-padding);font-weight:var(--gse-ui-calendarMenu-month-currentText-fontWeight);color:var(--gse-ui-calendarMenu-header-foregroundColor);background-color:var(--gse-ui-calendarMenu-header-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-header-borderRadius)}.gux-calendar .gux-header button{position:absolute;color:var(--gse-ui-calendarMenu-header-foregroundColor);cursor:pointer;background:none;border:none;outline:none}.gux-calendar .gux-header button:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color)}.gux-calendar .gux-header button.gux-left{inset-inline-start:18px}.gux-calendar .gux-header button.gux-right{inset-inline-end:18px}.gux-calendar .gux-header button gux-icon{inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);pointer-events:none}.gux-calendar .gux-header .gux-month-list{display:flex;justify-content:space-between;inline-size:100%;font-family:var(--gse-ui-calendarMenu-month-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-headerText-fontSize);line-height:var(--gse-ui-calendarMenu-month-headerText-lineHeight)}.gux-calendar .gux-header .gux-month-list label{inline-size:100%;text-align:center}.gux-calendar .gux-content{display:flex;align-items:flex-start;block-size:var(--gse-ui-calendarMenu-height);padding:var(--gse-ui-calendarMenu-dateBody-padding);color:var(--gse-ui-calendarMenu-month-default-foregroundColor);background-color:var(--gse-ui-calendarMenu-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius)}.gux-calendar .gux-content table{inline-size:var(--gse-ui-calendarMenu-day-input-width);text-align:start;table-layout:fixed;border-spacing:0;-ms-user-select:none;user-select:none}.gux-calendar .gux-content table:not(:last-child){padding-inline-end:24px}.gux-calendar .gux-content table tr{block-size:var(--gse-ui-calendarMenu-day-input-height)}.gux-calendar .gux-content table tr:empty{display:none}.gux-calendar .gux-content table tr th,.gux-calendar .gux-content table tr td{inline-size:var(--gse-ui-calendarMenu-day-date-size);block-size:var(--gse-ui-calendarMenu-day-date-size);padding:0;margin:0;text-align:center}.gux-calendar .gux-content table tr th{font-family:var(--gse-ui-calendarMenu-day-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-day-headerText-fontSize);font-weight:var(--gse-ui-calendarMenu-day-headerText-fontWeight);line-height:var(--gse-ui-calendarMenu-day-headerText-lineHeight)}.gux-calendar .gux-content table tr td{font-family:var(--gse-ui-calendarMenu-date-defaultText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-defaultText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-defaultText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-defaultText-lineHeight);color:var(--gse-ui-calendarMenu-date-default-foregroundColor);cursor:pointer}.gux-calendar .gux-content table tr td.gux-hovered{background-color:var(--gse-ui-calendarMenu-date-range-backgroundColor)}.gux-calendar .gux-content table tr td.gux-selected{color:var(--gse-ui-calendarMenu-date-selected-foregroundColor);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-selected:hover:not(.gux-calendar .gux-content table tr td.gux-selected.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-selected.gux-end-date){background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date,.gux-calendar .gux-content table tr td.gux-end-date{background-color:var(--gse-ui-calendarMenu-date-range-backgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date .gux-date,.gux-calendar .gux-content table tr td.gux-end-date .gux-date{display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-calendarMenu-day-date-size);block-size:var(--gse-ui-calendarMenu-day-date-size);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-start-date .gux-date:hover,.gux-calendar .gux-content table tr td.gux-end-date .gux-date:hover{background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date{border-radius:var(--gse-ui-calendarMenu-range-date-startDate-borderRadius)}.gux-calendar .gux-content table tr td.gux-end-date{border-radius:var(--gse-ui-calendarMenu-range-date-endDate-borderRadius)}.gux-calendar .gux-content table tr td:hover:not(.gux-calendar .gux-content table tr td.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-end-date):not(.gux-calendar .gux-content table tr td.gux-hovered):not(.gux-calendar .gux-content table tr td.gux-selected){background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-disabled{pointer-events:none;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month{opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month:hover{background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor)}.gux-calendar .gux-content table tr td.gux-not-in-month.gux-hidden{visibility:hidden}.gux-calendar .gux-content table tr td.gux-current-date{font-family:var(--gse-ui-calendarMenu-date-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-currentText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-currentText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-currentText-lineHeight)}.gux-calendar .gux-content table tr td:focus-visible{border-radius:var(--gse-ui-calendarMenu-month-focusBorderRadius);outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{m as gux_calendar}
+import{r as e,c as t,h as a,g as n}from"./p-6e010355.js";import{a as r}from"./p-cf0e7d3b.js";import{b as i,c as s,a as d,f as o}from"./p-9349b5e4.js";import{t as u}from"./p-3596be1c.js";import{g as l,a as c}from"./p-93871c33.js";import{c as g}from"./p-267e2aed.js";import{u as h,d as x}from"./p-2319558c.js";import"./p-4202e9f2.js";import"./p-43af726d.js";function b(e,t){f(e,"remove",t)}function f(e=[],t,a){const n=[].concat(e);for(const e of n)e.classList[t](a)}function v(e,t){return h()?g(x(t,{year:"numeric",month:"long"}).format(e)):g(e.toLocaleDateString(t,{year:"numeric",month:"long"}))}const m=class{constructor(a){e(this,a),this.calendarSelect=t(this,"calendarSelect",7),this.locale="en",this.value="",this.minDate="",this.maxDate="",this.mode="single",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.previewValue=new Date,this.selectingDate=null}emitCalendarSelect(){this.calendarSelect.emit(this.value)}async setValue(e){if("range"===this.mode&&e instanceof Array){const[t,a]=e;this.value=i(t,a),this.previewValue=s(this.value)[0]}else{const t=e;this.value=d(t),this.previewValue=t}}async focusPreviewDate(){const e=this.root.shadowRoot.querySelector(`td[data-date="${this.previewValue.getTime()}"]`);e&&e.focus()}async resetCalendarView(e){this.previewValue=e}incrementPreviewDateByMonth(e){this.previewValue=new Date(this.previewValue.getFullYear(),this.previewValue.getMonth()+e,15,0,0,0),r((()=>{this.focusPreviewDate()}))}async setValueAndEmit(e){await this.setValue(e),this.emitCalendarSelect()}outOfBounds(e){return""!==this.maxDate&&o(this.maxDate)<e||""!==this.minDate&&o(this.minDate)>e}generateDatesFrom(e,t,a){const n=[],r=new Date(t.getFullYear(),t.getMonth(),t.getDate(),0,0,0,0);for(let t=0;t<a;t++){const t=new Date(r.getFullYear(),r.getMonth(),r.getDate(),0,0,0,0),a=[],i=new Date,d=r.getFullYear()===i.getFullYear()&&r.getMonth()===i.getMonth()&&r.getDate()===i.getDate();let u=!1,l=!1;t.getMonth()!==e&&(a.push("gux-not-in-month"),u=!0,"range"===this.mode&&(a.push("gux-hidden"),l=!0)),this.outOfBounds(t)&&(a.push("gux-disabled"),u=!0);let c=!1;if(d&&a.push("gux-current-date"),"range"===this.mode){const[e,n]=s(this.value),r=e.getTime(),i=n.getTime();t.getTime()===r&&t.getTime()===i?(c=!0,a.push("gux-selected")):t.getTime()===r?(c=!0,a.push("gux-selected"),a.push("gux-start-date")):t.getTime()===i&&(c=!0,a.push("gux-selected"),a.push("gux-end-date"))}else{const e=o(this.value).getTime();t.getTime()===e&&(c=!0,a.push("gux-selected"))}n.push({class:a.join(" "),date:t,hidden:l,disabled:u,selected:c,isToday:d}),r.setDate(r.getDate()+1)}return n}create2DArray(e,t){const a=[];for(let n=0;n<t-1;n++){const r=e.slice(n*t,n*t+t);this.weekShouldBeDisplayed(r)&&a.push(r)}return a}isFocusableDate(e){return e.selected||this.previewValue.getTime()===e.date.getTime()}weekShouldBeDisplayed(e){const t=e.find((e=>!e.hidden));return e.length&&!!t}getMonthDays(e){const t=new Date(this.previewValue.getTime());t.setDate(1),t.setMonth(t.getMonth()+e);const a=t.getMonth(),n=function(e,t,a){const n=new Date(t,e,1,1,0,0,0),r=-1*(a-n.getDay()-7)%7;return new Date(n.getTime()-864e5*r)}(a,t.getFullYear(),this.startDayOfWeek),r=this.generateDatesFrom(a,n,42);return this.create2DArray(r,7)}addDays(e,t){const a=new Date(e.valueOf());return a.setDate(a.getDate()+t),a}getAllDatesElements(){const e=this.root.shadowRoot.querySelectorAll("td");return Array.from(e)}getAllSelectableDatesElements(){const e=this.root.shadowRoot.querySelectorAll('td[tabindex="0"]');return Array.from(e)}getRangeDatesElements(e,t){const a=[];let n;n=t<e?this.getRangeDates(t,e):this.getRangeDates(e,t);for(const e of n){const t=this.root.shadowRoot.querySelector(`td[data-date="${e.getTime()}"]:not(.gux-hidden)`);t&&a.push(t)}return a}getRangeDates(e,t){const a=[];let n=e;for(;n<=t;)a.push(new Date(n)),n=this.addDays(n,1);return a}async onDateClick(e){if(!this.outOfBounds(e))if("range"!==this.mode)await this.setValueAndEmit(e);else if(null===this.selectingDate)b(this.getAllDatesElements(),"gux-hovered"),this.selectingDate=new Date(e.valueOf()),this.value=i(e,e);else{const t=this.root.shadowRoot.querySelector(`td[data-date="${e.getTime()}"]`);t&&t.classList.add("gux-selected"),this.updateRangeElements(),await this.setValueAndEmit([this.selectingDate,e]),this.previewValue=e,this.selectingDate=null}}onDateMouseEnter(e){"range"===this.mode&&null!==this.selectingDate&&(this.value=i(e,this.selectingDate),this.updateRangeElements())}updateRangeElements(){if("range"===this.mode){b(this.getAllDatesElements(),"gux-hovered");const[e,t]=s(this.value);f(this.getRangeDatesElements(e,t),"add","gux-hovered")}}async onKeyDown(e){switch(e.key){case" ":case"Enter":e.preventDefault(),await this.onDateClick(this.previewValue);break;case"ArrowDown":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+7)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"ArrowUp":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-7)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"ArrowLeft":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-1)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"ArrowRight":e.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+1)),this.onDateMouseEnter(this.previewValue),r((()=>{this.focusPreviewDate()}));break;case"PageUp":this.incrementPreviewDateByMonth(1),this.onDateMouseEnter(this.previewValue);break;case"PageDown":this.incrementPreviewDateByMonth(-1),this.onDateMouseEnter(this.previewValue)}}componentWillLoad(){if(u(this.root,{variant:this.mode}),this.locale=l(this.root),this.startDayOfWeek=this.startDayOfWeek||c(this.locale),!this.value){const e=new Date;e.setHours(0,0,0,0),this.value="range"===this.mode?i(e,e):d(e)}this.previewValue=o(this.value)}componentDidRender(){this.updateRangeElements()}renderMonthHeader(){return a("div",{class:"gux-month-list"},Array.from(Array(this.numberOfMonths).keys()).map((e=>{const t=function(e,t){const a=new Date(e);return a.setDate(1),a.setMonth(a.getMonth()+t),a}(this.previewValue,e);return a("label",null,v(t,this.locale))})))}renderCalendarTable(e){return a("table",null,a("tr",null,function(e,t){const a=[],n=new Date(1970,0,4);for(let t=0;t<7;t++){const t=n.toLocaleString(e,{weekday:"narrow"});a.push(t),n.setDate(n.getDate()+1)}return(r=a).concat(r.splice(0,(i=t)>r.length?i%r.length:i));var r,i}(this.locale,this.startDayOfWeek).map((e=>a("th",null,e)))),this.getMonthDays(e).map((e=>a("tr",null,e.map((e=>a("td",{tabindex:this.isFocusableDate(e)?"0":"-1",class:e.class,"aria-hidden":e.hidden?"true":"false","aria-disabled":e.disabled?"true":"false","data-date":e.date.getTime(),onClick:()=>{this.onDateClick(e.date)},onMouseEnter:()=>this.onDateMouseEnter(e.date),onKeyDown:e=>{this.onKeyDown(e)}},a("div",{class:"gux-date"},e.date.getDate(),a("span",{class:"gux-sr-only"},v(e.date,this.locale))))))))))}render(){return a("div",{key:"1081675c937bc86f2ac5fc23146305305e1393c5",class:"gux-calendar"},a("div",{key:"47fd67422c1a627c37f48b7053cd7052835378f1",class:"gux-header"},a("button",{key:"b5e9a93cf23b6834e673d0eaca72820cbf9639e1",type:"button",class:"gux-left",onClick:()=>this.incrementPreviewDateByMonth(-1),tabindex:"-1","aria-hidden":"true"},a("gux-icon",{key:"408ad65782ceb75bfd1917b9cf173eea5129ba79",decorative:!0,"icon-name":"custom/chevron-left-small-regular"})),this.renderMonthHeader(),a("button",{key:"0c4cbc33ee1318472440c3127f43f4e13d37e317",type:"button",class:"gux-right",onClick:()=>this.incrementPreviewDateByMonth(1),tabindex:"-1","aria-hidden":"true"},a("gux-icon",{key:"7b1a3691f3047b6fb21e528e41626701a36f9fd9",decorative:!0,"icon-name":"custom/chevron-right-small-regular"}))),a("div",{key:"1d93725fddadd36cc89d28effd2b5d15cfdead8c",class:"gux-content"},Array.from(Array(this.numberOfMonths).keys()).map((e=>this.renderCalendarTable(e)))))}get root(){return n(this)}};m.style=":host{display:inline-block}.gux-calendar{margin-block-start:2px;border-radius:8px;box-shadow:var(--gse-ui-calendarMenu-boxShadow-offsetX) var(--gse-ui-calendarMenu-boxShadow-offsetY) var(--gse-ui-calendarMenu-boxShadow-blur) var(--gse-ui-calendarMenu-boxShadow-spread) var(--gse-ui-calendarMenu-boxShadow-color)}.gux-calendar .gux-header{position:relative;display:flex;gap:var(--gse-ui-calendarMenu-header-gap);align-items:center;justify-content:space-between;block-size:var(--gse-ui-calendarMenu-month-single-header-height);padding:var(--gse-ui-calendarMenu-header-padding);font-weight:var(--gse-ui-calendarMenu-month-currentText-fontWeight);color:var(--gse-ui-calendarMenu-header-foregroundColor);background-color:var(--gse-ui-calendarMenu-header-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-header-borderRadius)}.gux-calendar .gux-header button{position:absolute;color:var(--gse-ui-calendarMenu-header-foregroundColor);cursor:pointer;background:none;border:none;outline:none}.gux-calendar .gux-header button:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color)}.gux-calendar .gux-header button.gux-left{inset-inline-start:18px}.gux-calendar .gux-header button.gux-right{inset-inline-end:18px}.gux-calendar .gux-header button gux-icon{inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);pointer-events:none}.gux-calendar .gux-header .gux-month-list{display:flex;justify-content:space-between;inline-size:100%;font-family:var(--gse-ui-calendarMenu-month-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-headerText-fontSize);line-height:var(--gse-ui-calendarMenu-month-headerText-lineHeight)}.gux-calendar .gux-header .gux-month-list label{inline-size:100%;text-align:center}.gux-calendar .gux-content{display:flex;align-items:flex-start;block-size:var(--gse-ui-calendarMenu-height);padding:var(--gse-ui-calendarMenu-dateBody-padding);color:var(--gse-ui-calendarMenu-month-default-foregroundColor);background-color:var(--gse-ui-calendarMenu-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius)}.gux-calendar .gux-content table{inline-size:var(--gse-ui-calendarMenu-day-input-width);text-align:start;table-layout:fixed;border-spacing:0;-ms-user-select:none;user-select:none}.gux-calendar .gux-content table:not(:last-child){padding-inline-end:24px}.gux-calendar .gux-content table tr{block-size:var(--gse-ui-calendarMenu-day-input-height)}.gux-calendar .gux-content table tr:empty{display:none}.gux-calendar .gux-content table tr th,.gux-calendar .gux-content table tr td{inline-size:var(--gse-ui-calendarMenu-day-date-size);block-size:var(--gse-ui-calendarMenu-day-date-size);padding:0;margin:0;text-align:center}.gux-calendar .gux-content table tr th{font-family:var(--gse-ui-calendarMenu-day-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-day-headerText-fontSize);font-weight:var(--gse-ui-calendarMenu-day-headerText-fontWeight);line-height:var(--gse-ui-calendarMenu-day-headerText-lineHeight)}.gux-calendar .gux-content table tr td{font-family:var(--gse-ui-calendarMenu-date-defaultText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-defaultText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-defaultText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-defaultText-lineHeight);color:var(--gse-ui-calendarMenu-date-default-foregroundColor);cursor:pointer}.gux-calendar .gux-content table tr td.gux-hovered{background-color:var(--gse-ui-calendarMenu-date-range-backgroundColor)}.gux-calendar .gux-content table tr td.gux-selected{color:var(--gse-ui-calendarMenu-date-selected-foregroundColor);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-selected:hover:not(.gux-calendar .gux-content table tr td.gux-selected.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-selected.gux-end-date){background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date,.gux-calendar .gux-content table tr td.gux-end-date{background-color:var(--gse-ui-calendarMenu-date-range-backgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date .gux-date,.gux-calendar .gux-content table tr td.gux-end-date .gux-date{display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-calendarMenu-day-date-size);block-size:var(--gse-ui-calendarMenu-day-date-size);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-start-date .gux-date:hover,.gux-calendar .gux-content table tr td.gux-end-date .gux-date:hover{background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date{border-radius:var(--gse-ui-calendarMenu-range-date-startDate-borderRadius)}.gux-calendar .gux-content table tr td.gux-end-date{border-radius:var(--gse-ui-calendarMenu-range-date-endDate-borderRadius)}.gux-calendar .gux-content table tr td:hover:not(.gux-calendar .gux-content table tr td.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-end-date):not(.gux-calendar .gux-content table tr td.gux-hovered):not(.gux-calendar .gux-content table tr td.gux-selected){background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-disabled{pointer-events:none;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month{opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month:hover{background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor)}.gux-calendar .gux-content table tr td.gux-not-in-month.gux-hidden{visibility:hidden}.gux-calendar .gux-content table tr td.gux-current-date{font-family:var(--gse-ui-calendarMenu-date-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-currentText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-currentText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-currentText-lineHeight)}.gux-calendar .gux-content table tr td:focus-visible{border-radius:var(--gse-ui-calendarMenu-month-focusBorderRadius);outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{m as gux_calendar}