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

package/chunks/ids-chunk-376GR7ZZ.js

@@ -1,382 +0,0 @@
-import{a as R}from"./ids-chunk-J377KX6R.js";import{a as y}from"./ids-chunk-QCRLDB3I.js";import{a as L}from"./ids-chunk-542APW5J.js";import{a as T}from"./ids-chunk-7OME6RME.js";import{a as m}from"./ids-chunk-AZSONAF7.js";import{a as A}from"./ids-chunk-B6P5AQ2Z.js";import{a as p,b as v}from"./ids-chunk-XE4WFW5M.js";import{a as E}from"./ids-chunk-7JIYCFAW.js";import{e as a}from"./ids-chunk-TJKIW3GF.js";import{a as e}from"./ids-chunk-HABPILOR.js";import{a as f}from"./ids-chunk-U7OOVFXE.js";var w=`
-@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-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;
-  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;
-  max-width: 362px;
-}
-.ids-textarea .field-container.sm {
-  max-width: 150px;
-}
-.ids-textarea .field-container.sm ~ .textarea-character-counter {
-  width: 150px;
-}
-.ids-textarea .field-container.md {
-  max-width: 362px;
-}
-.ids-textarea .field-container.md ~ .textarea-character-counter {
-  width: 362px;
-}
-.ids-textarea .field-container.lg {
-  max-width: 400px;
-}
-.ids-textarea .field-container.lg ~ .textarea-character-counter {
-  width: 400px;
-}
-.ids-textarea .field-container.full {
-  max-width: 100%;
-}
-.ids-textarea .field-container.full ~ .textarea-character-counter {
-  width: 100%;
-}
-.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;
-  min-height: 120px;
-  resize: none;
-  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.resizable {
-  resize: vertical;
-}
-.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 I=T(m(y(L(R(A(E)))))),g="ids-textarea-id",c={default:"md",sm:"sm",md:"md",lg:"lg",full:"full"},h={default:"left",left:"left",center:"center",right:"right"},S="Character count maximum of",M="Characters left {0}",u=class extends I{constructor(){super()}autogrowProcessing=!1;isSafari=!1;isFormComponent=!0;static get attributes(){return[...super.attributes,e.AUTOGROW,e.AUTOGROW_MAX_HEIGHT,e.AUTOSELECT,e.CHAR_MAX_TEXT,e.CHAR_REMAINING_TEXT,e.CHARACTER_COUNTER,e.DISABLED,e.MAXLENGTH,e.PLACEHOLDER,e.PRINTABLE,e.SIZE,e.READONLY,e.RESIZABLE,e.ROWS,e.TEXT_ALIGN,e.VALUE]}connectedCallback(){super.connectedCallback(),this.#t()}template(){let t=this.value||"",r=this.rows?` rows="${this.rows}"`:"",i=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",l=this.maxlength?` maxlength="${this.maxlength}"`:"",n=this.placeholder?` placeholder="${this.placeholder}"`:"",C=a(this.printable)||this.printable===null?`<span class="textarea-print">${t}</span>`:"",H=this.characterCounter&&this.maxlength?'<span class="textarea-character-counter"></span>':"",d=a(this.readonly)?" readonly":"";d=a(this.disabled)?" disabled":d;let b=`ids-textarea-field ${this.textAlign}`;return b+=a(this.resizable)?" resizable":"",b=` class="${b}"`,`
-      <div class="ids-textarea${d}">
-        ${C}
-        <slot class="hidden"></slot>
-        <label for="${g}" class="ids-label-text${o}${s}">
-          <ids-text part="label" label ${d} color-unset>${this.label}</ids-text>
-        </label>
-        <div class="field-container ${this.size}">
-          <textarea part="textarea" id="${g}"${b}${n}${d}${l}${r}${i} value="${t}"></textarea>
-        </div>
-        ${H}
-      </div>
-    `}get input(){return this.container?.querySelector("textarea")||null}get fieldContainer(){return this.container?.querySelector(".field-container")||null}setTextareaState(t){if(t===e.READONLY||t===e.DISABLED){if(!this.shadowRoot)return;let r=[].slice.call(this.shadowRoot?.querySelectorAll(".validation-message")),i={prop1:t,prop2:t!==e.READONLY?e.READONLY:e.DISABLED,val:a(this[t])};i.val?(this.input?.removeAttribute(i.prop2),this.container?.classList.remove(i.prop2),this.container?.querySelector("ids-text")?.removeAttribute(i.prop2),r.forEach(s=>s.classList.remove(i.prop2)),this.input?.setAttribute(i.prop1,"true"),this.container?.classList.add(i.prop1),this.container?.querySelector("ids-text")?.setAttribute(i.prop1,"true"),r.forEach(s=>s.classList.add(i.prop1))):(this.input?.removeAttribute(i.prop1),this.container?.classList.remove(i.prop1),this.container?.querySelector("ids-text")?.removeAttribute(i.prop1),r.forEach(s=>s.classList.remove(i.prop1)))}}handleAutoselect(){this.autoselect?this.handleTextareaFocusEvent():this.handleTextareaFocusEvent("remove")}handleAutogrow(){this.input&&(this.autogrow?(this.autogrowMaxHeight&&(this.input.style.maxHeight=`${this.autogrowMaxHeight}px`),this.input.style.overflow="hidden",this.setAutogrow()):(this.input.style.overflow="",this.input.style.maxHeight="",this.input.style.height=""))}setBrowser(){let t=navigator.userAgent||navigator.vendor||window.opera,r=i=>t.toLowerCase().indexOf(i)>-1;this.isSafari=r("safari")&&!r("chrome")&&!r("android")}getMaxValue(t){let r=parseInt(this.maxlength,10);return t&&r>0?t.substr(0,r):t}setLabelText(t){return super.setLabelText(t,`[for="${g}"]`)}setAutogrow(){if(this.autogrow&&!this.autogrowProcessing){this.autogrowProcessing=!0;let t=parseInt(this.autogrowMaxHeight,10)||0,r=this.input?.offsetHeight||0;this.adjustHeight(r,t),this.autogrowProcessing=!1}}adjustHeight(t,r,i=null){let s=i||this.input,o=s?.scrollHeight;if(s&&typeof o=="number"&&t!==o){let l=o;t>o&&(s.style.height="5px",l=s.scrollHeight);let n=r>0&&r<l;s.style.overflow=n?"":"hidden",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 r=this.shadowRoot?.querySelector(".textarea-print");a(this.printable)||t===null?r||(r=document.createElement("span"),r.className="textarea-print",r.textContent=this.value,this.container?.prepend(r)):r?.remove()}handleSlotchangeEvent(){let t=this.shadowRoot?.querySelector("slot");this.onEvent("slotchange",t,()=>{let r=t?.assignedNodes()[0].textContent;this.value=this.getMaxValue(r||"")})}handleTextareaFocusEvent(t=""){if(this.input){let r="focus";if(t==="remove"){let i=this.handledEvents?.get(r);i&&i.target===this.input&&this.offEvent(r,this.input)}else this.onEvent(r,this.input,()=>{setTimeout(()=>{this.input?.select()},1)})}}handleTextareaChangeEvent(){["change","input","propertychange"].forEach(r=>{this.onEvent(r,this.input,()=>{this.value=this.input?.value||""})})}handleNativeEvents(){return this.input&&["change","input","propertychange","focus","select"].forEach(r=>{this.onEvent(r,this.input,i=>{this.triggerEvent(i.type,this,{detail:{elem:this,nativeEvent:i,value:this.value}})})}),this}#t(){this.setBrowser(),this.handleAutoselect(),this.handleAutogrow(),this.handleSlotchangeEvent(),this.handleNativeEvents(),this.handleTextareaChangeEvent()}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 r=this.value||"",i=this.isSafari?this.countLinebreaks(r):0,s=r.length+i,o=parseInt(this.maxlength,10),l=o-s,n="almost-empty",x=this.charRemainingText.replace("{0}",l.toString());s>=o?(x=this.charMaxText===S?`${this.charMaxText} ${o}`:this.charMaxText.replace("{0}",o.toString()),t.textContent=x,t.classList.remove(n)):(t.textContent=x,l<10?t.classList.add(n):t.classList.remove(n))}}set autogrow(t){let r=a(t);r?this.setAttribute(e.AUTOGROW,r.toString()):this.removeAttribute(e.AUTOGROW),this.handleAutogrow()}get autogrow(){return a(this.getAttribute(e.AUTOGROW))}set autogrowMaxHeight(t){t?this.setAttribute(e.AUTOGROW_MAX_HEIGHT,t.toString()):this.removeAttribute(e.AUTOGROW_MAX_HEIGHT),this.handleAutogrow()}get autogrowMaxHeight(){return this.getAttribute(e.AUTOGROW_MAX_HEIGHT)}set autoselect(t){let r=a(t);r?this.setAttribute(e.AUTOSELECT,r.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)||S}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)||M}set characterCounter(t){let r=a(t);r?this.setAttribute(e.CHARACTER_COUNTER,r.toString()):this.removeAttribute(e.CHARACTER_COUNTER),this.handleCharacterCounter()}get characterCounter(){let t=this.getAttribute(e.CHARACTER_COUNTER);return t!==null?a(t):!0}set disabled(t){let r=a(t);r?this.setAttribute(e.DISABLED,r.toString()):this.removeAttribute(e.DISABLED),this.setTextareaState(e.DISABLED)}get disabled(){return a(this.getAttribute(e.DISABLED))}#e;get labelEl(){return this.#e||this.shadowRoot?.querySelector(`[for="${g}"]`)||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 r=a(t);r?this.setAttribute(e.PRINTABLE,r.toString()):this.removeAttribute(e.PRINTABLE),this.handlePrintable(t)}get printable(){return this.getAttribute(e.PRINTABLE)}set readonly(t){let r=a(t);r?this.setAttribute(e.READONLY,r.toString()):this.removeAttribute(e.READONLY),this.setTextareaState(e.READONLY)}get readonly(){return a(this.getAttribute(e.READONLY))}set resizable(t){let r=a(t);r?(this.setAttribute(e.RESIZABLE,r.toString()),this.input?.classList.add(e.RESIZABLE)):(this.removeAttribute(e.RESIZABLE),this.input?.classList.remove(e.RESIZABLE))}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 r=this.shadowRoot?.querySelector(".field-container"),i=c[t];this.setAttribute(e.SIZE,i||c.default),r?.classList.remove(...Object.values(c)),r?.classList.add(i||c.default)}get size(){return this.getAttribute(e.SIZE)||c.default}set textAlign(t){t==="start"?t="left":t==="end"&&(t="right");let r=h[t];this.setAttribute(e.TEXT_ALIGN,r||h.default),this.input?.classList.remove(...Object.values(h)),this.input?.classList.add(r||h.default)}get textAlign(){return this.getAttribute(e.TEXT_ALIGN)||h.default}set value(t){let r=t||"";this.setAttribute(e.VALUE,r),this.input&&this.input.value!==r&&(this.input.value=this.getMaxValue(r),this.input.dispatchEvent(new Event("change",{bubbles:!0})),this.resetDirtyTracker()),this.updateCounter(),this.updatePrintarea(),this.setAutogrow()}get value(){return this.getAttribute(e.VALUE)||""}};u=f([p("ids-textarea"),v(w)],u);export{u as a};

package/chunks/ids-chunk-4E5OGUOL.js

@@ -1,140 +0,0 @@
-import{a as u}from"./ids-chunk-LFP4BXTN.js";import{d as p}from"./ids-chunk-ODGLGMPF.js";import{a as m}from"./ids-chunk-T6ZV4PDM.js";import{a as l,b as h}from"./ids-chunk-XE4WFW5M.js";import{a as c}from"./ids-chunk-U7OOVFXE.js";var f=`
-:host {
-  display: block;
-  position: fixed;
-  transition: box-shadow var(--ids-motion-duration) var(--ids-motion-ease), transform var(--ids-motion-duration) var(--ids-motion-ease);
-}
-
-:host([edge=bottom]) {
-  bottom: 0;
-  left: 0;
-  right: 0;
-  transform: translateY(100%);
-}
-
-:host([edge=bottom][visible]) {
-  transform: translateY(0);
-}
-
-:host([edge=start]:not([dir])) {
-  bottom: 0;
-  left: 0;
-  top: 0;
-  transform: translateX(-100%);
-}
-
-:host([edge=start][visible]) {
-  transform: translateX(0);
-}
-
-:host([dir=rtl][edge=start]) {
-  bottom: 0;
-  right: 0;
-  top: 0;
-  transform: translateX(100%);
-}
-
-:host([dir=rtl][edge=start][visible]) {
-  transform: translateX(0);
-}
-
-.ids-drawer {
-  height: 100%;
-  width: 100%;
-}
-.ids-drawer.type-action-sheet {
-  background-color: var(--ids-drawer-action-sheet-color-background);
-  box-shadow: var(--ids-drawer-action-sheet-shadow);
-  color: var(--ids-drawer-action-sheet-color-text);
-  padding: var(--ids-space-50);
-  margin: 0 auto;
-  max-height: 70vh;
-  max-width: 480px;
-  min-height: 150px;
-  border-top-left-radius: 15px;
-  border-top-right-radius: 15px;
-}
-.ids-drawer.type-app-menu {
-  background-color: var(--ids-drawer-app-menu-color-background);
-  color: var(--ids-drawer-app-menu-color-text);
-  min-width: var(--ids-drawer-width);
-  width: var(--ids-drawer-width);
-}
-.ids-drawer.type-app-menu ::slotted(ids-text) {
-  color: inherit;
-}
-.ids-drawer.type-app-menu.visible {
-  box-shadow: var(--ids-drawer-app-menu-shadow);
-}
-@media (min-width: 840px) {
-  .ids-drawer.type-app-menu.visible {
-    box-shadow: none;
-  }
-}
-
-.ids-app-menu {
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  align-items: stretch;
-}
-
-.ids-app-menu-branding,
-.ids-app-menu-footer,
-.ids-app-menu-header,
-.ids-app-menu-search,
-.ids-app-menu-user {
-  flex-grow: 0;
-}
-
-.ids-app-menu-content {
-  overflow: auto;
-  flex-grow: 1;
-}
-
-.ids-app-menu-user {
-  padding: var(--ids-space-80);
-}
-
-.ids-app-menu-search {
-  padding: var(--ids-space-40);
-}
-
-::slotted(ids-icon[slot=avatar]) {
-  padding: var(--ids-space-40);
-}
-
-::slotted(img[slot=avatar]) {
-  border-radius: var(--ids-border-radius-circle);
-  height: 40px;
-  width: 40px;
-}
-
-::slotted(ids-toolbar) {
-  padding-inline: var(--ids-space-40);
-  margin-block-end: var(--ids-space-40);
-}
-
-.ids-app-menu-branding ::slotted(ids-icon[icon=logo]) {
-  padding: var(--ids-space-40);
-}`;var v="app-menu",o="app-menu-is-open",b=m(u),a=class extends b{globalKeydownListener;constructor(){super()}#e;connectedCallback(){super.connectedCallback(),this.edge="start",this.type="app-menu",this.#o(),this.#i(),this.#s(),this.#r()}disconnectedCallback(){super.disconnectedCallback?.(),this.#t(),this.#a()}static get attributes(){return[...super.attributes]}template(){return`<div class="ids-drawer ids-app-menu type-app-menu">
-      <div class="ids-app-menu-user">
-        <slot name="avatar"></slot>
-        <slot name="username"></slot>
-      </div>
-      <div class="ids-app-menu-header">
-        <slot name="header"></slot>
-      </div>
-      <div class="ids-app-menu-search">
-        <slot name="search"></slot>
-      </div>
-      <div class="ids-app-menu-content">
-        <slot></slot>
-      </div>
-      <div class="ids-app-menu-footer">
-        <slot name="footer"></slot>
-      </div>
-      <div class="ids-app-menu-branding">
-        <slot name="icon"></slot>
-      </div>
-    </div>`}get accordion(){return this.querySelector("ids-accordion:not([slot])")}isFiltered=!1;#i(){[...this.querySelectorAll("ids-accordion")].forEach(r=>{r.colorVariant="app-menu"}),[...this.querySelectorAll("ids-button")].forEach(r=>{r.colorVariant="alternate"})}#r(){this.#t(),this.onEvent("show.app-menu-show",this,()=>{this.#e?.classList.add(o)}),this.onEvent("hide.app-menu-hide",this,()=>{this.#e?.classList.remove(o)})}#t(){this.offEvent("show.app-menu-show"),this.offEvent("hide.app-menu-hide")}#s(){this.#e=p(this,"ids-container"),this.#e?.classList.add(v)}#a(){this.#e?.classList.remove(v,o),this.#e=null}#o(){let t=this.querySelector('ids-search-field[slot="search"]');t&&(t.onSearch=e=>e!==""?this.filterAccordion(e):(this.clearFilterAccordion(),[]),this.offEvent("cleared.search"),this.onEvent("cleared.search",t,()=>this.clearFilterAccordion()))}onOutsideClick(){window.innerWidth<840&&this.hide()}filterAccordion=(t="")=>{if(!this.accordion)return[];let e=[...this.accordion.querySelectorAll("ids-accordion-panel")];if(!e.length)return[];this.clearFilterAccordion();let r=new RegExp(t,"gi"),d=s=>{if(s.hasParentPanel){let i=s.parentElement,n=i.header;i.expanded||(i.expanded=!0),n.childFilterMatch=!0,d(i)}};return e.filter(s=>{let i=s.header;if(i.textContent.trim().match(r))return i.hiddenByFilter&&(i.hiddenByFilter=!1),d(s),this.isFiltered=!0,i;i.hiddenByFilter||(i.hiddenByFilter=!0)})};clearFilterAccordion(){[...this.accordion?.querySelectorAll("ids-accordion-header[hidden-by-filter]")??[]].map(e=>(e.hiddenByFilter=!1,e)),this.#d(),this.isFiltered=!1}#d(){[...this.accordion?.querySelectorAll("[child-filter-match]")??[]].map(e=>(e.childFilterMatch=!1,e))}addOpenEvents(){super.addOpenEvents(),this.globalKeydownListener=t=>{t.key==="Escape"&&(t.stopImmediatePropagation(),this.hide())},document.addEventListener("keydown",this.globalKeydownListener)}removeOpenEvents(){super.removeOpenEvents(),this.globalKeydownListener&&document.removeEventListener("keydown",this.globalKeydownListener)}};a=c([l("ids-app-menu"),h(f)],a);export{a};

package/chunks/ids-chunk-4VTYAZQ5.js

@@ -1 +0,0 @@
-import{a as o}from"./ids-chunk-HABPILOR.js";var r=[o.ALLOW_BLANK,o.CLEARABLE,o.CLEARABLE_TEXT,o.DISABLED,o.GROUP,o.GROUP_LABEL,o.LIST,o.NO_MARGINS,o.PLACEHOLDER,o.READONLY,o.SHOW_LOADING_INDICATOR,o.SIZE,o.TYPEAHEAD,o.VALUE];export{r as a};

package/chunks/ids-chunk-542APW5J.js

@@ -1 +0,0 @@
-import{b as A}from"./ids-chunk-M7IB5XSG.js";import{j as v}from"./ids-chunk-EJFTSZLS.js";import{a as o}from"./ids-chunk-HABPILOR.js";var p=f=>class extends f{isTypeNotValid;constructor(...t){super(...t)}connectedCallback(){super.connectedCallback?.(),this.handleValidation()}static get attributes(){return[...f.attributes,o.VALIDATE,o.VALIDATION_EVENTS,o.VALIDATION_ICON,o.VALIDATION_ID,o.VALIDATION_MESSAGE,o.VALIDATION_TYPE]}useRules=new Map;validationEventsList=[];VALIDATION_DEFAULT_ICON="user-profile";VALIDATION_ICONS={alert:"alert",error:"error",info:"info",success:"success"};handleValidation(){let t=this,e=t.input?.classList.contains("ids-radio-group"),i=!e||!!(e&&this.querySelector("ids-radio"));if(t.labelEl&&typeof this.validate=="string"&&i){let a=this.validationEvents&&typeof this.validationEvents=="string"?this.validationEvents:"change.validationmixin blur.validationmixin";this.validationEventsList=[...new Set(a.split(" "))];let r=n=>({id:n,rule:this.rules[n]}),s=!1;this.validate.split(" ").forEach(n=>{if(!r(n).rule)return;n==="required"&&(t.labelEl?.classList.add("required"),t.input?.setAttribute("aria-required",!0),e&&[].slice.call(this.querySelectorAll("ids-radio")).forEach(c=>c.input.setAttribute("required","required")),this.validationElems?.editor?.setAttribute("aria-required",!0)),(u=>{let c=this.useRules.get(u);if(c){if(!c.some(g=>g.id===n)){let g=[...c,r(n)];this.useRules.set(u,g),s=!0}}else this.useRules.set(u,[r(n)]),s=!0})(t.input)}),s&&this.handleValidationEvents();let l=this.validate?.split(" "),d=this.useRules.get(t.input);if(t.input&&d?.length>l?.length){let n=[];l.forEach(h=>{d=d.filter(u=>u.id===h?!0:(n.push(u.id),!1))}),n.forEach(h=>this.removeValidationMessage({id:h})),this.useRules.set(t.input,d)}}else this.destroyValidation()}checkValidation(){let t=e=>{this.isTypeNotValid={};let i=!0;this.useRules.get(e)?.forEach(r=>{r.rule!==void 0&&!r.rule?.check(e)&&this.isTypeNotValid?(this.addMessage(r.rule),i=!1,this.isTypeNotValid[r.rule.type]=!0):r.rule!==void 0&&this.removeMessage(r.rule)}),this.isTypeNotValid=null,this.triggerEvent("validate",this,{detail:{elem:this,value:this.value,isValid:i}})};this.input&&(t(this.input),this.#t())}addValidationRule(t){let e=s=>typeof s=="string"&&s!=="",i=[],a=!1,r=s=>{let{id:l,type:d,message:n}=s;e(l)&&e(d)&&e(n)&&typeof s.check=="function"&&(this.rules[l]||(a=!0,this.rules[l]=s,(!this.validate||!new RegExp(l).test(this.validate))&&i.push(l)))};if(t?.constructor===Array?t.forEach(s=>r(s)):r(t),a){if(i.length){let s=this.validate?`${this.validate} `:"";this.validate=`${s}${[...new Set(i)].join(" ")}`}this.handleValidation()}}removeValidationRule(t){let e=s=>typeof s=="string"&&s!=="",i=this.validate,a=!1,r=s=>{e(s)&&this.rules[s]&&new RegExp(s).test(i)&&(a=!0,delete this.rules[s],i=i?.replace(s,"")||null)};t?.constructor===Array?t.forEach(s=>r(s)):r(t),a&&(this.validate=i?.replace(/\s\s+/g," ").trim()||null)}addValidationMessage(t){let e=i=>{A(i)&&this.addMessage(i)};t?.constructor===Array?t.forEach(i=>e(i)):e(t),this.#t()}removeValidationMessage(t){let e=i=>{A(i)&&this.removeMessage(i)};t?.constructor===Array?t.forEach(i=>e(i)):e(t),this.#t()}addMessage(t){let{id:e,type:i,message:a,icon:r}=t,s=this;if(!e)return;let l=this.shadowRoot?.querySelector(`[validation-id="${e}"]`);if(l)return;let d=new RegExp(`^\\b(${Object.keys(this.VALIDATION_ICONS).join("|")})\\b$`,"g"),n=i&&d.test(i),h=n?i.replace(/^./,i[0].toUpperCase()):null;h=h?`<ids-text audible="true">${h} </ids-text>`:"";let u="validation-message",c=i?this.VALIDATION_ICONS[i]:"",I=`${s.input?.getAttribute("id")}-${t.type}`;!c&&i==="icon"&&(c=r||this.VALIDATION_DEFAULT_ICON,u+=c?" has-custom-icon":""),u+=n?` ${i}`:"",u+=this.disabled?" disabled":"";let g=c?`<ids-icon icon="${c}" class="ids-icon"></ids-icon>`:"";l=document.createElement("div"),l.setAttribute("id",I),l.setAttribute("validation-id",e),l.setAttribute("type",i),l.className=u,l.innerHTML=`${g}<ids-text error="true" class="message-text">${h}${a}</ids-text>`,this.validationElems?.main?.classList.add(i),s.fieldContainer?.classList.add(i??""),s.input?.setAttribute("aria-describedby",I),s.input?.setAttribute("aria-invalid","true"),(this.shadowRoot?.querySelector(".ids-input, .ids-textarea, .ids-checkbox")||this.shadowRoot)?.appendChild(l),s.input?.classList.contains("ids-radio-group")&&[].slice.call(this.querySelectorAll("ids-radio")).forEach(m=>m.setAttribute("validation-has-error","true"))}removeMessage(t){let e=this,i=t.id,a=t.type,r=d=>{if(d){let n=i===null||typeof i>"u"?d.getAttribute("id"):i;a||(a=d.getAttribute("type")),this.isTypeNotValid||(this.isTypeNotValid={}),d.remove?.(),this.validationId===n&&(this.validationId=null,this.validationType=null,this.validationMessage=null,this.validationIcon=null)}},s=this.shadowRoot?.querySelector(`[validation-id="${i}"]`);s?r(s):a&&(i===null||typeof i>"u")&&(this.shadowRoot?.querySelectorAll(`.validation-message[type="${a}"]`)).forEach(n=>r(n)),a&&this.isTypeNotValid&&!this.isTypeNotValid[a]&&(e.fieldContainer?.classList.remove(a),e.input?.removeAttribute("aria-describedby"),e.input?.removeAttribute("aria-invalid")),e.input?.classList.contains("ids-radio-group")&&[].slice.call(this.querySelectorAll("ids-radio")).forEach(n=>n.removeAttribute("validation-has-error")),a&&this.validationElems?.main?.classList.remove(a)}removeAllValidationMessages(){[].slice.call(this.shadowRoot?.querySelectorAll(".validation-message")).forEach(e=>{let i={id:e.getAttribute("validation-id")},a=e.getAttribute("type");a&&(i.type=a),this.removeMessage(i)}),this.#t()}setMessageManually(){let t=s=>typeof s=="string"&&s.trim()!==""?s.trim():"",e=t(this.validationId),i=t(this.validationType),a=t(this.validationMessage),r=t(this.validationIcon);if(e&&i&&a){let s={id:e,type:i,message:a,icon:r};this.removeMessage(s),this.addMessage(s),this.#t()}}#t(){let t=this.validationMessagesCount,e="validation-message-count";t>0?this.setAttribute(e,String(t)):this.removeAttribute(e)}handleValidationEvents(t=""){let e=i=>{this.validationEventsList.forEach(a=>{if(t==="remove"){let r=this.handledEvents.get(a);r&&r.target===i&&this.offEvent(a,i)}else this.onEvent(a,i,()=>{this.checkValidation()})})};this.input&&e(this.input)}destroyValidation(){let t=e=>{this.useRules.get(e)&&(this.handleValidationEvents("remove"),this.useRules.delete(e)),/\brequired\b/gi.test(this.validate)||(this.labelEl?.classList.remove("required"),e.removeAttribute("aria-required"),this.validationElems?.editor?.removeAttribute("aria-required")),this.removeAllValidationMessages()};this.input&&t(this.input)}rules={required:{check:t=>{if(t.getAttribute("type")==="checkbox")return t.checked;if(t.classList.contains("ids-radio-group"))return t.getRootNode()?.host?.checked;let e=t.value;return!(e===null||typeof e=="string"&&e===""||typeof e=="number"&&Number.isNaN(e))},message:"Required",type:"error",id:"required"},email:{check:t=>{let e=t.value,i=/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,16}(?:\.[a-z]{2})?)$/i;return e.length?i.test(e):!0},message:"Email address not valid",type:"error",id:"email"},date:{check(t){let e=t.getRootNode().host,i=t.value;if(t instanceof Date)return t&&t.getTime&&!Number.isNaN(t.getTime());let a=e.format,r={};return a&&(r.dateFormat=a),this.message=e.localeAPI.translate("InvalidDate",{showBrackets:!1}),!(e.localeAPI.parseDate(i,r)===void 0&&i!=="")},message:"Invalid Date",type:"error",id:"date"},time:{check(t){let e=t.getRootNode().host,i=t.value;if(!i)return!0;let a=e.localeAPI.calendar(e.localeAPI.locale.name).timeFormat,s=e.format||a;this.message=e.localeAPI.translate("InvalidTime",{showBrackets:!1});let l=e.localeAPI.parseDate(i,{dateFormat:s,strictTime:!0});return v(l)},message:"Invalid Time",type:"error",id:"time"}};set validate(t){t?this.setAttribute(o.VALIDATE,t):this.removeAttribute(o.VALIDATE),this.handleValidation()}get validate(){return this.getAttribute(o.VALIDATE)}set validationEvents(t){t?this.setAttribute(o.VALIDATION_EVENTS,t):this.removeAttribute(o.VALIDATION_EVENTS),this.handleValidation()}get validationEvents(){return this.getAttribute(o.VALIDATION_EVENTS)}set validationIcon(t){t?this.setAttribute(o.VALIDATION_ICON,t):this.removeAttribute(o.VALIDATION_ICON),this.setMessageManually()}get validationIcon(){return this.getAttribute(o.VALIDATION_ICON)}set validationId(t){t?this.setAttribute(o.VALIDATION_ID,t):this.removeAttribute(o.VALIDATION_ID),this.setMessageManually()}get validationId(){return this.getAttribute(o.VALIDATION_ID)}set validationMessage(t){t?this.setAttribute(o.VALIDATION_MESSAGE,t):this.removeAttribute(o.VALIDATION_MESSAGE),this.setMessageManually()}get validationMessage(){return this.getAttribute(o.VALIDATION_MESSAGE)}set validationType(t){t?this.setAttribute(o.VALIDATION_TYPE,t):this.removeAttribute(o.VALIDATION_TYPE),this.setMessageManually()}get validationType(){return this.getAttribute(o.VALIDATION_TYPE)}get isValid(){return this.shadowRoot?.querySelectorAll(".validation-message").length===0}get validationMessages(){let t=[];return this.shadowRoot?.querySelectorAll(".validation-message").forEach(e=>{t.push({message:e.querySelector("ids-text")?.childNodes[1].textContent||"",type:e.getAttribute("type")||"",id:e.getAttribute("validation-id")||""})}),t}get validationMessagesCount(){return this.shadowRoot?.querySelectorAll(".validation-message")?.length||0}},L=p;export{L as a};