ids-enterprise-wc 1.4.2 → 1.5.1

package/chunks/{ids-chunk-JLP3DH52.js → ids-chunk-3B7RAYIL.js}

@@ -1,4 +1,4 @@
-import{b as g}from"./ids-chunk-O5MQZ2A2.js";import{b as v}from"./ids-chunk-FTY43IYJ.js";import{a as b,b as l}from"./ids-chunk-XE4WFW5M.js";import{e as i}from"./ids-chunk-5Q3WPKMB.js";import{a as t}from"./ids-chunk-H4WFYJQQ.js";import{a as u,d as s,g as c}from"./ids-chunk-Y32WUP63.js";var m=`/**
+import{b as v}from"./ids-chunk-5ZEQ2WTS.js";import{b as l}from"./ids-chunk-YTGZJ74N.js";import{a as u,b}from"./ids-chunk-XE4WFW5M.js";import{e as i}from"./ids-chunk-Y6KVKFJX.js";import{a as t}from"./ids-chunk-TFRXZ5TN.js";import{a as s,d as c,f as d}from"./ids-chunk-ZMMCFAAI.js";var g=`/**
  * Ids Button Component CSS
  * (Includes standard and icon button rules)
  */
@@ -52,8 +52,8 @@ import{b as g}from"./ids-chunk-O5MQZ2A2.js";import{b as v}from"./ids-chunk-FTY43
 }
 
 :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) {
@@ -1491,6 +1480,21 @@ button {
   --ids-button-tertiary-color-text-default: var(--ids-button-toggle-color-text-pressed-red);
 }
 
+: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;
+}
+
 :host button {
   --ids-button-icon-height: 32px;
   --ids-button-icon-width: 32px;
@@ -1526,14 +1530,14 @@ button {
 
 .ids-trigger-button {
   align-items: center;
-  background-color: transparent;
+  background-color: var(--ids-color-transparent);
   display: flex;
   color: var(--ids-trigger-field-icon-color);
   justify-content: center;
 }
 .ids-trigger-button.ids-icon-button {
-  padding: var(--ids-space-xxs);
-  inset-inline-start: -2px;
+  padding: var(--ids-space-2xs);
+  inset-inline-start: var(--ids-trigger-field-button-inset-inline-start);
 }
 .ids-trigger-button.ids-icon-button[disabled] {
   color: var(--ids-trigger-field-color-text-disabled);
@@ -1544,8 +1548,8 @@ button {
 }
 .ids-trigger-button.ids-icon-button[readonly]:hover {
   cursor: default;
-  background-color: transparent;
-  border-color: transparent;
+  background-color: var(--ids-color-transparent);
+  border-color: var(--ids-color-transparent);
 }
 .ids-trigger-button.style-inline {
   border: 0;
@@ -1588,8 +1592,8 @@ button {
   margin: 0;
 }
 .ids-trigger-button.color-variant-alternate-formatter {
-  padding: var(--ids-space-xxxs);
+  padding: var(--ids-space-3xs);
 }
 .ids-trigger-button.inherit-color {
   color: currentColor;
-}`;var a,h,d,f,r=class extends g(v){constructor(){super();s(this,a);s(this,d)}static get attributes(){return[...super.attributes,t.INLINE,t.INHERIT_COLOR,t.READONLY,t.TABBABLE]}connectedCallback(){super.connectedCallback(),this.inline=i(this.getAttribute(t.INLINE)),this.readonly=i(this.getAttribute(t.READONLY))}get protoClasses(){return["ids-trigger-button"].concat(super.protoClasses)}set tabbable(n){let e=i(n),o=this.shadowRoot?.querySelector("button");if(e){this.setAttribute(t.TABBABLE,""),o&&(o.tabIndex=0);return}this.removeAttribute(t.TABBABLE),o&&(o.tabIndex=-1)}get tabbable(){return i(this.getAttribute(t.TABBABLE))}set readonly(n){let e=i(n),o=this.shadowRoot?.querySelector("button");if(e){this.setAttribute(t.READONLY,""),o&&(o.tabIndex=-1,o.setAttribute("readonly",""));return}o&&(o.tabIndex=this.tabbable?0:-1,o.removeAttribute("readonly")),this.removeAttribute(t.READONLY)}get readonly(){return i(this.getAttribute(t.READONLY))}get inlineCssClass(){return this?.slot==="trigger-start"?"inline-start":"inline-end"}set inline(n){i(n)?(this.setAttribute(t.INLINE,""),c(this,a,h).call(this)):(this.removeAttribute(t.INLINE),c(this,d,f).call(this))}get inline(){return i(this.getAttribute(t.INLINE))}set inheritColor(n){i(n)?(this.setAttribute(t.INHERIT_COLOR,""),this.button?.classList.add("inherit-color")):(this.removeAttribute(t.INHERIT_COLOR),this.button?.classList.remove("inherit-color"))}get inheritColor(){return this.hasAttribute(t.INHERIT_COLOR)}};a=new WeakSet,h=function(){this.button?.classList.add("style-inline",this.inlineCssClass)},d=new WeakSet,f=function(){this.button?.classList.remove("style-inline",this.inlineCssClass)},r=u([b("ids-trigger-button"),l(m)],r);export{r as a};
+}`;var r,m,h,e=class extends v(l){constructor(){super();c(this,r)}static get attributes(){return[...super.attributes,t.INLINE,t.INHERIT_COLOR,t.READONLY,t.TABBABLE]}connectedCallback(){super.connectedCallback(),this.inline=i(this.getAttribute(t.INLINE)),this.readonly=i(this.getAttribute(t.READONLY))}get protoClasses(){return["ids-trigger-button"].concat(super.protoClasses)}set tabbable(n){let a=i(n),o=this.shadowRoot?.querySelector("button");if(a){this.setAttribute(t.TABBABLE,""),o&&(o.tabIndex=0);return}this.removeAttribute(t.TABBABLE),o&&(o.tabIndex=-1)}get tabbable(){return i(this.getAttribute(t.TABBABLE))}set readonly(n){let a=i(n),o=this.shadowRoot?.querySelector("button");if(a){this.setAttribute(t.READONLY,""),o&&(o.tabIndex=-1,o.setAttribute("readonly",""));return}o&&(o.tabIndex=this.tabbable?0:-1,o.removeAttribute("readonly")),this.removeAttribute(t.READONLY)}get readonly(){return i(this.getAttribute(t.READONLY))}get inlineCssClass(){return this?.slot==="trigger-start"?"inline-start":"inline-end"}set inline(n){i(n)?(this.setAttribute(t.INLINE,""),d(this,r,m).call(this)):(this.removeAttribute(t.INLINE),d(this,r,h).call(this))}get inline(){return i(this.getAttribute(t.INLINE))}set inheritColor(n){i(n)?(this.setAttribute(t.INHERIT_COLOR,""),this.button?.classList.add("inherit-color")):(this.removeAttribute(t.INHERIT_COLOR),this.button?.classList.remove("inherit-color"))}get inheritColor(){return this.hasAttribute(t.INHERIT_COLOR)}};r=new WeakSet,m=function(){this.button?.classList.add("style-inline",this.inlineCssClass)},h=function(){this.button?.classList.remove("style-inline",this.inlineCssClass)},e=s([u("ids-trigger-button"),b(g)],e);export{e as a};

package/chunks/ids-chunk-3K7TGUBU.js

@@ -0,0 +1,37 @@
+import{a as I}from"./ids-chunk-T6ZV4PDM.js";import{a as P}from"./ids-chunk-U4K5B3VN.js";import{a as L,b as T}from"./ids-chunk-XE4WFW5M.js";import{a as x}from"./ids-chunk-W3LDHTW6.js";import{e as f,f as o}from"./ids-chunk-Y6KVKFJX.js";import{a as i}from"./ids-chunk-TFRXZ5TN.js";import{a as B,b as g,d as D,f as a}from"./ids-chunk-ZMMCFAAI.js";var _=`/* Ids Pager Number List Component */
+:host(ids-pager-number-list) {
+  box-sizing: border-box;
+  flex-basis: 0;
+  flex-shrink: 0;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  white-space: nowrap;
+  text-align: center;
+}
+
+ids-button::part(button) {
+  max-width: var(--ids-space-xl);
+  padding: 6px var(--ids-space-xs);
+}
+
+ids-button:not([selected]):not([disabled])::part(button) {
+  color: var(--ids-hyperlink-color-text-default);
+}
+
+ids-button[selected]::part(button) {
+  font-weight: var(--ids-font-weight-semibold);
+}
+
+ids-button:not([selected]):hover {
+  border: none;
+  border-bottom: 1px solid var(--ids-color-border-focus);
+}
+
+.divider {
+  display: inline-flex;
+}`;var M=I(P(x)),s,S,y,C,p,d=class extends M{constructor(){super();D(this,s);g(this,"DEFAULT_STEP",3);g(this,"DEFAULT_PAGE_SIZE",10);g(this,"rootNode")}template(){return`<div class="ids-pager-number-list">
+      </div>`}static get attributes(){return[i.DISABLED,i.LABEL,i.PAGE_NUMBER,i.PAGE_SIZE,i.PARENT_DISABLED,i.STEP,i.TOTAL,i.VALUE]}attributeChangedCallback(t,e,n){if(super.attributeChangedCallback(t,e,n),e===n)return;[i.PAGE_NUMBER,i.PAGE_SIZE,i.STEP,i.TOTAL].includes(t)&&this.connectedCallback()}connectedCallback(){super.connectedCallback(),this.pager&&(this.parentDisabled=this.pager.disabled,this.pageNumber=this.pager.pageNumber,this.pageSize=this.pager.pageSize,this.step=this.pager.step,this.total=this.pager.total),a(this,s,p).call(this),a(this,s,y).call(this)}get pager(){return this.rootNode||(this.rootNode=this.getRootNode?.()?.host),this.rootNode?.nodeName!=="IDS-PAGER"&&(this.rootNode=this.closest("ids-pager")),this.rootNode}set pageSize(t){let e=this.isValidPageSize(t);this.setAttribute(i.PAGE_SIZE,String(e)),a(this,s,p).call(this)}get pageSize(){return this.pager?.pageSize??this.isValidPageSize(this.getAttribute(i.PAGE_SIZE))}isValidPageSize(t){let e=o(t);return!Number.isNaN(e)&&e>0?e:this.DEFAULT_PAGE_SIZE}set pageNumber(t){let e=o(t);Number.isNaN(e)||e<1?e=1:this.pageCount&&(e=Math.min(e,this.pageCount)),this.setAttribute(i.PAGE_NUMBER,String(e)),a(this,s,p).call(this)}get pageNumber(){let t=o(this.getAttribute(i.PAGE_NUMBER)??1);return this.pager?.pageNumber??t}set total(t){let e=o(t);(Number.isNaN(e)||e<1)&&(e=0),this.setAttribute(i.TOTAL,String(e))}get total(){let t=o(this.getAttribute(i.TOTAL));return this.pager?.total??t}get pageCount(){let t=this.hasAttribute(i.TOTAL)?Math.max(Math.ceil(this.total/this.pageSize),1):null;return this.pager?.pageCount??t}set disabled(t){f(t)?this.setAttribute(i.DISABLED,""):this.removeAttribute(i.DISABLED),a(this,s,S).call(this)}get disabled(){return this.hasAttribute(i.DISABLED)}set parentDisabled(t){f(t)?this.setAttribute(i.PARENT_DISABLED,""):this.removeAttribute(i.PARENT_DISABLED),a(this,s,S).call(this)}get parentDisabled(){return this.hasAttribute(i.PARENT_DISABLED)}get disabledOverall(){return this.hasAttribute(i.DISABLED)||this.hasAttribute(i.PARENT_DISABLED)}set label(t){t?this.setAttribute(i.LABEL,t):this.removeAttribute(i.LABEL)}get label(){return this.getAttribute(i.LABEL)||"Go to page {num} of {total}"}set step(t){let e=o(t);if(!Number.isNaN(e)){this.setAttribute(i.STEP,String(e));return}this.removeAttribute(i.STEP)}get step(){let t=o(this.getAttribute(i.STEP));return Number.isNaN(t)&&(t=this.DEFAULT_STEP),this.pager?.step??t}};s=new WeakSet,S=function(){let t=this.container?.children??[];for(let e of t)this.disabledOverall?e.setAttribute(i.DISABLED,""):e.removeAttribute(i.DISABLED)},y=function(){return this.offEvent("click.pager-numberlist",this.container),this.onEvent("click.pager-numberlist",this.container,t=>{let e=t.target?.getAttribute?.("data-id");e&&this.triggerEvent("pagenumberchange",this,{bubbles:!0,composed:!0,detail:{elem:this,value:e}})}),this},C=function(){let t=this.pageCount,e=n=>this.label.replace("{num}",`${n}`).replace("{total}",`${t}`);this.container?.querySelectorAll("ids-button[data-id]").forEach(n=>{let r=n?.getAttribute("data-id");r&&n?.button?.setAttribute("aria-label",e(r))})},p=function(){let t=this.pageCount;if(!t)return;let e=Number(this.pageNumber),n=this.disabledOverall?" disabled":"",r=[...new Array(t)].map((u,G)=>{let E=G+1;return`
+        <ids-button data-id="${E}"${E===e?" selected":""}${n}>${E}</ids-button>
+      `}),N=r[0],v=r[r.length-1],b='<p class="divider">&#8230;</p>',m=Number(this.step),h=m,A=h,c=h+A,z=e-c<1,R=e+c>t,l=[];if(m<1||m>=t)l=[...r];else if(z)l=r.slice(0,c+A).concat([b,v]);else if(R){let u=r.slice(-1*(c+h));l=[N,b].concat(u)}else{let u=r.slice(e-h-1,e+A);l=[N,b].concat([...u,b,v])}this.container&&(this.container.innerHTML=l.join(""),a(this,s,C).call(this))},d=B([L("ids-pager-number-list"),T(_)],d);export{d as a};

package/chunks/{ids-chunk-HNLFNGIF.js → ids-chunk-3NOJVHTW.js}

@@ -1,4 +1,4 @@
-import{a as f}from"./ids-chunk-EJTJUAUZ.js";import{a as x}from"./ids-chunk-5E7SUZHU.js";import{a as y}from"./ids-chunk-V7DNZ5M7.js";import{a as v}from"./ids-chunk-6XQQHFMN.js";import{a as b,b as g}from"./ids-chunk-XE4WFW5M.js";import{e as n}from"./ids-chunk-5Q3WPKMB.js";import{a as o}from"./ids-chunk-H4WFYJQQ.js";import{a as u,d as h,g as i}from"./ids-chunk-Y32WUP63.js";var w=`/* Ids Modal Component */
+import{a as b}from"./ids-chunk-FTRZ46NA.js";import{a as g}from"./ids-chunk-5E7SUZHU.js";import{a as v}from"./ids-chunk-WQD2ECQH.js";import{a as f}from"./ids-chunk-VEO6QETS.js";import{a as m,b as u}from"./ids-chunk-XE4WFW5M.js";import{e as l}from"./ids-chunk-Y6KVKFJX.js";import{a as e}from"./ids-chunk-TFRXZ5TN.js";import{a as p,d as h,f as s}from"./ids-chunk-ZMMCFAAI.js";var x=`/* Ids Modal Component */
 :host {
   display: block;
   position: fixed;
@@ -79,11 +79,11 @@ import{a as f}from"./ids-chunk-EJTJUAUZ.js";import{a as x}from"./ids-chunk-5E7SU
 
 .modal-control-close {
   position: absolute;
-  top: 4px;
-  right: 4px;
+  top: var(--ids-space-2xs);
+  right: var(--ids-space-2xs);
 }
 .modal-control-close[dir=rtl] {
-  left: 4px;
+  left: var(--ids-space-2xs);
   right: unset;
 }
 
@@ -97,7 +97,7 @@ import{a as f}from"./ids-chunk-EJTJUAUZ.js";import{a as x}from"./ids-chunk-5E7SU
 
 @media screen and (min-width: 600px) {
   ::slotted([slot=title]) {
-    font-size: var(--ids-font-size-60);
+    font-size: var(--ids-font-size-lg);
   }
 }
 /* Ids Modal Component */
@@ -181,11 +181,11 @@ import{a as f}from"./ids-chunk-EJTJUAUZ.js";import{a as x}from"./ids-chunk-5E7SU
 
 .modal-control-close {
   position: absolute;
-  top: 4px;
-  right: 4px;
+  top: var(--ids-space-2xs);
+  right: var(--ids-space-2xs);
 }
 .modal-control-close[dir=rtl] {
-  left: 4px;
+  left: var(--ids-space-2xs);
   right: unset;
 }
 
@@ -199,7 +199,7 @@ import{a as f}from"./ids-chunk-EJTJUAUZ.js";import{a as x}from"./ids-chunk-5E7SU
 
 @media screen and (min-width: 600px) {
   ::slotted([slot=title]) {
-    font-size: var(--ids-font-size-60);
+    font-size: var(--ids-font-size-lg);
   }
 }
 :host {
@@ -234,7 +234,7 @@ import{a as f}from"./ids-chunk-EJTJUAUZ.js";import{a as x}from"./ids-chunk-5E7SU
   padding: var(--ids-about-content-padding);
   margin-block-start: 0;
   margin-block-end: 24px;
-  border-radius: var(--ids-border-radius-xxs);
+  border-radius: var(--ids-border-radius-2xs);
   max-height: 199px;
   outline: 0;
   overflow: auto;
@@ -245,7 +245,7 @@ import{a as f}from"./ids-chunk-EJTJUAUZ.js";import{a as x}from"./ids-chunk-5E7SU
   border-color: var(--ids-about-color-border-focus);
   box-shadow: var(--ids-about-shadow-focus);
   outline: 0;
-  outline-color: transparent;
+  outline-color: var(--ids-color-transparent);
 }
 .ids-about .ids-modal-content:hover {
   border-color: var(--ids-about-color-border-hover);
@@ -269,7 +269,7 @@ import{a as f}from"./ids-chunk-EJTJUAUZ.js";import{a as x}from"./ids-chunk-5E7SU
 }
 
 ::slotted([slot=buttons]:not(:first-of-type)) {
-  border-left: transparent;
+  border-left: var(--ids-color-transparent);
 }
 
 :host([dir=rtl]) ::slotted([slot=buttons]) {
@@ -297,7 +297,7 @@ div.ids-modal {
   position: absolute;
   right: 20px;
   bottom: 6px;
-}`;var S=v(y),a,m,r,p,s,l,c=class extends S{constructor(){super();h(this,a);h(this,r);h(this,s)}static get attributes(){return[...super.attributes,o.COPYRIGHT_YEAR,o.DEVICE_SPECS,o.PRODUCT_NAME,o.PRODUCT_VERSION,o.USE_DEFAULT_COPYRIGHT]}connectedCallback(){super.connectedCallback(),this.showCloseButton=!0}template(){return`<ids-popup part="modal" class="ids-modal ids-about" type="modal" position-style="viewport">
+}`;var w=f(v),o,c,n,r,d=class extends w{constructor(){super();h(this,o)}static get attributes(){return[...super.attributes,e.COPYRIGHT_YEAR,e.DEVICE_SPECS,e.PRODUCT_NAME,e.PRODUCT_VERSION,e.USE_DEFAULT_COPYRIGHT]}connectedCallback(){super.connectedCallback(),this.showCloseButton=!0}template(){return`<ids-popup part="modal" class="ids-modal ids-about" type="modal" position-style="viewport">
       <div class="ids-modal-container" slot="content">
         <div class="ids-modal-header">
           <slot name="icon"></slot>
@@ -317,13 +317,13 @@ div.ids-modal {
           </ids-button>
         </div>
       </div>
-    </ids-popup>`}attachEventHandlers(){return super.attachEventHandlers(),i(this,a,m).call(this),i(this,r,p).call(this),i(this,s,l).call(this),this.onLanguageChange=()=>{i(this,r,p).call(this),i(this,s,l).call(this)},this.onLocaleChange=()=>{i(this,r,p).call(this),i(this,s,l).call(this)},this.onEvent("click",this.container?.querySelector("#copy-to-clipboard"),async()=>{let t=`${this.querySelector('[slot="product"]')?.innerText}\r
+    </ids-popup>`}attachEventHandlers(){return super.attachEventHandlers(),s(this,o,c).call(this),s(this,o,n).call(this),s(this,o,r).call(this),this.onLanguageChange=()=>{s(this,o,n).call(this),s(this,o,r).call(this)},this.onLocaleChange=()=>{s(this,o,n).call(this),s(this,o,r).call(this)},this.onEvent("click",this.container?.querySelector("#copy-to-clipboard"),async()=>{let t=`${this.querySelector('[slot="product"]')?.innerText}\r
 `;t+=`${this.querySelector('[slot="device"]')?.innerText}\r
-`,await x(t)}),this}get ariaLabelContent(){return`${this.querySelector('[slot="appName"')?.innerText||""} ${this.productName||""} ${this.productVersion||""}`}get productName(){return this.getAttribute(o.PRODUCT_NAME)}set productName(t){this.setAttribute(o.PRODUCT_NAME,String(t)),i(this,a,m).call(this)}get productVersion(){return this.getAttribute(o.PRODUCT_VERSION)}set productVersion(t){this.setAttribute(o.PRODUCT_VERSION,String(t)),i(this,a,m).call(this)}get deviceSpecs(){let t=this.getAttribute(o.DEVICE_SPECS);return t?n(t):!0}set deviceSpecs(t){let e=n(t);this.setAttribute(o.DEVICE_SPECS,String(e)),i(this,r,p).call(this)}get copyrightYear(){return this.getAttribute(o.COPYRIGHT_YEAR)||new Date().getFullYear().toString()}set copyrightYear(t){this.setAttribute(o.COPYRIGHT_YEAR,String(t)),i(this,s,l).call(this)}get useDefaultCopyright(){let t=this.getAttribute(o.USE_DEFAULT_COPYRIGHT);return t?n(t):!0}set useDefaultCopyright(t){let e=n(t);this.setAttribute(o.USE_DEFAULT_COPYRIGHT,String(e)),i(this,s,l).call(this)}};a=new WeakSet,m=function(){let t=this.querySelectorAll('[slot="product"]'),e=`<ids-text slot="product" type="p">${this.productName?`${this.productName} `:""}${this.productVersion||""}</ids-text>`;t.forEach(d=>d.remove()),(this.productName||this.productVersion)&&this.insertAdjacentHTML("beforeend",e)},r=new WeakSet,p=function(){if(this.querySelectorAll('[slot="device"]').forEach(e=>e.remove()),this.deviceSpecs){let e=f(),d=`<ids-text slot="device" type="p">
-        <span>${this.localeAPI?.translate("Platform")} : ${e.platform}</span><br/>
-        <span>${this.localeAPI?.translate("Browser")} : ${e.browser} (${e.browserVersion})</span><br/>
+`,await g(t)}),this}get ariaLabelContent(){return`${this.querySelector('[slot="appName"')?.innerText||""} ${this.productName||""} ${this.productVersion||""}`}get productName(){return this.getAttribute(e.PRODUCT_NAME)}set productName(t){this.setAttribute(e.PRODUCT_NAME,String(t)),s(this,o,c).call(this)}get productVersion(){return this.getAttribute(e.PRODUCT_VERSION)}set productVersion(t){this.setAttribute(e.PRODUCT_VERSION,String(t)),s(this,o,c).call(this)}get deviceSpecs(){let t=this.getAttribute(e.DEVICE_SPECS);return t?l(t):!0}set deviceSpecs(t){let i=l(t);this.setAttribute(e.DEVICE_SPECS,String(i)),s(this,o,n).call(this)}get copyrightYear(){return this.getAttribute(e.COPYRIGHT_YEAR)||new Date().getFullYear().toString()}set copyrightYear(t){this.setAttribute(e.COPYRIGHT_YEAR,String(t)),s(this,o,r).call(this)}get useDefaultCopyright(){let t=this.getAttribute(e.USE_DEFAULT_COPYRIGHT);return t?l(t):!0}set useDefaultCopyright(t){let i=l(t);this.setAttribute(e.USE_DEFAULT_COPYRIGHT,String(i)),s(this,o,r).call(this)}};o=new WeakSet,c=function(){let t=this.querySelectorAll('[slot="product"]'),i=`<ids-text slot="product" type="p">${this.productName?`${this.productName} `:""}${this.productVersion||""}</ids-text>`;t.forEach(a=>a.remove()),(this.productName||this.productVersion)&&this.insertAdjacentHTML("beforeend",i)},n=function(){if(this.querySelectorAll('[slot="device"]').forEach(i=>i.remove()),this.deviceSpecs){let i=b(),a=`<ids-text slot="device" type="p">
+        <span>${this.localeAPI?.translate("Platform")} : ${i.platform}</span><br/>
+        <span>${this.localeAPI?.translate("Browser")} : ${i.browser} (${i.browserVersion})</span><br/>
         <span>${this.localeAPI?.translate("Locale")} : ${this.localeAPI?.locale.name||"en-US"}</span><br/>
         <span>${this.localeAPI?.translate("Language")} : ${this.localeAPI?.language.name||"en"}</span><br/>
-        <span>${this.localeAPI?.translate("BrowserLanguage")} : ${e.browserLanguage}</span><br/>
-        <span>${this.localeAPI?.translate("Version")} : ${e.idsVersion}</span>
-      </ids-text>`;this.insertAdjacentHTML("beforeend",d)}},s=new WeakSet,l=function(){let t=this.querySelectorAll('[slot="copyright"]'),d=`<ids-text slot="copyright" type="p">${this.localeAPI?.translate("AboutText").replace("{0}",this.copyrightYear)} <ids-hyperlink target="_blank" text-decoration="underline" href="https://www.infor.com">www.infor.com</ids-hyperlink>.</ids-text>`;t.forEach(E=>E.remove()),this.useDefaultCopyright&&this.insertAdjacentHTML("beforeend",d)},c=u([b("ids-about"),g(w)],c);export{c as a};
+        <span>${this.localeAPI?.translate("BrowserLanguage")} : ${i.browserLanguage}</span><br/>
+        <span>${this.localeAPI?.translate("Version")} : ${i.idsVersion}</span>
+      </ids-text>`;this.insertAdjacentHTML("beforeend",a)}},r=function(){let t=this.querySelectorAll('[slot="copyright"]'),a=`<ids-text slot="copyright" type="p">${this.localeAPI?.translate("AboutText").replace("{0}",this.copyrightYear)} <ids-hyperlink target="_blank" text-decoration="underline" href="https://www.infor.com">www.infor.com</ids-hyperlink>.</ids-text>`;t.forEach(y=>y.remove()),this.useDefaultCopyright&&this.insertAdjacentHTML("beforeend",a)},d=p([m("ids-about"),u(x)],d);export{d as a};