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

package/chunks/ids-chunk-456UEIJ2.js

@@ -0,0 +1,495 @@
+import{a as V}from"./ids-chunk-JTCN2GZM.js";import{a as be}from"./ids-chunk-DI2AYCTD.js";import{a as fe}from"./ids-chunk-WLS5V4SM.js";import{a as me}from"./ids-chunk-CWGSJKDY.js";import{a as ue}from"./ids-chunk-U34YTPJC.js";import{a as pe}from"./ids-chunk-4XPAUVKO.js";import{a as ve}from"./ids-chunk-CATQTJOO.js";import{a as ge}from"./ids-chunk-PBWMSP2R.js";import{a as oe,b as se}from"./ids-chunk-XE4WFW5M.js";import{b as re,c as le,d as de,h as ce,j as L}from"./ids-chunk-X4NATGYL.js";import{d as he}from"./ids-chunk-U4XVR5SW.js";import{e as f}from"./ids-chunk-5Q3WPKMB.js";import{a as d}from"./ids-chunk-C2V3P7CU.js";import{a as ne,b as ie,c as u,d as l,e as m,g as o}from"./ids-chunk-Y32WUP63.js";var ye=`.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-blue-60);
+}
+.calendar-details-pane ids-accordion-header[color=orange]::part(header) {
+  background-color: var(--ids-color-orange-60);
+}
+.calendar-details-pane ids-accordion-header[color=purple]::part(header) {
+  background-color: var(--ids-color-purple-60);
+}
+.calendar-details-pane ids-accordion-header[color=green]::part(header) {
+  background-color: var(--ids-color-green-60);
+}
+.calendar-details-pane ids-accordion-header[color=red]::part(header) {
+  background-color: var(--ids-color-red-60);
+}
+.calendar-details-pane ids-accordion-header[color=teal]::part(header) {
+  background-color: var(--ids-color-teal-60);
+}
+.calendar-details-pane ids-accordion-header[color=neutral]::part(header) {
+  background-color: var(--ids-color-neutral-60);
+}
+.calendar-details-pane ids-accordion-header::part(header) {
+  color: var(--ids-color-white-100);
+}
+.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-blue-60);
+}
+
+.calendar-events-list {
+  margin-top: 20px;
+  padding: 0;
+}
+.calendar-events-list .detail-item[color=blue] {
+  border-inline-start-color: var(--ids-color-blue-60);
+}
+.calendar-events-list .detail-item[color=orange] {
+  border-inline-start-color: var(--ids-color-orange-60);
+}
+.calendar-events-list .detail-item[color=purple] {
+  border-inline-start-color: var(--ids-color-purple-60);
+}
+.calendar-events-list .detail-item[color=green] {
+  border-inline-start-color: var(--ids-color-green-60);
+}
+.calendar-events-list .detail-item[color=red] {
+  border-inline-start-color: var(--ids-color-red-60);
+}
+.calendar-events-list .detail-item[color=teal] {
+  border-inline-start-color: var(--ids-color-teal-60);
+}
+.calendar-events-list .detail-item[color=neutral] {
+  border-inline-start-color: var(--ids-color-neutral-60);
+}
+.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: 1px;
+  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-blue-60);
+}
+.event-types-legend .event-type-color[color=orange] {
+  background-color: var(--ids-color-orange-60);
+}
+.event-types-legend .event-type-color[color=purple] {
+  background-color: var(--ids-color-purple-60);
+}
+.event-types-legend .event-type-color[color=green] {
+  background-color: var(--ids-color-green-60);
+}
+.event-types-legend .event-type-color[color=red] {
+  background-color: var(--ids-color-red-60);
+}
+.event-types-legend .event-type-color[color=teal] {
+  background-color: var(--ids-color-teal-60);
+}
+.event-types-legend .event-type-color[color=neutral] {
+  background-color: var(--ids-color-neutral-60);
+}
+
+.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-blue-60);
+}
+#event-form #event-form-header[color=orange] {
+  background-color: var(--ids-color-orange-60);
+}
+#event-form #event-form-header[color=purple] {
+  background-color: var(--ids-color-purple-60);
+}
+#event-form #event-form-header[color=green] {
+  background-color: var(--ids-color-green-60);
+}
+#event-form #event-form-header[color=red] {
+  background-color: var(--ids-color-red-60);
+}
+#event-form #event-form-header[color=teal] {
+  background-color: var(--ids-color-teal-60);
+}
+#event-form #event-form-header[color=neutral] {
+  background-color: var(--ids-color-neutral-60);
+}
+#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 He=fe(me(be(pe(ve(ge))))),F,g,E,I,N,De,z,Ee,$,te,j,we,p,v,_,ke,B,xe,w,q,Y,Se,b,D,K,Te,G,Ae,k,O,x,H,S,W,U,Ie,J,$e,Q,Pe,P,ae,X,Ce,C,T,R,Z,Me,A=class extends He{constructor(){super();l(this,N);l(this,z);l(this,$);l(this,j);l(this,p);l(this,_);l(this,B);l(this,w);l(this,Y);l(this,b);l(this,K);l(this,G);l(this,k);l(this,x);l(this,S);l(this,U);l(this,J);l(this,Q);l(this,P);l(this,X);l(this,T);l(this,Z);l(this,F,parseInt(ue.md));l(this,g,void 0);l(this,E,"");l(this,I,!1);ie(this,"onLocaleChange",e=>{this.updateEventDetails(this.state.selected),this.renderLegend(this.eventTypesData),o(this,S,W).call(this,e);let t=this.container?.querySelector("ids-month-view");t&&(t.locale=this.locale,t.language=this.language.name);let a=this.container?.querySelector("ids-week-view");a&&(a.locale=this.locale,a.language=this.language.name),this.container?.querySelectorAll("[translate-text]").forEach(i=>{i.language=this.language.name}),requestAnimationFrame(()=>{this.querySelectorAll("ids-checkbox[data-id]").forEach(i=>{i.setAttribute("language",this.language.name)})})});l(this,C,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,f(e))}get suppressForm(){return this.hasAttribute(d.SUPPRESS_FORM)}set showDetails(e){let t=f(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 a=this.container?.querySelector(".calendar-details-pane");a&&(a.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=f(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 f(this.getAttribute(d.SHOW_TODAY))}set showToday(e){let t=f(e);this.toggleAttribute(d.SHOW_TODAY,t),o(this,N,De).call(this,t)}set date(e){let t=new Date(e);L(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 L(e)?e:new Date}connectedCallback(){super.connectedCallback(),o(this,j,we).call(this),this.changeView("month"),o(this,z,Ee).call(this),this.viewPickerConnected(),this.onLocaleChange(this.localeAPI)}disconnectedCallback(){super.disconnectedCallback?.(),u(this,g)&&(u(this,g).disconnect(),m(this,g,null))}onEventTypesChange(e){this.renderLegend(e),o(this,T,R).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((a,i)=>`
+      <ids-accordion-panel expanded="${i===0}">
+        <ids-accordion-header color="${a.color}" slot="header">
+          <ids-text font-weight="semi-bold" overflow="ellipsis">${a.shortSubject||a.subject}</ids-text>
+        </ids-accordion-header>
+        <div slot="content" class="panel-content">
+          ${a.status?`<ids-data-label label="${this.localeAPI.translate("Status")}">${a.status}</ids-data-label><hr>`:""}
+          <ids-data-label label="${this.localeAPI.translate("Date")}">${a.dateRange}</ids-data-label><hr>
+          <ids-data-label label="Event Type">${a.eventType}</ids-data-label><hr>
+          <ids-data-label label="${this.localeAPI.translate("Duration")}">${a.duration}</ids-data-label>
+          ${a.comments?`<hr><ids-data-label label="${this.localeAPI.translate("Comments")}">${a.comments}</ids-data-label>`:""}
+        </div>
+      </ids-accordion-panel>
+    `).join("")}</ids-accordion>`}detailListTemplate(e){return`<ul class="calendar-events-list">${e.map(a=>`
+      <li color="${a.color}" class="detail-item" tabindex="0" data-id="${a.id}">
+        <div class="calendar-detail-content">
+          <ids-text font-size="18" font-weight="semi-bold">${a.subject}</ids-text>
+          <ids-text font-size="14">${a.dateRange}</ids-text>
+          <ids-text font-size="14">${a.comments||""}${a.status?` | ${a.status}`:""}</ids-text>
+        </div>
+        <ids-text font-size="12" class="detail-item-duration">${a.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>`,a=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}
+          ${a}
+        </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 a=new Date(this.date),i=a.getFullYear(),n=a.getMonth(),s=a.getDate(),r={id:e,subject:"New Event",isAllDay:"true",starts:new Date(i,n,s,0,0,0).toISOString(),ends:new Date(i,n,s,23,59,59,999).toISOString(),type:"dto",comments:"New Event Comments"};if(t){let c=this.getView(),h=c instanceof V?c.getSelectedDay():this.container;h&&o(this,w,q).call(this,h,r)}else this.addEvent(r)}positionFormPopup(e){let t=o(this,p,v).call(this);t&&e&&(t.alignTarget=null,t.alignTarget=e,t.place(),t.visible=!0),t?.querySelectorAll("ids-time-picker").forEach(a=>{a.picker.hidden=!0}),t?.querySelectorAll("ids-date-picker").forEach(a=>{a.popup.hidden=!0})}changeView(e="month"){if(this.state.view===e)return;let t=e==="month"?o(this,J,$e).call(this):o(this,Q,Pe).call(this,e==="day");this.insertViewTemplate(t),this.relayCalendarData(),this.state.view=e,e==="month"&&this.disableSettings?.dates?.length&&(this.getView().disableSettings=this.disableSettings,o(this,T,R).call(this,this.eventTypesData))}changeDate(e,t){let a=this.getView();if(!(!a||!L(e))){if(a.tagName==="IDS-MONTH-VIEW")a.setAttribute(d.YEAR,String(e.getFullYear())),a.setAttribute(d.MONTH,String(e.getMonth())),a.setAttribute(d.DAY,String(e.getDate()));else if(a.tagName==="IDS-WEEK-VIEW"){let{start:i,end:n}=o(this,k,O).call(this,e,t);a.setAttribute(d.START_DATE,String(i)),a.setAttribute(d.END_DATE,String(n))}}}insertViewTemplate(e){let t=this.container?.querySelector(".calendar-view-pane");t&&(t.innerHTML=e)}relayCalendarData(){let e=this.getView(),t=o(this,P,ae).call(this,this.eventsData);e?.offEvent("beforeeventrendered"),e?.onEvent("beforeeventrendered",e,a=>{this.triggerEvent("beforeeventrendered",this,{detail:a.detail})}),e?.offEvent("aftereventrendered"),e?.onEvent("aftereventrendered",e,a=>{this.triggerEvent("aftereventrendered",this,{detail:a.detail})}),e&&(e.eventsData=t,e.eventTypesData=this.eventTypesData)}formatDateRange(e,t){let a={dateStyle:"long",timeStyle:"short"},i=this.localeAPI.formatDate(e,a),n=this.localeAPI.formatDate(t,a);return`${i} - ${n}`.replace(/ /g," ")}formatDuration(e,t){let a=de(e,t,!0);if(a>=24){let n=Math.round(a/24),s=this.localeAPI.translate(n===1?"Day":"Days");return`${this.localeAPI.parseNumber(n.toString())} ${s}`}if(a<1){let n=e.getMinutes(),r=t.getMinutes()-n,c=this.localeAPI.translate(r===1?"Minute":"Minutes");return`${this.localeAPI.parseNumber(r.toString())} ${c}`}let i=this.localeAPI.translate(a===1?"Hour":"Hours");return`${this.localeAPI.parseNumber(a.toString())} ${i}`}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||o(this,U,Ie).call(this)||[],e=o(this,P,ae).call(this,e);let i=e.map(n=>o(this,X,Ce).call(this,n));t.innerHTML=this.state.isMobile?this.detailListTemplate(i):this.detailAccordionTemplate(i)}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),a=t.find(i=>i.id===e.id);if(a){let i=Object.assign(a,e);this.eventsData=t,this.triggerEvent("eventupdated",this,{detail:{elem:this,value:i},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 a=`
+      <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(i=>`
+      <ids-checkbox
+        class="event-type-checkbox"
+        checked="${i.checked}"
+        data-id="${i.id}"
+        label="${i.translationKey?this.localeAPI.translate(i.translationKey):i.label}"
+        color="${i.color}"
+        disabled="${i.disabled||"false"}">
+      </ids-checkbox>
+    `).join("")}</p></div>
+        </ids-accordion-panel>
+      </ids-accordion>
+    `;this.insertAdjacentHTML("afterbegin",a)}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 a=this.startDate,i=ce(this.endDate,1,"days"),n=t.formatDate(a,{month:"long"}),s=t.formatDate(i,{month:"long"}),r=t.formatDate(a,{year:"numeric"});return t.formatDate(i,{year:"numeric"})!==r?`${t.formatDate(a,{month:"short",year:"numeric"})} - ${t.formatDate(i,{month:"short",year:"numeric"})}`:s!==n?`${t.formatDate(a,{month:"short"})} - ${s} ${r}`:t.formatDate(a,{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 i=this.date,n=this.state.view==="day",{start:s,end:r}=o(this,k,O).call(this,i,n);t.startDate=s,t.endDate=r}}onDisableSettingsChange(e){let t=this.getView();t?.tagName==="IDS-MONTH-VIEW"&&(t.disableSettings=e)}};F=new WeakMap,g=new WeakMap,E=new WeakMap,I=new WeakMap,N=new WeakSet,De=function(e){let t=this.container?.querySelector("ids-toolbar-section");e?t?.insertAdjacentHTML("beforeend",this.todayBtnTemplate()):this.container?.querySelector(".btn-today")?.remove()},z=new WeakSet,Ee=function(){let e=he(this,"ids-container")||this.container,t;m(this,g,new ResizeObserver(a=>{cancelAnimationFrame(t),t=requestAnimationFrame(()=>o(this,Z,Me).call(this,a))})),u(this,g).observe(e)},$=new WeakSet,te=function(e){let t=new Date(e.starts),a=new Date(e.ends),i=this.getEventTypeById(e.type),n=this.eventTypesData.map(c=>`
+      <ids-list-box-option value="${c.id}">
+        <ids-text>${c.label}</ids-text>
+      </ids-list-box-option>
+    `).join(""),s=(c,h,y)=>`
+      <ids-date-picker
+        id="${c}"
+        label="${this.localeAPI.translate(h)}"
+        size="full"
+        value="${this.localeAPI.formatDate(y)}"
+        mask>
+      </ids-date-picker>
+    `,r=(c,h)=>`
+      <ids-time-picker
+        id="${c}"
+        label="&nbsp"
+        size="full"
+        disabled="${f(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="${i?.color||"blue"}">
+          <ids-text font-size="16" font-weight="semi-bold">${i?.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>${n}</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">
+            ${s("event-from-date","From",t)}
+            ${r("event-from-hour",t)}
+          </div>
+          <div class="inline-container">
+            ${s("event-to-date","To",a)}
+            ${r("event-to-hour",a)}
+          </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>
+    `},j=new WeakSet,we=function(){let e,t=0,a;this.offEvent("dayselected.calendar-container"),this.onEvent("dayselected.calendar-container",this.container,n=>{clearTimeout(e),t++;let s=()=>{o(this,x,H).call(this,n.detail.date),this.state.selected=n.detail?.events||[],this.updateEventDetails(n.detail?.events)},r=()=>{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:{...n.detail}})};e=setTimeout(()=>{s(),t=0},250),t===2&&n.detail.date.getTime()===a?.getTime()&&(clearTimeout(e),s(),r(),t=0,c()),a=n.detail.date}),this.offEvent("viewchange.calendar"),this.onEvent("viewchange.calendar",this,n=>{n.stopPropagation(),o(this,x,H).call(this,n.detail.date),this.changeView(n.detail.view),this.renderEventsData()}),this.offEvent("datechange.calendar-container"),this.onEvent("datechange.calendar-container",this.container,n=>{n.stopPropagation(),o(this,x,H).call(this,n.detail.date),this.renderEventsData()}),this.offEvent("change.calendar-legend"),this.onEvent("change.calendar-legend",this.container?.querySelector(".calendar-legend-pane"),n=>{n.stopPropagation(),o(this,b,D).call(this),o(this,G,Ae).call(this,n.detail.elem,n.detail.checked),this.relayCalendarData(),this.updateEventDetails(this.state.selected)}),this.offEvent("overflow-click.calendar-container"),this.onEvent("overflow-click.calendar-container",this.container,n=>{n.stopPropagation(),n.detail.date&&(this.setViewPickerValue("day"),this.updateEventDetails(this.state.selected))}),this.onEvent("click.details-item",this.container?.querySelector(".calendar-details-pane"),n=>{let s=n.target.closest(".detail-item");if(s){n.stopPropagation(),n.stopImmediatePropagation();let r=s.getAttribute("data-id"),c=this.getEventById(r);c&&(m(this,E,r),o(this,b,D).call(this),this.container&&o(this,w,q).call(this,this.container,c))}}),this.offEvent("clickcalendarevent",this),this.onEvent("clickcalendarevent",this,n=>{let s=n.detail.elem;m(this,E,s.eventData.id),o(this,b,D).call(this),o(this,w,q).call(this,s.container,s.eventData)}),this.offEvent("beforerendermonth"),this.onEvent("beforerendermonth",this.container,n=>{n.stopPropagation(),n.stopImmediatePropagation(),n.detail.elem.parentElement?.classList?.contains("calendar-view-pane")&&this.triggerEvent("beforerendermonth",this,{bubbles:!0,detail:{...n.detail}})}),this.offEvent("afterrendermonth"),this.onEvent("afterrendermonth",this.container,n=>{n.stopPropagation(),n.stopImmediatePropagation(),n.detail.elem.parentElement?.classList?.contains("calendar-view-pane")&&this.triggerEvent("afterrendermonth",this,{bubbles:!0,detail:{...n.detail}})});let i=this.container?.querySelector('slot[name="custom-legend"]');this.offEvent("slotchange",i),this.onEvent("slotchange",i,n=>{n.target?.assignedElements()?.length&&(m(this,I,!0),this.container?.querySelector(".calendar-custom-legend")?.classList.add("is-populated"))}),this.viewPicker&&this.attachViewPickerEvents("month"),o(this,_,ke).call(this)},p=new WeakSet,v=function(){return this.container?.querySelector("#event-form-popup")},_=new WeakSet,ke=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,()=>{o(this,S,W).call(this,this.localeAPI)}),this.offEvent("hide.popup"),this.onEvent("hide.popup",t,a=>{a.stopPropagation(),a.detail.doFocus&&t&&t.target?.focus()}),this.offEvent("click.month-view-buttons"),this.onEvent("click.month-view-buttons",e,a=>{a.stopPropagation();let i=a.target,n=this.container?.querySelector("ids-month-view"),s=this.container?.querySelector("ids-week-view");if(i.classList.contains("btn-previous")&&(n?.changeDate("previous-month"),s?.changeDate("previous")),i.classList.contains("btn-next")&&(n?.changeDate("next-month"),s?.changeDate("next")),i.classList.contains("btn-today")){let r=n||s;r?.changeDate("today"),r?.focus()}if(i.classList.contains("btn-apply")){let r=t?.year??null,c=t?.month??null;n&&(n.year=r,n.month=c),t&&(t.expanded=!1)}}),this.offEvent("dayselected.month-view-datepicker"),this.onEvent("dayselected.month-view-datepicker",t,a=>{a.stopPropagation();let i=a.detail.date;this.changeDate(i,this.state.view==="day")}),this.offEvent("expanded.month-view-picklist"),this.onEvent("expanded.month-view-picklist",t,a=>{let i=a.detail.expanded;this.container?.querySelector(".btn-today")?.setAttribute("hidden",i.toString()),this.container?.querySelector(".btn-apply")?.setAttribute("hidden",(!i).toString()),this.container?.querySelector(".btn-previous")?.setAttribute("hidden",i.toString()),this.container?.querySelector(".btn-next")?.setAttribute("hidden",i.toString()),i?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")},B=new WeakSet,xe=function(){let e=o(this,p,v).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 a=t.target.getAttribute("data-action");if(a==="close"){o(this,b,D).call(this);return}if(a==="submit"){let i=o(this,p,v).call(this)?.querySelector("#event-form");o(this,K,Te).call(this,i),o(this,b,D).call(this)}}}),this.offEvent("change.calendar-event-form",e),this.onEvent("change.calendar-event-form",e,t=>{t.stopPropagation();let a=t.detail.checked;o(this,Y,Se).call(this,a)})},w=new WeakSet,q=function(e,t){if(this.suppressForm)return;let a=o(this,p,v).call(this);a?a.innerHTML=`${o(this,$,te).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">
+          ${o(this,$,te).call(this,t)}
+        </ids-popup>
+      `),this.positionFormPopup(e),o(this,B,xe).call(this),o(this,p,v).call(this)?.querySelector("#event-subject")?.focus()},Y=new WeakSet,Se=function(e){let t=o(this,p,v).call(this);t&&t.querySelectorAll("ids-time-picker").forEach(a=>{a.disabled=e})},b=new WeakSet,D=function(){let e=o(this,p,v).call(this);e&&(this.offEvent("click.calendar-event-form",e),e.remove())},K=new WeakSet,Te=function(e){let t=e.getAttribute("data-id"),a=e.querySelector("#event-subject")?.value,i=e.querySelector("#event-type")?.value,n=e.querySelector("#event-is-all-day")?.checked,s=n==="true"?"true":"false",r=e.querySelector("#event-comments")?.value,c=e.querySelector("#event-from-date"),h=e.querySelector("#event-from-hour"),y=c.dateValue;y.setHours(n?0:h.hours24),y.setMinutes(n?0:h.minutes),y.setSeconds(n?0:h.seconds);let Le=y.toISOString(),Ve=e.querySelector("#event-to-date"),ee=e.querySelector("#event-to-hour"),M=Ve.dateValue;M.setHours(n?23:ee.hours24),M.setMinutes(n?59:ee.minutes),M.setSeconds(n?59:ee.seconds);let qe=M.toISOString(),Oe={id:t,subject:a,type:i,isAllDay:s,starts:Le,ends:qe,comments:r};this.updateEvent(Oe)},G=new WeakSet,Ae=function(e,t){let a=e.getAttribute("data-id"),i=this.getEventTypeById(a);i&&(i.checked=t)},k=new WeakSet,O=function(e,t){let a=t?e:re(e,this.firstDayOfWeek),i=t?e:le(e,this.firstDayOfWeek);return a.setHours(0,0,0,0),i.setHours(0,0,0,0),{start:a,end:i}},x=new WeakSet,H=function(e){this.state.skipRender=!0,e=e||this.date;let t=`${e.getMonth()+1}/${e.getDate()}/${e.getFullYear()}`;this.setAttribute("date",t),o(this,S,W).call(this,void 0,e),this.state.skipRender=!1},S=new WeakSet,W=function(e,t){let i=this.container?.querySelector(".btn-picker")?.querySelector("ids-text"),n=t||this.date,s=this.formatMonthRange(e)||null;i&&(i.textContent=s);let r=this.container?.querySelector("ids-date-picker-popup");r&&r?.updateMonthYearPickerTriggerDisplay&&(r.day=n.getDate(),r.month=n.getMonth(),r.year=n.getFullYear(),r?.updateMonthYearPickerTriggerDisplay(e,n))},U=new WeakSet,Ie=function(){let e=this.getView();return e&&e instanceof V?(this.state.selected=e.getActiveDayEvents(),this.state.selected):[]},J=new WeakSet,$e=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>
+    `},Q=new WeakSet,Pe=function(e=!1){let t=this.date,{start:a,end:i}=o(this,k,O).call(this,t,e);return`
+      <ids-week-view
+        start-date="${a}"
+        end-date="${i}"
+      ></ids-week-view>
+    `},P=new WeakSet,ae=function(e){if(!this.eventTypesData?.length)return e;let t=this.eventTypesData.filter(a=>a.checked).map(a=>a.id);return e.filter(a=>t.includes(a.type))},X=new WeakSet,Ce=function(e){let t=new Date(e.starts),a=new Date(e.ends),i=this.getEventTypeById(e.type);return{...e,dateRange:this.formatDateRange(t,a),duration:this.formatDuration(t,a),eventType:e.type,color:i?.color||"blue"}},C=new WeakMap,T=new WeakSet,R=function(e){let t=this.getView();if(!(t instanceof V))return;let a=null;this.state.isMobile&&!u(this,I)&&Array.isArray(e)&&e.length&&(a=e.map(i=>({name:i.label,color:`${i.color}-60`,dayOfWeek:[],cssClass:"event-type",fontSize:14}))),u(this,C)!==a&&(m(this,C,a),t.legend=a)},Z=new WeakSet,Me=function(e){let a=e[0].contentRect.width<=u(this,F);this.state.isMobile!==a&&(this.state.isMobile=a,this.updateEventDetails(this.state.selected),o(this,T,R).call(this,this.eventTypesData),this.positionFormPopup(this.getView()?.getEventElemById(u(this,E))?.container))},A=ne([oe("ids-calendar"),se(ye)],A);export{A as a};

package/chunks/{ids-chunk-YQIATVAP.js → ids-chunk-47RHTNPN.js}

@@ -1,4 +1,4 @@
-import{a as A}from"./ids-chunk-CT5U7IVV.js";import{a as x,b as E}from"./ids-chunk-XE4WFW5M.js";import{a as L}from"./ids-chunk-4WDX2CDM.js";import{a as r}from"./ids-chunk-NSM2KAOK.js";import{a as y,d as i,g as e}from"./ids-chunk-Y32WUP63.js";var S=`@media (min-width: 360px) {
+import{a as f}from"./ids-chunk-CATQTJOO.js";import{a as y}from"./ids-chunk-PBWMSP2R.js";import{a as g,b as v}from"./ids-chunk-XE4WFW5M.js";import{a as i}from"./ids-chunk-C2V3P7CU.js";import{a as b,d as o,g as e}from"./ids-chunk-Y32WUP63.js";var x=`@media (min-width: 360px) {
   :host(.last) {
     flex: 0;
   }
@@ -91,17 +91,17 @@ import{a as A}from"./ids-chunk-CT5U7IVV.js";import{a as x,b as E}from"./ids-chun
 :host([status=started]) .step {
   border: var(--ids-process-indicator-border-started);
   background-color: var(--ids-process-indicator-color-background);
-}`;var T=["cancelled","started","done"],m="empty label",I=A(L),n,b,h,k,u,w,c,g,d,v,l,f,a=class extends I{constructor(){super();i(this,n);i(this,h);i(this,u);i(this,c);i(this,d);i(this,l)}connectedCallback(){super.connectedCallback(),requestAnimationFrame(()=>{let t=this.parentElement;if(t.tagName==="IDS-PROCESS-INDICATOR"){let s=t.querySelectorAll("ids-process-indicator-step"),o=s.length,p=this.container?.querySelector(".line");s[o-1]===this?(this.classList.add("last"),p?.setAttribute("hidden","")):(this.status==="started"||this.status==="done")&&p?.style.setProperty("background-color","var(--ids-process-indicator-color-primary)")}e(this,c,g).call(this)})}static get attributes(){return[...super.attributes,r.LABEL,r.STATUS]}template(){return`
+}`;var E=["cancelled","started","done"],u="empty label",T=f(y),n,h,l,A,p,L,c,m,a=class extends T{constructor(){super();o(this,n);o(this,l);o(this,p);o(this,c)}connectedCallback(){super.connectedCallback(),requestAnimationFrame(()=>{let t=this.parentElement;if(t.tagName==="IDS-PROCESS-INDICATOR"){let s=t.querySelectorAll("ids-process-indicator-step"),r=s.length,d=this.container?.querySelector(".line");s[r-1]===this?(this.classList.add("last"),d?.setAttribute("hidden","")):(this.status==="started"||this.status==="done")&&d?.style.setProperty("background-color","var(--ids-process-indicator-color-primary)")}e(this,c,m).call(this)})}static get attributes(){return[...super.attributes,i.LABEL,i.STATUS]}template(){return`
       <div class="ids-process-indicator-step">
         <div class="line"></div>
         <ids-text part="label" hidden class="label">
           ${this.label}
         </ids-text>
         <span class="step">
-          ${e(this,l,f).call(this,this.status)}
+          ${this.statusIcon(this.status)}
         </span>
         <div class="details">
           <slot name="detail"></slot>
         </div>
       </div>
-    `}set label(t){let s=t||m,o=e(this,d,v).call(this);e(this,n,b).call(this,r.LABEL,s),o&&(o.innerHTML=s),e(this,c,g).call(this)}get label(){return this.getAttribute(r.LABEL)||(m??"")}set status(t){let s=t.toLowerCase();T.includes(s)&&(e(this,n,b).call(this,r.STATUS,s),this.container?.querySelectorAll("ids-icon")?.forEach(p=>p.remove()),e(this,l,f).call(this,s)&&this.container?.querySelector(".step")?.insertAdjacentHTML("beforeend",'<ids-icon icon="close" size="xsmall"></ids-icon>'))}get status(){let t=this.getAttribute(r.STATUS);return t&&T.includes(t)?t:""}};n=new WeakSet,b=function(t,s){s&&this.setAttribute(t,s)},h=new WeakSet,k=function(t){t.style.setProperty("visibility","hidden")},u=new WeakSet,w=function(t){t.style.removeProperty("visibility")},c=new WeakSet,g=function(){let t=e(this,d,v).call(this);t&&(this.label===m?e(this,h,k).call(this,t):e(this,u,w).call(this,t))},d=new WeakSet,v=function(){return this.container?.querySelector(".label")},l=new WeakSet,f=function(t){return t==="cancelled"?'<ids-icon icon="close" size="xsmall"></ids-icon>':""},a=y([x("ids-process-indicator-step"),E(S)],a);export{a};
+    `}labelElement(){return this.container?.querySelector(".label")}statusIcon(t){return t==="cancelled"?'<ids-icon icon="close" size="xsmall"></ids-icon>':""}set label(t){let s=t||u,r=this.labelElement();e(this,n,h).call(this,i.LABEL,s),r&&(r.innerHTML=s),e(this,c,m).call(this)}get label(){return this.getAttribute(i.LABEL)||(u??"")}set status(t){let s=t.toLowerCase();E.includes(s)&&(e(this,n,h).call(this,i.STATUS,s),this.container?.querySelectorAll("ids-icon")?.forEach(d=>d.remove()),this.statusIcon(s)&&this.container?.querySelector(".step")?.insertAdjacentHTML("beforeend",'<ids-icon icon="close" size="xsmall"></ids-icon>'))}get status(){let t=this.getAttribute(i.STATUS);return t&&E.includes(t)?t:""}};n=new WeakSet,h=function(t,s){s&&this.setAttribute(t,s)},l=new WeakSet,A=function(t){t.style.setProperty("visibility","hidden")},p=new WeakSet,L=function(t){t.style.removeProperty("visibility")},c=new WeakSet,m=function(){let t=this.labelElement();t&&(this.label===u?e(this,l,A).call(this,t):e(this,p,L).call(this,t))},a=b([g("ids-process-indicator-step"),v(x)],a);export{a};

