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

package/chunks/ids-chunk-ZD4SMWXJ.js

@@ -0,0 +1,389 @@
+import{a as D}from"./ids-chunk-K2BBXXX5.js";import{a as _}from"./ids-chunk-NNYEUWVD.js";import{a as O}from"./ids-chunk-JUAZVJ6E.js";import{a as M}from"./ids-chunk-NP4FOCAS.js";import{a as N}from"./ids-chunk-BUJ7X7MF.js";import{a as C}from"./ids-chunk-PHQEFZRD.js";import{a as H}from"./ids-chunk-CT5U7IVV.js";import{a as S,b as R}from"./ids-chunk-XE4WFW5M.js";import{a as z}from"./ids-chunk-4WDX2CDM.js";import{s as m}from"./ids-chunk-U4XVR5SW.js";import{e as a}from"./ids-chunk-VEAPPKDG.js";import{a as e}from"./ids-chunk-NSM2KAOK.js";import{a as L,b as x,c as w,d as T,g as I}from"./ids-chunk-Y32WUP63.js";var $=`@charset "UTF-8";
+/**
+ * Css for clearable mixin
+ */
+.ids-input .ids-input-field .btn-clear,
+.ids-input .ids-textarea-field .btn-clear,
+.ids-textarea .ids-input-field .btn-clear,
+.ids-textarea .ids-textarea-field .btn-clear {
+  outline: 0;
+}
+.ids-input .ids-input-field .btn-clear.is-empty,
+.ids-input .ids-textarea-field .btn-clear.is-empty,
+.ids-textarea .ids-input-field .btn-clear.is-empty,
+.ids-textarea .ids-textarea-field .btn-clear.is-empty {
+  display: none;
+}
+.ids-input .ids-input-field .btn-clear [slot=icon],
+.ids-input .ids-textarea-field .btn-clear [slot=icon],
+.ids-textarea .ids-input-field .btn-clear [slot=icon],
+.ids-textarea .ids-textarea-field .btn-clear [slot=icon] {
+  margin-inline-start: 0;
+  color: inherit;
+}
+.ids-input.has-clearable .btn-clear,
+.ids-textarea.has-clearable .btn-clear {
+  margin-inline-end: 4px;
+}
+.ids-input.has-clearable .btn-clear.is-empty,
+.ids-textarea.has-clearable .btn-clear.is-empty {
+  display: initial;
+  visibility: hidden;
+  pointer-events: none;
+}
+
+.ids-trigger-field .ids-input-field.has-clearable {
+  padding-inline-end: 55px;
+}
+.ids-trigger-field .ids-input-field.has-clearable ~ .btn-clear {
+  margin-top: 0;
+  right: -8px;
+}
+
+.btn-clear[part=clearable-button] [slot=icon] {
+  padding: 2px;
+}
+
+.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-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;
+  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);
+}
+
+.ids-textarea {
+  display: block;
+  margin-bottom: var(--ids-space-70);
+  font-size: var(--ids-font-size-40);
+  font-family: var(--ids-font-family-default);
+}
+.ids-textarea .hidden {
+  display: none;
+}
+.ids-textarea .textarea-print {
+  display: none;
+  white-space: pre-line;
+}
+.ids-textarea .textarea-character-counter {
+  display: inline-block;
+  min-height: auto;
+  width: 362px;
+}
+.ids-textarea .textarea-character-counter.almost-empty {
+  color: var(--ids-textarea-character-count-color-text-warning);
+}
+.ids-textarea .field-container {
+  margin: var(--ids-space-none);
+  padding: var(--ids-space-none);
+  position: relative;
+  display: flex;
+}
+.ids-textarea:not(.resizable):not(.resizable-x) .field-container {
+  max-width: 362px;
+}
+.ids-textarea:not(.resizable):not(.resizable-x) .field-container.sm {
+  max-width: 150px;
+}
+.ids-textarea:not(.resizable):not(.resizable-x) .field-container.sm ~ .textarea-character-counter {
+  width: 150px;
+}
+.ids-textarea:not(.resizable):not(.resizable-x) .field-container.md {
+  max-width: 362px;
+}
+.ids-textarea:not(.resizable):not(.resizable-x) .field-container.md ~ .textarea-character-counter {
+  width: 362px;
+}
+.ids-textarea:not(.resizable):not(.resizable-x) .field-container.lg {
+  max-width: 400px;
+}
+.ids-textarea:not(.resizable):not(.resizable-x) .field-container.lg ~ .textarea-character-counter {
+  width: 400px;
+}
+.ids-textarea:not(.resizable):not(.resizable-x) .field-container.full {
+  max-width: 100%;
+}
+.ids-textarea:not(.resizable):not(.resizable-x) .field-container.full ~ .textarea-character-counter {
+  width: 100%;
+}
+.ids-textarea.resizable .ids-textarea-field, .ids-textarea.resizable-x .ids-textarea-field {
+  width: 362px;
+}
+.ids-textarea.resizable.sm .ids-textarea-field, .ids-textarea.resizable-x.sm .ids-textarea-field {
+  width: 150px;
+}
+.ids-textarea.resizable.md .ids-textarea-field, .ids-textarea.resizable-x.md .ids-textarea-field {
+  width: 362px;
+}
+.ids-textarea.resizable.lg .ids-textarea-field, .ids-textarea.resizable-x.lg .ids-textarea-field {
+  width: 400px;
+}
+.ids-textarea.resizable.full .ids-textarea-field, .ids-textarea.resizable-x.full .ids-textarea-field {
+  width: 100%;
+}
+.ids-textarea:not(.resizable):not(.resizable-y) .ids-textarea-field {
+  min-height: 120px;
+}
+.ids-textarea.resizable .ids-textarea-field, .ids-textarea.resizable-y .ids-textarea-field {
+  height: 120px;
+}
+.ids-textarea:not([class*=resizable]) .ids-textarea-field {
+  resize: none;
+}
+.ids-textarea.resizable-x .ids-textarea-field {
+  resize: horizontal;
+}
+.ids-textarea.resizable-y .ids-textarea-field {
+  resize: vertical;
+}
+.ids-textarea.resizable .ids-textarea-field {
+  resize: both;
+}
+.ids-textarea .ids-textarea-field {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  background-color: var(--ids-textarea-color-background-default);
+  border: 1px solid;
+  border-color: var(--ids-textarea-color-border-default);
+  color: var(--ids-textarea-color-text-default);
+  box-sizing: border-box;
+  margin-bottom: var(--ids-space-30);
+  padding: var(--ids-space-50);
+  font-size: var(--ids-font-size-40);
+  appearance: none;
+  font-family: var(--ids-font-family-default);
+  border-collapse: separate;
+  border-radius: var(--ids-border-radius-01);
+  display: inline-block;
+  text-align: left;
+  width: 100%;
+}
+.ids-textarea .ids-textarea-field[readonly] {
+  background-color: var(--ids-textarea-color-background-readonly);
+  border-color: var(--ids-textarea-color-border-readonly);
+  color: var(--ids-textarea-color-text-readonly);
+}
+.ids-textarea .ids-textarea-field[disabled] {
+  background-color: var(--ids-textarea-color-background-disabled);
+  border-color: var(--ids-textarea-color-border-disabled);
+  color: var(--ids-textarea-color-text-disabled);
+}
+.ids-textarea .ids-textarea-field:not([disabled]):not([readonly]):not(:focus):hover {
+  border-color: var(--ids-textarea-color-border-hover);
+}
+.ids-textarea .ids-textarea-field:focus {
+  border-color: var(--ids-textarea-color-border-focus);
+  box-shadow: var(--ids-textarea-shadow-focus);
+  outline: none;
+  outline-color: transparent;
+}
+.ids-textarea .ids-textarea-field[readonly] ~ .textarea-character-counter, .ids-textarea .ids-textarea-field[disabled] ~ .textarea-character-counter {
+  display: none;
+}
+.ids-textarea .ids-textarea-field[rows] {
+  height: auto;
+}
+.ids-textarea .ids-textarea-field.bg-transparent {
+  background-color: transparent;
+}
+.ids-textarea .ids-textarea-field.bg-transparent:focus {
+  border-color: var(--ids-textarea-color-border-focus);
+}
+.ids-textarea .ids-textarea-field.text-ellipsis {
+  text-overflow: ellipsis;
+}
+.ids-textarea .ids-textarea-field.left {
+  text-align: start;
+}
+.ids-textarea .ids-textarea-field.center {
+  text-align: center;
+}
+.ids-textarea .ids-textarea-field.right {
+  text-align: end;
+}
+.ids-textarea .ids-textarea-field.alert, .ids-textarea .ids-textarea-field.alert:hover {
+  border-color: var(--ids-textarea-alert-color-border-default);
+  color: var(--ids-textarea-alert-color-text-default);
+}
+.ids-textarea .ids-textarea-field.alert:focus, .ids-textarea .ids-textarea-field.alert:hover:focus {
+  border-color: var(--ids-textarea-alert-color-border-alert-focus);
+  box-shadow: var(--ids-textarea-shadow-alert-focus);
+}
+.ids-textarea .ids-textarea-field.alert[disabled], .ids-textarea .ids-textarea-field.alert:hover[disabled] {
+  border-color: var(--ids-textarea-alert-color-border-disabled);
+  color: var(--ids-textarea-alert-color-text-disabled);
+}
+.ids-textarea .ids-textarea-field.error, .ids-textarea .ids-textarea-field.error:hover {
+  border-color: var(--ids-textarea-color-border-error-default);
+  color: var(--ids-textarea-color-text-error);
+}
+.ids-textarea .ids-textarea-field.error:focus, .ids-textarea .ids-textarea-field.error:hover:focus {
+  border-color: var(--ids-textarea-color-border-error-focus);
+  box-shadow: var(--ids-textarea-shadow-error-focus);
+}
+.ids-textarea .ids-textarea-field.error[disabled], .ids-textarea .ids-textarea-field.error:hover[disabled] {
+  border-color: var(--ids-textarea-color-border-error-disabled);
+  color: var(--ids-textarea-color-text-error-disabled);
+}
+.ids-textarea .ids-textarea-field.info, .ids-textarea .ids-textarea-field.info:hover {
+  border-color: var(--ids-textarea-color-border-info-default);
+  color: var(--ids-textarea-color-text-info-default);
+}
+.ids-textarea .ids-textarea-field.info:focus, .ids-textarea .ids-textarea-field.info:hover:focus {
+  border-color: var(--ids-textarea-color-border-info-focus);
+  box-shadow: rgba(0, 102, 212, 0.3) 0 0 3px 2px;
+}
+.ids-textarea .ids-textarea-field.info[disabled], .ids-textarea .ids-textarea-field.info:hover[disabled] {
+  border-color: var(--ids-textarea-color-border-info-disabled);
+  color: var(--ids-textarea-color-text-info-disabled);
+}
+.ids-textarea .ids-textarea-field.success, .ids-textarea .ids-textarea-field.success:hover {
+  border-color: var(--ids-textarea-color-border-success-default);
+  color: var(--ids-textarea-color-text-success-default);
+}
+.ids-textarea .ids-textarea-field.success:focus, .ids-textarea .ids-textarea-field.success:hover:focus {
+  border-color: var(--ids-textarea-color-border-success-focus);
+  box-shadow: var(--ids-textarea-shadow-success-focus);
+}
+.ids-textarea .ids-textarea-field.success[disabled], .ids-textarea .ids-textarea-field.success:hover[disabled] {
+  border-color: var(--ids-textarea-color-border-success-disabled);
+  color: var(--ids-textarea-color-text-success-disabled);
+}
+.ids-textarea .ids-textarea-field ~ .btn-clear {
+  margin-top: var(--ids-space-30);
+  position: absolute;
+  right: 0;
+}
+.ids-textarea .error .ids-textarea-field {
+  border-color: var(--ids-textarea-color-border-error-default);
+}
+.ids-textarea .validation-message {
+  margin-top: var(--ids-space-30);
+}
+.ids-textarea.disabled .label-text {
+  color: var(--ids-textarea-label-color-text-disabled);
+}
+.ids-textarea.disabled .label-text.required::after {
+  color: var(--ids-textarea-label-color-text-disabled);
+}
+
+.ids-label-text {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  color: var(--ids-textarea-label-color-text-default);
+  margin-bottom: var(--ids-space-40);
+  align-items: baseline;
+  font-family: var(--ids-font-family-default);
+  display: flex;
+}
+.ids-label-text.empty::before {
+  content: "\xA0";
+}
+.ids-label-text.required::after {
+  position: relative;
+  padding-inline: var(--ids-space-20);
+  font-size: var(--ids-font-size-50);
+  content: "*";
+  color: var(--ids-input-required-indicator-color-text-default);
+  font-family: var(--ids-font-family-default);
+  margin-top: -10px;
+  top: 1px;
+}
+.ids-label-text.required.no-required-indicator::after, .ids-label-text.required.empty::after {
+  content: "";
+}
+
+.label-state-collapsed .ids-label-text.empty {
+  margin: var(--ids-space-none);
+  visibility: hidden;
+  height: 0;
+}
+
+@media print {
+  .ids-textarea .textarea-character-counter,
+  .ids-textarea .ids-textarea-field {
+    display: none;
+  }
+  .textarea-print {
+    display: inline-block;
+    height: auto;
+    width: auto;
+  }
+}`;var P=D(C(M(N(_(O(H(z))))))),v="ids-textarea-id",b={default:"md",sm:"sm",md:"md",lg:"lg",full:"full"},f={default:"left",left:"left",center:"center",right:"right"},A=(n,h,t,i)=>{t?(h.setAttribute(n,t.toString()),h.container?.classList.add(`has-${n}`),i&&i.style.setProperty(n,m(t))):(h.removeAttribute(n),h.container?.classList.remove(`has-${n}`),i&&i.style.removeProperty(n))},E,X,y,g=class extends P{constructor(){super();T(this,E);x(this,"autogrowProcessing",!1);x(this,"isSafari",!1);x(this,"isFormComponent",!0);x(this,"onLocaleChange",()=>{this.updateCounter()});T(this,y,void 0)}static get attributes(){return[...super.attributes,e.AUTOGROW,e.AUTOSELECT,e.CHAR_MAX_TEXT,e.CHAR_REMAINING_TEXT,e.CHARACTER_COUNTER,e.DISABLED,e.MAX_HEIGHT,e.MAX_WIDTH,e.MAXLENGTH,e.MIN_HEIGHT,e.MIN_WIDTH,e.PLACEHOLDER,e.PRINTABLE,e.SIZE,e.READONLY,e.RESIZABLE,e.ROWS,e.TEXT_ALIGN,e.VALUE]}connectedCallback(){super.connectedCallback(),this.setInitialConstraint(),I(this,E,X).call(this)}disconnectedCallback(){super.disconnectedCallback()}template(){let t=this.value||"",i=this.rows?` rows="${this.rows}"`:"",r=this.hasAttribute(e.LABEL_STATE)&&this.label?`aria-label="${this.label}"`:"",s=!this.label.length||this.labelState==="hidden"?" empty":"",o=this.labelRequired?"":" no-required-indicator",d=this.maxlength?` maxlength="${this.maxlength}"`:"",l=this.placeholder?` placeholder="${this.placeholder}"`:"",W=a(this.printable)||this.printable===null?`<span class="textarea-print">${t}</span>`:"",k=this.characterCounter&&this.maxlength?'<span class="textarea-character-counter"></span>':"",u=a(this.readonly)?" readonly":"";u=a(this.disabled)?" disabled":u;let p=`ids-textarea-field ${this.textAlign}`;return p+=a(this.resizable)?" resizable":"",p=` class="${p}"`,`
+      <div class="ids-textarea${u}">
+        ${W}
+        <slot class="hidden"></slot>
+        <label for="${v}" class="ids-label-text${o}${s}">
+          <ids-text part="label" label ${u} color-unset>${this.label}</ids-text>
+        </label>
+        <div class="field-container ${this.size}">
+          <textarea part="textarea" id="${v}"${p}${l}${u}${d}${i}${r} value="${t}"></textarea>
+        </div>
+        ${k}
+      </div>
+    `}get input(){return this.container?.querySelector("textarea")??null}get formInput(){return this.input}get fieldContainer(){return this.container?.querySelector(".field-container")||null}setTextareaState(t){if(t===e.READONLY||t===e.DISABLED){if(!this.shadowRoot)return;let i=[].slice.call(this.shadowRoot?.querySelectorAll(".validation-message")),r={prop1:t,prop2:t!==e.READONLY?e.READONLY:e.DISABLED,val:a(this[t])};r.val?(this.input?.removeAttribute(r.prop2),this.container?.classList.remove(r.prop2),this.container?.querySelector("ids-text")?.removeAttribute(r.prop2),i.forEach(s=>s.classList.remove(r.prop2)),this.input?.setAttribute(r.prop1,"true"),this.container?.classList.add(r.prop1),this.container?.querySelector("ids-text")?.setAttribute(r.prop1,"true"),i.forEach(s=>s.classList.add(r.prop1))):(this.input?.removeAttribute(r.prop1),this.container?.classList.remove(r.prop1),this.container?.querySelector("ids-text")?.removeAttribute(r.prop1),i.forEach(s=>s.classList.remove(r.prop1)))}}handleAutoselect(){this.autoselect?this.handleTextareaFocusEvent():this.handleTextareaFocusEvent("remove")}handleAutogrow(){this.input&&(this.autogrow?(this.input.style.overflowY="auto",this.maxWidth&&(this.input.style.overflowX="auto"),this.setAutogrow()):(this.input.style.overflowY="",this.input.style.overflowX="",this.resizable||(this.input.style.height="")))}setBrowser(){let t=navigator.userAgent||navigator.vendor||window.opera,i=r=>t.toLowerCase().indexOf(r)>-1;this.isSafari=i("safari")&&!i("chrome")&&!i("android")}getMaxValue(t){let i=parseInt(this.maxlength,10);return t&&i>0?t.substr(0,i):t}setLabelText(t){return super.setLabelText(t,`[for="${v}"]`)}setAutogrow(){this.autogrow&&!this.autogrowProcessing&&(this.autogrowProcessing=!0,this.constrainDimensions(),this.autogrowProcessing=!1)}setInitialConstraint(){this.minHeight=this.minHeight,this.maxHeight=this.maxHeight,this.minWidth=this.minWidth,this.maxWidth=this.maxWidth,this.constrainDimensions()}constrainDimensions(){let t=parseInt(this.minHeight,10)||0,i=this.input?.offsetHeight||0;this.adjustHeight(i,t)}adjustHeight(t,i,r=null){let s=r||this.input,o=s?.offsetHeight||0,d=s?.scrollHeight||0;if(d>o&&(o=d),s&&typeof o=="number"&&t!==o){let l=o;t>o&&(s.style.height="5px",l=s.scrollHeight);let c=i>0&&i<l;s.style.overflowY=c?"":"auto",s.style.height=`${l}px`}}handleCharacterCounter(){let t=this.shadowRoot?.querySelector(".textarea-character-counter");this.characterCounter&&this.maxlength?(t||(t=document.createElement("span"),t.className="textarea-character-counter",this.container?.appendChild(t)),this.updateCounter()):t?.remove()}handlePrintable(t){let i=this.shadowRoot?.querySelector(".textarea-print");a(this.printable)||t===null?i||(i=document.createElement("span"),i.className="textarea-print",i.textContent=this.value,this.container?.prepend(i)):i?.remove()}handleSlotchangeEvent(){let t=this.shadowRoot?.querySelector("slot");this.onEvent("slotchange",t,()=>{let i=t?.assignedNodes()[0].textContent;this.value=this.getMaxValue(i||"")})}handleTextareaFocusEvent(t=""){if(this.input){let i="focus";if(t==="remove"){let r=this.handledEvents?.get(i);r&&r.target===this.input&&this.offEvent(i,this.input)}else this.onEvent(i,this.input,()=>{setTimeout(()=>{this.input?.select()},1)})}}handleTextareaChangeEvent(){["change","input","propertychange"].forEach(i=>{this.onEvent(i,this.input,()=>{this.value=this.input?.value||""})})}handleNativeEvents(){return this.input&&["change","input","propertychange","focus","select"].forEach(i=>{this.onEvent(i,this.input,r=>{this.triggerEvent(`${r.type}.ids-textarea`,this,{detail:{elem:this,nativeEvent:r,value:this.value}})})}),this}updatePrintarea(){let t=this.shadowRoot?.querySelector(".textarea-print");t&&(t.textContent=this.value)}countLinebreaks(t){return(t.match(/\n/g)||[]).length}updateCounter(){let t=this.shadowRoot?.querySelector(".textarea-character-counter");if(t&&this.maxlength){let i=this.value||"",r=this.isSafari?this.countLinebreaks(i):0,s=i.length+r,o=parseInt(this.maxlength,10),d=o-s,l="almost-empty",c=this.charRemainingText.replace("{0}",d.toString());s>=o?(c=this.charMaxText.replace("{0}",o.toString()),t.textContent=c,t.classList.remove(l)):(t.textContent=c,d<10?t.classList.add(l):t.classList.remove(l))}}set autogrow(t){let i=a(t);i?this.setAttribute(e.AUTOGROW,i.toString()):this.removeAttribute(e.AUTOGROW),this.handleAutogrow()}get autogrow(){return a(this.getAttribute(e.AUTOGROW))}set maxHeight(t){A(e.MAX_HEIGHT,this,t,this.input),this.handleAutogrow()}get maxHeight(){return this.getAttribute(e.MAX_HEIGHT)}set maxWidth(t){A(e.MAX_WIDTH,this,t,this.input),this.fieldContainer&&(t?this.fieldContainer.style.setProperty(e.MAX_WIDTH,m(t)):this.fieldContainer.style.removeProperty(e.MAX_WIDTH))}get maxWidth(){return this.getAttribute(e.MAX_WIDTH)}set minHeight(t){A(e.MIN_HEIGHT,this,t,this.input),this.handleAutogrow()}get minHeight(){return this.getAttribute(e.MIN_HEIGHT)}set minWidth(t){A(e.MIN_WIDTH,this,t,this.input),this.fieldContainer&&(t?this.fieldContainer.style.setProperty(e.MIN_WIDTH,m(t)):this.fieldContainer.style.removeProperty(e.MIN_WIDTH))}get minWidth(){return this.getAttribute(e.MIN_WIDTH)}set autoselect(t){let i=a(t);i?this.setAttribute(e.AUTOSELECT,i.toString()):this.removeAttribute(e.AUTOSELECT),this.handleAutoselect()}get autoselect(){return a(this.getAttribute(e.AUTOSELECT))}set charMaxText(t){if(t){this.setAttribute(e.CHAR_MAX_TEXT,t.toString());return}this.removeAttribute(e.CHAR_MAX_TEXT)}get charMaxText(){return this.getAttribute(e.CHAR_MAX_TEXT)||this.localeAPI.translate("CharactersMax")}set charRemainingText(t){if(t){this.setAttribute(e.CHAR_REMAINING_TEXT,t.toString());return}this.removeAttribute(e.CHAR_REMAINING_TEXT)}get charRemainingText(){return this.getAttribute(e.CHAR_REMAINING_TEXT)||this.localeAPI.translate("CharactersLeft")}set characterCounter(t){let i=a(t);t==null?this.removeAttribute(e.CHARACTER_COUNTER):this.setAttribute(e.CHARACTER_COUNTER,i.toString()),this.handleCharacterCounter()}get characterCounter(){let t=this.getAttribute(e.CHARACTER_COUNTER);return t!==null?a(t):!0}set disabled(t){let i=a(t);i?this.setAttribute(e.DISABLED,i.toString()):this.removeAttribute(e.DISABLED),this.setTextareaState(e.DISABLED)}get disabled(){return a(this.getAttribute(e.DISABLED))}get labelEl(){return w(this,y)||this.shadowRoot?.querySelector(`[for="${v}"]`)||null}set maxlength(t){t?(this.setAttribute(e.MAXLENGTH,t.toString()),this.input?.setAttribute(e.MAXLENGTH,t.toString())):(this.removeAttribute(e.MAXLENGTH),this.input?.removeAttribute(e.MAXLENGTH)),this.handleCharacterCounter()}get maxlength(){return this.getAttribute(e.MAXLENGTH)}set placeholder(t){if(t){this.setAttribute(e.PLACEHOLDER,t.toString()),this.input?.setAttribute(e.PLACEHOLDER,t.toString());return}this.removeAttribute(e.PLACEHOLDER),this.input?.removeAttribute(e.PLACEHOLDER)}get placeholder(){return this.getAttribute(e.PLACEHOLDER)}set printable(t){let i=a(t);i?this.setAttribute(e.PRINTABLE,i.toString()):this.removeAttribute(e.PRINTABLE),this.handlePrintable(t)}get printable(){return this.getAttribute(e.PRINTABLE)}set readonly(t){let i=a(t);i?this.setAttribute(e.READONLY,i.toString()):this.removeAttribute(e.READONLY),this.setTextareaState(e.READONLY)}get readonly(){return a(this.getAttribute(e.READONLY))}set resizable(t){if(a(t)?this.setAttribute(e.RESIZABLE,t.toString()):this.removeAttribute(e.RESIZABLE),this.container?.classList.remove(e.RESIZABLE,`${e.RESIZABLE}-x`,`${e.RESIZABLE}-y`),t)switch(t.toString()){case"x":this.container?.classList.add(`${e.RESIZABLE}-x`);break;case"y":this.container?.classList.add(`${e.RESIZABLE}-y`);break;case"both":case"true":this.container?.classList.add(e.RESIZABLE);break;default:break}}get resizable(){return a(this.getAttribute(e.RESIZABLE))}set rows(t){t?(this.setAttribute(e.ROWS,t.toString()),this.input?.setAttribute(e.ROWS,t.toString())):(this.removeAttribute(e.ROWS),this.input?.removeAttribute(e.ROWS))}get rows(){return this.getAttribute(e.ROWS)}set size(t){let i=this.shadowRoot?.querySelector(".field-container"),r=b[t];this.setAttribute(e.SIZE,r||b.default),i?.classList.remove(...Object.values(b)),i?.classList.add(r||b.default)}get size(){return this.getAttribute(e.SIZE)||b.default}set textAlign(t){t==="start"?t="left":t==="end"&&(t="right");let i=f[t];this.setAttribute(e.TEXT_ALIGN,i||f.default),this.input?.classList.remove(...Object.values(f)),this.input?.classList.add(i||f.default)}get textAlign(){return this.getAttribute(e.TEXT_ALIGN)||f.default}set value(t){let i=t||"";super.value=i,this.input&&this.input.value!==i&&(this.input.value=this.getMaxValue(i),this.input.dispatchEvent(new Event("change",{bubbles:!0})),this.resetDirtyTracker()),this.updateCounter(),this.updatePrintarea(),this.setAutogrow()}get value(){return this.getAttribute(e.VALUE)||""}};E=new WeakSet,X=function(){this.setBrowser(),this.handleAutoselect(),this.handleAutogrow(),this.handleSlotchangeEvent(),this.handleNativeEvents(),this.handleTextareaChangeEvent()},y=new WeakMap,g=L([S("ids-textarea"),R($)],g);export{A as a,g as b};

