ids-enterprise-wc 1.0.0 → 1.2.0

package/chunks/{ids-chunk-BWWLLGHB.js → ids-chunk-S22UATKR.js}

@@ -1,4 +1,4 @@
-import{a as D}from"./ids-chunk-XOZ6M2MH.js";import{a as B}from"./ids-chunk-LGFZRJRK.js";import{a as g,b as h,c as y,d as x,e as _,f as k,g as F}from"./ids-chunk-NCAA7EZM.js";import{a as q}from"./ids-chunk-XL3HILTJ.js";import{a as S}from"./ids-chunk-5QVZSZ26.js";import{a as L}from"./ids-chunk-3DA43NO3.js";import{a as P}from"./ids-chunk-HLNMUL3O.js";import{a as C,b as N}from"./ids-chunk-XE4WFW5M.js";import{a as O}from"./ids-chunk-6KDUST23.js";import{e}from"./ids-chunk-5Q3WPKMB.js";import{a as i,b as T}from"./ids-chunk-S7XDCBUZ.js";import{a as w,b as f,c as I,d as c,e as E,g as u}from"./ids-chunk-Y32WUP63.js";var M=`/**
+import{a as D}from"./ids-chunk-ESCSHPXA.js";import{a as B}from"./ids-chunk-F6ICISSE.js";import{a as g,b as h,c as y,d as x,e as _,f as k,g as F}from"./ids-chunk-XMGJSU5Z.js";import{a as q}from"./ids-chunk-LEYWGOV7.js";import{a as S}from"./ids-chunk-YHVX4DAA.js";import{a as L}from"./ids-chunk-3DA43NO3.js";import{a as P}from"./ids-chunk-RP3JMKCZ.js";import{a as C,b as N}from"./ids-chunk-XE4WFW5M.js";import{a as O}from"./ids-chunk-6K3CMH73.js";import{e}from"./ids-chunk-5Q3WPKMB.js";import{a as i,b as T}from"./ids-chunk-2U4A7BWM.js";import{a as A,b as p,c as I,d as c,e as E,g as u}from"./ids-chunk-Y32WUP63.js";var M=`/**
  * Ids Button Component CSS
  * (Includes standard and icon button rules)
  */
