ids-enterprise-wc 1.4.1 → 1.5.0

package/chunks/ids-chunk-5HSBB6Q4.js

@@ -0,0 +1,495 @@
+import{a as T}from"./ids-chunk-INORKJPP.js";import{a as U}from"./ids-chunk-S5DWZGWU.js";import{a as Q}from"./ids-chunk-CVJMVRUN.js";import{a as J}from"./ids-chunk-BBBQ5YNO.js";import{a as Y}from"./ids-chunk-U34YTPJC.js";import{a as B}from"./ids-chunk-L7EY3TMT.js";import{a as K}from"./ids-chunk-U4K5B3VN.js";import{a as W,b as R}from"./ids-chunk-XE4WFW5M.js";import{a as G}from"./ids-chunk-E2XG4A54.js";import{b as F,c as N,d as z,h as j,j as S}from"./ids-chunk-I5QKQFWD.js";import{d as _}from"./ids-chunk-BVOD446S.js";import{e as b}from"./ids-chunk-Y6KVKFJX.js";import{a as d}from"./ids-chunk-6P577POZ.js";import{a as O,b as H,c as p,d as g,e as m,f as s}from"./ids-chunk-ZMMCFAAI.js";var X=`.ids-calendar {
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+}
+
+.calendar-legend-pane,
+.calendar-details-pane {
+  display: none;
+  width: 220px;
+  height: auto;
+}
+
+.ids-calendar.show-legend .calendar-legend-pane,
+.ids-calendar.show-details .calendar-details-pane {
+  display: block;
+}
+
+.calendar-contents {
+  flex-grow: 1;
+}
+
+.calendar-toolbar-pane {
+  display: block;
+  border-width: 1px 1px 0;
+  border-style: solid;
+  background-color: var(--ids-calendar-toolbar-color-background);
+  border-color: var(--ids-calendar-toolbar-color-border);
+  left: 0;
+  top: 0;
+  z-index: 4;
+  flex-shrink: 0;
+}
+
+.calendar-custom-legend {
+  display: none;
+  border-width: 0 1px 1px;
+  background-color: var(--ids-calendar-toolbar-color-background);
+  border-style: solid;
+  border-color: var(--ids-calendar-toolbar-color-border);
+  box-sizing: border-box;
+  padding: 4px;
+}
+.calendar-custom-legend.is-populated {
+  display: block;
+}
+
+ids-toolbar-section::part(container),
+.ids-toolbar-section {
+  align-items: center;
+}
+
+.calendar-details-pane ids-accordion-header[color=blue]::part(header) {
+  background-color: var(--ids-color-accent-blue-strong);
+}
+.calendar-details-pane ids-accordion-header[color=orange]::part(header) {
+  background-color: var(--ids-color-accent-orange-strong);
+}
+.calendar-details-pane ids-accordion-header[color=purple]::part(header) {
+  background-color: var(--ids-color-accent-purple-strong);
+}
+.calendar-details-pane ids-accordion-header[color=green]::part(header) {
+  background-color: var(--ids-color-accent-green-strong);
+}
+.calendar-details-pane ids-accordion-header[color=red]::part(header) {
+  background-color: var(--ids-color-accent-red-strong);
+}
+.calendar-details-pane ids-accordion-header[color=teal]::part(header) {
+  background-color: var(--ids-color-accent-teal-strong);
+}
+.calendar-details-pane ids-accordion-header[color=neutral]::part(header) {
+  background-color: var(--ids-color-accent-neutral-strong);
+}
+.calendar-details-pane ids-accordion-header::part(header) {
+  color: var(--ids-color-foreground-light-default);
+}
+.calendar-details-pane ids-accordion-header ids-text::part(text) {
+  overflow: hidden;
+  width: 150px;
+  white-space: nowrap;
+}
+.calendar-details-pane .panel-content {
+  padding-top: 15px;
+  padding-bottom: 15px;
+}
+.calendar-details-pane .panel-content hr {
+  border-bottom: none;
+  margin: 20px 0;
+}
+
+ids-accordion-panel::part(content) {
+  padding: 4px 0;
+}
+
+.btn-previous,
+.btn-next {
+  height: 36px;
+}
+
+.btn-today-text {
+  color: var(--ids-color-accent-blue-strong);
+}
+
+.calendar-events-list {
+  margin-top: 20px;
+  padding: 0;
+}
+.calendar-events-list .detail-item[color=blue] {
+  border-inline-start-color: var(--ids-color-accent-blue-strong);
+}
+.calendar-events-list .detail-item[color=orange] {
+  border-inline-start-color: var(--ids-color-accent-orange-strong);
+}
+.calendar-events-list .detail-item[color=purple] {
+  border-inline-start-color: var(--ids-color-accent-purple-strong);
+}
+.calendar-events-list .detail-item[color=green] {
+  border-inline-start-color: var(--ids-color-accent-green-strong);
+}
+.calendar-events-list .detail-item[color=red] {
+  border-inline-start-color: var(--ids-color-accent-red-strong);
+}
+.calendar-events-list .detail-item[color=teal] {
+  border-inline-start-color: var(--ids-color-accent-teal-strong);
+}
+.calendar-events-list .detail-item[color=neutral] {
+  border-inline-start-color: var(--ids-color-accent-neutral-strong);
+}
+.calendar-events-list .detail-item {
+  background-color: var(--ids-calendar-toolbar-color-background);
+  border-style: solid;
+  border-color: var(--ids-calendar-toolbar-color-border);
+  border-width: var(--ids-border-width-sm);
+  border-inline-start-width: 4px;
+  cursor: pointer;
+  display: flex;
+  flex-direction: row;
+  list-style: none;
+  align-items: center;
+  padding: 15px;
+}
+.calendar-events-list .detail-item:focus {
+  border-color: var(--ids-color-primary);
+  outline: none;
+}
+.calendar-events-list .calendar-detail-content {
+  flex-grow: 1;
+}
+.calendar-events-list .detail-item-duration {
+  padding: 0 8px;
+}
+
+.event-type-label,
+.event-types-legend {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+}
+
+.event-types-legend {
+  display: none;
+  padding: 10px;
+}
+.event-types-legend .event-type-color[color=blue] {
+  background-color: var(--ids-color-accent-blue-strong);
+}
+.event-types-legend .event-type-color[color=orange] {
+  background-color: var(--ids-color-accent-orange-strong);
+}
+.event-types-legend .event-type-color[color=purple] {
+  background-color: var(--ids-color-accent-purple-strong);
+}
+.event-types-legend .event-type-color[color=green] {
+  background-color: var(--ids-color-accent-green-strong);
+}
+.event-types-legend .event-type-color[color=red] {
+  background-color: var(--ids-color-accent-red-strong);
+}
+.event-types-legend .event-type-color[color=teal] {
+  background-color: var(--ids-color-accent-teal-strong);
+}
+.event-types-legend .event-type-color[color=neutral] {
+  background-color: var(--ids-color-accent-neutral-strong);
+}
+
+.event-type-label {
+  margin: 0 8px;
+}
+
+.event-type-color {
+  display: inline-block;
+  width: 12px;
+  height: 12px;
+  border-radius: 10px;
+  margin: 0 3px;
+}
+
+.inline-container {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+
+#event-form-popup {
+  width: 320px;
+}
+#event-form-popup::part(popup) {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+#event-form-header {
+  align-items: center;
+  color: var(--ids-color-neutral-10);
+  height: 40px;
+  padding-inline-start: 16px;
+  padding-inline-end: 8px;
+}
+#event-form-header ids-icon[data-action=close] {
+  color: var(--ids-color-neutral-10);
+  padding: 5px;
+  border-radius: 50%;
+  cursor: pointer;
+}
+#event-form-header ids-icon[data-action=close]:hover {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+#event-form {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+}
+#event-form #event-form-header[color=blue] {
+  background-color: var(--ids-color-accent-blue-strong);
+}
+#event-form #event-form-header[color=orange] {
+  background-color: var(--ids-color-accent-orange-strong);
+}
+#event-form #event-form-header[color=purple] {
+  background-color: var(--ids-color-accent-purple-strong);
+}
+#event-form #event-form-header[color=green] {
+  background-color: var(--ids-color-accent-green-strong);
+}
+#event-form #event-form-header[color=red] {
+  background-color: var(--ids-color-accent-red-strong);
+}
+#event-form #event-form-header[color=teal] {
+  background-color: var(--ids-color-accent-teal-strong);
+}
+#event-form #event-form-header[color=neutral] {
+  background-color: var(--ids-color-accent-neutral-strong);
+}
+#event-form ids-list-box-option {
+  text-align: left;
+}
+#event-form ids-date-picker,
+#event-form ids-time-picker {
+  max-width: 128px;
+}
+
+#event-form-content {
+  flex-grow: 1;
+  box-sizing: border-box;
+  padding: 12px 20px;
+  position: relative;
+}
+
+#event-form-actions ids-button {
+  flex-grow: 1;
+  border: 1px solid var(--ids-color-neutral-40);
+  border-bottom-width: 0;
+}
+#event-form-actions ids-button::part(button) {
+  border-radius: 0;
+  padding-top: 13px;
+  padding-bottom: 13px;
+}
+#event-form-actions ids-button[data-action=close] {
+  border-inline-start-width: 0;
+}
+#event-form-actions ids-button[data-action=submit] {
+  border-inline-end-width: 0;
+  margin-inline-start: -1px;
+}
+#event-form-actions ids-button[data-action=submit]::part(button) {
+  color: var(--ids-color-blue-70);
+}
+#event-form-actions ids-button[data-action=submit]::part(button):hover {
+  color: var(--ids-color-blue-80);
+}
+
+@media (max-width: 840px) {
+  .ids-calendar {
+    display: block;
+  }
+  .ids-calendar.show-legend .calendar-legend-pane {
+    display: none;
+  }
+  .calendar-view-pane,
+  .calendar-details-pane {
+    width: 100%;
+  }
+  #event-form-popup {
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+  }
+  #event-form-popup::part(popup) {
+    height: 100%;
+    width: 100%;
+  }
+  #event-form-content {
+    height: 100%;
+    overflow-y: auto;
+    padding-bottom: 50px;
+  }
+  #event-form-content ids-date-picker,
+  #event-form-content ids-time-picker {
+    max-width: unset;
+  }
+  #event-form-content .inline-container {
+    position: relative;
+    display: block;
+  }
+  #event-form-actions {
+    background-color: var(--ids-popup-menu-color-background-default);
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+  }
+}`;var me=Q(J(U(B(K(G))))),M,v,D,w,i,Z,ee,V,te,u,ne,ae,A,oe,f,ie,se,I,$,P,re,le,de,q,ce,k,C,he,E=class extends me{constructor(){super();g(this,i);g(this,M,parseInt(Y.md));g(this,v);g(this,D,"");g(this,w,!1);H(this,"onLocaleChange",e=>{this.updateEventDetails(this.state.selected),this.renderLegend(this.eventTypesData),s(this,i,P).call(this,e);let t=this.container?.querySelector("ids-month-view");t&&(t.locale=this.locale,t.language=this.language.name);let n=this.container?.querySelector("ids-week-view");n&&(n.locale=this.locale,n.language=this.language.name),this.container?.querySelectorAll("[translate-text]").forEach(o=>{o.language=this.language.name}),requestAnimationFrame(()=>{this.querySelectorAll("ids-checkbox[data-id]").forEach(o=>{o.setAttribute("language",this.language.name)})})});g(this,k,null)}static get attributes(){return[...super.attributes,d.DATE,d.FIRST_DAY_OF_WEEK,d.SHOW_DETAILS,d.SHOW_LEGEND,d.SUPPRESS_FORM]}set suppressForm(e){this.toggleAttribute(d.SUPPRESS_FORM,b(e))}get suppressForm(){return this.hasAttribute(d.SUPPRESS_FORM)}set showDetails(e){let t=b(e);if(this.toggleAttribute(d.SHOW_DETAILS,t),this.container?.classList.toggle("show-details",t),t)this.updateEventDetails(this.state.selected),this.container?.classList.add("show-details");else{let n=this.container?.querySelector(".calendar-details-pane");n&&(n.innerHTML=""),this.removeAttribute(d.SHOW_DETAILS),this.container?.classList.remove("show-details")}}get showDetails(){return this.hasAttribute(d.SHOW_DETAILS)}set showLegend(e){let t=b(e);this.toggleAttribute(d.SHOW_LEGEND,t),this.container?.classList.toggle("show-legend",t),t?this.renderLegend(this.eventTypesData):this.querySelector("#event-types-legend")?.remove()}get showLegend(){return this.hasAttribute(d.SHOW_LEGEND)}get showToday(){return b(this.getAttribute(d.SHOW_TODAY))}set showToday(e){let t=b(e);this.toggleAttribute(d.SHOW_TODAY,t),s(this,i,Z).call(this,t)}set date(e){let t=new Date(e);S(t)?(this.setAttribute(d.DATE,e.toString()),this.state.skipRender||(this.changeDate(t,this.state.view==="day"),this.updateEventDetails())):this.setAttribute(d.DATE,new Date().toString())}get date(){let e=new Date(this.getAttribute(d.DATE)||Date.now());return S(e)?e:new Date}connectedCallback(){super.connectedCallback(),s(this,i,te).call(this),this.changeView("month"),s(this,i,ee).call(this),this.viewPickerConnected(),this.onLocaleChange(this.localeAPI)}disconnectedCallback(){super.disconnectedCallback?.(),p(this,v)&&(p(this,v).disconnect(),m(this,v,null))}onEventTypesChange(e){this.renderLegend(e),s(this,i,C).call(this,e)}template(){return`
+      <div class="ids-calendar">
+        <div class="calendar-legend-pane"><slot name="legend"></slot></div>
+        <div class="calendar-contents">
+          <div class="calendar-toolbar-pane">${this.toolbarTemplate()}</div>
+          <div class="calendar-view-pane"></div>
+          <div class="calendar-custom-legend">
+            <slot name="custom-legend"></slot>
+          </div>
+        </div>
+        <div class="calendar-details-pane"></div>
+      </div>
+    `}detailAccordionTemplate(e){return`<ids-accordion allow-one-pane="true">${e.map((n,o)=>`
+      <ids-accordion-panel expanded="${o===0}">
+        <ids-accordion-header color="${n.color}" slot="header">
+          <ids-text font-weight="semi-bold" overflow="ellipsis">${n.shortSubject||n.subject}</ids-text>
+        </ids-accordion-header>
+        <div slot="content" class="panel-content">
+          ${n.status?`<ids-data-label label="${this.localeAPI.translate("Status")}">${n.status}</ids-data-label><hr>`:""}
+          <ids-data-label label="${this.localeAPI.translate("Date")}">${n.dateRange}</ids-data-label><hr>
+          <ids-data-label label="Event Type">${n.eventType}</ids-data-label><hr>
+          <ids-data-label label="${this.localeAPI.translate("Duration")}">${n.duration}</ids-data-label>
+          ${n.comments?`<hr><ids-data-label label="${this.localeAPI.translate("Comments")}">${n.comments}</ids-data-label>`:""}
+        </div>
+      </ids-accordion-panel>
+    `).join("")}</ids-accordion>`}detailListTemplate(e){return`<ul class="calendar-events-list">${e.map(n=>`
+      <li color="${n.color}" class="detail-item" tabindex="0" data-id="${n.id}">
+        <div class="calendar-detail-content">
+          <ids-text font-size="18" font-weight="semi-bold">${n.subject}</ids-text>
+          <ids-text font-size="14">${n.dateRange}</ids-text>
+          <ids-text font-size="14">${n.comments||""}${n.status?` | ${n.status}`:""}</ids-text>
+        </div>
+        <ids-text font-size="12" class="detail-item-duration">${n.duration}</ids-text>
+        <ids-icon icon="caret-right"></ids-icon>
+      </li>
+    `).join("")}</ul>`}todayBtnTemplate(){return this.showToday?`<ids-button css-class="no-padding" class="btn-today">
+      <ids-text class="btn-today-text" font-size="16" translate-text="true" font-weight="semi-bold">Today</ids-text>
+    </ids-button>`:""}toolbarTemplate(){let e=`<ids-button class="btn-previous">
+      <ids-text audible="true" translate-text="true">PreviousMonth</ids-text>
+      <ids-icon icon="chevron-left"></ids-icon>
+    </ids-button>
+    <ids-button class="btn-next">
+      <ids-text audible="true" translate-text="true">NextMonth</ids-text>
+      <ids-icon icon="chevron-right"></ids-icon>
+    </ids-button>`,t=`<ids-button class="btn-picker" id="btn-picker" css-class="no-padding">
+      <ids-text font-size="20"></ids-text>
+      <ids-icon icon="calendar"></ids-icon>
+    </ids-button>
+    <ids-date-picker-popup
+      show-today="true"
+      target="#btn-picker"
+      trigger-elem="#btn-picker"
+      trigger-type="click"
+      first-day-of-week="${this.firstDayOfWeek||0}">
+    </ids-date-picker-popup>`,n=this.todayBtnTemplate();return`
+      <ids-toolbar slot="toolbar" id="calendar-toolbar" class="calendar-toolbar" tabbable="true">
+        <ids-toolbar-section type="buttonset" class="toolbar-buttonset">
+          ${e}
+          ${t}
+          ${n}
+        </ids-toolbar-section>
+        <ids-toolbar-section type="buttonset" align="end">
+          ${this.viewPicker?this.createViewPickerTemplate("month"):""}
+        </ids-toolbar-section>
+      </ids-toolbar>
+    `}createNewEvent(e,t=!1){let n=new Date(this.date),o=n.getFullYear(),a=n.getMonth(),r=n.getDate(),l={id:e,subject:"New Event",isAllDay:"true",starts:new Date(o,a,r,0,0,0).toISOString(),ends:new Date(o,a,r,23,59,59,999).toISOString(),type:"dto",comments:"New Event Comments"};if(t){let c=this.getView(),h=c instanceof T?c.getSelectedDay():this.container;h&&s(this,i,A).call(this,h,l)}else this.addEvent(l)}positionFormPopup(e){let t=s(this,i,u).call(this);t&&e&&(t.alignTarget=null,t.alignTarget=e,t.place(),t.visible=!0),t?.querySelectorAll("ids-time-picker").forEach(n=>{n.picker.hidden=!0}),t?.querySelectorAll("ids-date-picker").forEach(n=>{n.popup.hidden=!0})}changeView(e="month"){if(this.state.view===e)return;let t=e==="month"?s(this,i,le).call(this):s(this,i,de).call(this,e==="day");this.insertViewTemplate(t),this.relayCalendarData(),this.state.view=e,e==="month"&&this.disableSettings?.dates?.length&&(this.getView().disableSettings=this.disableSettings,s(this,i,C).call(this,this.eventTypesData))}changeDate(e,t){let n=this.getView();if(!(!n||!S(e))){if(n.tagName==="IDS-MONTH-VIEW")n.setAttribute(d.YEAR,String(e.getFullYear())),n.setAttribute(d.MONTH,String(e.getMonth())),n.setAttribute(d.DAY,String(e.getDate()));else if(n.tagName==="IDS-WEEK-VIEW"){let{start:o,end:a}=s(this,i,I).call(this,e,t);n.setAttribute(d.START_DATE,String(o)),n.setAttribute(d.END_DATE,String(a))}}}insertViewTemplate(e){let t=this.container?.querySelector(".calendar-view-pane");t&&(t.innerHTML=e)}relayCalendarData(){let e=this.getView(),t=s(this,i,q).call(this,this.eventsData);e?.offEvent("beforeeventrendered"),e?.onEvent("beforeeventrendered",e,n=>{this.triggerEvent("beforeeventrendered",this,{detail:n.detail})}),e?.offEvent("aftereventrendered"),e?.onEvent("aftereventrendered",e,n=>{this.triggerEvent("aftereventrendered",this,{detail:n.detail})}),e&&(e.eventsData=t,e.eventTypesData=this.eventTypesData)}formatDateRange(e,t){let n={dateStyle:"long",timeStyle:"short"},o=this.localeAPI.formatDate(e,n),a=this.localeAPI.formatDate(t,n);return`${o} - ${a}`.replace(/ /g," ")}formatDuration(e,t){let n=z(e,t,!0);if(n>=24){let a=Math.round(n/24),r=this.localeAPI.translate(a===1?"Day":"Days");return`${this.localeAPI.parseNumber(a.toString())} ${r}`}if(n<1){let a=e.getMinutes(),l=t.getMinutes()-a,c=this.localeAPI.translate(l===1?"Minute":"Minutes");return`${this.localeAPI.parseNumber(l.toString())} ${c}`}let o=this.localeAPI.translate(n===1?"Hour":"Hours");return`${this.localeAPI.parseNumber(n.toString())} ${o}`}updateEventDetails(e){let t=this.container?.querySelector(".calendar-details-pane");if(!this.showDetails||!t)return;if(this.getView()?.tagName!=="IDS-MONTH-VIEW"){t.innerHTML="";return}e=e||s(this,i,re).call(this)||[],e=s(this,i,q).call(this,e);let o=e.map(a=>s(this,i,ce).call(this,a));t.innerHTML=this.state.isMobile?this.detailListTemplate(o):this.detailAccordionTemplate(o)}addEvent(e){this.eventsData=this.eventsData.concat(e),this.triggerEvent("eventadded",this,{detail:{elem:this,value:e},bubbles:!0,cancelable:!0,composed:!0})}updateEvent(e){let t=this.eventsData.slice(0),n=t.find(o=>o.id===e.id);if(n){let o=Object.assign(n,e);this.eventsData=t,this.triggerEvent("eventupdated",this,{detail:{elem:this,value:o},bubbles:!0,cancelable:!0,composed:!0})}else this.addEvent(e)}clearEvents(){this.eventsData=[],this.beforeEventsRender=void 0}renderLegend(e=[]){if(this.querySelector("#event-types-legend")?.remove(),!this.showLegend||!e.length||this.querySelector('[slot="legend"]'))return;let n=`
+      <ids-accordion id="event-types-legend" slot="legend">
+        <ids-accordion-panel expanded="true">
+          <ids-accordion-header slot="header" expander-type="caret">
+            <ids-text translate-text="true">Legend</ids-text>
+          </ids-accordion-header>
+          <div slot="content"><p>${e.map(o=>`
+      <ids-checkbox
+        class="event-type-checkbox"
+        checked="${o.checked}"
+        data-id="${o.id}"
+        label="${o.translationKey?this.localeAPI.translate(o.translationKey):o.label}"
+        color="${o.color}"
+        disabled="${o.disabled||"false"}">
+      </ids-checkbox>
+    `).join("")}</p></div>
+        </ids-accordion-panel>
+      </ids-accordion>
+    `;this.insertAdjacentHTML("afterbegin",n)}getView(){return this.container?.querySelector("ids-month-view")||this.container?.querySelector("ids-week-view")}get startDate(){let e=this.getView()?.startDate;if(!e){let t=this.date;return t.setDate(1),t}return e}get endDate(){let e=this.getView()?.endDate;if(!e){let t=this.date;return t.setMonth(t.getMonth()+1,0),t}return e}async renderEventsData(e=!1){if(!e&&typeof this.state.beforeEventsRender=="function"){this.eventsData=await this.state.beforeEventsRender(this.startDate,this.endDate);return}Array.isArray(this.eventsData)&&(this.relayCalendarData(),this.updateEventDetails())}formatMonthRange(e){let t=e||this.localeAPI;if(!t)return"";let n=this.startDate,o=j(this.endDate,1,"days"),a=t.formatDate(n,{month:"long"}),r=t.formatDate(o,{month:"long"}),l=t.formatDate(n,{year:"numeric"});return t.formatDate(o,{year:"numeric"})!==l?`${t.formatDate(n,{month:"short",year:"numeric"})} - ${t.formatDate(o,{month:"short",year:"numeric"})}`:r!==a?`${t.formatDate(n,{month:"short"})} - ${r} ${l}`:t.formatDate(n,{month:"long",year:"numeric"})}onFirstDayOfWeekChange(e){let t=this.getView();if(this.container?.querySelector("ids-date-picker-popup")?.setAttribute(d.FIRST_DAY_OF_WEEK,String(e||0)),t?.tagName==="IDS-MONTH-VIEW"&&(t.firstDayOfWeek=e),t?.tagName==="IDS-WEEK-VIEW"){let o=this.date,a=this.state.view==="day",{start:r,end:l}=s(this,i,I).call(this,o,a);t.startDate=r,t.endDate=l}}onDisableSettingsChange(e){let t=this.getView();t?.tagName==="IDS-MONTH-VIEW"&&(t.disableSettings=e)}};M=new WeakMap,v=new WeakMap,D=new WeakMap,w=new WeakMap,i=new WeakSet,Z=function(e){let t=this.container?.querySelector("ids-toolbar-section"),n=this.container?.querySelector(".btn-today");e?e&&n==null&&t?.insertAdjacentHTML("beforeend",this.todayBtnTemplate()):n?.remove()},ee=function(){let e=_(this,"ids-container")||this.container,t;m(this,v,new ResizeObserver(n=>{cancelAnimationFrame(t),t=requestAnimationFrame(()=>s(this,i,he).call(this,n))})),p(this,v).observe(e)},V=function(e){let t=new Date(e.starts),n=new Date(e.ends),o=this.getEventTypeById(e.type),a=this.eventTypesData.map(c=>`
+      <ids-list-box-option value="${c.id}">
+        <ids-text>${c.label}</ids-text>
+      </ids-list-box-option>
+    `).join(""),r=(c,h,y)=>`
+      <ids-date-picker
+        id="${c}"
+        label="${this.localeAPI.translate(h)}"
+        size="full"
+        value="${this.localeAPI.formatDate(y)}"
+        mask>
+      </ids-date-picker>
+    `,l=(c,h)=>`
+      <ids-time-picker
+        id="${c}"
+        label="&nbsp"
+        size="full"
+        disabled="${b(e.isAllDay)}"
+        value="${this.localeAPI.formatDate(h,{hour:"numeric",minute:"numeric"})}">
+      </ids-time-picker>
+    `;return`
+      <form id="event-form" data-id="${e.id}" slot="content">
+        <div id="event-form-header" class="inline-container" color="${o?.color||"blue"}">
+          <ids-text font-size="16" font-weight="semi-bold">${o?.label||""}</ids-text>
+          <ids-icon icon="close" data-action="close" aria-label="Close" role="button"></ids-icon>
+        </div>
+        <div id="event-form-content">
+          <ids-input size="full" id="event-subject" type="text" label="${this.localeAPI.translate("Subject")}" value="${e.subject}"></ids-input>
+          <ids-dropdown size="full" id="event-type" label="${this.localeAPI.translate("EventType")}" value="${e.type}">
+            <ids-list-box>${a}</ids-list-box>
+          </ids-dropdown>
+          <ids-checkbox id="event-is-all-day" label="${this.localeAPI.translate("AllDay")}" checked="${e.isAllDay}"></ids-checkbox>
+          <div class="inline-container">
+            ${r("event-from-date","From",t)}
+            ${l("event-from-hour",t)}
+          </div>
+          <div class="inline-container">
+            ${r("event-to-date","To",n)}
+            ${l("event-to-hour",n)}
+          </div>
+          <ids-textarea size="full" id="event-comments" label="${this.localeAPI.translate("Comments")}" autoselect="true">${e.comments||""}</ids-textarea>
+        </div>
+        <div id="event-form-actions" class="inline-container">
+          <ids-button data-action="close" no-padding no-margins>
+            <ids-text font-weight="semi-bold" translate-text="true">Cancel</ids-text>
+          </ids-button>
+          <ids-button data-action="submit" no-padding no-margins>
+            <ids-text font-weight="semi-bold" translate-text="true">Submit</ids-text>
+          </ids-button>
+        </div>
+      </form>
+    `},te=function(){let e,t=0,n;this.offEvent("dayselected.calendar-container"),this.onEvent("dayselected.calendar-container",this.container,a=>{clearTimeout(e),t++;let r=()=>{s(this,i,$).call(this,a.detail.date),this.state.selected=a.detail?.events||[],this.updateEventDetails(a.detail?.events)},l=()=>{if(this.suppressForm)return;let h=Date.now().toString()+Math.floor(Math.random()*100);this.createNewEvent(h,!0)},c=()=>{this.triggerEvent("daydblclick.calendar",this,{detail:{...a.detail}})};e=setTimeout(()=>{r(),t=0},250),t===2&&a.detail.date.getTime()===n?.getTime()&&(clearTimeout(e),r(),l(),t=0,c()),n=a.detail.date}),this.offEvent("viewchange.calendar"),this.onEvent("viewchange.calendar",this,async a=>{a.stopPropagation(),s(this,i,$).call(this,a.detail.date),this.changeView(a.detail.view),await this.renderEventsData()}),this.offEvent("datechange.calendar-container"),this.onEvent("datechange.calendar-container",this.container,async a=>{a.stopPropagation(),s(this,i,$).call(this,a.detail.date),await this.renderEventsData()}),this.offEvent("change.calendar-legend"),this.onEvent("change.calendar-legend",this.container?.querySelector(".calendar-legend-pane"),a=>{a.stopPropagation(),s(this,i,f).call(this),s(this,i,se).call(this,a.detail.elem,a.detail.checked),this.relayCalendarData(),this.updateEventDetails(this.state.selected)}),this.offEvent("overflow-click.calendar-container"),this.onEvent("overflow-click.calendar-container",this.container,a=>{a.stopPropagation(),a.detail.date&&(this.setViewPickerValue("day"),this.updateEventDetails(this.state.selected))}),this.onEvent("click.details-item",this.container?.querySelector(".calendar-details-pane"),a=>{let r=a.target.closest(".detail-item");if(r){a.stopPropagation(),a.stopImmediatePropagation();let l=r.getAttribute("data-id"),c=this.getEventById(l);c&&(m(this,D,l),s(this,i,f).call(this),this.container&&s(this,i,A).call(this,this.container,c))}}),this.offEvent("clickcalendarevent",this),this.onEvent("clickcalendarevent",this,a=>{let r=a.detail.elem;m(this,D,r.eventData.id),s(this,i,f).call(this),s(this,i,A).call(this,r.container,r.eventData)}),this.offEvent("beforerendermonth"),this.onEvent("beforerendermonth",this.container,a=>{a.stopPropagation(),a.stopImmediatePropagation(),a.detail.elem.parentElement?.classList?.contains("calendar-view-pane")&&this.triggerEvent("beforerendermonth",this,{bubbles:!0,detail:{...a.detail}})}),this.offEvent("afterrendermonth"),this.onEvent("afterrendermonth",this.container,a=>{a.stopPropagation(),a.stopImmediatePropagation(),a.detail.elem.parentElement?.classList?.contains("calendar-view-pane")&&this.triggerEvent("afterrendermonth",this,{bubbles:!0,detail:{...a.detail}})});let o=this.container?.querySelector('slot[name="custom-legend"]');this.offEvent("slotchange",o),this.onEvent("slotchange",o,a=>{a.target?.assignedElements()?.length&&(m(this,w,!0),this.container?.querySelector(".calendar-custom-legend")?.classList.add("is-populated"))}),this.viewPicker&&this.attachViewPickerEvents("month"),s(this,i,ne).call(this)},u=function(){return this.container?.querySelector("#event-form-popup")},ne=function(){let e=this.container?.querySelector("ids-toolbar-section.toolbar-buttonset"),t=this.container?.querySelector("ids-date-picker-popup");this.offEvent("show.popup"),this.onEvent("show.popup",t,()=>{s(this,i,P).call(this,this.localeAPI)}),this.offEvent("hide.popup"),this.onEvent("hide.popup",t,n=>{n.stopPropagation(),n.detail.doFocus&&t&&t.target?.focus()}),this.offEvent("click.month-view-buttons"),this.onEvent("click.month-view-buttons",e,n=>{n.stopPropagation();let o=n.target,a=this.container?.querySelector("ids-month-view"),r=this.container?.querySelector("ids-week-view");if(o.classList.contains("btn-previous")&&(a?.changeDate("previous-month"),r?.changeDate("previous")),o.classList.contains("btn-next")&&(a?.changeDate("next-month"),r?.changeDate("next")),o.classList.contains("btn-today")){let l=a||r;l?.changeDate("today"),l?.focus()}if(o.classList.contains("btn-apply")){let l=t?.year??null,c=t?.month??null;a&&(a.year=l,a.month=c),t&&(t.expanded=!1)}}),this.offEvent("dayselected.month-view-datepicker"),this.onEvent("dayselected.month-view-datepicker",t,n=>{n.stopPropagation();let o=n.detail.date;this.changeDate(o,this.state.view==="day")}),this.offEvent("expanded.month-view-picklist"),this.onEvent("expanded.month-view-picklist",t,n=>{let o=n.detail.expanded;this.container?.querySelector(".btn-today")?.setAttribute("hidden",o.toString()),this.container?.querySelector(".btn-apply")?.setAttribute("hidden",(!o).toString()),this.container?.querySelector(".btn-previous")?.setAttribute("hidden",o.toString()),this.container?.querySelector(".btn-next")?.setAttribute("hidden",o.toString()),o?this.container?.querySelector("td.is-selected")?.removeAttribute("tabindex"):this.container?.querySelector("td.is-selected")?.setAttribute("tabindex","0")}),this.showToday?(this.offEvent("click.week-view-today"),this.onEvent("click.week-view-today",this.container?.querySelector(".btn-today"),()=>{this.getView()?.changeDate("today")})):this.offEvent("click.week-view-today")},ae=function(){let e=s(this,i,u).call(this);this.offEvent("dayselected.calendar-event-form"),this.onEvent("dayselected.calendar-event-form",e,t=>{t.stopPropagation()}),this.offEvent("click.calendar-event-form",e),this.onEvent("click.calendar-event-form",e,t=>{if(t.target&&t.target.hasAttribute("data-action")){t.stopPropagation();let n=t.target.getAttribute("data-action");if(n==="close"){s(this,i,f).call(this);return}if(n==="submit"){let o=s(this,i,u).call(this)?.querySelector("#event-form");s(this,i,ie).call(this,o),s(this,i,f).call(this)}}}),this.offEvent("change.calendar-event-form",e),this.onEvent("change.calendar-event-form",e,t=>{t.stopPropagation();let n=t.detail.checked;s(this,i,oe).call(this,n)}),e&&(e.onOutsideClick=t=>{(t.composedPath&&t.composedPath())?.includes(e)||s(this,i,f).call(this)})},A=function(e,t){if(this.suppressForm)return;let n=s(this,i,u).call(this);n?n.innerHTML=`${s(this,i,V).call(this,t)}`:this.container?.insertAdjacentHTML("beforeend",`
+        <ids-popup
+          id="event-form-popup"
+          arrow="right"
+          x="160"
+          align="center"
+          animated="false"
+          visible="false"
+          type="menu"
+          position-style="absolute">
+          ${s(this,i,V).call(this,t)}
+        </ids-popup>
+      `),this.positionFormPopup(e),s(this,i,ae).call(this),s(this,i,u).call(this)?.querySelector("#event-subject")?.focus()},oe=function(e){let t=s(this,i,u).call(this);t&&t.querySelectorAll("ids-time-picker").forEach(n=>{n.disabled=e})},f=function(){let e=s(this,i,u).call(this);e&&(this.offEvent("click.calendar-event-form",e),e.remove())},ie=function(e){let t=e.getAttribute("data-id"),n=e.querySelector("#event-subject")?.value,o=e.querySelector("#event-type")?.value,a=e.querySelector("#event-is-all-day")?.checked,r=a==="true"?"true":"false",l=e.querySelector("#event-comments")?.value,c=e.querySelector("#event-from-date"),h=e.querySelector("#event-from-hour"),y=c.dateValue;y.setHours(a?0:h.hours24),y.setMinutes(a?0:h.minutes),y.setSeconds(a?0:h.seconds);let pe=y.toISOString(),ue=e.querySelector("#event-to-date"),L=e.querySelector("#event-to-hour"),x=ue.dateValue;x.setHours(a?23:L.hours24),x.setMinutes(a?59:L.minutes),x.setSeconds(a?59:L.seconds);let ve=x.toISOString(),ge={id:t,subject:n,type:o,isAllDay:r,starts:pe,ends:ve,comments:l};this.updateEvent(ge)},se=function(e,t){let n=e.getAttribute("data-id"),o=this.getEventTypeById(n);o&&(o.checked=t)},I=function(e,t){let n=t?e:F(e,this.firstDayOfWeek),o=t?e:N(e,this.firstDayOfWeek);return n.setHours(0,0,0,0),o.setHours(0,0,0,0),{start:n,end:o}},$=function(e){this.state.skipRender=!0,e=e||this.date;let t=`${e.getMonth()+1}/${e.getDate()}/${e.getFullYear()}`;this.setAttribute("date",t),s(this,i,P).call(this,void 0,e),this.state.skipRender=!1},P=function(e,t){let o=this.container?.querySelector(".btn-picker")?.querySelector("ids-text"),a=t||this.date,r=this.formatMonthRange(e)||null;o&&(o.textContent=r);let l=this.container?.querySelector("ids-date-picker-popup");l&&l?.updateMonthYearPickerTriggerDisplay&&(l.day=a.getDate(),l.month=a.getMonth(),l.year=a.getFullYear(),l?.updateMonthYearPickerTriggerDisplay(e,a))},re=function(){let e=this.getView();return e&&e instanceof T?(this.state.selected=e.getActiveDayEvents(),this.state.selected):[]},le=function(){let e=this.date,t=this.firstDayOfWeek?`first-day-of-week="${this.firstDayOfWeek}"`:"";return`
+      <ids-month-view
+        month="${e.getMonth()}"
+        day="${e.getDate()}"
+        year="${e.getFullYear()}"
+        ${t}>
+        <slot name="MonthViewCalendarEventTemplate" slot="customCalendarEvent"></slot>
+      </ids-month-view>
+    `},de=function(e=!1){let t=this.date,{start:n,end:o}=s(this,i,I).call(this,t,e);return`
+      <ids-week-view
+        start-date="${n}"
+        end-date="${o}"
+      ></ids-week-view>
+    `},q=function(e){if(!this.eventTypesData?.length)return e;let t=this.eventTypesData.filter(n=>n.checked).map(n=>n.id);return e.filter(n=>t.includes(n.type))},ce=function(e){let t=new Date(e.starts),n=new Date(e.ends),o=this.getEventTypeById(e.type);return{...e,dateRange:this.formatDateRange(t,n),duration:this.formatDuration(t,n),eventType:e.type,color:o?.color||"blue"}},k=new WeakMap,C=function(e){let t=this.getView();if(!(t instanceof T))return;let n=null;this.state.isMobile&&!p(this,w)&&Array.isArray(e)&&e.length&&(n=e.map(o=>({name:o.label,color:`${o.color}-60`,dayOfWeek:[],cssClass:"event-type",fontSize:14}))),p(this,k)!==n&&(m(this,k,n),t.legend=n)},he=function(e){let n=e[0].contentRect.width<=p(this,M);this.state.isMobile!==n&&(this.state.isMobile=n,this.updateEventDetails(this.state.selected),s(this,i,C).call(this,this.eventTypesData),this.positionFormPopup(this.getView()?.getEventElemById(p(this,D))?.container))},E=O([W("ids-calendar"),R(X)],E);export{E as a};

