ids-enterprise-wc 1.0.0-beta.20 → 1.0.0-beta.21

package/chunks/{ids-chunk-3TFMQD2P.js → ids-chunk-KNZJ26HD.js}

@@ -1,4 +1,4 @@
-import{a as V}from"./ids-chunk-TRG5DZFN.js";import{a as be}from"./ids-chunk-42OG2LLC.js";import{a as fe}from"./ids-chunk-RFGV7VF5.js";import{a as me}from"./ids-chunk-DB2WLRTX.js";import{a as ue}from"./ids-chunk-U34YTPJC.js";import{a as pe}from"./ids-chunk-YSNCZSZO.js";import{a as ve}from"./ids-chunk-CATQTJOO.js";import{a as ge}from"./ids-chunk-F2Y4VB7Q.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-WEDRKSLP.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 {
+import{a as V}from"./ids-chunk-5SEAI375.js";import{a as me}from"./ids-chunk-X2GX5SHM.js";import{a as fe}from"./ids-chunk-WMDPKL52.js";import{a as be}from"./ids-chunk-3S7OGOJS.js";import{a as ue}from"./ids-chunk-U34YTPJC.js";import{a as pe}from"./ids-chunk-G3IHRFV3.js";import{a as ve}from"./ids-chunk-DK5QOJMP.js";import{a as ge}from"./ids-chunk-WIKE6ZX6.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-JQA4UHEE.js";import{a as ne,b as ie,c as v,d as l,e as b,g as o}from"./ids-chunk-Y32WUP63.js";var ye=`.ids-calendar {
   display: flex;
   flex-direction: row;
   width: 100%;
@@ -333,7 +333,7 @@ ids-accordion-panel::part(content) {
     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`
+}`;var He=fe(be(me(pe(ve(ge))))),F,m,E,I,N,De,z,Ee,$,te,j,we,p,g,_,ke,B,xe,w,q,Y,Se,u,y,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,u);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,m,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?.(),v(this,m)&&(v(this,m).disconnect(),b(this,m,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">
@@ -398,7 +398,7 @@ ids-accordion-panel::part(content) {
           ${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=`
+    `}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,g).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">
@@ -416,16 +416,16 @@ ids-accordion-panel::part(content) {
     `).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=>`
+    `;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,m=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;b(this,m,new ResizeObserver(a=>{cancelAnimationFrame(t),t=requestAnimationFrame(()=>o(this,Z,Me).call(this,a))})),v(this,m).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)=>`
+    `).join(""),s=(c,h,D)=>`
       <ids-date-picker
         id="${c}"
         label="${this.localeAPI.translate(h)}"
         size="full"
-        value="${this.localeAPI.formatDate(y)}"
+        value="${this.localeAPI.formatDate(D)}"
         mask>
       </ids-date-picker>
     `,r=(c,h)=>`
@@ -467,7 +467,7 @@ ids-accordion-panel::part(content) {
           </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",`
+    `},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,u,y).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&&(b(this,E,r),o(this,u,y).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;b(this,E,s.eventData.id),o(this,u,y).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&&(b(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,g=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,g).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,u,y).call(this);return}if(a==="submit"){let i=o(this,p,g).call(this)?.querySelector("#event-form");o(this,K,Te).call(this,i),o(this,u,y).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)}),e&&(e.onOutsideClick=t=>{(t.composedPath&&t.composedPath())?.includes(e)||o(this,u,y).call(this)})},w=new WeakSet,q=function(e,t){if(this.suppressForm)return;let a=o(this,p,g).call(this);a?a.innerHTML=`${o(this,$,te).call(this,t)}`:this.container?.insertAdjacentHTML("beforeend",`
         <ids-popup
           id="event-form-popup"
           arrow="right"
