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

package/chunks/{ids-chunk-42MNDDP4.js → ids-chunk-OEOYGQW7.js}

@@ -1,21 +1,21 @@
-import{a as y}from"./ids-chunk-QGYZJQT6.js";import{a as A}from"./ids-chunk-X5HHVE4J.js";import{a as x}from"./ids-chunk-YS37TBDI.js";import{a as m,b as S}from"./ids-chunk-XE4WFW5M.js";import{a as E}from"./ids-chunk-GTV4PSEA.js";import{e as c,f as v}from"./ids-chunk-VGRUIA4C.js";import{a}from"./ids-chunk-2NN3ZJ6Q.js";import{a as f}from"./ids-chunk-U7OOVFXE.js";var w=`
+import{a as w}from"./ids-chunk-FQI7WFGL.js";import{a as A}from"./ids-chunk-AZSONAF7.js";import{a as E}from"./ids-chunk-B6P5AQ2Z.js";import{a as m,b as S}from"./ids-chunk-XE4WFW5M.js";import{a as x}from"./ids-chunk-7JIYCFAW.js";import{e as c,f as v}from"./ids-chunk-TJKIW3GF.js";import{a}from"./ids-chunk-HABPILOR.js";import{a as g}from"./ids-chunk-U7OOVFXE.js";var y=`
 /* Ids Upload Advanced */
 .ids-upload-advanced {
   display: block;
-  margin-bottom: var(--ids-spacing-xxl);
+  margin-bottom: var(--ids-space-60);
 }
 .ids-upload-advanced .hidden {
   display: none;
 }
 .ids-upload-advanced .droparea {
-  color: var(--ids-upload-advanced-text-color);
-  background-color: var(--ids-upload-advanced-background-color);
+  color: var(--ids-upload-advanced-color-text-default);
+  background-color: var(--ids-upload-advanced-color-background-default);
   border-width: 1px;
-  border-color: var(--ids-upload-advanced-border-color);
+  border-color: var(--ids-upload-advanced-color-border-default);
   position: relative;
   align-items: center;
   display: flex;
-  border-radius: var(--ids-border-radius-xs);
+  border-radius: var(--ids-border-radius-01);
   border-style: dashed;
   flex-direction: column;
   justify-content: center;
@@ -28,7 +28,7 @@ import{a as y}from"./ids-chunk-QGYZJQT6.js";import{a as A}from"./ids-chunk-X5HHV
 .ids-upload-advanced .droparea .droparea-label {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  color: var(--ids-upload-advanced-label-text-color);
+  color: var(--ids-upload-advanced-label-color-text);
   display: block;
   text-align: center;
   user-select: none;
@@ -48,17 +48,17 @@ import{a as y}from"./ids-chunk-QGYZJQT6.js";import{a as A}from"./ids-chunk-X5HHV
   z-index: -1;
 }
 .ids-upload-advanced .droparea .file-input:focus ~ .droparea-label .hyperlink::part(link) {
-  border: 1px solid var(--ids-upload-advanced-hyperlink-focus-border-color);
-  box-shadow: var(--ids-upload-advanced-hyperlink-focus-box-shadow);
+  border: 1px solid var(--ids-upload-advanced-color-border-focus);
+  box-shadow: var(--ids-upload-advanced-link-shadow-focus);
 }
 .ids-upload-advanced .droparea:hover {
-  background-color: var(--ids-upload-advanced-hover-background-color);
-  border-color: var(--ids-upload-advanced-hover-border-color);
-  color: var(--ids-upload-advanced-hover-text-color);
+  background-color: var(--ids-upload-advanced-color-background-hover);
+  border-color: var(--ids-upload-advanced-color-border-hover);
+  color: var(--ids-upload-advanced-color-text-hover);
 }
 .ids-upload-advanced .droparea.dragenter {
-  background-color: var(--ids-upload-advanced-dragenter-background-color);
-  border-color: var(--ids-upload-advanced-dragenter-border-color);
+  background-color: var(--ids-upload-advanced-color-background-drag-enter);
+  border-color: var(--ids-upload-advanced-color-border-drag-enter);
 }
 .ids-upload-advanced .toolbararea {
   height: 42px;
@@ -78,16 +78,16 @@ import{a as y}from"./ids-chunk-QGYZJQT6.js";import{a as A}from"./ids-chunk-X5HHV
 }
 .ids-upload-advanced .errorarea {
   border: 1px solid transparent;
-  margin-top: var(--ids-spacing-lg);
-  padding: var(--ids-spacing-sm);
+  margin-top: var(--ids-space-40);
+  padding: var(--ids-space-20);
   display: none;
-  border-radius: var(--ids-border-radius-xs);
+  border-radius: var(--ids-border-radius-01);
   border-style: dashed;
   align-items: center;
 }
 .ids-upload-advanced .errorarea.has-error {
   display: flex;
-  border-color: var(--ids-upload-advanced-errorarea-border-color);
+  border-color: var(--ids-upload-advanced-error-area-color-border-error);
 }
 .ids-upload-advanced .errorarea .status {
   flex-grow: 0;
@@ -96,8 +96,8 @@ import{a as y}from"./ids-chunk-QGYZJQT6.js";import{a as A}from"./ids-chunk-X5HHV
 .ids-upload-advanced .errorarea .status .ids-alert,
 .ids-upload-advanced .errorarea .status ids-alert {
   display: block;
-  padding: var(--ids-spacing-lg);
-  padding-bottom: var(--ids-spacing-md);
+  padding: var(--ids-space-40);
+  padding-bottom: var(--ids-space-30);
   margin: 0;
 }
 .ids-upload-advanced .errorarea .error-row {
@@ -110,11 +110,11 @@ import{a as y}from"./ids-chunk-QGYZJQT6.js";import{a as A}from"./ids-chunk-X5HHV
   display: block;
   font-weight: var(--ids-font-weight-normal);
   margin: 0;
-  font-family: var(--ids-font-family);
+  font-family: var(--ids-font-family-default);
   text-overflow: ellipsis;
 }
 .ids-upload-advanced .errorarea .btn-close {
-  padding-inline: var(--ids-spacing-sm);
+  padding-inline: var(--ids-space-20);
   flex-grow: 0;
   flex-shrink: 0;
 }
@@ -129,20 +129,20 @@ import{a as y}from"./ids-chunk-QGYZJQT6.js";import{a as A}from"./ids-chunk-X5HHV
 .ids-upload-advanced.disabled .droparea,
 .ids-upload-advanced.disabled .droparea.dragenter,
 .ids-upload-advanced.disabled .droparea:hover {
-  background-color: var(--ids-upload-advanced-disabled-background-color);
-  border-color: var(--ids-upload-advanced-disabled-border-color);
-  color: var(--ids-upload-advanced-disabled-text-color);
+  background-color: var(--ids-upload-advanced-color-background-disabled);
+  border-color: var(--ids-upload-advanced-color-border-disabled);
+  color: var(--ids-upload-advanced-color-text-disabled);
 }
 .ids-upload-advanced.disabled .droparea .droparea-label,
 .ids-upload-advanced.disabled .droparea.dragenter .droparea-label,
 .ids-upload-advanced.disabled .droparea:hover .droparea-label {
   cursor: default;
-  color: var(--ids-upload-advanced-disabled-text-color);
+  color: var(--ids-upload-advanced-color-text-disabled);
 }
 .ids-upload-advanced.disabled .errorarea.has-error {
-  border-color: var(--ids-upload-advanced-errorarea-disabled-border-color);
-  color: var(--ids-upload-advanced-errorarea-disabled-text-color);
-}`;var i=y,L=A(x(E)),p=class extends L{fileInput;droparea;files=[];xhrHeaders;send;constructor(){super()}static get attributes(){return[...super.attributes,a.ACCEPT,a.AUTO_START,a.DISABLED,a.ICON,a.ICON_SIZE,a.MAX_FILE_SIZE,a.MAX_FILES,a.MAX_FILES_IN_PROCESS,a.METHOD,a.PARAM_NAME,a.SHOW_BROWSE_LINK,a.URL]}connectedCallback(){super.connectedCallback(),this.fileInput=this.shadowRoot?.querySelector(".file-input"),this.droparea=this.shadowRoot?.querySelector(".droparea"),this.files=[],this.#e()}template(){let e=c,t=i.DEFAULTS,r=h=>h?" hidden":"",o=this.accept?` accept="${this.accept}"`:"",s=e(this.disabled)?" disabled":"",n=Number(this.maxFilesInProcess)>1?" multiple":"",l=`
+  border-color: var(--ids-upload-advanced-area-color-border-error-disabled);
+  color: var(--ids-upload-advanced-color-text-error-disabled);
+}`;var i=w,L=A(E(x)),p=class extends L{fileInput;droparea;files=[];xhrHeaders;send;constructor(){super()}static get attributes(){return[...super.attributes,a.ACCEPT,a.AUTO_START,a.DISABLED,a.ICON,a.ICON_SIZE,a.MAX_FILE_SIZE,a.MAX_FILES,a.MAX_FILES_IN_PROCESS,a.METHOD,a.PARAM_NAME,a.SHOW_BROWSE_LINK,a.URL]}connectedCallback(){super.connectedCallback(),this.fileInput=this.shadowRoot?.querySelector(".file-input"),this.droparea=this.shadowRoot?.querySelector(".droparea"),this.files=[],this.#e()}template(){let e=c,t=i.DEFAULTS,r=h=>h?" hidden":"",o=this.accept?` accept="${this.accept}"`:"",s=e(this.disabled)?" disabled":"",n=Number(this.maxFilesInProcess)>1?" multiple":"",l=`
       <div class="hidden">
         <slot name="text-btn-cancel">${t.textBtnCancel}</slot>
         <slot name="text-btn-cancel-all">${t.textBtnCancelAll}</slot>
@@ -200,7 +200,7 @@ import{a as y}from"./ids-chunk-QGYZJQT6.js";import{a as A}from"./ids-chunk-X5HHV
             <ids-icon icon="close" size="xsmall"></ids-icon>
           </ids-button>
         </div>
-      `;s?.classList.add("has-error"),s?.insertAdjacentHTML("afterbegin",h)}}statusFiles(e){return this.files.filter(t=>t.status===e)}setDisabled(){if(!this.shadowRoot)return;let e=this.shadowRoot.querySelector(".ids-upload-advanced"),t=this.shadowRoot.querySelector(".errorarea .status ids-alert"),r=this.shadowRoot.querySelector("ids-hyperlink"),o=[].slice.call(this.shadowRoot.querySelectorAll("ids-upload-advanced-file")),s=(l,d)=>{d?l?.setAttribute(a.DISABLED,d.toString()):l?.removeAttribute(a.DISABLED)},n=c(this.disabled);n?(s(this.fileInput,n),s(t,n),o.forEach(l=>s(l,n)),e?.classList.add(a.DISABLED),r?.setAttribute(a.DISABLED,"true")):(s(this.fileInput,null),s(t,null),o.forEach(l=>s(l,null)),e?.classList.remove(a.DISABLED),r?.removeAttribute(a.DISABLED))}getErrorValue(e){return Object.values(i.ERRORS).indexOf(e)>-1?e===i.ERRORS.errorMaxFiles?this.errorMaxFilesVal:i.slotVal(this.shadowRoot,e):e||""}validateAcceptFile(e){let t=e.name.match(/\.[^\.]*$|$/)[0],r=this.accept?.replace(/[, ]+/g,"|")?.replace(/\/\*/g,"/.*"),o=new RegExp(`^(${r})$`,"i");return!(this.accept&&!(o.test(e.type)||o.test(t)))}validation(e){let t=this.inProcess.length,r=t+this.completed.length,o={isValid:!0};return typeof this.send!="function"&&!this.url?o={isValid:!1,error:i.ERRORS.errorUrl}:r>=Number(this.maxFiles)?o={isValid:!1,error:i.ERRORS.errorMaxFiles}:t>=Number(this.maxFilesInProcess)?o={isValid:!1,error:i.ERRORS.errorMaxFilesInProcess}:this.validateAcceptFile(e)?Number(this.maxFileSize)!==i.DEFAULTS.maxFileSize&&e.size>this.maxFileSize&&(o={isValid:!1,error:i.ERRORS.errorMaxFileSize}):o={isValid:!1,error:i.ERRORS.errorAcceptFileType},o}startInProcess(e){let t=e?.status;if(typeof t>"u"||t===i.STATUS.notStarted){let{id:r,file:o,uiElem:s}=e,n={id:r,file:o,elem:this,size:o.size,sizeFormatted:i.formatBytes(v(o.size)),status:i.STATUS.inProcess,value:"0"};e.status=i.STATUS.inProcess,s.status=i.STATUS.inProcess;let l=new FormData,d=this.paramName.replace("[]","");l.append(`${d}[]`,o),typeof this.send=="function"?this.send(l,s):this.sendByXHR(l,s),this.triggerEvent("beginupload",s,{detail:n}),this.triggerEvent("beginupload",this,{detail:n})}}handleFileUpload(e){let t=this.shadowRoot?.querySelector(".filesarea");for(let r=0,o=e.length;r<o;r++){let s=e[r],n=this.validation(s),l=`file-${this.all.length}`,d={elem:this,value:0,file:s,id:l},h=this.fileTemplate.replace("{id}",l).replace("{value}","0").replace("{file-name}",s.name).replace("{size}",s.size);this.files.push(d);let b=this.files[this.files.length-1];t?.insertAdjacentHTML("afterbegin",h);let u=t?.querySelector(`#${l}`);if(b.uiElem=u,this.handleFileEvent(u),n.isValid)if(this.autoStart)this.startInProcess(b);else{b.status=i.STATUS.notStarted,u.status=i.STATUS.notStarted;let g={id:l,file:s,elem:this,size:s.size,sizeFormatted:i.formatBytes(v(s.size)),status:i.STATUS.inProcess,value:"0"};this.triggerEvent("notstartedupload",u,{detail:g}),this.triggerEvent("notstartedupload",this,{detail:g})}else b.status=i.STATUS.errored,u.error=n.error}this.setToolbar(),this.fileInput&&(this.fileInput.value="")}setToolbar(){let e=this.shadowRoot?.querySelector(".toolbararea");if(this.notStarted.length>0){if(!e){let t=document.createElement("template");t.innerHTML=this.toolbarTemplate;let r=this.shadowRoot?.querySelector(".errorarea");r&&this.container?.insertBefore(t.content.cloneNode(!0),r)}}else e?.classList.add("before-remove-transition"),this.onEvent("transitionend",e,()=>{e?.remove()})}handleSlotchangeEvent(){["text-droparea","text-droparea-with-browse","text-droparea-with-browse-link"].forEach(r=>{let o=this.shadowRoot?.querySelector(`slot[name="${r}"]`);this.onEvent("slotchange",o,()=>{this.setDropareaLabel()})});let t=this.shadowRoot?.querySelector('slot[name="xhr-headers"]');this.onEvent("slotchange",t,()=>{this.setXhrHeaders()})}handleLabelClickEvent(){let e=this.shadowRoot?.querySelector("label");this.onEvent("click",e,r=>{let o=s=>r.target?.classList?.contains(s);o("hyperlink")||o("file-input")||r.preventDefault()});let t=this.shadowRoot?.querySelector(".errorarea");this.onEvent("click",t,r=>{r.target?.getAttribute("id")==="btn-close-error"&&this.errorMessage({remove:!0})})}handleFileInputChangeEvent(){this.onEvent("change",this.fileInput,()=>{this.handleFileUpload(this.fileInput?.files)})}handleDropareaDragenterEvent(){this.onEvent("dragenter",this.droparea,e=>{e.stopPropagation(),e.preventDefault(),!this.disabled&&(this.triggerEvent("filesdragenter",this,{detail:{elem:this}}),this.droparea?.classList.add("dragenter"))})}handleDropareaDragoverEvent(){this.onEvent("dragover",this.droparea,e=>{e.stopPropagation(),e.preventDefault()})}handleDropareaDropEvent(){this.onEvent("drop",this.droparea,e=>{if(e.preventDefault(),this.disabled)return;this.droparea?.classList.remove("dragenter");let t=e.dataTransfer.files;this.triggerEvent("filesdrop",this,{detail:{elem:this,files:t}}),this.handleFileUpload(t)})}handleDocumentDragDropEvents(){["dragenter","dragover","drop"].forEach(t=>{this.onEvent(t,document,r=>{r.stopPropagation(),r.preventDefault(),r.type==="dragover"&&this.droparea?.classList.remove("dragenter")})})}handleFileEvent(e){["error","complete","abort","cancel","start","closebuttonclick","startbuttonclick"].forEach(r=>{this.onEvent(r,e,o=>{let s={node:{},idx:-1};for(let n=0;n<this.files.length;n++)e.id===this.files[n].id&&(this.files[n]={...this.files[n],...o.detail},s.node=this.files[n],s.idx=n);this.dispatchFileEvent(r,o,s.node.id,s.node.file),/closebuttonclick|abort|cancel/g.test(r)&&(e?.abortHandler(),e?.remove(),s.node.status===i.STATUS.notStarted&&this.files.splice(s.idx,1),this.setToolbar()),/startbuttonclick|start/g.test(r)&&(this.startInProcess(s.node),this.setToolbar()),r==="error"&&this.setToolbar()})})}handleToolbarEvents(){this.onEvent("selected",this.container,e=>{let t=o=>{this.notStarted.forEach(s=>s.uiElem[o]())},r=e?.detail?.elem?.getAttribute("id");r==="btn-start-all"&&t("start"),r==="btn-cancel-all"&&t("cancel")})}#e(){this.handleSlotchangeEvent(),this.handleLabelClickEvent(),this.handleFileInputChangeEvent(),this.handleDropareaDragenterEvent(),this.handleDropareaDragoverEvent(),this.handleDropareaDropEvent(),this.handleDocumentDragDropEvents(),this.handleToolbarEvents()}get all(){return this.files}get notStarted(){return this.statusFiles(i.STATUS.notStarted)}get inProcess(){return this.statusFiles(i.STATUS.inProcess)}get aborted(){return this.statusFiles(i.STATUS.aborted)}get errored(){return this.statusFiles(i.STATUS.errored)}get completed(){return this.statusFiles(i.STATUS.completed)}get fileSlotsTemplate(){let e=["text-btn-cancel","text-btn-close-error","text-btn-remove","error-accept-file-type","error-max-files-in-process","error-max-file-size","error-url"],t="";return e.forEach(r=>{t+=`<span slot="${r}">${i.slotVal(this.shadowRoot,r)}</span>`}),t+=`<span slot="error-max-files">${this.errorMaxFilesVal}</span>`,t}get fileTemplate(){return`
+      `;s?.classList.add("has-error"),s?.insertAdjacentHTML("afterbegin",h)}}statusFiles(e){return this.files.filter(t=>t.status===e)}setDisabled(){if(!this.shadowRoot)return;let e=this.shadowRoot.querySelector(".ids-upload-advanced"),t=this.shadowRoot.querySelector(".errorarea .status ids-alert"),r=this.shadowRoot.querySelector("ids-hyperlink"),o=[].slice.call(this.shadowRoot.querySelectorAll("ids-upload-advanced-file")),s=(l,d)=>{d?l?.setAttribute(a.DISABLED,d.toString()):l?.removeAttribute(a.DISABLED)},n=c(this.disabled);n?(s(this.fileInput,n),s(t,n),o.forEach(l=>s(l,n)),e?.classList.add(a.DISABLED),r?.setAttribute(a.DISABLED,"true")):(s(this.fileInput,null),s(t,null),o.forEach(l=>s(l,null)),e?.classList.remove(a.DISABLED),r?.removeAttribute(a.DISABLED))}getErrorValue(e){return Object.values(i.ERRORS).indexOf(e)>-1?e===i.ERRORS.errorMaxFiles?this.errorMaxFilesVal:i.slotVal(this.shadowRoot,e):e||""}validateAcceptFile(e){let t=e.name.match(/\.[^\.]*$|$/)[0],r=this.accept?.replace(/[, ]+/g,"|")?.replace(/\/\*/g,"/.*"),o=new RegExp(`^(${r})$`,"i");return!(this.accept&&!(o.test(e.type)||o.test(t)))}validation(e){let t=this.inProcess.length,r=t+this.completed.length,o={isValid:!0};return typeof this.send!="function"&&!this.url?o={isValid:!1,error:i.ERRORS.errorUrl}:r>=Number(this.maxFiles)?o={isValid:!1,error:i.ERRORS.errorMaxFiles}:t>=Number(this.maxFilesInProcess)?o={isValid:!1,error:i.ERRORS.errorMaxFilesInProcess}:this.validateAcceptFile(e)?Number(this.maxFileSize)!==i.DEFAULTS.maxFileSize&&e.size>this.maxFileSize&&(o={isValid:!1,error:i.ERRORS.errorMaxFileSize}):o={isValid:!1,error:i.ERRORS.errorAcceptFileType},o}startInProcess(e){let t=e?.status;if(typeof t>"u"||t===i.STATUS.notStarted){let{id:r,file:o,uiElem:s}=e,n={id:r,file:o,elem:this,size:o.size,sizeFormatted:i.formatBytes(v(o.size)),status:i.STATUS.inProcess,value:"0"};e.status=i.STATUS.inProcess,s.status=i.STATUS.inProcess;let l=new FormData,d=this.paramName.replace("[]","");l.append(`${d}[]`,o),typeof this.send=="function"?this.send(l,s):this.sendByXHR(l,s),this.triggerEvent("beginupload",s,{detail:n}),this.triggerEvent("beginupload",this,{detail:n})}}handleFileUpload(e){let t=this.shadowRoot?.querySelector(".filesarea");for(let r=0,o=e.length;r<o;r++){let s=e[r],n=this.validation(s),l=`file-${this.all.length}`,d={elem:this,value:0,file:s,id:l},h=this.fileTemplate.replace("{id}",l).replace("{value}","0").replace("{file-name}",s.name).replace("{size}",s.size);this.files.push(d);let b=this.files[this.files.length-1];t?.insertAdjacentHTML("afterbegin",h);let u=t?.querySelector(`#${l}`);if(b.uiElem=u,this.handleFileEvent(u),n.isValid)if(this.autoStart)this.startInProcess(b);else{b.status=i.STATUS.notStarted,u.status=i.STATUS.notStarted;let f={id:l,file:s,elem:this,size:s.size,sizeFormatted:i.formatBytes(v(s.size)),status:i.STATUS.inProcess,value:"0"};this.triggerEvent("notstartedupload",u,{detail:f}),this.triggerEvent("notstartedupload",this,{detail:f})}else b.status=i.STATUS.errored,u.error=n.error}this.setToolbar(),this.fileInput&&(this.fileInput.value="")}setToolbar(){let e=this.shadowRoot?.querySelector(".toolbararea");if(this.notStarted.length>0){if(!e){let t=document.createElement("template");t.innerHTML=this.toolbarTemplate;let r=this.shadowRoot?.querySelector(".errorarea");r&&this.container?.insertBefore(t.content.cloneNode(!0),r)}}else e?.classList.add("before-remove-transition"),this.onEvent("transitionend",e,()=>{e?.remove()})}handleSlotchangeEvent(){["text-droparea","text-droparea-with-browse","text-droparea-with-browse-link"].forEach(r=>{let o=this.shadowRoot?.querySelector(`slot[name="${r}"]`);this.onEvent("slotchange",o,()=>{this.setDropareaLabel()})});let t=this.shadowRoot?.querySelector('slot[name="xhr-headers"]');this.onEvent("slotchange",t,()=>{this.setXhrHeaders()})}handleLabelClickEvent(){let e=this.shadowRoot?.querySelector("label");this.onEvent("click",e,r=>{let o=s=>r.target?.classList?.contains(s);o("hyperlink")||o("file-input")||r.preventDefault()});let t=this.shadowRoot?.querySelector(".errorarea");this.onEvent("click",t,r=>{r.target?.getAttribute("id")==="btn-close-error"&&this.errorMessage({remove:!0})})}handleFileInputChangeEvent(){this.onEvent("change",this.fileInput,()=>{this.handleFileUpload(this.fileInput?.files)})}handleDropareaDragenterEvent(){this.onEvent("dragenter",this.droparea,e=>{e.stopPropagation(),e.preventDefault(),!this.disabled&&(this.triggerEvent("filesdragenter",this,{detail:{elem:this}}),this.droparea?.classList.add("dragenter"))})}handleDropareaDragoverEvent(){this.onEvent("dragover",this.droparea,e=>{e.stopPropagation(),e.preventDefault()})}handleDropareaDropEvent(){this.onEvent("drop",this.droparea,e=>{if(e.preventDefault(),this.disabled)return;this.droparea?.classList.remove("dragenter");let t=e.dataTransfer.files;this.triggerEvent("filesdrop",this,{detail:{elem:this,files:t}}),this.handleFileUpload(t)})}handleDocumentDragDropEvents(){["dragenter","dragover","drop"].forEach(t=>{this.onEvent(t,document,r=>{r.stopPropagation(),r.preventDefault(),r.type==="dragover"&&this.droparea?.classList.remove("dragenter")})})}handleFileEvent(e){["error","complete","abort","cancel","start","closebuttonclick","startbuttonclick"].forEach(r=>{this.onEvent(r,e,o=>{let s={node:{},idx:-1};for(let n=0;n<this.files.length;n++)e.id===this.files[n].id&&(this.files[n]={...this.files[n],...o.detail},s.node=this.files[n],s.idx=n);this.dispatchFileEvent(r,o,s.node.id,s.node.file),/closebuttonclick|abort|cancel/g.test(r)&&(e?.abortHandler(),e?.remove(),s.node.status===i.STATUS.notStarted&&this.files.splice(s.idx,1),this.setToolbar()),/startbuttonclick|start/g.test(r)&&(this.startInProcess(s.node),this.setToolbar()),r==="error"&&this.setToolbar()})})}handleToolbarEvents(){this.onEvent("selected",this.container,e=>{let t=o=>{this.notStarted.forEach(s=>s.uiElem[o]())},r=e?.detail?.elem?.getAttribute("id");r==="btn-start-all"&&t("start"),r==="btn-cancel-all"&&t("cancel")})}#e(){this.handleSlotchangeEvent(),this.handleLabelClickEvent(),this.handleFileInputChangeEvent(),this.handleDropareaDragenterEvent(),this.handleDropareaDragoverEvent(),this.handleDropareaDropEvent(),this.handleDocumentDragDropEvents(),this.handleToolbarEvents()}get all(){return this.files}get notStarted(){return this.statusFiles(i.STATUS.notStarted)}get inProcess(){return this.statusFiles(i.STATUS.inProcess)}get aborted(){return this.statusFiles(i.STATUS.aborted)}get errored(){return this.statusFiles(i.STATUS.errored)}get completed(){return this.statusFiles(i.STATUS.completed)}get fileSlotsTemplate(){let e=["text-btn-cancel","text-btn-close-error","text-btn-remove","error-accept-file-type","error-max-files-in-process","error-max-file-size","error-url"],t="";return e.forEach(r=>{t+=`<span slot="${r}">${i.slotVal(this.shadowRoot,r)}</span>`}),t+=`<span slot="error-max-files">${this.errorMaxFilesVal}</span>`,t}get fileTemplate(){return`
       <ids-upload-advanced-file id="{id}" value="{value}" file-name="{file-name}" size="{size}">
       ${this.fileSlotsTemplate}
       </ids-upload-advanced-file>
@@ -217,4 +217,4 @@ import{a as y}from"./ids-chunk-QGYZJQT6.js";import{a as A}from"./ids-chunk-X5HHV
           </ids-toolbar-section>
         </ids-toolbar>
       </div>
-    `}get errorMaxFilesVal(){return i.slotVal(this.shadowRoot,"error-max-files").replace("{maxFiles}",this.maxFiles.toString())}get showBrowseLinkVal(){return this.showBrowseLink===null?i.DEFAULTS.showBrowseLink:c(this.showBrowseLink)}set accept(e){e?(this.setAttribute(a.ACCEPT,e.toString()),this.fileInput?.setAttribute(a.ACCEPT,e.toString())):(this.removeAttribute(a.ACCEPT),this.fileInput?.removeAttribute(a.ACCEPT))}get accept(){return this.getAttribute(a.ACCEPT)}set autoStart(e){typeof e=="boolean"||typeof e=="string"?this.setAttribute(a.AUTO_START,e.toString()):this.removeAttribute(a.AUTO_START)}get autoStart(){let e=this.getAttribute(a.AUTO_START);return e!==null?c(e):i.DEFAULTS.autoStart}set disabled(e){let t=c(e);t?this.setAttribute(a.DISABLED,t.toString()):this.removeAttribute(a.DISABLED),this.setDisabled()}get disabled(){return this.getAttribute(a.DISABLED)}set icon(e){let t=this.shadowRoot?.querySelector(".icon");e?(this.setAttribute(a.ICON,e.toString()),t?.setAttribute(a.ICON,e.toString())):(this.removeAttribute(a.ICON),t?.setAttribute(a.ICON,i.DEFAULTS.icon))}get icon(){return this.getAttribute(a.ICON)||i.DEFAULTS.icon}set iconSize(e){let t=this.shadowRoot?.querySelector(".icon");e?(this.setAttribute(a.ICON_SIZE,e.toString()),t?.setAttribute(a.SIZE,e.toString())):(this.removeAttribute(a.ICON_SIZE),t?.removeAttribute(a.SIZE))}get iconSize(){return this.getAttribute(a.ICON_SIZE)}set maxFileSize(e){e?this.setAttribute(a.MAX_FILE_SIZE,e.toString()):this.removeAttribute(a.MAX_FILE_SIZE)}get maxFileSize(){return this.getAttribute(a.MAX_FILE_SIZE)||i.DEFAULTS.maxFileSize}set maxFiles(e){e?this.setAttribute(a.MAX_FILES,e.toString()):this.removeAttribute(a.MAX_FILES)}get maxFiles(){return this.getAttribute(a.MAX_FILES)||i.DEFAULTS.maxFiles}set maxFilesInProcess(e){e?this.setAttribute(a.MAX_FILES_IN_PROCESS,e.toString()):this.removeAttribute(a.MAX_FILES_IN_PROCESS)}get maxFilesInProcess(){return this.getAttribute(a.MAX_FILES_IN_PROCESS)||i.DEFAULTS.maxFilesInProcess}set method(e){e?this.setAttribute(a.METHOD,e.toString()):this.removeAttribute(a.METHOD)}get method(){return this.getAttribute(a.METHOD)||i.DEFAULTS.method}set paramName(e){e?this.setAttribute(a.PARAM_NAME,e.toString()):this.removeAttribute(a.PARAM_NAME)}get paramName(){return this.getAttribute(a.PARAM_NAME)||i.DEFAULTS.paramName}set showBrowseLink(e){e?this.setAttribute(a.SHOW_BROWSE_LINK,e.toString()):this.removeAttribute(a.SHOW_BROWSE_LINK),this.setDropareaLabel()}get showBrowseLink(){return this.getAttribute(a.SHOW_BROWSE_LINK)}set url(e){e?this.setAttribute(a.URL,e.toString()):this.removeAttribute(a.URL)}get url(){return this.getAttribute(a.URL)}};p=f([m("ids-upload-advanced"),S(w)],p);export{p as a};
+    `}get errorMaxFilesVal(){return i.slotVal(this.shadowRoot,"error-max-files").replace("{maxFiles}",this.maxFiles.toString())}get showBrowseLinkVal(){return this.showBrowseLink===null?i.DEFAULTS.showBrowseLink:c(this.showBrowseLink)}set accept(e){e?(this.setAttribute(a.ACCEPT,e.toString()),this.fileInput?.setAttribute(a.ACCEPT,e.toString())):(this.removeAttribute(a.ACCEPT),this.fileInput?.removeAttribute(a.ACCEPT))}get accept(){return this.getAttribute(a.ACCEPT)}set autoStart(e){typeof e=="boolean"||typeof e=="string"?this.setAttribute(a.AUTO_START,e.toString()):this.removeAttribute(a.AUTO_START)}get autoStart(){let e=this.getAttribute(a.AUTO_START);return e!==null?c(e):i.DEFAULTS.autoStart}set disabled(e){let t=c(e);t?this.setAttribute(a.DISABLED,t.toString()):this.removeAttribute(a.DISABLED),this.setDisabled()}get disabled(){return this.getAttribute(a.DISABLED)}set icon(e){let t=this.shadowRoot?.querySelector(".icon");e?(this.setAttribute(a.ICON,e.toString()),t?.setAttribute(a.ICON,e.toString())):(this.removeAttribute(a.ICON),t?.setAttribute(a.ICON,i.DEFAULTS.icon))}get icon(){return this.getAttribute(a.ICON)||i.DEFAULTS.icon}set iconSize(e){let t=this.shadowRoot?.querySelector(".icon");e?(this.setAttribute(a.ICON_SIZE,e.toString()),t?.setAttribute(a.SIZE,e.toString())):(this.removeAttribute(a.ICON_SIZE),t?.removeAttribute(a.SIZE))}get iconSize(){return this.getAttribute(a.ICON_SIZE)}set maxFileSize(e){e?this.setAttribute(a.MAX_FILE_SIZE,e.toString()):this.removeAttribute(a.MAX_FILE_SIZE)}get maxFileSize(){return this.getAttribute(a.MAX_FILE_SIZE)||i.DEFAULTS.maxFileSize}set maxFiles(e){e?this.setAttribute(a.MAX_FILES,e.toString()):this.removeAttribute(a.MAX_FILES)}get maxFiles(){return this.getAttribute(a.MAX_FILES)||i.DEFAULTS.maxFiles}set maxFilesInProcess(e){e?this.setAttribute(a.MAX_FILES_IN_PROCESS,e.toString()):this.removeAttribute(a.MAX_FILES_IN_PROCESS)}get maxFilesInProcess(){return this.getAttribute(a.MAX_FILES_IN_PROCESS)||i.DEFAULTS.maxFilesInProcess}set method(e){e?this.setAttribute(a.METHOD,e.toString()):this.removeAttribute(a.METHOD)}get method(){return this.getAttribute(a.METHOD)||i.DEFAULTS.method}set paramName(e){e?this.setAttribute(a.PARAM_NAME,e.toString()):this.removeAttribute(a.PARAM_NAME)}get paramName(){return this.getAttribute(a.PARAM_NAME)||i.DEFAULTS.paramName}set showBrowseLink(e){e?this.setAttribute(a.SHOW_BROWSE_LINK,e.toString()):this.removeAttribute(a.SHOW_BROWSE_LINK),this.setDropareaLabel()}get showBrowseLink(){return this.getAttribute(a.SHOW_BROWSE_LINK)}set url(e){e?this.setAttribute(a.URL,e.toString()):this.removeAttribute(a.URL)}get url(){return this.getAttribute(a.URL)}};p=g([m("ids-upload-advanced"),S(y)],p);export{p as a};

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