package/chunks/{ids-chunk-EIWS5IXO.js → ids-chunk-4M6B32ER.js}

@@ -1,4 +1,4 @@
-import{a as S}from"./ids-chunk-CT5U7IVV.js";import{a as v,b as w}from"./ids-chunk-XE4WFW5M.js";import{a as E}from"./ids-chunk-4WDX2CDM.js";import{e as a}from"./ids-chunk-VEAPPKDG.js";import{a as i}from"./ids-chunk-NSM2KAOK.js";import{a as x,d as r,g as s}from"./ids-chunk-Y32WUP63.js";var L=`:host {
+import{a as S}from"./ids-chunk-CATQTJOO.js";import{a as E}from"./ids-chunk-PBWMSP2R.js";import{a as v,b as w}from"./ids-chunk-XE4WFW5M.js";import{e as a}from"./ids-chunk-5Q3WPKMB.js";import{a as i}from"./ids-chunk-C2V3P7CU.js";import{a as A,d as r,g as s}from"./ids-chunk-Y32WUP63.js";var L=`:host {
   display: inline-block;
   max-width: 100%;
 }
@@ -54,8 +54,11 @@ import{a as S}from"./ids-chunk-CT5U7IVV.js";import{a as v,b as w}from"./ids-chun
   position: relative;
 }
 
