ids-enterprise-wc 1.0.0-beta.16 → 1.0.0-beta.17

package/chunks/ids-chunk-DQ4T4OML.js

@@ -0,0 +1,441 @@
+import{a as Qt}from"./ids-chunk-L4SNTZLY.js";import{a as Zt}from"./ids-chunk-SEHCH7FR.js";import{a as L,b as W,c as I,d as ee,e as ie}from"./ids-chunk-LYCR2TW5.js";import{a as Jt}from"./ids-chunk-35NW35ZW.js";import{f as Gt}from"./ids-chunk-VE4Y62R6.js";import{a as te}from"./ids-chunk-QMM56NA3.js";import{a as jt}from"./ids-chunk-PHQEFZRD.js";import{a as Ut}from"./ids-chunk-CT5U7IVV.js";import{a as Kt,b as Ft}from"./ids-chunk-XE4WFW5M.js";import{a as Xt}from"./ids-chunk-4WDX2CDM.js";import{b as Rt,f as X,g as S,h as $,j as Q,k as G,l as q,m as J,n as Z,o as Ht,p as Yt,q as qt,s as Bt,v as Vt}from"./ids-chunk-SDTXNG6G.js";import{e as v,f as Mt,h as Nt}from"./ids-chunk-VEAPPKDG.js";import{a as r}from"./ids-chunk-NSM2KAOK.js";import{a as zt,b as Ct,c as H,d,e as Y,g as a}from"./ids-chunk-Y32WUP63.js";var se=`:host {
+  contain: content;
+}
+
+.ids-month-view {
+  display: flex;
+  background-color: var(--ids-calendar-month-view-color-background-default);
+  width: 100%;
+  box-sizing: border-box;
+  flex-direction: column;
+  overflow: auto;
+  max-width: inherit;
+}
+.ids-month-view .month-view-container {
+  background-color: var(--ids-calendar-month-view-color-background-default);
+  flex-shrink: 0;
+}
+.ids-month-view .month-view-table-header th {
+  background-clip: padding-box;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  width: 14.3%;
+}
+.ids-month-view .month-view-table {
+  width: 100%;
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+.ids-month-view .trigger-icon {
+  color: var(--ids-color-azure-60);
+}
+.ids-month-view .month-view-legend {
+  margin: 0 auto;
+  padding: 10px 5px 0;
+}
+.ids-month-view .month-view-legend-swatch,
+.ids-month-view .month-view-legend-item,
+.ids-month-view .month-view-legend-text {
+  display: inline-block;
+}
+.ids-month-view .month-view-legend-item {
+  margin-bottom: 2px;
+}
+.ids-month-view .month-view-legend-swatch {
+  background-color: var(--legend-color);
+  opacity: 0.3;
+  width: 16px;
+  height: 16px;
+}
+.ids-month-view .month-view-legend-item.event-type .month-view-legend-swatch {
+  border-radius: 10px;
+  opacity: 1;
+  width: 14px;
+  height: 14px;
+}
+.ids-month-view .month-view-legend-text {
+  position: relative;
+  color: var(--ids-calendar-month-view-legend-color-text);
+  padding: 0 10px 0 8px;
+  top: -2px;
+}
+.ids-month-view .events-container {
+  display: block;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+}
+.ids-month-view .events-container .events-overflow {
+  position: absolute;
+  bottom: 0;
+  cursor: pointer;
+  text-indent: 12px;
+}
+.ids-month-view .events-container ids-text::part(text) {
+  text-transform: capitalize;
+}
+
+.ids-month-view.is-compact {
+  position: relative;
+}
+.ids-month-view.is-compact .month-view-table-header th {
+  line-height: unset;
+  vertical-align: top;
+  height: 22px;
+}
+.ids-month-view.is-compact .month-view-table {
+  margin-top: 13px;
+}
+.ids-month-view.is-compact .weekday-text {
+  color: var(--ids-calendar-month-view-weekday-color-text-compact);
+}
+.ids-month-view.is-compact td {
+  width: 44px;
+  height: 44px;
+  text-align: center;
+}
+.ids-month-view.is-compact td:not(.is-disabled):hover {
+  cursor: pointer;
+}
+.ids-month-view.is-compact td .day-container {
+  display: inline-block;
+  position: relative;
+  border-radius: 50%;
+  border: 1px solid transparent;
+  margin: 5px 0;
+}
+.ids-month-view.is-compact td .day-text {
+  display: inline-block;
+  position: relative;
+  z-index: 2;
+  border-radius: 50%;
+  margin: 2px;
+  color: var(--ids-calendar-month-view-color-text-default);
+  white-space: nowrap;
+  transition: 0.2s background-color ease;
+}
+.ids-month-view.is-compact td.alternate .day-text {
+  color: var(--ids-calendar-month-view-color-text-compact);
+}
+.ids-month-view.is-compact td.is-disabled .day-text {
+  background-color: var(--ids-color-neutral-10);
+  color: var(--ids-color-neutral-30);
+}
+.ids-month-view.is-compact td ids-text::part(text) {
+  border-radius: 50%;
+  box-sizing: border-box;
+  width: 35px;
+  height: 35px;
+  line-height: 35px;
+  text-align: center;
+  display: inline-block;
+}
+.ids-month-view.is-compact td:hover .day-text {
+  color: var(--ids-calendar-month-view-weekday-color-text-compact-hover);
+}
+.ids-month-view.is-compact td.is-selected .day-text {
+  color: var(--ids-calendar-month-view-weekday-color-text-compact-selected-hover);
+  background-color: var(--ids-calendar-month-view-day-color-background-compact-selected);
+}
+.ids-month-view.is-compact td.is-selected:focus {
+  outline: none;
+  outline-style: none;
+}
+.ids-month-view.is-compact td.is-selected:not(.is-disabled):not(.range-selection):focus ids-text::part(text) {
+  width: 31px;
+  height: 31px;
+  line-height: 31px;
+}
+.ids-month-view.is-compact td.is-selected:not(.is-disabled):not(.range-selection):focus ids-text {
+  margin: 2px;
+}
+.ids-month-view.is-compact td.is-selected:not(.is-disabled):not(.range-selection):focus .day-container {
+  border-color: var(--ids-calendar-month-view-day-color-background-compact-selected);
+  z-index: 2;
+  box-shadow: 0 0 2px 0 var(--ids-calendar-month-view-day-color-background-compact-selected);
+}
+.ids-month-view.is-compact td.is-today:not(.is-selected) .day-text::part(text) {
+  border: 1px solid var(--ids-calendar-month-view-today-color-border-compact);
+}
+.ids-month-view.is-compact td:not(.is-disabled):not(.is-selected):not(.has-legend):not(.range-selection):hover .day-text, .ids-month-view.is-compact td:not(.is-disabled):not(.is-selected):not(.has-legend):not(.range-selection):active .day-text {
+  background-color: var(--ids-calendar-month-view-day-color-background-compact-hover);
+}
+.ids-month-view.is-compact td.has-legend:not(.is-disabled):hover .day-container::after {
+  opacity: 0.7;
+}
+.ids-month-view.is-compact td.has-legend .day-container::after {
+  border-radius: 50%;
+  position: absolute;
+  content: "";
+  background-color: var(--legend-color);
+  display: inline-block;
+  width: 35px;
+  height: 35px;
+  overflow: hidden;
+  opacity: 0.3;
+  transition: 0.2s opacity ease;
+  inset: 0;
+  margin: auto;
+}
+.ids-month-view.is-compact td.range-selection + .range-selection, .ids-month-view.is-compact td.range-next:not(:first-of-type), .ids-month-view.is-compact td.range-prev:not(:last-of-type) {
+  position: relative;
+}
+.ids-month-view.is-compact td.range-selection + .range-selection::before, .ids-month-view.is-compact td.range-next:not(:first-of-type)::before, .ids-month-view.is-compact td.range-prev:not(:last-of-type)::before {
+  position: absolute;
+  width: 100%;
+  z-index: 1;
+  content: "";
+  display: inline-block;
+  height: 35px;
+  top: 0;
+  bottom: 0;
+  margin-top: auto;
+  margin-bottom: auto;
+}
+.ids-month-view.is-compact td.is-disabled.range-selection.not-included + .range-selection::before, .ids-month-view.is-compact td.is-disabled.range-prev.not-included::before {
+  content: none;
+}
+.ids-month-view.is-compact td:not(.is-disabled.not-included).range-prev .day-text, .ids-month-view.is-compact td:not(.is-disabled.not-included).range-next .day-text, .ids-month-view.is-compact td:not(.is-disabled.not-included).range-next:not(:first-of-type)::before, .ids-month-view.is-compact td.range-prev:not(:last-of-type)::before {
+  background-color: var(--ids-calendar-month-view-range-color-background-compact);
+}
+.ids-month-view.is-compact td.range-selection:not(:first-of-type)::before, .ids-month-view.is-compact td:not(.is-disabled.not-included).range-selection .day-text {
+  background-color: var(--ids-calendar-month-view-range-color-background-compact-selected);
+}
+.ids-month-view.is-compact td.range-selection:not(.alternate):not(.is-disabled.not-included) .day-text {
+  color: var(--ids-calendar-month-view-range-color-text-compact-selected);
+}
+.ids-month-view.is-compact td.range-selection:not(:first-of-type)::before, .ids-month-view.is-compact td.range-next:not(:first-of-type)::before {
+  right: 50%;
+}
+.ids-month-view.is-compact td.range-prev:not(:last-of-type)::before {
+  right: -50%;
+}
+.ids-month-view.is-compact td.range-selection .day-text, .ids-month-view.is-compact td.range-prev .day-text, .ids-month-view.is-compact td.range-next .day-text {
+  border-radius: 50%;
+  z-index: 2;
+  transition: none;
+}
+.ids-month-view.is-compact th,
+.ids-month-view.is-compact td {
+  padding: 0;
+}
+.ids-month-view.is-compact.range-select-week td .day-text {
+  transition: none;
+}
+.ids-month-view.is-compact .btn-today {
+  margin-right: -7px;
+}
+.ids-month-view.is-compact .btn-today::part(button) {
+  padding-inline: 4px;
+  padding-block: 2px;
+  margin: 3px;
+}
+.ids-month-view.is-compact .btn-previous,
+.ids-month-view.is-compact .btn-next {
+  padding-inline-start: 0;
+  margin: 3px;
+}
+.ids-month-view.is-compact .btn-previous::part(button),
+.ids-month-view.is-compact .btn-next::part(button) {
+  padding: 0;
+  width: 44px;
+  height: 44px;
+}
+.ids-month-view.is-compact .month-view-legend {
+  padding-top: 27px;
+  max-width: 300px;
+}
+.ids-month-view.is-compact .week-num-cell {
+  border-inline-end: 1px solid var(--ids-calendar-month-view-color-border);
+}
+.ids-month-view.is-compact .week-num-cell ids-text {
+  color: var(--ids-month-view-week-number-text-color);
+  cursor: default;
+}
+
+.ids-month-view.is-fullsize {
+  border-style: solid;
+  border-width: 1px 1px 0;
+  border-color: var(--ids-calendar-month-view-color-border);
+}
+.ids-month-view.is-fullsize .weekday-text {
+  color: var(--ids-calendar-month-view-weekday-color-text);
+}
+.ids-month-view.is-fullsize .day-text {
+  color: var(--ids-calendar-month-view-color-text-default);
+}
+.ids-month-view.is-fullsize td {
+  border-style: solid;
+  border-width: 0 1px 1px;
+  position: relative;
+  transition: 0.1s background-color ease-out;
+  height: 99px;
+  width: 14.3%;
+  overflow: hidden;
+  user-select: none;
+}
+.ids-month-view.is-fullsize td:last-child {
+  border-right: 0;
+}
+.ids-month-view.is-fullsize td:first-child {
+  border-left: 0;
+}
+.ids-month-view.is-fullsize td:not(.is-selected):not(.has-legend):hover, .ids-month-view.is-fullsize td:not(.is-selected):not(.has-legend):active {
+  background-color: var(--ids-calendar-month-view-color-background-hover);
+}
+.ids-month-view.is-fullsize td.is-disabled {
+  opacity: 0.5;
+  background-color: var(--ids-calendar-month-view-color-background-disabled);
+}
+.ids-month-view.is-fullsize td.is-selected:not(.has-legend) {
+  background-color: var(--ids-calendar-month-view-color-background-selected);
+}
+.ids-month-view.is-fullsize td.is-selected {
+  box-shadow: inset 0 5px 0 0 var(--ids-calendar-month-view-color-selected);
+}
+.ids-month-view.is-fullsize td.is-selected:focus {
+  outline: none;
+}
+.ids-month-view.is-fullsize td.is-selected ids-text::part(text) {
+  font-weight: 600;
+}
+.ids-month-view.is-fullsize td.has-legend::after {
+  position: absolute;
+  width: 100%;
+  background-color: var(--legend-color);
+  content: "";
+  inset: 0;
+  opacity: 0.3;
+}
+.ids-month-view.is-fullsize td.has-legend.is-selected::after {
+  top: 5px;
+}
+.ids-month-view.is-fullsize td.has-legend:hover::after {
+  opacity: 0.7;
+}
+.ids-month-view.is-fullsize td.alternate .day-text {
+  color: var(--ids-calendar-month-view-color-text-alternate);
+}
+.ids-month-view.is-fullsize td .day-text {
+  position: absolute;
+  cursor: pointer;
+  z-index: 1;
+  left: calc(100% - 25px);
+  top: var(--ids-month-view-day-text-top, 13px);
+  width: 10px;
+  text-align: center;
+}
+.ids-month-view.is-fullsize td.month-label .day-text {
+  left: auto;
+  width: 100%;
+  text-align: right;
+}
+.ids-month-view.is-fullsize td.month-label ids-text::part(text) {
+  font-weight: 600;
+  padding-right: 10px;
+}
+.ids-month-view.is-fullsize th,
+.ids-month-view.is-fullsize td {
+  padding: 0;
+  border-bottom: 1px solid;
+  border-color: var(--ids-calendar-month-view-color-border);
+}
+.ids-month-view.is-fullsize.has-legend .month-view-container {
+  border-bottom: 1px solid var(--ids-calendar-month-view-color-border);
+}
+
+.ids-month-view.is-date-picker {
+  overflow: visible;
+}
+.ids-month-view.is-date-picker .month-view-container {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+.ids-month-view.is-date-picker td .day-container {
+  margin: 0;
+}
+.ids-month-view.is-date-picker ids-date-picker {
+  margin-left: 12px;
+}
+
+.ids-month-view.is-date-picker .month-view-legend,
+.ids-month-view.is-fullsize .month-view-legend {
+  text-align: center;
+}
+
+.month-view-legend-item.event-type .month-view-legend-swatch {
+  border-radius: 10px;
+  opacity: 1;
+}
+
+ids-toolbar ids-menu-button[menu=view-picker] {
+  margin-inline-end: 8px;
+}
+
+:host([dir=rtl]) .ids-month-view.is-fullsize td .day-text {
+  left: unset;
+  right: calc(100% - 25px);
+}
+:host([dir=rtl]) .ids-month-view.is-fullsize td.month-label .day-text {
+  right: auto;
+  text-align: left;
+}
+:host([dir=rtl]) .ids-month-view.is-fullsize td.month-label ids-text::part(text) {
+  padding-right: unset;
+  padding-left: 10px;
+}
+:host([dir=rtl]) .ids-month-view.is-fullsize td:last-child {
+  border-left: 0;
+}
+:host([dir=rtl]) .ids-month-view.is-date-picker ids-date-picker {
+  margin-left: 0;
+  margin-right: 12px;
+}
+:host([dir=rtl]) .ids-month-view.is-date-picker .btn-today {
+  margin-right: 0;
+  margin-left: -7px;
+}`;var Se=Zt(Jt(Qt(jt(Ut(Xt))))),st,at,nt,ot,rt,yt,ae,V,mt,vt,ne,ft,oe,j,ut,E,C,D,T,bt,re,dt,Ot,M,B,pt,de,wt,le,lt,Pt,f,w,_,et,ht,$t,Dt,he,ct,Lt,p,k,z,it,gt,Wt,xt,ce,St,ge,kt,me,Et,ue,At,ye,tt=class extends Se{constructor(){super();d(this,yt);d(this,V);d(this,vt);d(this,ft);d(this,j);d(this,E);d(this,D);d(this,bt);d(this,dt);d(this,M);d(this,pt);d(this,wt);d(this,lt);d(this,f);d(this,_);d(this,ht);d(this,Dt);d(this,ct);d(this,p);d(this,z);d(this,gt);d(this,xt);d(this,St);d(this,kt);d(this,Et);d(this,At);d(this,st,NaN);d(this,at,NaN);d(this,nt,NaN);d(this,ot,NaN);d(this,rt,!1);Ct(this,"onLanguageChange",()=>{a(this,f,w).call(this)});Ct(this,"onLocaleChange",()=>{a(this,f,w).call(this)})}connectedCallback(){super.connectedCallback(),a(this,yt,ae).call(this),a(this,V,mt).call(this),a(this,f,w).call(this)}static get attributes(){return[...super.attributes,r.COMPACT,r.END_DATE,r.FIRST_DAY_OF_WEEK,r.IS_DATEPICKER,r.SHOW_PICKLIST_MONTH,r.SHOW_PICKLIST_WEEK,r.SHOW_PICKLIST_YEAR,r.SHOW_TODAY,r.START_DATE]}template(){return`<div class="ids-month-view ${this.compact?"is-compact":"is-fullsize"}${this.isDatePicker?" is-date-picker":""}" part="container">
+      <div class="month-view-container" part="table-container">
+        <table class="month-view-table" aria-label="${this.localeAPI?.translate("Calendar")}" role="application">
+          <thead class="month-view-table-header">
+            <tr></tr>
+          </thead>
+          <tbody></tbody>
+        </table>
+      </div>
+    </div>`}changeDate(t,i=!1){if(t==="next-month")if(this.localeAPI?.isIslamic()){let e=q(this.activeDate),s=e.month===11?e.year+1:e.year,o=e.month===11?0:e.month+1,n=G(s,o,e.day===30?1:e.day);this.day=n.getDate(),this.year=n.getFullYear(),this.month=n.getMonth()}else this.year=this.month===11?this.year+1:this.year,this.month=this.month===11?0:this.month+1,this.day=a(this,z,it).call(this,this.day);if(t==="previous-month")if(this.localeAPI?.isIslamic()){let e=q(this.activeDate),s=e.month===0?e.year-1:e.year,o=e.month===0?11:e.month-1,n=G(s,o,e.day===30?1:e.day);this.day=n.getDate(),this.year=n.getFullYear(),this.month=n.getMonth()}else this.year=this.month===0?this.year-1:this.year,this.month=this.month===0?11:this.month-1,this.day=a(this,z,it).call(this,this.day);if(t==="next-day"){let e=Z(this.year,this.month,this.day,this.localeAPI?.isIslamic());if(e.getDate()===this.day&&i)return;if(this.localeAPI?.isIslamic()){let s=S(this.activeDate,1,"days");this.day=s.getDate(),this.year=s.getFullYear(),this.month=s.getMonth();return}if(e.getDate()===this.day){let s=S(e,1,"days");this.year=s.getFullYear(),this.month=s.getMonth(),this.day=s.getDate()}else this.day+=1}if(t==="previous-day"){let e=J(this.year,this.month,this.day,this.localeAPI?.isIslamic());if(e.getDate()===this.day&&i)return;if(this.localeAPI?.isIslamic()){let s=$(this.activeDate,1,"days");this.day=s.getDate(),this.year=s.getFullYear(),this.month=s.getMonth();return}if(e.getDate()===this.day){let s=$(e,1,"days");this.year=s.getFullYear(),this.month=s.getMonth(),this.day=s.getDate()}else this.day-=1}if(t==="next-year")if(this.localeAPI?.isIslamic()){let e=q(this.activeDate),s=G(e.year+1,e.month,e.day===30?1:e.day);this.day=s.getDate(),this.month=s.getMonth(),this.year=s.getFullYear()}else{let e=this.year+1;this.year=e,this.day=a(this,z,it).call(this,this.day)}if(t==="previous-year")if(this.localeAPI?.isIslamic()){let e=q(this.activeDate),s=G(e.year-1,e.month,e.day===30?1:e.day);this.day=s.getDate(),this.month=s.getMonth(),this.year=s.getFullYear()}else{let e=this.year-1;this.year=e,this.day=a(this,z,it).call(this,this.day)}if(t==="today"){let e=new Date;this.day=e.getDate(),this.year=e.getFullYear(),this.month=e.getMonth(),this.useRange&&(this.rangeSettings.start=e.getTime(),this.rangeSettings.end=e.getTime()),this.focus()}if(t==="next-week"){let e=S(this.activeDate,7,"days"),s=Z(this.year,this.month,this.day,this.localeAPI?.isIslamic());if(e>s&&i)return;this.day=e.getDate(),(e>s||this.localeAPI?.isIslamic())&&(this.year=e.getFullYear(),this.month=e.getMonth())}if(t==="previous-week"){let e=$(this.activeDate,7,"days"),s=J(this.year,this.month,this.day,this.localeAPI?.isIslamic());if(e<s&&i)return;this.day=e.getDate(),(e<s||this.localeAPI?.isIslamic())&&(this.year=e.getFullYear(),this.month=e.getMonth())}if(t==="start-month"){let e=J(this.year,this.month,this.day,this.localeAPI?.isIslamic());this.day=e.getDate(),this.localeAPI?.isIslamic()&&(this.year=e.getFullYear(),this.month=e.getMonth())}if(t==="end-month"){let e=Z(this.year,this.month,this.day,this.localeAPI?.isIslamic());this.day=e.getDate(),this.localeAPI?.isIslamic()&&(this.month=e.getMonth(),this.year=e.getFullYear())}this.triggerDateChange(this.activeDate,t)}isDisabledByDate(t){let{years:i,dayOfWeek:e,dates:s,minDate:o,maxDate:n,isEnable:g}=this.disableSettings,c=a(this,p,k).call(this)&&(t<this.startDate||t>this.endDate),y=i.some(u=>u===t.getFullYear()),m=e.some(u=>u===t.getDay()),x=s.some(u=>new Date(u).getTime()===t.getTime()),b=t<=new Date(o)||t>=new Date(n),l=y||m||x||b;return(g?!l:l)||c}getActiveDayEvents(){let t=this.getSelectedDay(),i=t?[...t.querySelectorAll("ids-calendar-event")]:[];if(H(this,rt)&&t){let s=t.querySelectorAll(".events-container > [slot]");i=t?[...s]:[]}return i.map(s=>s.eventData)}selectDay(t,i,e){a(this,ct,Lt).call(this);let s=`td[data-year="${t}"][data-month="${i}"][data-day="${e}"]`,o=this.container?.querySelector(s);o&&a(this,ht,$t).call(this,o)}getSelectedDay(){let t=`td[data-year="${this.year}"][data-month="${this.month}"][data-day="${this.day}"]`;return this.container?.querySelector(t)||null}focus(){let t=this.getSelectedDay();t&&(t.classList.contains("is-disabled")||(a(this,ct,Lt).call(this),a(this,ht,$t).call(this,t),setTimeout(()=>t.focus(),10)))}onFirstDayOfWeekChange(){this.container&&this.firstDayOfWeek!==H(this,ot)&&a(this,f,w).call(this)}onMonthChange(){this.container&&(a(this,p,k).call(this)?this.selectDay(this.year,this.month,this.day):this.month!==H(this,nt)&&(a(this,f,w).call(this),a(this,D,T).call(this)))}onYearChange(){this.container&&(a(this,p,k).call(this)?this.selectDay(this.year,this.month,this.day):this.year!==H(this,st)&&(a(this,f,w).call(this),a(this,D,T).call(this)))}onDayChange(t,i){!this.container||this.day===H(this,at)||!(this.rangeSettings.start||this.useRange)&&!this.isDatePicker&&this.selectDay(this.year,this.month,i?t:this.day)}get startDate(){let t=this.getAttribute(r.START_DATE)??"",i=new Date(t);return t&&Q(i)?i:null}set startDate(t){t?this.setAttribute(r.START_DATE,String(t)):this.removeAttribute(r.START_DATE),this.container&&(a(this,f,w).call(this),a(this,V,mt).call(this))}get endDate(){let t=this.getAttribute(r.END_DATE)??"",i=new Date(t);return t&&Q(i)?i:null}set endDate(t){t?this.setAttribute(r.END_DATE,String(t)):this.removeAttribute(r.END_DATE),this.container&&(a(this,f,w).call(this),a(this,V,mt).call(this))}get compact(){let t=this.getAttribute(r.COMPACT);return v(t)}set compact(t){let i=v(t);i?this.setAttribute(r.COMPACT,"true"):this.removeAttribute(r.COMPACT),this.container?.classList.toggle("is-fullsize",!i),this.container?.classList.toggle("is-compact",i),this.container&&a(this,lt,Pt).call(this)}set showWeekNumbers(t){v(t)?this.setAttribute(r.SHOW_WEEK_NUMBERS,""):this.removeAttribute(r.SHOW_WEEK_NUMBERS)}get showWeekNumbers(){return v(this.getAttribute(r.SHOW_WEEK_NUMBERS))}get isDatePicker(){let t=this.getAttribute(r.IS_DATEPICKER);return v(t)}set isDatePicker(t){let i=v(t);i?this.setAttribute(r.IS_DATEPICKER,"true"):this.removeAttribute(r.IS_DATEPICKER),this.container?.classList.toggle("is-date-picker",i)}onDisableSettingsChange(){a(this,f,w).call(this)}onLegendSettingsChange(t){this.container&&(a(this,f,w).call(this),a(this,vt,ne).call(this),this.container.classList[t&&t.length?"add":"remove"]("has-legend"))}onRangeSettingsChange(t){this.container&&(this.useRange&&t?.start?this.selectDay():(a(this,E,C).call(this),this.selectDay(this.year,this.month,this.day)),this.container.classList.toggle("range-select-week",this.rangeSettings.selectWeek),a(this,D,T).call(this))}onUseRangeChange(t){t?(this.selectDay(),a(this,D,T).call(this)):(a(this,E,C).call(this),this.selectDay(this.year,this.month,this.day))}get showPicklistYear(){let t=this.getAttribute(r.SHOW_PICKLIST_YEAR);return t?v(t):!0}set showPicklistYear(t){let i=v(t);this.setAttribute(r.SHOW_PICKLIST_YEAR,String(i))}get showPicklistMonth(){let t=this.getAttribute(r.SHOW_PICKLIST_MONTH);return t?v(t):!0}set showPicklistMonth(t){let i=v(t);this.setAttribute(r.SHOW_PICKLIST_MONTH,String(i))}get showPicklistWeek(){return v(this.getAttribute(r.SHOW_PICKLIST_WEEK))}set showPicklistWeek(t){v(t)?this.setAttribute(r.SHOW_PICKLIST_WEEK,"true"):this.removeAttribute(r.SHOW_PICKLIST_WEEK)}removeAllEvents(){this.container?.querySelectorAll(".events-container").forEach(t=>{t.innerHTML=""})}filterEventsByMonth(t=[]){return t.filter(i=>{let e=new Date(i.starts);return this.startDate&&this.endDate?this.startDate<=e&&e<this.endDate:e.getMonth()===this.month&&e.getFullYear()===this.year})}async renderEventsData(t=!1){if(!t&&typeof this.state.beforeEventsRender=="function"){let o=this.startDate||new Date(this.year,this.month,1),n=this.endDate||new Date(this.year,this.month+1,0);this.eventsData=await this.state.beforeEventsRender(o,n);return}if(this.removeAllEvents(),!this.state.hasRendered||!this.eventsData?.length)return;let i=this.filterEventsByMonth(this.eventsData),e=a(this,xt,ce).call(this,i),s=this.querySelector('[slot="customCalendarEvent"]');for(let o in e)e.hasOwnProperty(o)&&a(this,kt,me).call(this,o,e[o],s)}selectDayFromValue(t){let i=t;this.useRange&&this.rangeSettings.separator&&this.rangeSettings.end&&(i=Vt(t,this.rangeSettings.separator));let{month:e,day:s,year:o}=Gt(i);this.day=s,this.month=e,this.year=o,this.useRange?(this.selectDay(),a(this,D,T).call(this)):(a(this,E,C).call(this),this.selectDay(o,e,s))}get onDayRender(){return this.state.onDayRender}set onDayRender(t){this.state.onDayRender=t}generateYOffset(t){return t.order*16+35}isEventOverflowing(t){return t.order>2}};st=new WeakMap,at=new WeakMap,nt=new WeakMap,ot=new WeakMap,rt=new WeakMap,yt=new WeakSet,ae=function(){return this.offEvent("click.month-view-dayselect"),this.onEvent("click.month-view-dayselect",this.container?.querySelector("tbody"),t=>{if(t.target?.classList.contains("week-num-text")){t.stopImmediatePropagation(),t.stopPropagation();return}a(this,ft,oe).call(this,t.target.closest("td"))}),this.offEvent("mouseover.month-view-range"),this.onEvent("mouseover.month-view-range",this.container?.querySelector("tbody"),t=>{let i=t.target.closest("td");if(!i)return;let{year:e,month:s,day:o}=i.dataset;a(this,M,B).call(this,e,s,o)}),this.offEvent("mouseleave.month-view-range"),this.onEvent("mouseleave.month-view-range",this.container?.querySelector("tbody"),()=>{this.container?.querySelectorAll("td").forEach(t=>t.classList.remove("range-next","range-prev"))}),this.onEvent("click.overflow",this.container,t=>{if(t.target.tagName==="IDS-TEXT"&&t.target.classList.contains("events-overflow")){t.stopPropagation();let i=new Date(t.target.getAttribute("data-date"));this.triggerEvent("overflow-click",this,{detail:{date:i},bubbles:!0,cancelable:!0,composed:!0})}}),this},V=new WeakSet,mt=function(){let t=[33,34,35,36,37,38,39,40,187,189];return a(this,p,k).call(this)?this.offEvent("keydown.month-view-keyboard"):(this.offEvent("keydown.month-view-keyboard"),this.onEvent("keydown.month-view-keyboard",this.container?.querySelector(".month-view-table"),i=>{let e=i.keyCode;if(t.includes(e)&&(i.stopPropagation(),i.stopImmediatePropagation(),i.preventDefault()),this.useRange){if(this.rangeSettings.start){e===27&&(this.rangeSettings.start=null,a(this,E,C).call(this),this.selectDay(this.year,this.month,this.day),this.focus()),e===38&&(this.changeDate("previous-week",!0),a(this,M,B).call(this,this.year,this.month,this.day)),e===40&&(this.changeDate("next-week",!0),a(this,M,B).call(this,this.year,this.month,this.day)),(e===39||e===187&&i.shiftKey)&&(this.changeDate("next-day",!0),a(this,M,B).call(this,this.year,this.month,this.day)),(e===37||e===189&&!i.shiftKey)&&(this.changeDate("previous-day",!0),a(this,M,B).call(this,this.year,this.month,this.day)),(e===13||e===32)&&(a(this,j,ut).call(this,this.year,this.month,this.day),a(this,_,et).call(this)),this.focus();return}(e===13||e===32)&&(this.rangeSettings.selectWeek?(a(this,dt,Ot).call(this,this.year,this.month,this.day),a(this,_,et).call(this)):(a(this,j,ut).call(this,this.year,this.month,this.day),this.focus()))}e===38&&this.changeDate("previous-week"),e===40&&this.changeDate("next-week"),(e===39||e===187&&i.shiftKey)&&this.changeDate("next-day"),(e===37||e===189&&!i.shiftKey)&&this.changeDate("previous-day"),e===33&&!i.altKey&&!(i.ctrlKey||i.metaKey)&&this.changeDate("previous-month"),e===34&&!i.altKey&&!(i.ctrlKey||i.metaKey)&&this.changeDate("next-month"),e===33&&(i.ctrlKey||i.metaKey)&&this.changeDate("previous-year"),e===34&&(i.ctrlKey||i.metaKey)&&this.changeDate("next-year"),e===36&&this.changeDate("start-month"),e===35&&this.changeDate("end-month"),e===84&&this.changeDate("today"),((t.includes(e)||e===84)&&!this.isDatePicker||e===32||e===13)&&a(this,_,et).call(this),(t.includes(e)||e===84)&&(this.isDatePicker&&this.selectDay(this.year,this.month,this.day),this.focus())})),this},vt=new WeakSet,ne=function(){let t=this.legend&&this.legend.length>0?`
+      <div class="month-view-legend">
+        ${this.legend.map(i=>`
+          <div class="month-view-legend-item ${i.cssClass||""}">
+            <span class="month-view-legend-swatch" data-color="${i.color}"></span>
+            <ids-text class="month-view-legend-text" ${i.fontSize?`font-size="${i.fontSize}"`:""}>${i.name}</ids-text>
+          </div>
+        `).join("")}
+      </div>
+    `:"";this.container?.querySelector(".month-view-legend")?.remove(),this.container?.querySelector(".month-view-container")?.insertAdjacentHTML("beforeend",t),a(this,gt,Wt).call(this)},ft=new WeakSet,oe=function(t){if(!t)return;let{month:i,year:e,day:s}=t.dataset;t.classList.contains("is-disabled")||(a(this,j,ut).call(this,e,i,s),this.day=s,(Mt(i)!==this.month||this.localeAPI?.isIslamic())&&(this.month=i),(Mt(e)!==this.year||this.localeAPI?.isIslamic())&&(this.year=e),this.focus(),a(this,_,et).call(this))},j=new WeakSet,ut=function(t,i,e){if(!this.useRange)return;let s=new Date(t,i,e),o=s.getTime(),n=this.rangeSettings.start?X(this.rangeSettings.start,s):0,g=this.rangeSettings.start&&!this.rangeSettings.end,c=!(this.rangeSettings.selectBackward||this.rangeSettings.selectForward),y=this.rangeSettings.selectBackward&&n<0,m=this.rangeSettings.selectForward&&n>0,x=new Date(this.rangeSettings.start),b=x.getTime(),l=this.rangeSettings.minDays,h=this.rangeSettings.maxDays,u=l>0&&Math.abs(n)<l,U=h>0&&Math.abs(n)>h,A=n>=0?S(x,l,"days"):$(x,l,"days");if(this.selectDay(t,i,e),!this.rangeSettings.selectWeek)if(g&&!U&&(c||y||m)){if(u){this.rangeSettings.end=o>=b?A.getTime():this.rangeSettings.start,this.rangeSettings.start=$(this.rangeSettings.end,l,"days"),a(this,D,T).call(this);return}this.rangeSettings.end=o>=b?o:this.rangeSettings.start,this.rangeSettings.start=o<=b?o:this.rangeSettings.start,a(this,D,T).call(this)}else this.rangeSettings.start=o,this.rangeSettings.end=null,a(this,E,C).call(this)},E=new WeakSet,C=function(){this.container?.querySelectorAll("td").forEach(t=>t.classList.remove("range-next","range-prev","range-selection","not-included"))},D=new WeakSet,T=function(){if(!this.useRange)return;let t=new Date(this.rangeSettings.start),i=new Date(this.rangeSettings.end),e=this.rangeSettings.end?X(t,i):0;a(this,E,C).call(this),Array.from({length:e+1}).forEach((s,o)=>{let n=S(t,o,"days"),g=["td",`[data-year="${n.getFullYear()}"]`,`[data-month="${n.getMonth()}"]`,`[data-day="${n.getDate()}"]`].join(""),c=this.container?.querySelector(g);c?.classList.add("range-selection"),this.rangeSettings.includeDisabled||c?.classList.add("not-included"),(o===0||o===e)&&!this.rangeSettings.selectWeek&&(c?.setAttribute("aria-selected","true"),c?.setAttribute("role","gridcell"),c?.classList.add("is-selected"))})},bt=new WeakSet,re=function(t){let i=new Date(this.rangeSettings.start),e=new Date(this.rangeSettings.end);return t.getTime()>=i.getTime()&&t.getTime()<=e.getTime()},dt=new WeakSet,Ot=function(t,i,e){let s=Rt(new Date(t,i,e),this.firstDayOfWeek);s.getTime()!==this.rangeSettings.start?.getTime()&&(this.rangeSettings.start=s,this.rangeSettings.end=S(this.rangeSettings.start,6,"days"),this.selectDay(),a(this,D,T).call(this))},M=new WeakSet,B=function(t,i,e){if(this.useRange){if(this.rangeSettings.selectWeek){a(this,dt,Ot).call(this,t,i,e);return}if(this.rangeSettings.start&&!(this.rangeSettings.end&&this.rangeSettings.start)){let s=new Date(this.rangeSettings.start),o=new Date(t,i,e),n=X(s,o);a(this,E,C).call(this);let g=!(this.rangeSettings.selectBackward||this.rangeSettings.selectForward),c=this.rangeSettings.selectBackward&&n<0,y=this.rangeSettings.selectForward&&n>0,m=this.rangeSettings.maxDays,x=m>0&&Math.abs(n)>m;n!==0&&!x&&(g||c||y)&&Array.from({length:Math.abs(n)}).forEach((b,l)=>{let h=n>0?S(s,l+1,"days"):$(s,l+1,"days"),u=["td",`[data-year="${h.getFullYear()}"]`,`[data-month="${h.getMonth()}"]`,`[data-day="${h.getDate()}"]`].join("");this.container?.querySelector(u)?.classList.add(n>0?"range-next":"range-prev"),this.rangeSettings.includeDisabled||this.container?.querySelector(u)?.classList.add("not-included")})}}},pt=new WeakSet,de=function(t,i){let e=X(t,i)===0,s=this.localeAPI?.isIslamic()?q(t).day===1:t.getDate()===1;if(a(this,p,k).call(this)&&(e||s))return"short"},wt=new WeakSet,le=function(t){let i=a(this,p,k).call(this)?this.startDate:J(this.year,this.month,this.day,this.localeAPI?.isIslamic()),e=a(this,p,k).call(this)?this.endDate:Z(this.year,this.month,this.day,this.localeAPI?.isIslamic()),s=Rt(i,this.firstDayOfWeek),o=S(s,t*7,"days"),n=new Date,g=this.compact,c=Array.from({length:7}).map((x,b)=>{let l=S(s,t*7+b,"days"),h=a(this,pt,de).call(this,l,s),u=this.localeAPI?.formatDate(l,{day:"numeric",month:h,numberingSystem:"latn"}),U=this.localeAPI?.formatDate(l,{dateStyle:"full"}),A=l.getDate(),R=l.getMonth(),O=l.getFullYear(),P=A===this.day&&O===this.year&&R===this.month,K=!this.useRange&&P,F=this.useRange&&!this.rangeSettings.start&&P,N=this.isDisabledByDate(l),ve=!a(this,p,k).call(this)&&(l<i||l>e),Tt=this.getLegendByDate(l),fe=a(this,bt,re).call(this,l),be=O===n.getFullYear()&&R===n.getMonth()&&A===n.getDate(),pe=Nt(ve&&"alternate",Tt&&"has-legend",N&&"is-disabled",(K||F)&&"is-selected",h&&"month-label",fe&&"range-selection",be&&"is-today"),we=K||F?'aria-selected="true" tabindex="0" role="gridcell"':'role="link"',De=[`data-year="${O}"`,`data-month="${R}"`,`data-day="${A}"`].join(" "),xe=Tt?`data-color="${Tt.color}"`:"",_t=this.generateDateKey(new Date(O,R,A)),It=`<td aria-label="${U}" ${De} ${pe} ${we} ${xe}>
+        <span class="day-container">
+          <ids-text
+            aria-hidden="true"
+            class="day-text"
+            font-size="14"
+          >${u}</ids-text>
+        </span>
+        ${g?"":`<div class="events-container" data-key="${_t}"></div>`}
+      </td>`;return typeof this.state.onDayRender=="function"&&(It=this.state.onDayRender(It,_t)),It}).join(""),y=`<td class="week-num-cell">
+      <ids-text class="week-num-text" font-size="14">${Bt(o)}</ids-text>
+    </td>`;return`${this.showWeekNumbers?y:""}${c}`},lt=new WeakSet,Pt=function(){let t=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],i=t.map(n=>this.localeAPI?.translate(`${this.compact?"DayNarrow":"DayAbbreviated"}${n}`)),e=t.map(n=>this.localeAPI?.translate(`DayWide${n}`)),s=`<th scope="col" class="week-num-cell">
+      <ids-text class="week-num-text" font-size="14">W#</ids-text>
+    </th>`,o=this.showWeekNumbers?s:"";o+=i.map((n,g)=>{let c=(g+this.firstDayOfWeek)%7,y=i[c];return`
+        <th scope="col" abbr="${e[c]}">
+          <ids-text
+            class="weekday-text"
+            font-size="14"
+          >${y}</ids-text>
+        </th>
+      `}).join(""),this.container?.querySelectorAll("thead th").forEach(n=>n.remove()),this.container?.querySelector("thead tr")?.insertAdjacentHTML("beforeend",o)},f=new WeakSet,w=function(){let t=a(this,p,k).call(this)?qt(this.startDate,this.endDate,this.firstDayOfWeek):Yt(this.year,this.month,this.day,this.firstDayOfWeek,this.localeAPI?.isIslamic());this.triggerEvent("beforerendermonth",this,{bubbles:!0,detail:{elem:this}});let i=Array.from({length:t}).map((e,s)=>`<tr>${a(this,wt,le).call(this,s)}</tr>`).join("");this.container?.querySelectorAll("tbody tr").forEach(e=>e.remove()),this.container?.querySelector("tbody")?.insertAdjacentHTML("beforeend",i),a(this,lt,Pt).call(this),a(this,gt,Wt).call(this),this.state.hasRendered=!0,!this.compact&&!this.isDatePicker&&this.renderEventsData(),Y(this,st,this.year),Y(this,nt,this.month),Y(this,at,this.day),Y(this,ot,this.firstDayOfWeek),this.triggerEvent("afterrendermonth",this,{bubbles:!0,detail:{elem:this}})},_=new WeakSet,et=function(){if(this.isDisabledByDate(this.activeDate))return;let t={detail:{elem:this,date:this.activeDate,useRange:this.useRange,rangeStart:this.useRange&&this.rangeSettings.start?new Date(this.rangeSettings.start):null,rangeEnd:this.useRange&&this.rangeSettings.end?new Date(this.rangeSettings.end):null,value:this.getFormattedDate(this.activeDate)},bubbles:!0,cancelable:!0,composed:!0};!this.compact&&!this.isDatePicker&&(t.detail.events=this.getActiveDayEvents()),this.triggerEvent("dayselected",this,t)},ht=new WeakSet,$t=function(t){t&&(t.setAttribute(r.TABINDEX,"0"),t.setAttribute("aria-selected","true"),t.setAttribute("role","gridcell"),t.classList.add("is-selected"))},Dt=new WeakSet,he=function(t){t&&(t.removeAttribute(r.TABINDEX),t.removeAttribute("aria-selected"),t.setAttribute("role","link"),t.classList.remove("is-selected"))},ct=new WeakSet,Lt=function(){this.container?.querySelectorAll("td.is-selected")?.forEach(t=>{a(this,Dt,he).call(this,t)})},p=new WeakSet,k=function(){return Q(this.startDate)&&Q(this.endDate)&&this.endDate>=this.startDate},z=new WeakSet,it=function(t){let i=Ht(this.year,this.month);return t>i?1:t},gt=new WeakSet,Wt=function(){this.container?.querySelectorAll("[data-color]").forEach(t=>{let i=t.dataset.color,e=i?.includes("#");i&&(t.style=`--legend-color: ${e?i:`var(--ids-color-${i})`}`)})},xt=new WeakSet,ce=function(t){let i={};return t.forEach(e=>{let s=this.generateDateKey(new Date(e.starts)).toString();i[s]||(i[s]=[]),i[s].push(e)}),i},St=new WeakSet,ge=function(t,i){return Math.ceil((i.getTime()-t.getTime())/(1e3*60*60*24))},kt=new WeakSet,me=function(t,i,e){if(!this.container)return;let s=this.container?.querySelector(`.events-container[data-key="${t}"]`),o=[...s?.childNodes||[]].map(c=>c.order),n=o.length?Math.max(...o)+1:0,g=!1;i.forEach((c,y)=>{let m=new Date(c.starts),x=new Date(c.ends),b=a(this,St,ge).call(this,m,x)||1;for(let l=0;l<b;l++){let h=a(this,At,ye).call(this,e),u=this.eventTypesData?.find(K=>K.id===c.type)??null,U=n+y;h.eventTypeData=u,h.eventData=c,h.cssClass=["is-month-view"],h.order=U,l>0&&m.setDate(m.getDate()+1);let A=m.getDate(),R=m.getFullYear(),O=m.getMonth();h.dateKey=`${R}${O}${A}`;let P=this.container?.querySelector(`td[data-year="${R}"][data-month="${O}"][data-day="${A}"]`);if(h.disabled=!!P?.classList.contains("is-disabled"),P){if(b>1){let N=["all-day"];l===0?N.push("calendar-event-start"):l===b-1?N.push("calendar-event-ends"):N.push("calendar-event-continue"),h.cssClass=N}let K=this.generateYOffset(h);h.setAttribute(r.Y_OFFSET,`${K}px`),g=this.isEventOverflowing(h),h.hidden=g,P.querySelector(".events-container")?.appendChild(h);let F=P.querySelector(".events-container");this.triggerEvent("beforeeventrendered",this,{detail:{elem:this,events:this.eventsData,event:h,dateCell:h,container:F},bubbles:!0}),F?.appendChild(h),this.triggerEvent("aftereventrendered",this,{detail:{elem:this,events:this.eventsData,event:h,dateCell:h,container:F},bubbles:!0})}}}),g&&s&&a(this,Et,ue).call(this,s,t)},Et=new WeakSet,ue=function(t,i){if(!t)return;let s=[...t.childNodes].filter(m=>m.hidden),o=i.substring(0,4),n=parseInt(i.substring(4,6))+1,g=i.substring(6),y=`
+      <ids-text data-date="${`${n}/${g}/${o}`}" class="events-overflow" font-size="12">
+        ${s.length}+ ${this.localeAPI.translate("More")}
+      </ids-text>
+    `;t.insertAdjacentHTML("beforeend",y)},At=new WeakSet,ye=function(t){if(t?.name==="MonthViewCalendarEventTemplate"){let i=t.assignedNodes()[0];if(i)return Y(this,rt,!0),i.cloneNode(!0)}return new te},tt=zt([Kt("ids-month-view"),Ft(se)],tt);var Ue=tt;export{Ue as a};