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

package/chunks/{ids-chunk-RL4NAQQE.js → ids-chunk-L6TXGTNK.js}

@@ -1,5 +1,4 @@
-import{a as C}from"./ids-chunk-N4PGPFE5.js";import{a as T}from"./ids-chunk-27XAFGEX.js";import{a as R}from"./ids-chunk-FH6Y4MTJ.js";import{a as D}from"./ids-chunk-V7XUWW5B.js";import{a as s,b as d,c as u,d as N}from"./ids-chunk-SBYA6MC4.js";import{a as O}from"./ids-chunk-FYDKD3TL.js";import{b as P}from"./ids-chunk-SCWD3ICQ.js";import{a as S}from"./ids-chunk-Y4WUDVCZ.js";import{a as I}from"./ids-chunk-NWQJK4KK.js";import{a as k}from"./ids-chunk-B5JKAHB2.js";import{a as L}from"./ids-chunk-CYHGXCKL.js";import{a as x}from"./ids-chunk-MXFCUDLP.js";import{a as w}from"./ids-chunk-T6ZV4PDM.js";import{a as y}from"./ids-chunk-B6P5AQ2Z.js";import{a as E}from"./ids-chunk-VD3FN2LH.js";import{a as g,b as m}from"./ids-chunk-XE4WFW5M.js";import{a as A}from"./ids-chunk-DCNGT4R2.js";import{e as r}from"./ids-chunk-TJKIW3GF.js";import{a as i}from"./ids-chunk-6EMRTLSG.js";import{a as f}from"./ids-chunk-5K6IDMGA.js";var B=`
-@charset "UTF-8";
+import{a as j}from"./ids-chunk-TKQCOPYQ.js";import{a as Y}from"./ids-chunk-FYNCTTLY.js";import{a as K}from"./ids-chunk-QBTCBMUS.js";import{a as F}from"./ids-chunk-BWJBFHK4.js";import{a as Z}from"./ids-chunk-WDG374YV.js";import{a as l,b,c as x,d as J}from"./ids-chunk-SBYA6MC4.js";import{b as X}from"./ids-chunk-7AX677DF.js";import{a as U}from"./ids-chunk-I6TOGPN2.js";import{a as W}from"./ids-chunk-QLVMBFTN.js";import{a as G}from"./ids-chunk-M2HWRJ3J.js";import{a as q}from"./ids-chunk-HXA5LW64.js";import{a as z}from"./ids-chunk-OPOTJ7IF.js";import{a as H}from"./ids-chunk-T6ZV4PDM.js";import{a as M}from"./ids-chunk-DK5QOJMP.js";import{a as $}from"./ids-chunk-IFNEWXJJ.js";import{a as N,b as B}from"./ids-chunk-XE4WFW5M.js";import{a as _}from"./ids-chunk-RCDMHHTV.js";import{d as V}from"./ids-chunk-U4XVR5SW.js";import{e as r}from"./ids-chunk-5Q3WPKMB.js";import{a as i}from"./ids-chunk-4NXTNKXV.js";import{a as D,b as h,c as R,d as a,e as O,g as s}from"./ids-chunk-Y32WUP63.js";var Q=`@charset "UTF-8";
 /**
  * Css for clearable mixin
  */
@@ -64,11 +63,11 @@ import{a as C}from"./ids-chunk-N4PGPFE5.js";import{a as T}from"./ids-chunk-27XAF
 }
 
 .ids-textarea .icon-dirty {
-  top: 0;
+  top: 1px;
   margin-inline-start: 1px;
 }
 .ids-textarea .icon-dirty[dir=rtl] {
-  top: 1px;
+  top: 2px;
 }
 
 .label-state-hidden .ids-label-text.empty::before {
@@ -182,6 +181,7 @@ import{a as C}from"./ids-chunk-N4PGPFE5.js";import{a as T}from"./ids-chunk-27XAF
 }
 
 :host([label-wrap=ellipsis]) .ids-label-text {
+  display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -197,6 +197,7 @@ import{a as C}from"./ids-chunk-N4PGPFE5.js";import{a as T}from"./ids-chunk-27XAF
 }
 
 :host([label-wrap=ellipsis-no-stretch]) .ids-label-text {
+  display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -257,19 +258,20 @@ import{a as C}from"./ids-chunk-N4PGPFE5.js";import{a as T}from"./ids-chunk-27XAF
   /* stylelint-disable-next-line no-duplicate-selectors */
 }
 .ids-input .field-container {
-  transition: border var(--ids-motion-duration) var(--ids-motion-ease);
-  margin: var(--ids-space-none);
-  padding: var(--ids-space-none);
-  position: relative;
   border: 1px solid;
-  align-items: center;
   border-collapse: separate;
   border-radius: 2px;
+  box-sizing: border-box;
   color: inherit;
   display: flex;
+  align-items: center;
+  margin: var(--ids-space-none);
+  max-width: var(--ids-input-width-full);
+  padding: var(--ids-space-none);
+  position: relative;
   resize: none;
   text-align: left;
-  max-width: var(--ids-input-width-full);
+  transition: border var(--ids-motion-duration) var(--ids-motion-ease);
 }
 .ids-input:focus-within .ids-input-field, .ids-input.readonly:focus-within .ids-input-field, .ids-input.is-active .ids-input-field {
   outline: none;
@@ -304,6 +306,7 @@ import{a as C}from"./ids-chunk-N4PGPFE5.js";import{a as T}from"./ids-chunk-27XAF
   height: fit-content;
   resize: none;
   text-align: left;
+  text-overflow: ellipsis;
 }
 .ids-input .ids-input-field:focus-visible {
   outline: none;
@@ -377,6 +380,10 @@ import{a as C}from"./ids-chunk-N4PGPFE5.js";import{a as T}from"./ids-chunk-27XAF
 .ids-input.field-height-xs {
   margin-block-end: var(--ids-font-size-20);
 }
+.ids-input.field-height-xs .icon-dirty {
+  left: -1px;
+  top: -1px;
+}
 .ids-input.field-height-xs .ids-label-text {
   font-size: var(--ids-input-label-font-size);
 }
@@ -407,6 +414,10 @@ import{a as C}from"./ids-chunk-N4PGPFE5.js";import{a as T}from"./ids-chunk-27XAF
 .ids-input.compact {
   margin-block-end: var(--ids-font-size-20);
 }
+.ids-input.compact .icon-dirty {
+  left: -1px;
+  top: -1px;
+}
 .ids-input.compact .ids-label-text {
   font-size: var(--ids-input-label-font-size);
 }
@@ -467,10 +478,16 @@ import{a as C}from"./ids-chunk-N4PGPFE5.js";import{a as T}from"./ids-chunk-27XAF
   font-size: var(--ids-data-grid-font-size-sm);
   padding-inline: var(--ids-space-20);
 }
+.ids-input.color-variant-borderless.ids-input.field-height-xs slot[name=trigger-end] {
+  padding-inline-end: 0;
+}
 .ids-input.color-variant-borderless.ids-input.field-height-xxs .ids-input-field {
   font-size: var(--ids-data-grid-font-size-sm);
   padding-inline: var(--ids-space-10);
 }
+.ids-input.color-variant-borderless.ids-input.field-height-xxs slot[name=trigger-end] {
+  padding-inline-end: 0;
+}
 .ids-input.color-variant-in-cell {
   margin: 1px;
 }
