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

package/chunks/ids-chunk-TQVMQG3C.js

@@ -0,0 +1,94 @@
+import{a as E}from"./ids-chunk-NWQJK4KK.js";import{a as g}from"./ids-chunk-MXFCUDLP.js";import{a as A}from"./ids-chunk-B6P5AQ2Z.js";import{a as h,b}from"./ids-chunk-XE4WFW5M.js";import{a as f}from"./ids-chunk-DCNGT4R2.js";import{e as a}from"./ids-chunk-TJKIW3GF.js";import{a as e}from"./ids-chunk-6EMRTLSG.js";import{a as u}from"./ids-chunk-5K6IDMGA.js";var m=`
+/**
+ * Radio Mixins.
+ */
+.validation-message {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  display: flex;
+  font-family: var(--ids-font-family-default);
+  margin-top: var(--ids-space-30);
+}
+.validation-message.has-custom-icon {
+  color: var(--ids-icon-color-default);
+}
+.validation-message.disabled {
+  color: var(--ids-input-color-text-disabled);
+}
+.validation-message .ids-icon {
+  margin-inline-end: var(--ids-space-30);
+}
+.validation-message.alert {
+  color: var(--ids-color-caution-default);
+}
+.validation-message.alert.disabled {
+  color: var(--ids-color-caution-30);
+}
+.validation-message.warning {
+  color: var(--ids-color-warning-default);
+}
+.validation-message.warning.disabled {
+  color: var(--ids-color-warning-30);
+}
+.validation-message.error {
+  color: var(--ids-color-error-default);
+}
+.validation-message.error.disabled {
+  color: var(--ids-color-error-30);
+}
+.validation-message.info {
+  color: var(--ids-color-info-default);
+}
+.validation-message.info.disabled {
+  color: var(--ids-color-info-30);
+}
+.validation-message.success {
+  color: var(--ids-color-success-default);
+}
+.validation-message.success.disabled {
+  color: var(--ids-color-success-30);
+}
+
+:host {
+  display: block;
+  margin-bottom: 16px;
+}
+
+.ids-radio-group {
+  border: 0;
+  display: inline-block;
+  position: relative;
+  border-width: 0;
+  margin: 0;
+  padding: 0;
+}
+.ids-radio-group .group-label-text {
+  display: flex;
+}
+.ids-radio-group .group-label-text.required::after {
+  color: var(--ids-input-required-indicator-color-text-default);
+  content: "*";
+  font-family: var(--ids-font-family-default);
+  font-size: var(--ids-font-size-50);
+  margin-inline-start: 2px;
+  margin-inline-end: 2px;
+}
+.ids-radio-group .group-label-text.no-required-indicator::after {
+  content: "";
+}
+.ids-radio-group.horizontal {
+  display: inline-block;
+  margin-inline-end: 12px;
+}
+.ids-radio-group.disabled .group-label-text {
+  cursor: var(--ids-cursor-default);
+  color: var(--ids-color-text-disabled);
+}
+.ids-radio-group.disabled .group-label-text.required::after {
+  color: var(--ids-input-required-indicator-color-text-disabled);
+}
+
+:host([dir=rtl]) .group-label-text.required::after {
+  left: -13px;
+  right: initial;
+}`;var v=E(g(A(f))),c=class extends v{constructor(){super()}isFormComponent=!0;input;labelEl;checked=null;static get attributes(){return[...super.attributes,e.DISABLED,e.HORIZONTAL,e.LABEL,e.LABEL_REQUIRED,e.LANGUAGE,e.VALIDATE,e.VALIDATION_EVENTS,e.VALUE]}connectedCallback(){super.connectedCallback();let t=this.shadowRoot?.querySelector("slot");this.onEvent("slotchange",t,()=>{this.afterChildrenReady()})}template(){let t=a(this.disabled)?" disabled":"",o=a(this.disabled)?' aria-disabled="true"':"",i=a(this.horizontal)?" horizontal":"",r=` class="ids-radio-group${t}${i}"`,n=` class="group-label-text${!(a(this.labelRequired)||this.labelRequired===null)?" no-required-indicator":""}"`,l=this.label?`<ids-text type="legend"${n}${o}>${this.label}</ids-text>`:"";return`<div role="radiogroup"${r}>${l}<slot></slot></div>`}afterChildrenReady(){this.input=this.shadowRoot?.querySelector(".ids-radio-group"),this.labelEl=this.shadowRoot?.querySelector(".group-label-text"),this.setValue(),this.handleHorizontal(),this.handleDisabled(),this.attachInternalEventHandlers(),this.handleValidation()}setValue(){let t=[].slice.call(this.querySelectorAll('ids-radio[checked="true"]')),o=t.length,i=t[o-1]?.getAttribute(e.VALUE);i?this.setAttribute(e.VALUE,i):o?o>1&&(t.pop(),t.forEach(r=>r.removeAttribute(e.CHECKED))):this.querySelector("ids-radio")?.shadowRoot?.querySelector(".ids-radio")?.setAttribute("tabindex","0")}clear(){this.value=null,this.checked=null,this.removeAllValidationMessages(),this.querySelector("ids-radio")?.shadowRoot?.querySelector(".ids-radio")?.setAttribute("tabindex","0")}handleDisabled(){let t=[].slice.call(this.querySelectorAll("ids-radio")),o=this.shadowRoot?.querySelector(".ids-radio-group");a(this.disabled)?(this.labelEl?.setAttribute("aria-disabled","true"),o?.classList.add(e.DISABLED),t.forEach(i=>i.setAttribute(e.GROUP_DISABLED,!0))):(this.labelEl?.removeAttribute("aria-disabled"),o?.classList.remove(e.DISABLED),t.forEach(i=>i.removeAttribute(e.GROUP_DISABLED)))}handleHorizontal(){let t=[].slice.call(this.querySelectorAll("ids-radio")),o=this.shadowRoot?.querySelector(".ids-radio-group");a(this.horizontal)?(o?.classList.add(e.HORIZONTAL),t.forEach(i=>i.setAttribute(e.HORIZONTAL,!0))):(o?.classList.remove(e.HORIZONTAL),t.forEach(i=>i.removeAttribute(e.HORIZONTAL)))}makeChecked(t,o){let i=[].slice.call(this.querySelectorAll("ids-radio"));i.filter(d=>d!==t).forEach(d=>d.removeAttribute(e.CHECKED)),this.checked=t;let s=t.value;s&&(this.value=s),o&&t.shadowRoot?.querySelector('input[type="radio"]')?.focus();let n="first-item-checked";t===i[0]?this.input?.classList.add(n):this.input?.classList.remove(n);let l={detail:{value:s,checked:t}};this.triggerEvent("change",this.input,l),this.triggerEvent("change",this,l)}attachRadioGroupChangeEvent(){[].slice.call(this.querySelectorAll("ids-radio")).forEach(o=>{this.onEvent("change",o,()=>{this.makeChecked(o,!1)})})}attachRadioGroupKeydown(){let t=[].slice.call(this.querySelectorAll('ids-radio:not([disabled="true"])')),o=t.length;t.forEach((i,r)=>{this.onEvent("keydown",i,s=>{let n=["ArrowDown","ArrowRight","ArrowUp","ArrowLeft","Space"],l=s.code;if(n.indexOf(l)>-1){let d=r;l==="ArrowDown"||l==="ArrowRight"?d=r>=o-1?0:d+1:(l==="ArrowUp"||l==="ArrowLeft")&&(d=r<=0?o-1:d-1),this.makeChecked(t[d],!0),s.preventDefault()}})})}attachInternalEventHandlers(){this.attachRadioGroupChangeEvent(),this.attachRadioGroupKeydown()}set disabled(t){a(t)?this.setAttribute(e.DISABLED,t.toString()):this.removeAttribute(e.DISABLED),this.handleDisabled()}get disabled(){return a(this.getAttribute(e.DISABLED))}set horizontal(t){a(t)?this.setAttribute(e.HORIZONTAL,t.toString()):this.removeAttribute(e.HORIZONTAL),this.handleHorizontal()}get horizontal(){return a(this.getAttribute(e.HORIZONTAL))}set label(t){let o=this.shadowRoot?.querySelector(".ids-radio-group"),i=this.shadowRoot?.querySelector(".group-label-text");if(t){if(this.setAttribute(e.LABEL,t),!i){i=document.createElement("ids-text"),i.className="group-label-text";let r=this.shadowRoot?.querySelector("slot")||null;o?.insertBefore(i,r),i=this.shadowRoot?.querySelector(".group-label-text")}i&&(i.innerHTML=t);return}this.removeAttribute(e.LABEL),i=this.shadowRoot?.querySelector(".group-label-text"),i?.remove()}get label(){return this.getAttribute(e.LABEL)}set labelRequired(t){let o=a(t);t?this.setAttribute(e.LABEL_REQUIRED,t.toString()):this.removeAttribute(e.LABEL_REQUIRED),this.labelEl?.classList[o?"remove":"add"]("no-required-indicator")}get labelRequired(){return this.getAttribute(e.LABEL_REQUIRED)}set value(t){let o=[].slice.call(this.querySelectorAll("ids-radio"));if(t){let i={on:[],off:[]};o.forEach(s=>{let n=s.getAttribute(e.VALUE);i[n===t?"on":"off"].push(s)}),i.off.forEach(s=>s.removeAttribute(e.CHECKED));let r=i.on[i.on.length-1];r?(r.setAttribute(e.CHECKED,"true"),this.setAttribute(e.VALUE,t),this.checked=r):this.removeAttribute(e.VALUE)}else this.removeAttribute(e.VALUE),o.forEach(i=>i.removeAttribute(e.CHECKED))}get value(){return this.getAttribute(e.VALUE)}};c=u([h("ids-radio-group"),b(m)],c);export{c as a};

