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

package/components/ids-menu/ids-menu.css

@@ -1,303 +1,18 @@
-/* Ids Menu Item Component */ /**
- * Base Styles/Mixins for Ids Menu Component and all subcomponents.
- */
-/**
- * Single Checkmark Mixin
- */
-/**
- * Checkbox Mixins.
- */
-@keyframes check {
-  0% {
-    height: 0;
-    left: 0;
-    top: 8px;
-    width: 0;
-  }
-  50% {
-    height: 0;
-    left: 0;
-    top: 8px;
-    width: 4px;
-  }
-  100% {
-    height: 10px;
-    left: 4px;
-    top: 0;
-    width: 4px;
-  }
-}
-@keyframes checkindeterminate {
-  0% {
-    width: 0;
-  }
-  100% {
-    width: 10px;
-  }
-}
-/**
- * NOTE ABOUT MENU ITEM ELEMENT ORDER:
- * Definitions for grid template size in IdsMenuItem are defined based on the below order.
- * If changes are made to IdsMenuItem's rendering, this order must remain in place.
- *
- * [checkmark?] - [icon?] - text - [shortcut text?] - [submenu icon?]
- **/
+/* Ids Menu Header Component */
 :root {
   display: block;
-  position: static;
-}
-:host ::slotted(ids-menu) {
-  display: none;
-}
-
-::slotted(ids-text) {
-  pointer-events: none;
-}
-
-::slotted(ids-icon) {
-  pointer-events: none;
-}
-
-::slotted(ids-popup-menu) {
-  position: static;
 }
 