package/chunks/{ids-chunk-KNS4G32T.js → ids-chunk-5IZQC6U6.js}

@@ -1,4 +1,4 @@
-import{a as K}from"./ids-chunk-EX3JGHXB.js";import{e as H}from"./ids-chunk-T35PTRDE.js";import{a as V}from"./ids-chunk-BBZCGBJQ.js";import{a as U}from"./ids-chunk-3ZOAGWM6.js";import{a as N}from"./ids-chunk-WBDXDLKP.js";import{a as P}from"./ids-chunk-CMTTSJWO.js";import{a as q}from"./ids-chunk-T6ZV4PDM.js";import{e as B}from"./ids-chunk-CK6SA7FU.js";import{a as F,b as R}from"./ids-chunk-XE4WFW5M.js";import{d as z,n as S}from"./ids-chunk-U4XVR5SW.js";import{a}from"./ids-chunk-4O5N6MTO.js";import{a as k,b as r,c as v,d,e as D,g as s}from"./ids-chunk-Y32WUP63.js";var G=`:host {
+import{a as k}from"./ids-chunk-35YLGXKN.js";import{e as O}from"./ids-chunk-T35PTRDE.js";import{a as C}from"./ids-chunk-TPB43LXV.js";import{a as L}from"./ids-chunk-I3FA4EQI.js";import{a as v}from"./ids-chunk-A57CAC7H.js";import{a as N}from"./ids-chunk-L7EY3TMT.js";import{a as T}from"./ids-chunk-T6ZV4PDM.js";import{e as A}from"./ids-chunk-CK6SA7FU.js";import{a as M,b as I}from"./ids-chunk-XE4WFW5M.js";import{d as S,n as h}from"./ids-chunk-BVOD446S.js";import{a}from"./ids-chunk-6P577POZ.js";import{a as x,b as r,c as p,d as u,e as w,f as d}from"./ids-chunk-ZMMCFAAI.js";var D=`:host {
   display: block;
   position: fixed;
   transition: box-shadow var(--ids-motion-duration) var(--ids-motion-ease), transform var(--ids-motion-duration) var(--ids-motion-ease);
@@ -284,7 +284,7 @@ import{a as K}from"./ids-chunk-EX3JGHXB.js";import{e as H}from"./ids-chunk-T35PT
 
 ::slotted(ids-tooltip::part(tooltip)) {
   display: flex;
-}`;var A="module-nav-is-open",ee=V(K(P(q(U)))),l,b,X,f,$,p,T,g,j,y,_,u,L,E,Y,x,W,w,J,M,Q,I,Z,h,C,m=class extends ee{constructor(){super();d(this,b);d(this,f);d(this,p);d(this,g);d(this,y);d(this,u);d(this,E);d(this,x);d(this,w);d(this,M);d(this,I);d(this,h);r(this,"accordionPaneSetting");r(this,"globalKeydownListener");r(this,"ro");d(this,l,void 0);r(this,"isFiltered",!1);r(this,"filterAccordion",(e="")=>{if(!this.accordion)return[];let i=[...this.accordion.querySelectorAll("ids-accordion-panel")];if(!i.length)return[];this.clearFilterAccordion(),this.accordionPaneSetting=!!this.accordion.allowOnePane,this.accordion.allowOnePane=!1;let t=new RegExp(e,"gi"),o=c=>{if(c.hasParentPanel){let n=c.parentElement,O=n.header;n.expanded||(n.expanded=!0),O.childFilterMatch=!0,o(n)}};return i.filter(c=>{let n=c.header;if(n.textContent.trim().match(t))return n.hiddenByFilter&&(n.hiddenByFilter=!1),o(c),this.isFiltered=!0,n;n.hiddenByFilter||(n.hiddenByFilter=!0)})});r(this,"onLanguageChange",e=>{let i=e?.isRTL()||!1,t=i?"left":"right",o=this.tooltipEl?.popup;this.tooltipEl?.setAttribute(a.PLACEMENT,t),o&&(o.useRight=i,o.setAttribute(a.ALIGN,t))});this.accordionPaneSetting=!1,this.onOutsideClick=()=>{}}connectedCallback(){super.connectedCallback(),this.edge="start",this.type="module-nav",this.visible=!0,s(this,x,W).call(this),s(this,w,J).call(this),s(this,M,Q).call(this),s(this,g,j).call(this),this.setResize(),this.setScrollable(),s(this,y,_).call(this),s(this,b,X).call(this),s(this,h,C).call(this)}disconnectedCallback(){super.disconnectedCallback?.(),s(this,u,L).call(this),s(this,E,Y).call(this),s(this,f,$).call(this)}static get attributes(){return[...super.attributes,a.FILTERABLE,a.PINNED]}template(){return`<div class="ids-drawer ids-module-nav-bar type-module-nav">
+}`;var b="module-nav-is-open",K=C(k(N(T(L)))),l,t,F,R,f,z,P,g,B,q,U,V,H,y,m=class extends K{constructor(){super();u(this,t);r(this,"accordionPaneSetting");r(this,"globalKeydownListener");r(this,"ro");u(this,l);r(this,"isFiltered",!1);r(this,"filterAccordion",(e="")=>{if(!this.accordion)return[];let i=[...this.accordion.querySelectorAll("ids-accordion-panel")];if(!i.length)return[];this.clearFilterAccordion(),this.accordionPaneSetting=!!this.accordion.allowOnePane,this.accordion.allowOnePane=!1;let o=new RegExp(e,"gi"),s=c=>{if(c.hasParentPanel){let n=c.parentElement,E=n.header;n.expanded||(n.expanded=!0),E.childFilterMatch=!0,s(n)}};return i.filter(c=>{let n=c.header;if(n.textContent.trim().match(o))return n.hiddenByFilter&&(n.hiddenByFilter=!1),s(c),this.isFiltered=!0,n;n.hiddenByFilter||(n.hiddenByFilter=!0)})});r(this,"onLanguageChange",e=>{let i=e?.isRTL()||!1,o=i?"left":"right",s=this.tooltipEl?.popup;this.tooltipEl?.setAttribute(a.PLACEMENT,o),s&&(s.useRight=i,s.setAttribute(a.ALIGN,o))});this.accordionPaneSetting=!1,this.onOutsideClick=()=>{}}connectedCallback(){super.connectedCallback(),this.edge="start",this.type="module-nav",this.visible=!0,d(this,t,q).call(this),d(this,t,U).call(this),d(this,t,V).call(this),d(this,t,z).call(this),this.setResize(),this.setScrollable(),d(this,t,P).call(this),d(this,t,F).call(this),d(this,t,y).call(this)}disconnectedCallback(){super.disconnectedCallback?.(),d(this,t,g).call(this),d(this,t,B).call(this),d(this,t,R).call(this)}static get attributes(){return[...super.attributes,a.FILTERABLE,a.PINNED]}template(){return`<div class="ids-drawer ids-module-nav-bar type-module-nav">
       <div class="ids-module-nav-bar-main">
         <div class="ids-module-nav-switcher-wrapper">
           <slot name="role-switcher"></slot>