@@ -95,7 +95,7 @@ button {
   border: 1px solid transparent;
   background-color: transparent;
   color: var(--ids-button-color-text-default);
-  transition: background-color var(--ids-motion-duration) var(--ids-motion-ease), border-color var(--ids-motion-duration) var(--ids-motion-ease), box-shadow var(--ids-motion-duration) var(--ids-motion-ease), color var(--ids-motion-duration) var(--ids-motion-ease), opacity var(--ids-motion-duration) var(--ids-motion-ease);
+  transition: background-color var(--ids-motion-duration) var(--ids-motion-ease), border-color var(--ids-motion-duration) var(--ids-motion-ease), color var(--ids-motion-duration) var(--ids-motion-ease), opacity var(--ids-motion-duration) var(--ids-motion-ease);
   white-space: nowrap;
   display: inline-flex;
   font-weight: var(--ids-button-tertiary-font-weight);
@@ -149,7 +149,7 @@ button {
 .ids-button:not(.ids-icon-button) ::slotted(ids-icon),
 .ids-toggle-button:not(.ids-icon-button) ::slotted(ids-icon),
 .ids-menu-button:not(.ids-icon-button) ::slotted(ids-icon) {
-  padding-inline-end: calc(var(--ids-space-xxs) + 5px);
+  padding-inline-end: calc(var(--ids-space-xxs) + 3px);
 }
 .ids-button .ids-icon,
 .ids-toggle-button .ids-icon,
@@ -194,11 +194,15 @@ button {
 .ids-menu-button ::slotted(span) {
   font-weight: inherit !important;
 }
-.ids-button:not(.hide-focus).is-active, .ids-button:not(.hide-focus):focus,
-.ids-toggle-button:not(.hide-focus).is-active,
-.ids-toggle-button:not(.hide-focus):focus,
-.ids-menu-button:not(.hide-focus).is-active,
-.ids-menu-button:not(.hide-focus):focus {
+.ids-button:not(.hide-focus).is-active:not([readonly]), .ids-button:not(.hide-focus).is-focused:not([readonly]), .ids-button:not(.hide-focus):focus:not([readonly]), .ids-button:not(.hide-focus):focus-within:not([readonly]),
+.ids-toggle-button:not(.hide-focus).is-active:not([readonly]),
+.ids-toggle-button:not(.hide-focus).is-focused:not([readonly]),
+.ids-toggle-button:not(.hide-focus):focus:not([readonly]),
+.ids-toggle-button:not(.hide-focus):focus-within:not([readonly]),
+.ids-menu-button:not(.hide-focus).is-active:not([readonly]),
+.ids-menu-button:not(.hide-focus).is-focused:not([readonly]),
+.ids-menu-button:not(.hide-focus):focus:not([readonly]),
+.ids-menu-button:not(.hide-focus):focus-within:not([readonly]) {
   border-color: var(--ids-button-tertiary-color-border-focus);
 }
 .ids-button:hover,
@@ -230,10 +234,14 @@ button {
   border-color: var(--ids-button-destructive-tertiary-color-border-default);
   color: var(--ids-button-destructive-tertiary-color-text-default);
 }
-.ids-button.btn-tertiary-destructive:not(.hide-focus).is-active, .ids-button.btn-tertiary-destructive:not(.hide-focus):focus,
+.ids-button.btn-tertiary-destructive:not(.hide-focus).is-active, .ids-button.btn-tertiary-destructive:not(.hide-focus).is-focused, .ids-button.btn-tertiary-destructive:not(.hide-focus).focus-within, .ids-button.btn-tertiary-destructive:not(.hide-focus):focus,
 .ids-toggle-button.btn-tertiary-destructive:not(.hide-focus).is-active,
+.ids-toggle-button.btn-tertiary-destructive:not(.hide-focus).is-focused,
+.ids-toggle-button.btn-tertiary-destructive:not(.hide-focus).focus-within,
 .ids-toggle-button.btn-tertiary-destructive:not(.hide-focus):focus,
 .ids-menu-button.btn-tertiary-destructive:not(.hide-focus).is-active,
+.ids-menu-button.btn-tertiary-destructive:not(.hide-focus).is-focused,
+.ids-menu-button.btn-tertiary-destructive:not(.hide-focus).focus-within,
 .ids-menu-button.btn-tertiary-destructive:not(.hide-focus):focus {
   border-color: var(--ids-button-destructive-tertiary-color-border-focus);
 }
@@ -261,10 +269,14 @@ button {
   padding-bottom: calc(var(--ids-space-xs) - 2px);
   padding-top: calc(var(--ids-space-xs) - 2px);
 }
-.ids-button.btn-primary:not(.hide-focus).is-active, .ids-button.btn-primary:not(.hide-focus):focus,
+.ids-button.btn-primary:not(.hide-focus).is-active, .ids-button.btn-primary:not(.hide-focus).is-focused, .ids-button.btn-primary:not(.hide-focus).focus-within, .ids-button.btn-primary:not(.hide-focus):focus,
 .ids-toggle-button.btn-primary:not(.hide-focus).is-active,
+.ids-toggle-button.btn-primary:not(.hide-focus).is-focused,
+.ids-toggle-button.btn-primary:not(.hide-focus).focus-within,
 .ids-toggle-button.btn-primary:not(.hide-focus):focus,
 .ids-menu-button.btn-primary:not(.hide-focus).is-active,
+.ids-menu-button.btn-primary:not(.hide-focus).is-focused,
+.ids-menu-button.btn-primary:not(.hide-focus).focus-within,
 .ids-menu-button.btn-primary:not(.hide-focus):focus {
   border-color: var(--ids-button-primary-color-border-focus);
 }
@@ -282,6 +294,13 @@ button {
   color: var(--ids-button-primary-color-text-disabled);
   opacity: var(--ids-button-primary-opacity-disabled);
 }
+.ids-button.btn-primary:active:not([disabled]),
+.ids-toggle-button.btn-primary:active:not([disabled]),
+.ids-menu-button.btn-primary:active:not([disabled]) {
+  background-color: var(--ids-button-primary-color-background-pressed);
+  border-color: var(--ids-button-primary-color-border-pressed);
+  color: var(--ids-button-primary-color-text-pressed);
+}
 .ids-button.btn-primary-destructive,
 .ids-toggle-button.btn-primary-destructive,
 .ids-menu-button.btn-primary-destructive {
@@ -289,10 +308,14 @@ button {
   border-color: var(--ids-button-destructive-color-border-default);
   color: var(--ids-button-destructive-color-text-default);
 }
-.ids-button.btn-primary-destructive:not(.hide-focus).is-active, .ids-button.btn-primary-destructive:not(.hide-focus):focus,
+.ids-button.btn-primary-destructive:not(.hide-focus).is-active, .ids-button.btn-primary-destructive:not(.hide-focus).is-focused, .ids-button.btn-primary-destructive:not(.hide-focus).focus-within, .ids-button.btn-primary-destructive:not(.hide-focus):focus,
 .ids-toggle-button.btn-primary-destructive:not(.hide-focus).is-active,
+.ids-toggle-button.btn-primary-destructive:not(.hide-focus).is-focused,
+.ids-toggle-button.btn-primary-destructive:not(.hide-focus).focus-within,
 .ids-toggle-button.btn-primary-destructive:not(.hide-focus):focus,
 .ids-menu-button.btn-primary-destructive:not(.hide-focus).is-active,
+.ids-menu-button.btn-primary-destructive:not(.hide-focus).is-focused,
+.ids-menu-button.btn-primary-destructive:not(.hide-focus).focus-within,
 .ids-menu-button.btn-primary-destructive:not(.hide-focus):focus {
   border-color: var(--ids-button-destructive-color-border-focus);
 }
@@ -369,6 +392,7 @@ button {
 .ids-menu-button.btn-primary-generative-ai:active,
 .ids-menu-button.btn-primary-generative-ai.gen-ai-active {
   background: border-box var(--ids-button-ai-color-background-active);
+  color: var(--ids-button-ai-color-text-active);
 }
 .ids-button.btn-primary-generative-ai[disabled],
 .ids-toggle-button.btn-primary-generative-ai[disabled],
@@ -477,10 +501,14 @@ button {
   border-color: var(--ids-button-secondary-color-border-default);
   color: var(--ids-button-secondary-color-text-default);
 }
-.ids-button.btn-secondary:not(.hide-focus).is-active, .ids-button.btn-secondary:not(.hide-focus):focus,
+.ids-button.btn-secondary:not(.hide-focus).is-active, .ids-button.btn-secondary:not(.hide-focus).is-focused, .ids-button.btn-secondary:not(.hide-focus).focus-within, .ids-button.btn-secondary:not(.hide-focus):focus,
 .ids-toggle-button.btn-secondary:not(.hide-focus).is-active,
+.ids-toggle-button.btn-secondary:not(.hide-focus).is-focused,
+.ids-toggle-button.btn-secondary:not(.hide-focus).focus-within,
 .ids-toggle-button.btn-secondary:not(.hide-focus):focus,
 .ids-menu-button.btn-secondary:not(.hide-focus).is-active,
+.ids-menu-button.btn-secondary:not(.hide-focus).is-focused,
+.ids-menu-button.btn-secondary:not(.hide-focus).focus-within,
 .ids-menu-button.btn-secondary:not(.hide-focus):focus {
   background-color: var(--ids-button-secondary-color-background-focus);
   border-color: var(--ids-button-secondary-color-border-focus);
@@ -530,14 +558,22 @@ button {
   color: var(--ids-button-alternate-color-text-default);
   opacity: 0.8;
 }
-.ids-button.color-variant-alternate:not(.hide-focus).is-active, .ids-button.color-variant-alternate:not(.hide-focus):focus, .ids-button.color-variant-alternate-formatter:not(.hide-focus).is-active, .ids-button.color-variant-alternate-formatter:not(.hide-focus):focus,
+.ids-button.color-variant-alternate:not(.hide-focus).is-active, .ids-button.color-variant-alternate:not(.hide-focus).is-focused, .ids-button.color-variant-alternate:not(.hide-focus).focus-within, .ids-button.color-variant-alternate:not(.hide-focus):focus, .ids-button.color-variant-alternate-formatter:not(.hide-focus).is-active, .ids-button.color-variant-alternate-formatter:not(.hide-focus).is-focused, .ids-button.color-variant-alternate-formatter:not(.hide-focus).focus-within, .ids-button.color-variant-alternate-formatter:not(.hide-focus):focus,
 .ids-toggle-button.color-variant-alternate:not(.hide-focus).is-active,
+.ids-toggle-button.color-variant-alternate:not(.hide-focus).is-focused,
+.ids-toggle-button.color-variant-alternate:not(.hide-focus).focus-within,
 .ids-toggle-button.color-variant-alternate:not(.hide-focus):focus,
 .ids-toggle-button.color-variant-alternate-formatter:not(.hide-focus).is-active,
+.ids-toggle-button.color-variant-alternate-formatter:not(.hide-focus).is-focused,
+.ids-toggle-button.color-variant-alternate-formatter:not(.hide-focus).focus-within,
 .ids-toggle-button.color-variant-alternate-formatter:not(.hide-focus):focus,
 .ids-menu-button.color-variant-alternate:not(.hide-focus).is-active,
+.ids-menu-button.color-variant-alternate:not(.hide-focus).is-focused,
+.ids-menu-button.color-variant-alternate:not(.hide-focus).focus-within,
 .ids-menu-button.color-variant-alternate:not(.hide-focus):focus,
 .ids-menu-button.color-variant-alternate-formatter:not(.hide-focus).is-active,
+.ids-menu-button.color-variant-alternate-formatter:not(.hide-focus).is-focused,
+.ids-menu-button.color-variant-alternate-formatter:not(.hide-focus).focus-within,
 .ids-menu-button.color-variant-alternate-formatter:not(.hide-focus):focus {
   border-color: var(--ids-button-formatter-color-border-focus);
   opacity: 1;
@@ -570,10 +606,14 @@ button {
   height: var(--ids-button-formatter-size);
   min-width: var(--ids-button-formatter-size);
 }
-.ids-button.color-variant-alternate-formatter:not(.hide-focus).is-active, .ids-button.color-variant-alternate-formatter:not(.hide-focus):focus,
+.ids-button.color-variant-alternate-formatter:not(.hide-focus).is-active, .ids-button.color-variant-alternate-formatter:not(.hide-focus).is-focused, .ids-button.color-variant-alternate-formatter:not(.hide-focus).focus-within, .ids-button.color-variant-alternate-formatter:not(.hide-focus):focus,
 .ids-toggle-button.color-variant-alternate-formatter:not(.hide-focus).is-active,
+.ids-toggle-button.color-variant-alternate-formatter:not(.hide-focus).is-focused,
+.ids-toggle-button.color-variant-alternate-formatter:not(.hide-focus).focus-within,
 .ids-toggle-button.color-variant-alternate-formatter:not(.hide-focus):focus,
 .ids-menu-button.color-variant-alternate-formatter:not(.hide-focus).is-active,
+.ids-menu-button.color-variant-alternate-formatter:not(.hide-focus).is-focused,
+.ids-menu-button.color-variant-alternate-formatter:not(.hide-focus).focus-within,
 .ids-menu-button.color-variant-alternate-formatter:not(.hide-focus):focus {
   border-color: var(--ids-color-border-focus);
 }
@@ -675,7 +715,7 @@ button {
   border: 1px solid transparent;
   background-color: transparent;
   color: var(--ids-button-color-text-default);
-  transition: background-color var(--ids-motion-duration) var(--ids-motion-ease), border-color var(--ids-motion-duration) var(--ids-motion-ease), box-shadow var(--ids-motion-duration) var(--ids-motion-ease), color var(--ids-motion-duration) var(--ids-motion-ease), opacity var(--ids-motion-duration) var(--ids-motion-ease);
+  transition: background-color var(--ids-motion-duration) var(--ids-motion-ease), border-color var(--ids-motion-duration) var(--ids-motion-ease), color var(--ids-motion-duration) var(--ids-motion-ease), opacity var(--ids-motion-duration) var(--ids-motion-ease);
   white-space: nowrap;
   display: inline-flex;
   font-weight: var(--ids-button-tertiary-font-weight);
@@ -715,7 +755,7 @@ button {
   width: 1px;
 }
 .ids-icon-button:not(.ids-icon-button) ::slotted(ids-icon) {
-  padding-inline-end: calc(var(--ids-space-xxs) + 5px);
+  padding-inline-end: calc(var(--ids-space-xxs) + 3px);
 }
 .ids-icon-button .ids-icon {
   vertical-align: middle;
@@ -744,7 +784,7 @@ button {
 .ids-icon-button ::slotted(span) {
   font-weight: inherit !important;
 }
-.ids-icon-button:not(.hide-focus).is-active, .ids-icon-button:not(.hide-focus):focus {
+.ids-icon-button:not(.hide-focus).is-active:not([readonly]), .ids-icon-button:not(.hide-focus).is-focused:not([readonly]), .ids-icon-button:not(.hide-focus):focus:not([readonly]), .ids-icon-button:not(.hide-focus):focus-within:not([readonly]) {
   border-color: var(--ids-button-tertiary-color-border-focus);
 }
 .ids-icon-button:hover {
@@ -768,7 +808,7 @@ button {
   border-color: var(--ids-button-destructive-tertiary-color-border-default);
   color: var(--ids-button-destructive-tertiary-color-text-default);
 }
-.ids-icon-button.btn-tertiary-destructive:not(.hide-focus).is-active, .ids-icon-button.btn-tertiary-destructive:not(.hide-focus):focus {
+.ids-icon-button.btn-tertiary-destructive:not(.hide-focus).is-active, .ids-icon-button.btn-tertiary-destructive:not(.hide-focus).is-focused, .ids-icon-button.btn-tertiary-destructive:not(.hide-focus).focus-within, .ids-icon-button.btn-tertiary-destructive:not(.hide-focus):focus {
   border-color: var(--ids-button-destructive-tertiary-color-border-focus);
 }
 .ids-icon-button.btn-tertiary-destructive:hover {
@@ -789,7 +829,7 @@ button {
   padding-bottom: calc(var(--ids-space-xs) - 2px);
   padding-top: calc(var(--ids-space-xs) - 2px);
 }
-.ids-icon-button.btn-primary:not(.hide-focus).is-active, .ids-icon-button.btn-primary:not(.hide-focus):focus {
+.ids-icon-button.btn-primary:not(.hide-focus).is-active, .ids-icon-button.btn-primary:not(.hide-focus).is-focused, .ids-icon-button.btn-primary:not(.hide-focus).focus-within, .ids-icon-button.btn-primary:not(.hide-focus):focus {
   border-color: var(--ids-button-primary-color-border-focus);
 }
 .ids-icon-button.btn-primary:hover {
@@ -802,12 +842,17 @@ button {
   color: var(--ids-button-primary-color-text-disabled);
   opacity: var(--ids-button-primary-opacity-disabled);
 }
+.ids-icon-button.btn-primary:active:not([disabled]) {
+  background-color: var(--ids-button-primary-color-background-pressed);
+  border-color: var(--ids-button-primary-color-border-pressed);
+  color: var(--ids-button-primary-color-text-pressed);
+}
 .ids-icon-button.btn-primary-destructive {
   background-color: var(--ids-button-destructive-color-background-default);
   border-color: var(--ids-button-destructive-color-border-default);
   color: var(--ids-button-destructive-color-text-default);
 }
-.ids-icon-button.btn-primary-destructive:not(.hide-focus).is-active, .ids-icon-button.btn-primary-destructive:not(.hide-focus):focus {
+.ids-icon-button.btn-primary-destructive:not(.hide-focus).is-active, .ids-icon-button.btn-primary-destructive:not(.hide-focus).is-focused, .ids-icon-button.btn-primary-destructive:not(.hide-focus).focus-within, .ids-icon-button.btn-primary-destructive:not(.hide-focus):focus {
   border-color: var(--ids-button-destructive-color-border-focus);
 }
 .ids-icon-button.btn-primary-destructive:hover {
@@ -867,6 +912,7 @@ button {
 }
 .ids-icon-button.btn-primary-generative-ai:active, .ids-icon-button.btn-primary-generative-ai.gen-ai-active {
   background: border-box var(--ids-button-ai-color-background-active);
+  color: var(--ids-button-ai-color-text-active);
 }
 .ids-icon-button.btn-primary-generative-ai[disabled] {
   background: border-box var(--ids-button-ai-color-background-disabled);
@@ -937,7 +983,7 @@ button {
   border-color: var(--ids-button-secondary-color-border-default);
   color: var(--ids-button-secondary-color-text-default);
 }
-.ids-icon-button.btn-secondary:not(.hide-focus).is-active, .ids-icon-button.btn-secondary:not(.hide-focus):focus {
+.ids-icon-button.btn-secondary:not(.hide-focus).is-active, .ids-icon-button.btn-secondary:not(.hide-focus).is-focused, .ids-icon-button.btn-secondary:not(.hide-focus).focus-within, .ids-icon-button.btn-secondary:not(.hide-focus):focus {
   background-color: var(--ids-button-secondary-color-background-focus);
   border-color: var(--ids-button-secondary-color-border-focus);
 }
@@ -970,7 +1016,7 @@ button {
   color: var(--ids-button-alternate-color-text-default);
   opacity: 0.8;
 }
-.ids-icon-button.color-variant-alternate:not(.hide-focus).is-active, .ids-icon-button.color-variant-alternate:not(.hide-focus):focus, .ids-icon-button.color-variant-alternate-formatter:not(.hide-focus).is-active, .ids-icon-button.color-variant-alternate-formatter:not(.hide-focus):focus {
+.ids-icon-button.color-variant-alternate:not(.hide-focus).is-active, .ids-icon-button.color-variant-alternate:not(.hide-focus).is-focused, .ids-icon-button.color-variant-alternate:not(.hide-focus).focus-within, .ids-icon-button.color-variant-alternate:not(.hide-focus):focus, .ids-icon-button.color-variant-alternate-formatter:not(.hide-focus).is-active, .ids-icon-button.color-variant-alternate-formatter:not(.hide-focus).is-focused, .ids-icon-button.color-variant-alternate-formatter:not(.hide-focus).focus-within, .ids-icon-button.color-variant-alternate-formatter:not(.hide-focus):focus {
   border-color: var(--ids-button-formatter-color-border-focus);
   opacity: 1;
 }
@@ -992,7 +1038,7 @@ button {
   height: var(--ids-button-formatter-size);
   min-width: var(--ids-button-formatter-size);
 }
-.ids-icon-button.color-variant-alternate-formatter:not(.hide-focus).is-active, .ids-icon-button.color-variant-alternate-formatter:not(.hide-focus):focus {
+.ids-icon-button.color-variant-alternate-formatter:not(.hide-focus).is-active, .ids-icon-button.color-variant-alternate-formatter:not(.hide-focus).is-focused, .ids-icon-button.color-variant-alternate-formatter:not(.hide-focus).focus-within, .ids-icon-button.color-variant-alternate-formatter:not(.hide-focus):focus {
   border-color: var(--ids-color-border-focus);
 }
 .ids-icon-button.color-variant-alternate-formatter[disabled] {
@@ -1062,74 +1108,114 @@ button {
   margin-inline-end: var(--ids-space-none);
 }
 
-.ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai):not(.hide-focus).is-active, .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai):not(.hide-focus):focus,
-.ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai):not(.hide-focus).is-active,
-.ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai):not(.hide-focus):focus,
-.ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai):not(.hide-focus).is-active,
-.ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai):not(.hide-focus):focus {
+.ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai):not(.hide-focus).is-active:not([readonly]), .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai):not(.hide-focus).is-focused:not([readonly]), .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai):not(.hide-focus).focus-within:not([readonly]), .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai):not(.hide-focus):focus:not([readonly]),
+.ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai):not(.hide-focus).is-active:not([readonly]),
+.ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai):not(.hide-focus).is-focused:not([readonly]),
+.ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai):not(.hide-focus).focus-within:not([readonly]),
+.ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai):not(.hide-focus):focus:not([readonly]),
+.ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai):not(.hide-focus).is-active:not([readonly]),
+.ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai):not(.hide-focus).is-focused:not([readonly]),
+.ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai):not(.hide-focus).focus-within:not([readonly]),
+.ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai):not(.hide-focus):focus:not([readonly]) {
   box-shadow: var(--ids-button-tertiary-shadow-focus);
 }
-.ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate:not(.hide-focus).is-active, .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate:not(.hide-focus):focus,
+.ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate:not(.hide-focus).is-active, .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate:not(.hide-focus).is-focused, .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate:not(.hide-focus).focus-within, .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate:not(.hide-focus):focus,
 .ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate:not(.hide-focus).is-active,
+.ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate:not(.hide-focus).is-focused,
+.ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate:not(.hide-focus).focus-within,
 .ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate:not(.hide-focus):focus,
 .ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate:not(.hide-focus).is-active,
+.ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate:not(.hide-focus).is-focused,
+.ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate:not(.hide-focus).focus-within,
 .ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate:not(.hide-focus):focus {
   box-shadow: var(--ids-box-shadow-inverse);
 }
-.ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate-formatter:not(.hide-focus).is-active, .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate-formatter:not(.hide-focus):focus,
+.ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate-formatter:not(.hide-focus).is-active, .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate-formatter:not(.hide-focus).is-focused, .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate-formatter:not(.hide-focus).focus-within, .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate-formatter:not(.hide-focus):focus,
 .ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate-formatter:not(.hide-focus).is-active,
+.ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate-formatter:not(.hide-focus).is-focused,
+.ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate-formatter:not(.hide-focus).focus-within,
 .ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate-formatter:not(.hide-focus):focus,
 .ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate-formatter:not(.hide-focus).is-active,
+.ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate-formatter:not(.hide-focus).is-focused,
+.ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate-formatter:not(.hide-focus).focus-within,
 .ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.btn-primary-generative-ai):not(.btn-tertiary-generative-ai).color-variant-alternate-formatter:not(.hide-focus):focus {
   box-shadow: var(--ids-shadow-20);
 }
-.ids-button.btn-tertiary-destructive:not(.hide-focus).is-active, .ids-button.btn-tertiary-destructive:not(.hide-focus):focus,
+.ids-button.btn-tertiary-destructive:not(.hide-focus).is-active, .ids-button.btn-tertiary-destructive:not(.hide-focus).is-focused, .ids-button.btn-tertiary-destructive:not(.hide-focus).focus-within, .ids-button.btn-tertiary-destructive:not(.hide-focus):focus,
 .ids-icon-button.btn-tertiary-destructive:not(.hide-focus).is-active,
+.ids-icon-button.btn-tertiary-destructive:not(.hide-focus).is-focused,
+.ids-icon-button.btn-tertiary-destructive:not(.hide-focus).focus-within,
 .ids-icon-button.btn-tertiary-destructive:not(.hide-focus):focus,
 .ids-menu-button.btn-tertiary-destructive:not(.hide-focus).is-active,
+.ids-menu-button.btn-tertiary-destructive:not(.hide-focus).is-focused,
+.ids-menu-button.btn-tertiary-destructive:not(.hide-focus).focus-within,
 .ids-menu-button.btn-tertiary-destructive:not(.hide-focus):focus {
   box-shadow: var(--ids-button-destructive-tertiary-shadow-focus);
 }
-.ids-button.btn-primary:not(.hide-focus).is-active, .ids-button.btn-primary:not(.hide-focus):focus,
+.ids-button.btn-primary:not(.hide-focus).is-active, .ids-button.btn-primary:not(.hide-focus).is-focused, .ids-button.btn-primary:not(.hide-focus).focus-within, .ids-button.btn-primary:not(.hide-focus):focus,
 .ids-icon-button.btn-primary:not(.hide-focus).is-active,
+.ids-icon-button.btn-primary:not(.hide-focus).is-focused,
+.ids-icon-button.btn-primary:not(.hide-focus).focus-within,
 .ids-icon-button.btn-primary:not(.hide-focus):focus,
 .ids-menu-button.btn-primary:not(.hide-focus).is-active,
+.ids-menu-button.btn-primary:not(.hide-focus).is-focused,
+.ids-menu-button.btn-primary:not(.hide-focus).focus-within,
 .ids-menu-button.btn-primary:not(.hide-focus):focus {
   box-shadow: var(--ids-button-primary-shadow-focus);
 }
-.ids-button.btn-primary.color-variant-alternate:not(.hide-focus).is-active, .ids-button.btn-primary.color-variant-alternate:not(.hide-focus):focus,
+.ids-button.btn-primary.color-variant-alternate:not(.hide-focus).is-active, .ids-button.btn-primary.color-variant-alternate:not(.hide-focus).is-focused, .ids-button.btn-primary.color-variant-alternate:not(.hide-focus).focus-within, .ids-button.btn-primary.color-variant-alternate:not(.hide-focus):focus,
 .ids-icon-button.btn-primary.color-variant-alternate:not(.hide-focus).is-active,
+.ids-icon-button.btn-primary.color-variant-alternate:not(.hide-focus).is-focused,
+.ids-icon-button.btn-primary.color-variant-alternate:not(.hide-focus).focus-within,
 .ids-icon-button.btn-primary.color-variant-alternate:not(.hide-focus):focus,
 .ids-menu-button.btn-primary.color-variant-alternate:not(.hide-focus).is-active,
+.ids-menu-button.btn-primary.color-variant-alternate:not(.hide-focus).is-focused,
+.ids-menu-button.btn-primary.color-variant-alternate:not(.hide-focus).focus-within,
 .ids-menu-button.btn-primary.color-variant-alternate:not(.hide-focus):focus {
   box-shadow: 0 0 0 2px var(--ids-color-primary-70), 0 0 0 3px var(--ids-color-text-on-primary);
 }
-.ids-button.btn-primary-destructive:not(.hide-focus).is-active, .ids-button.btn-primary-destructive:not(.hide-focus):focus,
+.ids-button.btn-primary-destructive:not(.hide-focus).is-active, .ids-button.btn-primary-destructive:not(.hide-focus).is-focused, .ids-button.btn-primary-destructive:not(.hide-focus).focus-within, .ids-button.btn-primary-destructive:not(.hide-focus):focus,
 .ids-icon-button.btn-primary-destructive:not(.hide-focus).is-active,
+.ids-icon-button.btn-primary-destructive:not(.hide-focus).is-focused,
+.ids-icon-button.btn-primary-destructive:not(.hide-focus).focus-within,
 .ids-icon-button.btn-primary-destructive:not(.hide-focus):focus,
 .ids-menu-button.btn-primary-destructive:not(.hide-focus).is-active,
+.ids-menu-button.btn-primary-destructive:not(.hide-focus).is-focused,
+.ids-menu-button.btn-primary-destructive:not(.hide-focus).focus-within,
 .ids-menu-button.btn-primary-destructive:not(.hide-focus):focus {
   box-shadow: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px var(--ids-color-error-default);
 }
-.ids-button.btn-secondary:not(.hide-focus).is-active, .ids-button.btn-secondary:not(.hide-focus):focus,
+.ids-button.btn-secondary:not(.hide-focus).is-active, .ids-button.btn-secondary:not(.hide-focus).is-focused, .ids-button.btn-secondary:not(.hide-focus).focus-within, .ids-button.btn-secondary:not(.hide-focus):focus,
 .ids-icon-button.btn-secondary:not(.hide-focus).is-active,
+.ids-icon-button.btn-secondary:not(.hide-focus).is-focused,
+.ids-icon-button.btn-secondary:not(.hide-focus).focus-within,
 .ids-icon-button.btn-secondary:not(.hide-focus):focus,
 .ids-menu-button.btn-secondary:not(.hide-focus).is-active,
+.ids-menu-button.btn-secondary:not(.hide-focus).is-focused,
+.ids-menu-button.btn-secondary:not(.hide-focus).focus-within,
 .ids-menu-button.btn-secondary:not(.hide-focus):focus {
   box-shadow: var(--ids-button-secondary-shadow-focus);
 }
-.ids-button.btn-primary-generative-ai:not(.hide-focus).is-active, .ids-button.btn-primary-generative-ai:not(.hide-focus):focus,
+.ids-button.btn-primary-generative-ai:not(.hide-focus).is-active, .ids-button.btn-primary-generative-ai:not(.hide-focus).is-focused, .ids-button.btn-primary-generative-ai:not(.hide-focus).focus-within, .ids-button.btn-primary-generative-ai:not(.hide-focus):focus,
 .ids-icon-button.btn-primary-generative-ai:not(.hide-focus).is-active,
+.ids-icon-button.btn-primary-generative-ai:not(.hide-focus).is-focused,
+.ids-icon-button.btn-primary-generative-ai:not(.hide-focus).focus-within,
 .ids-icon-button.btn-primary-generative-ai:not(.hide-focus):focus,
 .ids-menu-button.btn-primary-generative-ai:not(.hide-focus).is-active,
+.ids-menu-button.btn-primary-generative-ai:not(.hide-focus).is-focused,
+.ids-menu-button.btn-primary-generative-ai:not(.hide-focus).focus-within,
 .ids-menu-button.btn-primary-generative-ai:not(.hide-focus):focus {
   box-shadow: var(--ids-button-ai-shadow-focus);
   border-color: transparent;
 }
-.ids-button.btn-tertiary-generative-ai:not(.hide-focus).is-active, .ids-button.btn-tertiary-generative-ai:not(.hide-focus):focus,
+.ids-button.btn-tertiary-generative-ai:not(.hide-focus).is-active, .ids-button.btn-tertiary-generative-ai:not(.hide-focus).is-focused, .ids-button.btn-tertiary-generative-ai:not(.hide-focus).focus-within, .ids-button.btn-tertiary-generative-ai:not(.hide-focus):focus,
 .ids-icon-button.btn-tertiary-generative-ai:not(.hide-focus).is-active,
+.ids-icon-button.btn-tertiary-generative-ai:not(.hide-focus).is-focused,
+.ids-icon-button.btn-tertiary-generative-ai:not(.hide-focus).focus-within,
 .ids-icon-button.btn-tertiary-generative-ai:not(.hide-focus):focus,
 .ids-menu-button.btn-tertiary-generative-ai:not(.hide-focus).is-active,
+.ids-menu-button.btn-tertiary-generative-ai:not(.hide-focus).is-focused,
+.ids-menu-button.btn-tertiary-generative-ai:not(.hide-focus).focus-within,
 .ids-menu-button.btn-tertiary-generative-ai:not(.hide-focus):focus {
   box-shadow: var(--ids-button-tertiary-ai-shadow-focus);
   border-color: var(--ids-button-ai-color-icon-secondary-hover);
@@ -1147,7 +1233,7 @@ button {
   border: 1px solid transparent;
   background-color: transparent;
   color: var(--ids-button-color-text-default);
-  transition: background-color var(--ids-motion-duration) var(--ids-motion-ease), border-color var(--ids-motion-duration) var(--ids-motion-ease), box-shadow var(--ids-motion-duration) var(--ids-motion-ease), color var(--ids-motion-duration) var(--ids-motion-ease), opacity var(--ids-motion-duration) var(--ids-motion-ease);
+  transition: background-color var(--ids-motion-duration) var(--ids-motion-ease), border-color var(--ids-motion-duration) var(--ids-motion-ease), color var(--ids-motion-duration) var(--ids-motion-ease), opacity var(--ids-motion-duration) var(--ids-motion-ease);
   white-space: nowrap;
   padding-block-start: var(--ids-space-12);
   padding-block-end: var(--ids-space-12);
@@ -1184,7 +1270,7 @@ button {
   width: 1px;
 }
 .ids-modal-button:not(.ids-modal-icon-button):not(.ids-icon-button) ::slotted(ids-icon) {
-  padding-inline-end: calc(var(--ids-space-xxs) + 5px);
+  padding-inline-end: calc(var(--ids-space-xxs) + 3px);
 }
 .ids-modal-button:not(.ids-modal-icon-button) .ids-icon {
   vertical-align: middle;
@@ -1217,7 +1303,7 @@ button {
   background-color: var(--ids-modal-color-background);
   color: var(--ids-modal-button-color-default);
 }
-.ids-modal-button:not(.ids-modal-icon-button).btn-primary:not(.hide-focus).is-active, .ids-modal-button:not(.ids-modal-icon-button).btn-primary:not(.hide-focus):focus {
+.ids-modal-button:not(.ids-modal-icon-button).btn-primary:not(.hide-focus).is-active, .ids-modal-button:not(.ids-modal-icon-button).btn-primary:not(.hide-focus).is-focused, .ids-modal-button:not(.ids-modal-icon-button).btn-primary:not(.hide-focus).focus-within, .ids-modal-button:not(.ids-modal-icon-button).btn-primary:not(.hide-focus):focus {
   box-shadow: var(--ids-modal-shadow-focus);
 }
 .ids-modal-button:not(.ids-modal-icon-button).btn-primary:hover {
@@ -1230,7 +1316,7 @@ button {
   background-color: var(--ids-modal-color-background);
   color: var(--ids-modal-button-secondary-color-default);
 }
-.ids-modal-button:not(.ids-modal-icon-button).btn-secondary:not(.hide-focus).is-active, .ids-modal-button:not(.ids-modal-icon-button).btn-secondary:not(.hide-focus):focus, .ids-modal-button:not(.ids-modal-icon-button).btn-tertiary:not(.hide-focus).is-active, .ids-modal-button:not(.ids-modal-icon-button).btn-tertiary:not(.hide-focus):focus {
+.ids-modal-button:not(.ids-modal-icon-button).btn-secondary:not(.hide-focus).is-active, .ids-modal-button:not(.ids-modal-icon-button).btn-secondary:not(.hide-focus).is-focused, .ids-modal-button:not(.ids-modal-icon-button).btn-secondary:not(.hide-focus).focus-within, .ids-modal-button:not(.ids-modal-icon-button).btn-secondary:not(.hide-focus):focus, .ids-modal-button:not(.ids-modal-icon-button).btn-tertiary:not(.hide-focus).is-active, .ids-modal-button:not(.ids-modal-icon-button).btn-tertiary:not(.hide-focus).is-focused, .ids-modal-button:not(.ids-modal-icon-button).btn-tertiary:not(.hide-focus).focus-within, .ids-modal-button:not(.ids-modal-icon-button).btn-tertiary:not(.hide-focus):focus {
   box-shadow: var(--ids-modal-shadow-focus);
 }
 .ids-modal-button:not(.ids-modal-icon-button).btn-secondary:hover, .ids-modal-button:not(.ids-modal-icon-button).btn-tertiary:hover {
@@ -1403,10 +1489,10 @@ button {
 
 :host(ids-toggle-button[pressed][color=red]) {
   --ids-button-tertiary-color-text-default: var(--ids-button-toggle-color-text-pressed-red);
-}`;var R=q(S(D(P(B(L(O)))))),m,G,l,A,s,U,z,p,$,b=class extends R{constructor(){super();c(this,m);c(this,l);c(this,s);c(this,p);f(this,"shouldUpdate",!1);f(this,"colorVariants",["alternate","alternate-formatter","module","module-nav"]);Object.keys(x).forEach(t=>{this.state[t]=x[t]}),Object.defineProperty(this,"tabIndex",{get:()=>I(this,s,z),set:t=>{E(this,s,t,U)},configurable:!0,enumerable:!0})}connectedCallback(){super.connectedCallback(),u(this,l,A).call(this),this.shouldUpdate=!0,this.getAttribute("width")&&(this.width=this.getAttribute("width")),this.cssClass=this.cssClass,u(this,m,G).call(this)}toggleAnimation(t){if(!this.appearance.includes("generative-ai"))return;let o=this.button?.classList.contains("gen-ai-active");this.button?.classList.toggle("gen-ai-active",typeof t=="boolean"?t:!o)}static get attributes(){return[...super.attributes,..._]}get protoClasses(){let t=this.querySelector("span:not(.audible), ids-text:not([audible])");return this.iconEl&&!t?["ids-icon-button"]:["ids-button"]}refreshProtoClasses(){if(!this.button)return;let t=this.button.classList,o=this.protoClasses;t.remove(...F),t.add(...o)}template(){let t="",o="",n="",r='tabindex="0"',a="";this.state?.cssClass&&(t=` ${this.state.cssClass.join(" ")}`),this.state?.disabled&&(n=' disabled="true"'),this.state?.tabIndex&&(r=`tabindex="${this.state.tabIndex}"`),this.state&&this.state?.appearance!=="default"&&this.state.appearance!==void 0&&(a=` btn-${this.state.appearance}`),this.hasAttribute(i.SQUARE)&&(t+=" square"),this.hasAttribute(i.NO_PADDING)&&(t+=" no-padding"),this.protoClasses.length&&(o=`${this.protoClasses.join(" ")}`);let v="";return this.state?.iconAlign&&(v=` align-icon-${this.state?.iconAlign}`),`<button part="button" type="${this.type}" class="${o}${a}${v}${t}" ${r}${n}>
+}`;var R=q(S(D(P(B(L(O)))))),m,G,l,w,s,U,z,f,$,b=class extends R{constructor(){super();c(this,m);c(this,l);c(this,s);c(this,f);p(this,"shouldUpdate",!1);p(this,"colorVariants",["alternate","alternate-formatter","module","module-nav"]);Object.keys(x).forEach(t=>{this.state[t]=x[t]}),Object.defineProperty(this,"tabIndex",{get:()=>I(this,s,z),set:t=>{E(this,s,t,U)},configurable:!0,enumerable:!0})}connectedCallback(){super.connectedCallback(),u(this,l,w).call(this),this.shouldUpdate=!0,this.getAttribute("width")&&(this.width=this.getAttribute("width")),this.cssClass=this.cssClass,u(this,m,G).call(this)}toggleAnimation(t){if(!this.appearance.includes("generative-ai"))return;let o=this.button?.classList.contains("gen-ai-active");this.button?.classList.toggle("gen-ai-active",typeof t=="boolean"?t:!o)}static get attributes(){return[...super.attributes,..._]}get protoClasses(){let t=this.querySelector("span:not(.audible), ids-text:not([audible])");return this.iconEl&&!t?["ids-icon-button"]:["ids-button"]}refreshProtoClasses(){if(!this.button)return;let t=this.button.classList,o=this.protoClasses;t.remove(...F),t.add(...o)}template(){let t="",o="",n="",r='tabindex="0"',a="";this.state?.cssClass&&(t=` ${this.state.cssClass.join(" ")}`),this.state?.disabled&&(n=' disabled="true"'),this.state?.tabIndex&&(r=`tabindex="${this.state.tabIndex}"`),this.state&&this.state?.appearance!=="default"&&this.state.appearance!==void 0&&(a=` btn-${this.state.appearance}`),this.hasAttribute(i.SQUARE)&&(t+=" square"),this.hasAttribute(i.NO_PADDING)&&(t+=" no-padding"),this.protoClasses.length&&(o=`${this.protoClasses.join(" ")}`);let v="";return this.state?.iconAlign&&(v=` align-icon-${this.state?.iconAlign}`),`<button part="button" type="${this.type}" class="${o}${a}${v}${t}" ${r}${n}>
       <slot></slot>
       <slot name="loading-indicator"></slot>
-    </button>`}onHiddenChange(t){let o=e(t);this.shouldUpdate=!1,o?this.setAttribute(i.HIDDEN,""):this.removeAttribute(i.HIDDEN),this.shouldUpdate=!0,this.state.hidden=o,this.button&&(this.button.hidden=o)}setAriaText(){this.container&&this.container.setAttribute(T.ARIA_LABEL,this.text?.trim()||"Button")}get button(){return this.shadowRoot?.querySelector("button")||null}set contentAlign(t){!t||h.indexOf(t)<=0?(this.removeAttribute(i.CONTENT_ALIGN),this.state.contentAlign=h[0]):(this.setAttribute(i.CONTENT_ALIGN,t),this.state.contentAlign!==t&&(this.state.contentAlign=t)),this.setContentAlignClass(t)}get contentAlign(){return this.state.appearance}setContentAlignClass(t){this.button&&h.forEach(o=>{let n=`content-align-${o}`;if(t===o){o!=="default"&&!this.button?.classList.contains(n)&&this.button?.classList.add(n);return}this.button?.classList.contains(n)&&this.button?.classList.remove(n)})}set cssClass(t){let o=t,n=[],r=[].concat(this.state.cssClass);if(Array.isArray(t)?(n=t,o=t.join(" ")):typeof t=="string"&&t.length&&(n=t.split(" ")),this.state.cssClass=n,n.length?this.setAttribute(i.CSS_CLASS,o.toString()):this.removeAttribute(i.CSS_CLASS),!this.button)return;let a=this.button.classList,v=Array.from(a);r.forEach(d=>{n.includes(d)||a.remove(d)}),n.forEach(d=>{v.includes(d)||a.add(d)})}get cssClass(){return this.state.cssClass}set disabled(t){let o=e(t);this.shouldUpdate=!1,o?this.setAttribute(i.DISABLED,""):this.removeAttribute(i.DISABLED),this.shouldUpdate=!0,this.state.disabled=o,this.button&&(this.button.disabled=o)}get disabled(){return this.state.disabled}set icon(t){if(typeof t!="string"||!t.length){this.removeAttribute(i.ICON),this.state.icon=void 0,this.removeIcon();return}this.state.icon=t,this.setAttribute(i.ICON,t),this.appendIcon(t)}get icon(){return this.iconEl?.getAttribute("icon")}get iconEl(){return this.querySelector("ids-icon")}set iconAlign(t){k.includes(`align-icon-${t}`)||(t=void 0),this.state.iconAlign=t,this.setIconAlignment()}get iconAlign(){return this.state?.iconAlign}get width(){return this.getAttribute(i.WIDTH)}set width(t){if(!t){this.removeAttribute(i.WIDTH),this.style.width="",this.button&&(this.button.style.width="");return}t.indexOf("%")!==-1?(this.style.width=t,this.button&&(this.button.style.width="")):(this.style.width="",this.button&&(this.button.style.width=t)),this.setAttribute(i.WIDTH,t)}set noAnimation(t){let o=e(t);this.toggleAttribute(i.NO_ANIMATION,o),this.container?.classList.toggle(i.NO_ANIMATION,o)}get noAnimation(){return this.hasAttribute(i.NO_ANIMATION)}appendIcon(t){let o=this.querySelector("ids-icon"),n=this.iconAlign,r=n==="end"?"beforeend":"afterbegin";o?(o.icon!==t&&(o.icon=t,this.setIconAlignment()),n==="end"&&this.hasIncorrectEndElement()?this.append(o):this.hasIncorrectStartElement()&&this.prepend(o)):this.insertAdjacentHTML(r,`<ids-icon icon="${t}" class="ids-icon"></ids-icon>`),this.refreshProtoClasses()}removeIcon(){let t=this.querySelector("ids-icon");t&&t.remove(),this.setIconAlignment(),this.refreshProtoClasses()}setIconAlignment(){if(!this.button)return;let t=this.iconAlign,o=this.icon;if(this.button.classList.remove(...k),t&&o){this.button.classList.add(`align-icon-${t}`);let n=this.hasIncorrectStartElement(),r=this.hasIncorrectEndElement();(n||r)&&this.appendIcon(o)}}hasIncorrectStartElement(){return this.iconAlign==="start"&&!this.children[0].isEqualNode(this.iconEl)}hasIncorrectEndElement(){return this.iconAlign==="end"&&!this.children[this.children.length-1].isEqualNode(this.iconEl)}set text(t){if(this.removeAttribute(i.TEXT),typeof t!="string"||!t.length){this.state.text="",this.removeText();return}this.state.text=t,this.appendText(t)}get text(){let t=this.querySelector("span:not(.audible)");return t&&t.textContent?.length?t.textContent:this.textContent}appendText(t){let o=this.querySelector("span:not(.audible)"),n=this.iconAlign,r=n==="end"?"afterbegin":"beforeend";o?(o.textContent=t,this.setAriaText(),n==="end"&&this.hasIncorrectEndElement()?this.prepend(o):n==="start"&&this.hasIncorrectStartElement()&&this.append(o)):this.insertAdjacentHTML(r,`<span>${t}</span>`),this.refreshProtoClasses()}removeText(){let t=this.querySelector("span:not(.audible)");t&&t.remove(),this.refreshProtoClasses()}set appearance(t){!t||g.indexOf(t)<=0?(this.state.appearance=g[0],this.removeAttribute(i.APPEARANCE)):(this.state.appearance=t,this.setAttribute(i.APPEARANCE,t)),this.setAppearanceClass(t)}get appearance(){return this.state.appearance}set type(t){t&&y.includes(t)?(this.setAttribute(i.TYPE,t),this.button?.setAttribute(i.TYPE,t),this.state.type!==t&&(this.state.type=t)):(this.removeAttribute(i.TYPE),this.button?.removeAttribute(i.TYPE),this.state.type=y[0])}get type(){return this.state.type||"button"}set noMargins(t){if(e(t)){this.setAttribute(i.NO_MARGINS,""),this.container?.classList.add(i.NO_MARGINS);return}this.removeAttribute(i.NO_MARGINS),this.container?.classList.remove(i.NO_MARGINS)}get noMargins(){return e(this.getAttribute(i.NO_MARGINS))}set noPadding(t){let o=this.noPadding,n=e(t);o!==n&&(n?(this.container?.classList.add(i.NO_PADDING),this.setAttribute(i.NO_PADDING,"true")):(this.container?.classList.remove(i.NO_PADDING),this.removeAttribute(i.NO_PADDING)))}get noPadding(){return e(this.getAttribute(i.NO_PADDING))}set square(t){let o=e(t);this.button&&(o&&!this.button.classList.contains("square")?this.button.classList.add("square"):!o&&this.button.classList.contains("square")&&this.button.classList.remove("square")),o&&!this.hasAttribute(i.SQUARE)?this.setAttribute(i.SQUARE,""):!o&&this.hasAttribute(i.SQUARE)&&this.removeAttribute(i.SQUARE)}get square(){return this.hasAttribute(i.SQUARE)}setAppearanceClass(t){this.button&&(g.forEach(o=>{let n=`btn-${o}`;if(t===o){o!=="default"&&!this.button?.classList.contains(n)&&this.button?.classList.add(n);return}this.button?.classList.contains(n)&&this.button?.classList.remove(n)}),this.button?.classList.remove("btn-undefined"))}focus(){this.button?.focus()}onColorVariantRefresh(){let t=this.querySelectorAll("ids-icon"),o=this.querySelectorAll("ids-text, span"),n=r=>{r instanceof HTMLSpanElement||(r.colorVariant=this.colorVariant)};[...t,...o].forEach(n)}};m=new WeakSet,G=function(){this.offEvent("click",this.container),this.onEvent("click",this.container,()=>{this.toggleAnimation()})},l=new WeakSet,A=function(){this.hasAttribute(i.ICON)&&this.appendIcon(this.getAttribute(i.ICON)),this.hasAttribute(i.TEXT)&&this.appendText(this.getAttribute(i.TEXT)),this.setAriaText(),this.hasAttribute(i.CONTENT_ALIGN)&&this.setContentAlignClass(this.getAttribute(i.CONTENT_ALIGN)),this.setIconAlignment(),this.refreshProtoClasses(),this.localeAPI.updateDirectionAttribute(this,this.localeAPI.language.name),u(this,p,$).call(this,this.appearance)},s=new WeakSet,U=function(t){let o=Number(t);if(this.removeAttribute(i.TABINDEX),Number.isNaN(o)||o<-1){this.state.tabIndex=0,this.button?.setAttribute(i.TABINDEX,"0");return}this.state.tabIndex=o,this.button?.setAttribute(i.TABINDEX,`${o}`)},z=function(){return this.state.tabIndex},p=new WeakSet,$=function(t){if(!t.includes("generative")||this.querySelector('ids-icon[icon="insights-smart-panel"]'))return;let o=`<defs>
+    </button>`}onHiddenChange(t){let o=e(t);this.shouldUpdate=!1,o?this.setAttribute(i.HIDDEN,""):this.removeAttribute(i.HIDDEN),this.shouldUpdate=!0,this.state.hidden=o,this.button&&(this.button.hidden=o)}setAriaText(){this.container&&this.container.setAttribute(T.ARIA_LABEL,this.text?.trim()||"Button")}get button(){return this.shadowRoot?.querySelector("button")||null}set contentAlign(t){!t||h.indexOf(t)<=0?(this.removeAttribute(i.CONTENT_ALIGN),this.state.contentAlign=h[0]):(this.setAttribute(i.CONTENT_ALIGN,t),this.state.contentAlign!==t&&(this.state.contentAlign=t)),this.setContentAlignClass(t)}get contentAlign(){return this.state.appearance}setContentAlignClass(t){this.button&&h.forEach(o=>{let n=`content-align-${o}`;if(t===o){o!=="default"&&!this.button?.classList.contains(n)&&this.button?.classList.add(n);return}this.button?.classList.contains(n)&&this.button?.classList.remove(n)})}set cssClass(t){let o=t,n=[],r=[].concat(this.state.cssClass);if(Array.isArray(t)?(n=t,o=t.join(" ")):typeof t=="string"&&t.length&&(n=t.split(" ")),this.state.cssClass=n,n.length?this.setAttribute(i.CSS_CLASS,o.toString()):this.removeAttribute(i.CSS_CLASS),!this.button)return;let a=this.button.classList,v=Array.from(a);r.forEach(d=>{n.includes(d)||a.remove(d)}),n.forEach(d=>{v.includes(d)||a.add(d)})}get cssClass(){return this.state.cssClass}set disabled(t){let o=e(t);this.shouldUpdate=!1,o?this.setAttribute(i.DISABLED,""):this.removeAttribute(i.DISABLED),this.shouldUpdate=!0,this.state.disabled=o,this.button&&(this.button.disabled=o)}get disabled(){return this.state.disabled}set icon(t){if(typeof t!="string"||!t.length){this.removeAttribute(i.ICON),this.state.icon=void 0,this.removeIcon();return}this.state.icon=t,this.setAttribute(i.ICON,t),this.appendIcon(t)}get icon(){return this.iconEl?.getAttribute("icon")}get iconEl(){return this.querySelector("ids-icon")}set iconAlign(t){k.includes(`align-icon-${t}`)||(t=void 0),this.state.iconAlign=t,this.setIconAlignment()}get iconAlign(){return this.state?.iconAlign}get width(){return this.getAttribute(i.WIDTH)}set width(t){if(!t){this.removeAttribute(i.WIDTH),this.style.width="",this.button&&(this.button.style.width="");return}t.indexOf("%")!==-1?(this.style.width=t,this.button&&(this.button.style.width="")):(this.style.width="",this.button&&(this.button.style.width=t)),this.setAttribute(i.WIDTH,t)}set noAnimation(t){let o=e(t);this.toggleAttribute(i.NO_ANIMATION,o),this.container?.classList.toggle(i.NO_ANIMATION,o)}get noAnimation(){return this.hasAttribute(i.NO_ANIMATION)}appendIcon(t){let o=this.querySelector("ids-icon"),n=this.iconAlign,r=n==="end"?"beforeend":"afterbegin";o?(o.icon!==t&&(o.icon=t,this.setIconAlignment()),n==="end"&&this.hasIncorrectEndElement()?this.append(o):this.hasIncorrectStartElement()&&this.prepend(o)):this.insertAdjacentHTML(r,`<ids-icon icon="${t}" class="ids-icon"></ids-icon>`),this.refreshProtoClasses()}removeIcon(){let t=this.querySelector("ids-icon");t&&t.remove(),this.setIconAlignment(),this.refreshProtoClasses()}setIconAlignment(){if(!this.button)return;let t=this.iconAlign,o=this.icon;if(this.button.classList.remove(...k),t&&o){this.button.classList.add(`align-icon-${t}`);let n=this.hasIncorrectStartElement(),r=this.hasIncorrectEndElement();(n||r)&&this.appendIcon(o)}}hasIncorrectStartElement(){return this.iconAlign==="start"&&!this.children[0].isEqualNode(this.iconEl)}hasIncorrectEndElement(){return this.iconAlign==="end"&&!this.children[this.children.length-1].isEqualNode(this.iconEl)}set text(t){if(this.removeAttribute(i.TEXT),typeof t!="string"||!t.length){this.state.text="",this.removeText();return}this.state.text=t,this.appendText(t)}get text(){let t=this.querySelector("span:not(.audible)");return t&&t.textContent?.length?t.textContent:this.textContent}appendText(t){let o=this.querySelector("span:not(.audible)"),n=this.iconAlign,r=n==="end"?"afterbegin":"beforeend";o?(o.textContent=t,this.setAriaText(),n==="end"&&this.hasIncorrectEndElement()?this.prepend(o):n==="start"&&this.hasIncorrectStartElement()&&this.append(o)):this.insertAdjacentHTML(r,`<span>${t}</span>`),this.refreshProtoClasses()}removeText(){let t=this.querySelector("span:not(.audible)");t&&t.remove(),this.refreshProtoClasses()}set appearance(t){!t||g.indexOf(t)<=0?(this.state.appearance=g[0],this.removeAttribute(i.APPEARANCE)):(this.state.appearance=t,this.setAttribute(i.APPEARANCE,t)),this.setAppearanceClass(t)}get appearance(){return this.state.appearance}set type(t){t&&y.includes(t)?(this.setAttribute(i.TYPE,t),this.button?.setAttribute(i.TYPE,t),this.state.type!==t&&(this.state.type=t)):(this.removeAttribute(i.TYPE),this.button?.removeAttribute(i.TYPE),this.state.type=y[0])}get type(){return this.state.type||"button"}set noMargins(t){if(e(t)){this.setAttribute(i.NO_MARGINS,""),this.container?.classList.add(i.NO_MARGINS);return}this.removeAttribute(i.NO_MARGINS),this.container?.classList.remove(i.NO_MARGINS)}get noMargins(){return e(this.getAttribute(i.NO_MARGINS))}set noPadding(t){let o=this.noPadding,n=e(t);o!==n&&(n?(this.container?.classList.add(i.NO_PADDING),this.setAttribute(i.NO_PADDING,"true")):(this.container?.classList.remove(i.NO_PADDING),this.removeAttribute(i.NO_PADDING)))}get noPadding(){return e(this.getAttribute(i.NO_PADDING))}set square(t){let o=e(t);this.button&&(o&&!this.button.classList.contains("square")?this.button.classList.add("square"):!o&&this.button.classList.contains("square")&&this.button.classList.remove("square")),o&&!this.hasAttribute(i.SQUARE)?this.setAttribute(i.SQUARE,""):!o&&this.hasAttribute(i.SQUARE)&&this.removeAttribute(i.SQUARE)}get square(){return this.hasAttribute(i.SQUARE)}setAppearanceClass(t){this.button&&(g.forEach(o=>{let n=`btn-${o}`;if(t===o){o!=="default"&&!this.button?.classList.contains(n)&&this.button?.classList.add(n);return}this.button?.classList.contains(n)&&this.button?.classList.remove(n)}),this.button?.classList.remove("btn-undefined"))}focus(){this.button?.focus()}onColorVariantRefresh(){let t=this.querySelectorAll("ids-icon"),o=this.querySelectorAll("ids-text, span"),n=r=>{r instanceof HTMLSpanElement||(r.colorVariant=this.colorVariant)};[...t,...o].forEach(n)}};m=new WeakSet,G=function(){this.offEvent("click",this.container),this.onEvent("click",this.container,()=>{this.toggleAnimation()})},l=new WeakSet,w=function(){this.hasAttribute(i.ICON)&&this.appendIcon(this.getAttribute(i.ICON)),this.hasAttribute(i.TEXT)&&this.appendText(this.getAttribute(i.TEXT)),this.setAriaText(),this.hasAttribute(i.CONTENT_ALIGN)&&this.setContentAlignClass(this.getAttribute(i.CONTENT_ALIGN)),this.setIconAlignment(),this.refreshProtoClasses(),this.localeAPI.updateDirectionAttribute(this,this.localeAPI.language.name),u(this,f,$).call(this,this.appearance)},s=new WeakSet,U=function(t){let o=Number(t);if(this.removeAttribute(i.TABINDEX),Number.isNaN(o)||o<-1){this.state.tabIndex=0,this.button?.setAttribute(i.TABINDEX,"0");return}this.state.tabIndex=o,this.button?.setAttribute(i.TABINDEX,`${o}`)},z=function(){return this.state.tabIndex},f=new WeakSet,$=function(t){if(!t.includes("generative")||this.querySelector('ids-icon[icon="insights-smart-panel"]'))return;let o=`<defs>
       <linearGradient id="paint-linear" x1="14.6681" y1="-32.5625" x2="31.7256" y2="-26.8896" gradientUnits="userSpaceOnUse">
         <stop offset="0.117757" class="insights-stop-1"></stop>
         <stop offset="0.927091" class="insights-stop-2"></stop>
@@ -1415,4 +1501,4 @@ button {
       <div class="dot"></div>
       <div class="dot"></div>
       <div class="dot"></div>
-    </div>`,r=document.createElement("ids-icon");r.setAttribute("icon","insights-smart-panel"),this.append(r),this.container?.insertAdjacentHTML("beforeend",n),u(this,l,A).call(this),t.includes("tertiary")&&requestAnimationFrame(()=>{r.appendSVGDefs?.(o),r.pathElem?.setAttribute("fill","url(#paint-linear)")})},b=w([C("ids-button"),N(M)],b);export{M as a,b};
+    </div>`,r=document.createElement("ids-icon");r.setAttribute("icon","insights-smart-panel"),this.append(r),this.container?.insertAdjacentHTML("beforeend",n),u(this,l,w).call(this),t.includes("tertiary")&&requestAnimationFrame(()=>{r.appendSVGDefs?.(o),r.pathElem?.setAttribute("fill","url(#paint-linear)")})},b=A([C("ids-button"),N(M)],b);export{M as a,b};