ids-enterprise-wc 1.0.0-beta.11 → 1.0.0-beta.13

package/chunks/{ids-chunk-LWWKV2NM.js → ids-chunk-G5LBR5MN.js}

@@ -1,4 +1,4 @@
-import{a as g}from"./ids-chunk-P7DBJ4E6.js";import{a as c,b as u}from"./ids-chunk-DRW37UXP.js";import{a as l}from"./ids-chunk-T6ZV4PDM.js";import{a as h}from"./ids-chunk-PNSDXMRQ.js";import{a as d}from"./ids-chunk-YS37TBDI.js";import{a as o,b as r}from"./ids-chunk-XE4WFW5M.js";import{a as p}from"./ids-chunk-5WRLNTVI.js";import{e as i}from"./ids-chunk-VGRUIA4C.js";import{a as n}from"./ids-chunk-EZRDAHD3.js";import{a}from"./ids-chunk-U7OOVFXE.js";var m=`
+import{a as m}from"./ids-chunk-63KQ42SL.js";import{a as h,b as u}from"./ids-chunk-DRW37UXP.js";import{a as l}from"./ids-chunk-T6ZV4PDM.js";import{a as c}from"./ids-chunk-RRSHSZ55.js";import{a as d}from"./ids-chunk-AKCO43TX.js";import{a as o,b as r}from"./ids-chunk-XE4WFW5M.js";import{a as p}from"./ids-chunk-GFV2Z7F5.js";import{e as i}from"./ids-chunk-QPDOZZIG.js";import{a as n}from"./ids-chunk-EQJWBFQ2.js";import{a as s}from"./ids-chunk-U7OOVFXE.js";var g=`
 :host {
   display: block;
 }
@@ -12,8 +12,8 @@ import{a as g}from"./ids-chunk-P7DBJ4E6.js";import{a as c,b as u}from"./ids-chun
 }
 .ids-accordion-panel.color-variant-app-menu {
   margin-bottom: 4px;
-  background-color: var(--ids-app-menu-accordion-panel-background-color);
-  transition: background-color var(--ids-transition-length) var(--ids-transition-ease), height var(--ids-transition-length) var(--ids-transition-ease), padding var(--ids-transition-length) var(--ids-transition-ease);
+  background-color: var(--ids-app-menu-accordion-panel-color-background);
+  transition: background-color var(--ids-motion-duration) var(--ids-motion-ease), height var(--ids-motion-duration) var(--ids-motion-ease), padding var(--ids-motion-duration) var(--ids-motion-ease);
 }
 .ids-accordion-panel.color-variant-app-menu.expanded {
   padding-block: 8px;
@@ -44,7 +44,7 @@ import{a as g}from"./ids-chunk-P7DBJ4E6.js";import{a as c,b as u}from"./ids-chun
   display: none;
   height: 0;
   overflow: hidden;
-  transition: height var(--ids-transition-length) var(--ids-transition-ease);
+  transition: height var(--ids-motion-duration) var(--ids-motion-ease);
 }
 
 .ids-accordion-pane-title {
@@ -56,7 +56,7 @@ import{a as g}from"./ids-chunk-P7DBJ4E6.js";import{a as c,b as u}from"./ids-chun
   padding: 0;
   position: absolute;
   width: 1px;
-}`;var f=h(l(d(p))),s=class extends f{paneOpenListener;paneCloseListener;constructor(){super(),this.state={}}connectedCallback(){super.connectedCallback(),this.#s(),this.#o(),this.#n(this.contentAlignment),this.#t(),this.#i(this.expanded)}static get attributes(){return[...super.attributes,n.DISABLED,n.EXPANDED]}colorVariants=["app-menu","sub-app-menu"];#s(){let e=Math.floor(1e4+Math.random()*9e4);this.pane?.setAttribute("title",`ids-accordion-pane-${e}`)}onColorVariantRefresh(){this.#t()}set contentAlignment(e){let t=null;c.includes(e)&&(t=e),this.state.contentAlignment!==t&&(this.state.contentAlignment=t,this.#n(t),this.header&&this.header?.refreshContentAlignment(t))}get contentAlignment(){return this.state.contentAlignment}#n(e=null){this.container&&u(this.container?.classList,e)}get accordion(){return this.closest("ids-accordion")}get header(){return this.querySelector('[slot="header"]')}get expander(){return this.container?.querySelector(".ids-accordion-panel-expander")}get pane(){return this.container?.querySelector(".ids-accordion-pane")}get hasParentPanel(){return this.parentElement?.tagName==="IDS-ACCORDION-PANEL"}get parentExpanded(){return this.hasParentPanel&&this.parentElement?.expanded}get isExpandable(){return[...this.children].length>1}set expanded(e){let t=i(e),v=this.expanded;t?this.setAttribute(n.EXPANDED,`${e}`):this.removeAttribute(n.EXPANDED),t!==v&&this.#i(t)}get expanded(){return i(this.getAttribute(n.EXPANDED))}#i(e){this.header?.setAttribute("aria-expanded",`${e}`),e?(this.expandPane(),this.accordion.allowOnePane&&this.#a()):this.collapsePane()}#a(){[...this.parentElement?.querySelectorAll(":scope > ids-accordion-panel")??[]].forEach(t=>{t!==this&&t.expanded&&(t.expanded=!1)})}#e(){this.expanded=!this.expanded,this.select(this)}#t(){this.header instanceof g&&this.header.toggleExpanderIcon(this.isExpandable)}get nested(){return!!this.container?.classList?.contains("nested")}set nested(e){this.container?.classList[i(e)?"add":"remove"]("nested")}get disabled(){return i(this.getAttribute(n.DISABLED))}set disabled(e){let t=i(e);this.header.disabled=t,t?(this.setAttribute(n.DISABLED,`${t}`),this.setAttribute(n.TABINDEX,"-1")):(this.removeAttribute(n.DISABLED),this.removeAttribute(n.TABINDEX))}collapsePane(){requestAnimationFrame(()=>{this.pane&&(this.paneOpenListener&&(this.pane.removeEventListener("transitionend",this.paneOpenListener),delete this.paneOpenListener),this.pane.style.height=`${this.pane.scrollHeight}px`,this.container?.classList.remove("expanded"),this.header&&(this.header.expanded=!1),requestAnimationFrame(()=>{this.pane&&(this.pane.style.height="0px",this.paneCloseListener=()=>{this.pane&&(this.pane.style.display="none")},this.pane.addEventListener("transitionend",this.paneCloseListener,{once:!0}))}))})}expandPane(){!this.pane||!this.isExpandable||(this.paneCloseListener&&(this.pane.removeEventListener("transitionend",this.paneCloseListener),delete this.paneCloseListener),this.pane.style.display="block",requestAnimationFrame(()=>{this.container?.classList.add("expanded"),this.header&&(this.header.expanded=!0),this.pane&&(this.pane.style.height=`${this.pane.scrollHeight}px`,this.paneOpenListener=()=>{this.pane&&(this.pane.style.height="auto")},this.pane.addEventListener("transitionend",this.paneOpenListener,{once:!0}))}))}#o(){this.onEvent("click",this.expander,()=>{this.disabled||this.#e()}),this.listen("Enter",this.expander,e=>{e.stopPropagation(),this.disabled||this.#e()}),this.listen(" ",this.expander,e=>{e.stopPropagation(),this.disabled||this.#e()}),this.onEvent("touchend",this.expander,e=>{e.touches&&e.touches.length>0&&this.#e()},{passive:!0}),this.onEvent("slotchange",this,()=>{this.#t()})}select(e){e?.tagName==="IDS-ACCORDION-PANEL"&&(this.header.selected=!0,e.focus())}focus(){this.header.focus()}template(){return`
+}`;var f=c(l(d(p))),a=class extends f{paneOpenListener;paneCloseListener;constructor(){super(),this.state={}}connectedCallback(){super.connectedCallback(),this.#a(),this.#o(),this.#n(this.contentAlignment),this.#t(),this.#i(this.expanded)}static get attributes(){return[...super.attributes,n.DISABLED,n.EXPANDED]}colorVariants=["app-menu","sub-app-menu"];#a(){let e=Math.floor(1e4+Math.random()*9e4);this.pane?.setAttribute("title",`ids-accordion-pane-${e}`)}onColorVariantRefresh(){this.#t()}set contentAlignment(e){let t=null;h.includes(e)&&(t=e),this.state.contentAlignment!==t&&(this.state.contentAlignment=t,this.#n(t),this.header&&this.header?.refreshContentAlignment(t))}get contentAlignment(){return this.state.contentAlignment}#n(e=null){this.container&&u(this.container?.classList,e)}get accordion(){return this.closest("ids-accordion")}get header(){return this.querySelector('[slot="header"]')}get expander(){return this.container?.querySelector(".ids-accordion-panel-expander")}get pane(){return this.container?.querySelector(".ids-accordion-pane")}get hasParentPanel(){return this.parentElement?.tagName==="IDS-ACCORDION-PANEL"}get parentExpanded(){return this.hasParentPanel&&this.parentElement?.expanded}get isExpandable(){return[...this.children].length>1}set expanded(e){let t=i(e),v=this.expanded;t?this.setAttribute(n.EXPANDED,`${e}`):this.removeAttribute(n.EXPANDED),t!==v&&this.#i(t)}get expanded(){return i(this.getAttribute(n.EXPANDED))}#i(e){this.header?.setAttribute("aria-expanded",`${e}`),e?(this.expandPane(),this.accordion.allowOnePane&&this.#s()):this.collapsePane()}#s(){[...this.parentElement?.querySelectorAll(":scope > ids-accordion-panel")??[]].forEach(t=>{t!==this&&t.expanded&&(t.expanded=!1)})}#e(){this.expanded=!this.expanded,this.select(this)}#t(){this.header instanceof m&&this.header.toggleExpanderIcon(this.isExpandable)}get nested(){return!!this.container?.classList?.contains("nested")}set nested(e){this.container?.classList[i(e)?"add":"remove"]("nested")}get disabled(){return i(this.getAttribute(n.DISABLED))}set disabled(e){let t=i(e);this.header.disabled=t,t?(this.setAttribute(n.DISABLED,`${t}`),this.setAttribute(n.TABINDEX,"-1")):(this.removeAttribute(n.DISABLED),this.removeAttribute(n.TABINDEX))}collapsePane(){requestAnimationFrame(()=>{this.pane&&(this.paneOpenListener&&(this.pane.removeEventListener("transitionend",this.paneOpenListener),delete this.paneOpenListener),this.pane.style.height=`${this.pane.scrollHeight}px`,this.container?.classList.remove("expanded"),this.header&&(this.header.expanded=!1),requestAnimationFrame(()=>{this.pane&&(this.pane.style.height="0px",this.paneCloseListener=()=>{this.pane&&(this.pane.style.display="none")},this.pane.addEventListener("transitionend",this.paneCloseListener,{once:!0}))}))})}expandPane(){!this.pane||!this.isExpandable||(this.paneCloseListener&&(this.pane.removeEventListener("transitionend",this.paneCloseListener),delete this.paneCloseListener),this.pane.style.display="block",requestAnimationFrame(()=>{this.container?.classList.add("expanded"),this.header&&(this.header.expanded=!0),this.pane&&(this.pane.style.height=`${this.pane.scrollHeight}px`,this.paneOpenListener=()=>{this.pane&&(this.pane.style.height="auto")},this.pane.addEventListener("transitionend",this.paneOpenListener,{once:!0}))}))}#o(){this.onEvent("click",this.expander,()=>{this.disabled||this.#e()}),this.listen("Enter",this.expander,e=>{e.stopPropagation(),this.disabled||this.#e()}),this.listen(" ",this.expander,e=>{e.stopPropagation(),this.disabled||this.#e()}),this.onEvent("touchend",this.expander,e=>{e.touches&&e.touches.length>0&&this.#e()},{passive:!0}),this.onEvent("slotchange",this,()=>{this.#t()})}select(e){e?.tagName==="IDS-ACCORDION-PANEL"&&(this.header.selected=!0,e.focus())}focus(){this.header.focus()}template(){return`
       <div class="ids-accordion-panel">
         <div class="ids-accordion-panel-expander">
           <slot name="header"></slot>