@@ -315,6 +315,6 @@ import{a as K}from"./ids-chunk-EX3JGHXB.js";import{e as H}from"./ids-chunk-T35PT
       <div class="ids-module-nav-bar-detail">
         <slot name="detail"></slot>
       </div>
-    </div>`}get parent(){let e=z(this,"ids-module-nav");if(e)return e}get content(){let e=this.nextElementSibling;if(e?.tagName==="IDS-MODULE-NAV-CONTENT")return e}get mainEl(){return this.container?.querySelector(".ids-module-nav-main")}get accordion(){return this.querySelector("ids-accordion")}get items(){return[...this.querySelectorAll("ids-module-nav-item")]}get searchFieldEl(){return this.querySelector("ids-search-field")}get settingsEl(){return this.querySelector("ids-module-nav-settings")}get switcherEl(){return this.querySelector("ids-module-nav-switcher")}get userEl(){return this.querySelector("ids-module-nav-user")}get tooltipEl(){return this.querySelector("ids-tooltip")}set filterable(e){N(a.FILTERABLE,this,e),e||this.searchFieldEl?.clear()}get filterable(){return this.hasAttribute(a.FILTERABLE)}set pinned(e){N(a.PINNED,this,e),this.setScrollable(),this.setResize()}get pinned(){return this.hasAttribute(a.PINNED)}onDisplayModeChange(e,i){this.searchFieldEl?.clear(),this.content&&(this.content.displayMode=this.displayMode),this.switcherEl&&(this.switcherEl.displayMode=this.displayMode),this.accordion&&(i!=="expanded"&&this.accordion.collapseAll(),s(this,p,T).call(this)),this.settingsEl&&(this.settingsEl.displayMode=this.displayMode),this.userEl&&(this.userEl.displayMode=this.displayMode),this.setOutsideClick(),this.setScrollable(),this.setResize()}onTextDisplayChange(e){this.accordion&&(this.accordion.headers.forEach(i=>{i.textDisplay=e}),this.settingsEl&&(this.settingsEl.textDisplay=e),this.userEl&&(this.userEl.textDisplay=e))}get emptyIconContainerEl(){return this.container?.querySelector(".ids-module-nav-search-no-results")}renderNoFilterResults(){this.emptyIconContainerEl?.classList.add("visible"),this.mainEl?.setAttribute(a.HIDDEN,"")}clearFilterAccordion(){[...this.accordion?.querySelectorAll("[hidden-by-filter]")??[]].map(o=>(o.hiddenByFilter=!1,o)),this.emptyIconContainerEl?.classList.remove("visible"),this.mainEl?.removeAttribute(a.HIDDEN),s(this,I,Z).call(this),this.isFiltered=!1,this.accordion&&(this.accordion.allowOnePane=this.accordionPaneSetting)}addOpenEvents(){super.addOpenEvents(),this.globalKeydownListener=e=>{e.key==="Escape"&&(e.stopImmediatePropagation(),this.hide())},document.addEventListener("keydown",this.globalKeydownListener)}removeOpenEvents(){super.removeOpenEvents(),this.globalKeydownListener&&document.removeEventListener("keydown",this.globalKeydownListener)}setResize(){typeof ResizeObserver>"u"||(this.ro?.disconnect(),this.ro||(this.ro=new ResizeObserver(()=>{this.setScrollable()})),this.pinned?this.accordion&&this.ro.observe(this.accordion):this.ro.observe(this))}setScrollable(){this.pinned?(this.setBarScrollable(!1),this.setAccordionScrollable()):(this.setAccordionScrollable(!1),this.setBarScrollable())}setBarScrollable(e){let i=this.container;i&&S(i,void 0,e)}setAccordionScrollable(e){if(!this.accordion)return;let i=!1,t=this.accordion.container;t&&S(t,void 0,e)&&(i=!0),this.container?.classList[i?"add":"remove"]("has-section-scrollbars")}setTooltipTarget(e){if(["IDS-MODULE-NAV-BUTTON","IDS-MODULE-NAV-ITEM","IDS-MODULE-NAV-SETTINGS","IDS-MODULE-NAV-USER"].includes(e.tagName)){let t=e.getAttribute("id"),o=e.textContent?.trim()||"";this.tooltipEl&&(this.tooltipEl.setAttribute(a.TARGET,`#${t}`),this.tooltipEl.popup?.setAttribute(a.ARROW_TARGET,`#${t}`),this.tooltipEl.innerHTML=`<span class="ids-module-nav-tooltip-text">${o}</span>`)}}setOutsideClick(){this.displayMode==="expanded"?this.establishOutsideClick():this.removeOutsideClick()}async establishOutsideClick(){await B(10),this.onOutsideClick=e=>{this.contains(e.target)||this.parent.handleOutsideClick()}}removeOutsideClick(){this.onOutsideClick=()=>{}}};l=new WeakMap,b=new WeakSet,X=function(){D(this,l,new MutationObserver(e=>{for(let i of e)i.type==="childList"&&this.accordion&&s(this,p,T).call(this)})),this.accordion&&v(this,l).observe(this.accordion,{childList:!0,subtree:!0})},f=new WeakSet,$=function(){v(this,l)&&v(this,l).disconnect()},p=new WeakSet,T=function(){this.items?.forEach(e=>{e.textNode&&(e.displayMode=this.displayMode)})},g=new WeakSet,j=function(){[...this.querySelectorAll("ids-accordion")].forEach(o=>{o.colorVariant="module-nav"});let i=this.settingsEl;i&&(i.colorVariant="module-nav"),[...this.querySelectorAll("ids-button")].forEach(o=>{o.colorVariant="alternate"})},y=new WeakSet,_=function(){s(this,u,L).call(this),this.onEvent("show.module-nav-show",this,i=>{i.target.tagName==="IDS-MODULE-NAV-BAR"&&this.parent&&(this.parent?.classList.add(A),this.displayMode||(this.displayMode="collapsed"))}),this.onEvent("hide.module-nav-hide",this,i=>{i.target.tagName==="IDS-MODULE-NAV-BAR"&&this.parent&&(this.parent?.classList.remove(A),this.displayMode&&(this.displayMode=!1))}),this.onEvent("beforeexpanded.accordion",this,i=>{let t=this.displayMode==="expanded";return i.detail.response(t)}),this.onEvent("cleared.search",this.searchFieldEl,()=>{this.accordion?.collapseAll()}),this.onEvent("mouseover.tooltip",this,i=>{this.setTooltipTarget(i.target)}),this.onEvent("beforeshow.tooltip",this.tooltipEl,i=>{let t=!0;if(this.displayMode||(t=!1),this.displayMode==="expanded"){let o=this.tooltipEl?.popup?.alignTarget;!o||o.tagName==="IDS-MODULE-NAV-BUTTON"?t=!1:t=H(o.textNode)}i.detail.response(t)});let e=this.container?.querySelector('slot[name="footer"]');this.offEvent("slotchange.module-nav-footer"),this.onEvent("slotchange.module-nav-footer",e,()=>{s(this,h,C).call(this)})},u=new WeakSet,L=function(){this.offEvent("show.module-nav-show"),this.offEvent("hide.module-nav-hide"),this.offEvent("beforeexpanded.accordion"),this.offEvent("cleared.search"),this.offEvent("mouseover.tooltip"),this.offEvent("beforeshow.tooltip"),this.offEvent("slotchange.module-nav-footer")},E=new WeakSet,Y=function(){this.parent?.classList.remove(A)},x=new WeakSet,W=function(){let e=this.searchFieldEl;e&&(e.colorVariant="module-nav",e.onSearch=i=>{if(i!==""){let t=this.filterAccordion(i);return t.length||this.renderNoFilterResults(),t}return this.clearFilterAccordion(),[]},this.offEvent("cleared.search"),this.onEvent("cleared.search",e,()=>this.clearFilterAccordion()))},w=new WeakSet,J=function(){let e=this.accordion;e&&(e.colorVariant="module-nav",this.accordionPaneSetting=e.allowOnePane)},M=new WeakSet,Q=function(){let e=this.tooltipEl,i=this.localeAPI;e||this.insertAdjacentHTML("beforeend",`<ids-tooltip
+    </div>`}get parent(){let e=S(this,"ids-module-nav");if(e)return e}get content(){let e=this.nextElementSibling;if(e?.tagName==="IDS-MODULE-NAV-CONTENT")return e}get mainEl(){return this.container?.querySelector(".ids-module-nav-main")}get accordion(){return this.querySelector("ids-accordion")}get items(){return[...this.querySelectorAll("ids-module-nav-item")]}get searchFieldEl(){return this.querySelector("ids-search-field")}get settingsEl(){return this.querySelector("ids-module-nav-settings")}get switcherEl(){return this.querySelector("ids-module-nav-switcher")}get userEl(){return this.querySelector("ids-module-nav-user")}get tooltipEl(){return this.querySelector("ids-tooltip")}set filterable(e){v(a.FILTERABLE,this,e),e||this.searchFieldEl?.clear()}get filterable(){return this.hasAttribute(a.FILTERABLE)}set pinned(e){v(a.PINNED,this,e),this.setScrollable(),this.setResize()}get pinned(){return this.hasAttribute(a.PINNED)}onDisplayModeChange(e,i){this.searchFieldEl?.clear(),this.content&&(this.content.displayMode=this.displayMode),this.switcherEl&&(this.switcherEl.displayMode=this.displayMode),this.accordion&&(i!=="expanded"&&this.accordion.collapseAll(),d(this,t,f).call(this)),this.settingsEl&&(this.settingsEl.displayMode=this.displayMode),this.userEl&&(this.userEl.displayMode=this.displayMode),this.setOutsideClick(),this.setScrollable(),this.setResize()}onTextDisplayChange(e){this.accordion&&(this.accordion.headers.forEach(i=>{i.textDisplay=e}),this.settingsEl&&(this.settingsEl.textDisplay=e),this.userEl&&(this.userEl.textDisplay=e))}get emptyIconContainerEl(){return this.container?.querySelector(".ids-module-nav-search-no-results")}renderNoFilterResults(){this.emptyIconContainerEl?.classList.add("visible"),this.mainEl?.setAttribute(a.HIDDEN,"")}clearFilterAccordion(){[...this.accordion?.querySelectorAll("[hidden-by-filter]")??[]].map(s=>(s.hiddenByFilter=!1,s)),this.emptyIconContainerEl?.classList.remove("visible"),this.mainEl?.removeAttribute(a.HIDDEN),d(this,t,H).call(this),this.isFiltered=!1,this.accordion&&(this.accordion.allowOnePane=this.accordionPaneSetting)}addOpenEvents(){super.addOpenEvents(),this.globalKeydownListener=e=>{e.key==="Escape"&&(e.stopImmediatePropagation(),this.hide())},document.addEventListener("keydown",this.globalKeydownListener)}removeOpenEvents(){super.removeOpenEvents(),this.globalKeydownListener&&document.removeEventListener("keydown",this.globalKeydownListener)}setResize(){typeof ResizeObserver>"u"||(this.ro?.disconnect(),this.ro||(this.ro=new ResizeObserver(()=>{this.setScrollable()})),this.pinned?this.accordion&&this.ro.observe(this.accordion):this.ro.observe(this))}setScrollable(){this.pinned?(this.setBarScrollable(!1),this.setAccordionScrollable()):(this.setAccordionScrollable(!1),this.setBarScrollable())}setBarScrollable(e){let i=this.container;i&&h(i,void 0,e)}setAccordionScrollable(e){if(!this.accordion)return;let i=!1,o=this.accordion.container;o&&h(o,void 0,e)&&(i=!0),this.container?.classList[i?"add":"remove"]("has-section-scrollbars")}setTooltipTarget(e){if(["IDS-MODULE-NAV-BUTTON","IDS-MODULE-NAV-ITEM","IDS-MODULE-NAV-SETTINGS","IDS-MODULE-NAV-USER"].includes(e.tagName)){let o=e.getAttribute("id"),s=e.textContent?.trim()||"";this.tooltipEl&&(this.tooltipEl.setAttribute(a.TARGET,`#${o}`),this.tooltipEl.popup?.setAttribute(a.ARROW_TARGET,`#${o}`),this.tooltipEl.innerHTML=`<span class="ids-module-nav-tooltip-text">${s}</span>`)}}setOutsideClick(){this.displayMode==="expanded"?this.establishOutsideClick():this.removeOutsideClick()}async establishOutsideClick(){await A(10),this.onOutsideClick=e=>{this.contains(e.target)||this.parent.handleOutsideClick()}}removeOutsideClick(){this.onOutsideClick=()=>{}}};l=new WeakMap,t=new WeakSet,F=function(){w(this,l,new MutationObserver(e=>{for(let i of e)i.type==="childList"&&this.accordion&&d(this,t,f).call(this)})),this.accordion&&p(this,l).observe(this.accordion,{childList:!0,subtree:!0})},R=function(){p(this,l)&&p(this,l).disconnect()},f=function(){this.items?.forEach(e=>{e.textNode&&(e.displayMode=this.displayMode)})},z=function(){[...this.querySelectorAll("ids-accordion")].forEach(s=>{s.colorVariant="module-nav"});let i=this.settingsEl;i&&(i.colorVariant="module-nav"),[...this.querySelectorAll("ids-button")].forEach(s=>{s.colorVariant="alternate"})},P=function(){d(this,t,g).call(this),this.onEvent("show.module-nav-show",this,i=>{i.target.tagName==="IDS-MODULE-NAV-BAR"&&this.parent&&(this.parent?.classList.add(b),this.displayMode||(this.displayMode="collapsed"))}),this.onEvent("hide.module-nav-hide",this,i=>{i.target.tagName==="IDS-MODULE-NAV-BAR"&&this.parent&&(this.parent?.classList.remove(b),this.displayMode&&(this.displayMode=!1))}),this.onEvent("beforeexpanded.accordion",this,i=>{let o=this.displayMode==="expanded";return i.detail.response(o)}),this.onEvent("cleared.search",this.searchFieldEl,()=>{this.accordion?.collapseAll()}),this.onEvent("mouseover.tooltip",this,i=>{this.setTooltipTarget(i.target)}),this.onEvent("beforeshow.tooltip",this.tooltipEl,i=>{let o=!0;if(this.displayMode||(o=!1),this.displayMode==="expanded"){let s=this.tooltipEl?.popup?.alignTarget;!s||s.tagName==="IDS-MODULE-NAV-BUTTON"?o=!1:o=O(s.textNode)}i.detail.response(o)});let e=this.container?.querySelector('slot[name="footer"]');this.offEvent("slotchange.module-nav-footer"),this.onEvent("slotchange.module-nav-footer",e,()=>{d(this,t,y).call(this)})},g=function(){this.offEvent("show.module-nav-show"),this.offEvent("hide.module-nav-hide"),this.offEvent("beforeexpanded.accordion"),this.offEvent("cleared.search"),this.offEvent("mouseover.tooltip"),this.offEvent("beforeshow.tooltip"),this.offEvent("slotchange.module-nav-footer")},B=function(){this.parent?.classList.remove(b)},q=function(){let e=this.searchFieldEl;e&&(e.colorVariant="module-nav",e.onSearch=i=>{if(i!==""){let o=this.filterAccordion(i);return o.length||this.renderNoFilterResults(),o}return this.clearFilterAccordion(),[]},this.offEvent("cleared.search"),this.onEvent("cleared.search",e,()=>this.clearFilterAccordion()))},U=function(){let e=this.accordion;e&&(e.colorVariant="module-nav",this.accordionPaneSetting=e.allowOnePane)},V=function(){let e=this.tooltipEl,i=this.localeAPI;e||this.insertAdjacentHTML("beforeend",`<ids-tooltip
         id="module-nav-tooltip"