@@ -479,7 +479,7 @@ ids-accordion-panel::part(content) {
           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`
+      `),this.positionFormPopup(e),o(this,B,xe).call(this),o(this,p,g).call(this)?.querySelector("#event-subject")?.focus()},Y=new WeakSet,Se=function(e){let t=o(this,p,g).call(this);t&&t.querySelectorAll("ids-time-picker").forEach(a=>{a.disabled=e})},u=new WeakSet,y=function(){let e=o(this,p,g).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"),D=c.dateValue;D.setHours(n?0:h.hours24),D.setMinutes(n?0:h.minutes),D.setSeconds(n?0:h.seconds);let Le=D.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()}"
@@ -492,4 +492,4 @@ ids-accordion-panel::part(content) {
         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};
+    `},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&&!v(this,I)&&Array.isArray(e)&&e.length&&(a=e.map(i=>({name:i.label,color:`${i.color}-60`,dayOfWeek:[],cssClass:"event-type",fontSize:14}))),v(this,C)!==a&&(b(this,C,a),t.legend=a)},Z=new WeakSet,Me=function(e){let a=e[0].contentRect.width<=v(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(v(this,E))?.container))},A=ne([oe("ids-calendar"),se(ye)],A);export{A as a};

package/chunks/{ids-chunk-AVSXDSYX.js → ids-chunk-KO2XOS2F.js}

@@ -1,3 +1,3 @@
-import{m as i}from"./ids-chunk-U4XVR5SW.js";import{b as d}from"./ids-chunk-5Q3WPKMB.js";import{a}from"./ids-chunk-WEDRKSLP.js";var h=o=>class extends o{legendsHref=[];constructor(...e){super(...e)}static get attributes(){return[...o.attributes,a.LEGEND_PLACEMENT]}connectedCallback(){super.connectedCallback?.(),this.attachLegendEvents()}set legendPlacement(e){let t=this.shadowRoot?.querySelector(".ids-chart-container");this.setAttribute(a.LEGEND_PLACEMENT,e),t?.classList.remove("legend-none","legend-top","legend-bottom","legend-left","legend-right"),t?.classList.add(`legend-${e}`)}get legendPlacement(){return this.getAttribute(a.LEGEND_PLACEMENT)||"bottom"}legendTemplate(e="name"){let t='<div class="chart-legend">';return this.data.forEach((n,r)=>{let s=n[e]?n[e]:n.name,l=n.pattern?`<svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">
+import{m as i}from"./ids-chunk-U4XVR5SW.js";import{b as d}from"./ids-chunk-5Q3WPKMB.js";import{a}from"./ids-chunk-JQA4UHEE.js";var h=o=>class extends o{legendsHref=[];constructor(...e){super(...e)}static get attributes(){return[...o.attributes,a.LEGEND_PLACEMENT]}connectedCallback(){super.connectedCallback?.(),this.attachLegendEvents()}set legendPlacement(e){let t=this.shadowRoot?.querySelector(".ids-chart-container");this.setAttribute(a.LEGEND_PLACEMENT,e),t?.classList.remove("legend-none","legend-top","legend-bottom","legend-left","legend-right"),t?.classList.add(`legend-${e}`)}get legendPlacement(){return this.getAttribute(a.LEGEND_PLACEMENT)||"bottom"}legendTemplate(e="name"){let t='<div class="chart-legend">';return this.data.forEach((n,r)=>{let s=n[e]?n[e]:n.name,l=n.pattern?`<svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">
         <rect width="12" height="12" fill="url(#${n.pattern})"></rect>
       </svg>`:"",c=n.pattern?"":`color-${r+1}`;s&&(t+=`<a href="#legend-${d(s)}" data-index="${r}" class="chart-legend-item"><div class="swatch ${c}">${l}</div>${s}</a>`)}),t+="</div>",t}adjustLabels(){let e=this.shadowRoot?.querySelector(".chart-legend");e&&i(e)&&(e.outerHTML=this.legendTemplate("shortName")),e=this.shadowRoot?.querySelector(".chart-legend"),e&&i(e)&&(e.outerHTML=this.legendTemplate("abbreviatedName"))}legendsClickable(e){if(!this.shadowRoot)return;let t=[...this.shadowRoot.querySelectorAll(".chart-legend-item")];if(!t[0])return;let n=!1;this.legendsHref=this.legendsHref||t.map(r=>r.getAttribute("href")),e&&!t[0].hasAttribute("href")?(t.forEach((r,s)=>{r.setAttribute("href",this.legendsHref[s]??"#"),r.removeAttribute("aria-hidden")}),n=!0):!e&&t[0].hasAttribute("href")&&(t.forEach(r=>{r.setAttribute("aria-hidden","true"),r.removeAttribute("href")}),n=!0),n&&this[e?"attachLegendEvents":"detachLegendEvents"]()}attachLegendEvents(){let e=this.shadowRoot?.querySelector('slot[name="legend"]');this.offEvent("click.chartlegend",e),this.onEvent("click.chartlegend",e,async t=>{let n=t.target;if(n?.classList?.contains("chart-legend-item")){t.preventDefault();let r=n.getAttribute("data-index");this.setSelection?.(r,!0)}})}detachLegendEvents(){let e=this.shadowRoot?.querySelector('slot[name="legend"]');this.offEvent("click.chartlegend",e)}},u=h;export{u as a};

package/chunks/{ids-chunk-EZXTANPE.js → ids-chunk-KR3VEP5B.js}

@@ -1,4 +1,4 @@
-import{a}from"./ids-chunk-CATQTJOO.js";import{a as b}from"./ids-chunk-F2Y4VB7Q.js";import{a as c,b as l}from"./ids-chunk-XE4WFW5M.js";import{e as r}from"./ids-chunk-5Q3WPKMB.js";import{a as i}from"./ids-chunk-WEDRKSLP.js";import{a as o}from"./ids-chunk-Y32WUP63.js";var n=`/* Ids Checkbox Group */
+import{a}from"./ids-chunk-DK5QOJMP.js";import{a as b}from"./ids-chunk-WIKE6ZX6.js";import{a as c,b as l}from"./ids-chunk-XE4WFW5M.js";import{e as r}from"./ids-chunk-5Q3WPKMB.js";import{a as i}from"./ids-chunk-JQA4UHEE.js";import{a as o}from"./ids-chunk-Y32WUP63.js";var n=`/* Ids Checkbox Group */
 .ids-checkbox-group ids-text {
   display: block;
   margin-block-end: var(--ids-space-50);

package/chunks/{ids-chunk-EPQL3SBL.js → ids-chunk-L25SV5P3.js}

@@ -1,4 +1,4 @@
-import{a as x}from"./ids-chunk-T6ZV4PDM.js";import{a as P}from"./ids-chunk-CATQTJOO.js";import{a as C}from"./ids-chunk-F2Y4VB7Q.js";import{a as D,b as I}from"./ids-chunk-XE4WFW5M.js";import{e as E,f as a}from"./ids-chunk-5Q3WPKMB.js";import{a as t}from"./ids-chunk-WEDRKSLP.js";import{a as v,b as m,c as A,d as l,e as c,g as u}from"./ids-chunk-Y32WUP63.js";var B=`/* Ids Pager Input Component */
+import{a as x}from"./ids-chunk-T6ZV4PDM.js";import{a as P}from"./ids-chunk-DK5QOJMP.js";import{a as C}from"./ids-chunk-WIKE6ZX6.js";import{a as D,b as I}from"./ids-chunk-XE4WFW5M.js";import{e as E,f as a}from"./ids-chunk-5Q3WPKMB.js";import{a as t}from"./ids-chunk-JQA4UHEE.js";import{a as v,b as m,c as A,d as l,e as c,g as u}from"./ids-chunk-Y32WUP63.js";var B=`/* Ids Pager Input Component */
 :host(ids-pager-input) {
   display: inline-flex;
   align-items: center;

package/chunks/{ids-chunk-XNY2UBZR.js → ids-chunk-L4IDJKTT.js}

@@ -1 +1 @@
-import{d as n}from"./ids-chunk-T35PTRDE.js";import{a as e}from"./ids-chunk-WEDRKSLP.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-JQA4UHEE.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-SILCRK62.js → ids-chunk-L6TTQ5GV.js}

@@ -1,4 +1,4 @@
-import{a as X}from"./ids-chunk-GBYYWX3C.js";import{a as U}from"./ids-chunk-55OT46JK.js";import{a as W}from"./ids-chunk-Q34RMGF3.js";import{a as K}from"./ids-chunk-3KETWUOK.js";import{a as F}from"./ids-chunk-U3IWSQKD.js";import{a as l,b as v,c as m,d as j}from"./ids-chunk-SBYA6MC4.js";import{b as Y}from"./ids-chunk-J763DNOL.js";import{a as $}from"./ids-chunk-J3ORU6PU.js";import{a as G}from"./ids-chunk-OOGHKPVO.js";import{a as q}from"./ids-chunk-QOF4IG2V.js";import{a as _}from"./ids-chunk-RYENC4X3.js";import{a as B}from"./ids-chunk-YSNCZSZO.js";import{a as z}from"./ids-chunk-T6ZV4PDM.js";import{a as V}from"./ids-chunk-CATQTJOO.js";import{a as H}from"./ids-chunk-TSR3CW57.js";import{a as M}from"./ids-chunk-F2Y4VB7Q.js";import{a as D,b as O}from"./ids-chunk-XE4WFW5M.js";import{d as N}from"./ids-chunk-U4XVR5SW.js";import{e as r}from"./ids-chunk-5Q3WPKMB.js";import{a as i}from"./ids-chunk-WEDRKSLP.js";import{a as P,b as g,c as C,d as a,g as s}from"./ids-chunk-Y32WUP63.js";var Z=`@charset "UTF-8";
+import{a as X}from"./ids-chunk-CTNRNVH5.js";import{a as U}from"./ids-chunk-H2WV4F72.js";import{a as W}from"./ids-chunk-SKMSP7PE.js";import{a as K}from"./ids-chunk-NNREHC6N.js";import{a as F}from"./ids-chunk-63D72FLW.js";import{a as l,b as v,c as m,d as j}from"./ids-chunk-SBYA6MC4.js";import{b as Y}from"./ids-chunk-CTZLJDF7.js";import{a as $}from"./ids-chunk-PLYQNORX.js";import{a as G}from"./ids-chunk-X35TB57D.js";import{a as q}from"./ids-chunk-QIACK2TO.js";import{a as _}from"./ids-chunk-7OBD3OM6.js";import{a as B}from"./ids-chunk-G3IHRFV3.js";import{a as z}from"./ids-chunk-T6ZV4PDM.js";import{a as V}from"./ids-chunk-DK5QOJMP.js";import{a as H}from"./ids-chunk-57OQ6QPI.js";import{a as M}from"./ids-chunk-WIKE6ZX6.js";import{a as D,b as O}from"./ids-chunk-XE4WFW5M.js";import{d as N}from"./ids-chunk-U4XVR5SW.js";import{e}from"./ids-chunk-5Q3WPKMB.js";import{a as i}from"./ids-chunk-JQA4UHEE.js";import{a as P,b as g,c as C,d as s,g as a}from"./ids-chunk-Y32WUP63.js";var Z=`@charset "UTF-8";
 /**
  * Css for clearable mixin
  */
@@ -550,10 +550,7 @@ import{a as X}from"./ids-chunk-GBYYWX3C.js";import{a as U}from"./ids-chunk-55OT4
 .ids-input.color-variant-module-nav:not([class*=field-height-]) input {
   height: var(--ids-module-nav-search-input-height);
 }
-.ids-input:not([class*=color-variant-]) {
-  /* stylelint-disable-next-line no-duplicate-selectors */
-}
-.ids-input:not([class*=color-variant-]) .field-container {
+.ids-input:not([class*=color-variant-]) .field-container:not(:focus-within) {
   background-color: var(--ids-input-color-background-default);
   border-color: var(--ids-input-color-border-default);
   color: var(--ids-input-color-text);
@@ -576,35 +573,26 @@ import{a as X}from"./ids-chunk-GBYYWX3C.js";import{a as U}from"./ids-chunk-55OT4
 .ids-input:not([class*=color-variant-]).bg-transparent:focus-within .field-container {
   background-color: transparent;
 }
-.ids-input:not([class*=color-variant-]).is-active .field-container, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .field-container, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container {
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container {
   border-color: var(--ids-input-color-border-hover);
 }
-.ids-input:not([class*=color-variant-]).is-active .alert,
-.ids-input:not([class*=color-variant-]).is-active .alert:hover,
-.ids-input:not([class*=color-variant-]).is-active .warning,
-.ids-input:not([class*=color-variant-]).is-active .warning:hover, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert:hover,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .warning,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .warning:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .alert,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .alert:hover,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .warning,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .warning:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert:hover,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .warning,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .warning:hover {
   border-color: var(--ids-input-color-border-alert-default);
   color: var(--ids-input-color-text-alert-default);
 }
-.ids-input:not([class*=color-variant-]).is-active .alert:focus-within, .ids-input:not([class*=color-variant-]).is-active .alert.is-active,
-.ids-input:not([class*=color-variant-]).is-active .alert:hover:focus-within,
-.ids-input:not([class*=color-variant-]).is-active .alert:hover.is-active,
-.ids-input:not([class*=color-variant-]).is-active .warning:focus-within,
-.ids-input:not([class*=color-variant-]).is-active .warning.is-active,
-.ids-input:not([class*=color-variant-]).is-active .warning:hover:focus-within,
-.ids-input:not([class*=color-variant-]).is-active .warning:hover.is-active, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert.is-active,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert:hover:focus-within,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert:hover.is-active,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .warning:focus-within,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .warning.is-active,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .warning:hover:focus-within,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .warning:hover.is-active, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert:focus-within, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert.is-active,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .alert:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .alert.is-active,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .alert:hover:focus-within,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .alert:hover.is-active,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .warning:focus-within,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .warning.is-active,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .warning:hover:focus-within,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .warning:hover.is-active, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert:focus-within, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert.is-active,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert:hover:focus-within,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert:hover.is-active,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .warning:focus-within,
@@ -614,91 +602,175 @@ import{a as X}from"./ids-chunk-GBYYWX3C.js";import{a as U}from"./ids-chunk-55OT4
   border-color: var(--ids-input-color-border-alert-default);
   box-shadow: var(--ids-input-shadow-alert-focus) 0 0 3px 2px;
 }
-.ids-input:not([class*=color-variant-]).is-active .alert[disabled],
-.ids-input:not([class*=color-variant-]).is-active .alert:hover[disabled],
-.ids-input:not([class*=color-variant-]).is-active .warning[disabled],
-.ids-input:not([class*=color-variant-]).is-active .warning:hover[disabled], .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert[disabled],
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert:hover[disabled],
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .warning[disabled],
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .warning:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert[disabled],
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .alert[disabled],
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .alert:hover[disabled],
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .warning[disabled],
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .warning:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert[disabled],
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert:hover[disabled],
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .warning[disabled],
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .warning:hover[disabled] {
   border-color: var(--ids-input-color-border-alert-disabled);
   color: var(--ids-input-color-text-alert-disabled);
 }
-.ids-input:not([class*=color-variant-]).is-active .error,
-.ids-input:not([class*=color-variant-]).is-active .error:hover, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .error,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .error:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error:hover {
   border-color: var(--ids-input-color-border-error-default);
   color: var(--ids-input-error-color-text-error-default);
 }
-.ids-input:not([class*=color-variant-]).is-active .error:focus-within, .ids-input:not([class*=color-variant-]).is-active .error.is-active,
-.ids-input:not([class*=color-variant-]).is-active .error:hover:focus-within,
-.ids-input:not([class*=color-variant-]).is-active .error:hover.is-active, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error.is-active,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error:hover:focus-within,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error:hover.is-active, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error:focus-within, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error.is-active,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .error:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .error.is-active,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .error:hover:focus-within,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .error:hover.is-active, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error:focus-within, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error.is-active,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error:hover:focus-within,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error:hover.is-active {
   border-color: var(--ids-input-color-border-error-default);
   box-shadow: var(--ids-input-color-shadow-error-focus) 0 0 3px 2px;
 }
-.ids-input:not([class*=color-variant-]).is-active .error[disabled],
-.ids-input:not([class*=color-variant-]).is-active .error:hover[disabled], .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error[disabled],
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error[disabled],
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .error[disabled],
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .error:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error[disabled],
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error:hover[disabled] {
   border-color: var(--ids-input-color-border-error-disabled);
   color: var(--ids-input-color-border-error-disabled);
 }
-.ids-input:not([class*=color-variant-]).is-active .info,
-.ids-input:not([class*=color-variant-]).is-active .info:hover, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .info,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .info:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info:hover {
   border-color: var(--ids-input-color-border-info-default);
   color: var(--ids-input-color-text-info-default);
 }
-.ids-input:not([class*=color-variant-]).is-active .info:focus-within, .ids-input:not([class*=color-variant-]).is-active .info.is-active,
-.ids-input:not([class*=color-variant-]).is-active .info:hover:focus-within,
-.ids-input:not([class*=color-variant-]).is-active .info:hover.is-active, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info.is-active,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info:hover:focus-within,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info:hover.is-active, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info:focus-within, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info.is-active,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .info:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .info.is-active,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .info:hover:focus-within,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .info:hover.is-active, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info:focus-within, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info.is-active,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info:hover:focus-within,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info:hover.is-active {
   border-color: var(--ids-input-color-border-info-default);
   box-shadow: var(--ids-input-shadow-info-focus) 0 0 3px 2px;
 }
-.ids-input:not([class*=color-variant-]).is-active .info[disabled],
-.ids-input:not([class*=color-variant-]).is-active .info:hover[disabled], .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info[disabled],
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info[disabled],
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .info[disabled],
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .info:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info[disabled],
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info:hover[disabled] {
   border-color: var(--ids-input-color-border-info-disabled);
   color: var(--ids-input-color-text-info-disabled);
 }
-.ids-input:not([class*=color-variant-]).is-active .success,
-.ids-input:not([class*=color-variant-]).is-active .success:hover, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .success,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .success:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success:hover {
   border-color: var(--ids-input-color-border-success-default);
   color: var(--ids-input-color-text-success-default);
 }
-.ids-input:not([class*=color-variant-]).is-active .success:focus-within, .ids-input:not([class*=color-variant-]).is-active .success.is-active,
-.ids-input:not([class*=color-variant-]).is-active .success:hover:focus-within,
-.ids-input:not([class*=color-variant-]).is-active .success:hover.is-active, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success.is-active,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success:hover:focus-within,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success:hover.is-active, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success:focus-within, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success.is-active,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .success:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .success.is-active,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .success:hover:focus-within,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .success:hover.is-active, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success:focus-within, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success.is-active,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success:hover:focus-within,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success:hover.is-active {
   border-color: var(--ids-input-color-border-success-default);
   box-shadow: var(--ids-input-shadow-success-focus) 0 0 3px 2px;
 }
-.ids-input:not([class*=color-variant-]).is-active .success[disabled],
-.ids-input:not([class*=color-variant-]).is-active .success:hover[disabled], .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success[disabled],
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success[disabled],
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .success[disabled],
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .success:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success[disabled],
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success:hover[disabled] {
   border-color: var(--ids-input-color-border-success-disabled);
   color: var(--ids-input-color-text-success-disabled);
 }
+.ids-input:not([class*=color-variant-]).is-active .field-container, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container {
+  border-color: var(--ids-input-color-border-focus);
+}
+.ids-input:not([class*=color-variant-]).is-active .alert,
+.ids-input:not([class*=color-variant-]).is-active .alert:hover,
+.ids-input:not([class*=color-variant-]).is-active .warning,
+.ids-input:not([class*=color-variant-]).is-active .warning:hover, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .alert,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .alert:hover,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .warning,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .warning:hover {
+  border-color: var(--ids-input-color-border-alert-default);
+  color: var(--ids-input-color-text-alert-default);
+}
+.ids-input:not([class*=color-variant-]).is-active .alert:focus-within, .ids-input:not([class*=color-variant-]).is-active .alert.is-active,
+.ids-input:not([class*=color-variant-]).is-active .alert:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active .alert:hover.is-active,
+.ids-input:not([class*=color-variant-]).is-active .warning:focus-within,
+.ids-input:not([class*=color-variant-]).is-active .warning.is-active,
+.ids-input:not([class*=color-variant-]).is-active .warning:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active .warning:hover.is-active, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .alert:focus-within, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .alert.is-active,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .alert:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .alert:hover.is-active,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .warning:focus-within,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .warning.is-active,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .warning:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .warning:hover.is-active {
+  border-color: var(--ids-input-color-border-alert-default);
+  box-shadow: var(--ids-input-shadow-alert-focus) 0 0 3px 2px;
+}
+.ids-input:not([class*=color-variant-]).is-active .alert[disabled],
+.ids-input:not([class*=color-variant-]).is-active .alert:hover[disabled],
+.ids-input:not([class*=color-variant-]).is-active .warning[disabled],
+.ids-input:not([class*=color-variant-]).is-active .warning:hover[disabled], .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .alert[disabled],
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .alert:hover[disabled],
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .warning[disabled],
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .warning:hover[disabled] {
+  border-color: var(--ids-input-color-border-alert-disabled);
+  color: var(--ids-input-color-text-alert-disabled);
+}
+.ids-input:not([class*=color-variant-]).is-active .error,
+.ids-input:not([class*=color-variant-]).is-active .error:hover, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .error,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .error:hover {
+  border-color: var(--ids-input-color-border-error-default);
+  color: var(--ids-input-error-color-text-error-default);
+}
+.ids-input:not([class*=color-variant-]).is-active .error:focus-within, .ids-input:not([class*=color-variant-]).is-active .error.is-active,
+.ids-input:not([class*=color-variant-]).is-active .error:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active .error:hover.is-active, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .error:focus-within, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .error.is-active,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .error:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .error:hover.is-active {
+  border-color: var(--ids-input-color-border-error-default);
+  box-shadow: var(--ids-input-color-shadow-error-focus) 0 0 3px 2px;
+}
+.ids-input:not([class*=color-variant-]).is-active .error[disabled],
+.ids-input:not([class*=color-variant-]).is-active .error:hover[disabled], .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .error[disabled],
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .error:hover[disabled] {
+  border-color: var(--ids-input-color-border-error-disabled);
+  color: var(--ids-input-color-border-error-disabled);
+}
+.ids-input:not([class*=color-variant-]).is-active .info,
+.ids-input:not([class*=color-variant-]).is-active .info:hover, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .info,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .info:hover {
+  border-color: var(--ids-input-color-border-info-default);
+  color: var(--ids-input-color-text-info-default);
+}
+.ids-input:not([class*=color-variant-]).is-active .info:focus-within, .ids-input:not([class*=color-variant-]).is-active .info.is-active,
+.ids-input:not([class*=color-variant-]).is-active .info:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active .info:hover.is-active, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .info:focus-within, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .info.is-active,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .info:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .info:hover.is-active {
+  border-color: var(--ids-input-color-border-info-default);
+  box-shadow: var(--ids-input-shadow-info-focus) 0 0 3px 2px;
+}
+.ids-input:not([class*=color-variant-]).is-active .info[disabled],
+.ids-input:not([class*=color-variant-]).is-active .info:hover[disabled], .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .info[disabled],
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .info:hover[disabled] {
+  border-color: var(--ids-input-color-border-info-disabled);
+  color: var(--ids-input-color-text-info-disabled);
+}
+.ids-input:not([class*=color-variant-]).is-active .success,
+.ids-input:not([class*=color-variant-]).is-active .success:hover, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .success,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .success:hover {
+  border-color: var(--ids-input-color-border-success-default);
+  color: var(--ids-input-color-text-success-default);
+}
+.ids-input:not([class*=color-variant-]).is-active .success:focus-within, .ids-input:not([class*=color-variant-]).is-active .success.is-active,
+.ids-input:not([class*=color-variant-]).is-active .success:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active .success:hover.is-active, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .success:focus-within, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .success.is-active,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .success:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .success:hover.is-active {
+  border-color: var(--ids-input-color-border-success-default);
+  box-shadow: var(--ids-input-shadow-success-focus) 0 0 3px 2px;
+}
+.ids-input:not([class*=color-variant-]).is-active .success[disabled],
+.ids-input:not([class*=color-variant-]).is-active .success:hover[disabled], .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .success[disabled],
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .success:hover[disabled] {
+  border-color: var(--ids-input-color-border-success-disabled);
+  color: var(--ids-input-color-text-success-disabled);
+}
 .ids-input:not([class*=color-variant-]):hover:not(.disabled).readonly.readonly-background.color-variant-alternate-formatter .field-container {
   border-color: var(--ids-data-grid-filter-input-color-border-hover);
 }
@@ -956,13 +1028,13 @@ import{a as X}from"./ids-chunk-GBYYWX3C.js";import{a as U}from"./ids-chunk-55OT4
   padding: 0;
   position: absolute;
   width: 1px;
-}`;var oi=_($(q(F(Y(U(W(H(X(G(B(z(K(V(M)))))))))))))),c,x,w,J,A,Q,u,y,b,T,E,f,R,h=class extends oi{constructor(){super();a(this,c);a(this,w);a(this,A);a(this,u);a(this,b);a(this,f);g(this,"triggeredByChange",!1);g(this,"isFormComponent",!0);g(this,"colorVariants",["alternate","alternate-formatter","borderless","in-cell","list-builder","module-nav"]);a(this,E,void 0)}static get attributes(){return[...super.attributes,i.ACTIVE,i.AUTOSELECT,i.BG_TRANSPARENT,i.CAPS_LOCK,i.CURSOR,i.DISABLED,i.FORMAT,i.ID,i.LABEL_WRAP,i.MAXLENGTH,i.NO_MARGINS,i.PADDING,i.PASSWORD_VISIBLE,i.PLACEHOLDER,i.READONLY_BACKGROUND,i.READONLY,i.REVEALABLE_PASSWORD,i.SIZE,i.TABBABLE,i.TEXT_ALIGN,i.TEXT_ELLIPSIS,i.TYPE,i.UPPERCASE,i.VALUE]}connectedCallback(){super.connectedCallback(),s(this,A,Q).call(this),this.hasAttribute(i.AUTOSELECT)&&this.handleAutoselect(),this.isPasswordVisible&&s(this,u,y).call(this,!0),this.capsLock&&s(this,c,x).call(this,!0),s(this,f,R).call(this),this.getAttribute("maxlength")&&(this.maxlength=this.getAttribute("maxlength")),N(this,"ids-header, .ids-header")&&(this.colorVariant="alternate")}template(){let{ariaLabel:t,capsLock:o,containerClass:e,inputClass:n,inputState:L,labelHtml:k,placeholder:d,showHide:p,type:S,value:I}=this.templateVariables();return`<div class="${e}" part="container">
-      ${k}
+}`;var oi=_($(q(F(Y(U(W(H(X(G(B(z(K(V(M)))))))))))))),c,y,x,J,A,Q,u,w,b,T,k,f,R,h=class extends oi{constructor(){super();s(this,c);s(this,x);s(this,A);s(this,u);s(this,b);s(this,f);g(this,"triggeredByChange",!1);g(this,"isFormComponent",!0);g(this,"colorVariants",["alternate","alternate-formatter","borderless","in-cell","list-builder","module-nav"]);s(this,k,void 0)}static get attributes(){return[...super.attributes,i.ACTIVE,i.AUTOSELECT,i.BG_TRANSPARENT,i.CAPS_LOCK,i.CURSOR,i.DISABLED,i.FORMAT,i.ID,i.LABEL_WRAP,i.MAXLENGTH,i.NO_MARGINS,i.PADDING,i.PASSWORD_VISIBLE,i.PLACEHOLDER,i.READONLY_BACKGROUND,i.READONLY,i.REVEALABLE_PASSWORD,i.SIZE,i.TABBABLE,i.TEXT_ALIGN,i.TEXT_ELLIPSIS,i.TYPE,i.UPPERCASE,i.VALUE]}connectedCallback(){super.connectedCallback(),a(this,A,Q).call(this),this.hasAttribute(i.AUTOSELECT)&&this.handleAutoselect(),this.isPasswordVisible&&a(this,u,w).call(this,!0),this.capsLock&&a(this,c,y).call(this,!0),a(this,f,R).call(this),this.getAttribute("maxlength")&&(this.maxlength=this.getAttribute("maxlength")),N(this,"ids-header, .ids-header")&&(this.colorVariant="alternate")}template(){let{ariaLabel:t,capsLock:o,containerClass:r,inputClass:n,inputState:E,labelHtml:L,placeholder:d,showHide:p,type:S,value:I}=this.templateVariables();return`<div class="${r}" part="container">
+      ${L}
       <div class="field-container" part="field-container">
         <input
           part="input"
           id="input-id"
-          ${S}${n}${d}${L}
+          ${S}${n}${d}${E}
           ${t}
           ${I}
           ></input>
@@ -979,7 +1051,7 @@ import{a as X}from"./ids-chunk-GBYYWX3C.js";import{a as U}from"./ids-chunk-55OT4
         >
           <ids-list-box slot="content" size="${this.size}"></ids-list-box>
         </ids-popup>`:""}
-    </div>`}templateVariables(){let t={readonly:this.readonly?"readonly":"",disabled:this.disabled?"disabled":"",required:this.validate?"required":"",noMargins:this.noMargins?"no-margins":""},o=this.placeholder?` placeholder="${this.placeholder}"`:"",e=` type="${this.isPasswordVisible&&this.passwordVisible?"text":this.type||l.default}"`,n=`ids-input-field ${this.textAlign}`,L=this.templateShowHide(),k=this.templateCapsLock();n+=r(this.bgTransparent)?" bg-transparent":"",n+=r(this.readonlyBackground)?"":" readonly-background",n+=r(this.textEllipsis)?" text-ellipsis":"",n=` class="${n}"`;let d=r(this.readonly)?" readonly":"";d=r(this.disabled)?" disabled":d;let p=`ids-input${d} ${this.size}`;p+=r(this.compact)?" compact":"",p+=r(this.noMargins)?" no-margins":"";let S=this.hasAttribute(i.LABEL_STATE)&&this.label?`aria-label="${this.label}"`:"",I=!this.label.length||this.labelState==="hidden"?" empty":"",ii=`<label
+    </div>`}templateVariables(){let t={readonly:this.readonly?"readonly":"",disabled:this.disabled?"disabled":"",required:this.validate?"required":"",noMargins:this.noMargins?"no-margins":""},o=this.placeholder?` placeholder="${this.placeholder}"`:"",r=` type="${this.isPasswordVisible&&this.passwordVisible?"text":this.type||l.default}"`,n=`ids-input-field ${this.textAlign}`,E=this.templateShowHide(),L=this.templateCapsLock();n+=e(this.bgTransparent)?" bg-transparent":"",n+=e(this.readonlyBackground)?"":" readonly-background",n+=e(this.textEllipsis)?" text-ellipsis":"",n=` class="${n}"`;let d=e(this.readonly)?" readonly":"";d=e(this.disabled)?" disabled":d;let p=`ids-input${d} ${this.size}`;p+=e(this.compact)?" compact":"",p+=e(this.noMargins)?" no-margins":"";let S=this.hasAttribute(i.LABEL_STATE)&&this.label?`aria-label="${this.label}"`:"",I=!this.label.length||this.labelState==="hidden"?" empty":"",ii=`<label
       class="ids-label-text${this.labelRequired?"":" no-required-indicator"}${I}"
       for="input-id"
       part="label"
@@ -992,4 +1064,4 @@ import{a as X}from"./ids-chunk-GBYYWX3C.js";import{a as U}from"./ids-chunk-55OT4
         ${this.label}
       </ids-text>
       <slot name="label-post"></slot>
-    </label>`,ti=this.hasAttribute(i.VALUE)?` value="${this.getAttribute(i.VALUE)}" `:"";return{ariaLabel:S,capsLock:k,containerClass:p,inputClass:n,inputState:d,labelHtml:ii,placeholder:o,showHide:L,type:e,value:ti}}get isPasswordVisible(){return this.revealablePassword&&this.type===l.password}templateShowHide(){return this.isPasswordVisible?`<ids-button id="show-hide-password" class="show-hide-password" no-padding text="${this.passwordVisible?"HIDE":"SHOW"}"></ids-button>`:""}templateCapsLock(){return this.capsLock?'<ids-icon id="caps-lock-indicator" class="caps-lock-indicator" icon="capslock"></ids-icon>':""}onColorVariantRefresh(t){super.colorVariant=t,this.clearable&&this.refreshClearableButtonStyles()}get input(){return this.container?.querySelector('input[part="input"]')??null}get formInput(){return this.input}get capsLockIcon(){return this.container?.querySelector("#caps-lock-indicator")}get fieldContainer(){return this.container?.querySelector(".field-container")}get labelEl(){return C(this,E)||this.shadowRoot?.querySelector("label")}get revealablePassword(){return r(this.getAttribute(i.REVEALABLE_PASSWORD))}set revealablePassword(t){let o=r(t);this.type===l.password?o?(this.setAttribute(i.REVEALABLE_PASSWORD,"true"),s(this,u,y).call(this,!0)):(this.setAttribute(i.REVEALABLE_PASSWORD,"false"),s(this,u,y).call(this,!1)):this.removeAttribute(i.REVEALABLE_PASSWORD)}get capsLock(){return r(this.getAttribute(i.CAPS_LOCK))}set capsLock(t){r(t)?(this.setAttribute(i.CAPS_LOCK,"true"),s(this,c,x).call(this,!0)):(this.removeAttribute(i.CAPS_LOCK),s(this,c,x).call(this,!1))}get passwordVisible(){return r(this.getAttribute(i.PASSWORD_VISIBLE))}set passwordVisible(t){let o=r(t);o!==this.passwordVisible&&(o?this.setAttribute(i.PASSWORD_VISIBLE,"true"):this.setAttribute(i.PASSWORD_VISIBLE,"false")),s(this,b,T).call(this)}setInputState(t){if(t===i.READONLY||t===i.DISABLED){if(!this.shadowRoot)return;let o=[].slice.call(this.shadowRoot.querySelectorAll(".validation-message")),e={prop1:t,prop2:t!==i.READONLY?i.READONLY:i.DISABLED,val:r(this[t])};e.val?(this.input?.removeAttribute(e.prop2),this.container?.classList?.remove?.(e.prop2),this.container?.querySelector?.("ids-text")?.removeAttribute(e.prop2),o.forEach(n=>n.classList.remove(e.prop2)),this.input?.setAttribute(e.prop1,"true"),this.container?.classList.add(e.prop1),this.container?.querySelector?.("ids-text")?.setAttribute?.(e.prop1,"true"),o.forEach(n=>n.classList.add(e.prop1))):(this.input?.removeAttribute(e.prop1),this.container?.classList.remove(e.prop1),this.container?.querySelector("ids-text")?.removeAttribute(e.prop1),o.forEach(n=>n.classList.remove(e.prop1)))}}setLabelText(t){return super.setLabelText(t,"label")}handleAutoselect(){this.autoselect?this.handleInputFocusEvent():this.handleInputFocusEvent("remove")}handleInputFocusEvent(t){let o="focus";if(t==="remove"){let e=this?.handledEvents?.get(o);e&&e.target===this.input&&this.offEvent(o,this.input)}else this.onEvent(o,this.input,()=>{requestAnimationFrame(()=>{this.input?.select()})})}set active(t){let o=r(t),e="is-active";o?(this.setAttribute(i.ACTIVE,o.toString()),this.container?.classList.add(e)):(this.removeAttribute(i.ACTIVE),this.container?.classList.remove(e))}get active(){return r(this.hasAttribute(i.ACTIVE))}set autoselect(t){let o=r(t);o?this.setAttribute(i.AUTOSELECT,o.toString()):this.removeAttribute(i.AUTOSELECT),this.handleAutoselect()}get autoselect(){return r(this.getAttribute(i.AUTOSELECT))}set bgTransparent(t){let o=r(t),e="bg-transparent";o?(this.setAttribute(i.BG_TRANSPARENT,o.toString()),this.container?.classList.add(e),this.input?.classList.add(e)):(this.removeAttribute(i.BG_TRANSPARENT),this.container?.classList.remove(e),this.input?.classList.remove(e))}get bgTransparent(){return r(this.getAttribute(i.BG_TRANSPARENT))}set textEllipsis(t){let o=r(t),e="text-ellipsis";o?(this.setAttribute(i.TEXT_ELLIPSIS,o.toString()),this.input?.classList.add(e)):(this.removeAttribute(i.TEXT_ELLIPSIS),this.input?.classList.remove(e))}get textEllipsis(){return r(this.getAttribute(i.TEXT_ELLIPSIS))}set disabled(t){r(t)?this.setAttribute(i.DISABLED,"true"):this.removeAttribute(i.DISABLED),this.setInputState(i.DISABLED)}get disabled(){return r(this.getAttribute(i.DISABLED))}set placeholder(t){if(t){this.setAttribute(i.PLACEHOLDER,t),this.input?.setAttribute(i.PLACEHOLDER,t);return}this.removeAttribute(i.PLACEHOLDER),this.input?.removeAttribute(i.PLACEHOLDER)}get placeholder(){return this.getAttribute(i.PLACEHOLDER)}set readonly(t){let o=r(t);o?this.setAttribute(i.READONLY,o.toString()):this.removeAttribute(i.READONLY),this.setInputState(i.READONLY)}get readonly(){return r(this.getAttribute(i.READONLY))}set readonlyBackground(t){let o=r(t);o?this.setAttribute(i.READONLY_BACKGROUND,o.toString()):this.removeAttribute(i.READONLY_BACKGROUND),s(this,f,R).call(this)}get readonlyBackground(){return r(this.getAttribute(i.READONLY_BACKGROUND))}set labelWrap(t){!t||j.indexOf(t)<0?(this.removeAttribute(i.LABEL_WRAP),this.container?.querySelector("ids-text")?.removeAttribute("overflow"),this.container?.querySelector("ids-text")?.removeAttribute("tooltip")):(this.setAttribute(i.LABEL_WRAP,t),(t==="ellipsis"||t==="ellipsis-no-stretch")&&(this.container?.querySelector("ids-text")?.setAttribute("overflow","ellipsis"),this.container?.querySelector("ids-text")?.setAttribute("tooltip","true")))}get labelWrap(){return this.getAttribute(i.LABEL_WRAP)||"wrap"}set size(t){let o=v[t]||v.default;this.setAttribute(i.SIZE,o),this.container?.classList.remove(...Object.values(v)),this.container?.classList.add(o)}get size(){return this.getAttribute(i.SIZE)||v.default}set textAlign(t){let o=m[t]||m.default;this.setAttribute(i.TEXT_ALIGN,o),this.input?.classList.remove("start","center","end"),this.input?.classList.add(o)}get textAlign(){return this.getAttribute(i.TEXT_ALIGN)||m.default}set type(t){let o=l[t];if(o){this.setAttribute(i.TYPE,t),this.input?.setAttribute(i.TYPE,o);return}this.setAttribute(i.TYPE,l.default),this.input?.setAttribute(i.TYPE,l.default)}get type(){return this.getAttribute(i.TYPE)??l.default}set value(t){let o=["string","number"].includes(typeof t)?String(t):String(t||""),e=this.value;this.mask&&(o=this.processMaskFromProperty(t||"")||o,this.input&&(this.input.value=o)),e!==o&&this.setAttribute(i.VALUE,o)}get value(){return this.input?.value??""}set cursor(t){this.setAttribute(i.CURSOR,t),this.input?.style.setProperty("cursor",t)}get cursor(){return this.getAttribute(i.CURSOR)??""}set maxlength(t){if(t){this.setAttribute(i.MAXLENGTH,t.toString()),this.input?.setAttribute(i.MAXLENGTH,t.toString());return}this.removeAttribute(i.MAXLENGTH),this.input?.removeAttribute(i.MAXLENGTH)}get maxlength(){return Number(this.getAttribute(i.MAXLENGTH))}set uppercase(t){if(r(t)){this.setAttribute(i.UPPERCASE,""),this.input?.classList.add("is-uppercase");return}this.removeAttribute(i.UPPERCASE),this.input?.classList.remove("is-uppercase")}get uppercase(){return r(this.getAttribute(i.UPPERCASE))}set noMargins(t){if(r(t)){this.setAttribute(i.NO_MARGINS,""),this.container?.classList.add("no-margins");return}this.removeAttribute(i.NO_MARGINS),this.container?.classList.remove("no-margins")}get noMargins(){return r(this.getAttribute(i.NO_MARGINS))}set padding(t){if(t){this.setAttribute(i.PADDING,String(t)),this.input?.style.setProperty("padding-inline-start",`${t}px`),this.input?.style.setProperty("padding-inline-end",`${t}px`);return}this.removeAttribute(i.PADDING),this.input?.style.setProperty("padding-inline-start",""),this.input?.style.setProperty("padding-inline-end","")}get padding(){return this.getAttribute(i.PADDING)||""}get format(){return this.getAttribute(i.FORMAT)}blur(){this.input?.blur()}focus(){this.input?.focus()}};c=new WeakSet,x=function(t){let o=e=>{this.capsLockIcon&&e.getModifierState&&(this.capsLockIcon.hidden=!e.getModifierState("CapsLock"))};t?(!this.capsLockIcon&&this.input&&this.input.insertAdjacentHTML("afterend",this.templateCapsLock()),this.offEvent("keydown.input-capslock"),this.onEvent("keydown.input-capslock",this,o),this.offEvent("keyup.input-capslock"),this.onEvent("keyup.input-capslock",this,o),this.capsLockIcon&&(this.capsLockIcon.hidden=!0)):(this.offEvent("keydown.input-capslock"),this.offEvent("keyup.input-capslock"),this.capsLockIcon?.remove())},w=new WeakSet,J=function(){return this.input?(["focus","select","keydown","keypress","keyup","click","dbclick"].forEach(o=>{this.onEvent(o,this.input,e=>{this.triggerEvent(e.type,this,{detail:{elem:this,nativeEvent:e,value:this.value}})})}),this.onEvent("input",this.input,o=>{o instanceof InputEvent&&o.stopPropagation()}),this):this},A=new WeakSet,Q=function(){s(this,w,J).call(this)},u=new WeakSet,y=function(t){let o=this.container?.querySelector(".show-hide-password");if(t){if(!o&&this.isPasswordVisible){let e=document.createElement("ids-button");e.text=this.passwordVisible?"HIDE":"SHOW",e.id="show-hide-password",e.classList.add("show-hide-password"),e.noPadding=!0,this.input&&(this.input.insertAdjacentElement("afterend",e),this.input.type=`${this.passwordVisible?"text":this.type}`)}this.offEvent("click.input-showhidepassword"),this.onEvent("click.input-showhidepassword",o,()=>{this.passwordVisible=!this.passwordVisible,s(this,b,T).call(this)})}else this.offEvent("click.input-showhidepassword"),this.input?.setAttribute("type",this.type),o?.remove()},b=new WeakSet,T=function(){if(!this.shadowRoot)return;let t=this.shadowRoot.querySelector(".show-hide-password"),o=this.shadowRoot.querySelector(".ids-input-field");this.passwordVisible?(t?.setAttribute("text","HIDE"),o?.setAttribute("type","text")):(t?.setAttribute("text","SHOW"),o?.setAttribute("type","password"))},E=new WeakMap,f=new WeakSet,R=function(){this.container?.classList.toggle(i.READONLY_BACKGROUND,this.readonlyBackground)},h=P([D("ids-input"),O(Z)],h);export{h as a};
+    </label>`,ti=this.hasAttribute(i.VALUE)?` value="${this.getAttribute(i.VALUE)}" `:"";return{ariaLabel:S,capsLock:L,containerClass:p,inputClass:n,inputState:d,labelHtml:ii,placeholder:o,showHide:E,type:r,value:ti}}get isPasswordVisible(){return this.revealablePassword&&this.type===l.password}templateShowHide(){return this.isPasswordVisible?`<ids-button id="show-hide-password" class="show-hide-password" no-padding text="${this.passwordVisible?"HIDE":"SHOW"}"></ids-button>`:""}templateCapsLock(){return this.capsLock?'<ids-icon id="caps-lock-indicator" class="caps-lock-indicator" icon="capslock"></ids-icon>':""}onColorVariantRefresh(t){super.colorVariant=t,this.clearable&&this.refreshClearableButtonStyles()}get input(){return this.container?.querySelector('input[part="input"]')??null}get formInput(){return this.input}get capsLockIcon(){return this.container?.querySelector("#caps-lock-indicator")}get fieldContainer(){return this.container?.querySelector(".field-container")}get labelEl(){return C(this,k)||this.shadowRoot?.querySelector("label")}get revealablePassword(){return e(this.getAttribute(i.REVEALABLE_PASSWORD))}set revealablePassword(t){let o=e(t);this.type===l.password?o?(this.setAttribute(i.REVEALABLE_PASSWORD,"true"),a(this,u,w).call(this,!0)):(this.setAttribute(i.REVEALABLE_PASSWORD,"false"),a(this,u,w).call(this,!1)):this.removeAttribute(i.REVEALABLE_PASSWORD)}get capsLock(){return e(this.getAttribute(i.CAPS_LOCK))}set capsLock(t){e(t)?(this.setAttribute(i.CAPS_LOCK,"true"),a(this,c,y).call(this,!0)):(this.removeAttribute(i.CAPS_LOCK),a(this,c,y).call(this,!1))}get passwordVisible(){return e(this.getAttribute(i.PASSWORD_VISIBLE))}set passwordVisible(t){let o=e(t);o!==this.passwordVisible&&(o?this.setAttribute(i.PASSWORD_VISIBLE,"true"):this.setAttribute(i.PASSWORD_VISIBLE,"false")),a(this,b,T).call(this)}setInputState(t){if(t===i.READONLY||t===i.DISABLED){if(!this.shadowRoot)return;let o=[].slice.call(this.shadowRoot.querySelectorAll(".validation-message")),r={prop1:t,prop2:t!==i.READONLY?i.READONLY:i.DISABLED,val:e(this[t])};r.val?(this.input?.removeAttribute(r.prop2),this.container?.classList?.remove?.(r.prop2),this.container?.querySelector?.("ids-text")?.removeAttribute(r.prop2),o.forEach(n=>n.classList.remove(r.prop2)),this.input?.setAttribute(r.prop1,"true"),this.container?.classList.add(r.prop1),this.container?.querySelector?.("ids-text")?.setAttribute?.(r.prop1,"true"),o.forEach(n=>n.classList.add(r.prop1))):(this.input?.removeAttribute(r.prop1),this.container?.classList.remove(r.prop1),this.container?.querySelector("ids-text")?.removeAttribute(r.prop1),o.forEach(n=>n.classList.remove(r.prop1)))}}setLabelText(t){return super.setLabelText(t,"label")}handleAutoselect(){this.autoselect?this.handleInputFocusEvent():this.handleInputFocusEvent("remove")}handleInputFocusEvent(t){let o="focus";if(t==="remove"){let r=this?.handledEvents?.get(o);r&&r.target===this.input&&this.offEvent(o,this.input)}else this.onEvent(o,this.input,()=>{requestAnimationFrame(()=>{this.input?.select()})})}set active(t){let o=e(t),r="is-active";o?(this.setAttribute(i.ACTIVE,o.toString()),this.container?.classList.add(r)):(this.removeAttribute(i.ACTIVE),this.container?.classList.remove(r))}get active(){return e(this.hasAttribute(i.ACTIVE))}set autoselect(t){let o=e(t);o?this.setAttribute(i.AUTOSELECT,o.toString()):this.removeAttribute(i.AUTOSELECT),this.handleAutoselect()}get autoselect(){return e(this.getAttribute(i.AUTOSELECT))}set bgTransparent(t){let o=e(t),r="bg-transparent";o?(this.setAttribute(i.BG_TRANSPARENT,o.toString()),this.container?.classList.add(r),this.input?.classList.add(r)):(this.removeAttribute(i.BG_TRANSPARENT),this.container?.classList.remove(r),this.input?.classList.remove(r))}get bgTransparent(){return e(this.getAttribute(i.BG_TRANSPARENT))}set textEllipsis(t){let o=e(t),r="text-ellipsis";o?(this.setAttribute(i.TEXT_ELLIPSIS,o.toString()),this.input?.classList.add(r)):(this.removeAttribute(i.TEXT_ELLIPSIS),this.input?.classList.remove(r))}get textEllipsis(){return e(this.getAttribute(i.TEXT_ELLIPSIS))}set disabled(t){e(t)?this.setAttribute(i.DISABLED,"true"):this.removeAttribute(i.DISABLED),this.setInputState(i.DISABLED)}get disabled(){return e(this.getAttribute(i.DISABLED))}set placeholder(t){if(t){this.setAttribute(i.PLACEHOLDER,t),this.input?.setAttribute(i.PLACEHOLDER,t);return}this.removeAttribute(i.PLACEHOLDER),this.input?.removeAttribute(i.PLACEHOLDER)}get placeholder(){return this.getAttribute(i.PLACEHOLDER)}set readonly(t){let o=e(t);o?this.setAttribute(i.READONLY,o.toString()):this.removeAttribute(i.READONLY),this.setInputState(i.READONLY)}get readonly(){return e(this.getAttribute(i.READONLY))}set readonlyBackground(t){let o=e(t);o?this.setAttribute(i.READONLY_BACKGROUND,o.toString()):this.removeAttribute(i.READONLY_BACKGROUND),a(this,f,R).call(this)}get readonlyBackground(){return e(this.getAttribute(i.READONLY_BACKGROUND))}set labelWrap(t){!t||j.indexOf(t)<0?(this.removeAttribute(i.LABEL_WRAP),this.container?.querySelector("ids-text")?.removeAttribute("overflow"),this.container?.querySelector("ids-text")?.removeAttribute("tooltip")):(this.setAttribute(i.LABEL_WRAP,t),(t==="ellipsis"||t==="ellipsis-no-stretch")&&(this.container?.querySelector("ids-text")?.setAttribute("overflow","ellipsis"),this.container?.querySelector("ids-text")?.setAttribute("tooltip","true")))}get labelWrap(){return this.getAttribute(i.LABEL_WRAP)||"wrap"}set size(t){let o=v[t]||v.default;this.setAttribute(i.SIZE,o),this.container?.classList.remove(...Object.values(v)),this.container?.classList.add(o)}get size(){return this.getAttribute(i.SIZE)||v.default}set textAlign(t){let o=m[t]||m.default;this.setAttribute(i.TEXT_ALIGN,o),this.input?.classList.remove("start","center","end"),this.input?.classList.add(o)}get textAlign(){return this.getAttribute(i.TEXT_ALIGN)||m.default}set type(t){let o=l[t];if(o){this.setAttribute(i.TYPE,t),this.input?.setAttribute(i.TYPE,o);return}this.setAttribute(i.TYPE,l.default),this.input?.setAttribute(i.TYPE,l.default)}get type(){return this.getAttribute(i.TYPE)??l.default}set value(t){let o=["string","number"].includes(typeof t)?String(t):String(t||""),r=this.value;this.mask&&(o=this.processMaskFromProperty(t||"")||o,this.input&&(this.input.value=o)),r!==o&&this.setAttribute(i.VALUE,o)}get value(){return this.input?.value??""}set cursor(t){this.setAttribute(i.CURSOR,t),this.input?.style.setProperty("cursor",t)}get cursor(){return this.getAttribute(i.CURSOR)??""}set maxlength(t){if(t){this.setAttribute(i.MAXLENGTH,t.toString()),this.input?.setAttribute(i.MAXLENGTH,t.toString());return}this.removeAttribute(i.MAXLENGTH),this.input?.removeAttribute(i.MAXLENGTH)}get maxlength(){return Number(this.getAttribute(i.MAXLENGTH))}set uppercase(t){if(e(t)){this.setAttribute(i.UPPERCASE,""),this.input?.classList.add("is-uppercase");return}this.removeAttribute(i.UPPERCASE),this.input?.classList.remove("is-uppercase")}get uppercase(){return e(this.getAttribute(i.UPPERCASE))}set noMargins(t){if(e(t)){this.setAttribute(i.NO_MARGINS,""),this.container?.classList.add("no-margins");return}this.removeAttribute(i.NO_MARGINS),this.container?.classList.remove("no-margins")}get noMargins(){return e(this.getAttribute(i.NO_MARGINS))}set padding(t){if(t){this.setAttribute(i.PADDING,String(t)),this.input?.style.setProperty("padding-inline-start",`${t}px`),this.input?.style.setProperty("padding-inline-end",`${t}px`);return}this.removeAttribute(i.PADDING),this.input?.style.setProperty("padding-inline-start",""),this.input?.style.setProperty("padding-inline-end","")}get padding(){return this.getAttribute(i.PADDING)||""}get format(){return this.getAttribute(i.FORMAT)}blur(){this.input?.blur()}focus(){this.input?.focus()}};c=new WeakSet,y=function(t){let o=r=>{this.capsLockIcon&&r.getModifierState&&(this.capsLockIcon.hidden=!r.getModifierState("CapsLock"))};t?(!this.capsLockIcon&&this.input&&this.input.insertAdjacentHTML("afterend",this.templateCapsLock()),this.offEvent("keydown.input-capslock"),this.onEvent("keydown.input-capslock",this,o),this.offEvent("keyup.input-capslock"),this.onEvent("keyup.input-capslock",this,o),this.capsLockIcon&&(this.capsLockIcon.hidden=!0)):(this.offEvent("keydown.input-capslock"),this.offEvent("keyup.input-capslock"),this.capsLockIcon?.remove())},x=new WeakSet,J=function(){return this.input?(["focus","select","keydown","keypress","keyup","click","dbclick"].forEach(o=>{this.onEvent(o,this.input,r=>{this.triggerEvent(r.type,this,{detail:{elem:this,nativeEvent:r,value:this.value}})})}),this.onEvent("input",this.input,o=>{o instanceof InputEvent&&o.stopPropagation()}),this):this},A=new WeakSet,Q=function(){a(this,x,J).call(this),this.onEvent("click",this.labelEl,()=>{this.focus()})},u=new WeakSet,w=function(t){let o=this.container?.querySelector(".show-hide-password");if(t){if(!o&&this.isPasswordVisible){let r=document.createElement("ids-button");r.text=this.passwordVisible?"HIDE":"SHOW",r.id="show-hide-password",r.classList.add("show-hide-password"),r.noPadding=!0,this.input&&(this.input.insertAdjacentElement("afterend",r),this.input.type=`${this.passwordVisible?"text":this.type}`)}this.offEvent("click.input-showhidepassword"),this.onEvent("click.input-showhidepassword",o,()=>{this.passwordVisible=!this.passwordVisible,a(this,b,T).call(this)})}else this.offEvent("click.input-showhidepassword"),this.input?.setAttribute("type",this.type),o?.remove()},b=new WeakSet,T=function(){if(!this.shadowRoot)return;let t=this.shadowRoot.querySelector(".show-hide-password"),o=this.shadowRoot.querySelector(".ids-input-field");this.passwordVisible?(t?.setAttribute("text","HIDE"),o?.setAttribute("type","text")):(t?.setAttribute("text","SHOW"),o?.setAttribute("type","password"))},k=new WeakMap,f=new WeakSet,R=function(){this.container?.classList.toggle(i.READONLY_BACKGROUND,this.readonlyBackground)},h=P([D("ids-input"),O(Z)],h);export{h as a};