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

package/chunks/ids-chunk-SBHRNGNZ.js

@@ -1,470 +0,0 @@
-import{a as q}from"./ids-chunk-DQ4T4OML.js";import{a as fe}from"./ids-chunk-L4SNTZLY.js";import{a as De}from"./ids-chunk-SEHCH7FR.js";import{a as ye}from"./ids-chunk-35NW35ZW.js";import{a as me}from"./ids-chunk-U34YTPJC.js";import{a as ve}from"./ids-chunk-PHQEFZRD.js";import{a as ge}from"./ids-chunk-CT5U7IVV.js";import{a as re,b as de}from"./ids-chunk-XE4WFW5M.js";import{a as be}from"./ids-chunk-4WDX2CDM.js";import{b as le,c as ce,d as he,h as ue,j as V}from"./ids-chunk-SDTXNG6G.js";import{d as pe}from"./ids-chunk-U4XVR5SW.js";import{e as y}from"./ids-chunk-VEAPPKDG.js";import{a as l}from"./ids-chunk-NSM2KAOK.js";import{a as oe,b as se,c as g,d as r,e as f,g as o}from"./ids-chunk-Y32WUP63.js";var Ee=`.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;
-}
-
-ids-toolbar-section::part(container),
-.ids-toolbar-section {
-  align-items: center;
-}
-
-.calendar-details-pane ids-accordion-header[color=azure]::part(header) {
-  background-color: var(--ids-color-azure-60);
-}
-.calendar-details-pane ids-accordion-header[color=amber]::part(header) {
-  background-color: var(--ids-color-amber-60);
-}
-.calendar-details-pane ids-accordion-header[color=amethyst]::part(header) {
-  background-color: var(--ids-color-amethyst-60);
-}
-.calendar-details-pane ids-accordion-header[color=emerald]::part(header) {
-  background-color: var(--ids-color-emerald-60);
-}
-.calendar-details-pane ids-accordion-header[color=ruby]::part(header) {
-  background-color: var(--ids-color-ruby-60);
-}
-.calendar-details-pane ids-accordion-header[color=turquoise]::part(header) {
-  background-color: var(--ids-color-turquoise-60);
-}
-.calendar-details-pane ids-accordion-header[color=slate]::part(header) {
-  background-color: var(--ids-color-neutral-60);
-}
-.calendar-details-pane ids-accordion-header::part(header) {
-  color: var(--ids-color-neutral-00);
-}
-.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-azure-60);
-}
-
-.calendar-events-list {
-  margin-top: 20px;
-  padding: 0;
-}
-.calendar-events-list .detail-item[color=azure] {
-  border-inline-start-color: var(--ids-color-azure-60);
-}
-.calendar-events-list .detail-item[color=amber] {
-  border-inline-start-color: var(--ids-color-amber-60);
-}
-.calendar-events-list .detail-item[color=amethyst] {
-  border-inline-start-color: var(--ids-color-amethyst-60);
-}
-.calendar-events-list .detail-item[color=emerald] {
-  border-inline-start-color: var(--ids-color-emerald-60);
-}
-.calendar-events-list .detail-item[color=ruby] {
-  border-inline-start-color: var(--ids-color-ruby-60);
-}
-.calendar-events-list .detail-item[color=turquoise] {
-  border-inline-start-color: var(--ids-color-turquoise-60);
-}
-.calendar-events-list .detail-item[color=slate] {
-  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=azure] {
-  background-color: var(--ids-color-azure-60);
-}
-.event-types-legend .event-type-color[color=amber] {
-  background-color: var(--ids-color-amber-60);
-}
-.event-types-legend .event-type-color[color=amethyst] {
-  background-color: var(--ids-color-amethyst-60);
-}
-.event-types-legend .event-type-color[color=emerald] {
-  background-color: var(--ids-color-emerald-60);
-}
-.event-types-legend .event-type-color[color=ruby] {
-  background-color: var(--ids-color-ruby-60);
-}
-.event-types-legend .event-type-color[color=turquoise] {
-  background-color: var(--ids-color-turquoise-60);
-}
-.event-types-legend .event-type-color[color=slate] {
-  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=azure] {
-  background-color: var(--ids-color-azure-60);
-}
-#event-form #event-form-header[color=amber] {
-  background-color: var(--ids-color-amber-60);
-}
-#event-form #event-form-header[color=amethyst] {
-  background-color: var(--ids-color-amethyst-60);
-}
-#event-form #event-form-header[color=emerald] {
-  background-color: var(--ids-color-emerald-60);
-}
-#event-form #event-form-header[color=ruby] {
-  background-color: var(--ids-color-ruby-60);
-}
-#event-form #event-form-header[color=turquoise] {
-  background-color: var(--ids-color-turquoise-60);
-}
-#event-form #event-form-header[color=slate] {
-  background-color: var(--ids-color-neutral-60);
-}
-#event-form ids-list-box {
-  max-width: 278px;
-}
-#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-azure-70);
-}
-#event-form-actions ids-button[data-action=submit]::part(button):hover {
-  color: var(--ids-color-azure-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 ids-date-picker,
-  #event-form-content ids-time-picker {
-    max-width: unset;
-  }
-  #event-form-content .inline-container {
-    display: block;
-  }
-}`;var Re=De(ye(fe(ve(ge(be))))),z,v,E,R,we,N,ke,A,te,F,xe,I,ae,j,Se,u,p,_,Te,Y,Ae,w,L,B,Ie,m,D,K,$e,G,Pe,k,O,x,W,S,H,J,Ce,Q,Me,U,Ve,$,ne,X,qe,P,C,ie,Z,Le,T=class extends Re{constructor(){super();r(this,R);r(this,N);r(this,A);r(this,F);r(this,I);r(this,j);r(this,u);r(this,_);r(this,Y);r(this,w);r(this,B);r(this,m);r(this,K);r(this,G);r(this,k);r(this,x);r(this,S);r(this,J);r(this,Q);r(this,U);r(this,$);r(this,X);r(this,C);r(this,Z);r(this,z,parseInt(me.md));r(this,v,void 0);r(this,E,"");se(this,"onLocaleChange",e=>{this.updateEventDetails(this.state.selected),this.renderLegend(this.eventTypesData),o(this,S,H).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(n=>{n.language=this.language.name}),requestAnimationFrame(()=>{this.querySelectorAll("ids-checkbox[data-id]").forEach(n=>{n.setAttribute("language",this.language.name)})})});r(this,P,null);this.state??={}}static get attributes(){return[...super.attributes,l.DATE,l.FIRST_DAY_OF_WEEK,l.SHOW_DETAILS,l.SHOW_LEGEND]}set showDetails(e){if(y(e))this.setAttribute(l.SHOW_DETAILS,""),this.updateEventDetails(this.state.selected),this.container?.classList.add("show-details");else{let t=this.container?.querySelector(".calendar-details-pane");t&&(t.innerHTML=""),this.removeAttribute(l.SHOW_DETAILS),this.container?.classList.remove("show-details")}}get showDetails(){return this.hasAttribute(l.SHOW_DETAILS)}set showLegend(e){y(e)?(this.setAttribute(l.SHOW_LEGEND,""),this.renderLegend(this.eventTypesData),this.container?.classList.add("show-legend")):(this.removeAttribute(l.SHOW_LEGEND),this.querySelector("#event-types-legend")?.remove(),this.container?.classList.remove("show-legend"))}get showLegend(){return this.hasAttribute(l.SHOW_LEGEND)}get showToday(){let e=this.getAttribute(l.SHOW_TODAY);return y(e)}set showToday(e){let t=y(e);t?this.setAttribute(l.SHOW_TODAY,"true"):this.removeAttribute(l.SHOW_TODAY),o(this,R,we).call(this,t)}set date(e){let t=new Date(e);V(t)?(this.setAttribute(l.DATE,e.toString()),this.state.skipRender||(this.changeDate(t,this.state.view==="day"),this.updateEventDetails())):this.setAttribute(l.DATE,new Date().toString())}get date(){let e=new Date(this.getAttribute(l.DATE)||Date.now());return V(e)?e:new Date}connectedCallback(){super.connectedCallback(),o(this,j,Se).call(this),this.changeView("month"),o(this,N,ke).call(this),this.viewPickerConnected(),this.onLocaleChange(this.localeAPI)}disconnectedCallback(){super.disconnectedCallback?.(),g(this,v)&&(g(this,v).disconnect(),f(this,v,null))}onEventTypesChange(e){this.renderLegend(e),o(this,C,ie).call(this,e,this.state.isMobile)}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">${o(this,F,xe).call(this)}</div>
-          <div class="calendar-view-pane"></div>
-        </div>
-        <div class="calendar-details-pane"></div>
-      </div>
-    `}detailAccordionTemplate(e){return`<ids-accordion allow-one-pane="true">${e.map((a,n)=>`
-      <ids-accordion-panel expanded="${n===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>`}createNewEvent(e,t=!1){let a=new Date(this.date),n=a.getFullYear(),i=a.getMonth(),d=a.getDate(),s={id:e,subject:"New Event",isAllDay:"true",starts:new Date(n,i,d,0,0,0).toISOString(),ends:new Date(n,i,d,23,59,59,999).toISOString(),type:"dto",comments:"New Event Comments"};if(t){let c=this.getView(),h=c instanceof q?c.getSelectedDay():this.container;h&&o(this,w,L).call(this,h,s)}else this.addEvent(s)}positionFormPopup(e){let t=o(this,u,p).call(this);t&&e&&(t.alignTarget=null,t.alignTarget=e,t.place(),t.visible=!0)}changeView(e="month"){if(this.state.view===e)return;let t=e==="month"?o(this,Q,Me).call(this):o(this,U,Ve).call(this,e==="day");this.insertViewTemplate(t),this.relayCalendarData(),this.state.view=e,e==="month"&&this.disableSettings?.dates?.length&&(this.getView().disableSettings=this.disableSettings)}changeDate(e,t){let a=this.getView();if(!(!a||!V(e))){if(a.tagName==="IDS-MONTH-VIEW")a.setAttribute(l.YEAR,String(e.getFullYear())),a.setAttribute(l.MONTH,String(e.getMonth())),a.setAttribute(l.DAY,String(e.getDate()));else if(a.tagName==="IDS-WEEK-VIEW"){let{start:n,end:i}=o(this,k,O).call(this,e,t);a.setAttribute(l.START_DATE,String(n)),a.setAttribute(l.END_DATE,String(i))}}}insertViewTemplate(e){let t=this.container?.querySelector(".calendar-view-pane");t&&(t.innerHTML=e)}relayCalendarData(){let e=this.getView(),t=o(this,$,ne).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"},n=this.localeAPI.formatDate(e,a),i=this.localeAPI.formatDate(t,a);return`${n} - ${i}`.replace(/ /g," ")}formatDuration(e,t){let a=he(e,t,!0);if(a>=24){let i=Math.round(a/24),d=this.localeAPI.translate(i===1?"Day":"Days");return`${this.localeAPI.parseNumber(i.toString())} ${d}`}if(a<1){let i=e.getMinutes(),s=t.getMinutes()-i,c=this.localeAPI.translate(s===1?"Minute":"Minutes");return`${this.localeAPI.parseNumber(s.toString())} ${c}`}let n=this.localeAPI.translate(a===1?"Hour":"Hours");return`${this.localeAPI.parseNumber(a.toString())} ${n}`}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,J,Ce).call(this)||[],e=o(this,$,ne).call(this,e);let n=e.map(i=>o(this,X,qe).call(this,i));t.innerHTML=this.state.isMobile?this.detailListTemplate(n):this.detailAccordionTemplate(n)}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(n=>n.id===e.id);if(a){let n=Object.assign(a,e);this.eventsData=t,this.triggerEvent("eventupdated",this,{detail:{elem:this,value:n},bubbles:!0,cancelable:!0,composed:!0})}else this.addEvent(e)}clearEvents(){this.eventsData=[],this.beforeEventsRender=null}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(n=>`
-      <ids-checkbox
-        class="event-type-checkbox"
-        checked="${n.checked}"
-        data-id="${n.id}"
-        label="${n.translationKey?this.localeAPI.translate(n.translationKey):n.label}"
-        color="${n.color}"
-        disabled="${n.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,n=ue(this.endDate,1,"days"),i=t.formatDate(a,{month:"long"}),d=t.formatDate(n,{month:"long"}),s=t.formatDate(a,{year:"numeric"});return t.formatDate(n,{year:"numeric"})!==s?`${t.formatDate(a,{month:"short",year:"numeric"})} - ${t.formatDate(n,{month:"short",year:"numeric"})}`:d!==i?`${t.formatDate(a,{month:"short"})} - ${d} ${s}`:t.formatDate(a,{month:"long",year:"numeric"})}onFirstDayOfWeekChange(e){let t=this.getView();if(this.container?.querySelector("ids-date-picker-popup")?.setAttribute(l.FIRST_DAY_OF_WEEK,String(e||0)),t?.tagName==="IDS-MONTH-VIEW"&&(t.firstDayOfWeek=e),t?.tagName==="IDS-WEEK-VIEW"){let n=this.date,i=this.state.view==="day",{start:d,end:s}=o(this,k,O).call(this,n,i);t.startDate=d,t.endDate=s}}onDisableSettingsChange(e){let t=this.getView();t?.tagName==="IDS-MONTH-VIEW"&&(t.disableSettings=e)}};z=new WeakMap,v=new WeakMap,E=new WeakMap,R=new WeakSet,we=function(e){let t=this.container?.querySelector("ids-toolbar-section");e?t?.insertAdjacentHTML("beforeend",o(this,A,te).call(this)):this.container?.querySelector(".btn-today")?.remove()},N=new WeakSet,ke=function(){let e=pe(this,"ids-container")||this.container,t;f(this,v,new ResizeObserver(a=>{cancelAnimationFrame(t),t=requestAnimationFrame(()=>o(this,Z,Le).call(this,a))})),g(this,v).observe(e)},A=new WeakSet,te=function(){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>`:""},F=new WeakSet,xe=function(){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=o(this,A,te).call(this);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>
-    `},I=new WeakSet,ae=function(e){let t=new Date(e.starts),a=new Date(e.ends),n=this.getEventTypeById(e.type),i=this.eventTypesData.map(c=>`
-      <ids-list-box-option value="${c.id}">
-        <ids-text>${c.label}</ids-text>
-      </ids-list-box-option>
-    `).join(""),d=(c,h,b)=>`
-      <ids-date-picker
-        id="${c}"
-        label="${this.localeAPI.translate(h)}"
-        size="full"
-        value="${this.localeAPI.formatDate(b)}"
-        mask>
-      </ids-date-picker>
-    `,s=(c,h)=>`
-      <ids-time-picker
-        id="${c}"
-        label="&nbsp"
-        size="full"
-        disabled="${y(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="${n?.color||"azure"}">
-          <ids-text font-size="16" font-weight="semi-bold">${n?.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>${i}</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">
-            ${d("event-from-date","From",t)}
-            ${s("event-from-hour",t)}
-          </div>
-          <div class="inline-container">
-            ${d("event-to-date","To",a)}
-            ${s("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,Se=function(){let e,t=0,a;this.offEvent("dayselected.calendar-container"),this.onEvent("dayselected.calendar-container",this.container,n=>{clearTimeout(e),t++;let i=()=>{o(this,x,W).call(this,n.detail.date),this.state.selected=n.detail?.events||[],this.updateEventDetails(n.detail?.events)},d=()=>{let s=Date.now().toString()+Math.floor(Math.random()*100);this.createNewEvent(s,!0)};e=setTimeout(()=>{i(),t=0},200),t===2&&n.detail.date.getTime()===a?.getTime()&&(clearTimeout(e),i(),d(),t=0),a=n.detail.date}),this.offEvent("viewchange.calendar"),this.onEvent("viewchange.calendar",this,n=>{n.stopPropagation(),o(this,x,W).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,W).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,m,D).call(this),o(this,G,Pe).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 i=n.target.closest(".detail-item");if(i){n.stopPropagation(),n.stopImmediatePropagation();let d=i.getAttribute("data-id"),s=this.getEventById(d);s&&(f(this,E,d),o(this,m,D).call(this),this.container&&o(this,w,L).call(this,this.container,s))}}),this.offEvent("click-calendar-event",this),this.onEvent("click-calendar-event",this,n=>{let i=n.detail.elem;f(this,E,i.eventData.id),o(this,m,D).call(this),o(this,w,L).call(this,i.container,i.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}})}),this.viewPicker&&this.attachViewPickerEvents("month"),o(this,_,Te).call(this)},u=new WeakSet,p=function(){return this.container?.querySelector("#event-form-popup")},_=new WeakSet,Te=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,H).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 n=a.target,i=this.container?.querySelector("ids-month-view"),d=this.container?.querySelector("ids-week-view");if(n.classList.contains("btn-previous")&&(i?.changeDate("previous-month"),d?.changeDate("previous")),n.classList.contains("btn-next")&&(i?.changeDate("next-month"),d?.changeDate("next")),n.classList.contains("btn-today")){let s=i||d;s?.changeDate("today"),s?.focus()}if(n.classList.contains("btn-apply")){let s=t?.year??null,c=t?.month??null;i&&(i.year=s,i.month=c),t&&(t.expanded=!1)}}),this.offEvent("dayselected.month-view-datepicker"),this.onEvent("dayselected.month-view-datepicker",t,a=>{a.stopPropagation();let n=a.detail.date;this.changeDate(n,this.state.view==="day")}),this.offEvent("expanded.month-view-picklist"),this.onEvent("expanded.month-view-picklist",t,a=>{let n=a.detail.expanded;this.container?.querySelector(".btn-today")?.setAttribute("hidden",n.toString()),this.container?.querySelector(".btn-apply")?.setAttribute("hidden",(!n).toString()),this.container?.querySelector(".btn-previous")?.setAttribute("hidden",n.toString()),this.container?.querySelector(".btn-next")?.setAttribute("hidden",n.toString()),n?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")},Y=new WeakSet,Ae=function(){let e=o(this,u,p).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,m,D).call(this);return}if(a==="submit"){let n=o(this,u,p).call(this)?.querySelector("#event-form");o(this,K,$e).call(this,n),o(this,m,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,B,Ie).call(this,a)})},w=new WeakSet,L=function(e,t){let a=o(this,u,p).call(this);a?a.innerHTML=`${o(this,I,ae).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,I,ae).call(this,t)}
-        </ids-popup>
-      `),this.positionFormPopup(e),o(this,Y,Ae).call(this),o(this,u,p).call(this)?.querySelector("#event-subject")?.focus()},B=new WeakSet,Ie=function(e){let t=o(this,u,p).call(this);t&&t.querySelectorAll("ids-time-picker").forEach(a=>{a.disabled=e})},m=new WeakSet,D=function(){let e=o(this,u,p).call(this);e&&(this.offEvent("click.calendar-event-form",e),e.remove())},K=new WeakSet,$e=function(e){let t=e.getAttribute("data-id"),a=e.querySelector("#event-subject")?.value,n=e.querySelector("#event-type")?.value,i=e.querySelector("#event-is-all-day")?.checked,d=i==="true"?"true":"false",s=e.querySelector("#event-comments")?.value,c=e.querySelector("#event-from-date"),h=e.querySelector("#event-from-hour"),b=c.dateValue;b.setHours(i?0:h.hours24),b.setMinutes(i?0:h.minutes),b.setSeconds(i?0:h.seconds);let Oe=b.toISOString(),We=e.querySelector("#event-to-date"),ee=e.querySelector("#event-to-hour"),M=We.dateValue;M.setHours(i?23:ee.hours24),M.setMinutes(i?59:ee.minutes),M.setSeconds(i?59:ee.seconds);let He=M.toISOString(),ze={id:t,subject:a,type:n,isAllDay:d,starts:Oe,ends:He,comments:s};this.updateEvent(ze)},G=new WeakSet,Pe=function(e,t){let a=e.getAttribute("data-id"),n=this.getEventTypeById(a);n&&(n.checked=t)},k=new WeakSet,O=function(e,t){let a=t?e:le(e,this.firstDayOfWeek),n=t?e:ce(e,this.firstDayOfWeek);return a.setHours(0,0,0,0),n.setHours(0,0,0,0),{start:a,end:n}},x=new WeakSet,W=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,H).call(this,void 0,e),this.state.skipRender=!1},S=new WeakSet,H=function(e,t){let n=this.container?.querySelector(".btn-picker")?.querySelector("ids-text"),i=t||this.date,d=this.formatMonthRange(e)||null;n&&(n.textContent=d);let s=this.container?.querySelector("ids-date-picker-popup");s&&s?.updateMonthYearPickerTriggerDisplay&&(s.day=i.getDate(),s.month=i.getMonth(),s.year=i.getFullYear(),s?.updateMonthYearPickerTriggerDisplay(e,i))},J=new WeakSet,Ce=function(){let e=this.getView();return e&&e instanceof q?(this.state.selected=e.getActiveDayEvents(),this.state.selected):[]},Q=new WeakSet,Me=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>
-    `},U=new WeakSet,Ve=function(e=!1){let t=this.date,{start:a,end:n}=o(this,k,O).call(this,t,e);return`
-      <ids-week-view
-        start-date="${a}"
-        end-date="${n}"
-      ></ids-week-view>
-    `},$=new WeakSet,ne=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,qe=function(e){let t=new Date(e.starts),a=new Date(e.ends),n=this.getEventTypeById(e.type);return{...e,dateRange:this.formatDateRange(t,a),duration:this.formatDuration(t,a),eventType:e.type,color:n?.color||"azure"}},P=new WeakMap,C=new WeakSet,ie=function(e,t){let a=this.getView();if(!(a instanceof q))return;let n=null;t&&this.showLegend&&Array.isArray(e)&&e.length&&(n=e.map(i=>({name:i.label,color:`${i.color}-60`,dayOfWeek:[],cssClass:"event-type",fontSize:14}))),g(this,P)!==n&&(f(this,P,n),a.legend=n)},Z=new WeakSet,Le=function(e){let a=e[0].contentRect.width<=g(this,z);this.state.isMobile!==a&&(this.state.isMobile=a,this.updateEventDetails(this.state.selected),o(this,C,ie).call(this,this.eventTypesData,a),this.positionFormPopup(this.getView()?.getEventElemById(g(this,E))?.container))},T=oe([re("ids-calendar"),de(Ee)],T);export{T as a};

package/chunks/ids-chunk-SOS6R5EM.js

@@ -1,72 +0,0 @@
-import{a as y}from"./ids-chunk-PHQEFZRD.js";import{a as R}from"./ids-chunk-T6ZV4PDM.js";import{a as I}from"./ids-chunk-CT5U7IVV.js";import{a as G,b as S}from"./ids-chunk-XE4WFW5M.js";import{a as B}from"./ids-chunk-4WDX2CDM.js";import{e as d}from"./ids-chunk-VEAPPKDG.js";import{a as t}from"./ids-chunk-NSM2KAOK.js";import{a as w,d as i,g as s}from"./ids-chunk-Y32WUP63.js";var C=`:host {
-  font-family: var(--ids-swappable-item-font-family);
-  border: var(--ids-swappable-item-border-default);
-  cursor: var(--ids-swappable-item-cursor-default);
-  display: block;
-  transition: height 0.4s ease, padding 0.4s ease;
-}
-
-:host(:hover) {
-  background-color: var(--ids-swappable-item-color-background-hover);
-  position: relative;
-}
-:host(:hover)::before {
-  position: absolute;
-  left: 0;
-  top: 50%;
-  transform: translate(5px, -47%);
-  font-size: var(--ids-swappable-item-font-size-hover);
-  content: var(--ids-swappable-item-content-hover);
-}
-
-:host([dir=rtl]:hover)::before {
-  left: unset;
-  right: 5px;
-  transform: translate(-1px, -47%);
-}
-
-:host(:focus) {
-  border: var(--ids-swappable-item-border-focus);
-  box-shadow: var(--ids-swappable-item-shadow-focus);
-  outline: var(--ids-swappable-item-outline-focus);
-}
-
-:host([selected]) {
-  cursor: var(--ids-swappable-item-cursor-selected);
-}
-
-:host([dragging]) {
-  opacity: var(--ids-swappable-item-opacity-dragging);
-}
-
-:host([dragging]:not(.slotted-ids-tab)),
-:host([selected]:not(.slotted-ids-tab)) {
-  background-color: var(--ids-swappable-item-color-background-selected);
-  color: var(--ids-swappable-item-color-text-selected);
-}
-
-:host([over]) {
-  border: var(--ids-swappable-item-over-border);
-}
-
-:host(.p-8) {
-  padding-block: var(--ids-space-40);
-  padding-inline-end: var(--ids-space-40);
-  padding-inline-start: var(--ids-space-60);
-}
-
-:host(.is-hidden) {
-  height: var(--ids-space-none);
-  padding: var(--ids-space-none);
-  border: none;
-  overflow: hidden;
-}
-
-::slotted(ids-tab) {
-  position: relative;
-  margin: -1px;
-}
-
-:host(.slotted-ids-tab:not(.orientation-vertical)) {
-  margin-inline-start: var(--ids-space-30);
-}`;var N=R(y(I(B))),b,D,o,u,c,T,E,L,n,p,l,g,f,x,A,M,m,O,v,k,h=class extends N{constructor(){super();i(this,b);i(this,o);i(this,c);i(this,E);i(this,n);i(this,l);i(this,f);i(this,A);i(this,m);i(this,v)}connectedCallback(){super.connectedCallback(),this.setAttribute(t.TABBABLE,"true"),this.hasAttribute(t.DRAG_MODE)||this.setAttribute(t.DRAG_MODE,"select"),this.attachEventListeners(),s(this,v,k).call(this)}static get attributes(){return[...super.attributes,t.DRAG_MODE,t.DRAGGING,t.ORIGINAL_TEXT,t.OVER,t.SELECTED,t.TABBABLE]}template(){return"<slot></slot>"}set dragMode(e){e==="select"?this.setAttribute(t.DRAGGABLE,"false"):this.setAttribute(t.DRAGGABLE,"true")}get dragMode(){return this.getAttribute(t.DRAG_MODE)}set selected(e){d(e)?(this.setAttribute(t.SELECTED,""),this.setAttribute("aria-selected","selected"),this.setAttribute("draggable","true")):(this.removeAttribute(t.SELECTED),this.removeAttribute("aria-selected"),this.dragMode==="select"&&this.setAttribute("draggable","false"))}get selected(){return d(this.getAttribute(t.SELECTED))}get selectedItems(){return this.parentElement?.shadowRoot?.querySelectorAll("[selected]")}get allItems(){return this.parentElement?.querySelectorAll("ids-swappable-item")}set originalText(e){e?this.setAttribute(t.ORIGINAL_TEXT,e):this.removeAttribute(t.ORIGINAL_TEXT)}get originalText(){return this.getAttribute(t.ORIGINAL_TEXT)}get selection(){return this.parentElement?.getAttribute(t.SELECTION)}set tabbable(e){if(d(e)){this.setAttribute(t.TABBABLE,"true"),this.setAttribute(t.TABINDEX,"0");return}this.setAttribute(t.TABBABLE,"false"),this.setAttribute(t.TABINDEX,"-1")}get tabbable(){return d(this.getAttribute(t.TABBABLE)||!0)}attachEventListeners(){s(this,A,M).call(this),s(this,f,x).call(this),s(this,m,O).call(this)}};b=new WeakSet,D=function(e){e.dataTransfer?.setData("text/plain",e.target.innerText),this.setAttribute(t.DRAGGING,""),[...this.children].forEach(r=>{r.setAttribute(t.DRAGGING,"")})},o=new WeakSet,u=function(){this.dragMode==="select"&&this.setAttribute(t.DRAGGABLE,"true"),this.removeAttribute(t.DRAGGING),[...this.children].forEach(e=>{e.removeAttribute(t.DRAGGING),e.focus()}),this.removeAttribute(t.OVER),this.triggerEvent("afterdragend",this,{bubbles:!0,detail:{elem:this}})},c=new WeakSet,T=function(e){e.dataTransfer&&(e.dataTransfer.dropEffect="move"),this.hasAttribute(t.DRAGGING)?this.removeAttribute(t.OVER):this.setAttribute(t.OVER,"")},E=new WeakSet,L=function(){this.removeAttribute(t.OVER)},n=new WeakSet,p=function(){let e=()=>{this.removeAttribute(t.SELECTED),this.querySelector('div[part="list-item"]')?.removeAttribute(t.SELECTED)};this.dragMode==="select"?this.selected?e():(this.allItems?.forEach(r=>{r.removeAttribute(t.SELECTED),r.querySelector('div[part="list-item"]')?.removeAttribute(t.SELECTED)}),this.setAttribute(t.SELECTED,""),this.querySelector('div[part="list-item"]')?.setAttribute(t.SELECTED,"selected")):e()},l=new WeakSet,g=function(){this.selected?this.removeAttribute(t.SELECTED):this.setAttribute(t.SELECTED,"")},f=new WeakSet,x=function(){this.listen(["Enter","ArrowUp","ArrowDown"],this,e=>{if(e.preventDefault(),e.key==="ArrowDown"&&(e.target.parentElement?.nextElementSibling?.focus(),e.target.nextElementSibling?.focus()),e.key==="ArrowUp"&&e.target.previousElementSibling?.focus(),e.key==="Enter"){if(this.querySelector(".is-editing"))return;this.selection==="multiple"?s(this,l,g).call(this):s(this,n,p).call(this)}})},A=new WeakSet,M=function(){this.selection==="multiple"?(this.offEvent("click",this,s(this,l,g)),this.onEvent("click",this,s(this,l,g))):(this.offEvent("click",this,s(this,n,p)),this.onEvent("click",this,s(this,n,p)))},m=new WeakSet,O=function(){this.offEvent("dragstart",this,e=>s(this,b,D).call(this,e)),this.onEvent("dragstart",this,e=>s(this,b,D).call(this,e)),this.offEvent("dragend",this,()=>s(this,o,u).call(this)),this.onEvent("dragend",this,()=>s(this,o,u).call(this)),this.offEvent("drop",this,()=>s(this,o,u).call(this)),this.onEvent("drop",this,()=>s(this,o,u).call(this)),this.offEvent("dragover",this,e=>s(this,c,T).call(this,e)),this.onEvent("dragover",this,e=>s(this,c,T).call(this,e)),this.offEvent("dragleave",this,()=>s(this,E,L).call(this)),this.onEvent("dragleave",this,()=>s(this,E,L).call(this))},v=new WeakSet,k=function(){if(this.children.length>0){let e=[...this.children].filter(a=>a.name).map(a=>`slotted-${a.name}`),r=[...this.children].filter(a=>a.state?.orientation).map(a=>`orientation-${a.state.orientation}`);(e.length>0||r.length>0)&&this.classList.add(...e,...r)}},h=w([G("ids-swappable-item"),S(C)],h);export{h as a};

package/chunks/ids-chunk-SSK7RNWD.js

@@ -1,61 +0,0 @@
-import{a as L}from"./ids-chunk-PHQEFZRD.js";import{a as x}from"./ids-chunk-CT5U7IVV.js";import{a as p,b as A}from"./ids-chunk-XE4WFW5M.js";import{a as E}from"./ids-chunk-4WDX2CDM.js";import{e as r}from"./ids-chunk-VEAPPKDG.js";import{a as e}from"./ids-chunk-NSM2KAOK.js";import{a as f,b,d as h,g as s}from"./ids-chunk-Y32WUP63.js";var v=`/* Ids Stats Component */
-.ids-stats {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  box-sizing: border-box;
-  color: var(--ids-stats-color-text);
-  height: var(--ids-stats-height);
-  max-height: var(--ids-stats-height);
-  max-width: var(--ids-stats-width);
-  padding-block: var(--ids-stats-padding-block);
-  padding-inline: var(--ids-stats-padding-inline);
-  width: var(--ids-stats-width);
-  transition: var(--ids-motion-duration) var(--ids-motion-ease);
-}
-.ids-stats .trend-label {
-  font-weight: var(--ids-font-weight-semibold);
-  font-size: var(--ids-stats-trend-label-font-size);
-  margin-top: -5px;
-}
-.ids-stats .trend-label.is-positive {
-  color: var(--ids-stats-positive-color-text);
-}
-.ids-stats .trend-label.is-negative {
-  color: var(--ids-stats-negative-color-text);
-}
-.ids-stats .trend-label svg {
-  padding-inline-start: 6px;
-}
-.ids-stats .kpi-label {
-  color: var(--ids-stats-kpi-label-color);
-}
-.ids-stats ids-layout-flex {
-  width: 100%;
-}
-.ids-stats.colspan {
-  --ids-stats-width: var(--ids-stats-width-double);
-}`;var m,S,n,a,o,d,l=class extends L(x(E)){constructor(){super();h(this,m);h(this,n);h(this,o);b(this,"trendingUpIcon",`<svg width="20" height="12" viewBox="0 0 20 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M1.4 12L0 10.6L7.4 3.15L11.4 7.15L16.6 2H14V0H20V6H18V3.4L11.4 10L7.4 6L1.4 12Z" fill="#2AC371"/>
-  </svg>`);b(this,"formats",{kpi:void 0,trend:{signDisplay:"exceptZero"}})}connectedCallback(){super.connectedCallback(),s(this,m,S).call(this),this.actionable=this.actionable}static get attributes(){return[...super.attributes,e.ACTIONABLE,e.COL_SPAN,e.ICON,e.KPI,e.MAIN_LABEL,e.TREND_LABEL,e.SELECTED,e.STATUS_COLOR,e.SUBTITLE]}template(){let t=(this.trendLabel||"").indexOf("-")>-1,i=!t&&this.trendLabel!=="";return`<ids-box padding-x="0" padding-y="0"${!!this.closest("ids-widget")?.hasAttribute("borderless")?" shadowed":"borderless"}>
-      <div class="ids-stats" part="stats">
-        <ids-layout-flex direction="column">
-          <ids-layout-flex justify-content="space-between" align-items="center">
-            <ids-layout-flex-item>
-              <div class="trend-label${i?" is-positive":""}${t?" is-negative":""}"></div>
-            </ids-layout-flex-item>
-            <ids-layout-flex-item>
-              <div class="main-icon"><ids-icon icon="${this.icon}" status-color=${this.statusColor}></ids-icon></div>
-            </ids-layout-flex-item>
-          </ids-layout-flex>
-          <ids-layout-flex-item>
-            <ids-text font-size="40" class="kpi-label" font-weight="semi-bold" overflow="ellipsis" tooltip="true">${this.kpi}</ids-text>
-          </ids-layout-flex-item>
-          <ids-layout-flex-item>
-            <ids-text font-size="14" class="main-label" font-weight="semi-bold" overflow="ellipsis"  tooltip="true">${this.mainLabel}</ids-text>
-          </ids-layout-flex-item>
-          <ids-layout-flex-item>
-            <ids-text font-size="12" class="subtitle" overflow="ellipsis" tooltip="true">${this.subtitle}</ids-text>
-          </ids-layout-flex-item>
-        </ids-layout-flex>
-      </div>
-    </ids-box>`}toggleSelection(){this.actionable&&(this.selected=!r(this.selected))}set selected(t){let i=r(this.selected),u=r(t);i!==u&&(this.closest("ids-widget")?.querySelectorAll("ids-stats").forEach(c=>{c.isSameNode(this)||c.removeAttribute(e.SELECTED)}),u?(this.setAttribute(e.SELECTED,`${t}`),this.container?.parentElement?.setAttribute(e.SELECTED,"true")):(this.removeAttribute(e.SELECTED),this.container?.parentElement?.removeAttribute(e.SELECTED)))}get selected(){return r(this.getAttribute(e.SELECTED))}set actionable(t){r(t)?(this.setAttribute(e.ACTIONABLE,t.toString()),this.container?.parentElement?.setAttribute(e.SELECTED,"true")):(this.removeAttribute(e.ACTIONABLE),this.container?.parentElement?.removeAttribute(e.SELECTED))}get actionable(){return r(this.getAttribute(e.ACTIONABLE))}set trendLabel(t){let i=this.container?.querySelector(".trend-label");t?(this.setAttribute(e.TREND_LABEL,t),s(this,o,d).call(this)):!t&&i&&i.setAttribute("hidden","true")}get trendLabel(){return this.getAttribute(e.TREND_LABEL)||""}set icon(t){let i=this.container?.querySelector(".main-icon");r(t)&&i&&t?(this.setAttribute(e.ICON,t),i.textContent=t):i&&i.setAttribute("hidden","true")}get icon(){return this.getAttribute(e.ICON)}set statusColor(t){t?(this.setAttribute(e.STATUS_COLOR,t),this.container?.querySelector(".main-icon ids-icon")?.setAttribute("status-color",t)):this.removeAttribute(e.STATUS_COLOR)}get statusColor(){return this.getAttribute(e.STATUS_COLOR)||"azure"}set kpi(t){t?(this.setAttribute(e.KPI,t),s(this,n,a).call(this)):this.removeAttribute(e.KPI)}get kpi(){return this.getAttribute(e.KPI)||""}set mainLabel(t){let i=this.container?.querySelector(".main-label");t&&i?(this.setAttribute(e.MAIN_LABEL,t),i.textContent=t):i&&this.removeAttribute(e.MAIN_LABEL)}get mainLabel(){return this.getAttribute(e.MAIN_LABEL)||""}set subtitle(t){let i=this.container?.querySelector(".subtitle");t&&i?(this.setAttribute(e.SUBTITLE,t),i.textContent=t):i&&this.removeAttribute(e.SUBTITLE)}get subtitle(){return this.getAttribute(e.SUBTITLE)||""}set colSpan(t){t!==null?(this.setAttribute(e.COL_SPAN,t),this.container?.classList.add("colspan")):(this.removeAttribute(e.COL_SPAN),this.container?.classList.remove("colspan"))}get colSpan(){return this.getAttribute(e.COL_SPAN)}set kpiFormat(t){t!==null?this.formats.kpi=t:this.formats.kpi=void 0,s(this,n,a).call(this)}get kpiFormat(){return this.formats.kpi}set trendFormat(t){t!==null?this.formats.trend=t:this.formats.trend=void 0,s(this,o,d).call(this)}get trendFormat(){return this.formats.trend}};m=new WeakSet,S=function(){this.onEvent("click.stats",this,()=>this.toggleSelection()),this.onLocaleChange=()=>{s(this,n,a).call(this),s(this,o,d).call(this)},this.onLanguageChange=()=>{s(this,n,a).call(this),s(this,o,d).call(this)}},n=new WeakSet,a=function(){let t=this.container?.querySelector(".kpi-label");t&&(t.textContent=new Intl.NumberFormat(this.locale||"en",this.kpiFormat).format(Number(this.kpi)))},o=new WeakSet,d=function(){let t=new Intl.NumberFormat(this.locale||"en",this.trendFormat).format(Number(this.trendLabel)),c=`${!((t||"").indexOf("-")>-1)&&t!==""?this.trendingUpIcon:""}`,g=this.container?.querySelector(".trend-label");g&&t!=="0"&&(g.innerHTML=`${t}${c}`)},l=f([p("ids-stats"),A(v)],l);export{l as a};

package/chunks/ids-chunk-TFKPHKUJ.js

@@ -1,8 +0,0 @@
-import{a as n}from"./ids-chunk-EJFV3IXB.js";import{a as e}from"./ids-chunk-NSM2KAOK.js";var r={NONE:"none",CLIENT_SIDE:"client-side",SERVER_SIDE:"server-side",STANDALONE:"standalone"},g=s=>class extends s{#t;datasource=new n;constructor(...t){super(...t)}set pager(t){this.#t=t;let a=Math.max(this.pageNumber||1,1),i=Math.max(this.pageSize||0,1);this.datasource.pageSize=i,this.pagination!==r.STANDALONE&&(this.pager.innerHTML=this.pagerTemplate()),this.pager.total=this.datasource.total,this.pager.pageNumber=a,this.pager.pageSize=i,this.#a()}get pager(){return this.#t||this.querySelector("ids-pager")||document.createElement("ids-pager")}static get attributes(){return[...s.attributes,e.PAGINATION,e.PAGE_NUMBER,e.PAGE_SIZE,e.PAGE_TOTAL]}attributeChangedCallback(t,a,i){if(super.attributeChangedCallback(t,a,i),a===i)return;[e.PAGE_NUMBER,e.PAGE_SIZE,e.PAGE_TOTAL,e.PAGINATION].includes(t)&&this.connectedCallback()}connectedCallback(){super.connectedCallback?.(),this.#e()}pagerTemplate(){return`
-      <ids-pager-button first></ids-pager-button>
-      <ids-pager-button previous></ids-pager-button>
-      <ids-pager-input></ids-pager-input>
-      <ids-pager-button next></ids-pager-button>
-      <ids-pager-button last></ids-pager-button>
-      <ids-pager-dropdown slot="end" page-size="${Math.max(this.pageSize||0,1)}"></ids-pager-dropdown>
-    `}paginate(t=1,a=10){return this.datasource.paginate(t,a)}set pagination(t){this.setAttribute(e.PAGINATION,t)}get pagination(){return this.getAttribute(e.PAGINATION)||r.NONE}set pageNumber(t){this.setAttribute(e.PAGE_NUMBER,String(t)),this.pager.pageNumber=t,this.datasource.pageNumber=t}get pageNumber(){return parseInt(this.getAttribute(e.PAGE_NUMBER)||"")||this.pager.pageNumber||1}set pageSize(t){this.setAttribute(e.PAGE_SIZE,String(t)),this.pager.pageSize=Number(t),this.datasource.pageSize=Number(t)}get pageSize(){return parseInt(this.getAttribute(e.PAGE_SIZE)||"")||this.pager.pageSize||1}set pageTotal(t){this.setAttribute(e.PAGE_TOTAL,String(t)),this.pager.total=t,this.datasource.total=t}get pageTotal(){return parseInt(this.getAttribute(e.PAGE_TOTAL)||"")||this.datasource.total}#e(){if(!this.pagination||this.pagination===r.NONE){this.pager.remove();return}if(this.pagination===r.STANDALONE)return;if(!(this.querySelector("ids-pager")||this.shadowRoot?.querySelector("ids-pager"))){let a=this.pager;this.pager=a,this.container?.after(this.pager)}}#a(){this.offEvent("pagenumberchange",this.pager),this.onEvent("pagenumberchange",this.pager,t=>{this.pageNumber=Number(t.detail.value)}),this.offEvent("pagesizechange",this.pager),this.onEvent("pagesizechange",this.pager,t=>{this.pageSize=Number(t.detail.value)})}},b=g;export{b as a};