-        placement="${i.isRTL()?"left":"right"}"></ids-tooltip>`)},I=new WeakSet,Z=function(){[...this.accordion?.querySelectorAll("[child-filter-match]")??[]].map(i=>(i.childFilterMatch=!1,i))},h=new WeakSet,C=function(){let e=this.container?.querySelector('slot[name="footer"]'),i=e?.assignedElements()?.length>0,t=this.container?.querySelector(".ids-module-nav-separator");if(i&&!t){let o=document.createElement("ids-separator");o.classList.add("ids-module-nav-separator"),o.setAttribute("color-variant","module-nav"),e?.insertAdjacentElement("beforebegin",o)}else!i&&t&&t?.remove()},m=k([F("ids-module-nav-bar"),R(G)],m);export{m as a};
+        placement="${i.isRTL()?"left":"right"}"></ids-tooltip>`)},H=function(){[...this.accordion?.querySelectorAll("[child-filter-match]")??[]].map(i=>(i.childFilterMatch=!1,i))},y=function(){let e=this.container?.querySelector('slot[name="footer"]'),i=e?.assignedElements()?.length>0,o=this.container?.querySelector(".ids-module-nav-separator");if(i&&!o){let s=document.createElement("ids-separator");s.classList.add("ids-module-nav-separator"),s.setAttribute("color-variant","module-nav"),e?.insertAdjacentElement("beforebegin",s)}else!i&&o&&o?.remove()},m=x([M("ids-module-nav-bar"),I(D)],m);export{m as a};

package/chunks/{ids-chunk-3VB2TGZW.js → ids-chunk-5KAHJUGG.js}

@@ -1,4 +1,4 @@
-import{a as o,b as r}from"./ids-chunk-XE4WFW5M.js";import{a as p}from"./ids-chunk-EV6LM7KM.js";import{e as g,f as n}from"./ids-chunk-5Q3WPKMB.js";import{a as t}from"./ids-chunk-4O5N6MTO.js";import{a}from"./ids-chunk-Y32WUP63.js";var u=`/* Ids Layout Flex Component */
+import{a as o,b as r}from"./ids-chunk-XE4WFW5M.js";import{a as p}from"./ids-chunk-E2XG4A54.js";import{e as g,f as n}from"./ids-chunk-Y6KVKFJX.js";import{a as t}from"./ids-chunk-6P577POZ.js";import{a}from"./ids-chunk-ZMMCFAAI.js";var u=`/* Ids Layout Flex Component */
 /* Ids Layout Flex Item Component */
 :host([align-self=auto]),
 .ids-layout-flex-item-align-self-auto {