@@ -67,4 +67,4 @@ import{a as g}from"./ids-chunk-P7DBJ4E6.js";import{a as c,b as u}from"./ids-chun
           </div>
         </div>
       </div>
-    `}};s=a([o("ids-accordion-panel"),r(m)],s);export{s as a};
+    `}};a=s([o("ids-accordion-panel"),r(g)],a);export{a};

package/chunks/ids-chunk-GFV2Z7F5.js

@@ -0,0 +1 @@
+import{a as l}from"./ids-chunk-QPDOZZIG.js";var h=class extends HTMLElement{constructor(e){super();this.args=e;e?.noShadowRoot||(this.#e(),this.#t())}name;state={};cachedNonce="";container=null;hasStyles=!1;connectedCallback(){this.args?.noShadowRoot||this.render()}#e(){this.name=this.nodeName?.toLowerCase()}attributeChangedCallback(e,t,n){if(t===n)return;let s=this,c={id:s.onIdChange,hidden:s.onHiddenChange,title:s.onTitleChange}[e];if(typeof c=="function"){c.call(this,n);return}let o=i=>{switch(i){case"tabindex":return typeof this.tabIndex=="number"?"tabIndex":"tabindex";default:return l(i)}};this[o(e)]=n}disconnectedCallback(){this.cssStyles=null,this.popupOpenEventsTarget=null}static get observedAttributes(){return this.attributes}static get attributes(){return[]}render(e){if((!this.template||this.shadowRoot)&&!e)return this;let t=this.template();if(!t)return this;let n=document.createElement("template");if(this.shadowRoot?.innerHTML)for(let s of this.shadowRoot.children)s.nodeName!=="STYLE"&&s.remove();return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),n.innerHTML=t,this.shadowRoot?.appendChild(n.content.cloneNode(!0)),this.container=this.shadowRoot?.querySelector(`.${this.name}`),this.shadowRoot?.firstElementChild?.nodeName==="STYLE"&&!this.container&&(this.container=this.shadowRoot?.firstElementChild.nextElementSibling),this.shadowRoot?.firstElementChild?.nodeName!=="STYLE"&&!this.container&&(this.container=this.shadowRoot?.firstElementChild),this}template(){return""}get nonce(){let e=document;if(!e.nonce){let t=document.querySelector('meta[http-equiv="Content-Security-Policy"]');if(t){let n=t.getAttribute("content").match(/'nonce-(.*?)'/g);n=n?n[0]?.replace("'nonce-","").replace("'",""):void 0,e.nonce=n}}return e.nonce||"0a59a005"}appendStyles(){if(this.hasStyles||this.args?.noStyles)return;let e=document.createElement("style");e.textContent=this.cssStyles,this.nonce&&e.setAttribute("nonce",this.nonce),this.shadowRoot?.appendChild(e),this.hasStyles=!0}#t(){let e=window;e.idsStylesAdded||(e.idsStylesAdded=!0,this.theme="default-light")}set theme(e){this.loadTheme(e),document.body.querySelector("ids-theme-switcher")?.setAttribute("theme",e)}lastTheme="";async loadTheme(e){if(this.lastTheme===e)return;this.lastTheme=e,document.querySelector("ids-container")?.setAttribute("hidden","");let t=document.querySelector('link[href*="ids-theme"]');if(t){let a=t.getAttribute("href"),d=a?.replace(/^.*[\\/]/,"")||"";t.setAttribute("href",a?.replace(d,`ids-theme-${e}.css`)||"");return}if(document.querySelector("ids-theme-switcher[self-managed]"))return;let c=await(await fetch(`../themes/ids-theme-${e}.css`,{cache:"reload"})).text(),o=document.head,i=document.querySelector("#ids-theme"),r=i||document.createElement("style");if(r.textContent=c,r.id="ids-theme",this.nonce&&r.setAttribute("nonce",this.nonce),!i){let a=o.querySelector("title");a?o.insertBefore(r,a.nextElementSibling):o.insertAdjacentHTML("beforeend",r)}this.loadLegacyTheme(e),document.querySelector("ids-container")?.setAttribute("animated",""),setTimeout(()=>{document.querySelector("ids-container")?.removeAttribute("hidden")},150)}loadLegacyTheme(e){let t=document.querySelector("#stylesheet");if(t||(t=document.querySelector("#sohoxi-stylesheet")),!t)return;let n=t?.getAttribute("href"),s=e.replace("default","theme-new");n&&t?.setAttribute("href",n.replace("theme-new-light",s).replace("theme-new-dark",s).replace("theme-new-contrast",s))}};export{h as a};

package/chunks/ids-chunk-GIDJN4GO.js

@@ -0,0 +1,280 @@
+import{a as b}from"./ids-chunk-AKCO43TX.js";import{a as d,b as h}from"./ids-chunk-XE4WFW5M.js";import{a as g}from"./ids-chunk-GFV2Z7F5.js";import{e as u}from"./ids-chunk-QPDOZZIG.js";import{a as t}from"./ids-chunk-EQJWBFQ2.js";import{a as p}from"./ids-chunk-U7OOVFXE.js";var m=`
+/* Ids Step Chart Component */
+:host {
+  width: 100%;
+}
+
+:host([disabled]) .ids-step-chart .step-chart-container .step {
+  background-color: var(--ids-step-chart-step-disabled-color);
+}
+
+.ids-step-chart {
+  contain: content;
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+  margin: var(--ids-step-chart-margin);
+}
+.ids-step-chart .step-label-container {
+  margin-block-end: var(--ids-step-chart-inner-margin);
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  flex: 1 1 auto;
+}
+.ids-step-chart .step-label-container .secondary-label {
+  display: flex;
+  flex-direction: row;
+}
+.ids-step-chart .step-label-container .secondary-label .completed-label {
+  margin-inline-end: var(--ids-step-chart-inner-margin);
+}
+.ids-step-chart .step-label-container .secondary-label .icon {
+  margin-inline-start: var(--ids-step-chart-inner-margin);
+}
+.ids-step-chart .step-chart-container {
+  display: flex;
+  flex-direction: row;
+  flex: 1 1 auto;
+}
+.ids-step-chart .step-chart-container .step {
+  margin: calc(var(--ids-step-chart-inner-margin) - 3px);
+  height: var(--ids-step-chart-height);
+  box-sizing: content-box;
+  border: 1px;
+  flex: 1 1 auto;
+}
+.ids-step-chart .step-chart-container .step[color=ruby01] {
+  background-color: var(--ids-color-ruby-10);
+}
+.ids-step-chart .step-chart-container .step[color=ruby02] {
+  background-color: var(--ids-color-ruby-20);
+}
+.ids-step-chart .step-chart-container .step[color=ruby03] {
+  background-color: var(--ids-color-ruby-30);
+}
+.ids-step-chart .step-chart-container .step[color=ruby04] {
+  background-color: var(--ids-color-ruby-40);
+}
+.ids-step-chart .step-chart-container .step[color=ruby05] {
+  background-color: var(--ids-color-ruby-50);
+}
+.ids-step-chart .step-chart-container .step[color=ruby06] {
+  background-color: var(--ids-color-ruby-60);
+}
+.ids-step-chart .step-chart-container .step[color=ruby07] {
+  background-color: var(--ids-color-ruby-70);
+}
+.ids-step-chart .step-chart-container .step[color=ruby08] {
+  background-color: var(--ids-color-ruby-80);
+}
+.ids-step-chart .step-chart-container .step[color=ruby09] {
+  background-color: var(--ids-color-ruby-90);
+}
+.ids-step-chart .step-chart-container .step[color=ruby10] {
+  background-color: var(--ids-color-ruby-100);
+}
+.ids-step-chart .step-chart-container .step[color=amber01] {
+  background-color: var(--ids-color-amber-10);
+}
+.ids-step-chart .step-chart-container .step[color=amber02] {
+  background-color: var(--ids-color-amber-20);
+}
+.ids-step-chart .step-chart-container .step[color=amber03] {
+  background-color: var(--ids-color-amber-30);
+}
+.ids-step-chart .step-chart-container .step[color=amber04] {
+  background-color: var(--ids-color-amber-40);
+}
+.ids-step-chart .step-chart-container .step[color=amber05] {
+  background-color: var(--ids-color-amber-50);
+}
+.ids-step-chart .step-chart-container .step[color=amber06] {
+  background-color: var(--ids-color-amber-60);
+}
+.ids-step-chart .step-chart-container .step[color=amber07] {
+  background-color: var(--ids-color-amber-70);
+}
+.ids-step-chart .step-chart-container .step[color=amber08] {
+  background-color: var(--ids-color-amber-80);
+}
+.ids-step-chart .step-chart-container .step[color=amber09] {
+  background-color: var(--ids-color-amber-90);
+}
+.ids-step-chart .step-chart-container .step[color=amber10] {
+  background-color: var(--ids-color-amber-100);
+}
+.ids-step-chart .step-chart-container .step[color=emerald01] {
+  background-color: var(--ids-color-emerald-10);
+}
+.ids-step-chart .step-chart-container .step[color=emerald02] {
+  background-color: var(--ids-color-emerald-20);
+}
+.ids-step-chart .step-chart-container .step[color=emerald03] {
+  background-color: var(--ids-color-emerald-30);
+}
+.ids-step-chart .step-chart-container .step[color=emerald04] {
+  background-color: var(--ids-color-emerald-40);
+}
+.ids-step-chart .step-chart-container .step[color=emerald05] {
+  background-color: var(--ids-color-emerald-50);
+}
+.ids-step-chart .step-chart-container .step[color=emerald06] {
+  background-color: var(--ids-color-emerald-60);
+}
+.ids-step-chart .step-chart-container .step[color=emerald07] {
+  background-color: var(--ids-color-emerald-70);
+}
+.ids-step-chart .step-chart-container .step[color=emerald08] {
+  background-color: var(--ids-color-emerald-80);
+}
+.ids-step-chart .step-chart-container .step[color=emerald09] {
+  background-color: var(--ids-color-emerald-90);
+}
+.ids-step-chart .step-chart-container .step[color=emerald10] {
+  background-color: var(--ids-color-emerald-100);
+}
+.ids-step-chart .step-chart-container .step[color=azure01] {
+  background-color: var(--ids-color-azure-10);
+}
+.ids-step-chart .step-chart-container .step[color=azure02] {
+  background-color: var(--ids-color-azure-20);
+}
+.ids-step-chart .step-chart-container .step[color=azure03] {
+  background-color: var(--ids-color-azure-30);
+}
+.ids-step-chart .step-chart-container .step[color=azure04] {
+  background-color: var(--ids-color-azure-40);
+}
+.ids-step-chart .step-chart-container .step[color=azure05] {
+  background-color: var(--ids-color-azure-50);
+}
+.ids-step-chart .step-chart-container .step[color=azure06] {
+  background-color: var(--ids-color-azure-60);
+}
+.ids-step-chart .step-chart-container .step[color=azure07] {
+  background-color: var(--ids-color-azure-70);
+}
+.ids-step-chart .step-chart-container .step[color=azure08] {
+  background-color: var(--ids-color-azure-80);
+}
+.ids-step-chart .step-chart-container .step[color=azure09] {
+  background-color: var(--ids-color-azure-90);
+}
+.ids-step-chart .step-chart-container .step[color=azure10] {
+  background-color: var(--ids-color-azure-100);
+}
+.ids-step-chart .step-chart-container .step[color=turquoise01] {
+  background-color: var(--ids-color-turquoise-10);
+}
+.ids-step-chart .step-chart-container .step[color=turquoise02] {
+  background-color: var(--ids-color-turquoise-20);
+}
+.ids-step-chart .step-chart-container .step[color=turquoise03] {
+  background-color: var(--ids-color-turquoise-30);
+}
+.ids-step-chart .step-chart-container .step[color=turquoise04] {
+  background-color: var(--ids-color-turquoise-40);
+}
+.ids-step-chart .step-chart-container .step[color=turquoise05] {
+  background-color: var(--ids-color-turquoise-50);
+}
+.ids-step-chart .step-chart-container .step[color=turquoise06] {
+  background-color: var(--ids-color-turquoise-60);
+}
+.ids-step-chart .step-chart-container .step[color=turquoise07] {
+  background-color: var(--ids-color-turquoise-70);
+}
+.ids-step-chart .step-chart-container .step[color=turquoise08] {
+  background-color: var(--ids-color-turquoise-80);
+}
+.ids-step-chart .step-chart-container .step[color=turquoise09] {
+  background-color: var(--ids-color-turquoise-90);
+}
+.ids-step-chart .step-chart-container .step[color=turquoise10] {
+  background-color: var(--ids-color-turquoise-100);
+}
+.ids-step-chart .step-chart-container .step[color=amethyst01] {
+  background-color: var(--ids-color-amethyst-10);
+}
+.ids-step-chart .step-chart-container .step[color=amethyst02] {
+  background-color: var(--ids-color-amethyst-20);
+}
+.ids-step-chart .step-chart-container .step[color=amethyst03] {
+  background-color: var(--ids-color-amethyst-30);
+}
+.ids-step-chart .step-chart-container .step[color=amethyst04] {
+  background-color: var(--ids-color-amethyst-40);
+}
+.ids-step-chart .step-chart-container .step[color=amethyst05] {
+  background-color: var(--ids-color-amethyst-50);
+}
+.ids-step-chart .step-chart-container .step[color=amethyst06] {
+  background-color: var(--ids-color-amethyst-60);
+}
+.ids-step-chart .step-chart-container .step[color=amethyst07] {
+  background-color: var(--ids-color-amethyst-70);
+}
+.ids-step-chart .step-chart-container .step[color=amethyst08] {
+  background-color: var(--ids-color-amethyst-80);
+}
+.ids-step-chart .step-chart-container .step[color=amethyst09] {
+  background-color: var(--ids-color-amethyst-90);
+}
+.ids-step-chart .step-chart-container .step[color=amethyst10] {
+  background-color: var(--ids-color-amethyst-100);
+}
+.ids-step-chart .step-chart-container .step[color=slate01] {
+  background-color: var(--ids-color-neutral-10);
+}
+.ids-step-chart .step-chart-container .step[color=slate02] {
+  background-color: var(--ids-color-neutral-20);
+}
+.ids-step-chart .step-chart-container .step[color=slate03] {
+  background-color: var(--ids-color-neutral-30);
+}
+.ids-step-chart .step-chart-container .step[color=slate04] {
+  background-color: var(--ids-color-neutral-40);
+}
+.ids-step-chart .step-chart-container .step[color=slate05] {
+  background-color: var(--ids-color-neutral-50);
+}
+.ids-step-chart .step-chart-container .step[color=slate06] {
+  background-color: var(--ids-color-neutral-60);
+}
+.ids-step-chart .step-chart-container .step[color=slate07] {
+  background-color: var(--ids-color-neutral-70);
+}
+.ids-step-chart .step-chart-container .step[color=slate08] {
+  background-color: var(--ids-color-neutral-80);
+}
+.ids-step-chart .step-chart-container .step[color=slate09] {
+  background-color: var(--ids-color-neutral-90);
+}
+.ids-step-chart .step-chart-container .step[color=slate10] {
+  background-color: var(--ids-color-neutral-100);
+}
+.ids-step-chart .step-chart-container .step[color=base] {
+  background-color: var(--ids-color-primary);
+}
+.ids-step-chart .step-chart-container .step[color=info] {
+  background-color: var(--ids-color-info);
+}
+.ids-step-chart .step-chart-container .step[color=caution] {
+  background-color: var(--ids-color-caution);
+}
+.ids-step-chart .step-chart-container .step[color=error] {
+  background-color: var(--ids-color-error);
+}
+.ids-step-chart .step-chart-container .step[color=success] {
+  background-color: var(--ids-color-success);
+}
+.ids-step-chart .step-chart-container .step[color=warning] {
+  background-color: var(--ids-color-warning);
+}
+.ids-step-chart .step-chart-container .step.untouched {
+  background-color: var(--ids-step-chart-color-background-default);
+}
+.ids-step-chart .step-chart-container .step.completed {
+  background-color: var(--ids-step-chart-color-background-complete);
+}`;var e=class extends b(g){internalStepsInProgress=[];constructor(){super()}connectedCallback(){super.connectedCallback()}static get attributes(){return[...super.attributes,t.COLOR,t.COMPLETED_LABEL,t.DISABLED,t.LABEL,t.PROGRESS_COLOR,t.STEP_NUMBER,t.STEPS_IN_PROGRESS,t.VALUE]}get color(){return this.getAttribute(t.COLOR)}set color(r){r&&this.getAttribute(t.COLOR)!==r&&(this.setAttribute("color",r),this.container?.querySelectorAll(".complete").forEach(o=>{o.setAttribute("color",r)}))}get completedLabel(){return this.getAttribute(t.COMPLETED_LABEL)??""}set completedLabel(r){if(this.getAttribute(t.COMPLETED_LABEL)!==r){this.setAttribute("completed-label",r);let o=this.container?.querySelector(".completed-label");o&&(o.innerHTML=`${r}`)}}set disabled(r){u(r)?this.setAttribute(t.DISABLED,""):this.removeAttribute(t.DISABLED)}get disabled(){return this.hasAttribute(t.DISABLED)}get label(){return this.getAttribute(t.LABEL)??""}set label(r){if(this.getAttribute(t.LABEL)!==r){this.setAttribute("label",r);let o=this.container?.querySelector(".label");o&&(o.innerHTML=`${r}`)}}get progressColor(){return this.getAttribute(t.PROGRESS_COLOR)}set progressColor(r){this.getAttribute(t.PROGRESS_COLOR)!==r&&(this.setAttribute("progress-color",String(r)),this.container?.querySelectorAll(".in-progress").forEach(o=>{o.setAttribute("color",String(r))}))}get stepNumber(){return parseInt(this.getAttribute(t.STEP_NUMBER)??"")}set stepNumber(r){this.getAttribute(t.STEP_NUMBER)!==r&&(this.setAttribute("step-number",String(r)),this.container&&(this.container.innerHTML=this.template()),this.#r())}get stepsInProgress(){return this.internalStepsInProgress}set stepsInProgress(r){typeof r=="string"&&(r=r.split(",")),this.internalStepsInProgress=r.map(Number),this.#r()}get value(){return parseInt(this.getAttribute(t.VALUE)??"")}set value(r){this.setAttribute("value",String(r)),this.#r()}template(){let r=`<ids-text class="label" id="chart-label" font-size="16">${this.label}</ids-text>`,o="",i="",l="",n="";for(let s=1;s<=this.stepNumber;s++){let c="step",a="";this.internalStepsInProgress&&this.internalStepsInProgress.length>0&&this.progressColor&&this.internalStepsInProgress.includes(s)?(c+=" in-progress",a=`${this.progressColor}`):s<=this.value?(a=`${this.color}`,c+=" complete"):c+=" untouched",l+=`<div class="${c}" color="${a}" part="step"></div>`}return i=`<div class="step-chart-container" part="step-chart"> ${l} </div>`,this.completedLabel?o+=`<ids-text class="completed-label" font-size="14">${this.completedLabel}</ids-text>`:o+='<ids-text class="completed-label" font-size="14"></ids-text>',o+='<slot name="icon"></slot>',r+=`<div class="secondary-label">${o}</div>`,n=`<div class="ids-step-chart"><div class="step-label-container">${r}</div>${i}</div>`,n}#r(){this.container?.querySelectorAll(".step").forEach((r,o)=>{r.className="",this.internalStepsInProgress&&this.internalStepsInProgress.length>0&&this.progressColor&&this.internalStepsInProgress.includes(o+1)?(r.classList.add("step","in-progress"),r.setAttribute("color",`${this.progressColor}`)):o<=this.value-1?(r.setAttribute("color",`${this.color}`),r.classList.add("step","complete")):r.classList.add("step","untouched")})}};e=p([d("ids-step-chart"),h(m)],e);export{e as a};

package/chunks/{ids-chunk-KDF7I3E7.js → ids-chunk-GKMQ5DXK.js}

@@ -1,4 +1,4 @@
-import{a as h}from"./ids-chunk-PNSDXMRQ.js";import{a as l}from"./ids-chunk-YS37TBDI.js";import{a as d,b as u}from"./ids-chunk-XE4WFW5M.js";import{a as c}from"./ids-chunk-5WRLNTVI.js";import{e as o}from"./ids-chunk-VGRUIA4C.js";import{a as i}from"./ids-chunk-EZRDAHD3.js";import{a}from"./ids-chunk-U7OOVFXE.js";var b=`
+import{a as h}from"./ids-chunk-RRSHSZ55.js";import{a as l}from"./ids-chunk-AKCO43TX.js";import{a as d,b as u}from"./ids-chunk-XE4WFW5M.js";import{a as c}from"./ids-chunk-GFV2Z7F5.js";import{e as s}from"./ids-chunk-QPDOZZIG.js";import{a as i}from"./ids-chunk-EQJWBFQ2.js";import{a}from"./ids-chunk-U7OOVFXE.js";var b=`
 /* Ids Breadcrumb Component */
 .ids-breadcrumb {
   -webkit-font-smoothing: antialiased;
@@ -15,11 +15,11 @@ import{a as h}from"./ids-chunk-PNSDXMRQ.js";import{a as l}from"./ids-chunk-YS37T
 .ids-breadcrumb-menu::after {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  color: var(--ids-breadcrumb-text-color);
+  color: var(--ids-breadcrumb-color-text-default);
   content: "/";
   font-weight: var(--ids-breadcrumb-font-weight);
-  padding-right: var(--ids-spacing-md);
-  padding-left: var(--ids-spacing-none);
+  padding-right: var(--ids-space-30);
+  padding-left: var(--ids-space-none);
   text-decoration: none;
   display: inline-block;
   vertical-align: top;
@@ -35,45 +35,45 @@ import{a as h}from"./ids-chunk-PNSDXMRQ.js";import{a as l}from"./ids-chunk-YS37T
   overflow: hidden;
 }
 .ids-breadcrumb nav {
-  padding: var(--ids-spacing-lg);
+  padding: var(--ids-space-40);
 }
 .ids-breadcrumb nav.truncate::before {
-  transition: width var(--ids-transition-length) var(--ids-transition-ease), background var(--ids-transition-length) var(--ids-transition-ease);
+  transition: width var(--ids-motion-duration) var(--ids-motion-ease), background var(--ids-motion-duration) var(--ids-motion-ease);
   background-color: transparent;
-  background-image: linear-gradient(to right, var(--ids-body-background-color), rgba(255, 255, 255, 0));
+  background-image: linear-gradient(to right, var(--ids-color-background-default), rgba(255, 255, 255, 0));
   content: "";
   height: 100%;
   left: 0;
   pointer-events: none;
   position: absolute;
   top: 0;
-  z-index: var(--ids-z-index-toolbar);
-  width: var(--ids-size-md);
+  z-index: var(--ids-z-index-10);
+  width: var(--ids-size-40);
 }
 .ids-breadcrumb.color-variant-breadcrumb .ids-breadcrumb-menu::after {
-  color: var(--ids-breadcrumb-text-color);
+  color: var(--ids-breadcrumb-color-text-default);
 }
 .ids-breadcrumb.color-variant-breadcrumb nav.truncate::before {
-  color: var(--ids-breadcrumb-text-color);
+  color: var(--ids-breadcrumb-color-text-default);
 }
 .ids-breadcrumb.color-variant-alternate .ids-breadcrumb-menu::after {
-  color: var(--ids-breadcrumb-inverse-text-color);
+  color: var(--ids-breadcrumb-color-text-emphasis);
 }
 .ids-breadcrumb.color-variant-alternate nav.truncate::before {
-  color: var(--ids-breadcrumb-inverse-text-color);
-  background-image: linear-gradient(to right, var(--ids-header-gradient-opaque), var(--ids-header-gradient-transparent));
+  color: var(--ids-breadcrumb-color-text-emphasis);
+  background-image: linear-gradient(to right, var(--ids-header-gradient-opacity-none), var(--ids-header-gradient-opacity-full));
 }
 
 a.ids-hyperlink,
 span.ids-breadcrumb-divider {
   font-size: var(--ids-breadcrumb-font-size);
-  font-family: var(--ids-font-family);
-  color: var(--ids-breadcrumb-text-color);
+  font-family: var(--ids-font-family-default);
+  color: var(--ids-breadcrumb-color-text-default);
   margin-inline-end: 0;
 }
 a.ids-hyperlink:not(.ids-hyperlink-color-unset):not([mode]),
 span.ids-breadcrumb-divider:not(.ids-hyperlink-color-unset):not([mode]) {
-  color: var(--ids-breadcrumb-text-color);
+  color: var(--ids-breadcrumb-color-text-default);
 }
 
 ::slotted(*),
@@ -86,11 +86,11 @@ span.ids-breadcrumb-divider:not(:first-child)::before {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-size: var(--ids-breadcrumb-font-size);
-  font-family: var(--ids-font-family);
+  font-family: var(--ids-font-family-default);
   color: inherit;
   content: "/";
   font-weight: normal;
-  padding: var(--ids-spacing-xs) var(--ids-spacing-lg);
+  padding: var(--ids-space-10) var(--ids-space-40);
   text-decoration: none;
   display: inline-block;
   margin-inline-start: -3px;
@@ -99,7 +99,7 @@ span.ids-breadcrumb-divider:not(:first-child)::before {
 
 .hidden {
   display: none;
-}`;var m=h(l(c)),s=class extends m{onBreadcrumbActivate;constructor(){super()}connectedCallback(){super.connectedCallback(),this.setAttribute("role","list"),this.#s(),this.truncate&&this.#n(),this.onColorVariantRefresh(),this.setActiveBreadcrumb()}static get attributes(){return[...super.attributes,i.PADDING,i.TRUNCATE]}#t=new ResizeObserver(()=>this.#d());colorVariants=["breadcrumb","alternate"];#s(){this.onEvent("click",this,t=>{t.target.tagName==="IDS-HYPERLINK"&&typeof this.onBreadcrumbActivate=="function"&&this.current&&this.onBreadcrumbActivate(t.target,this.current)}),this.onEvent("beforeshow",this.popupMenuEl,t=>{this.triggerEvent("beforeshow",this,{bubbles:t.bubbles,detail:t.detail}),this.refreshOverflowedItems()}),this.onEvent("selected",this.popupMenuEl,t=>{this.triggerEvent("beforeshow",this,{bubbles:t.bubbles,detail:t.detail}),t.target.overflowTarget&&typeof this.onBreadcrumbActivate=="function"&&this.current&&this.onBreadcrumbActivate(t.target.overflowTarget,this.current)})}#o(){let t=this.popupMenuGroupEl,r=[...this.children].map(this.#e).join("");t?.insertAdjacentHTML("afterbegin",r),this.overflowMenuItems.forEach((e,n)=>{e.overflowTarget=this.children[n]})}#e(t){let r=t.hasAttribute(i.DISABLED)?" disabled":"",e=t.hasAttribute(i.HIDDEN)?" hidden":"";return`<ids-menu-item${r}${e}>${t.textContent}</ids-menu-item>`}#a(){this.popupMenuGroupEl&&(this.popupMenuGroupEl.innerHTML="")}#d(){return this.refreshBreadcrumbMenu(),this}template(){return`
+}`;var m=h(l(c)),o=class extends m{onBreadcrumbActivate;constructor(){super()}connectedCallback(){super.connectedCallback(),this.setAttribute("role","list"),this.#o(),this.truncate&&this.#n(),this.onColorVariantRefresh(),this.setActiveBreadcrumb()}static get attributes(){return[...super.attributes,i.PADDING,i.TRUNCATE]}#t=new ResizeObserver(()=>this.#d());colorVariants=["breadcrumb","alternate"];#o(){this.onEvent("click",this,t=>{t.target.tagName==="IDS-HYPERLINK"&&typeof this.onBreadcrumbActivate=="function"&&this.current&&this.onBreadcrumbActivate(t.target,this.current)}),this.onEvent("beforeshow",this.popupMenuEl,t=>{this.triggerEvent("beforeshow",this,{bubbles:t.bubbles,detail:t.detail}),this.refreshOverflowedItems()}),this.onEvent("selected",this.popupMenuEl,t=>{this.triggerEvent("beforeshow",this,{bubbles:t.bubbles,detail:t.detail}),t.target.overflowTarget&&typeof this.onBreadcrumbActivate=="function"&&this.current&&this.onBreadcrumbActivate(t.target.overflowTarget,this.current)})}#s(){let t=this.popupMenuGroupEl,r=[...this.children].map(this.#e).join("");t?.insertAdjacentHTML("afterbegin",r),this.overflowMenuItems.forEach((e,n)=>{e.overflowTarget=this.children[n]})}#e(t){let r=t.hasAttribute(i.DISABLED)?" disabled":"",e=t.hasAttribute(i.HIDDEN)?" hidden":"";return`<ids-menu-item${r}${e}>${t.textContent}</ids-menu-item>`}#a(){this.popupMenuGroupEl&&(this.popupMenuGroupEl.innerHTML="")}#d(){return this.refreshBreadcrumbMenu(),this}template(){return`
       <div class="ids-breadcrumb${this.truncate?" truncate":""}">
         <div class="ids-breadcrumb-menu hidden">
           <ids-menu-button id="icon-button" menu="icon-menu">
@@ -114,4 +114,4 @@ span.ids-breadcrumb-divider:not(:first-child)::before {
         <nav part="breadcrumb">
           <slot></slot>
         </nav>
-      </div>`}add(t){t.setAttribute("role","listitem"),t.setAttribute("text-decoration","hover"),t.setAttribute("color-variant",this.closest("ids-header")?"alternate":"breadcrumb"),t.setAttribute("hitbox","true"),t.getAttribute("font-size")||t.setAttribute("font-size",14);let r=this.lastElementChild;if(this.appendChild(t),this.setActiveBreadcrumb(t,r),this.truncate){this.popupMenuGroupEl?.insertAdjacentHTML("beforeend",this.#e(t));let e=this.popupMenuGroupEl?.lastElementChild;e&&(e.overflowTarget=t)}this.refreshBreadcrumbMenu()}delete(){if(this.lastElementChild){let t=this.removeChild(this.lastElementChild);return this.truncate&&this.popupMenuGroupEl?.lastElementChild&&this.popupMenuGroupEl?.removeChild(this.popupMenuGroupEl?.lastElementChild),this.lastElementChild&&this.setActiveBreadcrumb(),this.refreshBreadcrumbMenu(),t}return null}refreshBreadcrumbMenu(){this.refreshOverflowedItems(),this.hasVisibleActions()?this.#i():this.#r()}#i(){this.buttonEl?.removeAttribute("hidden"),this.menuContainerEl?.classList.remove(i.HIDDEN),this.container?.classList.add("truncate"),this.container?.querySelector("nav")?.classList.add("truncate")}#r(){this.buttonEl?.setAttribute("hidden",""),this.menuContainerEl?.classList.add(i.HIDDEN),this.container?.classList.remove("truncate"),this.container?.querySelector("nav")?.classList.remove("truncate")}get current(){return this.querySelector('[font-weight="semi-bold"]')}get buttonEl(){return this.container?.querySelector("ids-menu-button")}get menuContainerEl(){return this.container?.querySelector(".ids-breadcrumb-menu")}get navElem(){return this.container?.querySelector("nav")}get overflowMenuItems(){return this.popupMenuGroupEl?[...this.popupMenuGroupEl.children]:[]}get popupMenuEl(){return this.container?.querySelector("ids-popup-menu")}get popupMenuGroupEl(){return this.container?.querySelector("ids-menu-group")}set truncate(t){let r=this.truncate,e=o(t);r!==e&&(e?(this.setAttribute(i.TRUNCATE,String(t)),this.#n()):(this.removeAttribute(i.TRUNCATE),this.#u()))}get truncate(){return o(this.getAttribute(i.TRUNCATE))}#n(){this.#t.disconnect(),this.container&&this.#t.observe(this.container),this.#o(),this.#i(),this.container?.classList.add("can-truncate")}#u(){this.#t.disconnect(),this.#r(),this.#a(),this.container?.classList.remove("can-truncate")}set padding(t){t?(this.container?.style.setProperty("padding",`0 ${t}px`),this.setAttribute(i.PADDING,t.toString())):this.removeAttribute(i.PADDING)}get padding(){return this.getAttribute(i.PADDING)}isOverflowed(t){if(!this.contains(t)||t.hidden)return!1;let r=t.getBoundingClientRect(),e=this.navElem?.getBoundingClientRect(),n=r.right>(e?.right||NaN);return r.left<(e?.left||NaN)||n}refreshOverflowedItems(){this.overflowMenuItems.forEach(t=>{let r=!this.isOverflowed(t.overflowTarget);t.hidden=r,r?t.overflowTarget?.removeAttribute(i.OVERFLOWED):t.overflowTarget?.setAttribute(i.OVERFLOWED,"")}),this.menuContainerEl?.setAttribute(i.HIDDEN,String(!this.hasVisibleActions())),this.buttonEl?.setAttribute(i.HIDDEN,String(!this.hasVisibleActions())),this.buttonEl?.setAttribute(i.DISABLED,String(!this.hasEnabledActions()))}hasVisibleActions(){return!!this.container?.querySelectorAll("ids-menu-group > ids-menu-item:not([hidden])").length}hasEnabledActions(){return!!this.container?.querySelectorAll("ids-menu-group > ids-menu-item:not([disabled])").length}setActiveBreadcrumb(t,r){let e=t;this.contains(e)||(e=this.lastElementChild),r&&(r.fontWeight=null),e&&(e.fontWeight="bold")}onColorVariantRefresh(){let t=this.closest("ids-header"),r=t?"alternate":"breadcrumb",e=t?"alternate":null;this.buttonEl&&(this.buttonEl.colorVariant=e),[...this.children].forEach(n=>{n.setAttribute(i.COLOR_VARIANT,r)})}};s=a([d("ids-breadcrumb"),u(b)],s);export{s as a};
+      </div>`}add(t){t.setAttribute("role","listitem"),t.setAttribute("text-decoration","hover"),t.setAttribute("color-variant",this.closest("ids-header")?"alternate":"breadcrumb"),t.setAttribute("hitbox","true"),t.getAttribute("font-size")||t.setAttribute("font-size",14);let r=this.lastElementChild;if(this.appendChild(t),this.setActiveBreadcrumb(t,r),this.truncate){this.popupMenuGroupEl?.insertAdjacentHTML("beforeend",this.#e(t));let e=this.popupMenuGroupEl?.lastElementChild;e&&(e.overflowTarget=t)}this.refreshBreadcrumbMenu()}delete(){if(this.lastElementChild){let t=this.removeChild(this.lastElementChild);return this.truncate&&this.popupMenuGroupEl?.lastElementChild&&this.popupMenuGroupEl?.removeChild(this.popupMenuGroupEl?.lastElementChild),this.lastElementChild&&this.setActiveBreadcrumb(),this.refreshBreadcrumbMenu(),t}return null}refreshBreadcrumbMenu(){this.refreshOverflowedItems(),this.hasVisibleActions()?this.#i():this.#r()}#i(){this.buttonEl?.removeAttribute("hidden"),this.menuContainerEl?.classList.remove(i.HIDDEN),this.container?.classList.add("truncate"),this.container?.querySelector("nav")?.classList.add("truncate")}#r(){this.buttonEl?.setAttribute("hidden",""),this.menuContainerEl?.classList.add(i.HIDDEN),this.container?.classList.remove("truncate"),this.container?.querySelector("nav")?.classList.remove("truncate")}get current(){return this.querySelector('[font-weight="semi-bold"]')}get buttonEl(){return this.container?.querySelector("ids-menu-button")}get menuContainerEl(){return this.container?.querySelector(".ids-breadcrumb-menu")}get navElem(){return this.container?.querySelector("nav")}get overflowMenuItems(){return this.popupMenuGroupEl?[...this.popupMenuGroupEl.children]:[]}get popupMenuEl(){return this.container?.querySelector("ids-popup-menu")}get popupMenuGroupEl(){return this.container?.querySelector("ids-menu-group")}set truncate(t){let r=this.truncate,e=s(t);r!==e&&(e?(this.setAttribute(i.TRUNCATE,String(t)),this.#n()):(this.removeAttribute(i.TRUNCATE),this.#u()))}get truncate(){return s(this.getAttribute(i.TRUNCATE))}#n(){this.#t.disconnect(),this.container&&this.#t.observe(this.container),this.#s(),this.#i(),this.container?.classList.add("can-truncate")}#u(){this.#t.disconnect(),this.#r(),this.#a(),this.container?.classList.remove("can-truncate")}set padding(t){t?(this.container?.style.setProperty("padding",`0 ${t}px`),this.setAttribute(i.PADDING,t.toString())):this.removeAttribute(i.PADDING)}get padding(){return this.getAttribute(i.PADDING)}isOverflowed(t){if(!this.contains(t)||t.hidden)return!1;let r=t.getBoundingClientRect(),e=this.navElem?.getBoundingClientRect(),n=r.right>(e?.right||NaN);return r.left<(e?.left||NaN)||n}refreshOverflowedItems(){this.overflowMenuItems.forEach(t=>{let r=!this.isOverflowed(t.overflowTarget);t.hidden=r,r?t.overflowTarget?.removeAttribute(i.OVERFLOWED):t.overflowTarget?.setAttribute(i.OVERFLOWED,"")}),this.menuContainerEl?.setAttribute(i.HIDDEN,String(!this.hasVisibleActions())),this.buttonEl?.setAttribute(i.HIDDEN,String(!this.hasVisibleActions())),this.buttonEl?.setAttribute(i.DISABLED,String(!this.hasEnabledActions()))}hasVisibleActions(){return!!this.container?.querySelectorAll("ids-menu-group > ids-menu-item:not([hidden])").length}hasEnabledActions(){return!!this.container?.querySelectorAll("ids-menu-group > ids-menu-item:not([disabled])").length}setActiveBreadcrumb(t,r){let e=t;this.contains(e)||(e=this.lastElementChild),r&&(r.fontWeight=null),e&&(e.fontWeight="bold")}onColorVariantRefresh(){let t=this.closest("ids-header"),r=t?"alternate":"breadcrumb",e=t?"alternate":null;this.buttonEl&&(this.buttonEl.colorVariant=e),[...this.children].forEach(n=>{n.setAttribute(i.COLOR_VARIANT,r)})}};o=a([d("ids-breadcrumb"),u(b)],o);export{o as a};

package/chunks/{ids-chunk-NMSTTDGA.js → ids-chunk-GRYAIPTC.js}

@@ -1,4 +1,4 @@
-import{a as d}from"./ids-chunk-PNSDXMRQ.js";import{a as l}from"./ids-chunk-YS37TBDI.js";import{a as o,b as n}from"./ids-chunk-XE4WFW5M.js";import{a as c}from"./ids-chunk-5WRLNTVI.js";import{e}from"./ids-chunk-VGRUIA4C.js";import{a as t}from"./ids-chunk-EZRDAHD3.js";import{a as s}from"./ids-chunk-U7OOVFXE.js";var m=`
+import{a as d}from"./ids-chunk-RRSHSZ55.js";import{a as l}from"./ids-chunk-AKCO43TX.js";import{a as o,b as n}from"./ids-chunk-XE4WFW5M.js";import{a as c}from"./ids-chunk-GFV2Z7F5.js";import{e}from"./ids-chunk-QPDOZZIG.js";import{a as t}from"./ids-chunk-EQJWBFQ2.js";import{a as s}from"./ids-chunk-U7OOVFXE.js";var m=`
 /* Ids Separator Component */
 :host {
   display: block;
@@ -10,7 +10,7 @@ import{a as d}from"./ids-chunk-PNSDXMRQ.js";import{a as l}from"./ids-chunk-YS37T
 }
 
 .ids-separator {
-  background-color: var(--ids-separator-background-color);
+  background-color: var(--ids-separator-color-background);
   display: block;
   list-style: none;
 }
@@ -27,6 +27,6 @@ import{a as d}from"./ids-chunk-PNSDXMRQ.js";import{a as l}from"./ids-chunk-YS37T
 }
 .ids-separator.color-variant-alternate-formatter.vertical {
   align-self: center;
-  background-color: var(--ids-separator-alternate-background-color);
+  background-color: var(--ids-separator-alternate-color-background);
   height: 16px;
 }`;var g=d(l(c)),a=class extends g{constructor(){super()}connectedCallback(){super.connectedCallback()}static get attributes(){return[...super.attributes,t.VERTICAL]}colorVariants=["alternate-formatter"];template(){let r="div";return this.parentElement?.tagName==="IDS-MENU-GROUP"&&(r="li"),`<${r} part="separator" class="ids-separator${this.vertical?" vertical":""} "></${r}>`}set vertical(r){let p=this.vertical,i=e(r);p!==i&&(i?(this.container?.classList.add(t.VERTICAL),this.setAttribute(t.VERTICAL,"")):(this.container?.classList.remove(t.VERTICAL),this.removeAttribute(t.VERTICAL)))}get vertical(){return e(this.getAttribute(t.VERTICAL))}};a=s([o("ids-separator"),n(m)],a);export{a};

package/chunks/{ids-chunk-H7ZJ7MQB.js → ids-chunk-GUNX4KFT.js}

@@ -1 +1 @@
-import{a as r,b as n,c as l}from"./ids-chunk-MD33HDXF.js";import{e as s}from"./ids-chunk-VGRUIA4C.js";import{a as e}from"./ids-chunk-EZRDAHD3.js";var o=a=>class extends a{constructor(...t){super(...t)}connectedCallback(){super.connectedCallback?.(),this.hasAttribute(e.LABEL_STATE)&&(this.labelState=this.getAttribute(e.LABEL_STATE))}static get attributes(){return[...a.attributes,...r]}set label(t){t!==null?this.setAttribute(e.LABEL,t):this.removeAttribute(e.LABEL),typeof this.onLabelChange=="function"&&this.onLabelChange(t)}get label(){return this.getAttribute(e.LABEL)??""}set labelState(t){n(t)&&(t!==null?this.setAttribute(e.LABEL_STATE,t):this.removeAttribute(e.LABEL_STATE),typeof this.onLabelStateChange=="function"&&this.onLabelStateChange(t))}get labelState(){return this.getAttribute(e.LABEL_STATE)}set labelRequired(t){let i=l(t);i?this.setAttribute(e.LABEL_REQUIRED,i.toString()):this.setAttribute(e.LABEL_REQUIRED,"false"),typeof this.onLabelRequiredChange=="function"&&this.onLabelRequiredChange()}get labelRequired(){let t=this.getAttribute(e.LABEL_REQUIRED);return t!==null?s(t):!0}},u=o;export{u as a};
+import{a as r,b as n,c as l}from"./ids-chunk-T6ZG7KNF.js";import{e as s}from"./ids-chunk-QPDOZZIG.js";import{a as e}from"./ids-chunk-EQJWBFQ2.js";var o=a=>class extends a{constructor(...t){super(...t)}connectedCallback(){super.connectedCallback?.(),this.hasAttribute(e.LABEL_STATE)&&(this.labelState=this.getAttribute(e.LABEL_STATE))}static get attributes(){return[...a.attributes,...r]}set label(t){t!==null?this.setAttribute(e.LABEL,t):this.removeAttribute(e.LABEL),typeof this.onLabelChange=="function"&&this.onLabelChange(t)}get label(){return this.getAttribute(e.LABEL)??""}set labelState(t){n(t)&&(t!==null?this.setAttribute(e.LABEL_STATE,t):this.removeAttribute(e.LABEL_STATE),typeof this.onLabelStateChange=="function"&&this.onLabelStateChange(t))}get labelState(){return this.getAttribute(e.LABEL_STATE)}set labelRequired(t){let i=l(t);i?this.setAttribute(e.LABEL_REQUIRED,i.toString()):this.setAttribute(e.LABEL_REQUIRED,"false"),typeof this.onLabelRequiredChange=="function"&&this.onLabelRequiredChange()}get labelRequired(){let t=this.getAttribute(e.LABEL_REQUIRED);return t!==null?s(t):!0}},u=o;export{u as a};

package/chunks/{ids-chunk-WEMLD7H6.js → ids-chunk-H6LIZCQQ.js}

@@ -1 +1 @@
-import{a}from"./ids-chunk-YS37TBDI.js";import{a as o}from"./ids-chunk-XE4WFW5M.js";import{a as n}from"./ids-chunk-5WRLNTVI.js";import{a as r}from"./ids-chunk-EZRDAHD3.js";import{a as i}from"./ids-chunk-U7OOVFXE.js";var t=class extends a(n){constructor(){super()}connectedCallback(){super.connectedCallback(),this.#t()}template(){return"<slot></slot>"}#t(){this.onEvent("itemselect",this,e=>{e.stopPropagation(),this.querySelectorAll("ids-hierarchy-item").forEach(s=>{s.removeAttribute(r.SELECTED),s.setAttribute("aria-selected",!1)}),requestAnimationFrame(()=>{e.target.setAttribute(r.SELECTED,!0),e.target.setAttribute("aria-selected",!0)})})}};t=i([o("ids-hierarchy")],t);export{t as a};
+import{a}from"./ids-chunk-AKCO43TX.js";import{a as o}from"./ids-chunk-XE4WFW5M.js";import{a as n}from"./ids-chunk-GFV2Z7F5.js";import{a as r}from"./ids-chunk-EQJWBFQ2.js";import{a as i}from"./ids-chunk-U7OOVFXE.js";var t=class extends a(n){constructor(){super()}connectedCallback(){super.connectedCallback(),this.#t()}template(){return"<slot></slot>"}#t(){this.onEvent("itemselect",this,e=>{e.stopPropagation(),this.querySelectorAll("ids-hierarchy-item").forEach(s=>{s.removeAttribute(r.SELECTED),s.setAttribute("aria-selected",!1)}),requestAnimationFrame(()=>{e.target.setAttribute(r.SELECTED,!0),e.target.setAttribute("aria-selected",!0)})})}};t=i([o("ids-hierarchy")],t);export{t as a};

package/chunks/{ids-chunk-OSEAQLVG.js → ids-chunk-H6VK2AA6.js}

@@ -1,4 +1,4 @@
-import{a as y}from"./ids-chunk-PRFN5Z6E.js";import{a as v}from"./ids-chunk-H7ZJ7MQB.js";import{b as E}from"./ids-chunk-DOUQMGBU.js";import{a as A}from"./ids-chunk-6ODOQWQL.js";import{a as p}from"./ids-chunk-XI7FK7NW.js";import{a as b}from"./ids-chunk-2LLTCZBW.js";import{a as c}from"./ids-chunk-T6ZV4PDM.js";import{a as m}from"./ids-chunk-YS37TBDI.js";import{a as g,b as u}from"./ids-chunk-XE4WFW5M.js";import{a as f}from"./ids-chunk-5WRLNTVI.js";import{e as d}from"./ids-chunk-VGRUIA4C.js";import{a as e}from"./ids-chunk-EZRDAHD3.js";import{a as h}from"./ids-chunk-U7OOVFXE.js";var I=`
+import{a as y}from"./ids-chunk-PRFN5Z6E.js";import{a as v}from"./ids-chunk-GUNX4KFT.js";import{b as E}from"./ids-chunk-NZGHOKVC.js";import{a as A}from"./ids-chunk-SEZJIM5Z.js";import{a as p}from"./ids-chunk-WGF76AHI.js";import{a as b}from"./ids-chunk-N7RNTKMO.js";import{a as c}from"./ids-chunk-T6ZV4PDM.js";import{a as m}from"./ids-chunk-AKCO43TX.js";import{a as g,b as u}from"./ids-chunk-XE4WFW5M.js";import{a as f}from"./ids-chunk-GFV2Z7F5.js";import{e as d}from"./ids-chunk-QPDOZZIG.js";import{a as e}from"./ids-chunk-EQJWBFQ2.js";import{a as h}from"./ids-chunk-U7OOVFXE.js";var I=`
 /* Ids Lookup Component */
 .data-grid-container {
   overflow: auto;

package/chunks/{ids-chunk-UUQHUFPI.js → ids-chunk-HFBRCKFE.js}

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

package/chunks/{ids-chunk-OV73MUUA.js → ids-chunk-HNJ6KURO.js}

@@ -1,8 +1,8 @@
-import{a as n}from"./ids-chunk-YS37TBDI.js";import{a as o,b as l}from"./ids-chunk-XE4WFW5M.js";import{a}from"./ids-chunk-5WRLNTVI.js";import{a as i}from"./ids-chunk-EZRDAHD3.js";import{a as r}from"./ids-chunk-U7OOVFXE.js";var c=`
+import{a as n}from"./ids-chunk-AKCO43TX.js";import{a as o,b as l}from"./ids-chunk-XE4WFW5M.js";import{a}from"./ids-chunk-GFV2Z7F5.js";import{a as i}from"./ids-chunk-EQJWBFQ2.js";import{a as r}from"./ids-chunk-U7OOVFXE.js";var c=`
 /* Ids Checkbox Group */
 .ids-checkbox-group ids-text {
   display: block;
-  margin-block-end: var(--ids-spacing-xl);
+  margin-block-end: var(--ids-space-50);
 }`;var t=class extends n(a){constructor(){super()}static get attributes(){return[...super.attributes,i.LABEL]}template(){return`
       <div class="ids-checkbox-group" part="checkbox-group">
         <ids-text font-size="16" type="span">${this.label}</ids-text>

package/chunks/{ids-chunk-XXSVCAZI.js → ids-chunk-I2COW2SQ.js}

@@ -1 +1 @@
-import{a as t}from"./ids-chunk-EZRDAHD3.js";var r=[t.DAY,t.FIRST_DAY_OF_WEEK,t.FORMAT,t.IS_CALENDAR_TOOLBAR,t.IS_DROPDOWN,t.MINUTE_INTERVAL,t.MONTH,t.RANGE_SETTINGS,t.SECOND_INTERVAL,t.SHOW_CANCEL,t.SHOW_CLEAR,t.SHOW_PICKLIST_MONTH,t.SHOW_PICKLIST_WEEK,t.SHOW_PICKLIST_YEAR,t.SHOW_TODAY,t.USE_CURRENT_TIME,t.USE_RANGE,t.VALUE,t.YEAR],A=0,O=11,n=["Jan","Feb","Mar","Apr","May","June","July","Aug","Sep","Oct","Nov","Dec"],N=6,I=_=>{let e=new Date(_),o=e.getMonth(),E=e.getFullYear(),S=e.getDate();return{month:o,day:S,year:E}};export{r as a,A as b,O as c,n as d,N as e,I as f};
+import{a as t}from"./ids-chunk-EQJWBFQ2.js";var r=[t.DAY,t.FIRST_DAY_OF_WEEK,t.FORMAT,t.IS_CALENDAR_TOOLBAR,t.IS_DROPDOWN,t.MINUTE_INTERVAL,t.MONTH,t.RANGE_SETTINGS,t.SECOND_INTERVAL,t.SHOW_CANCEL,t.SHOW_CLEAR,t.SHOW_PICKLIST_MONTH,t.SHOW_PICKLIST_WEEK,t.SHOW_PICKLIST_YEAR,t.SHOW_TODAY,t.USE_CURRENT_TIME,t.USE_RANGE,t.VALUE,t.YEAR],A=0,O=11,n=["Jan","Feb","Mar","Apr","May","June","July","Aug","Sep","Oct","Nov","Dec"],N=6,I=_=>{let e=new Date(_),o=e.getMonth(),E=e.getFullYear(),S=e.getDate();return{month:o,day:S,year:E}};export{r as a,A as b,O as c,n as d,N as e,I as f};

package/chunks/{ids-chunk-KFNAH5E3.js → ids-chunk-I4KVLUTU.js}

@@ -1 +1 @@
-import{b as A}from"./ids-chunk-M7IB5XSG.js";import{j as v}from"./ids-chunk-IUQDTAVW.js";import{a as o}from"./ids-chunk-EZRDAHD3.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};
+import{b as A}from"./ids-chunk-M7IB5XSG.js";import{j as v}from"./ids-chunk-4W3JMIJK.js";import{a as o}from"./ids-chunk-EQJWBFQ2.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};