-:host([disabled]) .ids-image {
-  opacity: 0.5;
+:host-context(.disabled),
+:host-context([disabled]),
+:host(.disabled),
+:host([disabled]) {
+  opacity: var(--ids-list-view-item-opacity-disabled);
 }
 
 .ids-image {
@@ -83,7 +86,7 @@ import{a as S}from"./ids-chunk-CT5U7IVV.js";import{a as v,b as w}from"./ids-chun
   min-width: 50px;
   min-height: 50px;
   background-color: var(--ids-image-initials-color-background);
-  color: var(--ids-color-neutral-00);
+  color: var(--ids-color-white-100);
   text-transform: uppercase;
 }
 .ids-image .audible {
@@ -119,7 +122,7 @@ import{a as S}from"./ids-chunk-CT5U7IVV.js";import{a as v,b as w}from"./ids-chun
 .user-status::before {
   position: absolute;
   border-radius: var(--ids-border-radius-circle);
-  background-color: var(--ids-color-neutral-00);
+  background-color: var(--ids-color-white-100);
   content: "";
   width: 12px;
   height: 12px;
@@ -151,4 +154,4 @@ import{a as S}from"./ids-chunk-CT5U7IVV.js";import{a as v,b as w}from"./ids-chun
 .user-status-wrapper .user-status svg {
   border-radius: var(--ids-border-radius-circle);
   background-color: var(--ids-color-background-default);
-}`;var I=S(E),h,R,g,T,m,k,n,c,l,f,u,A,p,C,b,y,d=class extends I{constructor(){super();r(this,h);r(this,g);r(this,m);r(this,n);r(this,l);r(this,u);r(this,p);r(this,b)}connectedCallback(){super.connectedCallback(),this.userStatus&&(this.userStatus=this.getAttribute("user-status"))}static get attributes(){return[...super.attributes,i.ALT,i.FALLBACK,i.INITIALS,i.PLACEHOLDER,i.ROUND,i.SIZE,i.SRC,i.USER_STATUS]}template(){return this.initials?`<div class="ids-image initials"><ids-text font-size="24" font-weight="semi-bold">${this.initials}</ids-text></div>`:this.placeholder||!this.src?'<div class="ids-image placeholder"><span class="audible">Placeholder Image</span><ids-icon icon="insert-image"></ids-icon></div>':`<img class="ids-image" src="${this.src}" alt="${this.alt}"/>`}get src(){return this.getAttribute(i.SRC)||""}set src(t){let e=this.shadowRoot?.querySelector("img");if(t&&!this.placeholder){e?e.setAttribute(i.SRC,t):(this.shadowRoot?.querySelector(".placeholder")?.remove(),e=s(this,m,k).call(this,t,this.alt),this.shadowRoot?.appendChild(e)),this.fallback&&s(this,h,R).call(this,e),this.setAttribute(i.SRC,t);return}e&&(e.remove(),s(this,g,T).call(this),this.shadowRoot?.appendChild(s(this,n,c).call(this))),this.removeAttribute(i.SRC)}get alt(){return this.getAttribute(i.ALT)||""}set alt(t){let e=this.shadowRoot?.querySelector("img");if(t){this.setAttribute(i.ALT,t),e?.setAttribute(i.ALT,t);return}this.removeAttribute(i.ALT),e?.removeAttribute(i.ALT)}get size(){let t=this.getAttribute(i.SIZE);return s(this,l,f).call(this,t)}set size(t){this.setAttribute(i.SIZE,s(this,l,f).call(this,t))}get placeholder(){let t=this.getAttribute(i.PLACEHOLDER);return a(t)}set placeholder(t){let e=a(t);if(e){this.setAttribute(i.PLACEHOLDER,String(e));return}this.removeAttribute(i.PLACEHOLDER)}get fallback(){let t=this.getAttribute(i.FALLBACK);return a(t)}set fallback(t){let e=a(t);if(e){this.setAttribute(i.FALLBACK,String(e));return}this.removeAttribute(i.FALLBACK)}get round(){let t=this.getAttribute(i.ROUND);return a(t)}set round(t){let e=a(t);if(e){this.setAttribute(i.ROUND,String(e));return}this.removeAttribute(i.ROUND)}get userStatus(){let t=this.getAttribute(i.USER_STATUS);return s(this,u,A).call(this,t)}set userStatus(t){let e=s(this,u,A).call(this,t);if(this.shadowRoot?.querySelector(".user-status")?.remove(),e){this.shadowRoot?.appendChild(s(this,p,C).call(this,e)),this.setAttribute(i.USER_STATUS,e);return}this.removeAttribute(i.USER_STATUS)}get initials(){return this.getAttribute(i.INITIALS)}set initials(t){let e=this.shadowRoot?.querySelector(".ids-image"),o=t?.substring(0,2);if(e?.remove(),t){this.shadowRoot?.appendChild(s(this,b,y).call(this,o??"")),this.setAttribute(i.INITIALS,t);return}this.shadowRoot?.appendChild(s(this,n,c).call(this)),this.removeAttribute(i.INITIALS)}};h=new WeakSet,R=function(t){this.offEvent("error.image"),this.onEvent("error.image",t,()=>{this.shadowRoot?.querySelector("img")?.remove(),this.shadowRoot?.appendChild(s(this,n,c).call(this))})},g=new WeakSet,T=function(){this.offEvent("error.image")},m=new WeakSet,k=function(t,e){let o=document.createElement("img");return o.classList.add("ids-image"),o.setAttribute("src",t),e&&o.setAttribute("alt",e),o},n=new WeakSet,c=function(){let t=document.createElement("div");return t.classList.add("ids-image","placeholder"),t.innerHTML='<span class="audible">Placeholder Image</span><ids-icon icon="insert-image"></ids-icon>',t},l=new WeakSet,f=function(t){let e=["auto","sm","md","lg"];return t&&e.includes(t)?t:e[0]},u=new WeakSet,A=function(t){return t&&["available","away","busy","do-not-disturb","unknown"].includes(t)?t:null},p=new WeakSet,C=function(t){let e=document.createElement("div");return e.classList.add("user-status",t),e.innerHTML=`<ids-icon icon="user-status-${t}"></ids-icon>`,e},b=new WeakSet,y=function(t){let e=document.createElement("div");return e.classList.add("ids-image","initials"),e.innerHTML=`<ids-text font-size="24" font-weight="semi-bold">${t}</ids-text>`,e},d=x([v("ids-image"),w(L)],d);export{d as a};
+}`;var I=S(E),h,R,g,T,m,k,n,c,l,f,u,x,p,y,b,C,d=class extends I{constructor(){super();r(this,h);r(this,g);r(this,m);r(this,n);r(this,l);r(this,u);r(this,p);r(this,b)}connectedCallback(){super.connectedCallback(),this.userStatus&&(this.userStatus=this.getAttribute("user-status"))}static get attributes(){return[...super.attributes,i.ALT,i.FALLBACK,i.INITIALS,i.PLACEHOLDER,i.ROUND,i.SIZE,i.SRC,i.USER_STATUS]}template(){return this.initials?`<div class="ids-image initials"><ids-text font-size="24" font-weight="semi-bold">${this.initials}</ids-text></div>`:this.placeholder||!this.src?'<div class="ids-image placeholder"><span class="audible">Placeholder Image</span><ids-icon icon="insert-image"></ids-icon></div>':`<img class="ids-image" src="${this.src}" alt="${this.alt}"/>`}get src(){return this.getAttribute(i.SRC)||""}set src(t){let e=this.shadowRoot?.querySelector("img");if(t&&!this.placeholder){e?e.setAttribute(i.SRC,t):(this.shadowRoot?.querySelector(".placeholder")?.remove(),e=s(this,m,k).call(this,t,this.alt),this.shadowRoot?.appendChild(e)),this.fallback&&s(this,h,R).call(this,e),this.setAttribute(i.SRC,t);return}e&&(e.remove(),s(this,g,T).call(this),this.shadowRoot?.appendChild(s(this,n,c).call(this))),this.removeAttribute(i.SRC)}get alt(){return this.getAttribute(i.ALT)||""}set alt(t){let e=this.shadowRoot?.querySelector("img");if(t){this.setAttribute(i.ALT,t),e?.setAttribute(i.ALT,t);return}this.removeAttribute(i.ALT),e?.removeAttribute(i.ALT)}get size(){let t=this.getAttribute(i.SIZE);return s(this,l,f).call(this,t)}set size(t){this.setAttribute(i.SIZE,s(this,l,f).call(this,t))}get placeholder(){let t=this.getAttribute(i.PLACEHOLDER);return a(t)}set placeholder(t){let e=a(t);if(e){this.setAttribute(i.PLACEHOLDER,String(e));return}this.removeAttribute(i.PLACEHOLDER)}get fallback(){let t=this.getAttribute(i.FALLBACK);return a(t)}set fallback(t){let e=a(t);if(e){this.setAttribute(i.FALLBACK,String(e));return}this.removeAttribute(i.FALLBACK)}get round(){let t=this.getAttribute(i.ROUND);return a(t)}set round(t){let e=a(t);if(e){this.setAttribute(i.ROUND,String(e));return}this.removeAttribute(i.ROUND)}get userStatus(){let t=this.getAttribute(i.USER_STATUS);return s(this,u,x).call(this,t)}set userStatus(t){let e=s(this,u,x).call(this,t);if(this.shadowRoot?.querySelector(".user-status")?.remove(),e){this.shadowRoot?.appendChild(s(this,p,y).call(this,e)),this.setAttribute(i.USER_STATUS,e);return}this.removeAttribute(i.USER_STATUS)}get initials(){return this.getAttribute(i.INITIALS)}set initials(t){let e=this.shadowRoot?.querySelector(".ids-image"),o=t?.substring(0,2);if(e?.remove(),t){this.shadowRoot?.appendChild(s(this,b,C).call(this,o??"")),this.setAttribute(i.INITIALS,t);return}this.shadowRoot?.appendChild(s(this,n,c).call(this)),this.removeAttribute(i.INITIALS)}};h=new WeakSet,R=function(t){this.offEvent("error.image"),this.onEvent("error.image",t,()=>{this.shadowRoot?.querySelector("img")?.remove(),this.shadowRoot?.appendChild(s(this,n,c).call(this))})},g=new WeakSet,T=function(){this.offEvent("error.image")},m=new WeakSet,k=function(t,e){let o=document.createElement("img");return o.classList.add("ids-image"),o.setAttribute("src",t),e&&o.setAttribute("alt",e),o},n=new WeakSet,c=function(){let t=document.createElement("div");return t.classList.add("ids-image","placeholder"),t.innerHTML='<span class="audible">Placeholder Image</span><ids-icon icon="insert-image"></ids-icon>',t},l=new WeakSet,f=function(t){let e=["auto","sm","md","lg"];return t&&e.includes(t)?t:e[0]},u=new WeakSet,x=function(t){return t&&["available","away","busy","do-not-disturb","unknown"].includes(t)?t:null},p=new WeakSet,y=function(t){let e=document.createElement("div");return e.classList.add("user-status",t),e.innerHTML=`<ids-icon icon="user-status-${t}"></ids-icon>`,e},b=new WeakSet,C=function(t){let e=document.createElement("div");return e.classList.add("ids-image","initials"),e.innerHTML=`<ids-text font-size="24" font-weight="semi-bold">${t}</ids-text>`,e},d=A([v("ids-image"),w(L)],d);export{d as a};

package/chunks/{ids-chunk-PHQEFZRD.js → ids-chunk-4XPAUVKO.js}

@@ -1 +1 @@
-import{a as o}from"./ids-chunk-MJGRLEUU.js";import{a as t}from"./ids-chunk-NSM2KAOK.js";var s=a=>class extends a{constructor(...e){super(...e)}get localeAPI(){return o.getLocale()}connectedCallback(){super.connectedCallback?.();let e=this.localeAPI.language.name,n=this.localeAPI.name;e!=="en"&&this.setAttribute("language",e),n!=="en-US"&&this.setAttribute("locale",n),(e==="ar"||e==="he")&&this.setAttribute("dir","rtl")}static get attributes(){return[...a.attributes,t.LANGUAGE,t.LOCALE]}set locale(e){e&&e!==this.localeAPI.name&&typeof e=="string"&&this.localeAPI.setLocale(e,!1)}get locale(){return this.localeAPI.state.localeName}set language(e){e&&e!==this.language.name&&this.localeAPI.setLanguage(e)}get language(){return{name:this.getAttribute("language")||"en",messages:this?.localeAPI?.language.messages}}},r=s;export{r as a};
+import{a as o}from"./ids-chunk-5DMZXGXL.js";import{a as t}from"./ids-chunk-C2V3P7CU.js";var s=a=>class extends a{constructor(...e){super(...e)}get localeAPI(){return o.getLocale()}connectedCallback(){super.connectedCallback?.();let e=this.localeAPI.language.name,n=this.localeAPI.name;e!=="en"&&this.setAttribute("language",e),n!=="en-US"&&this.setAttribute("locale",n),(e==="ar"||e==="he")&&this.setAttribute("dir","rtl")}static get attributes(){return[...a.attributes,t.LANGUAGE,t.LOCALE]}set locale(e){e&&e!==this.localeAPI.name&&typeof e=="string"&&this.localeAPI.setLocale(e,!1)}get locale(){return this.localeAPI.state.localeName}set language(e){e&&e!==this.language.name&&this.localeAPI.setLanguage(e)}get language(){return{name:this.getAttribute("language")||"en",messages:this?.localeAPI?.language.messages}}},r=s;export{r as a};

package/chunks/{ids-chunk-JC3UJE3K.js → ids-chunk-545U37PH.js}

@@ -1 +1 @@
-import{d as n}from"./ids-chunk-T35PTRDE.js";import{a as e}from"./ids-chunk-NSM2KAOK.js";var a=s=>class extends s{constructor(...t){super(...t)}static get attributes(){return[...s.attributes,e.TEXT_DISPLAY]}connectedCallback(){super.connectedCallback?.(),this.hasAttribute(e.TEXT_DISPLAY)&&(this.textDisplay=this.getAttribute(e.TEXT_DISPLAY))}disconnectedCallback(){super.disconnectedCallback?.()}set textDisplay(t){let i=`${t}`;n(i)&&i!=="default"?this.setAttribute(e.TEXT_DISPLAY,i):this.removeAttribute(e.TEXT_DISPLAY),this.#t(t)}get textDisplay(){return this.getAttribute(e.TEXT_DISPLAY)}#t(t){this.container&&(this.container.classList.remove("text-display-tooltip","text-display-hidden"),t&&t!=="default"&&this.container.classList.add(`text-display-${t}`)),typeof this.onTextDisplayChange=="function"&&this.onTextDisplayChange(t)}},d=a;export{d as a};
+import{d as n}from"./ids-chunk-T35PTRDE.js";import{a as e}from"./ids-chunk-C2V3P7CU.js";var a=s=>class extends s{constructor(...t){super(...t)}static get attributes(){return[...s.attributes,e.TEXT_DISPLAY]}connectedCallback(){super.connectedCallback?.(),this.hasAttribute(e.TEXT_DISPLAY)&&(this.textDisplay=this.getAttribute(e.TEXT_DISPLAY))}disconnectedCallback(){super.disconnectedCallback?.()}set textDisplay(t){let i=`${t}`;n(i)&&i!=="default"?this.setAttribute(e.TEXT_DISPLAY,i):this.removeAttribute(e.TEXT_DISPLAY),this.#t(t)}get textDisplay(){return this.getAttribute(e.TEXT_DISPLAY)}#t(t){this.container&&(this.container.classList.remove("text-display-tooltip","text-display-hidden"),t&&t!=="default"&&this.container.classList.add(`text-display-${t}`)),typeof this.onTextDisplayChange=="function"&&this.onTextDisplayChange(t)}},d=a;export{d as a};

package/chunks/{ids-chunk-MJGRLEUU.js → ids-chunk-5DMZXGXL.js}

@@ -1 +1 @@
-import{a as s}from"./ids-chunk-RMV7ZP4H.js";import{a as n}from"./ids-chunk-WYSIBKRB.js";import{a as d}from"./ids-chunk-ZKFSRERX.js";import{d as a}from"./ids-chunk-NSM2KAOK.js";window.IdsGlobal??={version:a,personalize:new n,themeName:""};var o=class t{static getLocale(){return window.IdsGlobal.locale||(window.IdsGlobal.locale=new d),window.IdsGlobal.locale}static onThemeLoaded(){return window.IdsGlobal.themeLoaded||(window.IdsGlobal.themeLoaded=new s),window.IdsGlobal.themeLoaded}static get personalize(){return t.personalize}static get version(){return t.version}static get themeName(){return window.IdsGlobal.themeName||""}static set themeName(e){window.IdsGlobal.themeName=e}static set customIconData(e){window.IdsGlobal.customIconData=e}static get customIconData(){return window.IdsGlobal.customIconData}},m=o;export{m as a};
+import{a as s}from"./ids-chunk-RMV7ZP4H.js";import{a as n}from"./ids-chunk-7MVZOSC6.js";import{a as d}from"./ids-chunk-QOTW4DDW.js";import{d as a}from"./ids-chunk-C2V3P7CU.js";window.IdsGlobal??={version:a,personalize:new n,themeName:""};var o=class t{static getLocale(){return window.IdsGlobal.locale||(window.IdsGlobal.locale=new d),window.IdsGlobal.locale}static onThemeLoaded(){return window.IdsGlobal.themeLoaded||(window.IdsGlobal.themeLoaded=new s),window.IdsGlobal.themeLoaded}static get personalize(){return t.personalize}static get version(){return t.version}static get themeName(){return window.IdsGlobal.themeName||""}static set themeName(e){window.IdsGlobal.themeName=e}static set customIconData(e){window.IdsGlobal.customIconData=e}static get customIconData(){return window.IdsGlobal.customIconData}},m=o;export{m as a};