@@ -1,4 +1,4 @@
-import{a as p}from"./ids-chunk-BQNSGN27.js";import{a as m}from"./ids-chunk-TPLRKVBR.js";import{a as x}from"./ids-chunk-CA7WSO53.js";import{a as u}from"./ids-chunk-JQXYHNEV.js";import{a as b}from"./ids-chunk-X5HHVE4J.js";import{a as h}from"./ids-chunk-YS37TBDI.js";import{a as l,b as n}from"./ids-chunk-XE4WFW5M.js";import{a as k}from"./ids-chunk-GTV4PSEA.js";import{e as i}from"./ids-chunk-VGRUIA4C.js";import{a as e}from"./ids-chunk-2NN3ZJ6Q.js";import{a as d}from"./ids-chunk-U7OOVFXE.js";var g=`
+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=`
 @charset "UTF-8";
 /**
  * Checkbox Mixins.
@@ -83,44 +83,44 @@ import{a as p}from"./ids-chunk-BQNSGN27.js";import{a as m}from"./ids-chunk-TPLRK
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   display: flex;
-  font-family: var(--ids-font-family);
-  margin-top: var(--ids-spacing-md);
+  font-family: var(--ids-font-family-default);
+  margin-top: var(--ids-space-30);
 }
 .validation-message.has-custom-icon {
-  color: var(--ids-icon-color);
+  color: var(--ids-icon-color-default);
 }
 .validation-message.disabled {
-  color: var(--ids-input-disabled-text-color);
+  color: var(--ids-input-color-text-disabled);
 }
 .validation-message .ids-icon {
-  margin-inline-end: var(--ids-spacing-md);
+  margin-inline-end: var(--ids-space-30);
 }
 .validation-message.alert {
-  color: var(--ids-color-caution);
+  color: var(--ids-color-caution-default);
 }
 .validation-message.alert.disabled {
   color: var(--ids-color-caution-30);
 }
 .validation-message.warning {
-  color: var(--ids-color-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);
+  color: var(--ids-color-error-default);
 }
 .validation-message.error.disabled {
   color: var(--ids-color-error-30);
 }
 .validation-message.info {
-  color: var(--ids-color-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);
+  color: var(--ids-color-success-default);
 }
 .validation-message.success.disabled {
   color: var(--ids-color-success-30);
@@ -132,11 +132,11 @@ import{a as p}from"./ids-chunk-BQNSGN27.js";import{a as m}from"./ids-chunk-TPLRK
 }
 
 :host([no-margin]) .ids-checkbox {
-  margin: var(--ids-spacing-none);
+  margin: var(--ids-space-none);
 }
 
 .ids-checkbox {
-  margin-bottom: var(--ids-spacing-lg);
+  margin-bottom: var(--ids-space-40);
 }
 .ids-checkbox label {
   cursor: var(--ids-cursor-pointer);
@@ -150,11 +150,11 @@ import{a as p}from"./ids-chunk-BQNSGN27.js";import{a as m}from"./ids-chunk-TPLRK
 }
 .ids-checkbox label.required .label-checkbox::after {
   position: absolute;
-  font-family: var(--ids-font-family);
-  margin-inline-start: var(--ids-spacing-sm);
-  margin-inline-end: var(--ids-spacing-sm);
-  font-size: var(--ids-font-size-lg);
-  color: var(--ids-required-background-color);
+  font-family: var(--ids-font-family-default);
+  margin-inline-start: var(--ids-space-20);
+  margin-inline-end: var(--ids-space-20);
+  font-size: var(--ids-font-size-50);
+  color: var(--ids-input-required-indicator-color-text-default);
   content: "*";
   right: -13px;
   top: -2px;
@@ -166,11 +166,11 @@ import{a as p}from"./ids-chunk-BQNSGN27.js";import{a as m}from"./ids-chunk-TPLRK
   cursor: var(--ids-cursor-default);
 }
 .ids-checkbox.disabled label.required .label-checkbox::after {
-  color: var(--ids-required-disabled-background-color);
+  color: var(--ids-input-required-indicator-color-text-disabled);
 }
 .ids-checkbox.hitbox {
-  padding-top: var(--ids-spacing-xl);
-  padding-bottom: var(--ids-spacing-xl);
+  padding-top: var(--ids-space-50);
+  padding-bottom: var(--ids-space-50);
 }
 .ids-checkbox.hitbox label {
   padding-inline-start: 42px;
@@ -182,7 +182,7 @@ import{a as p}from"./ids-chunk-BQNSGN27.js";import{a as m}from"./ids-chunk-TPLRK
   margin-inline-start: 14px;
 }
 .ids-checkbox.horizontal {
-  margin-inline-end: var(--ids-spacing-xl);
+  margin-inline-end: var(--ids-space-50);
   display: inline-block;
 }
 .ids-checkbox input[type=checkbox] {
@@ -194,25 +194,25 @@ import{a as p}from"./ids-chunk-BQNSGN27.js";import{a as m}from"./ids-chunk-TPLRK
 }
 .ids-checkbox input[type=checkbox] ~ .checkmark {
   position: absolute;
-  border: var(--ids-checkbox-unchecked-border);
-  border-radius: var(--ids-checkbox-unchecked-border-radius);
+  border: var(--ids-checkbox-border);
+  border-radius: var(--ids-checkbox-border-radius);
   height: 14px;
   width: 14px;
   left: 0;
   top: 2px;
 }
 .ids-checkbox input[type=checkbox].error ~ .checkmark {
-  border-color: var(--ids-checkbox-unchecked-error-border-color);
+  border-color: var(--ids-checkbox-color-border-error);
 }
 .ids-checkbox input[type=checkbox]:checked ~ .checkmark {
-  background-color: var(--ids-checkbox-checked-background-color);
-  border-color: var(--ids-checkbox-checked-border-color);
+  background-color: var(--ids-checkbox-color-background-selected);
+  border-color: var(--ids-checkbox-color-border-selected);
 }
 .ids-checkbox input[type=checkbox]:checked ~ .checkmark::after {
   position: absolute;
   display: block;
-  border: var(--ids-font-size-xs) solid var(--ids-checkbox-checked-after-border-color);
-  border-width: var(--ids-checkbox-checked-after-border-width);
+  border: var(--ids-font-size-20) solid var(--ids-checkbox-color-border-selected-after);
+  border-width: var(--ids-checkbox-border-width-selected-after);
   animation: check 0.15s;
   transform: rotate(45deg);
   content: "";
@@ -222,15 +222,15 @@ import{a as p}from"./ids-chunk-BQNSGN27.js";import{a as m}from"./ids-chunk-TPLRK
   width: 4px;
 }
 .ids-checkbox input[type=checkbox].indeterminate ~ .checkmark {
-  background-color: var(--ids-checkbox-indeterminate-background-color);
-  border-color: var(--ids-checkbox-indeterminate-border-color);
+  background-color: var(--ids-checkbox-color-background-indeterminate);
+  border-color: var(--ids-checkbox-color-border-indeterminate);
 }
 .ids-checkbox input[type=checkbox].indeterminate ~ .checkmark::after {
   position: absolute;
   animation: checkindeterminate 0.15s;
   display: block;
-  border: 1px solid var(--ids-checkbox-indeterminate-after-border-color);
-  border-width: var(--ids-checkbox-indeterminate-after-border-width);
+  border: 1px solid var(--ids-checkbox-color-border-indeterminate-after);
+  border-width: var(--ids-checkbox-border-width-indeterminate);
   content: "";
   height: 6px;
   left: 2px;
@@ -239,24 +239,24 @@ import{a as p}from"./ids-chunk-BQNSGN27.js";import{a as m}from"./ids-chunk-TPLRK
   width: 10px;
 }
 .ids-checkbox input[type=checkbox]:focus ~ .checkmark {
-  border-color: var(--ids-checkbox-focus-border-color);
+  border-color: var(--ids-checkbox-color-border-focus);
   box-shadow: var(--ids-checkbox-focus-box-shadow);
 }
 .ids-checkbox input[type=checkbox]:disabled ~ .checkmark {
-  background-color: var(--ids-checkbox-disabled-unchecked-background-color);
-  border-color: var(--ids-checkbox-disabled-unchecked-border-color);
+  background-color: var(--ids-checkbox-color-background-disabled);
+  border-color: var(--ids-checkbox-color-border-disabled);
   cursor: var(--ids-cursor-default);
 }
 .ids-checkbox input[type=checkbox]:disabled ~ .label-checkbox {
   cursor: var(--ids-cursor-default);
-  color: var(--ids-checkbox-disabled-text-color);
+  color: var(--ids-checkbox-color-text-disabled);
 }
 .ids-checkbox input[type=checkbox]:disabled.error ~ .checkmark {
   border-color: var(--ids-color-error-30);
 }
 .ids-checkbox input[type=checkbox]:disabled:checked ~ .checkmark {
-  background-color: var(--ids-checkbox-disabled-checked-background-color);
-  border-color: var(--ids-checkbox-disabled-checked-border-color);
+  background-color: var(--ids-checkbox-color-background-selected-disabled);
+  border-color: var(--ids-checkbox-color-border-selected-disabled);
 }
 .ids-checkbox.no-animation input[type=checkbox]:checked ~ .checkmark::after {
   animation: none;
@@ -266,13 +266,13 @@ import{a as p}from"./ids-chunk-BQNSGN27.js";import{a as m}from"./ids-chunk-TPLRK
   border-color: var(--ids-color-emerald-70);
 }
 .ids-checkbox[color=emerald] input[type=checkbox]:disabled ~ .checkmark {
-  background-color: var(--ids-checkbox-disabled-unchecked-background-color);
-  border-color: var(--ids-checkbox-disabled-unchecked-border-color);
+  background-color: var(--ids-checkbox-color-background-disabled);
+  border-color: var(--ids-checkbox-color-border-disabled);
   cursor: var(--ids-cursor-default);
 }
 .ids-checkbox[color=emerald] input[type=checkbox]:disabled:checked ~ .checkmark {
-  background-color: var(--ids-checkbox-disabled-checked-background-color);
-  border-color: var(--ids-checkbox-disabled-checked-border-color);
+  background-color: var(--ids-checkbox-color-background-selected-disabled);
+  border-color: var(--ids-checkbox-color-border-selected-disabled);
 }
 .ids-checkbox[color=emerald] input[type=checkbox]:focus ~ .checkmark {
   border-color: var(--ids-color-emerald-70);
@@ -282,13 +282,13 @@ import{a as p}from"./ids-chunk-BQNSGN27.js";import{a as m}from"./ids-chunk-TPLRK
   border-color: var(--ids-color-amethyst-70);
 }
 .ids-checkbox[color=amethyst] input[type=checkbox]:disabled ~ .checkmark {
-  background-color: var(--ids-checkbox-disabled-unchecked-background-color);
-  border-color: var(--ids-checkbox-disabled-unchecked-border-color);
+  background-color: var(--ids-checkbox-color-background-disabled);
+  border-color: var(--ids-checkbox-color-border-disabled);
   cursor: var(--ids-cursor-default);
 }
 .ids-checkbox[color=amethyst] input[type=checkbox]:disabled:checked ~ .checkmark {
-  background-color: var(--ids-checkbox-disabled-checked-background-color);
-  border-color: var(--ids-checkbox-disabled-checked-border-color);
+  background-color: var(--ids-checkbox-color-background-selected-disabled);
+  border-color: var(--ids-checkbox-color-border-selected-disabled);
 }
 .ids-checkbox[color=amethyst] input[type=checkbox]:focus ~ .checkmark {
   border-color: var(--ids-color-amethyst-70);
@@ -298,13 +298,13 @@ import{a as p}from"./ids-chunk-BQNSGN27.js";import{a as m}from"./ids-chunk-TPLRK
   border-color: var(--ids-color-azure-70);
 }
 .ids-checkbox[color=azure] input[type=checkbox]:disabled ~ .checkmark {
-  background-color: var(--ids-checkbox-disabled-unchecked-background-color);
-  border-color: var(--ids-checkbox-disabled-unchecked-border-color);
+  background-color: var(--ids-checkbox-color-background-disabled);
+  border-color: var(--ids-checkbox-color-border-disabled);
   cursor: var(--ids-cursor-default);
 }
 .ids-checkbox[color=azure] input[type=checkbox]:disabled:checked ~ .checkmark {
-  background-color: var(--ids-checkbox-disabled-checked-background-color);
-  border-color: var(--ids-checkbox-disabled-checked-border-color);
+  background-color: var(--ids-checkbox-color-background-selected-disabled);
+  border-color: var(--ids-checkbox-color-border-selected-disabled);
 }
 .ids-checkbox[color=azure] input[type=checkbox]:focus ~ .checkmark {
   border-color: var(--ids-color-azure-70);
@@ -314,13 +314,13 @@ import{a as p}from"./ids-chunk-BQNSGN27.js";import{a as m}from"./ids-chunk-TPLRK
   border-color: var(--ids-color-amber-70);
 }
 .ids-checkbox[color=amber] input[type=checkbox]:disabled ~ .checkmark {
-  background-color: var(--ids-checkbox-disabled-unchecked-background-color);
-  border-color: var(--ids-checkbox-disabled-unchecked-border-color);
+  background-color: var(--ids-checkbox-color-background-disabled);
+  border-color: var(--ids-checkbox-color-border-disabled);
   cursor: var(--ids-cursor-default);
 }
 .ids-checkbox[color=amber] input[type=checkbox]:disabled:checked ~ .checkmark {
-  background-color: var(--ids-checkbox-disabled-checked-background-color);
-  border-color: var(--ids-checkbox-disabled-checked-border-color);
+  background-color: var(--ids-checkbox-color-background-selected-disabled);
+  border-color: var(--ids-checkbox-color-border-selected-disabled);
 }
 .ids-checkbox[color=amber] input[type=checkbox]:focus ~ .checkmark {
   border-color: var(--ids-color-amber-70);
@@ -330,28 +330,28 @@ import{a as p}from"./ids-chunk-BQNSGN27.js";import{a as m}from"./ids-chunk-TPLRK
   border-color: var(--ids-color-ruby-70);
 }
 .ids-checkbox[color=ruby] input[type=checkbox]:disabled ~ .checkmark {
-  background-color: var(--ids-checkbox-disabled-unchecked-background-color);
-  border-color: var(--ids-checkbox-disabled-unchecked-border-color);
+  background-color: var(--ids-checkbox-color-background-disabled);
+  border-color: var(--ids-checkbox-color-border-disabled);
   cursor: var(--ids-cursor-default);
 }
 .ids-checkbox[color=ruby] input[type=checkbox]:disabled:checked ~ .checkmark {
-  background-color: var(--ids-checkbox-disabled-checked-background-color);
-  border-color: var(--ids-checkbox-disabled-checked-border-color);
+  background-color: var(--ids-checkbox-color-background-selected-disabled);
+  border-color: var(--ids-checkbox-color-border-selected-disabled);
 }
 .ids-checkbox[color=ruby] input[type=checkbox]:focus ~ .checkmark {
   border-color: var(--ids-color-ruby-70);
 }
 .ids-checkbox .validation-message {
-  margin-top: var(--ids-spacing-md);
+  margin-top: var(--ids-space-30);
   margin-inline-start: -1px;
 }
 .ids-checkbox.has-focus input[type=checkbox] ~ .checkmark {
-  border-color: var(--ids-checkbox-has-focus-border-color);
-  box-shadow: var(--ids-checkbox-has-focus-box-shadow);
+  border-color: var(--ids-checkbox-focus-border-color);
+  box-shadow: var(--ids-checkbox-focus-box-shadow);
 }
 
 :host-context(form) {
-  margin-top: var(--ids-spacing-lg);
+  margin-top: var(--ids-space-40);
   display: flex;
 }
 
@@ -365,16 +365,16 @@ import{a as p}from"./ids-chunk-BQNSGN27.js";import{a as m}from"./ids-chunk-TPLRK
 }
 
 :host(.multiselect-checkbox) input[type=checkbox]:not(:checked):not(:disabled) ~ .checkmark {
-  background-color: var(--ids-checkbox-multiselect-checkbox-background-color);
+  background-color: var(--ids-checkbox-color-background-multiselect);
 }
 :host(.multiselect-checkbox) .ids-checkbox label {
-  padding-inline-start: var(--ids-spacing-xxl);
-}`;var L=x(p(m(u(b(h(k)))))),t=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 c=this.color?` color="${this.color}"`:"",o=i(this.labelAudible)?' audible="true"':"",r=i(this.disabled)?" disabled":"",v=i(this.horizontal)?" horizontal":"",a=i(this.checked)?" checked":"",f=i(this.noAnimation)?" no-animation":"",y=` class="ids-checkbox${r}${v}${f}"`,s="checkbox";s+=i(this.indeterminate)?" indeterminate":"",s=` class="${s}"`;let E=!(i(this.labelRequired)||this.labelRequired===null),A=!this.label.length||this.labelState==="hidden"?" empty":"";return`
-      <div${y}${c} part="root">
+  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}${r}${a}>
+          <input part="input" type="checkbox"${s}${t}${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,c=>{this.indeterminate=!1,this.#e=!0,this.checked=!!this.input?.checked,this.triggerEvent(c.type,this,{detail:{elem:this,nativeEvent:c,value:this.value,checked:this.input?.checked},bubbles:!0})})}attachNativeEvents(){["focus","keydown","keypress","keyup","click","dbclick"].forEach(o=>{this.onEvent(o,this.input,r=>{this.triggerEvent(r.type,this,{detail:{elem:this,nativeEvent:r,value:this.value,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(c){let o=i(c),r=this.shadowRoot?.querySelector(".checkmark");this.checked===o&&this.input?.checked===o||(o?(this.setAttribute(e.CHECKED,String(o)),r?.classList.add(e.CHECKED)):(this.removeAttribute(e.CHECKED),r?.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 i(this.getAttribute(e.CHECKED))}set color(c){let o=this.shadowRoot?.querySelector(".ids-checkbox");c?(this.setAttribute(e.COLOR,c.toString()),o?.setAttribute(e.COLOR,c.toString())):(this.removeAttribute(e.COLOR),o?.removeAttribute(e.COLOR))}get color(){return this.getAttribute(e.COLOR)}set disabled(c){let o=this.shadowRoot?.querySelector(".ids-checkbox"),r=i(c);r?(this.setAttribute(e.DISABLED,r.toString()),this.input?.setAttribute(e.DISABLED,r.toString()),o?.classList.add(e.DISABLED),this.labelEl?.querySelector(".label-checkbox")?.setAttribute(e.DISABLED,r.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(c){let o=this.shadowRoot?.querySelector(".ids-checkbox"),r=i(c);r?(this.setAttribute(e.HORIZONTAL,r.toString()),o?.classList.add(e.HORIZONTAL)):(this.removeAttribute(e.HORIZONTAL),o?.classList.remove(e.HORIZONTAL))}get horizontal(){return this.getAttribute(e.HORIZONTAL)}set indeterminate(c){let o=i(c);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(c){c?(this.setAttribute(e.VALUE,String(c)),this.input?.setAttribute(e.VALUE,String(c))):(this.removeAttribute(e.VALUE),this.input?.removeAttribute(e.VALUE))}get value(){return this.getAttribute(e.VALUE)}set noAnimation(c){let o=i(c);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 i(this.getAttribute(e.NO_ANIMATION))||!1}focus(){this.input?.focus()}};t=d([l("ids-checkbox"),n(g)],t);export{t 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,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};

package/chunks/ids-chunk-OIS6KGMU.js

@@ -0,0 +1 @@
+import{b as u}from"./ids-chunk-UR2NLGN4.js";var o=class{#a=[];#t=[];#e=null;#u=1;#o;#h;#s=!1;#f=!1;get allData(){return this.#e?this.flatten?this.#r(this.#e):this.#e:this.#t}set data(e){this.#t=this.#r(u(e)),this.#a=e,this.#h=this.#t?.length||0}get data(){return this.pageSize&&this.pageSize<this.total?this.paginate(this.pageNumber,this.pageSize):this.#t}get currentData(){return this.#n(this.#t)}set currentData(e){this.#t=e}get originalData(){return this.#a}get flatten(){return this.#s}set flatten(e){this.#s=e}get filtered(){return this.#f}set filtered(e){this.#f=e}#r(e){if(!this.#s)return e;let s=[],n=(i,t,r,h)=>{i.map((a,l)=>{a.parentElement="",a.ariaLevel=r,a.ariaSetSize=t,a.ariaPosinset=l+1,r===1&&(a.originalElement=l,this.pageNumber>1&&(a.originalElement=l+(this.pageNumber-1)*this.pageSize)),r>1&&(a.parentElement=h),s.push(a),a.children&&(this.pageNumber>1&&(l+=(this.pageNumber-1)*this.pageSize),n(a.children,a.children.length,r+1,`${a.parentElement?`${a.parentElement} `:""}${a.id}`))})};return n(e,e.length,1,""),s}#n(e){if(!this.#s)return e;let s={};return e.forEach(i=>{s[i?.id]=i}),e.filter(i=>{delete i.ariaSetSize,delete i.ariaPosinset;let t=i.ariaLevel;return delete i.ariaLevel,s[i.id]=i,i.children?.forEach((r,h)=>{i.children[h]=s[r?.id]}),t===1})}get total(){return this.#h}set total(e){this.#h=e}set pageNumber(e){this.#u=e}get pageNumber(){return this.#u}set pageSize(e){this.#o=e}get pageSize(){return this.#o}#i={pageNumber:-1,pageSize:-1,data:null};#l(){this.#i={pageNumber:-1,pageSize:-1,data:null}}#g(e,s){let{pageNumber:n,pageSize:i}=this.#i;return n===Number(e)&&i===Number(s)}paginate(e=1,s=10){if(this.#g(e,s))return this.#i.data;this.#i.pageNumber=Number(e),this.#i.pageSize=Number(s),e=Math.max(e||1,1),s=s||1;let i=e*s-s,t;if(this.flatten){let r=this.#n(u(this.#t));t=this.#r(r.slice(i,i+s))}else t=this.#t.slice(i,i+s);return this.#i.data=t,t}forEach(e){this.#t.forEach(e)}sort(e,s){let n=this.sortFunction(e,s);if(this.#l(),this.flatten){let i=this.#n(this.#t);i.sort(n),this.#t=this.#r(i);return}this.#t.sort(n),this.#a.sort(n)}sortFunction(e,s){let n=t=>{if(t=t??"",typeof t=="string"){t=t.toUpperCase();let r=Number(t);t!==""&&!Number.isNaN(r)&&Number.isFinite(r)&&(t=r)}return t},i=t=>n(t[e]);return s=s?1:-1,(t,r)=>(t=i(t),r=i(r),typeof t=="number"&&typeof r=="string"&&r!==""?s*-1:typeof t=="string"&&typeof r=="number"&&t!==""?s:t===""?r===""?0:1:r===""?t===""?0:-1:(typeof t!=typeof r&&(t=t.toString().toLowerCase(),r=r.toString().toLowerCase()),s*(+(t>r)-+(r>t))))}filter(e){let s=i=>{this.#t=this.flatten?this.#r(i):i,this.total=this.#t.length,this.pageNumber=1},n=()=>{s(this.#e),this.#e=null,this.#l(),this.filtered=!1};if(typeof e=="function"){let i=this.flatten?this.#n(this.#t):this.#t;if(this.#e=this.#e||i,this.#e.forEach((t,r)=>{t.isFilteredOut=e(t,r)}),this.#e.some(t=>t.isFilteredOut)){let t=this.#e.filter(r=>{let h=!r.isFilteredOut;return delete r.isFilteredOut,h});s(t),this.#l(),this.filtered=!0}else n()}else this.#e&&n()}},c=o;export{c as a};

package/chunks/{ids-chunk-H2ESTTQV.js → ids-chunk-OKBUVHAP.js}

@@ -1,4 +1,4 @@
-import{a as s}from"./ids-chunk-YS37TBDI.js";import{a as r,b as i}from"./ids-chunk-XE4WFW5M.js";import{a as o}from"./ids-chunk-GTV4PSEA.js";import{b as n}from"./ids-chunk-2NN3ZJ6Q.js";import{a as t}from"./ids-chunk-U7OOVFXE.js";var a=`
+import{a as s}from"./ids-chunk-B6P5AQ2Z.js";import{a as r,b as i}from"./ids-chunk-XE4WFW5M.js";import{a}from"./ids-chunk-7JIYCFAW.js";import{b as n}from"./ids-chunk-HABPILOR.js";import{a as t}from"./ids-chunk-U7OOVFXE.js";var o=`
 /* Ids Menu Header Component */
 :host {
   display: block;
@@ -9,11 +9,11 @@ import{a as s}from"./ids-chunk-YS37TBDI.js";import{a as r,b as i}from"./ids-chun
   padding-inline: var(--ids-menu-header-padding);
   font-weight: var(--ids-menu-header-font-weight);
   font-size: var(--ids-menu-header-font-size);
-  color: var(--ids-menu-header-text-color);
-  font-family: var(--ids-font-family);
+  color: var(--ids-menu-header-color-text);
+  font-family: var(--ids-font-family-default);
   list-style: none;
   text-align: start;
 }
 .ids-menu-header.align-for-icons {
   padding-inline-start: var(--ids-menu-header-icon-padding);
-}`;var e=class extends s(o){constructor(){super()}connectedCallback(){super.connectedCallback(),this.setAttribute(n.ROLE,"none"),this.menu&&this.decorateForIcon(this.menu.hasIcons)}static get attributes(){return[...super.attributes]}get menu(){return this.parentElement}template(){return'<div class="ids-menu-header" part="header" role="none"><slot></slot></div>'}decorateForIcon(d){this.container?.classList[d?"add":"remove"]("align-for-icons")}};e=t([r("ids-menu-header"),i(a)],e);export{e as a};
+}`;var e=class extends s(a){constructor(){super()}connectedCallback(){super.connectedCallback(),this.setAttribute(n.ROLE,"none"),this.menu&&this.decorateForIcon(this.menu.hasIcons)}static get attributes(){return[...super.attributes]}get menu(){return this.parentElement}template(){return'<div class="ids-menu-header" part="header" role="none"><slot></slot></div>'}decorateForIcon(d){this.container?.classList[d?"add":"remove"]("align-for-icons")}};e=t([r("ids-menu-header"),i(o)],e);export{e as a};