package/chunks/{ids-chunk-QUNJ5NFB.js → ids-chunk-ZEWC2PMO.js}

@@ -1,5 +1,4 @@
-import{a as m}from"./ids-chunk-OUX67T2L.js";import{a}from"./ids-chunk-B6P5AQ2Z.js";import{a as p}from"./ids-chunk-E2WR233N.js";import{a as l}from"./ids-chunk-SNYFQ5ZT.js";import{a as r,b as u}from"./ids-chunk-XE4WFW5M.js";import{a as o}from"./ids-chunk-5PHNP5RO.js";import{e as d}from"./ids-chunk-TJKIW3GF.js";import{a as e}from"./ids-chunk-EHQM67XJ.js";import{a as n}from"./ids-chunk-U7OOVFXE.js";var h=`
-/* Ids Theme Switcher Css */
+import{a as h}from"./ids-chunk-PHQEFZRD.js";import{a as x}from"./ids-chunk-CT5U7IVV.js";import{a as g}from"./ids-chunk-EVENS4EI.js";import{a as m,b as a}from"./ids-chunk-XE4WFW5M.js";import{a as c}from"./ids-chunk-4WDX2CDM.js";import{a as p}from"./ids-chunk-MJGRLEUU.js";import{e as l}from"./ids-chunk-VEAPPKDG.js";import{a as e}from"./ids-chunk-NSM2KAOK.js";import{a as u,b as s,d,g as o}from"./ids-chunk-Y32WUP63.js";var E=`/* Ids Theme Switcher Css */
 :host {
   display: flex;
   flex-direction: row;
@@ -9,7 +8,7 @@ import{a as m}from"./ids-chunk-OUX67T2L.js";import{a}from"./ids-chunk-B6P5AQ2Z.j
 
 :host([hidden]) {
   display: none;
-}`;var x=m(p(a(l))),s=class extends x{popup;menuButton;constructor(){super()}connectedCallback(){super.connectedCallback(),this.popup=this.shadowRoot?.querySelector("ids-popup-menu"),this.menuButton=this.shadowRoot?.querySelector("ids-menu-button"),this.menuButton?.configureMenu?.(),this.#t()}disconnectedCallback(){this.popup=null,this.menuButton=null,this.container=null,super.disconnectedCallback()}#t(){this.onEvent("selected.themeswitcher",this.popup,t=>{let i=t.detail.elem.value;(i==="light"||i==="dark"||i==="contrast")&&(this.mode=i),i?.indexOf("-")>-1&&o.getLocale().setLocale(i)})}onLocaleChange=()=>{this.shadowRoot?.querySelectorAll("[translate-text]").forEach(t=>{t.localeAPI.language=this.localeAPI.language.name})};template(){return`<ids-menu-button id="ids-theme-switcher" menu="ids-theme-menu" color-variant="${this.colorVariant}" icon="more">
+}`;var f=h(g(x(c))),r,b,n=class extends f{constructor(){super();d(this,r);s(this,"popup");s(this,"menuButton");s(this,"onLocaleChange",()=>{this.shadowRoot?.querySelectorAll("[translate-text]").forEach(t=>{t.localeAPI.language=this.localeAPI.language.name})});s(this,"colorVariants",["alternate"])}connectedCallback(){super.connectedCallback(),this.popup=this.shadowRoot?.querySelector("ids-popup-menu"),this.menuButton=this.shadowRoot?.querySelector("ids-menu-button"),this.menuButton?.configureMenu?.(),o(this,r,b).call(this)}disconnectedCallback(){this.popup=null,this.menuButton=null,this.container=null,super.disconnectedCallback()}template(){return`<ids-menu-button id="ids-theme-switcher" menu="ids-theme-menu" color-variant="${this.colorVariant}" icon="more">
       <span class="audible">Theme Switcher</span>
     </ids-menu-button>
     <ids-popup-menu id="ids-theme-menu" target="#ids-theme-switcher" trigger-type="click">