-:host([hidden]) {
-  display: none;
-}
-
-.ids-menu-item {
-  align-items: center;
-  color: var(--ids-menu-item-color-text-default);
-  cursor: pointer;
+.ids-menu-header {
+  margin-block: var(--ids-menu-header-margin);
+  padding-inline: var(--ids-menu-header-padding);
+  font-weight: var(--ids-menu-header-font-weight);
+  font-size: var(--ids-menu-header-font-size);
+  color: var(--ids-menu-header-color-text);
   font-family: var(--ids-font-family-default);
   list-style: none;
-  min-width: var(--ids-menu-item-width-min);
-  position: static;
-  transition: background-color 50ms cubic-bezier(0.4, 0, 0.6, 1);
-  user-select: none;
-}
-.ids-menu-item ids-icon,
-.ids-menu-item .ids-icon,
-.ids-menu-item .ids-menu-item-display-icon {
-  display: block;
-  align-self: center;
-  justify-content: center;
-  place-self: inherit;
-}
-.ids-menu-item a {
-  padding-inline-start: 12px;
-  padding-inline-end: 8px;
-  padding-block: 8px 8px;
-  display: grid;
-  font-size: var(--ids-menu-item-font-size);
-  grid-template-columns: 0 max-content;
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  user-select: inherit;
-  white-space: nowrap;
-  width: calc(100% - 20px);
-}
-.ids-menu-item a:focus {
-  outline: 0;
-}
-.ids-menu-item a > * {
-  vertical-align: middle;
-}
-.ids-menu-item a .ids-menu-item-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.ids-menu-item a ids-icon,
-.ids-menu-item a .ids-icon,
-.ids-menu-item a .ids-menu-item-display-icon {
-  grid-column-start: 1;
-}
-.ids-menu-item a .ids-menu-item-text {
-  grid-column-start: 2;
-}
-.ids-menu-item a .ids-menu-item-text span,
-.ids-menu-item a .ids-menu-item-text .ids-text {
-  display: inline-block;
-}
-.ids-menu-item a .ids-menu-item-text ::slotted(ids-text) {
-  display: inline-block;
-}
-.ids-menu-item a .ids-menu-item-submenu-icon {
-  margin-inline-start: 12px;
-  grid-column-start: 3;
-  transform: rotateZ(-90deg);
-}
-.ids-menu-item:not(.text-center) .ids-menu-item-text, .ids-menu-item:not(.text-start) .ids-menu-item-text, .ids-menu-item:not(.text-end) .ids-menu-item-text {
-  text-align: start;
-}
-.ids-menu-item.text-center a, .ids-menu-item.text-start a, .ids-menu-item.text-end a {
-  display: flex;
-  align-items: center;
-}
-.ids-menu-item.text-center a .ids-menu-item-text, .ids-menu-item.text-start a .ids-menu-item-text, .ids-menu-item.text-end a .ids-menu-item-text {
-  margin-inline-start: var(--ids-space-40);
-}
-.ids-menu-item.text-center a {
-  text-align: center;
-  justify-content: center;
-}
-.ids-menu-item.text-start a {
   text-align: start;
-  justify-content: start;
-}
-.ids-menu-item.text-end a {
-  text-align: end;
-  justify-content: end;
-}
-.ids-menu-item.disabled {
-  color: var(--ids-menu-item-color-text-disabled);
-  cursor: default;
-  pointer-events: none;
-  user-select: none;
-}
-.ids-menu-item.disabled a {
-  color: inherit;
-}
-.ids-menu-item.disabled ids-icon,
-.ids-menu-item.disabled .ids-icon {
-  fill: var(--ids-menu-item-color-text-disabled);
-}
-.ids-menu-item.hidden {
-  display: none;
-}
-.ids-menu-item.highlighted {
-  background-color: var(--ids-menu-item-highlight-color);
-}
-.ids-menu-item.has-shortcuts a {
-  grid-template-columns: 0 50% 50%;
-}
-.ids-menu-item.has-shortcuts:not(.has-submenu) .ids-menu-item-shortcuts {
-  margin-inline-start: 16px;
-  margin-inline-end: 4px;
-}
-.ids-menu-item.has-icon a {
-  padding-inline-start: 8px;
-  padding-inline-end: 8px;
-  grid-template-columns: 30px max-content;
-}
-.ids-menu-item.has-shortcuts.has-icon a {
-  grid-template-columns: 30px calc(50% - 15px) calc(50% - 15px);
-}
-.ids-menu-item.has-checkmark a, .ids-menu-item.has-multi-checkmark a {
-  padding-inline-start: 4px;
-  grid-template-columns: 30px 0 max-content 0;
-}
-.ids-menu-item.has-checkmark a .check, .ids-menu-item.has-multi-checkmark a .check {
-  grid-column-start: 1;
-}
-.ids-menu-item.has-checkmark a ids-icon,
-.ids-menu-item.has-checkmark a .ids-icon,
-.ids-menu-item.has-checkmark a .ids-menu-item-display-icon, .ids-menu-item.has-multi-checkmark a ids-icon,
-.ids-menu-item.has-multi-checkmark a .ids-icon,
-.ids-menu-item.has-multi-checkmark a .ids-menu-item-display-icon {
-  grid-column-start: 2;
-}
-.ids-menu-item.has-checkmark a .ids-menu-item-text, .ids-menu-item.has-multi-checkmark a .ids-menu-item-text {
-  grid-column-start: 3;
-}
-.ids-menu-item.has-checkmark a .ids-menu-item-submenu-icon, .ids-menu-item.has-multi-checkmark a .ids-menu-item-submenu-icon {
-  grid-column-start: 4;
-}
-.ids-menu-item.has-shortcuts.has-checkmark a, .ids-menu-item.has-shortcuts.has-multi-checkmark a {
-  grid-template-columns: 30px 0 50% calc(50% - 30px);
-}
-.ids-menu-item.has-submenu a {
-  grid-template-columns: 0 calc(100% - 25px) 25px;
-}
-.ids-menu-item.has-submenu .ids-menu-item-shortcuts {
-  display: none;
-}
-.ids-menu-item.has-icon.has-checkmark a, .ids-menu-item.has-icon.has-multi-checkmark a {
-  padding-inline-start: 4px;
-  grid-template-columns: 30px 30px calc(100% - 60px);
-  width: calc(100% - 12px);
-}
-.ids-menu-item.has-shortcuts.has-icon.has-checkmark a, .ids-menu-item.has-shortcuts.has-icon.has-mutlt-checkmark a {
-  grid-template-columns: 30px 30px calc(50% - 30px) calc(50% - 30px);
-}
-.ids-menu-item.has-icon.has-submenu a {
-  grid-template-columns: 30px calc(100% - 55px) 25px;
-}
-.ids-menu-item.has-checkmark.has-submenu a, .ids-menu-item.has-multi-checkmark.has-submenu a {
-  grid-template-columns: 30px 0 calc(100% - 55px) 25px;
-}
-.ids-menu-item.has-icon.has-checkmark.has-submenu a, .ids-menu-item.has-icon.has-multi-checkmark.has-submenu a {
-  grid-template-columns: 30px 30px calc(100% - 85px) 25px;
-}
-
-.ids-menu-item-shortcuts {
-  pointer-events: none;
-  text-align: end;
-}
-
-.has-checkmark span.check {
-  position: relative;
-}
-.has-checkmark.selected span.check::after {
-  position: absolute;
-  border: 1px solid;
-  transform: rotate(45deg);
-  border-color: var(--ids-menu-check-color-default) var(--ids-menu-check-color-default) var(--ids-menu-check-color-default) transparent;
-  border-width: 0 2px 2px 0;
-  content: " ";
-  height: 11px;
-  width: 5px;
-  left: 11px;
-  margin-top: 2px;
-}
-.has-checkmark.selected.disabled span.check::after {
-  border-color: var(--ids-menu-check-color-disabled) var(--ids-menu-check-color-disabled) var(--ids-menu-check-color-disabled) transparent;
-}
-
-.has-multi-checkmark span.check {
-  position: absolute;
-  border: var(--ids-checkbox-border);
-  border-radius: var(--ids-checkbox-border-radius);
-  height: 14px;
-  width: 14px;
-  left: 0;
-  top: 2px;
-  align-self: center;
-  justify-self: center;
-  position: relative;
-  top: 0;
-}
-.has-multi-checkmark.selected span.check {
-  background-color: var(--ids-checkbox-color-background-selected);
-  border-color: var(--ids-checkbox-color-border-selected);
-}
-.has-multi-checkmark.selected span.check::after {
-  position: absolute;
-  display: block;
-  border: var(--ids-font-size-20) solid var(--ids-checkbox-color-border-selected-after);
-  border-width: var(--ids-checkbox-border-width-selected-after);
-  animation: check 0.15s;
-  transform: rotate(45deg);
-  content: "";
-  height: 10px;
-  left: 4px;
-  top: 0;
-  width: 4px;
-}
-.has-multi-checkmark.disabled.selected span.check {
-  background-color: var(--ids-checkbox-color-background-selected-disabled);
-  border-color: var(--ids-checkbox-color-border-selected-disabled);
-}
-
-.ids-menu-item[dir=rtl] a .ids-menu-item-submenu-icon {
-  grid-column-start: 3;
-  margin-left: 0;
-  margin-right: 18px;
-  transform: rotateZ(90deg);
 }
-.ids-menu-item[dir=rtl].has-submenu a {
-  padding-right: 8px;
+.ids-menu-header.align-for-icons {
+  padding-inline-start: var(--ids-menu-header-icon-padding);
 }

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

@@ -36,13 +36,13 @@ declare const Base: {
             noStyles?: boolean | undefined;
         } | undefined;
         connectedCallback(): void;
-        "__#2@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#2@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -376,11 +376,6 @@ declare const Base: {
         slopedMouseLeaveTimer?: import("../../utils/ids-timer-utils/ids-timer-utils").FrameRequestLoopHandler | null | undefined;
         startX: number;
         startY: number;
-        /**
-         * Safely retrieves child elements of the menu without regard
-         * for whether or not they are direct descendants, or slotted
-         * @returns {Array<HTMLElement>} child element list
-         */
         trackedX: number;
         trackedY: number;
         vetoableEventTypes: string[];
@@ -391,20 +386,20 @@ declare const Base: {
         triggerVetoableEvent(eventType: string, data?: any): boolean;
         detachAllEvents(): void;
         detachEventsByName: (eventName: string) => void;
-        "__#3@#addLongPressListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#3@#removeLongPressListener"(): void;
-        "__#3@#addSwipeListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#3@#removeSwipeListener"(): void;
-        "__#3@#addKeyboardFocusListener"(eventName: string, target: Element): void;
-        "__#3@#removeKeyboardFocusListener"(): void;
-        "__#3@#addHoverEndListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#3@#addSlopedMouseLeaveListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#3@#clearSlopedMouseLeaveTimer"(): void;
-        "__#3@#removeSlopedMouseLeaveListener"(): void;
-        "__#3@#addKeyDownEndListener"(target: HTMLElement, options?: Record<string, unknown> | undefined): void;
+        "__#5@#addLongPressListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#removeLongPressListener"(): void;
+        "__#5@#addSwipeListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#removeSwipeListener"(): void;
+        "__#5@#addKeyboardFocusListener"(eventName: string, target: Element): void;
+        "__#5@#removeKeyboardFocusListener"(): void;
+        "__#5@#addHoverEndListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#addSlopedMouseLeaveListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#5@#clearSlopedMouseLeaveTimer"(): void;
+        "__#5@#removeSlopedMouseLeaveListener"(): void;
+        "__#5@#addKeyDownEndListener"(target: HTMLElement, options?: Record<string, unknown> | undefined): void;
         clearTimer(): void;
-        "__#3@#removeHoverEndListener"(): void;
-        "__#3@#removeKeyDownEndListener"(): void;
+        "__#5@#removeHoverEndListener"(): void;
+        "__#5@#removeKeyDownEndListener"(): void;
         name?: string | undefined;
         state: Record<string, any>;
         cachedNonce: string;
@@ -415,13 +410,13 @@ declare const Base: {
             noStyles?: boolean | undefined;
         } | undefined;
         connectedCallback(): void;
-        "__#2@#addBaseName"(): void;
+        "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#2@#appendHostCss"(): void;
+        "__#4@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -754,6 +749,7 @@ declare const Base: {
 export default class IdsMenu extends Base {
     #private;
     datasource: IdsDataSource;
+    keyboardEventTarget: HTMLElement | null;
     lastHovered?: any;
     lastNavigated?: any;
     constructor();
@@ -937,5 +933,9 @@ export default class IdsMenu extends Base {
      * @returns {void}
      */
     refreshIconAlignment(): void;
+    /**
+     * Focuses the correct element
+     */
+    focus(): void;
 }
 export {};

package/components/ids-menu/ids-menu.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-DOLUR6CX.js";import"../../chunks/ids-chunk-RXKBAZ4I.js";import"../../chunks/ids-chunk-RJCX7NER.js";import"../../chunks/ids-chunk-JA6ES3WY.js";import"../../chunks/ids-chunk-OKBUVHAP.js";import"../../chunks/ids-chunk-DXGQFMWW.js";import"../../chunks/ids-chunk-OIS6KGMU.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-33V6A4PN.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-ODGLGMPF.js";import"../../chunks/ids-chunk-AZSONAF7.js";import"../../chunks/ids-chunk-7VJ3NF24.js";import"../../chunks/ids-chunk-EJFTSZLS.js";import"../../chunks/ids-chunk-FP7JXALX.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-54WKNX4L.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-B6P5AQ2Z.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-7JIYCFAW.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-HABPILOR.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-MTO4IW77.js";import"../../chunks/ids-chunk-R5ZFGKRA.js";import"../../chunks/ids-chunk-X6RWFTGV.js";import"../../chunks/ids-chunk-4RSNCW6T.js";import"../../chunks/ids-chunk-MA5MPQCR.js";import"../../chunks/ids-chunk-WL54H54A.js";import"../../chunks/ids-chunk-7O3OTI42.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-LFTWDGW6.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-MXFCUDLP.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-B6P5AQ2Z.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-VD3FN2LH.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-DCNGT4R2.js";import"../../chunks/ids-chunk-CS7RTATZ.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-WYSIBKRB.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-ZVK34T2N.js";import"../../chunks/ids-chunk-N7P4D4N3.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-6EMRTLSG.js";import"../../chunks/ids-chunk-5K6IDMGA.js";export{a as default};

package/components/ids-menu-button/ids-menu-button-attributes.js

@@ -1 +1 @@
-import{a as t}from"../../chunks/ids-chunk-HABPILOR.js";import"../../chunks/ids-chunk-U7OOVFXE.js";var r=["dropdown-icon","formatter-width",t.ID,t.MENU];export{r as MENU_BUTTON_ATTRIBUTES};
+import{a as t}from"../../chunks/ids-chunk-6EMRTLSG.js";import"../../chunks/ids-chunk-5K6IDMGA.js";var r=["dropdown-icon","formatter-width",t.ID,t.MENU];export{r as MENU_BUTTON_ATTRIBUTES};

package/components/ids-menu-button/ids-menu-button.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-M44M2XW4.js";import"../../chunks/ids-chunk-4RXDW4MK.js";import"../../chunks/ids-chunk-T55PJIDE.js";import"../../chunks/ids-chunk-GFTX3QTI.js";import"../../chunks/ids-chunk-WY2RW7QR.js";import"../../chunks/ids-chunk-RI2BXZ6U.js";import"../../chunks/ids-chunk-FF2PR2KM.js";import"../../chunks/ids-chunk-DSILQO6B.js";import"../../chunks/ids-chunk-QXBFKEEP.js";import"../../chunks/ids-chunk-4FZLXQW3.js";import"../../chunks/ids-chunk-G6CTBPDT.js";import"../../chunks/ids-chunk-DOLUR6CX.js";import"../../chunks/ids-chunk-RXKBAZ4I.js";import"../../chunks/ids-chunk-RJCX7NER.js";import"../../chunks/ids-chunk-JA6ES3WY.js";import"../../chunks/ids-chunk-OKBUVHAP.js";import"../../chunks/ids-chunk-DXGQFMWW.js";import"../../chunks/ids-chunk-R7DZNS7W.js";import"../../chunks/ids-chunk-OIS6KGMU.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-33V6A4PN.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-K7QJZ6GH.js";import"../../chunks/ids-chunk-J6DDVFGW.js";import"../../chunks/ids-chunk-BGHX2WQ5.js";import"../../chunks/ids-chunk-AVLWMYWS.js";import"../../chunks/ids-chunk-ODGLGMPF.js";import"../../chunks/ids-chunk-AZSONAF7.js";import"../../chunks/ids-chunk-7VJ3NF24.js";import"../../chunks/ids-chunk-EJFTSZLS.js";import"../../chunks/ids-chunk-FP7JXALX.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-54WKNX4L.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-B6P5AQ2Z.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-7JIYCFAW.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-HABPILOR.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-HT6LX5MG.js";import"../../chunks/ids-chunk-XTFBAHLT.js";import"../../chunks/ids-chunk-MTO4IW77.js";import"../../chunks/ids-chunk-R5ZFGKRA.js";import"../../chunks/ids-chunk-X6RWFTGV.js";import"../../chunks/ids-chunk-4RSNCW6T.js";import"../../chunks/ids-chunk-MA5MPQCR.js";import"../../chunks/ids-chunk-WL54H54A.js";import"../../chunks/ids-chunk-FLW6Z5UP.js";import"../../chunks/ids-chunk-7O3OTI42.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-LFTWDGW6.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-HXQK5AOF.js";import"../../chunks/ids-chunk-B5JKAHB2.js";import"../../chunks/ids-chunk-QGYYPJNG.js";import"../../chunks/ids-chunk-BTXG2E4X.js";import"../../chunks/ids-chunk-ZGB2BJN7.js";import"../../chunks/ids-chunk-6D5SDTJL.js";import"../../chunks/ids-chunk-XJ6YDMYE.js";import"../../chunks/ids-chunk-RFSSSI2A.js";import"../../chunks/ids-chunk-J6DDVFGW.js";import"../../chunks/ids-chunk-CYHGXCKL.js";import"../../chunks/ids-chunk-RZXRZPI4.js";import"../../chunks/ids-chunk-6NIQXA2N.js";import"../../chunks/ids-chunk-R7IBXBBI.js";import"../../chunks/ids-chunk-MXFCUDLP.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-B6P5AQ2Z.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-VD3FN2LH.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-DCNGT4R2.js";import"../../chunks/ids-chunk-CS7RTATZ.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-WYSIBKRB.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-ZVK34T2N.js";import"../../chunks/ids-chunk-N7P4D4N3.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-6EMRTLSG.js";import"../../chunks/ids-chunk-5K6IDMGA.js";export{a as default};

package/components/ids-message/ids-message-attributes.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-XUBQJWA7.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-XUBQJWA7.js";import"../../chunks/ids-chunk-5K6IDMGA.js";export{a as default};

package/components/ids-message/ids-message.css

@@ -28,6 +28,8 @@
   padding: var(--ids-modal-content-padding);
   flex-grow: 1;
   flex-shrink: 1;
+}
+.ids-modal-content.has-scrollbar {
   overflow: auto;
 }
 
@@ -63,7 +65,7 @@
 }
 
 ::slotted([slot=buttons]:not(:first-of-type)) {
-  border-left: 1px solid var(--ids-modal-footer-color-border);
+  border-inline-start: 1px solid var(--ids-modal-footer-color-border);
 }
 
 .ids-modal-button:not(.ids-modal-icon-button):not(:first-of-type) {

package/components/ids-message/ids-message.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-DRYOA3YT.js";import"../../chunks/ids-chunk-XUBQJWA7.js";import"../../chunks/ids-chunk-GRVG3BUL.js";import"../../chunks/ids-chunk-DUQK5NSR.js";import"../../chunks/ids-chunk-PKNHTUVH.js";import"../../chunks/ids-chunk-OL3ARYDL.js";import"../../chunks/ids-chunk-TYUILR5W.js";import"../../chunks/ids-chunk-RLU5OFPQ.js";import"../../chunks/ids-chunk-4RXDW4MK.js";import"../../chunks/ids-chunk-T55PJIDE.js";import"../../chunks/ids-chunk-GFTX3QTI.js";import"../../chunks/ids-chunk-WY2RW7QR.js";import"../../chunks/ids-chunk-RI2BXZ6U.js";import"../../chunks/ids-chunk-FF2PR2KM.js";import"../../chunks/ids-chunk-DSILQO6B.js";import"../../chunks/ids-chunk-QXBFKEEP.js";import"../../chunks/ids-chunk-4FZLXQW3.js";import"../../chunks/ids-chunk-33V6A4PN.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-KEYQVP7N.js";import"../../chunks/ids-chunk-U34YTPJC.js";import"../../chunks/ids-chunk-K7QJZ6GH.js";import"../../chunks/ids-chunk-J6DDVFGW.js";import"../../chunks/ids-chunk-BGHX2WQ5.js";import"../../chunks/ids-chunk-AVLWMYWS.js";import"../../chunks/ids-chunk-ODGLGMPF.js";import"../../chunks/ids-chunk-AZSONAF7.js";import"../../chunks/ids-chunk-7VJ3NF24.js";import"../../chunks/ids-chunk-EJFTSZLS.js";import"../../chunks/ids-chunk-FP7JXALX.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-54WKNX4L.js";import"../../chunks/ids-chunk-LCUXCSNZ.js";import"../../chunks/ids-chunk-B6P5AQ2Z.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-7JIYCFAW.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-HABPILOR.js";import"../../chunks/ids-chunk-U7OOVFXE.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-IGZPQ3V7.js";import"../../chunks/ids-chunk-XUBQJWA7.js";import"../../chunks/ids-chunk-LFTWDGW6.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-SZUQMNLD.js";import"../../chunks/ids-chunk-2KRKXDVS.js";import"../../chunks/ids-chunk-7JQPPD2W.js";import"../../chunks/ids-chunk-OK27WIWV.js";import"../../chunks/ids-chunk-GOUW4UYM.js";import"../../chunks/ids-chunk-7QXFDY4T.js";import"../../chunks/ids-chunk-U34YTPJC.js";import"../../chunks/ids-chunk-HXQK5AOF.js";import"../../chunks/ids-chunk-B5JKAHB2.js";import"../../chunks/ids-chunk-QGYYPJNG.js";import"../../chunks/ids-chunk-BTXG2E4X.js";import"../../chunks/ids-chunk-ZGB2BJN7.js";import"../../chunks/ids-chunk-6D5SDTJL.js";import"../../chunks/ids-chunk-XJ6YDMYE.js";import"../../chunks/ids-chunk-RFSSSI2A.js";import"../../chunks/ids-chunk-J6DDVFGW.js";import"../../chunks/ids-chunk-CYHGXCKL.js";import"../../chunks/ids-chunk-RZXRZPI4.js";import"../../chunks/ids-chunk-6NIQXA2N.js";import"../../chunks/ids-chunk-R7IBXBBI.js";import"../../chunks/ids-chunk-MXFCUDLP.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-B6P5AQ2Z.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-VD3FN2LH.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-DCNGT4R2.js";import"../../chunks/ids-chunk-CS7RTATZ.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-WYSIBKRB.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-ZVK34T2N.js";import"../../chunks/ids-chunk-N7P4D4N3.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-6EMRTLSG.js";import"../../chunks/ids-chunk-5K6IDMGA.js";export{a as default};

package/components/ids-modal/ids-modal.css

@@ -1,20 +1,79 @@
-/* Ids Overlay Component */
+/* Ids Modal Component */
 :root {
   display: block;
-}
-
-.ids-overlay {
+  position: fixed;
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
-  display: none;
-  outline: 0;
-  position: fixed;
-  background-color: rgba(0, 0, 0, 0);
-  transition: background-color 0.2s;
 }
-.ids-overlay.visible {
+
+:host(:not([visible])) {
+  pointer-events: none;
+}
+
+.ids-modal {
   display: block;
-  background-color: rgba(0, 0, 0, 0.3);
+  pointer-events: none;
+}
+.ids-modal[visible] {
+  pointer-events: auto;
+}
+
+.ids-modal-header {
+  padding: var(--ids-modal-header-padding);
+}
+
+.ids-modal-content {
+  padding: var(--ids-modal-content-padding);
+  flex-grow: 1;
+  flex-shrink: 1;
+}
+.ids-modal-content.has-scrollbar {
+  overflow: auto;
+}
+
+.ids-modal-header + .ids-modal-content {
+  padding-block-start: 0;
+}
+
+.ids-modal-header,
+.ids-modal-footer {
+  align-items: center;
+  display: flex;
+}
+
+.ids-modal-footer {
+  margin: var(--ids-modal-footer-margin);
+  border-top: 1px solid var(--ids-modal-footer-color-border);
+}
+.ids-modal-footer[hidden] {
+  border-top: none;
+}
+
+.ids-modal-container {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+  height: 100%;
+  width: 100%;
+}
+
+::slotted([slot=buttons]) {
+  flex-grow: 1;
+  display: flex;
+}
+
+::slotted([slot=buttons]:not(:first-of-type)) {
+  border-inline-start: 1px solid var(--ids-modal-footer-color-border);
+}
+
+.ids-modal-button:not(.ids-modal-icon-button):not(:first-of-type) {
+  border-left: 1px solid var(--ids-modal-footer-color-border);
+}
+
+@media screen and (min-width: 600px) {
+  ::slotted([slot=title]) {
+    font-size: var(--ids-font-size-60);
+  }
 }