package/chunks/{ids-chunk-OFFB3CAE.js → ids-chunk-TR5PD2OO.js}

@@ -1,4 +1,4 @@
-import{a as x}from"./ids-chunk-QCRLDB3I.js";import{a as m}from"./ids-chunk-542APW5J.js";import{a as p}from"./ids-chunk-7OME6RME.js";import{a as u}from"./ids-chunk-UZANXZK4.js";import{a as b}from"./ids-chunk-AZSONAF7.js";import{a as h}from"./ids-chunk-B6P5AQ2Z.js";import{a as l,b as n}from"./ids-chunk-XE4WFW5M.js";import{a as k}from"./ids-chunk-7JIYCFAW.js";import{e as c}from"./ids-chunk-TJKIW3GF.js";import{a as e}from"./ids-chunk-HABPILOR.js";import{a as d}from"./ids-chunk-U7OOVFXE.js";var v=`
+import{a as x}from"./ids-chunk-Y4WUDVCZ.js";import{a as p}from"./ids-chunk-NWQJK4KK.js";import{a as u}from"./ids-chunk-T47YQ3TX.js";import{a as b}from"./ids-chunk-MXFCUDLP.js";import{a as h}from"./ids-chunk-B6P5AQ2Z.js";import{a as l,b as n}from"./ids-chunk-XE4WFW5M.js";import{a as k}from"./ids-chunk-DCNGT4R2.js";import{e as t}from"./ids-chunk-TJKIW3GF.js";import{a as e}from"./ids-chunk-6EMRTLSG.js";import{a as d}from"./ids-chunk-5K6IDMGA.js";var m=`
 @charset "UTF-8";
 /**
  * Checkbox Mixins.
@@ -31,54 +31,6 @@ import{a as x}from"./ids-chunk-QCRLDB3I.js";import{a as m}from"./ids-chunk-542AP
     width: 10px;
   }
 }
-.icon-dirty {
-  position: absolute;
-  color: var(--ids-color-caution-30);
-  top: 1px;
-}
-.icon-dirty[dir=rtl] {
-  transform: rotate(90deg);
-  top: 0;
-}
-
-.ids-color-picker .icon-dirty {
-  margin-inline-start: 35px;
-}
-
-.ids-color-picker.compact .icon-dirty {
-  margin-inline-start: 27px;
-}
-
-.ids-radio-group .icon-dirty {
-  margin-inline-start: -1px;
-  margin-block-start: 9px;
-  top: auto;
-  z-index: 1;
-}
-
-.ids-checkbox .icon-dirty {
-  margin-inline-start: -25px;
-}
-.ids-checkbox .icon-dirty[dir=rtl] {
-  margin-inline-start: -20px;
-  transform: none;
-  top: -1px;
-}
-.ids-checkbox.hitbox .icon-dirty {
-  margin-inline-start: -30px;
-}
-.ids-checkbox.hitbox .icon-dirty[dir=rtl] {
-  margin-inline-start: -26px;
-}
-
-.ids-textarea .icon-dirty {
-  top: 0;
-  margin-inline-start: 1px;
-}
-.ids-textarea .icon-dirty[dir=rtl] {
-  top: 1px;
-}
-
 .validation-message {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
@@ -141,7 +93,8 @@ import{a as x}from"./ids-chunk-QCRLDB3I.js";import{a as m}from"./ids-chunk-542AP
 .ids-checkbox label {
   cursor: var(--ids-cursor-pointer);
   user-select: none;
-  padding-inline-start: 24px;
+  padding-block-start: 1px;
+  padding-inline-start: 25px;
   position: relative;
   display: inline-block;
 }
@@ -240,7 +193,11 @@ import{a as x}from"./ids-chunk-QCRLDB3I.js";import{a as m}from"./ids-chunk-542AP
 }
 .ids-checkbox input[type=checkbox]:focus ~ .checkmark {
   border-color: var(--ids-checkbox-color-border-focus);
-  box-shadow: var(--ids-checkbox-focus-box-shadow);
+  box-shadow: var(--ids-checkbox-shadow-focus);
+}
+.ids-checkbox input[type=checkbox]:focus.error ~ .checkmark {
+  border-color: var(--ids-checkbox-color-border-focus-error);
+  box-shadow: var(--ids-checkbox-shadow-focus);
 }
 .ids-checkbox input[type=checkbox]:disabled ~ .checkmark {
   background-color: var(--ids-checkbox-color-background-disabled);
@@ -252,7 +209,7 @@ import{a as x}from"./ids-chunk-QCRLDB3I.js";import{a as m}from"./ids-chunk-542AP
   color: var(--ids-checkbox-color-text-disabled);
 }
 .ids-checkbox input[type=checkbox]:disabled.error ~ .checkmark {
-  border-color: var(--ids-color-error-30);
+  border-color: var(--ids-checkbox-color-border-focus-error);
 }
 .ids-checkbox input[type=checkbox]:disabled:checked ~ .checkmark {
   background-color: var(--ids-checkbox-color-background-selected-disabled);
@@ -351,7 +308,6 @@ import{a as x}from"./ids-chunk-QCRLDB3I.js";import{a as m}from"./ids-chunk-542AP
 }
 
 :host-context(form) {
-  margin-top: var(--ids-space-40);
   display: flex;
 }
 
@@ -369,12 +325,12 @@ import{a as x}from"./ids-chunk-QCRLDB3I.js";import{a as m}from"./ids-chunk-542AP
 }
 :host(.multiselect-checkbox) .ids-checkbox label {
   padding-inline-start: var(--ids-space-60);
-}`;var L=p(x(m(u(b(h(k)))))),i=class extends L{constructor(){super()}labelAudible;isFormComponent=!0;static get attributes(){return[...super.attributes,e.NO_ANIMATION,e.CHECKED,e.COLOR,e.DISABLED,e.HORIZONTAL,e.INDETERMINATE,e.VALUE]}#e=!1;connectedCallback(){super.connectedCallback(),this.#o(),this.dirtyTracker&&this.handleDirtyTracker()}template(){let r=this.color?` color="${this.color}"`:"",o=c(this.labelAudible)?' audible="true"':"",t=c(this.disabled)?" disabled":"",g=c(this.horizontal)?" horizontal":"",a=c(this.checked)?" checked":"",f=c(this.noAnimation)?" no-animation":"",y=` class="ids-checkbox${t}${g}${f}"`,s="checkbox";s+=c(this.indeterminate)?" indeterminate":"",s=` class="${s}"`;let E=!(c(this.labelRequired)||this.labelRequired===null),A=!this.label.length||this.labelState==="hidden"?" empty":"";return`
-      <div${y}${r} part="root">
-        <label class="ids-label-text${E?" no-required-indicator":""}${A}" part="label">
-          <input part="input" type="checkbox"${s}${t}${a}>
+}`;var A=x(p(u(b(h(k))))),i=class extends A{constructor(){super()}labelAudible;isFormComponent=!0;static get attributes(){return[...super.attributes,e.NO_ANIMATION,e.CHECKED,e.COLOR,e.DISABLED,e.HORIZONTAL,e.INDETERMINATE,e.VALUE]}#e=!1;connectedCallback(){super.connectedCallback(),this.#o()}template(){let r=this.color?` color="${this.color}"`:"",o=t(this.labelAudible)?' audible="true"':"",c=t(this.disabled)?" disabled":"",v=t(this.horizontal)?" horizontal":"",a=t(this.checked)?" checked":"",g=t(this.noAnimation)?" no-animation":"",f=` class="ids-checkbox${c}${v}${g}"`,s="checkbox";s+=t(this.indeterminate)?" indeterminate":"",s=` class="${s}"`;let y=!(t(this.labelRequired)||this.labelRequired===null),E=!this.label.length||this.labelState==="hidden"?" empty":"";return`
+      <div${f}${r} part="root">
+        <label class="ids-label-text${y?" no-required-indicator":""}${E}" part="label">
+          <input part="input" type="checkbox"${s}${c}${a}>
           <span class="checkmark${a}" part="checkmark"></span>
           <ids-text${o} class="label-checkbox" part="label-checkbox">${this.label}</ids-text>
         </label>
       </div>
-    `}attachCheckboxChangeEvent(){this.onEvent("change",this.input,r=>{this.indeterminate=!1,this.#e=!0,this.checked=!!this.input?.checked,this.triggerEvent(r.type,this,{detail:{elem:this,nativeEvent:r,value:this.value,checked:this.input?.checked},bubbles:!0})})}attachNativeEvents(){["focus","keydown","keypress","keyup","click","dbclick"].forEach(o=>{this.onEvent(o,this.input,t=>{this.triggerEvent(t.type,this,{detail:{elem:this,nativeEvent:t,value:this.value,checked:!!this.input?.checked}})})})}#o(){this.attachCheckboxChangeEvent(),this.attachNativeEvents()}get input(){return this.container?.querySelector('input[type="checkbox"]')}get labelEl(){return this.container?.querySelector("label")}set checked(r){let o=c(r),t=this.shadowRoot?.querySelector(".checkmark");this.checked===o&&this.input?.checked===o||(o?(this.setAttribute(e.CHECKED,String(o)),t?.classList.add(e.CHECKED)):(this.removeAttribute(e.CHECKED),t?.classList.remove(e.CHECKED)),this.input&&(this.input.checked=o),!this.#e&&this.input&&this.triggerEvent("change",this.input,{bubbles:!0}),this.#e=!1)}get checked(){return c(this.getAttribute(e.CHECKED))}set color(r){let o=this.shadowRoot?.querySelector(".ids-checkbox");r?(this.setAttribute(e.COLOR,r.toString()),o?.setAttribute(e.COLOR,r.toString())):(this.removeAttribute(e.COLOR),o?.removeAttribute(e.COLOR))}get color(){return this.getAttribute(e.COLOR)}set disabled(r){let o=this.shadowRoot?.querySelector(".ids-checkbox"),t=c(r);t?(this.setAttribute(e.DISABLED,t.toString()),this.input?.setAttribute(e.DISABLED,t.toString()),o?.classList.add(e.DISABLED),this.labelEl?.querySelector(".label-checkbox")?.setAttribute(e.DISABLED,t.toString())):(this.removeAttribute(e.DISABLED),this.input?.removeAttribute(e.DISABLED),o?.classList.remove(e.DISABLED),this.labelEl?.querySelector(".label-checkbox")?.removeAttribute(e.DISABLED))}get disabled(){return this.getAttribute(e.DISABLED)}set horizontal(r){let o=this.shadowRoot?.querySelector(".ids-checkbox"),t=c(r);t?(this.setAttribute(e.HORIZONTAL,t.toString()),o?.classList.add(e.HORIZONTAL)):(this.removeAttribute(e.HORIZONTAL),o?.classList.remove(e.HORIZONTAL))}get horizontal(){return this.getAttribute(e.HORIZONTAL)}set indeterminate(r){let o=c(r);o?this.setAttribute(e.INDETERMINATE,o.toString()):this.removeAttribute(e.INDETERMINATE),this.input&&(o?(this.input.classList.add(e.INDETERMINATE),this.input.indeterminate=!0):(this.input.classList.remove(e.INDETERMINATE),this.input.indeterminate=!1))}get indeterminate(){return this.getAttribute(e.INDETERMINATE)}set value(r){r?(this.setAttribute(e.VALUE,String(r)),this.input?.setAttribute(e.VALUE,String(r))):(this.removeAttribute(e.VALUE),this.input?.removeAttribute(e.VALUE))}get value(){return this.getAttribute(e.VALUE)}set noAnimation(r){let o=c(r);o?(this.setAttribute(e.NO_ANIMATION,String(o)),this.container?.classList.add("no-animation")):(this.removeAttribute(e.NO_ANIMATION),this.container?.classList.remove("no-animation"))}get noAnimation(){return c(this.getAttribute(e.NO_ANIMATION))||!1}focus(){this.input?.focus()}};i=d([l("ids-checkbox"),n(v)],i);export{i as a};
+    `}attachCheckboxChangeEvent(){this.onEvent("change",this.input,r=>{this.indeterminate=!1,this.#e=!0,this.checked=!!this.input?.checked,this.triggerEvent(r.type,this,{detail:{elem:this,nativeEvent:r,value:this.value,checked:this.input?.checked},bubbles:!0})})}attachNativeEvents(){["focus","keydown","keypress","keyup","click","dbclick"].forEach(o=>{this.onEvent(o,this.input,c=>{this.triggerEvent(c.type,this,{detail:{elem:this,nativeEvent:c,value:this.value,checked:!!this.input?.checked}})})})}#o(){this.attachCheckboxChangeEvent(),this.attachNativeEvents()}get input(){return this.container?.querySelector('input[type="checkbox"]')}get labelEl(){return this.container?.querySelector("label")}set checked(r){let o=t(r),c=this.shadowRoot?.querySelector(".checkmark");this.checked===o&&this.input?.checked===o||(o?(this.setAttribute(e.CHECKED,String(o)),c?.classList.add(e.CHECKED)):(this.removeAttribute(e.CHECKED),c?.classList.remove(e.CHECKED)),this.input&&(this.input.checked=o),!this.#e&&this.input&&this.triggerEvent("change",this.input,{bubbles:!0}),this.#e=!1)}get checked(){return t(this.getAttribute(e.CHECKED))}set color(r){let o=this.shadowRoot?.querySelector(".ids-checkbox");r?(this.setAttribute(e.COLOR,r.toString()),o?.setAttribute(e.COLOR,r.toString())):(this.removeAttribute(e.COLOR),o?.removeAttribute(e.COLOR))}get color(){return this.getAttribute(e.COLOR)}set disabled(r){let o=this.shadowRoot?.querySelector(".ids-checkbox"),c=t(r);c?(this.setAttribute(e.DISABLED,c.toString()),this.input?.setAttribute(e.DISABLED,c.toString()),o?.classList.add(e.DISABLED),this.labelEl?.querySelector(".label-checkbox")?.setAttribute(e.DISABLED,c.toString())):(this.removeAttribute(e.DISABLED),this.input?.removeAttribute(e.DISABLED),o?.classList.remove(e.DISABLED),this.labelEl?.querySelector(".label-checkbox")?.removeAttribute(e.DISABLED))}get disabled(){return this.getAttribute(e.DISABLED)}set horizontal(r){let o=this.shadowRoot?.querySelector(".ids-checkbox"),c=t(r);c?(this.setAttribute(e.HORIZONTAL,c.toString()),o?.classList.add(e.HORIZONTAL)):(this.removeAttribute(e.HORIZONTAL),o?.classList.remove(e.HORIZONTAL))}get horizontal(){return this.getAttribute(e.HORIZONTAL)}set indeterminate(r){let o=t(r);o?this.setAttribute(e.INDETERMINATE,o.toString()):this.removeAttribute(e.INDETERMINATE),this.input&&(o?(this.input.classList.add(e.INDETERMINATE),this.input.indeterminate=!0):(this.input.classList.remove(e.INDETERMINATE),this.input.indeterminate=!1))}get indeterminate(){return this.getAttribute(e.INDETERMINATE)}set value(r){r?(this.setAttribute(e.VALUE,String(r)),this.input?.setAttribute(e.VALUE,String(r))):(this.removeAttribute(e.VALUE),this.input?.removeAttribute(e.VALUE))}get value(){return this.getAttribute(e.VALUE)}set noAnimation(r){let o=t(r);o?(this.setAttribute(e.NO_ANIMATION,String(o)),this.container?.classList.add("no-animation")):(this.removeAttribute(e.NO_ANIMATION),this.container?.classList.remove("no-animation"))}get noAnimation(){return t(this.getAttribute(e.NO_ANIMATION))||!1}focus(){this.input?.focus()}};i=d([l("ids-checkbox"),n(m)],i);export{i as a};

package/chunks/{ids-chunk-7UZR3CFO.js → ids-chunk-TXU2PLVW.js}

@@ -1,4 +1,4 @@
-import{a as s,b as o}from"./ids-chunk-XE4WFW5M.js";import{a as r}from"./ids-chunk-7JIYCFAW.js";import{a as e}from"./ids-chunk-U7OOVFXE.js";var m=`
+import{a as s,b as o}from"./ids-chunk-XE4WFW5M.js";import{a as r}from"./ids-chunk-DCNGT4R2.js";import{a as e}from"./ids-chunk-5K6IDMGA.js";var m=`
 /* Ids Card Action */
 :host {
   margin-inline-start: auto;

package/chunks/{ids-chunk-JAL6RO7W.js → ids-chunk-U27KONCS.js}

@@ -1,4 +1,4 @@
-import{a as l}from"./ids-chunk-AZSONAF7.js";import{a as b}from"./ids-chunk-T6ZV4PDM.js";import{a as n}from"./ids-chunk-B6P5AQ2Z.js";import{a as d,b as c}from"./ids-chunk-XE4WFW5M.js";import{a as u}from"./ids-chunk-7JIYCFAW.js";import{e as r}from"./ids-chunk-TJKIW3GF.js";import{a as o}from"./ids-chunk-HABPILOR.js";import{a}from"./ids-chunk-U7OOVFXE.js";var h=`
+import{a as l}from"./ids-chunk-MXFCUDLP.js";import{a as b}from"./ids-chunk-T6ZV4PDM.js";import{a as n}from"./ids-chunk-B6P5AQ2Z.js";import{a as c,b as d}from"./ids-chunk-XE4WFW5M.js";import{a as u}from"./ids-chunk-DCNGT4R2.js";import{e as r}from"./ids-chunk-TJKIW3GF.js";import{a as o}from"./ids-chunk-6EMRTLSG.js";import{a}from"./ids-chunk-5K6IDMGA.js";var h=`
 /* Ids Tag Component */
 .ids-tag {
   -webkit-font-smoothing: antialiased;
@@ -9,10 +9,13 @@ import{a as l}from"./ids-chunk-AZSONAF7.js";import{a as b}from"./ids-chunk-T6ZV4
   font-family: var(--ids-font-family-default);
   font-size: var(--ids-tag-font-size-default);
   color: var(--ids-tag-color-text-default);
+  box-sizing: border-box;
   display: inline-flex;
+  align-items: center;
+  justify-content: center;
   margin-inline-end: var(--ids-space-30);
   padding-inline: var(--ids-space-40);
-  padding-bottom: var(--ids-space-20);
+  height: var(--ids-tag-height);
   contain: content;
 }
 .ids-tag.secondary {
@@ -108,4 +111,4 @@ import{a as l}from"./ids-chunk-AZSONAF7.js";import{a as b}from"./ids-chunk-T6ZV4
 }
 :host([disabled].multiselect-tag) ::slotted(ids-icon) {
   color: var(--ids-color-text-disabled);
-}`;var g=l(b(n(u))),e=class extends g{constructor(){super()}connectedCallback(){super.connectedCallback(),this.#e(),this.#s(),this.#i(this.color||"")}static get attributes(){return[...super.attributes,o.COLOR,o.CLICKABLE,o.DISMISSIBLE,o.DISABLED]}template(){return'<span class="ids-tag" part="tag"><slot></slot></span>'}set color(t){t?this.setAttribute(o.COLOR,t):this.removeAttribute(o.COLOR),this.#i(t||""),this.#r()}get color(){return this.getAttribute(o.COLOR)}#i(t){this.container&&(this.container?.classList.remove("secondary","info","success","warning","error"),this.container.style.backgroundColor="",this.container.style.borderColor="",this.container.style.color="",t&&(t.substring(0,1)==="#"?(this.container.style.backgroundColor=t,this.container.style.borderColor=t):(this.container.classList.add(t),t!=="secondary"&&t!=="caution"&&this.container.classList.add("ids-white"))))}#t(t){this.querySelector(`[icon="${t}"]`)||(this.insertAdjacentHTML("beforeend",`<ids-icon part="icon" icon="${t}" size="xsmall" class="ids-icon"></ids-icon>`),this.#e())}#o(t){let s=this.querySelector(`[icon="${t}"]`);s&&s.remove()}set dismissible(t){r(t)?this.setAttribute(o.DISMISSIBLE,t.toString()):this.removeAttribute(o.DISMISSIBLE),this.#r()}get dismissible(){return r(this.getAttribute(o.DISMISSIBLE))}set disabled(t){r(t)?this.setAttribute(o.DISABLED,""):this.removeAttribute(o.DISABLED)}get disabled(){return this.hasAttribute("disabled")}#r(){this.container&&(this.dismissible?(this.container.classList.add(o.FOCUSABLE),this.#t("close"),this.#s()):(this.#o("close"),this.container.classList.remove(o.FOCUSABLE)))}set clickable(t){let s=r(t);s?this.setAttribute(o.CLICKABLE,t.toString()):this.removeAttribute(o.CLICKABLE);let i=this.container||this;i&&(s?(this.#t("caret-right"),i.classList.add(o.FOCUSABLE),i.setAttribute(o.TABINDEX,"0"),this.#s()):(this.#o("caret-right"),i.removeAttribute(o.TABINDEX),i.classList.remove(o.FOCUSABLE)))}get clickable(){return r(this.getAttribute(o.CLICKABLE))}#e(){let t=this.querySelector('ids-icon[icon="close"]');t&&(this.offEvent("click",t),this.onEvent("click",t,()=>{this.disabled||this.dismiss()}));let s=!1;return this.offEvent("slotchange",this.shadowRoot?.querySelector("slot")),this.onEvent("slotchange",this.shadowRoot?.querySelector("slot"),()=>{this.dismissible&&!s&&this.lastElementChild?.nodeName!=="IDS-ICON"&&(s=!0,this.#o("close"),this.#t("close"),s=!1)}),this}#s(){return this.dismissible&&this.listen(["Delete","Backspace"],this,()=>{this.dismiss()}),this.clickable&&this.listen("Enter",this,()=>{this.click()}),this}dismiss(){if(!this.dismissible)return;let t=!0,s=i=>{t=!!i};this.triggerEvent("beforetagremove",this,{bubbles:!0,detail:{elem:this,response:s}}),t&&(this.triggerEvent("tagremove",this,{bubbles:!0,detail:{elem:this}}),this.remove(),this.triggerEvent("aftertagremove",this,{detail:{elem:this}}))}};e=a([d("ids-tag"),c(h)],e);export{e as a};
+}`;var g=l(b(n(u))),e=class extends g{constructor(){super()}connectedCallback(){super.connectedCallback(),this.#e(),this.#s(),this.#i(this.color||"")}static get attributes(){return[...super.attributes,o.COLOR,o.CLICKABLE,o.DISMISSIBLE,o.DISABLED]}template(){return'<span class="ids-tag" part="tag"><slot></slot></span>'}set color(t){t?this.setAttribute(o.COLOR,t):this.removeAttribute(o.COLOR),this.#i(t||""),this.#r()}get color(){return this.getAttribute(o.COLOR)}#i(t){this.container&&(this.container?.classList.remove("secondary","info","success","warning","error"),this.container.style.backgroundColor="",this.container.style.borderColor="",this.container.style.color="",t&&(t.substring(0,1)==="#"?(this.container.style.backgroundColor=t,this.container.style.borderColor=t):(this.container.classList.add(t),t!=="secondary"&&t!=="caution"&&this.container.classList.add("ids-white"))))}#t(t){this.querySelector(`[icon="${t}"]`)||(this.insertAdjacentHTML("beforeend",`<ids-icon part="icon" icon="${t}" size="xsmall" class="ids-icon"></ids-icon>`),this.#e())}#o(t){let s=this.querySelector(`[icon="${t}"]`);s&&s.remove()}set dismissible(t){r(t)?this.setAttribute(o.DISMISSIBLE,t.toString()):this.removeAttribute(o.DISMISSIBLE),this.#r()}get dismissible(){return r(this.getAttribute(o.DISMISSIBLE))}set disabled(t){r(t)?this.setAttribute(o.DISABLED,""):this.removeAttribute(o.DISABLED)}get disabled(){return this.hasAttribute("disabled")}#r(){this.container&&(this.dismissible?(this.container.classList.add(o.FOCUSABLE),this.#t("close"),this.#s()):(this.#o("close"),this.container.classList.remove(o.FOCUSABLE)))}set clickable(t){let s=r(t);s?this.setAttribute(o.CLICKABLE,t.toString()):this.removeAttribute(o.CLICKABLE);let i=this.container||this;i&&(s?(this.#t("caret-right"),i.classList.add(o.FOCUSABLE),i.setAttribute(o.TABINDEX,"0"),this.#s()):(this.#o("caret-right"),i.removeAttribute(o.TABINDEX),i.classList.remove(o.FOCUSABLE)))}get clickable(){return r(this.getAttribute(o.CLICKABLE))}#e(){let t=this.querySelector('ids-icon[icon="close"]');t&&(this.offEvent("click",t),this.onEvent("click",t,()=>{this.disabled||this.dismiss()}));let s=!1;return this.offEvent("slotchange",this.shadowRoot?.querySelector("slot")),this.onEvent("slotchange",this.shadowRoot?.querySelector("slot"),()=>{this.dismissible&&!s&&this.lastElementChild?.nodeName!=="IDS-ICON"&&(s=!0,this.#o("close"),this.#t("close"),s=!1)}),this}#s(){return this.dismissible&&this.listen(["Delete","Backspace"],this,()=>{this.dismiss()}),this.clickable&&this.listen("Enter",this,()=>{this.click()}),this}dismiss(){if(!this.dismissible)return;let t=!0,s=i=>{t=!!i};this.triggerEvent("beforetagremove",this,{bubbles:!0,detail:{elem:this,response:s}}),t&&(this.triggerEvent("tagremove",this,{bubbles:!0,detail:{elem:this}}),this.remove(),this.triggerEvent("aftertagremove",this,{detail:{elem:this}}))}};e=a([c("ids-tag"),d(h)],e);export{e as a};