ids-enterprise-wc 1.4.2 → 1.5.0

package/chunks/{ids-chunk-FTY43IYJ.js → ids-chunk-3IJMF5UN.js}

@@ -1,4 +1,4 @@
-import{a as _}from"./ids-chunk-NOXYAVOB.js";import{a as D}from"./ids-chunk-6TRIT6QL.js";import{a as g,b as h,c as y,d as x,e as q,f as k,g as G}from"./ids-chunk-27V3UUNP.js";import{a as B}from"./ids-chunk-YZNLJXWS.js";import{a as S}from"./ids-chunk-6XQQHFMN.js";import{a as O}from"./ids-chunk-3DA43NO3.js";import{a as P}from"./ids-chunk-SFFCFWLW.js";import{a as T,b as N}from"./ids-chunk-XE4WFW5M.js";import{a as L}from"./ids-chunk-KBS65QZP.js";import{e}from"./ids-chunk-5Q3WPKMB.js";import{a as o,b as C}from"./ids-chunk-H4WFYJQQ.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=`/**
+import{a as P}from"./ids-chunk-MA2VZKRF.js";import{a as L}from"./ids-chunk-LZ22P3CC.js";import{a as l,b as v,c as h,d as m,e as B,f,g as D}from"./ids-chunk-SMFZRUDW.js";import{a as O}from"./ids-chunk-3V6MPTOX.js";import{a as C}from"./ids-chunk-L7EY3TMT.js";import{a as T}from"./ids-chunk-U4K5B3VN.js";import{a as S}from"./ids-chunk-JA2PT4KM.js";import{a as I,b as E}from"./ids-chunk-XE4WFW5M.js";import{a as N}from"./ids-chunk-E2XG4A54.js";import{e as a}from"./ids-chunk-Y6KVKFJX.js";import{a as o,b as A}from"./ids-chunk-6P577POZ.js";import{a as y,b as g,c as x,d as k,e as w,f as c}from"./ids-chunk-ZMMCFAAI.js";var _=`/**
  * Ids Button Component CSS
  * (Includes standard and icon button rules)
  */
@@ -52,8 +52,8 @@ import{a as _}from"./ids-chunk-NOXYAVOB.js";import{a as D}from"./ids-chunk-6TRIT
 }
 
 :host([system-button]) button:hover {
-  background-color: transparent;
-  border-color: transparent;
+  background-color: var(--ids-color-transparent);
+  border-color: var(--ids-color-transparent);
   color: var(--ids-button-system-color-text-hover);
 }
 
@@ -86,14 +86,14 @@ button {
 .ids-menu-button {
   box-shadow: var(--ids-shadow-none);
   font-weight: var(--ids-font-weight-normal);
-  font-family: var(--ids-font-family-default);
-  font-size: var(--ids-font-size-40);
+  font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
+  font-size: var(--ids-font-size-sm);
   overflow: hidden;
   padding-bottom: calc(var(--ids-space-xs) - 2px);
   padding-top: calc(var(--ids-space-xs) - 2px);
   position: relative;
   border: 1px solid transparent;
-  background-color: transparent;
+  background-color: var(--ids-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), color var(--ids-motion-duration) var(--ids-motion-ease), opacity var(--ids-motion-duration) var(--ids-motion-ease);
   white-space: nowrap;
@@ -122,7 +122,7 @@ button {
 .ids-toggle-button:focus,
 .ids-menu-button:focus {
   outline: none;
-  outline-color: transparent;
+  outline-color: var(--ids-color-transparent);
 }
 .ids-button:not([disabled]),
 .ids-toggle-button:not([disabled]),
@@ -149,7 +149,7 @@ button {
 .ids-button:not(.ids-icon-button):not(.align-icon-end) ::slotted(ids-icon:not([icon=insights-smart-panel])),
 .ids-toggle-button:not(.ids-icon-button):not(.align-icon-end) ::slotted(ids-icon:not([icon=insights-smart-panel])),
 .ids-menu-button:not(.ids-icon-button):not(.align-icon-end) ::slotted(ids-icon:not([icon=insights-smart-panel])) {
-  margin-inline-end: calc(var(--ids-space-xxs) + 3px);
+  margin-inline-end: calc(var(--ids-space-2xs) + 3px);
 }
 .ids-button .ids-icon,
 .ids-toggle-button .ids-icon,
@@ -159,7 +159,7 @@ button {
 .ids-button.align-icon-end ::slotted(ids-icon),
 .ids-toggle-button.align-icon-end ::slotted(ids-icon),
 .ids-menu-button.align-icon-end ::slotted(ids-icon) {
-  margin-inline-start: var(--ids-space-xxs);
+  margin-inline-start: var(--ids-space-2xs);
 }
 .ids-button.content-align-start,
 .ids-toggle-button.content-align-start,
@@ -176,11 +176,6 @@ button {
 .ids-menu-button.no-margins {
   margin-inline: var(--ids-space-none);
 }
-.ids-button:not(.no-margins),
-.ids-toggle-button:not(.no-margins),
-.ids-menu-button:not(.no-margins) {
-  margin: var(--ids-button-alt-margin);
-}
 .ids-button.field-height-xxs:not(.btn-secondary):not(.no-margins),
 .ids-toggle-button.field-height-xxs:not(.btn-secondary):not(.no-margins),
 .ids-menu-button.field-height-xxs:not(.btn-secondary):not(.no-margins) {
@@ -339,7 +334,7 @@ button {
     background-color: #fff;
   }
   50%, 100% {
-    background-color: rgba(255, 255, 255, 0.4);
+    background-color: rgba(255 255 255/var(--ids-opacity-disabled));
   }
 }
 @keyframes dot-flashing-colors {
@@ -432,7 +427,7 @@ button {
 .ids-menu-button.btn-tertiary-generative-ai {
   background: var(--ids-button-ai-color-tertiary-background-default);
   background-clip: text;
-  -webkit-text-fill-color: transparent;
+  -webkit-text-fill-color: var(--ids-color-transparent);
   align-items: center;
 }
 .ids-button.btn-tertiary-generative-ai:hover,
@@ -440,8 +435,8 @@ button {
 .ids-menu-button.btn-tertiary-generative-ai:hover {
   background: var(--ids-button-ai-color-tertiary-background-hover);
   background-clip: text;
-  border-color: transparent;
-  -webkit-text-fill-color: transparent;
+  border-color: var(--ids-color-transparent);
+  -webkit-text-fill-color: var(--ids-color-transparent);
 }
 .ids-button.btn-tertiary-generative-ai ::slotted(ids-icon[icon=insights-smart-panel]),
 .ids-toggle-button.btn-tertiary-generative-ai ::slotted(ids-icon[icon=insights-smart-panel]),
@@ -460,14 +455,14 @@ button {
 .ids-menu-button.btn-tertiary-generative-ai:active .ids-menu-button.btn-tertiary-generative-ai.gen-ai-active {
   background: var(--ids-button-ai-color-background-active);
   background-clip: text;
-  -webkit-text-fill-color: transparent;
+  -webkit-text-fill-color: var(--ids-color-transparent);
 }
 .ids-button.btn-tertiary-generative-ai[disabled],
 .ids-toggle-button.btn-tertiary-generative-ai[disabled],
 .ids-menu-button.btn-tertiary-generative-ai[disabled] {
   background: var(--ids-button-tertiary-ai-color-background-disabled);
   background-clip: text;
-  -webkit-text-fill-color: transparent;
+  -webkit-text-fill-color: var(--ids-color-transparent);
   opacity: var(--ids-button-ai-opacity-disabled);
 }
 .ids-button.btn-tertiary-generative-ai[disabled] ::slotted(ids-icon[icon=insights-smart-panel]),
@@ -584,7 +579,7 @@ button {
 .ids-menu-button.color-variant-alternate:hover,
 .ids-menu-button.color-variant-alternate-formatter:hover {
   background-color: var(--ids-button-formatter-color-background-hover);
-  border-color: transparent;
+  border-color: var(--ids-color-transparent);
   color: var(--ids-button-formatter-color-text-hover);
   opacity: 1;
 }
@@ -593,7 +588,7 @@ button {
 .ids-toggle-button.color-variant-alternate-formatter[disabled],
 .ids-menu-button.color-variant-alternate[disabled],
 .ids-menu-button.color-variant-alternate-formatter[disabled] {
-  background-color: transparent;
+  background-color: var(--ids-color-transparent);
   opacity: var(--ids-button-formatter-opacity-disabled);
 }
 .ids-button.color-variant-alternate-formatter,
@@ -636,8 +631,8 @@ button {
 .ids-button.color-variant-alternate-formatter.ids-menu-button.compact,
 .ids-toggle-button.color-variant-alternate-formatter.ids-menu-button.compact,
 .ids-menu-button.color-variant-alternate-formatter.ids-menu-button.compact {
-  padding: var(--ids-space-xxs);
-  padding-inline: var(--ids-space-xxs);
+  padding: var(--ids-space-2xs);
+  padding-inline: var(--ids-space-2xs);
 }
 .ids-button.color-variant-alternate-formatter.ids-menu-button.compact.square,
 .ids-toggle-button.color-variant-alternate-formatter.ids-menu-button.compact.square,
@@ -700,20 +695,20 @@ button {
 }
 .ids-menu-button.formatter-width:not(.formatter-width-percentage) .ids-icon {
   position: absolute;
-  inset-inline-end: var(--ids-space-xxs);
+  inset-inline-end: var(--ids-space-2xs);
 }
 
 .ids-icon-button {
   box-shadow: var(--ids-shadow-none);
   font-weight: var(--ids-font-weight-normal);
-  font-family: var(--ids-font-family-default);
-  font-size: var(--ids-font-size-40);
+  font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
+  font-size: var(--ids-font-size-sm);
   overflow: hidden;
   padding-bottom: calc(var(--ids-space-xs) - 2px);
   padding-top: calc(var(--ids-space-xs) - 2px);
   position: relative;
   border: 1px solid transparent;
-  background-color: transparent;
+  background-color: var(--ids-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), color var(--ids-motion-duration) var(--ids-motion-ease), opacity var(--ids-motion-duration) var(--ids-motion-ease);
   white-space: nowrap;
@@ -736,7 +731,7 @@ button {
 }
 .ids-icon-button:focus {
   outline: none;
-  outline-color: transparent;
+  outline-color: var(--ids-color-transparent);
 }
 .ids-icon-button:not([disabled]) {
   cursor: var(--ids-cursor-pointer);
@@ -755,13 +750,13 @@ button {
   width: 1px;
 }
 .ids-icon-button:not(.ids-icon-button):not(.align-icon-end) ::slotted(ids-icon:not([icon=insights-smart-panel])) {
-  margin-inline-end: calc(var(--ids-space-xxs) + 3px);
+  margin-inline-end: calc(var(--ids-space-2xs) + 3px);
 }
 .ids-icon-button .ids-icon {
   vertical-align: middle;
 }
 .ids-icon-button.align-icon-end ::slotted(ids-icon) {
-  margin-inline-start: var(--ids-space-xxs);
+  margin-inline-start: var(--ids-space-2xs);
 }
 .ids-icon-button.content-align-start {
   justify-content: start;
@@ -772,9 +767,6 @@ button {
 .ids-icon-button.no-margins {
   margin-inline: var(--ids-space-none);
 }
-.ids-icon-button:not(.no-margins) {
-  margin: var(--ids-button-alt-margin);
-}
 .ids-icon-button.field-height-xxs:not(.btn-secondary):not(.no-margins) {
   margin-block-start: 3px;
   margin-inline-end: -2px;
@@ -871,7 +863,7 @@ button {
     background-color: #fff;
   }
   50%, 100% {
-    background-color: rgba(255, 255, 255, 0.4);
+    background-color: rgba(255 255 255/var(--ids-opacity-disabled));
   }
 }
 @keyframes dot-flashing-colors {
@@ -938,14 +930,14 @@ button {
 .ids-icon-button.btn-tertiary-generative-ai {
   background: var(--ids-button-ai-color-tertiary-background-default);
   background-clip: text;
-  -webkit-text-fill-color: transparent;
+  -webkit-text-fill-color: var(--ids-color-transparent);
   align-items: center;
 }
 .ids-icon-button.btn-tertiary-generative-ai:hover {
   background: var(--ids-button-ai-color-tertiary-background-hover);
   background-clip: text;
-  border-color: transparent;
-  -webkit-text-fill-color: transparent;
+  border-color: var(--ids-color-transparent);
+  -webkit-text-fill-color: var(--ids-color-transparent);
 }
 .ids-icon-button.btn-tertiary-generative-ai ::slotted(ids-icon[icon=insights-smart-panel]) {
   --ids-button-ai-color-icon-primary: var(--ids-button-ai-color-icon-primary-hover);
@@ -954,12 +946,12 @@ button {
 .ids-icon-button.btn-tertiary-generative-ai:active .ids-icon-button.btn-tertiary-generative-ai.gen-ai-active {
   background: var(--ids-button-ai-color-background-active);
   background-clip: text;
-  -webkit-text-fill-color: transparent;
+  -webkit-text-fill-color: var(--ids-color-transparent);
 }
 .ids-icon-button.btn-tertiary-generative-ai[disabled] {
   background: var(--ids-button-tertiary-ai-color-background-disabled);
   background-clip: text;
-  -webkit-text-fill-color: transparent;
+  -webkit-text-fill-color: var(--ids-color-transparent);
   opacity: var(--ids-button-ai-opacity-disabled);
 }
 .ids-icon-button.btn-tertiary-generative-ai[disabled] ::slotted(ids-icon[icon=insights-smart-panel]) {
@@ -1022,12 +1014,12 @@ button {
 }
 .ids-icon-button.color-variant-alternate:hover, .ids-icon-button.color-variant-alternate-formatter:hover {
   background-color: var(--ids-button-formatter-color-background-hover);
-  border-color: transparent;
+  border-color: var(--ids-color-transparent);
   color: var(--ids-button-formatter-color-text-hover);
   opacity: 1;
 }
 .ids-icon-button.color-variant-alternate[disabled], .ids-icon-button.color-variant-alternate-formatter[disabled] {
-  background-color: transparent;
+  background-color: var(--ids-color-transparent);
   opacity: var(--ids-button-formatter-opacity-disabled);
 }
 .ids-icon-button.color-variant-alternate-formatter {
@@ -1052,8 +1044,8 @@ button {
   color: var(--ids-button-formatter-color-active);
 }
 .ids-icon-button.color-variant-alternate-formatter.ids-menu-button.compact {
-  padding: var(--ids-space-xxs);
-  padding-inline: var(--ids-space-xxs);
+  padding: var(--ids-space-2xs);
+  padding-inline: var(--ids-space-2xs);
 }
 .ids-icon-button.color-variant-alternate-formatter.ids-menu-button.compact.square {
   border-radius: var(--ids-border-radius-xs);
@@ -1085,13 +1077,13 @@ button {
   border-radius: var(--ids-button-radius);
 }
 .ids-icon-button.square {
-  border-radius: 0;
+  border-radius: var(--ids-border-radius-none);
 }
-.ids-icon-button .ids-icon {
+.ids-icon-button .ids-icon:not(.dropdown-icon) {
   display: block;
-  padding-inline-start: 2px;
+  padding-inline-start: var(--ids-space-3xs);
   font-size: 0;
-  padding-block-start: 2px;
+  padding-block-start: var(--ids-space-3xs);
 }
 .ids-icon-button span.audible {
   clip: rect(0, 0, 0, 0);
@@ -1206,7 +1198,7 @@ button {
 .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;
+  border-color: var(--ids-color-transparent);
 }
 .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,
@@ -1224,21 +1216,21 @@ button {
 .ids-modal-button:not(.ids-modal-icon-button) {
   box-shadow: var(--ids-shadow-none);
   font-weight: var(--ids-font-weight-normal);
-  font-family: var(--ids-font-family-default);
-  font-size: var(--ids-font-size-40);
+  font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
+  font-size: var(--ids-font-size-sm);
   overflow: hidden;
   padding-bottom: calc(var(--ids-space-xs) - 2px);
   padding-top: calc(var(--ids-space-xs) - 2px);
   position: relative;
   border: 1px solid transparent;
-  background-color: transparent;
+  background-color: var(--ids-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), 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);
   display: block;
-  font-weight: var(--ids-font-weight-semibold);
+  font-weight: var(--ids-font-weight-strong);
   justify-content: center;
   height: 100%;
   width: 100%;
@@ -1251,7 +1243,7 @@ button {
 }
 .ids-modal-button:not(.ids-modal-icon-button):focus {
   outline: none;
-  outline-color: transparent;
+  outline-color: var(--ids-color-transparent);
 }
 .ids-modal-button:not(.ids-modal-icon-button):not([disabled]) {
   cursor: var(--ids-cursor-pointer);
@@ -1270,13 +1262,13 @@ button {
   width: 1px;
 }
 .ids-modal-button:not(.ids-modal-icon-button):not(.ids-icon-button):not(.align-icon-end) ::slotted(ids-icon:not([icon=insights-smart-panel])) {
-  margin-inline-end: calc(var(--ids-space-xxs) + 3px);
+  margin-inline-end: calc(var(--ids-space-2xs) + 3px);
 }
 .ids-modal-button:not(.ids-modal-icon-button) .ids-icon {
   vertical-align: middle;
 }
 .ids-modal-button:not(.ids-modal-icon-button).align-icon-end ::slotted(ids-icon) {
-  margin-inline-start: var(--ids-space-xxs);
+  margin-inline-start: var(--ids-space-2xs);
 }
 .ids-modal-button:not(.ids-modal-icon-button).content-align-start {
   justify-content: start;
@@ -1287,9 +1279,6 @@ button {
 .ids-modal-button:not(.ids-modal-icon-button).no-margins {
   margin-inline: var(--ids-space-none);
 }
-.ids-modal-button:not(.ids-modal-icon-button):not(.no-margins) {
-  margin: var(--ids-button-alt-margin);
-}
 .ids-modal-button:not(.ids-modal-icon-button).field-height-xxs:not(.btn-secondary):not(.no-margins) {
   margin-block-start: 3px;
   margin-inline-end: -2px;
@@ -1351,7 +1340,7 @@ button {
 .btn-swipe-action-right:hover,
 .btn-swipe-action-right:focus {
   box-shadow: none;
-  border-color: transparent;
+  border-color: var(--ids-color-transparent);
 }
 
 .ids-button:not(.no-margins).btn-swipe-action-left,
@@ -1360,8 +1349,8 @@ button {
 }
 
 .btn-swipe-action-left {
-  border-start-end-radius: 0;
-  border-end-end-radius: 0;
+  border-start-end-radius: var(--ids-border-radius-none);
+  border-end-end-radius: var(--ids-border-radius-none);
   background-color: var(--ids-swipe-action-color-background-left);
   color: var(--ids-swipe-action-color-text-left);
 }
@@ -1375,8 +1364,8 @@ button {
 }
 
 .btn-swipe-action-right {
-  border-start-start-radius: 0;
-  border-end-start-radius: 0;
+  border-start-start-radius: var(--ids-border-radius-none);
+  border-end-start-radius: var(--ids-border-radius-none);
   background-color: var(--ids-swipe-action-color-background-right);
   color: var(--ids-swipe-action-color-text-right);
 }
@@ -1400,9 +1389,9 @@ button {
 
 .ids-icon-button.gen-ai-active .loading-dots {
   padding-inline-start: 3px;
-  padding-inline-end: 2px;
+  padding-inline-end: var(--ids-space-3xs);
   padding-block-start: 7px;
-  padding-block-end: 8px;
+  padding-block-end: var(--ids-space-xs);
 }
 
 .ids-button ::slotted(ids-icon:not(:first-child)),
@@ -1410,7 +1399,7 @@ button {
 .ids-menu-button:not(.ids-icon-button) ::slotted(ids-icon:not(:first-child)),
 .ids-modal-button:not(.ids-icon-button) ::slotted(ids-icon:not(:first-child)) {
   margin-inline-start: 5px;
-  margin-inline-end: 0;
+  margin-inline-end: var(--ids-space-none);
 }
 .ids-button .ids-icon:last-child,
 .ids-button span + span:not(.audible),
@@ -1428,7 +1417,7 @@ button {
 }
 
 .ids-modal-button ::slotted(ids-icon:not(:first-child)) {
-  padding: var(--ids-space-xxxs);
+  padding: var(--ids-space-3xs);
 }
 
 :host(:not([show-loading-indicator=true])) ::slotted(.slot-loading-indicator) {
@@ -1460,8 +1449,8 @@ button {
   position: absolute;
   margin-inline-start: auto;
   margin-inline-end: auto;
-  left: 0;
-  right: 0;
+  left: var(--ids-space-none);
+  right: var(--ids-space-none);
 }
 
 :host(ids-toggle-button) {
@@ -1489,10 +1478,25 @@ button {
 
 :host(ids-toggle-button[pressed][color=red]) {
   --ids-button-tertiary-color-text-default: var(--ids-button-toggle-color-text-pressed-red);
-}`;var j=B(S(_(P(D(O(L)))))),m,R,l,w,s,U,z,f,$,b=class extends j{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}),this.refreshProtoClasses()}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,R).call(this),requestAnimationFrame(()=>{this.refreshProtoClasses()})}mountedCallback(){this.refreshProtoClasses()}toggleAnimation(t){if(!this.appearance.includes("generative-ai"))return;let i=this.button?.classList.contains("gen-ai-active");this.button?.classList.toggle("gen-ai-active",typeof t=="boolean"?t:!i)}static get attributes(){return[...super.attributes,...q]}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,i=this.protoClasses;t.remove(...G),t.add(...i)}template(){let t="",i="",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(o.SQUARE)&&(t+=" square"),this.hasAttribute(o.NO_PADDING)&&(t+=" no-padding"),this.protoClasses.length&&(i=`${this.protoClasses.join(" ")}`);let v="";return this.state?.iconAlign&&(v=` align-icon-${this.state?.iconAlign}`),`<button part="button" type="${this.type}" class="${i}${a}${v}${t}" ${r}${n}>
+}
+
+:host(ids-toggle-button.ids-toggle-button-segmented) button {
+  border-radius: var(--ids-border-radius-circle);
+}
+:host(ids-toggle-button.ids-toggle-button-segmented) button:hover {
+  color: var(--ids-segmented-control-text-color);
+  background-color: var(--ids-segmented-control-background-hover);
+}
+
+:host(ids-toggle-button.ids-toggle-button-segmented[pressed]) button {
+  color: var(--ids-segmented-control-text-color);
+  background-color: var(--ids-segmented-control-background-hover);
+  box-shadow: var(--ids-segmented-control-box-shadow);
+  border-color: transparent;
+}`;var U=O(C(P(S(L(T(N)))))),e,q,p,G,M,R,u=class extends U{constructor(){super();k(this,e);g(this,"shouldUpdate",!1);g(this,"colorVariants",["alternate","alternate-formatter","module","module-nav"]);Object.keys(m).forEach(t=>{this.state[t]=m[t]}),Object.defineProperty(this,"tabIndex",{get:()=>x(this,e,M),set:t=>{w(this,e,t,G)},configurable:!0,enumerable:!0}),this.refreshProtoClasses()}connectedCallback(){super.connectedCallback(),c(this,e,p).call(this),this.shouldUpdate=!0,this.getAttribute("width")&&(this.width=this.getAttribute("width")),this.cssClass=this.cssClass,c(this,e,q).call(this),requestAnimationFrame(()=>{this.refreshProtoClasses()})}mountedCallback(){this.refreshProtoClasses()}toggleAnimation(t){if(!this.appearance.includes("generative-ai"))return;let i=this.button?.classList.contains("gen-ai-active");this.button?.classList.toggle("gen-ai-active",typeof t=="boolean"?t:!i)}static get attributes(){return[...super.attributes,...B]}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,i=this.protoClasses;t.remove(...D),t.add(...i)}template(){let t="",i="",n="",r='tabindex="0"',s="";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&&(s=` btn-${this.state.appearance}`),this.hasAttribute(o.SQUARE)&&(t+=" square"),this.hasAttribute(o.NO_PADDING)&&(t+=" no-padding"),this.protoClasses.length&&(i=`${this.protoClasses.join(" ")}`);let b="";return this.state?.iconAlign&&(b=` align-icon-${this.state?.iconAlign}`),`<button part="button" type="${this.type}" class="${i}${s}${b}${t}" ${r}${n}>
       <slot></slot>
       <slot name="loading-indicator"></slot>
-    </button>`}onHiddenChange(t){let i=e(t);this.shouldUpdate=!1,i?this.setAttribute(o.HIDDEN,""):this.removeAttribute(o.HIDDEN),this.shouldUpdate=!0,this.state.hidden=i,this.button&&(this.button.hidden=i)}setAriaText(){this.container&&this.container.setAttribute(C.ARIA_LABEL,this.text?.trim()||"Button")}get button(){return this.shadowRoot?.querySelector("button")||null}set contentAlign(t){!t||h.indexOf(t)<=0?(this.removeAttribute(o.CONTENT_ALIGN),this.state.contentAlign=h[0]):(this.setAttribute(o.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(i=>{let n=`content-align-${i}`;if(t===i){i!=="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 i=t,n=[],r=[].concat(this.state.cssClass);if(Array.isArray(t)?(n=t,i=t.join(" ")):typeof t=="string"&&t.length&&(n=t.split(" ")),this.state.cssClass=n,n.length?this.setAttribute(o.CSS_CLASS,i.toString()):this.removeAttribute(o.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 i=e(t);this.shouldUpdate=!1,i?this.setAttribute(o.DISABLED,""):this.removeAttribute(o.DISABLED),this.shouldUpdate=!0,this.state.disabled=i,this.button&&(this.button.disabled=i)}get disabled(){return this.state.disabled}set icon(t){if(typeof t!="string"||!t.length){this.removeAttribute(o.ICON),this.state.icon=void 0,this.removeIcon();return}this.state.icon=t,this.setAttribute(o.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(o.WIDTH)}set width(t){if(!t){this.removeAttribute(o.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(o.WIDTH,t)}set noAnimation(t){let i=e(t);this.toggleAttribute(o.NO_ANIMATION,i),this.container?.classList.toggle(o.NO_ANIMATION,i)}get noAnimation(){return this.hasAttribute(o.NO_ANIMATION)}appendIcon(t){let i=this.querySelector("ids-icon"),n=this.iconAlign,r=n==="end"?"beforeend":"afterbegin";i?(i.icon!==t&&(i.icon=t,this.setIconAlignment()),n==="end"&&this.hasIncorrectEndElement()?this.append(i):this.hasIncorrectStartElement()&&this.prepend(i)):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,i=this.icon;if(this.button.classList.remove(...k),t&&i){this.button.classList.add(`align-icon-${t}`);let n=this.hasIncorrectStartElement(),r=this.hasIncorrectEndElement();(n||r)&&this.appendIcon(i)}}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(o.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 i=this.querySelector("span:not(.audible)"),n=this.iconAlign,r=n==="end"?"afterbegin":"beforeend";i?(i.textContent=t,this.setAriaText(),n==="end"&&this.hasIncorrectEndElement()?this.prepend(i):n==="start"&&this.hasIncorrectStartElement()&&this.append(i)):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(o.APPEARANCE)):(this.state.appearance=t,this.setAttribute(o.APPEARANCE,t)),this.setAppearanceClass(t)}get appearance(){return this.state.appearance}set type(t){t&&y.includes(t)?(this.setAttribute(o.TYPE,t),this.button?.setAttribute(o.TYPE,t),this.state.type!==t&&(this.state.type=t)):(this.removeAttribute(o.TYPE),this.button?.removeAttribute(o.TYPE),this.state.type=y[0])}get type(){return this.state.type||"button"}set noMargins(t){if(e(t)){this.setAttribute(o.NO_MARGINS,""),this.container?.classList.add(o.NO_MARGINS);return}this.removeAttribute(o.NO_MARGINS),this.container?.classList.remove(o.NO_MARGINS)}get noMargins(){return e(this.getAttribute(o.NO_MARGINS))}set noPadding(t){let i=this.noPadding,n=e(t);i!==n&&(n?(this.container?.classList.add(o.NO_PADDING),this.setAttribute(o.NO_PADDING,"true")):(this.container?.classList.remove(o.NO_PADDING),this.removeAttribute(o.NO_PADDING)))}get noPadding(){return e(this.getAttribute(o.NO_PADDING))}set square(t){let i=e(t);this.button&&(i&&!this.button.classList.contains("square")?this.button.classList.add("square"):!i&&this.button.classList.contains("square")&&this.button.classList.remove("square")),i&&!this.hasAttribute(o.SQUARE)?this.setAttribute(o.SQUARE,""):!i&&this.hasAttribute(o.SQUARE)&&this.removeAttribute(o.SQUARE)}get square(){return this.hasAttribute(o.SQUARE)}setAppearanceClass(t){this.button&&(g.forEach(i=>{let n=`btn-${i}`;if(t===i){i!=="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"),i=this.querySelectorAll("ids-text, span"),n=r=>{r instanceof HTMLSpanElement||(r.colorVariant=this.colorVariant)};[...t,...i].forEach(n)}set badgeColor(t){t?(this.setAttribute(o.BADGE_COLOR,t),this.iconEl?.setAttribute(o.BADGE_COLOR,t)):(this.removeAttribute(o.BADGE_COLOR),this.iconEl?.removeAttribute(o.BADGE_COLOR))}get badgeColor(){return this.iconEl?.getAttribute(o.BADGE_COLOR)}get badgePosition(){return this.iconEl?.getAttribute(o.BADGE_POSITION)}set badgePosition(t){t?(this.setAttribute(o.BADGE_POSITION,t),this.iconEl?.setAttribute(o.BADGE_POSITION,t)):(this.removeAttribute(o.BADGE_POSITION),this.iconEl?.removeAttribute(o.BADGE_POSITION))}};m=new WeakSet,R=function(){this.offEvent("click",this.container),this.onEvent("click",this.container,()=>{this.toggleAnimation()})},l=new WeakSet,w=function(){this.hasAttribute(o.ICON)&&this.appendIcon(this.getAttribute(o.ICON)),this.hasAttribute(o.TEXT)&&this.appendText(this.getAttribute(o.TEXT)),this.setAriaText(),this.hasAttribute(o.CONTENT_ALIGN)&&this.setContentAlignClass(this.getAttribute(o.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 i=Number(t);if(this.removeAttribute(o.TABINDEX),Number.isNaN(i)||i<-1){this.state.tabIndex=0,this.button?.setAttribute(o.TABINDEX,"0");return}this.state.tabIndex=i,this.button?.setAttribute(o.TABINDEX,`${i}`)},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 i=`<defs>
+    </button>`}onHiddenChange(t){let i=a(t);this.shouldUpdate=!1,i?this.setAttribute(o.HIDDEN,""):this.removeAttribute(o.HIDDEN),this.shouldUpdate=!0,this.state.hidden=i,this.button&&(this.button.hidden=i)}setAriaText(){this.container&&this.container.setAttribute(A.ARIA_LABEL,this.text?.trim()||"Button")}get button(){return this.shadowRoot?.querySelector("button")||null}set contentAlign(t){!t||v.indexOf(t)<=0?(this.removeAttribute(o.CONTENT_ALIGN),this.state.contentAlign=v[0]):(this.setAttribute(o.CONTENT_ALIGN,t),this.state.contentAlign!==t&&(this.state.contentAlign=t)),this.setContentAlignClass(t)}get contentAlign(){return this.state.appearance}setContentAlignClass(t){this.button&&v.forEach(i=>{let n=`content-align-${i}`;if(t===i){i!=="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 i=t,n=[],r=[].concat(this.state.cssClass);if(Array.isArray(t)?(n=t,i=t.join(" ")):typeof t=="string"&&t.length&&(n=t.split(" ")),this.state.cssClass=n,n.length?this.setAttribute(o.CSS_CLASS,i.toString()):this.removeAttribute(o.CSS_CLASS),!this.button)return;let s=this.button.classList,b=Array.from(s);r.forEach(d=>{n.includes(d)||s.remove(d)}),n.forEach(d=>{b.includes(d)||s.add(d)})}get cssClass(){return this.state.cssClass}set disabled(t){let i=a(t);this.shouldUpdate=!1,i?this.setAttribute(o.DISABLED,""):this.removeAttribute(o.DISABLED),this.shouldUpdate=!0,this.state.disabled=i,this.button&&(this.button.disabled=i)}get disabled(){return this.state.disabled}set icon(t){if(typeof t!="string"||!t.length){this.removeAttribute(o.ICON),this.state.icon=void 0,this.removeIcon();return}this.state.icon=t,this.setAttribute(o.ICON,t),this.appendIcon(t)}get icon(){return this.iconEl?.getAttribute("icon")}get iconEl(){return this.querySelector("ids-icon")}set iconAlign(t){f.includes(`align-icon-${t}`)||(t=void 0),this.state.iconAlign=t,this.setIconAlignment()}get iconAlign(){return this.state?.iconAlign}get width(){return this.getAttribute(o.WIDTH)}set width(t){if(!t){this.removeAttribute(o.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(o.WIDTH,t)}set noAnimation(t){let i=a(t);this.toggleAttribute(o.NO_ANIMATION,i),this.container?.classList.toggle(o.NO_ANIMATION,i)}get noAnimation(){return this.hasAttribute(o.NO_ANIMATION)}appendIcon(t){let i=this.querySelector("ids-icon"),n=this.iconAlign,r=n==="end"?"beforeend":"afterbegin";i?(i.icon!==t&&(i.icon=t,this.setIconAlignment()),n==="end"&&this.hasIncorrectEndElement()?this.append(i):this.hasIncorrectStartElement()&&this.prepend(i)):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,i=this.icon;if(this.button.classList.remove(...f),t&&i){this.button.classList.add(`align-icon-${t}`);let n=this.hasIncorrectStartElement(),r=this.hasIncorrectEndElement();(n||r)&&this.appendIcon(i)}}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(o.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 i=this.querySelector("span:not(.audible)"),n=this.iconAlign,r=n==="end"?"afterbegin":"beforeend";i?(i.textContent=t,this.setAriaText(),n==="end"&&this.hasIncorrectEndElement()?this.prepend(i):n==="start"&&this.hasIncorrectStartElement()&&this.append(i)):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||l.indexOf(t)<=0?(this.state.appearance=l[0],this.removeAttribute(o.APPEARANCE)):(this.state.appearance=t,this.setAttribute(o.APPEARANCE,t)),this.setAppearanceClass(t)}get appearance(){return this.state.appearance}set type(t){t&&h.includes(t)?(this.setAttribute(o.TYPE,t),this.button?.setAttribute(o.TYPE,t),this.state.type!==t&&(this.state.type=t)):(this.removeAttribute(o.TYPE),this.button?.removeAttribute(o.TYPE),this.state.type=h[0])}get type(){return this.state.type||"button"}set noMargins(t){if(a(t)){this.setAttribute(o.NO_MARGINS,""),this.container?.classList.add(o.NO_MARGINS);return}this.removeAttribute(o.NO_MARGINS),this.container?.classList.remove(o.NO_MARGINS)}get noMargins(){return a(this.getAttribute(o.NO_MARGINS))}set noPadding(t){let i=this.noPadding,n=a(t);i!==n&&(n?(this.container?.classList.add(o.NO_PADDING),this.setAttribute(o.NO_PADDING,"true")):(this.container?.classList.remove(o.NO_PADDING),this.removeAttribute(o.NO_PADDING)))}get noPadding(){return a(this.getAttribute(o.NO_PADDING))}set square(t){let i=a(t);this.button&&(i&&!this.button.classList.contains("square")?this.button.classList.add("square"):!i&&this.button.classList.contains("square")&&this.button.classList.remove("square")),i&&!this.hasAttribute(o.SQUARE)?this.setAttribute(o.SQUARE,""):!i&&this.hasAttribute(o.SQUARE)&&this.removeAttribute(o.SQUARE)}get square(){return this.hasAttribute(o.SQUARE)}setAppearanceClass(t){this.button&&(l.forEach(i=>{let n=`btn-${i}`;if(t===i){i!=="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"),i=this.querySelectorAll("ids-text, span"),n=r=>{r instanceof HTMLSpanElement||(r.colorVariant=this.colorVariant)};[...t,...i].forEach(n)}set badgeColor(t){t?(this.setAttribute(o.BADGE_COLOR,t),this.iconEl?.setAttribute(o.BADGE_COLOR,t)):(this.removeAttribute(o.BADGE_COLOR),this.iconEl?.removeAttribute(o.BADGE_COLOR))}get badgeColor(){return this.iconEl?.getAttribute(o.BADGE_COLOR)}get badgePosition(){return this.iconEl?.getAttribute(o.BADGE_POSITION)}set badgePosition(t){t?(this.setAttribute(o.BADGE_POSITION,t),this.iconEl?.setAttribute(o.BADGE_POSITION,t)):(this.removeAttribute(o.BADGE_POSITION),this.iconEl?.removeAttribute(o.BADGE_POSITION))}};e=new WeakSet,q=function(){this.offEvent("click",this.container),this.onEvent("click",this.container,()=>{this.toggleAnimation()})},p=function(){this.hasAttribute(o.ICON)&&this.appendIcon(this.getAttribute(o.ICON)),this.hasAttribute(o.TEXT)&&this.appendText(this.getAttribute(o.TEXT)),this.setAriaText(),this.hasAttribute(o.CONTENT_ALIGN)&&this.setContentAlignClass(this.getAttribute(o.CONTENT_ALIGN)),this.setIconAlignment(),this.refreshProtoClasses(),this.localeAPI.updateDirectionAttribute(this,this.localeAPI.language.name),c(this,e,R).call(this,this.appearance)},G=function(t){let i=Number(t);if(this.removeAttribute(o.TABINDEX),Number.isNaN(i)||i<-1){this.state.tabIndex=0,this.button?.setAttribute(o.TABINDEX,"0");return}this.state.tabIndex=i,this.button?.setAttribute(o.TABINDEX,`${i}`)},M=function(){return this.state.tabIndex},R=function(t){if(!t.includes("generative")||this.querySelector('ids-icon[icon="insights-smart-panel"]'))return;let i=`<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>
@@ -1501,4 +1505,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,w).call(this),t.includes("tertiary")&&requestAnimationFrame(()=>{r.appendSVGDefs?.(i),r.pathElem?.setAttribute("fill","url(#paint-linear)")})},b=A([T("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),c(this,e,p).call(this),t.includes("tertiary")&&requestAnimationFrame(()=>{r.appendSVGDefs?.(i),r.pathElem?.setAttribute("fill","url(#paint-linear)")})},u=y([I("ids-button"),E(_)],u);export{_ as a,u as b};