ids-enterprise-wc 1.0.0-beta.14 → 1.0.0-beta.16

package/chunks/{ids-chunk-SMNM5SCI.js → ids-chunk-LKONZTXY.js}

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

package/chunks/{ids-chunk-E4VRTFNA.js → ids-chunk-LL4HKB7S.js}

@@ -1,4 +1,4 @@
-import{b as u}from"./ids-chunk-ODSUO7BM.js";import{b as c}from"./ids-chunk-4RXDW4MK.js";import{a as d,b as s}from"./ids-chunk-XE4WFW5M.js";import{e as r}from"./ids-chunk-TJKIW3GF.js";import{a as t}from"./ids-chunk-HABPILOR.js";import{a}from"./ids-chunk-U7OOVFXE.js";var l=`
+import{b as u}from"./ids-chunk-SCWD3ICQ.js";import{b as c}from"./ids-chunk-HXQK5AOF.js";import{a as d,b as s}from"./ids-chunk-XE4WFW5M.js";import{e as i}from"./ids-chunk-TJKIW3GF.js";import{a as t}from"./ids-chunk-6EMRTLSG.js";import{a}from"./ids-chunk-5K6IDMGA.js";var l=`
 /**
  * Ids Button Component CSS
  * (Includes standard and icon button rules)
@@ -123,7 +123,7 @@ button {
   position: relative;
   border: 1px solid transparent;
   background-color: transparent;
-  color: currentColor;
+  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);
   white-space: nowrap;
   display: inline-flex;
@@ -174,6 +174,11 @@ button {
   position: absolute;
   width: 1px;
 }
+.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: var(--ids-space-30);
+}
 .ids-button .ids-icon,
 .ids-toggle-button .ids-icon,
 .ids-menu-button .ids-icon {
@@ -184,6 +189,16 @@ button {
 .ids-menu-button.align-icon-end ::slotted(ids-icon) {
   padding-inline-start: var(--ids-space-30);
 }
+.ids-button.content-align-start,
+.ids-toggle-button.content-align-start,
+.ids-menu-button.content-align-start {
+  justify-content: start;
+}
+.ids-button.content-align-end,
+.ids-toggle-button.content-align-end,
+.ids-menu-button.content-align-end {
+  justify-content: end;
+}
 .ids-button.no-margins,
 .ids-toggle-button.no-margins,
 .ids-menu-button.no-margins {
@@ -194,6 +209,11 @@ button {
 .ids-menu-button:not(.btn-secondary):not(.no-margins) {
   margin: var(--ids-space-10);
 }
+.ids-button ::slotted(span),
+.ids-toggle-button ::slotted(span),
+.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,
@@ -378,7 +398,7 @@ button {
 .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):focus {
-  border-color: var(--ids-button-formatter-color-border);
+  border-color: var(--ids-button-formatter-color-border-focus);
   opacity: 1;
 }
 .ids-button.color-variant-alternate:hover, .ids-button.color-variant-alternate-formatter:hover,
@@ -386,7 +406,8 @@ button {
 .ids-toggle-button.color-variant-alternate-formatter:hover,
 .ids-menu-button.color-variant-alternate:hover,
 .ids-menu-button.color-variant-alternate-formatter:hover {
-  color: var(--ids-button-alternate-color-text-default-hover);
+  background-color: var(--ids-button-formatter-color-background-hover);
+  color: var(--ids-button-formatter-color-text-hover);
   opacity: 1;
 }
 .ids-button.color-variant-alternate[disabled], .ids-button.color-variant-alternate-formatter[disabled],
@@ -408,7 +429,9 @@ button {
 .ids-toggle-button.color-variant-alternate-formatter,
 .ids-menu-button.color-variant-alternate-formatter {
   color: var(--ids-button-formatter-color-text-default);
-  opacity: 1;
+  margin-top: 2px;
+  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-toggle-button.color-variant-alternate-formatter:not(.hide-focus).is-active,
@@ -420,12 +443,12 @@ button {
 .ids-button.color-variant-alternate-formatter[disabled],
 .ids-toggle-button.color-variant-alternate-formatter[disabled],
 .ids-menu-button.color-variant-alternate-formatter[disabled] {
-  opacity: 1;
+  color: var(--ids-button-formatter-color-text-disabled);
 }
 .ids-button.color-variant-alternate-formatter:hover,
 .ids-toggle-button.color-variant-alternate-formatter:hover,
 .ids-menu-button.color-variant-alternate-formatter:hover {
-  background-color: transparent;
+  background-color: var(--ids-button-formatter-color-background-hover);
   color: var(--ids-button-formatter-color-text-hover);
 }
 .ids-button.color-variant-alternate-formatter .ripple-effect,
@@ -433,6 +456,11 @@ button {
 .ids-menu-button.color-variant-alternate-formatter .ripple-effect {
   background-color: var(--ids-color-primary-light);
 }
+.ids-button.color-variant-alternate-formatter.is-active,
+.ids-toggle-button.color-variant-alternate-formatter.is-active,
+.ids-menu-button.color-variant-alternate-formatter.is-active {
+  color: var(--ids-button-formatter-color-active);
+}
 .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 {
@@ -501,7 +529,7 @@ button {
   position: relative;
   border: 1px solid transparent;
   background-color: transparent;
-  color: currentColor;
+  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);
   white-space: nowrap;
   display: inline-flex;
@@ -540,18 +568,30 @@ button {
   position: absolute;
   width: 1px;
 }
+.ids-icon-button:not(.ids-icon-button) ::slotted(ids-icon) {
+  padding-inline-end: var(--ids-space-30);
+}
 .ids-icon-button .ids-icon {
   vertical-align: middle;
 }
 .ids-icon-button.align-icon-end ::slotted(ids-icon) {
   padding-inline-start: var(--ids-space-30);
 }
+.ids-icon-button.content-align-start {
+  justify-content: start;
+}
+.ids-icon-button.content-align-end {
+  justify-content: end;
+}
 .ids-icon-button.no-margins {
   margin-inline: var(--ids-space-none);
 }
 .ids-icon-button:not(.btn-secondary):not(.no-margins) {
   margin: var(--ids-space-10);
 }
+.ids-icon-button ::slotted(span) {
+  font-weight: inherit !important;
+}
 .ids-icon-button:not(.hide-focus).is-active, .ids-icon-button:not(.hide-focus):focus {
   border-color: var(--ids-button-tertiary-color-border-focus);
 }
@@ -660,11 +700,12 @@ button {
   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 {
-  border-color: var(--ids-button-formatter-color-border);
+  border-color: var(--ids-button-formatter-color-border-focus);
   opacity: 1;
 }
 .ids-icon-button.color-variant-alternate:hover, .ids-icon-button.color-variant-alternate-formatter:hover {
-  color: var(--ids-button-alternate-color-text-default-hover);
+  background-color: var(--ids-button-formatter-color-background-hover);
+  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] {
@@ -676,21 +717,26 @@ button {
 }
 .ids-icon-button.color-variant-alternate-formatter {
   color: var(--ids-button-formatter-color-text-default);
-  opacity: 1;
+  margin-top: 2px;
+  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 {
   border-color: var(--ids-color-border-focus);
 }
 .ids-icon-button.color-variant-alternate-formatter[disabled] {
-  opacity: 1;
+  color: var(--ids-button-formatter-color-text-disabled);
 }
 .ids-icon-button.color-variant-alternate-formatter:hover {
-  background-color: transparent;
+  background-color: var(--ids-button-formatter-color-background-hover);
   color: var(--ids-button-formatter-color-text-hover);
 }
 .ids-icon-button.color-variant-alternate-formatter .ripple-effect {
   background-color: var(--ids-color-primary-light);
 }
+.ids-icon-button.color-variant-alternate-formatter.is-active {
+  color: var(--ids-button-formatter-color-active);
+}
 .ids-icon-button.color-variant-alternate-formatter.ids-menu-button.compact {
   padding: var(--ids-space-30);
   padding-inline: var(--ids-space-30);
@@ -714,6 +760,9 @@ button {
 .ids-icon-button:not(.square) {
   border-radius: var(--ids-border-radius-03);
 }
+.ids-icon-button.square {
+  border-radius: 0;
+}
 .ids-icon-button .ids-icon {
   display: block;
   padding-inline-start: var(--ids-space-none);
@@ -743,7 +792,7 @@ button {
 .ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.hide-focus):focus,
 .ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.hide-focus).is-active,
 .ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.hide-focus):focus {
-  box-shadow: var(--ids-shadow-20);
+  box-shadow: var(--ids-button-tertiary-shadow-focus);
 }
 .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive).color-variant-alternate:not(.hide-focus).is-active, .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive).color-variant-alternate:not(.hide-focus):focus,
 .ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive).color-variant-alternate:not(.hide-focus).is-active,
@@ -806,7 +855,7 @@ button {
   position: relative;
   border: 1px solid transparent;
   background-color: transparent;
-  color: currentColor;
+  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);
   white-space: nowrap;
   padding-block-start: var(--ids-space-50);
@@ -843,18 +892,30 @@ button {
   position: absolute;
   width: 1px;
 }
+.ids-modal-button:not(.ids-modal-icon-button):not(.ids-icon-button) ::slotted(ids-icon) {
+  padding-inline-end: var(--ids-space-30);
+}
 .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) {
   padding-inline-start: var(--ids-space-30);
 }
+.ids-modal-button:not(.ids-modal-icon-button).content-align-start {
+  justify-content: start;
+}
+.ids-modal-button:not(.ids-modal-icon-button).content-align-end {
+  justify-content: end;
+}
 .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(.btn-secondary):not(.no-margins) {
   margin: var(--ids-space-10);
 }
+.ids-modal-button:not(.ids-modal-icon-button) ::slotted(span) {
+  font-weight: inherit !important;
+}
 .ids-modal-button:not(.ids-modal-icon-button).btn-primary {
   background-color: var(--ids-modal-color-background);
   color: var(--ids-modal-button-color-default);
@@ -952,39 +1013,39 @@ button {
 }
 
 .ids-button ::slotted(ids-icon:not(:first-child)),
-.ids-button ::slotted(span:nth-child(2):last-child),
-.ids-button ::slotted(ids-text:nth-child(2):last-child),
-.ids-button ::slotted(span:nth-child(3):last-child),
-.ids-button ::slotted(ids-text:nth-child(3):last-child),
+.ids-button ::slotted(span:not(.audible):nth-child(2):last-child),
+.ids-button ::slotted(ids-text:not([audible]):nth-child(2):last-child),
+.ids-button ::slotted(span:not(.audible):nth-child(3):last-child),
+.ids-button ::slotted(ids-text:not([audible]):nth-child(3):last-child),
 .ids-toggle-button ::slotted(ids-icon:not(:first-child)),
-.ids-toggle-button ::slotted(span:nth-child(2):last-child),
-.ids-toggle-button ::slotted(ids-text:nth-child(2):last-child),
-.ids-toggle-button ::slotted(span:nth-child(3):last-child),
-.ids-toggle-button ::slotted(ids-text:nth-child(3):last-child),
+.ids-toggle-button ::slotted(span:not(.audible):nth-child(2):last-child),
+.ids-toggle-button ::slotted(ids-text:not([audible]):nth-child(2):last-child),
+.ids-toggle-button ::slotted(span:not(.audible):nth-child(3):last-child),
+.ids-toggle-button ::slotted(ids-text:not([audible]):nth-child(3):last-child),
 .ids-menu-button:not(.ids-icon-button) ::slotted(ids-icon:not(:first-child)),
-.ids-menu-button:not(.ids-icon-button) ::slotted(span:nth-child(2):last-child),
-.ids-menu-button:not(.ids-icon-button) ::slotted(ids-text:nth-child(2):last-child),
-.ids-menu-button:not(.ids-icon-button) ::slotted(span:nth-child(3):last-child),
-.ids-menu-button:not(.ids-icon-button) ::slotted(ids-text:nth-child(3):last-child),
+.ids-menu-button:not(.ids-icon-button) ::slotted(span:not(.audible):nth-child(2):last-child),
+.ids-menu-button:not(.ids-icon-button) ::slotted(ids-text:not([audible]):nth-child(2):last-child),
+.ids-menu-button:not(.ids-icon-button) ::slotted(span:not(.audible):nth-child(3):last-child),
+.ids-menu-button:not(.ids-icon-button) ::slotted(ids-text:not([audible]):nth-child(3):last-child),
 .ids-modal-button:not(.ids-icon-button) ::slotted(ids-icon:not(:first-child)),
-.ids-modal-button:not(.ids-icon-button) ::slotted(span:nth-child(2):last-child),
-.ids-modal-button:not(.ids-icon-button) ::slotted(ids-text:nth-child(2):last-child),
-.ids-modal-button:not(.ids-icon-button) ::slotted(span:nth-child(3):last-child),
-.ids-modal-button:not(.ids-icon-button) ::slotted(ids-text:nth-child(3):last-child) {
+.ids-modal-button:not(.ids-icon-button) ::slotted(span:not(.audible):nth-child(2):last-child),
+.ids-modal-button:not(.ids-icon-button) ::slotted(ids-text:not([audible]):nth-child(2):last-child),
+.ids-modal-button:not(.ids-icon-button) ::slotted(span:not(.audible):nth-child(3):last-child),
+.ids-modal-button:not(.ids-icon-button) ::slotted(ids-text:not([audible]):nth-child(3):last-child) {
   padding-inline-start: 5px;
 }
 .ids-button .ids-icon:last-child,
-.ids-button span + span,
-.ids-button span:last-child,
+.ids-button span + span:not(.audible),
+.ids-button span:not(.audible):last-child,
 .ids-toggle-button .ids-icon:last-child,
-.ids-toggle-button span + span,
-.ids-toggle-button span:last-child,
+.ids-toggle-button span + span:not(.audible),
+.ids-toggle-button span:not(.audible):last-child,
 .ids-menu-button:not(.ids-icon-button) .ids-icon:last-child,
-.ids-menu-button:not(.ids-icon-button) span + span,
-.ids-menu-button:not(.ids-icon-button) span:last-child,
+.ids-menu-button:not(.ids-icon-button) span + span:not(.audible),
+.ids-menu-button:not(.ids-icon-button) span:not(.audible):last-child,
 .ids-modal-button:not(.ids-icon-button) .ids-icon:last-child,
-.ids-modal-button:not(.ids-icon-button) span + span,
-.ids-modal-button:not(.ids-icon-button) span:last-child {
+.ids-modal-button:not(.ids-icon-button) span + span:not(.audible),
+.ids-modal-button:not(.ids-icon-button) span:not(.audible):last-child {
   padding-inline-start: 5px;
 }
 
@@ -1101,4 +1162,4 @@ button {
 }
 .ids-trigger-button.inherit-color {
   color: currentColor;
-}`;var n=class extends u(c){constructor(){super()}static get attributes(){return[...super.attributes,t.INLINE,t.INHERIT_COLOR,t.READONLY,t.TABBABLE]}connectedCallback(){super.connectedCallback(),this.inline=r(this.getAttribute(t.INLINE)),this.readonly=r(this.getAttribute(t.READONLY))}get protoClasses(){return["ids-trigger-button"].concat(super.protoClasses)}set tabbable(i){let e=r(i),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 r(this.getAttribute(t.TABBABLE))}set readonly(i){let e=r(i),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 r(this.getAttribute(t.READONLY))}get inlineCssClass(){return this?.slot==="trigger-start"?"inline-start":"inline-end"}set inline(i){r(i)?(this.setAttribute(t.INLINE,""),this.#t()):(this.removeAttribute(t.INLINE),this.#o())}get inline(){return r(this.getAttribute(t.INLINE))}#t(){this.button?.classList.add("style-inline",this.inlineCssClass)}#o(){this.button?.classList.remove("style-inline",this.inlineCssClass)}set inheritColor(i){r(i)?(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)}};n=a([d("ids-trigger-button"),s(l)],n);export{n as a};
+}`;var n=class extends u(c){constructor(){super()}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(r){let e=i(r),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(r){let e=i(r),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(r){i(r)?(this.setAttribute(t.INLINE,""),this.#t()):(this.removeAttribute(t.INLINE),this.#o())}get inline(){return i(this.getAttribute(t.INLINE))}#t(){this.button?.classList.add("style-inline",this.inlineCssClass)}#o(){this.button?.classList.remove("style-inline",this.inlineCssClass)}set inheritColor(r){i(r)?(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)}};n=a([d("ids-trigger-button"),s(l)],n);export{n as a};

package/chunks/{ids-chunk-ASQ2AMW4.js → ids-chunk-LO2FBJGW.js}

@@ -1,4 +1,4 @@
-import{a as b}from"./ids-chunk-LVZFU6JO.js";import{a as u}from"./ids-chunk-YTYZ335M.js";import{a as h}from"./ids-chunk-56YQVDRY.js";import{a as n,b as c}from"./ids-chunk-XE4WFW5M.js";import{a as d}from"./ids-chunk-U7OOVFXE.js";var p=`
+import{a as b}from"./ids-chunk-3VSCYT6S.js";import{a as u}from"./ids-chunk-JTU3ELLM.js";import{a as h}from"./ids-chunk-RL4NAQQE.js";import{a as n,b as c}from"./ids-chunk-XE4WFW5M.js";import{a as d}from"./ids-chunk-5K6IDMGA.js";var p=`
 .ids-list-builder {
   display: flex;
   flex-direction: column;

package/chunks/{ids-chunk-WRUIRBNC.js → ids-chunk-LU4SBFGG.js}

@@ -1,4 +1,4 @@
-import{a as d}from"./ids-chunk-U34YTPJC.js";import{a as l}from"./ids-chunk-B6P5AQ2Z.js";import{a as n,b as a}from"./ids-chunk-XE4WFW5M.js";import{a as c}from"./ids-chunk-7JIYCFAW.js";import{e as r}from"./ids-chunk-TJKIW3GF.js";import{a as t}from"./ids-chunk-HABPILOR.js";import{a as o}from"./ids-chunk-U7OOVFXE.js";var h=`
+import{a as d}from"./ids-chunk-U34YTPJC.js";import{a as l}from"./ids-chunk-B6P5AQ2Z.js";import{a as n,b as a}from"./ids-chunk-XE4WFW5M.js";import{a as c}from"./ids-chunk-DCNGT4R2.js";import{e as r}from"./ids-chunk-TJKIW3GF.js";import{a as t}from"./ids-chunk-6EMRTLSG.js";import{a as o}from"./ids-chunk-5K6IDMGA.js";var h=`
 /* Ids Action Sheet */
 .ids-action-sheet-inner {
   align-items: center;

package/chunks/{ids-chunk-O6RSWMYI.js → ids-chunk-LUQ5WTTM.js}

@@ -1,4 +1,4 @@
-import{a as n}from"./ids-chunk-QXBFKEEP.js";import{a as l}from"./ids-chunk-B6P5AQ2Z.js";import{a as i,b as s}from"./ids-chunk-XE4WFW5M.js";import{a as d}from"./ids-chunk-7JIYCFAW.js";import{a as t}from"./ids-chunk-HABPILOR.js";import{a as r}from"./ids-chunk-U7OOVFXE.js";var a=`
+import{a as n}from"./ids-chunk-CYHGXCKL.js";import{a as l}from"./ids-chunk-B6P5AQ2Z.js";import{a as i,b as s}from"./ids-chunk-XE4WFW5M.js";import{a as d}from"./ids-chunk-DCNGT4R2.js";import{a as t}from"./ids-chunk-6EMRTLSG.js";import{a as r}from"./ids-chunk-5K6IDMGA.js";var a=`
 /* Ids List Box Component */
 :host {
   color: var(--ids-dropdown-color-text-default);
@@ -68,4 +68,25 @@ import{a as n}from"./ids-chunk-QXBFKEEP.js";import{a as l}from"./ids-chunk-B6P5A
 :host(.multiselect-border) {
   border-top: 1px solid var(--ids-dropdown-group-color-border);
   margin-top: var(--ids-dropdown-group-padding);
+}
+
+:host(.module-nav) {
+  color: var(--ids-module-nav-settings-menu-item-text-color);
+  min-height: var(--ids-module-nav-item-height);
+  padding-block: var(--ids-module-nav-switcher-dropdown-item-margin-block);
+}
+
+:host(.module-nav) ::slotted(ids-icon) {
+  margin-inline-end: 8px;
+  margin-block-end: 1px;
+}
+
+:host(.module-nav:hover) {
+  background-color: var(--ids-module-nav-item-hover-bg-color);
+  color: var(--ids-module-nav-item-hover-text-color);
+}
+
+:host(.module-nav.is-selected) {
+  background-color: var(--ids-module-nav-item-hover-bg-color);
+  color: var(--ids-module-nav-item-hover-text-color);
 }`;var c=n(l(d)),o=class extends c{constructor(){super()}static get attributes(){return[...super.attributes,t.GROUP_LABEL,t.TOOLTIP,t.VALUE]}connectedCallback(){super.connectedCallback(),this.setAttribute("role",this.hasAttribute(t.GROUP_LABEL)?"none":"option"),this.setAttribute("tabindex","-1")}template(){return"<slot></slot>"}set value(e){e?this.setAttribute(t.VALUE,`${e}`):this.removeAttribute(t.VALUE)}get value(){return this.getAttribute(t.VALUE)}};o=r([i("ids-list-box-option"),s(a)],o);export{o as a};

package/chunks/{ids-chunk-FGFRV5FR.js → ids-chunk-LV3XHDOL.js}

@@ -1,4 +1,4 @@
-import{a as i,b as m,d as p,e as x,f as a,g as r,h as g,i as l,j as h}from"./ids-chunk-26AMEGYJ.js";import{a as u,b as y}from"./ids-chunk-XE4WFW5M.js";import{a as n}from"./ids-chunk-7JIYCFAW.js";import{e as s}from"./ids-chunk-TJKIW3GF.js";import{a as o}from"./ids-chunk-HABPILOR.js";import{a as e}from"./ids-chunk-U7OOVFXE.js";var w=`
+import{a as i,b as m,d as p,e as x,f as a,g as r,h as g,i as l,j as h}from"./ids-chunk-T2XQSVTZ.js";import{a as u,b as y}from"./ids-chunk-XE4WFW5M.js";import{a as n}from"./ids-chunk-DCNGT4R2.js";import{e as s}from"./ids-chunk-TJKIW3GF.js";import{a as o}from"./ids-chunk-6EMRTLSG.js";import{a as e}from"./ids-chunk-5K6IDMGA.js";var w=`
 /* Ids Layout Grid */
 :host {
   --grid-auto-row-height: 0;

package/chunks/ids-chunk-M7SP6H2M.js

@@ -0,0 +1,165 @@
+import{a as y,b as N,c as a}from"./ids-chunk-YWHM3ZDZ.js";import{a as v}from"./ids-chunk-GUWNTWN5.js";import{a as x}from"./ids-chunk-EJPAX7HS.js";import{a as E}from"./ids-chunk-MXFCUDLP.js";import{a as w}from"./ids-chunk-T6ZV4PDM.js";import{a as g,b as f}from"./ids-chunk-XE4WFW5M.js";import{t as A,u as m}from"./ids-chunk-N7P4D4N3.js";import{e as d,f as n}from"./ids-chunk-TJKIW3GF.js";import{a as i}from"./ids-chunk-6EMRTLSG.js";import{a as b}from"./ids-chunk-5K6IDMGA.js";var I=`
+/* Ids Time Picker Popup Component */
+.hide {
+  display: none;
+}
+
+@media all and (max-width: 1440px) {
+  .hide-xxl-down {
+    display: none;
+  }
+}
+
+@media all and (min-width: 1440px) {
+  .hide-xxl-up {
+    display: none;
+  }
+}
+
+@media all and (max-width: 1280px) {
+  .hide-xl-down {
+    display: none;
+  }
+}
+
+@media all and (min-width: 1280px) {
+  .hide-xl-up {
+    display: none;
+  }
+}
+
+@media all and (max-width: 1024px) {
+  .hide-lg-down {
+    display: none;
+  }
+}
+
+@media all and (min-width: 1024px) {
+  .hide-lg-up {
+    display: none;
+  }
+}
+
+@media all and (max-width: 840px) {
+  .hide-md-down {
+    display: none;
+  }
+}
+
+@media all and (min-width: 840px) {
+  .hide-md-up {
+    display: none;
+  }
+}
+
+@media all and (max-width: 600px) {
+  .hide-sm-down {
+    display: none;
+  }
+}
+
+@media all and (min-width: 600px) {
+  .hide-sm-up {
+    display: none;
+  }
+}
+
+@media all and (max-width: 360px) {
+  .hide-xs-down {
+    display: none;
+  }
+}
+
+@media all and (min-width: 360px) {
+  .hide-xs-up {
+    display: none;
+  }
+}
+
+ids-popup[visible][animated] {
+  transition: none;
+}
+
+.ids-time-picker-popup::part(popup) {
+  padding-block: var(--ids-space-none);
+  background-color: var(--ids-time-picker-popup-color-background);
+}
+.ids-time-picker-popup .popup-btn {
+  align-items: center;
+  border-top: 1px solid var(--ids-time-picker-popup-button-color-border);
+  width: 100%;
+}
+.ids-time-picker-popup .popup-btn::part(button) {
+  height: 100%;
+  color: var(--ids-time-picker-popup-button-color-text-default);
+  padding: var(--ids-space-none);
+  padding-block: var(--ids-space-50);
+  align-items: center;
+  justify-content: center;
+}
+.ids-time-picker-popup .popup-btn::part(button):hover {
+  color: var(--ids-time-picker-popup-button-color-text-hover);
+}
+.ids-time-picker-popup ids-dropdown::part(trigger-field) {
+  display: inline-flex;
+  min-width: 75px;
+}
+.ids-time-picker-popup ids-list-box,
+.ids-time-picker-popup ids-list-box-option {
+  width: 100%;
+}
+.ids-time-picker-popup ids-popup::part(popup) {
+  margin: var(--ids-space-none);
+  padding: var(--ids-space-none);
+}
+.ids-time-picker-popup .dropdowns {
+  display: flex;
+  flex-direction: row;
+  padding-inline-start: 15px;
+  padding-inline-end: 15px;
+  padding-top: 15px;
+}
+.ids-time-picker-popup .dropdown::part(trigger-field) {
+  justify-content: center;
+}
+.ids-time-picker-popup .separator {
+  width: 12px;
+  display: inline-block;
+  height: 38px;
+  margin-top: 23px;
+}
+.ids-time-picker-popup .separator.colons {
+  color: var(--ids-time-picker-popup-colons-color-text);
+  width: 17px;
+  text-align: center;
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 38px;
+}
+@media all and (max-width: 360px) {
+  .ids-time-picker-popup .dropdowns {
+    flex-direction: column;
+    align-items: center;
+    width: var(--ids-input-width-20);
+  }
+  .ids-time-picker-popup .separator {
+    display: none;
+  }
+}`;var P=x(E(w(v))),p=class extends P{isRendering;constructor(){super(),this.#t="",this.isRendering=!0}connectedCallback(){super.connectedCallback(),this.attachEventListeners(),this.setAttribute(i.FOCUS_INLINE,"true"),this.isRendering=!1}disconnectedCallback(){super.disconnectedCallback?.(),this.removeEventListeners(),this.#t=null}static get attributes(){return[...super.attributes,...y,...N]}template(){let t=`<div class="dropdowns" part="dropdowns">${this.#o()}</div>`;return this.embeddable?`<div class="ids-time-picker-popup embedded" part="container">${t}</div>`:`<ids-popup class="ids-time-picker-popup" type="menu" tabIndex="-1" align="bottom, left" arrow="bottom" part="popup" animated>
+      <section slot="content">
+        ${t}
+        <ids-modal-button class="popup-btn" hidden="${this.autoupdate}" part="btn-set" appearance="primary">
+          <ids-text translate-text="true" font-weight="semi-bold">SetTime</ids-text>
+        </ids-modal-button>
+      </section>
+    </ids-popup>`}#o(){let t=({id:c,label:T,options:H,value:k,padStart:D})=>`
+      <ids-dropdown id="${c}" class="dropdown" label="${T}" value="${k}" size="xs" part="${c}">
+        <ids-list-box>
+          ${H.map(l=>`
+            <ids-list-box-option id="timepicker-${c}-${l}" value="${l}">
+              ${D?`${l}`.padStart(2,"0"):l}
+            </ids-list-box-option>
+          `).join("")}
+        </ids-list-box>
+      </ids-dropdown>
+    `,e=t({id:"hours",label:this.localeAPI?.translate("Hours")||"Hours",options:this.#n(),value:this.hours,padStart:this.format.includes("HH")||this.format.includes("hh")}),s=t({id:"minutes",label:this.localeAPI?.translate("Minutes")||"Minutes",options:a(0,59,this.minuteInterval),value:this.minutes,padStart:this.format.includes("mm")}),r=this.#l()&&t({id:"seconds",label:this.localeAPI?.translate("Seconds")||"Seconds",options:a(0,59,this.secondInterval),value:this.seconds,padStart:!0}),o=this.#p(),u=this.#s()&&o&&t({id:"period",label:this.localeAPI?.translate("Period")||"Period",options:o,value:this.period}),h='<span class="separator colons">:</span>',S='<span class="separator">&nbsp;</span>';return[[e,s,r].filter(Boolean).join(h),u].filter(Boolean).join(S)}renderDropdowns(){this.isRendering=!0;let t=this.dropdownContainerEl;t&&(t.innerHTML=this.#o()),this.refreshFocusableElements(),this.isRendering=!1}updateValue(){let t=this.getFormattedTime();this.#t!==t&&(this.#t=t,this.#t!==null&&this.setAttribute(i.VALUE,t))}attachEventListeners(){this.offEvent("change.time-picker-dropdowns"),this.onEvent("change.time-picker-dropdowns",this.dropdownContainerEl,t=>{if(!t.target?.matches?.("ids-dropdown"))return;let e=t.target?.id;this.setAttribute(e,t.detail.value),this.autoupdate&&this.triggerSelectedEvent()}),this.offEvent("click.time-picker-set"),this.onEvent("click.time-picker-set",this.applyButtonEl,()=>{this.updateValue(),this.triggerSelectedEvent(),this.hide(!0)}),this.listen(["Escape","Backspace"],this,t=>{this.embeddable||(t.key==="Escape"||t.key==="Backspace")&&this.hide(!0)})}removeEventListeners(){this.offEvent("change.time-picker-dropdowns"),this.offEvent("click.time-picker-set"),this.unlisten("Escape"),this.unlisten("Backspace")}#n(){if(!this.#i())return a(this.#e()?1:0,this.#e()?12:23);if(this.#d())return a(this.startHour,this.endHour>23?23:this.endHour);let t=this.localeAPI?.calendar().dayPeriods?.indexOf(this.period);return t===0&&this.startHour===0||t===1&&this.startHour<=12&&this.endHour>=12?[...a(this.#a(),this.#u()),12]:a(this.#a(),this.#u())}#i(){return this.startHour>0||this.endHour<24}#l(){return this.format.toLowerCase().includes("ss")}#s(){return this.#e()&&(this.format.toLowerCase().indexOf(" a")>-1||this.format.toLowerCase().indexOf("a")===0)}#e(){return this.format.includes("h")}#d(){return this.format.includes("H")||!this.#s()}#a(){let t=this.localeAPI?.calendar().dayPeriods?.indexOf(this.period);return this.startHour<=12&&t===1||this.startHour===0?1:this.startHour>12?this.startHour%12:this.startHour}#u(){let t=this.localeAPI?.calendar().dayPeriods?.indexOf(this.period);return this.endHour>=12&&t===0||this.endHour===24?11:t===1?this.endHour%12:this.endHour}#p(){let t=this.localeAPI?.calendar().dayPeriods||[];return this.#i()?t.reduce((e,s,r)=>{let o=r===0&&(this.startHour<12||this.startHour===0),u=r===1&&this.endHour>=12;return o||u?[...e,s]:e},[]):t}onFormatChange(){this.updateValue(),this.renderDropdowns()}removeRipples(){this.buttons?.forEach(t=>{t.removeRipples()})}#r(t,e){return Math.round(t/e)*e}syncTimeAttributes(t){let e=this.localeAPI?.parseDate(t||this.value,{pattern:this.format}),s=e?.getHours(),r=m(s),o=e?.getMinutes(),u=e?.getSeconds(),h=e&&this.localeAPI?.calendar()?.dayPeriods[s>=12?1:0];this.#d()&&s!==this.hours&&(this.hours=s),this.#e()&&r!==this.hours&&(this.hours=r),o!==this.minutes&&(this.minutes=o),u!==this.seconds&&(this.seconds=u),this.#s()&&(this.period=h)}triggerSelectedEvent(t){if(this.isRendering)return;let e;t?e=t:e={bubbles:!0,detail:{elem:this,date:this.activeDate,value:this.getFormattedTime()}};let s=new CustomEvent("timeselected",e);this.embeddable?this.dispatchEvent(s):this.target&&this.target.dispatchEvent(s)}set autoupdate(t){let e=d(t),s=this.applyButtonEl;e?(this.setAttribute(i.AUTOUPDATE,"true"),s?.setAttribute("hidden","true")):(this.removeAttribute(i.AUTOUPDATE),s?.removeAttribute("hidden"))}get autoupdate(){return d(this.getAttribute(i.AUTOUPDATE))}get applyButtonEl(){return this.container?.querySelector(".popup-btn")}get buttons(){return this.container?.querySelectorAll("ids-button, ids-modal-button, ids-toggle-button")}get dropdownContainerEl(){return this.shadowRoot?.querySelector("div.dropdowns")}set embeddable(t){d(t)?this.setAttribute(i.EMBEDDABLE,"true"):this.removeAttribute(i.EMBEDDABLE),this.render(),this.connectedCallback()}get embeddable(){return d(this.getAttribute(i.EMBEDDABLE))}set hours(t){t!==null?this.setAttribute(i.HOURS,String(t)):this.removeAttribute(i.HOURS),this.updateValue(),this.container?.querySelector("ids-dropdown#hours")?.setAttribute(i.VALUE,String(t))}get hours(){let t=n(this.getAttribute(i.HOURS));if(!Number.isNaN(t))return t;if(this.#i())return this.#n()[0];if(this.useCurrentTime&&Number.isNaN(t)){let e=new Date().getHours();return this.#e()?m(e):e}return 1}set minutes(t){t!==null?this.setAttribute(i.MINUTES,String(t)):this.removeAttribute(i.MINUTES),this.updateValue(),this.container?.querySelector("ids-dropdown#minutes")?.setAttribute(i.VALUE,String(t))}get minutes(){let t=n(this.getAttribute(i.MINUTES));if(!Number.isNaN(t))return this.#r(t,this.minuteInterval);if(this.useCurrentTime&&Number.isNaN(t)){let e=new Date().getMinutes();return this.#r(e,this.minuteInterval)}return 0}set minuteInterval(t){let e=n(t);Number.isNaN(e)?this.removeAttribute(i.MINUTE_INTERVAL):this.setAttribute(i.MINUTE_INTERVAL,String(e)),this.updateValue(),this.renderDropdowns()}get minuteInterval(){let t=n(this.getAttribute(i.MINUTE_INTERVAL));return Number.isNaN(t)?5:t}set seconds(t){t!==null?this.setAttribute(i.SECONDS,String(t)):this.removeAttribute(i.SECONDS),this.updateValue(),this.container?.querySelector("ids-dropdown#seconds")?.setAttribute(i.VALUE,String(t))}get seconds(){let t=n(this.getAttribute(i.SECONDS));if(!Number.isNaN(t))return this.#r(t,this.secondInterval);if(this.useCurrentTime&&Number.isNaN(t)){let e=new Date().getSeconds();return this.#r(e,this.secondInterval)}return 0}set secondInterval(t){let e=n(t);Number.isNaN(e)?this.removeAttribute(i.SECOND_INTERVAL):this.setAttribute(i.SECOND_INTERVAL,String(e)),this.updateValue(),this.renderDropdowns()}get secondInterval(){let t=n(this.getAttribute(i.SECOND_INTERVAL));return Number.isNaN(t)?5:t}set period(t){t?this.setAttribute(i.PERIOD,t):this.removeAttribute(i.PERIOD),this.updateValue(),this.renderDropdowns(),t&&(this.#i()?this.container?.querySelector("ids-dropdown#hours")?.setAttribute(i.VALUE,String(this.#n()[0])):this.container?.querySelector("ids-dropdown#period")?.setAttribute(i.VALUE,t.toString().toUpperCase()))}get period(){let t=this.getAttribute(i.PERIOD),e=this.#p(),s=e.map(r=>r.toLowerCase()).includes(t?.toString().toLowerCase());return this.#s()?t&&s?t:this.useCurrentTime&&new Date().getHours()>=12?e[1]:e[0]:""}set startHour(t){t?this.setAttribute(i.START_HOUR,String(t)):this.removeAttribute(i.START_HOUR),this.updateValue(),this.renderDropdowns()}get startHour(){let t=n(this.getAttribute(i.START_HOUR));return!Number.isNaN(t)&&t>=0?t:0}set endHour(t){t?this.setAttribute(i.END_HOUR,String(t)):this.removeAttribute(i.END_HOUR),this.updateValue(),this.renderDropdowns()}get endHour(){let t=n(this.getAttribute(i.END_HOUR));return!Number.isNaN(t)&&t<=24?t:24}set useCurrentTime(t){d(t)?this.setAttribute(i.USE_CURRENT_TIME,"true"):this.removeAttribute(i.USE_CURRENT_TIME),this.updateValue(),this.renderDropdowns()}get useCurrentTime(){return d(this.getAttribute(i.USE_CURRENT_TIME))}#t;set value(t){let e=this.#t;t!==e&&(this.#t=t,t?this.setAttribute(i.VALUE,t):this.removeAttribute(i.VALUE),this.syncTimeAttributes(t))}get value(){return this.#t||""}focus(){let t=this.container?.querySelector("ids-dropdown");t?t.focus():this.applyButtonEl?.focus()}getFormattedTime(){let t=new Date,e=this.localeAPI?.calendar().dayPeriods?.indexOf(this.period);return t.setHours(A(this.hours,e),this.minutes,this.seconds),this.localeAPI.formatDate(t,{pattern:this.format})}onHide(){this.removeRipples(),this.container?.setAttribute("tabindex","-1"),this.capturesFocus=!1,this.cyclesFocus=!1}onShow(){this.container?.removeAttribute("tabindex"),this.capturesFocus=!0,this.cyclesFocus=!0,this.focus()}};p=b([g("ids-time-picker-popup"),f(I)],p);var W=p;export{W as a};