@@ -47,9 +46,9 @@ import{a as m}from"./ids-chunk-OUX67T2L.js";import{a}from"./ids-chunk-B6P5AQ2Z.j
               <ids-text translate-text="true">Ukrainian</ids-text>
               <ids-text>(uk-UA)</ids-text>
             </ids-menu-item>
-            <ids-menu-item value="bg-BG">
-              <ids-text translate-text="true">Bulgarian</ids-text>
-              <ids-text>(bg-BG)</ids-text>
+            <ids-menu-item value="es-ES">
+              <ids-text translate-text="true">Spanish</ids-text>
+              <ids-text>(es-ES)</ids-text>
             </ids-menu-item>
             <ids-menu-item value="he-IL">
               <ids-text translate-text="true">Hebrew</ids-text>
@@ -70,4 +69,4 @@ import{a as m}from"./ids-chunk-OUX67T2L.js";import{a}from"./ids-chunk-B6P5AQ2Z.j
           </ids-menu-group>
         </ids-popup-menu>
       </ids-menu-item>
-    </ids-menu-group>`}static get attributes(){return[...super.attributes,e.LANGUAGE,e.MODE,e.SELF_MANAGED,e.THEME]}colorVariants=["alternate"];set mode(t){if(t){this.theme=`default-${t}`,this.triggerEvent("modechanged",this,{detail:{elem:this,mode:t},bubbles:!0,composed:!0}),this.setAttribute(e.MODE,t);return}this.removeAttribute(e.MODE)}get mode(){return this.getAttribute(e.MODE)||"light"}set selfManaged(t){if(t){this.setAttribute(e.SELF_MANAGED,String(t));return}this.removeAttribute(e.SELF_MANAGED)}get selfManaged(){return d(this.getAttribute(e.SELF_MANAGED))||!1}set theme(t){if(t){this.setAttribute(e.THEME,t),this.loadTheme(t),this.triggerEvent("themechanged",this,{detail:{elem:this,mode:t},bubbles:!0,composed:!0});return}this.removeAttribute(e.THEME)}get theme(){return this.getAttribute(e.THEME)||"default-light"}onColorVariantRefresh(){this.container?.setAttribute(e.COLOR_VARIANT,this.colorVariant)}};s=n([r("ids-theme-switcher"),u(h)],s);export{s as a};
+    </ids-menu-group>`}static get attributes(){return[...super.attributes,e.LANGUAGE,e.MODE,e.SELF_MANAGED,e.THEME]}set mode(t){if(t){this.theme=`default-${t}`,this.triggerEvent("modechanged",this,{detail:{elem:this,mode:t},bubbles:!0,composed:!0}),this.setAttribute(e.MODE,t);return}this.removeAttribute(e.MODE)}get mode(){return this.getAttribute(e.MODE)||"light"}set selfManaged(t){if(t){this.setAttribute(e.SELF_MANAGED,String(t));return}this.removeAttribute(e.SELF_MANAGED)}get selfManaged(){return l(this.getAttribute(e.SELF_MANAGED))||!1}set theme(t){if(t){this.setAttribute(e.THEME,t),this.loadTheme(t),this.triggerEvent("themechanged",this,{detail:{elem:this,mode:t},bubbles:!0,composed:!0});return}this.removeAttribute(e.THEME)}get theme(){return this.getAttribute(e.THEME)||"default-light"}onColorVariantRefresh(){this.container?.setAttribute(e.COLOR_VARIANT,this.colorVariant)}};r=new WeakSet,b=function(){this.onEvent("selected.themeswitcher",this.popup,t=>{let i=t.detail.elem.value;(i==="light"||i==="dark"||i==="contrast")&&(this.mode=i),i?.indexOf("-")>-1&&p.getLocale().setLocale(i)})},n=u([m("ids-theme-switcher"),a(E)],n);export{n as a};