@@ -755,15 +772,21 @@ import{a as C}from"./ids-chunk-N4PGPFE5.js";import{a as T}from"./ids-chunk-27XAF
   color: var(--ids-input-color-text-success-disabled);
 }
 .ids-input.color-variant-alternate .field-container {
-  border-color: transparent;
+  border-color: var(--ids-input-header-color-border);
   color: var(--ids-input-header-color-text-default);
   background-color: var(--ids-input-header-color-background);
   border-bottom: 1px solid var(--ids-input-header-color-border);
   box-shadow: none;
 }
+.ids-input.color-variant-alternate .ids-input-field {
+  color: var(--ids-input-header-color-text-default);
+}
 .ids-input.color-variant-alternate .ids-input-field::placeholder {
   color: var(--ids-input-header-color-text-placeholder);
 }
+.ids-input.color-variant-alternate.readonly-background .ids-input-field::placeholder {
+  color: var(--ids-input-header-color-text-placeholder);
+}
 .ids-input.color-variant-alternate-formatter .field-container {
   background-color: var(--ids-data-grid-filter-input-color-background);
   border-color: var(--ids-data-grid-filter-input-color-border-default);
@@ -790,7 +813,7 @@ import{a as C}from"./ids-chunk-N4PGPFE5.js";import{a as T}from"./ids-chunk-27XAF
 .ids-input.color-variant-alternate-formatter .ids-input-field::placeholder {
   color: var(--ids-data-grid-filter-input-color-text-placeholder);
 }
-.ids-input.color-variant-alternate .field-container, .ids-input.color-variant-app-menu .field-container {
+.ids-input.color-variant-app-menu .field-container {
   color: var(--ids-input-color-text-default);
 }
 .ids-input.color-variant-list-builder .field-container {
@@ -817,6 +840,9 @@ import{a as C}from"./ids-chunk-N4PGPFE5.js";import{a as T}from"./ids-chunk-27XAF
 .ids-input.color-variant-module-nav .ids-input-field:active {
   color: var(--ids-module-nav-search-input-text-color);
 }
+.ids-input.color-variant-module-nav.has-clearable .btn-clear {
+  margin-inline-end: 5px;
+}
 .ids-input.color-variant-module-nav:hover .field-container {
   background-color: var(--ids-module-nav-item-hover-bg-color);
 }
@@ -927,17 +953,17 @@ import{a as C}from"./ids-chunk-N4PGPFE5.js";import{a as T}from"./ids-chunk-27XAF
   padding: 0;
   position: absolute;
   width: 1px;
-}`;var M=0,H=L(S(k(O(P(T(R(E(C(I(x(w(D(y(A)))))))))))))),c=class extends H{generatedId="";triggeredByChange=!1;constructor(){super(),Object.defineProperty(this,"id",{get:()=>this.#o,set:t=>{this.#o=t},configurable:!0,enumerable:!0})}isFormComponent=!0;colorVariants=["alternate","alternate-formatter","borderless","in-cell","list-builder","module-nav"];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(),this.#s(),this.hasAttribute(i.AUTOSELECT)&&this.handleAutoselect(),this.isPasswordVisible&&this.#t(!0),this.capsLock&&this.#i(!0),this.#r(),this.getAttribute("maxlength")&&(this.maxlength=this.getAttribute("maxlength"))}template(){this.templateHostAttributes();let{ariaLabel:t,capsLock:o,containerClass:e,inputClass:n,inputState:p,labelHtml:v,placeholder:a,showHide:l,type:h,value:b}=this.templateVariables();return`<div class="${e}" part="container">
-      ${v}
+}`;var si=0,ai=q(U(G(Z(X(Y(K($(j(W(z(H(F(M(_)))))))))))))),c,y,A,ii,E,ti,u,w,g,P,L,m,C,p,oi,ei,f=class extends ai{constructor(){super();a(this,c);a(this,A);a(this,E);a(this,u);a(this,g);a(this,m);a(this,p);h(this,"generatedId","");h(this,"triggeredByChange",!1);h(this,"isFormComponent",!0);h(this,"colorVariants",["alternate","alternate-formatter","borderless","in-cell","list-builder","module-nav"]);a(this,L,void 0);Object.defineProperty(this,"id",{get:()=>R(this,p,ei),set:t=>{O(this,p,t,oi)},configurable:!0,enumerable:!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,E,ti).call(this),this.hasAttribute(i.AUTOSELECT)&&this.handleAutoselect(),this.isPasswordVisible&&s(this,u,w).call(this,!0),this.capsLock&&s(this,c,y).call(this,!0),s(this,m,C).call(this),this.getAttribute("maxlength")&&(this.maxlength=this.getAttribute("maxlength")),V(this,"ids-header, .ids-header")&&(this.colorVariant="alternate")}template(){this.templateHostAttributes();let{ariaLabel:t,capsLock:o,containerClass:e,inputClass:n,inputState:k,labelHtml:S,placeholder:d,showHide:v,type:I,value:T}=this.templateVariables();return`<div class="${e}" part="container">
+      ${S}
       <div class="field-container" part="field-container">
         <input
           part="input"
           id="${this.id}-input"
-          ${h}${n}${a}${p}
+          ${I}${n}${d}${k}
           ${t}
-          ${b}
+          ${T}
           ></input>
-        ${l}
+        ${v}
         ${o}
         <slot name="loading-indicator"></slot>
       </div>
@@ -950,8 +976,8 @@ import{a as C}from"./ids-chunk-N4PGPFE5.js";import{a as T}from"./ids-chunk-27XAF
         >
           <ids-list-box slot="content" size="${this.size}"></ids-list-box>
         </ids-popup>`:""}
-    </div>`}templateHostAttributes(){this.id||(this.generatedId=`ids-input-${M++}`)}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||s.default}"`,n=`ids-input-field ${this.textAlign}`,p=this.templateShowHide(),v=this.templateCapsLock();n+=r(this.bgTransparent)?" bg-transparent":"",n+=r(this.readonlyBackground)?"":" readonly-background",n+=r(this.textEllipsis)?" text-ellipsis":"",n=` class="${n}"`;let a=r(this.readonly)?" readonly":"";a=r(this.disabled)?" disabled":a;let l=`ids-input${a} ${this.size}`;l+=r(this.compact)?" compact":"",l+=r(this.noMargins)?" no-margins":"";let h=this.hasAttribute(i.LABEL_STATE)&&this.label?`aria-label="${this.label}"`:"",b=!this.label.length||this.labelState==="hidden"?" empty":"",V=`<label
-      class="ids-label-text${this.labelRequired?"":" no-required-indicator"}${b}"
+    </div>`}templateHostAttributes(){this.id||(this.generatedId=`ids-input-${si++}`)}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}`,k=this.templateShowHide(),S=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 v=`ids-input${d} ${this.size}`;v+=r(this.compact)?" compact":"",v+=r(this.noMargins)?" no-margins":"";let I=this.hasAttribute(i.LABEL_STATE)&&this.label?`aria-label="${this.label}"`:"",T=!this.label.length||this.labelState==="hidden"?" empty":"",ri=`<label
+      class="ids-label-text${this.labelRequired?"":" no-required-indicator"}${T}"
       for="${this.id}-input"
       part="label"
       ${t.readonly}
@@ -963,4 +989,4 @@ import{a as C}from"./ids-chunk-N4PGPFE5.js";import{a as T}from"./ids-chunk-27XAF
         ${this.label}
       </ids-text>
       <slot name="label-post"></slot>
-    </label>`,z=this.hasAttribute(i.VALUE)?` value="${this.getAttribute(i.VALUE)}" `:"";return{ariaLabel:h,capsLock:v,containerClass:l,inputClass:n,inputState:a,labelHtml:V,placeholder:o,showHide:p,type:e,value:z}}get isPasswordVisible(){return this.revealablePassword&&this.type===s.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 this.#a||this.shadowRoot?.querySelector(`[for="${this.id}-input"]`)}get revealablePassword(){return r(this.getAttribute(i.REVEALABLE_PASSWORD))}set revealablePassword(t){let o=r(t);this.type===s.password?o?(this.setAttribute(i.REVEALABLE_PASSWORD,"true"),this.#t(!0)):(this.setAttribute(i.REVEALABLE_PASSWORD,"false"),this.#t(!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"),this.#i(!0)):(this.removeAttribute(i.CAPS_LOCK),this.#i(!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")),this.#e()}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,`[for="${this.id}-input"]`)}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()})})}#i(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())}#n(){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):this}#s(){this.#n()}#t(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,this.#e()})}else this.offEvent("click.input-showhidepassword"),this.input?.setAttribute("type",this.type),o?.remove()}#e(){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"))}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))}#a;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),this.#r()}get readonlyBackground(){return r(this.getAttribute(i.READONLY_BACKGROUND))}#r(){this.container?.classList.toggle(i.READONLY_BACKGROUND,this.readonlyBackground)}set labelWrap(t){!t||N.indexOf(t)<0?this.removeAttribute(i.LABEL_WRAP):this.setAttribute(i.LABEL_WRAP,t)}get labelWrap(){return this.getAttribute(i.LABEL_WRAP)||"wrap"}set size(t){let o=d[t]||d.default;this.setAttribute(i.SIZE,o),this.container?.classList.remove(...Object.values(d)),this.container?.classList.add(o)}get size(){return this.getAttribute(i.SIZE)||d.default}set textAlign(t){let o=u[t]||u.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)||u.default}set type(t){let o=s[t];if(o){this.setAttribute(i.TYPE,t),this.input?.setAttribute(i.TYPE,o);return}this.setAttribute(i.TYPE,s.default),this.input?.setAttribute(i.TYPE,s.default)}get type(){return this.getAttribute(i.TYPE)??s.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),e!==o&&this.setAttribute(i.VALUE,o)}get value(){return this.input?.value??""}set#o(t){t!==""&&(this.setAttribute(i.ID,t),this.input?.setAttribute(i.ID,`${t}-input`))}get#o(){return this.getAttribute(i.ID)||this.generatedId}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=f([g("ids-input"),m(B)],c);export{c as a};
+    </label>`,ni=this.hasAttribute(i.VALUE)?` value="${this.getAttribute(i.VALUE)}" `:"";return{ariaLabel:I,capsLock:S,containerClass:v,inputClass:n,inputState:d,labelHtml:ri,placeholder:o,showHide:k,type:e,value:ni}}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 R(this,L)||this.shadowRoot?.querySelector(`[for="${this.id}-input"]`)}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,w).call(this,!0)):(this.setAttribute(i.REVEALABLE_PASSWORD,"false"),s(this,u,w).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,y).call(this,!0)):(this.removeAttribute(i.CAPS_LOCK),s(this,c,y).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,g,P).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,`[for="${this.id}-input"]`)}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,m,C).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=b[t]||b.default;this.setAttribute(i.SIZE,o),this.container?.classList.remove(...Object.values(b)),this.container?.classList.add(o)}get size(){return this.getAttribute(i.SIZE)||b.default}set textAlign(t){let o=x[t]||x.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)||x.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,y=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())},A=new WeakSet,ii=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):this},E=new WeakSet,ti=function(){s(this,A,ii).call(this)},u=new WeakSet,w=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,g,P).call(this)})}else this.offEvent("click.input-showhidepassword"),this.input?.setAttribute("type",this.type),o?.remove()},g=new WeakSet,P=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"))},L=new WeakMap,m=new WeakSet,C=function(){this.container?.classList.toggle(i.READONLY_BACKGROUND,this.readonlyBackground)},p=new WeakSet,oi=function(t){t!==""&&(this.setAttribute(i.ID,t),this.input?.setAttribute(i.ID,`${t}-input`))},ei=function(){return this.getAttribute(i.ID)||this.generatedId},f=D([N("ids-input"),B(Q)],f);export{f as a};

package/chunks/ids-chunk-LEAYO2RU.js

@@ -0,0 +1 @@
+import{b as u}from"./ids-chunk-UR2NLGN4.js";var p={NONE:"none",CLIENT_SIDE:"client-side",SERVER_SIDE:"server-side",STANDALONE:"standalone"},o=class{#r=[];#t=[];#e=null;#o=p.NONE;#f=1;#a;#g="id";#s;#h=!1;#d=!1;#c=0;get allData(){return this.#e?this.flatten?this.#n(this.#e):this.#e:this.#t}set data(e){this.#t=this.#n(u(e)),this.#r=e,this.#s=this.#t?.length||0}get data(){return this.pageSize&&this.pageSize<this.total?this.paginate(this.pageNumber,this.pageSize):this.#t}get currentData(){return this.#l(this.#t)}set currentData(e){this.#t=e}get originalData(){return this.#r}get flatten(){return this.#h}set flatten(e){this.#h=e}get filtered(){return this.#d}set filtered(e){this.#d=e}#n(e){if(!this.#h)return e;this.#c=0;let s=[],r=(i,t,n,h,g,f=!1)=>{i.map((a,l)=>{if(a.parentElement="",a.ariaLevel=n,a.ariaSetSize=t,a.ariaPosinset=l+1,a.vsRefId=this.#c++,a.isRoot=n===1,a.childrenVRefIds=[],n===1&&(a.originalElement=l,this.pageNumber>1&&(a.originalElement=l+(this.pageNumber-1)*this.pageSize)),n>1&&(a.parentElement=h,a.rowHidden=f,g.childrenVRefIds.push(a.vsRefId)),s.push(a),a.children?.length){a.childCount=a.children.length,a.rowExpanded=a.rowExpanded!==!1,this.pageNumber>1&&(l+=(this.pageNumber-1)*this.pageSize);let d=`${a.parentElement?`${a.parentElement} `:""}${a.id}`,c=a.rowExpanded===!1||f;r(a.children,a.children.length,n+1,d,a,c)}})};return r(e,e.length,1,"",e[0]),s}#l(e){if(!this.#h)return e;let s={};return e.forEach(i=>{s[i?.id]=i}),e.filter(i=>{delete i.ariaSetSize,delete i.ariaPosinset;let t=i.ariaLevel;return delete i.ariaLevel,delete i.isRoot,delete i.childrenVRefIds,delete i.vsRefId,delete i.rowHidden,s[i.id]=i,i.children?.forEach((n,h)=>{i.children[h]=s[n?.id]}),t===1})}get total(){return this.#s}set total(e){this.#s=e}set pageNumber(e){this.#f=e}get pageNumber(){return this.#f}set pageSize(e){this.#a=e}get pageSize(){return this.#a}set pagination(e){this.#o=e}get pagination(){return this.#o}#i={pageNumber:-1,pageSize:-1,data:null,doUpdate:!1};set primaryKey(e){this.#g=e}get primaryKey(){return this.#g}#u(){this.#i={pageNumber:-1,pageSize:-1,data:null}}#p(e,s){let{pageNumber:r,pageSize:i,doUpdate:t}=this.#i;return!t&&r===Number(e)&&i===Number(s)}paginate(e=1,s=10){if(this.#p(e,s))return this.#i.data;this.#i.pageNumber=Number(e),this.#i.pageSize=Number(s),e=Math.max(e||1,1),s=s||1;let r=e*s,i=r-s;this.pagination==="server-side"&&(r=s,i=0);let t;if(this.flatten){let n=this.#l(u(this.#t));t=this.#n(n.slice(i,r))}else t=this.#t.slice(i,r);return this.#i.data=t,this.#i.doUpdate=!1,t}refreshPreviousState(){this.#i.doUpdate=!0}create(e=[],s=0){if(!e.length)return;let r=s;e.forEach(i=>{this.originalData.splice(r,0,i),this.currentData.splice(r,0,i),r++}),this.#s=this.#t.length}update(e=[],s=!1){e.forEach(r=>{let i=this.#t.findIndex(t=>t[this.primaryKey]===r[this.primaryKey]);if(i>-1){let t=s?r:{...this.#t[i],...r};this.#r[i]=t,this.#t[i]=t}})}delete(e=[]){if(!e.length)return;let s=Math.ceil(this.#s/this.#a);e.forEach(i=>{let t=this.#t.findIndex(n=>n[this.primaryKey]===i[this.primaryKey]);t>-1&&(this.originalData.splice(t,1),this.currentData.splice(t,1))}),this.#s=this.#t.length,this.#i.data=this.paginate(this.pageNumber,this.pageSize),Math.ceil(this.#s/this.#a)<s&&(this.pageNumber-=1)}forEach(e){this.#t.forEach(e)}sort(e,s){let r=this.sortFunction(e,s);if(this.#u(),this.flatten){let i=this.#l(this.#t);i.sort(r),this.#t=this.#n(i);return}this.#t.sort(r),this.#r.sort(r)}sortFunction(e,s){let r=t=>{if(t=t??"",typeof t=="string"){t=t.toUpperCase();let n=Number(t);t!==""&&!Number.isNaN(n)&&Number.isFinite(n)&&(t=n)}return t},i=t=>r(t[e]);return s=s?1:-1,(t,n)=>(t=i(t),n=i(n),typeof t=="number"&&typeof n=="string"&&n!==""?s*-1:typeof t=="string"&&typeof n=="number"&&t!==""?s:t===""?n===""?0:1:n===""?t===""?0:-1:(typeof t!=typeof n&&(t=t.toString().toLowerCase(),n=n.toString().toLowerCase()),s*(+(t>n)-+(n>t))))}filter(e){let s=i=>{this.#t=this.flatten?this.#n(i):i,this.total=this.#t.length,this.pageNumber=1},r=()=>{s(this.#e),this.#e=null,this.#u(),this.filtered=!1};if(typeof e=="function"){let i=this.flatten?this.#l(this.#t):this.#t;if(this.#e=this.#e||i,this.#e.forEach((t,n)=>{t.isFilteredOut=e(t,n)}),this.#e.some(t=>t.isFilteredOut)){let t=this.#e.filter(n=>{let h=!n.isFilteredOut;return delete n.isFilteredOut,h});s(t),this.#u(),this.filtered=!0}else r()}else this.#e&&r()}},N=o;export{p as a,N as b};

package/chunks/ids-chunk-LL4RFUJ6.js

@@ -0,0 +1,191 @@
+import{a as z}from"./ids-chunk-53T43YKS.js";import{a as q,b as X,c as b}from"./ids-chunk-6N5DB3GM.js";import{a as Y}from"./ids-chunk-PRFN5Z6E.js";import{a as K}from"./ids-chunk-2LX24WJH.js";import{a as F}from"./ids-chunk-FYNCTTLY.js";import{b as G}from"./ids-chunk-7AX677DF.js";import{a as M}from"./ids-chunk-OPOTJ7IF.js";import{a as $}from"./ids-chunk-T6ZV4PDM.js";import{a as B}from"./ids-chunk-DK5QOJMP.js";import{a as U}from"./ids-chunk-IFNEWXJJ.js";import{a as L,b as w}from"./ids-chunk-XE4WFW5M.js";import{a as _}from"./ids-chunk-RCDMHHTV.js";import{j as O,t as C,u as S}from"./ids-chunk-X4NATGYL.js";import{e as n,f as h}from"./ids-chunk-5Q3WPKMB.js";import{a as i}from"./ids-chunk-4NXTNKXV.js";import{a as P,b as p,d as a,g as s}from"./ids-chunk-Y32WUP63.js";var Z=`.hide {
+  display: none;
+}
+
+@media all and (max-width: 1440px) {
+  .hide-xxl-down {
+    display: none;
+  }
+}
+
+@media all and (min-width: 1440px) {
+  .hide-xxl-up {
+    display: none;
+  }
+}
+
+@media all and (max-width: 1280px) {
+  .hide-xl-down {
+    display: none;
+  }
+}
+
+@media all and (min-width: 1280px) {
+  .hide-xl-up {
+    display: none;
+  }
+}
+
+@media all and (max-width: 1024px) {
+  .hide-lg-down {
+    display: none;
+  }
+}
+
+@media all and (min-width: 1024px) {
+  .hide-lg-up {
+    display: none;
+  }
+}
+
+@media all and (max-width: 840px) {
+  .hide-md-down {
+    display: none;
+  }
+}
+
+@media all and (min-width: 840px) {
+  .hide-md-up {
+    display: none;
+  }
+}
+
+@media all and (max-width: 600px) {
+  .hide-sm-down {
+    display: none;
+  }
+}
+
+@media all and (min-width: 600px) {
+  .hide-sm-up {
+    display: none;
+  }
+}
+
+@media all and (max-width: 360px) {
+  .hide-xs-down {
+    display: none;
+  }
+}
+
+@media all and (min-width: 360px) {
+  .hide-xs-up {
+    display: none;
+  }
+}
+
+:host {
+  display: block;
+}
+
+.ids-time-picker {
+  display: inline-block;
+  max-width: 100%;
+}
+.ids-time-picker ids-trigger-field,
+.ids-time-picker .ids-trigger-field {
+  display: inline-block;
+  max-width: 100%;
+}
+.ids-time-picker ids-trigger-field[size=full] {
+  display: block;
+}
+.ids-time-picker.full {
+  display: block;
+}
+.ids-time-picker.full ids-trigger-field,
+.ids-time-picker.full .ids-trigger-field {
+  display: block;
+}
+.ids-time-picker ids-dropdown::part(trigger-field) {
+  display: inline-flex;
+  min-width: 75px;
+}
+.ids-time-picker ids-list-box,
+.ids-time-picker ids-list-box-option {
+  width: 100%;
+}
+.ids-time-picker ids-popup::part(popup) {
+  margin: var(--ids-space-none);
+  padding: var(--ids-space-none);
+}
+.ids-time-picker .dropdowns {
+  display: flex;
+  flex-direction: row;
+  padding-inline-start: 15px;
+  padding-inline-end: 15px;
+  padding-top: 15px;
+}
+.ids-time-picker .dropdown::part(trigger-field) {
+  justify-content: center;
+}
+.ids-time-picker.is-open ids-trigger-button::part(button) {
+  color: var(--ids-time-picker-button-color-background-expanded);
+}
+.ids-time-picker.is-open ids-trigger-field::part(field-container) {
+  border-color: var(--ids-time-picker-input-color-border-expanded);
+}
+@media all and (max-width: 360px) {
+  .ids-time-picker .dropdowns {
+    flex-direction: column;
+    align-items: center;
+    width: var(--ids-input-width-10);
+  }
+  .ids-time-picker .separator {
+    display: none;
+  }
+}
+.ids-time-picker.color-variant-borderless ids-trigger-field::part(input) {
+  padding-inline-end: 0 !important;
+}
+.ids-time-picker.color-variant-borderless.field-height-lg ids-trigger-field::part(input) {
+  padding-inline: 14px;
+  height: 50px;
+}
+.ids-time-picker.color-variant-borderless.field-height-md ids-trigger-field::part(input) {
+  padding-inline: 10px;
+  height: 40px;
+}
+.ids-time-picker.color-variant-borderless.field-height-sm ids-trigger-field::part(input) {
+  padding-inline: 6px;
+  height: 35px;
+}
+.ids-time-picker.color-variant-borderless.field-height-xs ids-trigger-field::part(input) {
+  padding-inline: 2px;
+  height: 30px;
+}`;var tt=K(F(G(U(Y(M($(B(_)))))))),T,W,v,j,A,x,f,y,k,H,E,R,N,J,l,c,D,Q,m,I,g=class extends tt{constructor(){super();a(this,T);a(this,v);a(this,A);a(this,f);a(this,k);a(this,E);a(this,N);a(this,l);a(this,D);a(this,m);p(this,"isFormComponent",!0);p(this,"triggerButton",null);p(this,"picker",null);p(this,"colorVariants",["alternate-formatter","borderless","in-cell"]);p(this,"onLocaleChange",()=>{this.picker&&(this.picker.format=this.format,this.picker.locale=this.locale),this.input&&(this.input.format=this.format,this.input.locale=this.locale),s(this,m,I).call(this),this.picker?.renderDropdowns()});p(this,"onLanguageChange",()=>{this.picker?.renderDropdowns()})}connectedCallback(){super.connectedCallback(),this.triggerButton=this.container?.querySelector("ids-trigger-button"),this.picker=this.container?.querySelector("ids-time-picker-popup"),this.configurePickerPopup(),s(this,v,j).call(this),s(this,T,W).call(this),s(this,m,I).call(this)}disconnectedCallback(){super.disconnectedCallback?.(),this.picker=null,this.triggerButton=null}static get attributes(){return[...super.attributes,...q,...X]}onColorVariantRefresh(){this.input&&(this.input.colorVariant=this.colorVariant)}onLabelStateChange(){this.input&&(this.input.labelState=this.labelState)}onFieldHeightChange(t){if(t){let e=t==="compact"?{name:"compact",val:""}:{name:"field-height",val:t};this.input?.setAttribute(e.name,e.val)}else this.input?.removeAttribute("compact"),this.input?.removeAttribute("field-height")}template(){let t=()=>`<ids-time-picker-popup
+        id="popup-${this.id?this.id:""}"
+        align="left, top"
+        animated
+        arrow="bottom"
+        autoupdate="${this.autoupdate}"
+        embeddable="${this.embeddable}"
+        format="${this.format}"
+        trigger-type="click"
+        use-current-time="time"
+        value="${this.value}"
+      ></ids-time-picker-popup>`;if(this.embeddable)return t();let e=this.colorVariant?` color-variant="${this.colorVariant}"`:"",o=this.fieldHeight?` field-height="${this.fieldHeight}"`:"",r=this.labelState?` label-state="${this.labelState}"`:"",u=this.compact?" compact":"",d=this.noMargins?" no-margins":"";return`
+      <div class="ids-time-picker" part="container">
+        <ids-trigger-field
+          ${this.id?`id="${this.id}"`:""}
+          ${e}${o}${u}${d}${r}
+          label="${this.label}"
+          size="${this.size}"
+          placeholder="${this.placeholder}"
+          value="${this.value}"
+          ${this.disabled?`disabled="${this.disabled}"`:""}
+          ${this.readonly?`readonly="${this.readonly}"`:""}
+          ${this.dirtyTracker?`dirty-tracker="${this.dirtyTracker}"`:""}
+          ${this.validate?`validate="${this.validate}"`:""}
+          validation-events="${this.validationEvents}"
+          part="input"
+        >
+          <ids-text audible="true" translate-text="true">UseArrow</ids-text>
+          <ids-trigger-button slot="trigger-end" part="trigger-button" id="triggerBtn-${this.id?this.id:""}">
+            <ids-text audible="true" translate-text="true">TimepickerTriggerButton</ids-text>
+            <ids-icon icon="clock" part="icon"></ids-icon>
+          </ids-trigger-button>
+        </ids-trigger-field>
+        ${t()}
+      <div>
+    `}onDirtyTrackerChange(t){t?this.input?.setAttribute(i.DIRTY_TRACKER,String(t)):this.input?.removeAttribute(i.DIRTY_TRACKER)}configurePickerPopup(){let t=this.input?.getAttribute("id"),e=this.triggerButton,o=e?.getAttribute("id"),r=this.picker;r&&(r.format=this.format,this.input&&(r.value=this.input.value),e&&(r.setAttribute(i.TARGET,`#${t}`),r.setAttribute(i.TRIGGER_TYPE,"click"),r.setAttribute(i.TRIGGER_ELEM,`#${o}`),r.popup&&(r.popup.x=0,r.popup.setAttribute(i.ARROW_TARGET,`#${o}`),r.popup.onXYSwitch=z),r.onOutsideClick=u=>{let d=u.composedPath&&u.composedPath();!d?.includes(r)&&!d?.includes(this.input)&&r.hide()},r.onTriggerClick=()=>{this.disabled||this.readonly||r?.toggleVisibility()},r.refreshTriggerEvents&&r.refreshTriggerEvents()))}hasPeriod(){return this.is12Hours()&&(this.format.toLowerCase().indexOf(" a")>-1||this.format.toLowerCase().indexOf("a")===0)}is12Hours(){return this.format.includes("h")}getHourOptions(){if(!this.hasHourRange())return b(this.is12Hours()?1:0,this.is12Hours()?12:23);if(s(this,f,y).call(this))return b(this.startHour,this.endHour>23?23:this.endHour);let t=this.localeAPI?.calendar().dayPeriods?.indexOf(this.period);return t===0&&this.startHour===0||t===1&&this.startHour<=12&&this.endHour>=12?[...b(s(this,k,H).call(this),s(this,E,R).call(this)),12]:b(s(this,k,H).call(this),s(this,E,R).call(this))}hasHourRange(){return this.startHour>0||this.endHour<24}dayPeriodsWithRange(){let t=this.localeAPI?.calendar().dayPeriods||[];return this.hasHourRange()?t.reduce((e,o,r)=>{let u=r===0&&(this.startHour<12||this.startHour===0),d=r===1&&this.endHour>=12;return u||d?[...e,o]:e},[]):t}roundToInterval(t,e){return Math.round(t/e)*e}open(){this.picker?.show()}close(){this.picker?.hide(!1)}onHide(){this.container?.classList.remove("is-open"),this.picker?.setAttribute(i.TABINDEX,"-1")}onShow(){this.container?.classList.add("is-open"),this.picker&&(this.picker.removeAttribute(i.TABINDEX),this.picker.popup&&(this.picker.popup.align=`bottom, ${this.localeAPI.isRTL()||["md","lg","full"].includes(this.size)?"right":"left"}`,this.picker.popup.arrow="bottom")),!this.input?.value&&this.useCurrentTime&&s(this,A,x).call(this),this.picker?.focus()}get popup(){return this.container?.querySelector("ids-popup")||null}get input(){return this.container?.querySelector("ids-trigger-field")||null}set format(t){t?(this.setAttribute(i.FORMAT,t),this.picker?.setAttribute(i.FORMAT,`${t}`)):(this.removeAttribute(i.FORMAT),this.picker?.setAttribute(i.FORMAT,`${this.localeAPI?.calendar().timeFormat}`)),s(this,m,I).call(this)}get format(){return this.getAttribute(i.FORMAT)||this.localeAPI?.calendar().timeFormat||"hh:mm a"}set value(t){!this.disabled&&!this.readonly&&(this.setAttribute(i.VALUE,t),s(this,A,x).call(this),this.input&&(this.input.value=t))}get value(){return this.getAttribute(i.VALUE)||""}set autoselect(t){n(t)?this.setAttribute(i.AUTOSELECT,"true"):this.removeAttribute(i.AUTOSELECT)}get autoselect(){return n(this.getAttribute(i.AUTOSELECT))}set autoupdate(t){let e=n(t),o=this.container?.querySelector(".popup-btn");e?(this.setAttribute(i.AUTOUPDATE,"true"),o?.setAttribute("hidden","true")):(this.removeAttribute(i.AUTOUPDATE),o?.removeAttribute("hidden"))}get autoupdate(){return n(this.getAttribute(i.AUTOUPDATE))}set disabled(t){n(t)?(this.setAttribute(i.DISABLED,"true"),this.input?.setAttribute(i.DISABLED,"true")):(this.removeAttribute(i.DISABLED),this.input?.removeAttribute(i.DISABLED))}get disabled(){return n(this.getAttribute(i.DISABLED))}set readonly(t){n(t)?(this.setAttribute(i.READONLY,"true"),this.input?.setAttribute(i.READONLY,"true")):(this.removeAttribute(i.READONLY),this.input?.removeAttribute(i.READONLY))}get readonly(){return n(this.getAttribute(i.READONLY))}onLabelChange(t){this.input&&(this.input.label=t??"")}onIdChange(t){t?this.input?.setAttribute(i.ID,t):this.input?.removeAttribute(i.ID)}set placeholder(t){t?(this.setAttribute(i.PLACEHOLDER,t),this.input?.setAttribute(i.PLACEHOLDER,t)):(this.removeAttribute(i.PLACEHOLDER),this.input?.removeAttribute(i.PLACEHOLDER))}get placeholder(){return this.getAttribute(i.PLACEHOLDER)??""}set noMargins(t){n(t)?(this.setAttribute(i.NO_MARGINS,"true"),this.input?.setAttribute(i.NO_MARGINS,"true")):(this.removeAttribute(i.NO_MARGINS),this.input?.removeAttribute(i.NO_MARGINS))}get noMargins(){return n(this.getAttribute(i.NO_MARGINS))}set size(t){t?(this.setAttribute(i.SIZE,t),this.container?.classList.add(t)):(this.removeAttribute(i.SIZE),this.container?.classList.remove(t)),this.input?.setAttribute(i.SIZE,this.size)}get size(){return this.getAttribute(i.SIZE)??"sm"}set minuteInterval(t){let e=h(t);Number.isNaN(e)?this.removeAttribute(i.MINUTE_INTERVAL):this.setAttribute(i.MINUTE_INTERVAL,String(e)),this.picker&&(this.picker.minuteInterval=t)}get minuteInterval(){let t=h(this.getAttribute(i.MINUTE_INTERVAL));return Number.isNaN(t)?5:t}set secondInterval(t){let e=h(t);Number.isNaN(e)?this.removeAttribute(i.SECOND_INTERVAL):this.setAttribute(i.SECOND_INTERVAL,String(e)),this.picker&&(this.picker.secondInterval=t)}get secondInterval(){let t=h(this.getAttribute(i.SECOND_INTERVAL));return Number.isNaN(t)?5:t}set embeddable(t){n(t)?this.setAttribute(i.EMBEDDABLE,"true"):this.removeAttribute(i.EMBEDDABLE),this.picker&&(this.picker.embeddable=t)}get embeddable(){return n(this.getAttribute(i.EMBEDDABLE))}set hours(t){t!==null?this.setAttribute(i.HOURS,String(t)):this.removeAttribute(i.HOURS),this.picker&&(this.picker.hours=t),this.autoupdate&&s(this,l,c).call(this)}get hours(){if(this.picker)return this.picker.hours;let t=h(this.getAttribute(i.HOURS));if(!Number.isNaN(t))return t;if(this.hasHourRange())return this.getHourOptions()[0];if(this.useCurrentTime&&Number.isNaN(t)){let e=new Date().getHours();return this.is12Hours()?S(e):e}return 1}get hours24(){return(this.localeAPI?.parseDate(this.input?.value||this.value,{dateFormat:this.format})).getHours()}set minutes(t){let e=String(t);t!==null?this.setAttribute(i.MINUTES,e):this.removeAttribute(i.MINUTES),this.picker&&(this.picker.minutes=t),this.autoupdate&&s(this,l,c).call(this)}get minutes(){if(this.picker)return this.picker.minutes;let t=h(this.getAttribute(i.MINUTES));if(!Number.isNaN(t))return this.roundToInterval(t,this.minuteInterval);if(this.useCurrentTime&&Number.isNaN(t)){let e=new Date().getMinutes();return this.roundToInterval(e,this.minuteInterval)}return 0}set seconds(t){let e=String(t);t!==null?this.setAttribute(i.SECONDS,e):this.removeAttribute(i.SECONDS),this.picker&&(this.picker.seconds=t),this.autoupdate&&s(this,l,c).call(this)}get seconds(){if(this.picker)return this.picker.seconds;let t=h(this.getAttribute(i.SECONDS));if(!Number.isNaN(t))return this.roundToInterval(t,this.secondInterval);if(this.useCurrentTime&&Number.isNaN(t)){let e=new Date().getSeconds();return this.roundToInterval(e,this.secondInterval)}return 0}set period(t){t?this.setAttribute(i.PERIOD,t):this.removeAttribute(i.PERIOD),this.picker&&(this.hasHourRange()?this.picker.hours=String(this.getHourOptions()[0]):this.picker.period=t),this.autoupdate&&s(this,l,c).call(this)}get period(){if(this.picker)return this.picker.period;let t=this.getAttribute(i.PERIOD),e=this.dayPeriodsWithRange(),o=e.map(r=>r.toLowerCase()).includes(t?.toString().toLowerCase());return this.hasPeriod()?t&&o?t:this.useCurrentTime&&new Date().getHours()>=12?e[1]:e[0]:""}set validate(t){t?(this.setAttribute(i.VALIDATE,t),this.input?.setAttribute(i.VALIDATE,t),this.input?.setAttribute(i.VALIDATION_EVENTS,this.validationEvents),this.input?.handleValidation()):(this.removeAttribute(i.VALIDATE),this.input?.removeAttribute(i.VALIDATE),this.input?.removeAttribute(i.VALIDATION_EVENTS),this.input?.handleValidation()),s(this,D,Q).call(this)}get validate(){return this.getAttribute(i.VALIDATE)}set validationEvents(t){t?(this.setAttribute(i.VALIDATION_EVENTS,t),this.input?.setAttribute(i.VALIDATION_EVENTS,t)):(this.removeAttribute(i.VALIDATION_EVENTS),this.input?.removeAttribute(i.VALIDATION_EVENTS))}get validationEvents(){return this.getAttribute(i.VALIDATION_EVENTS)??"change blur"}set tabbable(t){this.setAttribute(i.TABBABLE,String(t)),this.input?.setAttribute(i.TABBABLE,String(t))}get tabbable(){let t=this.getAttribute(i.TABBABLE);return t!==null?n(t):!0}set startHour(t){t?this.setAttribute(i.START_HOUR,String(t)):this.removeAttribute(i.START_HOUR),this.picker&&(this.picker.startHour=t)}get startHour(){if(this.picker)return this.picker.startHour;let t=h(this.getAttribute(i.START_HOUR));return!Number.isNaN(t)&&t>=0?t:0}set endHour(t){t?this.setAttribute(i.END_HOUR,String(t)):this.removeAttribute(i.END_HOUR),this.picker&&(this.picker.endHour=t)}get endHour(){if(this.picker)return this.picker.endHour;let t=h(this.getAttribute(i.END_HOUR));return!Number.isNaN(t)&&t<=24?t:24}set useCurrentTime(t){let e=n(t);e?this.setAttribute(i.USE_CURRENT_TIME,"true"):this.removeAttribute(i.USE_CURRENT_TIME),this.picker&&(this.picker.useCurrentTime=e)}get useCurrentTime(){return this.picker?this.picker.useCurrentTime:n(this.getAttribute(i.USE_CURRENT_TIME))}set mask(t){n(t)?(this.setAttribute(i.MASK,"true"),this.input?.setAttribute(i.MASK,"date")):(this.removeAttribute(i.MASK),this.input?.removeAttribute(i.MASK))}get mask(){let t=this.getAttribute(i.MASK);return n(t)}};T=new WeakSet,W=function(){return this.listen(["ArrowDown","Escape","Backspace"],this,t=>{t.stopPropagation(),t.key==="ArrowDown"?this.picker?.show():(t.key==="Escape"||t.key==="Backspace")&&this.picker?.hide(!0)}),this},v=new WeakSet,j=function(){return this.offEvent("change.time-picker-dropdowns"),this.onEvent("change.time-picker-dropdowns",this.container?.querySelector(".dropdowns"),t=>{let e=t.detail?.elem?.id;e&&this.setAttribute(e,t.detail.value)}),this.offEvent("timeselected"),this.onEvent("timeselected",this.container,()=>{s(this,l,c).call(this)}),this.offEvent("hide.picker"),this.onEvent("hide.picker",this.picker,t=>{t.detail.doFocus&&!this.autoselect&&this.input?.focus(),this.onHide()}),this.offEvent("show.picker"),this.onEvent("show.picker",this.picker,()=>{this.onShow()}),this.offEvent("focus.time-picker-input"),this.onEvent("focus.time-picker-input",this.input,()=>{this.picker&&this.autoselect&&(this.picker.visible||this.picker.show())}),this.offEvent("change.time-picker-input"),this.onEvent("change.time-picker-input",this.input,t=>{this.setAttribute(i.VALUE,t.detail.value)}),this},A=new WeakSet,x=function(){let t=this.input?.value||this.value,e=this.localeAPI?.parseDate(t,{dateFormat:this.format}),o=e?.getHours(),r=S(o),u=e?.getMinutes(),d=e?.getSeconds(),V=e&&this.localeAPI?.calendar()?.dayPeriods[o>=12?1:0];s(this,f,y).call(this)&&o!==this.hours&&(this.hours=o>=0?o:null),this.is12Hours()&&r!==this.hours&&(this.hours=r>=0?r:null),u!==this.minutes&&(this.minutes=u>=0?u:null),d!==this.seconds&&(this.seconds=d>=0?d:null),this.hasPeriod()&&V!==this.period&&(this.period=V)},f=new WeakSet,y=function(){return this.format.includes("H")||!this.hasPeriod()},k=new WeakSet,H=function(){let t=this.localeAPI?.calendar().dayPeriods?.indexOf(this.period);return this.startHour<=12&&t===1||this.startHour===0?1:this.startHour>12?this.startHour%12:this.startHour},E=new WeakSet,R=function(){let t=this.localeAPI?.calendar().dayPeriods?.indexOf(this.period);return this.endHour>=12&&t===0||this.endHour===24?11:t===1?this.endHour%12:this.endHour},N=new WeakSet,J=function(){let t=new Date,e=this.localeAPI?.calendar().dayPeriods?.indexOf(this.period);return t.setHours(C(this.hours,e),this.minutes,this.seconds),this.localeAPI.formatDate(t,{pattern:this.format})},l=new WeakSet,c=function(){this.value=s(this,N,J).call(this)},D=new WeakSet,Q=function(){this.validate?.includes("time")&&this.input?.addValidationRule({id:"time",type:"error",message:this.localeAPI?.translate("InvalidTime"),check:t=>{if(!t.value)return!0;let e=this.localeAPI.parseDate(t.value,{dateFormat:this.format,strictTime:!0});return O(e)}})},m=new WeakSet,I=function(){this.input&&this.mask&&(this.input.mask="date",this.input.maskOptions={format:this.format})},g=P([L("ids-time-picker"),w(Z)],g);export{g as a};

package/chunks/{ids-chunk-DM2UZRHO.js → ids-chunk-LP23WJUL.js}

@@ -1 +1 @@
-import{a as l}from"./ids-chunk-AYDTADXU.js";import{a as e}from"./ids-chunk-6EMRTLSG.js";var p=["editor","source"],d=["p","div","br"],u=["p","div","h1","h2","h3","h4","h5","h6","blockquote","pre"],A=["1","2","3","4","5","6","7"],c={hidden:"hidden",labelRequired:"no-required-indicator"},S={disabled:!1,label:"Ids editor",labelHidden:!1,labelRequired:!0,modals:{hyperlink:{url:"http://www.example.com",classes:"hyperlink",targets:[{text:"Same Window",value:""},{text:"New Window",value:"_blank",selected:!0}],isClickable:!1,showIsClickable:!0},insertimage:{url:"",alt:""}},paragraphSeparator:"p",pasteAsPlainText:!1,readonly:!1,sourceFormatter:!1,view:"editor"},E=[...l,e.DISABLED,e.PARAGRAPH_SEPARATOR,e.PASTE_AS_PLAIN_TEXT,e.PLACEHOLDER,e.READONLY,e.SOURCE_FORMATTER,e.VIEW];function R(t,r){return r?.querySelector(t)}function T(t,r){return Array.from(r?.querySelectorAll(t)??[])}function h(t){return`#${t.split("(")[1].split(")")[0].split(",").map(a=>{let o=parseInt(a).toString(16);return o.length===1?`0${o}`:o}).join("")}`}export{p as a,d as b,u as c,A as d,c as e,S as f,E as g,R as h,T as i,h as j};
+import{a as l}from"./ids-chunk-TSK7TBSI.js";import{a as e}from"./ids-chunk-4NXTNKXV.js";var p=["editor","source"],d=["p","div","br"],u=["p","div","h1","h2","h3","h4","h5","h6","blockquote","pre"],A=["1","2","3","4","5","6","7"],c={hidden:"hidden",labelRequired:"no-required-indicator"},S={disabled:!1,label:"Ids editor",labelHidden:!1,labelRequired:!0,modals:{hyperlink:{url:"http://www.example.com",classes:"hyperlink",targets:[{text:"Same Window",value:""},{text:"New Window",value:"_blank",selected:!0}],isClickable:!1,showIsClickable:!0},insertimage:{url:"",alt:""}},paragraphSeparator:"p",pasteAsPlainText:!1,readonly:!1,sourceFormatter:!1,view:"editor"},E=[...l,e.DISABLED,e.PARAGRAPH_SEPARATOR,e.PASTE_AS_PLAIN_TEXT,e.PLACEHOLDER,e.READONLY,e.SOURCE_FORMATTER,e.VIEW];function R(t,r){return r?.querySelector(t)}function T(t,r){return Array.from(r?.querySelectorAll(t)??[])}function h(t){return`#${t.split("(")[1].split(")")[0].split(",").map(a=>{let o=parseInt(a).toString(16);return o.length===1?`0${o}`:o}).join("")}`}export{p as a,d as b,u as c,A as d,c as e,S as f,E as g,R as h,T as i,h as j};

package/chunks/ids-chunk-LYJH2CUU.js

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

package/chunks/{ids-chunk-B5JKAHB2.js → ids-chunk-M2HWRJ3J.js}

@@ -1,4 +1,4 @@
-import{e}from"./ids-chunk-TJKIW3GF.js";import{a as i}from"./ids-chunk-6EMRTLSG.js";var n=s=>class extends s{constructor(...t){super(...t)}static get attributes(){return[...s.attributes,i.LOADING_INDICATOR_ONLY,i.SHOW_LOADING_INDICATOR]}connectedCallback(){super.connectedCallback?.(),this.#i(),this.#o()}set showLoadingIndicator(t){let o=e(t);o?this.setAttribute(i.SHOW_LOADING_INDICATOR,o.toString()):this.removeAttribute(i.SHOW_LOADING_INDICATOR),this.#i()}get showLoadingIndicator(){return e(this.getAttribute(i.SHOW_LOADING_INDICATOR))}set loadingIndicatorOnly(t){let o=e(t);o?this.setAttribute(i.LOADING_INDICATOR_ONLY,o.toString()):this.removeAttribute(i.LOADING_INDICATOR_ONLY)}get loadingIndicatorOnly(){return e(this.getAttribute(i.LOADING_INDICATOR_ONLY))}#t(){return this.container?.querySelector('slot[name="loading-indicator"]')?.assignedNodes()}#i(){if(this.showLoadingIndicator&&this.#t()?.length===0){let t=this.getAttribute(i.APPEARANCE);this.insertAdjacentHTML("beforeend",`<ids-loading-indicator
+import{e}from"./ids-chunk-5Q3WPKMB.js";import{a as i}from"./ids-chunk-4NXTNKXV.js";var n=s=>class extends s{constructor(...t){super(...t)}static get attributes(){return[...s.attributes,i.LOADING_INDICATOR_ONLY,i.SHOW_LOADING_INDICATOR]}connectedCallback(){super.connectedCallback?.(),this.#i(),this.#o()}set showLoadingIndicator(t){let o=e(t);o?this.setAttribute(i.SHOW_LOADING_INDICATOR,o.toString()):this.removeAttribute(i.SHOW_LOADING_INDICATOR),this.#i()}get showLoadingIndicator(){return e(this.getAttribute(i.SHOW_LOADING_INDICATOR))}set loadingIndicatorOnly(t){let o=e(t);o?this.setAttribute(i.LOADING_INDICATOR_ONLY,o.toString()):this.removeAttribute(i.LOADING_INDICATOR_ONLY)}get loadingIndicatorOnly(){return e(this.getAttribute(i.LOADING_INDICATOR_ONLY))}#t(){return this.container?.querySelector('slot[name="loading-indicator"]')?.assignedNodes()}#i(){if(this.showLoadingIndicator&&this.#t()?.length===0){let t=this.getAttribute(i.APPEARANCE);this.insertAdjacentHTML("beforeend",`<ids-loading-indicator
           slot="loading-indicator"
           size="xs"
           class="slot-loading-indicator${t?` type-${t}`:""}"

package/chunks/{ids-chunk-GUWNTWN5.js → ids-chunk-M4CFT4EC.js}

@@ -1,3 +1,3 @@
-import{a as h}from"./ids-chunk-FLW6Z5UP.js";import{a as n}from"./ids-chunk-GOUW4UYM.js";import{a as r}from"./ids-chunk-RFSSSI2A.js";import{a as p}from"./ids-chunk-J6DDVFGW.js";import{a as o}from"./ids-chunk-B6P5AQ2Z.js";import{a as s}from"./ids-chunk-XE4WFW5M.js";import{a as l}from"./ids-chunk-DCNGT4R2.js";import{a as e}from"./ids-chunk-5K6IDMGA.js";var d=n(p(r(o(h(l))))),t=class extends d{constructor(){super()}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback?.()}static get attributes(){return[...super.attributes]}template(){return`<ids-popup class="ids-picker-popup" type="menu" align="bottom, left" arrow="bottom" tabIndex="-1" y="12" animated>
+import{a as n}from"./ids-chunk-ABKOQ24C.js";import{a as h}from"./ids-chunk-FYG64AZR.js";import{a as r}from"./ids-chunk-JIIECYJR.js";import{a as p}from"./ids-chunk-J6DDVFGW.js";import{a as o}from"./ids-chunk-DK5QOJMP.js";import{a as s}from"./ids-chunk-XE4WFW5M.js";import{a as l}from"./ids-chunk-RCDMHHTV.js";import{a as e}from"./ids-chunk-Y32WUP63.js";var d=n(p(r(o(h(l))))),t=class extends d{constructor(){super()}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback?.()}static get attributes(){return[...super.attributes]}template(){return`<ids-popup class="ids-picker-popup" type="menu" align="bottom, left" arrow="bottom" tabIndex="-1" y="12" animated>
       <slot slot="content"></slot>
     </ids-popup>`}vetoableEventTypes=["beforeshow"];get visible(){return this.popup?.visible||!1}async hide(i){this.popup?.visible&&(this.removeOpenEvents(),this.popup.visible=!1,await this.popup.hide(),typeof this.onHide=="function"&&this.onHide(),this.triggerEvent("hide",this,{bubbles:!0,detail:{doFocus:i,elem:this}}),this.hidden=!0)}show(){!this.popup||this.popup.visible||this.triggerVetoableEvent("beforeshow")&&(this.hidden=!1,this.popup.visible=!0,this.popup.show(),typeof this.onShow=="function"&&this.onShow(),this.triggerEvent("show",this,{bubbles:!0,detail:{elem:this}}),this.addOpenEvents())}toggleVisibility(){this.popup&&(this.popup.visible?this.hide():this.show())}onOutsideClick(i){let a=i.target;this.contains(a)||this.hide()}onTriggerClick(i){this.toggleVisibility()}onTriggerImmediate(){this.show()}};t=e([s("ids-picker-popup")],t);var E=t;export{E as a};