package/chunks/{ids-chunk-PPT7GJXK.js → ids-chunk-OL3ARYDL.js}

@@ -1 +1 @@
-import{a,b as n}from"./ids-chunk-FY732MLA.js";import{a as o,b as i}from"./ids-chunk-XE4WFW5M.js";import{e as u}from"./ids-chunk-VGRUIA4C.js";import{a as t}from"./ids-chunk-2NN3ZJ6Q.js";import{a as s}from"./ids-chunk-U7OOVFXE.js";var e=class extends n{constructor(){super()}connectedCallback(){super.connectedCallback()}static get attributes(){return[...super.attributes,t.CANCEL]}get protoClasses(){return["ids-modal-button"]}get cancel(){return this.hasAttribute(t.CANCEL)}set cancel(r){u(r)?this.setAttribute(t.CANCEL,`${r}`):this.removeAttribute(t.CANCEL)}};e=s([o("ids-modal-button"),i(a)],e);export{e as a};
+import{a,b as n}from"./ids-chunk-4RXDW4MK.js";import{a as o,b as i}from"./ids-chunk-XE4WFW5M.js";import{e as u}from"./ids-chunk-TJKIW3GF.js";import{a as t}from"./ids-chunk-HABPILOR.js";import{a as s}from"./ids-chunk-U7OOVFXE.js";var e=class extends n{constructor(){super()}connectedCallback(){super.connectedCallback()}static get attributes(){return[...super.attributes,t.CANCEL]}get protoClasses(){return["ids-modal-button"]}get cancel(){return this.hasAttribute(t.CANCEL)}set cancel(r){u(r)?this.setAttribute(t.CANCEL,`${r}`):this.removeAttribute(t.CANCEL)}};e=s([o("ids-modal-button"),i(a)],e);export{e as a};