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

package/components/ids-hierarchy/ids-hierarchy-item.d.ts

@@ -29,7 +29,9 @@ declare const Base: {
         appendStyles(): void;
         "__#2@#appendHostCss"(): void;
         theme: string;
+        lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -401,7 +403,9 @@ declare const Base: {
         appendStyles(): void;
         "__#2@#appendHostCss"(): void;
         theme: string;
+        lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;

package/components/ids-hierarchy/ids-hierarchy-item.js

@@ -1,30 +1,30 @@
-import{a as u}from"../../chunks/ids-chunk-PNSDXMRQ.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import{a as c}from"../../chunks/ids-chunk-YS37TBDI.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import{a as l,b as h}from"../../chunks/ids-chunk-XE4WFW5M.js";import{a as m}from"../../chunks/ids-chunk-5WRLNTVI.js";import{e as o}from"../../chunks/ids-chunk-VGRUIA4C.js";import{a as e}from"../../chunks/ids-chunk-EZRDAHD3.js";import{a as d}from"../../chunks/ids-chunk-U7OOVFXE.js";var p=`
+import{a as m}from"../../chunks/ids-chunk-RRSHSZ55.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import{a as c}from"../../chunks/ids-chunk-AKCO43TX.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import{a as l,b as h}from"../../chunks/ids-chunk-XE4WFW5M.js";import{a as u}from"../../chunks/ids-chunk-GFV2Z7F5.js";import{e as o}from"../../chunks/ids-chunk-QPDOZZIG.js";import{a as e}from"../../chunks/ids-chunk-EQJWBFQ2.js";import{a as d}from"../../chunks/ids-chunk-U7OOVFXE.js";var p=`
 .ids-hierarchy-item {
   align-items: center;
   display: flex;
   justify-content: center;
   flex-direction: column;
-  padding-inline-start: calc(var(--ids-spacing-lg) * 12);
+  padding-inline-start: calc(var(--ids-space-40) * 12);
 }
 @media all and (max-width: 600px) {
   .ids-hierarchy-item {
-    padding-inline-start: var(--ids-spacing-none);
+    padding-inline-start: var(--ids-space-none);
   }
 }
 
 .leaf {
-  border: var(--ids-spacing-xs) solid var(--ids-hierarchy-item-leaf-border-color);
-  margin-block-end: calc(var(--ids-spacing-lg) * 4);
-  box-shadow: var(--ids-hierarchy-item-leaf-box-shadow);
-  border-radius: var(--ids-hierarchy-item-leaf-border-radius);
+  border: var(--ids-space-10) solid var(--ids-hierarchy-item-leaf-color-border);
+  margin-block-end: calc(var(--ids-space-40) * 4);
+  box-shadow: var(--ids-hierarchy-item-leaf-shadow);
+  border-radius: var(--ids-hierarchy-item-border-radius);
   position: relative;
   width: 315px;
 }
 .leaf::before {
   display: block;
   position: absolute;
-  border-bottom: 1.34px solid var(--ids-hierarchy-item-leaf-before-border-color);
-  border-left: 1.34px solid var(--ids-hierarchy-item-leaf-before-border-color);
+  border-bottom: 1.34px solid var(--ids-hierarchy-item-leaf-before-color-border);
+  border-left: 1.34px solid var(--ids-hierarchy-item-leaf-before-color-border);
   content: "";
   height: 110px;
   left: -30px;
@@ -35,10 +35,10 @@ import{a as u}from"../../chunks/ids-chunk-PNSDXMRQ.js";import"../../chunks/ids-c
 
 .leaf-inside {
   align-items: center;
-  background-color: var(--ids-hierarchy-item-leaf-inside-background-color);
+  background-color: var(--ids-hierarchy-item-color-background);
   border-left: var(--ids-hierarchy-item-leaf-inside-border-left);
-  box-shadow: var(--ids-hierarchy-item-leaf-inside-box-shadow);
-  padding: var(--ids-spacing-lg) calc(var(--ids-spacing-lg) * 2);
+  box-shadow: var(--ids-hierarchy-item-leaf-inside-shadow);
+  padding: var(--ids-space-40) calc(var(--ids-space-40) * 2);
   position: relative;
   display: flex;
   z-index: 1;
@@ -49,9 +49,9 @@ import{a as u}from"../../chunks/ids-chunk-PNSDXMRQ.js";import"../../chunks/ids-c
   display: block;
   height: 55px;
   width: 55px;
-  border: var(--ids-hierarchy-item-avatar-border);
+  border: var(--ids-hierarchy-item-border-default);
   border-radius: 100%;
-  margin-inline-end: calc(var(--ids-spacing-lg) * 2);
+  margin-inline-end: calc(var(--ids-space-40) * 2);
   overflow: hidden;
 }
 .avatar ::slotted(img) {
@@ -62,7 +62,7 @@ import{a as u}from"../../chunks/ids-chunk-PNSDXMRQ.js";import"../../chunks/ids-c
   display: none;
 }
 :host([root-item]) .ids-hierarchy-item {
-  padding-inline-start: var(--ids-spacing-none);
+  padding-inline-start: var(--ids-space-none);
 }
 
 @media all and (max-width: 600px) {
@@ -76,11 +76,11 @@ import{a as u}from"../../chunks/ids-chunk-PNSDXMRQ.js";import"../../chunks/ids-c
   outline: none;
   border: none;
   border-color: transparent;
-  box-shadow: var(--ids-hierarchy-item-focus-box-shadow);
+  box-shadow: var(--ids-hierarchy-item-shadow-focus);
 }
 
 :host([selected]) .leaf {
-  box-shadow: var(--ids-hierarchy-item-selected-leaf-box-shadow);
+  box-shadow: var(--ids-hierarchy-item-selected-leaf-shadow);
 }
 
 div[part=actions] {
@@ -89,10 +89,10 @@ div[part=actions] {
 }
 
 ids-button[part=icon-menu] {
-  margin-right: var(--ids-spacing-md);
+  margin-right: var(--ids-space-30);
 }
 ids-button[part=icon-menu] .ids-icon-button {
-  padding: var(--ids-spacing-md);
+  padding: var(--ids-space-30);
 }
 
 ids-button[part=icon-btn] {
@@ -100,7 +100,7 @@ ids-button[part=icon-btn] {
   cursor: pointer;
 }
 ids-button[part=icon-btn] .ids-icon-button {
-  padding: var(--ids-spacing-md);
+  padding: var(--ids-space-30);
 }
 
 :host([expanded]) ids-button[part=icon-btn] ids-icon {
@@ -121,7 +121,7 @@ ids-button[part=icon-btn] .ids-icon-button {
 
 ::slotted([slot=menu]) {
   position: relative;
-}`;var b=u(c(m)),a=class extends b{#t=!1;childElements=[];expander;dropdownMenu;leaf;nestedItemContainer;constructor(){super()}connectedCallback(){super.connectedCallback(),this.expander=this.shadowRoot?.querySelector('[part="icon-btn"]'),this.dropdownMenu=this.querySelector('[part="icon-menu"]'),this.leaf=this.shadowRoot?.querySelector('[part="leaf"]'),this.nestedItemContainer=this.shadowRoot?.querySelector('[part="nested-items"]'),this.#s(),this.#r(),this.#e()}static get attributes(){return[...super.attributes,e.COLOR,e.EXPANDED,e.ROOT_ITEM,e.SELECTED]}template(){return`
+}`;var b=m(c(u)),n=class extends b{#t=!1;childElements=[];expander;dropdownMenu;leaf;nestedItemContainer;constructor(){super()}connectedCallback(){super.connectedCallback(),this.expander=this.shadowRoot?.querySelector('[part="icon-btn"]'),this.dropdownMenu=this.querySelector('[part="icon-menu"]'),this.leaf=this.shadowRoot?.querySelector('[part="leaf"]'),this.nestedItemContainer=this.shadowRoot?.querySelector('[part="nested-items"]'),this.#s(),this.#r(),this.#e()}static get attributes(){return[...super.attributes,e.COLOR,e.EXPANDED,e.ROOT_ITEM,e.SELECTED]}template(){return`
       <div class="ids-hierarchy-item">
         <div class="leaf" part="leaf">
           <div class="leaf-inside">
@@ -144,11 +144,11 @@ ids-button[part=icon-btn] .ids-icon-button {
         </div>
         <div class="sub-level"><slot part="nested-items"></slot></div>
       </div>
-    `}set expanded(t){o(t)?this.setAttribute(e.EXPANDED,"true"):this.removeAttribute?.(e.EXPANDED)}get expanded(){return this.getAttribute(e.EXPANDED)}set selected(t){let i=o(t);i?(this.setAttribute(e.SELECTED,"true"),this.setAttribute("tabindex","0"),this.#t||this.triggerEvent("itemselect",this,{bubbles:!0})):(this.removeAttribute(e.SELECTED),this.setAttribute("tabindex","-1")),this.#t=i}get selected(){return this.hasAttribute(e.SELECTED)}set rootItem(t){o(t)?this.setAttribute(e.ROOT_ITEM,"true"):this.removeAttribute(e.ROOT_ITEM)}get rootItem(){return this.getAttribute(e.ROOT_ITEM)}get color(){return this.getAttribute(e.COLOR)}set color(t){this.setAttribute(e.COLOR,String(t)),this.#e()}#e(){let t=this.color;this.color?.substring(0,1)!=="#"&&(t=`var(--ids-color-${this.color})`);let i=this.container?.querySelector(".leaf-inside"),n=this.container?.querySelector(".avatar");i?.style.setProperty("border-left-color",t),n?.style.setProperty("border-color",t)}set loadChildren(t){this.state.loadChildren=t}get loadChildren(){return this.state.loadChildren}set hasChildren(t){this.state.hasChildren=t,t&&this.container?.classList.add("has-nested-items")}get hasChildren(){return this.state.hasChildren}#i(t){t?this.setAttribute(e.EXPANDED,"false"):this.setAttribute(e.EXPANDED,"true")}#s(){!!this.container?.querySelector('[part="nested-items"]')?.assignedElements().length&&this.container?.classList.add("has-nested-items")}adjustZIndex(t,i){if(t.name==="ids-hierarchy-item"){let s=t.shadowRoot?.querySelector(".leaf");s.style.zIndex=i.toString()}let n=t.childNodes;for(let s of n)s.name==="ids-hierarchy-item"&&this.adjustZIndex(s,i-2)}#r(){this.onEvent("click",this.expander,async()=>{if(this.loadChildren&&!this.expanded&&!this.childElements.attached){let t=await this.loadChildren();this.childElements=t.filter(s=>s.parentItem===this.getAttribute(e.ID)),this.childElements.length||this.container?.classList.remove("has-nested-items");let i=this.childElements.reduce((s,r)=>`${s}
+    `}set expanded(t){o(t)?this.setAttribute(e.EXPANDED,"true"):this.removeAttribute?.(e.EXPANDED)}get expanded(){return this.getAttribute(e.EXPANDED)}set selected(t){let i=o(t);i?(this.setAttribute(e.SELECTED,"true"),this.setAttribute("tabindex","0"),this.#t||this.triggerEvent("itemselect",this,{bubbles:!0})):(this.removeAttribute(e.SELECTED),this.setAttribute("tabindex","-1")),this.#t=i}get selected(){return this.hasAttribute(e.SELECTED)}set rootItem(t){o(t)?this.setAttribute(e.ROOT_ITEM,"true"):this.removeAttribute(e.ROOT_ITEM)}get rootItem(){return this.getAttribute(e.ROOT_ITEM)}get color(){return this.getAttribute(e.COLOR)}set color(t){this.setAttribute(e.COLOR,String(t)),this.#e()}#e(){let t=this.color;this.color?.substring(0,1)!=="#"&&(t=`var(--ids-color-${this.color})`);let i=this.container?.querySelector(".leaf-inside"),a=this.container?.querySelector(".avatar");i?.style.setProperty("border-left-color",t),a?.style.setProperty("border-color",t)}set loadChildren(t){this.state.loadChildren=t}get loadChildren(){return this.state.loadChildren}set hasChildren(t){this.state.hasChildren=t,t&&this.container?.classList.add("has-nested-items")}get hasChildren(){return this.state.hasChildren}#i(t){t?this.setAttribute(e.EXPANDED,"false"):this.setAttribute(e.EXPANDED,"true")}#s(){!!this.container?.querySelector('[part="nested-items"]')?.assignedElements().length&&this.container?.classList.add("has-nested-items")}adjustZIndex(t,i){if(t.name==="ids-hierarchy-item"){let s=t.shadowRoot?.querySelector(".leaf");s.style.zIndex=i.toString()}let a=t.childNodes;for(let s of a)s.name==="ids-hierarchy-item"&&this.adjustZIndex(s,i-2)}#r(){this.onEvent("click",this.expander,async()=>{if(this.loadChildren&&!this.expanded&&!this.childElements.attached){let t=await this.loadChildren();this.childElements=t.filter(s=>s.parentItem===this.getAttribute(e.ID)),this.childElements.length||this.container?.classList.remove("has-nested-items");let i=this.childElements.reduce((s,r)=>`${s}
             <ids-hierarchy-item id="${r.id}" color="${r.color}">
               ${r.picture?`<img id="headshot" alt="${r.id}" src="${r.picture}" slot="avatar" />`:""}
               <ids-text slot="heading">${r.name}</ids-text>
               <ids-text slot="subheading">${r.position}</ids-text>
               <ids-text slot="micro">${r.employmentType}</ids-text>
             </ids-hierarchy-item>
-          `,"");this.innerHTML+=i,this.childElements.attached=!0;let n=this.querySelectorAll("ids-hierarchy-item");for(let s of n)s.hasChildren=t.filter(r=>r.parentItem===s.getAttribute(e.ID)).length>0,s.loadChildren=this.loadChildren}this.#i(this.expanded)}),this.dropdownMenu&&this.onEvent("click",this.dropdownMenu,()=>{this.adjustZIndex(this.parentNode,202),this.shadowRoot?.querySelector(".leaf")?.style.setProperty("z-index","201")}),this.onEvent("touchend",this.expander,t=>{t.touches&&t.touches.length>0&&this.#i(this.expanded)},{passive:!0}),this.onEvent("click",this.leaf,()=>{this.setAttribute(e.SELECTED,"true")}),this.onEvent("touchstart",this.leaf,()=>{this.setAttribute(e.SELECTED,"true")},{passive:!0})}};a=d([l("ids-hierarchy-item"),h(p)],a);export{a as default};
+          `,"");this.innerHTML+=i,this.childElements.attached=!0;let a=this.querySelectorAll("ids-hierarchy-item");for(let s of a)s.hasChildren=t.filter(r=>r.parentItem===s.getAttribute(e.ID)).length>0,s.loadChildren=this.loadChildren}this.#i(this.expanded)}),this.dropdownMenu&&this.onEvent("click",this.dropdownMenu,()=>{this.adjustZIndex(this.parentNode,202),this.shadowRoot?.querySelector(".leaf")?.style.setProperty("z-index","201")}),this.onEvent("touchend",this.expander,t=>{t.touches&&t.touches.length>0&&this.#i(this.expanded)},{passive:!0}),this.onEvent("click",this.leaf,()=>{this.setAttribute(e.SELECTED,"true")}),this.onEvent("touchstart",this.leaf,()=>{this.setAttribute(e.SELECTED,"true")},{passive:!0})}};n=d([l("ids-hierarchy-item"),h(p)],n);export{n as default};

package/components/ids-hierarchy/ids-hierarchy-legend-item.d.ts

@@ -26,7 +26,9 @@ declare const Base: {
         appendStyles(): void;
         "__#2@#appendHostCss"(): void;
         theme: string;
+        lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;

package/components/ids-hierarchy/ids-hierarchy-legend-item.js

@@ -1,24 +1,24 @@
-import{a as n}from"../../chunks/ids-chunk-PNSDXMRQ.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import{a as s,b as o}from"../../chunks/ids-chunk-XE4WFW5M.js";import{a as l}from"../../chunks/ids-chunk-5WRLNTVI.js";import"../../chunks/ids-chunk-VGRUIA4C.js";import{a as e}from"../../chunks/ids-chunk-EZRDAHD3.js";import{a as i}from"../../chunks/ids-chunk-U7OOVFXE.js";var a=`
+import{a as c}from"../../chunks/ids-chunk-RRSHSZ55.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import{a as s,b as o}from"../../chunks/ids-chunk-XE4WFW5M.js";import{a as l}from"../../chunks/ids-chunk-GFV2Z7F5.js";import"../../chunks/ids-chunk-QPDOZZIG.js";import{a as e}from"../../chunks/ids-chunk-EQJWBFQ2.js";import{a as i}from"../../chunks/ids-chunk-U7OOVFXE.js";var a=`
 :host {
-  --background: var(--ids-hierarchy-legend-item-before-background-color);
+  --background: var(--ids-hierarchy-legend-color-background-default);
 }
 
 .ids-hierarchy-legend-item {
   display: flex;
   align-items: center;
-  margin-inline-end: calc(var(--ids-spacing-lg) * 4);
-  margin-block-end: var(--ids-spacing-lg);
+  margin-inline-end: calc(var(--ids-space-40) * 4);
+  margin-block-end: var(--ids-space-40);
   position: relative;
 }
 .ids-hierarchy-legend-item::before {
-  border-radius: var(--ids-border-radius-round);
+  border-radius: var(--ids-border-radius-circle);
   content: " ";
   display: block;
-  height: calc(var(--ids-spacing-lg) * 2);
-  width: calc(var(--ids-spacing-lg) * 2);
-  margin-inline-end: var(--ids-spacing-lg);
+  height: calc(var(--ids-space-40) * 2);
+  width: calc(var(--ids-space-40) * 2);
+  margin-inline-end: var(--ids-space-40);
   background-color: var(--background);
-}`;var c=n(l),r=class extends c{constructor(){super()}connectedCallback(){super.connectedCallback(),this.#t()}disconnectedCallback(){super.disconnectedCallback()}static get attributes(){return[e.COLOR,e.TEXT]}template(){return`
+}`;var n=c(l),r=class extends n{constructor(){super()}connectedCallback(){super.connectedCallback(),this.#t()}disconnectedCallback(){super.disconnectedCallback()}static get attributes(){return[e.COLOR,e.TEXT]}template(){return`
       <div class="ids-hierarchy-legend-item">
         <ids-text>${this.text}</ids-text>
       </div>

package/components/ids-hierarchy/ids-hierarchy-legend.js

@@ -1,10 +1,10 @@
-import{a as t,b as s}from"../../chunks/ids-chunk-XE4WFW5M.js";import{a as c}from"../../chunks/ids-chunk-5WRLNTVI.js";import"../../chunks/ids-chunk-VGRUIA4C.js";import{a as l}from"../../chunks/ids-chunk-U7OOVFXE.js";var n=`
+import{a as t,b as s}from"../../chunks/ids-chunk-XE4WFW5M.js";import{a as c}from"../../chunks/ids-chunk-GFV2Z7F5.js";import"../../chunks/ids-chunk-QPDOZZIG.js";import{a as l}from"../../chunks/ids-chunk-U7OOVFXE.js";var n=`
 /* Ids Hierarchy Legend Component */
 .legend {
   display: flex;
   justify-content: center;
   flex-flow: wrap;
-  margin-block: calc(var(--ids-spacing-lg) * 6);
+  margin-block: calc(var(--ids-space-40) * 6);
 }`;var e=class extends c{constructor(){super()}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}template(){return`
       <div class="ids-hierarchy-legend">
         <slot class="legend" part="legend"></slot>

package/components/ids-hierarchy/ids-hierarchy.css

@@ -0,0 +1,123 @@
+.ids-hierarchy-item {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  padding-inline-start: calc(var(--ids-space-40) * 12);
+}
+@media all and (max-width: 600px) {
+  .ids-hierarchy-item {
+    padding-inline-start: var(--ids-space-none);
+  }
+}
+
+.leaf {
+  border: var(--ids-space-10) solid var(--ids-hierarchy-item-leaf-color-border);
+  margin-block-end: calc(var(--ids-space-40) * 4);
+  box-shadow: var(--ids-hierarchy-item-leaf-shadow);
+  border-radius: var(--ids-hierarchy-item-border-radius);
+  position: relative;
+  width: 315px;
+}
+.leaf::before {
+  display: block;
+  position: absolute;
+  border-bottom: 1.34px solid var(--ids-hierarchy-item-leaf-before-color-border);
+  border-left: 1.34px solid var(--ids-hierarchy-item-leaf-before-color-border);
+  content: "";
+  height: 110px;
+  left: -30px;
+  top: -70px;
+  width: 50%;
+  z-index: 0;
+}
+
+.leaf-inside {
+  align-items: center;
+  background-color: var(--ids-hierarchy-item-color-background);
+  border-left: var(--ids-hierarchy-item-leaf-inside-border-left);
+  box-shadow: var(--ids-hierarchy-item-leaf-inside-shadow);
+  padding: var(--ids-space-40) calc(var(--ids-space-40) * 2);
+  position: relative;
+  display: flex;
+  z-index: 1;
+}
+
+.avatar {
+  flex-shrink: 0;
+  display: block;
+  height: 55px;
+  width: 55px;
+  border: var(--ids-hierarchy-item-border-default);
+  border-radius: 100%;
+  margin-inline-end: calc(var(--ids-space-40) * 2);
+  overflow: hidden;
+}
+.avatar ::slotted(img) {
+  max-width: 100%;
+}
+
+:host([root-item]) .leaf::before {
+  display: none;
+}
+:host([root-item]) .ids-hierarchy-item {
+  padding-inline-start: var(--ids-space-none);
+}
+
+@media all and (max-width: 600px) {
+  :host([root-item][expanded]) .leaf::before {
+    border-left: none;
+    display: block;
+  }
+}
+
+:host(:focus) {
+  outline: none;
+  border: none;
+  border-color: transparent;
+  box-shadow: var(--ids-hierarchy-item-shadow-focus);
+}
+
+:host([selected]) .leaf {
+  box-shadow: var(--ids-hierarchy-item-selected-leaf-shadow);
+}
+
+div[part=actions] {
+  margin-inline-start: auto;
+  display: flex;
+}
+
+ids-button[part=icon-menu] {
+  margin-right: var(--ids-space-30);
+}
+ids-button[part=icon-menu] .ids-icon-button {
+  padding: var(--ids-space-30);
+}
+
+ids-button[part=icon-btn] {
+  display: none;
+  cursor: pointer;
+}
+ids-button[part=icon-btn] .ids-icon-button {
+  padding: var(--ids-space-30);
+}
+
+:host([expanded]) ids-button[part=icon-btn] ids-icon {
+  transform: rotate(180deg);
+}
+
+.has-nested-items ids-button[part=icon-btn] {
+  display: block;
+}
+
+.sub-level {
+  display: none;
+}
+
+:host([expanded]) .sub-level {
+  display: block;
+}
+
+::slotted([slot=menu]) {
+  position: relative;
+}

package/components/ids-hierarchy/ids-hierarchy.d.ts

@@ -54,7 +54,9 @@ declare const IdsHierarchy_base: {
         appendStyles(): void;
         "__#2@#appendHostCss"(): void;
         theme: string;
+        lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;

package/components/ids-hierarchy/ids-hierarchy.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-WEMLD7H6.js";import"../../chunks/ids-chunk-YS37TBDI.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-5WRLNTVI.js";import"../../chunks/ids-chunk-VGRUIA4C.js";import"../../chunks/ids-chunk-EZRDAHD3.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-H6LIZCQQ.js";import"../../chunks/ids-chunk-AKCO43TX.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-GFV2Z7F5.js";import"../../chunks/ids-chunk-QPDOZZIG.js";import"../../chunks/ids-chunk-EQJWBFQ2.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};

package/components/ids-home-page/ids-home-page.css

@@ -0,0 +1,11 @@
+/* Ids Home page Component */
+.ids-home-page {
+  position: relative;
+}
+.ids-home-page .cards {
+  position: absolute;
+  left: 50%;
+}
+.ids-home-page ::slotted(ids-card) {
+  position: absolute;
+}

package/components/ids-home-page/ids-home-page.d.ts

@@ -39,7 +39,9 @@ declare const Base: {
         appendStyles(): void;
         "__#2@#appendHostCss"(): void;
         theme: string;
+        lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -419,7 +421,9 @@ declare const Base: {
         appendStyles(): void;
         "__#2@#appendHostCss"(): void;
         theme: string;
+        lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;

package/components/ids-home-page/ids-home-page.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-7NZB5PB5.js";import"../../chunks/ids-chunk-F6WTQH5M.js";import"../../chunks/ids-chunk-2LJCVONI.js";import"../../chunks/ids-chunk-WWOTMZJU.js";import"../../chunks/ids-chunk-MTPM4HMN.js";import"../../chunks/ids-chunk-NZJTWVU2.js";import"../../chunks/ids-chunk-KFNAH5E3.js";import"../../chunks/ids-chunk-6ODOQWQL.js";import"../../chunks/ids-chunk-MD33HDXF.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-IIWVVHUT.js";import"../../chunks/ids-chunk-3MJFB3VA.js";import"../../chunks/ids-chunk-GAMRCNAD.js";import"../../chunks/ids-chunk-OTP7LD3G.js";import"../../chunks/ids-chunk-XI7FK7NW.js";import"../../chunks/ids-chunk-332SYLWX.js";import"../../chunks/ids-chunk-N3SAHUGR.js";import"../../chunks/ids-chunk-ZAWMPANZ.js";import"../../chunks/ids-chunk-ODGLGMPF.js";import"../../chunks/ids-chunk-2LLTCZBW.js";import"../../chunks/ids-chunk-FIYKXQ5L.js";import"../../chunks/ids-chunk-IUQDTAVW.js";import"../../chunks/ids-chunk-FP7JXALX.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-PNSDXMRQ.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-YS37TBDI.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-5WRLNTVI.js";import"../../chunks/ids-chunk-VGRUIA4C.js";import"../../chunks/ids-chunk-EZRDAHD3.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-EYVKWIJH.js";import"../../chunks/ids-chunk-F6WTQH5M.js";import"../../chunks/ids-chunk-I4X4TCX4.js";import"../../chunks/ids-chunk-44CLLQBZ.js";import"../../chunks/ids-chunk-W3QVRFML.js";import"../../chunks/ids-chunk-DF3OTTVT.js";import"../../chunks/ids-chunk-I4KVLUTU.js";import"../../chunks/ids-chunk-SEZJIM5Z.js";import"../../chunks/ids-chunk-T6ZG7KNF.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-YLUCUABO.js";import"../../chunks/ids-chunk-CHZE3ZRX.js";import"../../chunks/ids-chunk-TZI4AWYL.js";import"../../chunks/ids-chunk-4LNK4CO7.js";import"../../chunks/ids-chunk-WGF76AHI.js";import"../../chunks/ids-chunk-WSLP3ZMG.js";import"../../chunks/ids-chunk-5OKDI6GX.js";import"../../chunks/ids-chunk-4TL64355.js";import"../../chunks/ids-chunk-ODGLGMPF.js";import"../../chunks/ids-chunk-N7RNTKMO.js";import"../../chunks/ids-chunk-RZESIOE7.js";import"../../chunks/ids-chunk-4W3JMIJK.js";import"../../chunks/ids-chunk-FP7JXALX.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-RRSHSZ55.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-AKCO43TX.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-GFV2Z7F5.js";import"../../chunks/ids-chunk-QPDOZZIG.js";import"../../chunks/ids-chunk-EQJWBFQ2.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};

package/components/ids-hyperlink/ids-hyperlink.css

@@ -0,0 +1,117 @@
+/* Ids Hyperlink Component */
+.ids-hyperlink {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  border: 1px solid transparent;
+  border-radius: var(--ids-hyperlink-border-radius);
+  cursor: var(--ids-hyperlink-cursor);
+  display: inline-block;
+  font-family: var(--ids-font-family-default);
+  font-size: var(--ids-hyperlink-font-size);
+  font-weight: var(--ids-hyperlink-font-weight);
+  padding: 2px 4px;
+  position: relative;
+  margin-block-start: -3px;
+  margin-inline-start: -4px;
+  /* Ids Typography System */
+}
+.ids-hyperlink.disabled, .ids-hyperlink[disabled] {
+  cursor: var(--ids-cursor-default);
+  pointer-events: none;
+  user-select: none;
+}
+.ids-hyperlink:focus {
+  outline: none;
+}
+.ids-hyperlink.bold {
+  font-weight: var(--ids-font-weight-bold);
+}
+.ids-hyperlink.hitbox::after {
+  content: "";
+  display: block;
+  height: var(--ids-size-40);
+  top: 50%;
+  left: 0;
+  position: absolute;
+  transform: translateY(-50%);
+  width: 100%;
+}
+.ids-hyperlink.ids-text-10 {
+  font-size: var(--ids-font-size-10);
+  text-transform: var(--ids-font-uppercase);
+}
+.ids-hyperlink.ids-text-12, .ids-hyperlink.ids-text-xs {
+  font-size: var(--ids-font-size-20);
+  text-transform: var(--ids-font-uppercase);
+}
+.ids-hyperlink.ids-text-14, .ids-hyperlink.ids-text-sm {
+  font-size: var(--ids-font-size-30);
+}
+.ids-hyperlink.ids-text-16, .ids-hyperlink.ids-text, .ids-hyperlink.ids-text-base {
+  font-size: var(--ids-font-size-40);
+}
+.ids-hyperlink.ids-text-20 {
+  font-size: var(--ids-font-size-50);
+}
+.ids-hyperlink.ids-text-24, .ids-hyperlink.ids-text-lg {
+  font-size: var(--ids-font-size-70);
+}
+.ids-hyperlink.ids-text-28 {
+  font-size: var(--ids-font-size-70);
+}
+.ids-hyperlink.ids-text-32, .ids-hyperlink.ids-text-xl {
+  font-size: var(--ids-font-size-80);
+}
+.ids-hyperlink.ids-text-40 {
+  font-size: var(--ids-font-size-90);
+}
+.ids-hyperlink.ids-text-48 {
+  font-size: var(--ids-font-size-100);
+}
+.ids-hyperlink.ids-text-60 {
+  font-size: var(--ids-font-size-110);
+}
+.ids-hyperlink.ids-text-72 {
+  font-size: var(--ids-font-size-120);
+  margin-bottom: 0;
+}
+.ids-hyperlink:not(.ids-hyperlink-color-unset) {
+  color: var(--ids-hyperlink-color-text-default);
+}
+.ids-hyperlink:not(.ids-hyperlink-color-unset):focus {
+  border: 1px solid var(--ids-hyperlink-color-text-default);
+  box-shadow: var(--ids-shadow-focus);
+}
+.ids-hyperlink:not(.ids-hyperlink-color-unset):hover:not([disabled]):not(.ids-text-decoration-hover):not(.disabled), .ids-hyperlink:not(.ids-hyperlink-color-unset):active:not([disabled]):not(.ids-text-decoration-hover):not(.disabled) {
+  color: var(--ids-hyperlink-color-text-hover);
+}
+.ids-hyperlink:not(.ids-hyperlink-color-unset).disabled, .ids-hyperlink:not(.ids-hyperlink-color-unset)[disabled] {
+  color: var(--ids-hyperlink-color-text-disabled);
+}
+.ids-hyperlink:not(.ids-hyperlink-color-unset).color-variant-breadcrumb {
+  color: var(--ids-breadcrumb-color-text-default);
+}
+.ids-hyperlink:not(.ids-hyperlink-color-unset).color-variant-breadcrumb.disabled, .ids-hyperlink:not(.ids-hyperlink-color-unset).color-variant-breadcrumb[disabled] {
+  color: var(--ids-breadcrumb-color-text-disabled);
+}
+.ids-hyperlink:not(.ids-hyperlink-color-unset).color-variant-alternate {
+  color: var(--ids-breadcrumb-color-text-emphasis);
+}
+
+.ids-text-decoration-none {
+  text-decoration: none;
+}
+.ids-text-decoration-none:hover {
+  text-decoration: none;
+}
+
+.ids-text-decoration-hover {
+  text-decoration: none;
+}
+.ids-text-decoration-hover:hover {
+  text-decoration: underline;
+}
+
+:host(:not([allow-empty-href=false])) .ids-hyperlink:not(.ids-text-decoration-none):not(.color-variant-breadcrumb):not(.ids-text-decoration-hover) {
+  text-decoration: underline;
+}

package/components/ids-hyperlink/ids-hyperlink.d.ts

@@ -22,7 +22,9 @@ declare const Base: {
         appendStyles(): void;
         "__#2@#appendHostCss"(): void;
         theme: string;
+        lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -364,7 +366,9 @@ declare const Base: {
         appendStyles(): void;
         "__#2@#appendHostCss"(): void;
         theme: string;
+        lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -736,7 +740,9 @@ declare const Base: {
         appendStyles(): void;
         "__#2@#appendHostCss"(): void;
         theme: string;
+        lastTheme: string;
         loadTheme(theme: string): Promise<void>;
+        loadLegacyTheme(value: string): void;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;

package/components/ids-hyperlink/ids-hyperlink.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-3MJFB3VA.js";import"../../chunks/ids-chunk-GAMRCNAD.js";import"../../chunks/ids-chunk-PNSDXMRQ.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-YS37TBDI.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-5WRLNTVI.js";import"../../chunks/ids-chunk-VGRUIA4C.js";import"../../chunks/ids-chunk-EZRDAHD3.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-CHZE3ZRX.js";import"../../chunks/ids-chunk-TZI4AWYL.js";import"../../chunks/ids-chunk-RRSHSZ55.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-AKCO43TX.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-GFV2Z7F5.js";import"../../chunks/ids-chunk-QPDOZZIG.js";import"../../chunks/ids-chunk-EQJWBFQ2.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};

package/components/ids-icon/ids-icon.css

@@ -0,0 +1,92 @@
+/* Ids Icon Component */
+:root {
+  display: inline-flex;
+  align-self: center;
+  contain: content;
+  place-self: center;
+  position: relative;
+}
+
+:host([hidden]) {
+  display: none;
+}
+
+.vertical {
+  transform: rotate(90deg);
+}
+
+.mirrored {
+  transform: scaleX(-1);
+}
+
+:host([icon=more]) svg,
+:host([icon=vertical-ellipsis]) svg {
+  height: 19px;
+}
+
+:host([icon=add]) svg {
+  width: 17px;
+}
+
+:host([icon^=empty-]) {
+  color: var(--ids-icon-empty-color);
+}
+
+:host([icon^=empty-][icon$=-new]) {
+  color: var(--ids-icon-empty-new-color);
+}
+
+.notification-badge {
+  background-color: var(--ids-notification-badge-error-color-background);
+  border-radius: var(--ids-notification-badge-border-radius);
+  height: var(--ids-notification-badge-size);
+  width: var(--ids-notification-badge-size);
+  position: absolute;
+  /**
+  * positioning notification badge
+  */
+}
+.notification-badge.info, .notification-badge.base {
+  background-color: var(--ids-notification-badge-info-color-background);
+}
+.notification-badge.error {
+  background-color: var(--ids-notification-badge-error-color-background);
+}
+.notification-badge.success {
+  background-color: var(--ids-notification-badge-success-color-background);
+}
+.notification-badge.warning {
+  background-color: var(--ids-notification-badge-warning-color-background);
+}
+.notification-badge.top-right {
+  bottom: 75%;
+  left: 75%;
+}
+.notification-badge.top-left {
+  bottom: 75%;
+  left: 0;
+}
+.notification-badge.bottom-right {
+  bottom: 0;
+  left: 75%;
+}
+.notification-badge.bottom-left {
+  bottom: 0;
+  left: 0;
+}
+
+:host([disabled]) .notification-badge {
+  background-color: var(--ids-alert-color-error-disabled);
+}
+:host([disabled]) .notification-badge.info, :host([disabled]) .notification-badge.base {
+  background-color: var(--ids-alert-color-info-disabled);
+}
+:host([disabled]) .notification-badge.error {
+  background-color: var(--ids-alert-color-error-disabled);
+}
+:host([disabled]) .notification-badge.success {
+  background-color: var(--ids-alert-color-success-disabled);
+}
+:host([disabled]) .notification-badge.warning {
+  background-color: var(--ids-alert-color-warning-disabled);
+}