@breadstone/mosaik-elements-foundation 0.1.2 → 0.1.4

package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Cosmopolitan.js

@@ -76,7 +76,11 @@ export function chatMessageElementCosmopolitanStyle() {
 }
 
 :host [part="root"] {
+  justify-content: stretch;
+  align-items: stretch;
   gap: var(--chat-message-gap);
+  flex-direction: row-reverse;
+  display: flex;
 }
 
 :host [part="root"] [part="content"] {
@@ -114,6 +118,7 @@ export function chatMessageElementCosmopolitanStyle() {
   border-top-right-radius: 0;
   flex-direction: column;
   display: flex;
+  position: relative;
 }
 
 :host [part="root"] [part="content"] [part="message"] [part="header"] {
@@ -145,10 +150,22 @@ export function chatMessageElementCosmopolitanStyle() {
   animation-delay: -.8s;
 }
 
-:host [part="reactions"] {
+:host [part="root"] [part="content"] [part="message"] [part="reactions"] {
   height: 0;
+  bottom: 0;
+  left: unset;
   display: flex;
-  position: relative;
+  position: absolute;
+  right: 0;
+}
+
+:host [part="root"] [part="content"] [part="actions"] {
+  height: 0;
+  bottom: 0;
+  left: 0;
+  right: unset;
+  display: flex;
+  position: absolute;
 }
 
 :host([reply]) {
@@ -156,6 +173,10 @@ export function chatMessageElementCosmopolitanStyle() {
   margin-right: var(--chat-message-white-space);
 }
 
+:host([reply]) [part="root"] {
+  flex-direction: row;
+}
+
 :host([reply]) [part="root"] [part="content"] {
   align-items: flex-start;
 }
@@ -165,6 +186,20 @@ export function chatMessageElementCosmopolitanStyle() {
   border-top-left-radius: 0;
 }
 
+:host([reply]) [part="root"] [part="reactions"] {
+  right: unset;
+  left: 0;
+}
+
+:host([reply]) [part="root"] [part="actions"] {
+  right: 0;
+  left: unset;
+}
+
+:host([has-reactions]), :host([has-actions]) {
+  margin-bottom: calc(var(--chat-message-white-space) / 2);
+}
+
 @keyframes wave {
   0%, 60%, 100% {
     transform: initial;

package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Cosmopolitan.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMessageElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,mCAAmC;IAC/C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoKT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ChatMessageElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,mCAAmC;IAC/C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuMT,CAAC;AACN,CAAC"}

package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMessageElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,SAAS,CAiPtD"}
+{"version":3,"file":"ChatMessageElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,SAAS,CAoRtD"}

package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Joy.js

@@ -76,7 +76,11 @@ export function chatMessageElementJoyStyle() {
 }
 
 :host [part="root"] {
+  justify-content: stretch;
+  align-items: stretch;
   gap: var(--chat-message-gap);
+  flex-direction: row-reverse;
+  display: flex;
 }
 
 :host [part="root"] [part="content"] {
@@ -114,6 +118,7 @@ export function chatMessageElementJoyStyle() {
   border-top-right-radius: 0;
   flex-direction: column;
   display: flex;
+  position: relative;
 }
 
 :host [part="root"] [part="content"] [part="message"] [part="header"] {
@@ -145,10 +150,22 @@ export function chatMessageElementJoyStyle() {
   animation-delay: -.8s;
 }
 
-:host [part="reactions"] {
+:host [part="root"] [part="content"] [part="message"] [part="reactions"] {
   height: 0;
+  bottom: 0;
+  left: unset;
   display: flex;
-  position: relative;
+  position: absolute;
+  right: 0;
+}
+
+:host [part="root"] [part="content"] [part="actions"] {
+  height: 0;
+  bottom: 0;
+  left: 0;
+  right: unset;
+  display: flex;
+  position: absolute;
 }
 
 :host([reply]) {
@@ -156,6 +173,10 @@ export function chatMessageElementJoyStyle() {
   margin-right: var(--chat-message-white-space);
 }
 
+:host([reply]) [part="root"] {
+  flex-direction: row;
+}
+
 :host([reply]) [part="root"] [part="content"] {
   align-items: flex-start;
 }
@@ -165,6 +186,20 @@ export function chatMessageElementJoyStyle() {
   border-top-left-radius: 0;
 }
 
+:host([reply]) [part="root"] [part="reactions"] {
+  right: unset;
+  left: 0;
+}
+
+:host([reply]) [part="root"] [part="actions"] {
+  right: 0;
+  left: unset;
+}
+
+:host([has-reactions]), :host([has-actions]) {
+  margin-bottom: calc(var(--chat-message-white-space) / 2);
+}
+
 @keyframes wave {
   0%, 60%, 100% {
     transform: initial;

package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMessageElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,0BAA0B;IACtC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+OT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ChatMessageElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,0BAA0B;IACtC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkRT,CAAC;AACN,CAAC"}

package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Memphis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMessageElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,8BAA8B,IAAI,SAAS,CAsK1D"}
+{"version":3,"file":"ChatMessageElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,8BAA8B,IAAI,SAAS,CAyM1D"}

package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Memphis.js

@@ -76,7 +76,11 @@ export function chatMessageElementMemphisStyle() {
 }
 
 :host [part="root"] {
+  justify-content: stretch;
+  align-items: stretch;
   gap: var(--chat-message-gap);
+  flex-direction: row-reverse;
+  display: flex;
 }
 
 :host [part="root"] [part="content"] {
@@ -114,6 +118,7 @@ export function chatMessageElementMemphisStyle() {
   border-top-right-radius: 0;
   flex-direction: column;
   display: flex;
+  position: relative;
 }
 
 :host [part="root"] [part="content"] [part="message"] [part="header"] {
@@ -145,10 +150,22 @@ export function chatMessageElementMemphisStyle() {
   animation-delay: -.8s;
 }
 
-:host [part="reactions"] {
+:host [part="root"] [part="content"] [part="message"] [part="reactions"] {
   height: 0;
+  bottom: 0;
+  left: unset;
   display: flex;
-  position: relative;
+  position: absolute;
+  right: 0;
+}
+
+:host [part="root"] [part="content"] [part="actions"] {
+  height: 0;
+  bottom: 0;
+  left: 0;
+  right: unset;
+  display: flex;
+  position: absolute;
 }
 
 :host([reply]) {
@@ -156,6 +173,10 @@ export function chatMessageElementMemphisStyle() {
   margin-right: var(--chat-message-white-space);
 }
 
+:host([reply]) [part="root"] {
+  flex-direction: row;
+}
+
 :host([reply]) [part="root"] [part="content"] {
   align-items: flex-start;
 }
@@ -165,6 +186,20 @@ export function chatMessageElementMemphisStyle() {
   border-top-left-radius: 0;
 }
 
+:host([reply]) [part="root"] [part="reactions"] {
+  right: unset;
+  left: 0;
+}
+
+:host([reply]) [part="root"] [part="actions"] {
+  right: 0;
+  left: unset;
+}
+
+:host([has-reactions]), :host([has-actions]) {
+  margin-bottom: calc(var(--chat-message-white-space) / 2);
+}
+
 @keyframes wave {
   0%, 60%, 100% {
     transform: initial;

package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Memphis.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMessageElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,8BAA8B;IAC1C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoKT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ChatMessageElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,8BAA8B;IAC1C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuMT,CAAC;AACN,CAAC"}

package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Cosmopolitan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMessageReactionElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,2CAA2C,IAAI,SAAS,CAmFvE"}
+{"version":3,"file":"ChatMessageReactionElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,2CAA2C,IAAI,SAAS,CAuFvE"}

package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Cosmopolitan.js

@@ -88,6 +88,10 @@ export function chatMessageReactionElementCosmopolitanStyle() {
   display: inline-flex;
 }
 
+:host [part="button"] {
+  --button-min-width: auto;
+}
+
 :host [part="emoji"], :host [part="count"] {
   flex-shrink: 0;
 }

package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Cosmopolitan.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMessageReactionElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,2CAA2C;IACvD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiFT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ChatMessageReactionElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,2CAA2C;IACvD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqFT,CAAC;AACN,CAAC"}

package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMessageReactionElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,kCAAkC,IAAI,SAAS,CAmF9D"}
+{"version":3,"file":"ChatMessageReactionElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,kCAAkC,IAAI,SAAS,CAuF9D"}

package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Joy.js

@@ -22,10 +22,10 @@ export function chatMessageReactionElementJoyStyle() {
   --chat-message-reaction-font-weight: var(--joy-typography-caption-font-weight);
   --chat-message-reaction-foreground-color: var(--joy-scheme-foreground);
   --chat-message-reaction-gap: calc(var(--joy-layout-space) / 2);
-  --chat-message-reaction-padding-bottom: calc(var(--joy-layout-space) / 2);
+  --chat-message-reaction-padding-bottom: var(--joy-layout-space);
   --chat-message-reaction-padding-left: var(--joy-layout-space);
   --chat-message-reaction-padding-right: var(--joy-layout-space);
-  --chat-message-reaction-padding-top: calc(var(--joy-layout-space) / 2);
+  --chat-message-reaction-padding-top: var(--joy-layout-space);
   --chat-message-reaction-shadow: unset unset unset unset unset;
   --chat-message-reaction-shadow-blur: unset;
   --chat-message-reaction-shadow-color: unset;
@@ -88,6 +88,10 @@ export function chatMessageReactionElementJoyStyle() {
   display: inline-flex;
 }
 
+:host [part="button"] {
+  --button-min-width: auto;
+}
+
 :host [part="emoji"], :host [part="count"] {
   flex-shrink: 0;
 }

package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMessageReactionElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,kCAAkC;IAC9C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiFT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ChatMessageReactionElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,kCAAkC;IAC9C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqFT,CAAC;AACN,CAAC"}

package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Memphis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMessageReactionElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,sCAAsC,IAAI,SAAS,CAmFlE"}
+{"version":3,"file":"ChatMessageReactionElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,sCAAsC,IAAI,SAAS,CAuFlE"}

package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Memphis.js

@@ -88,6 +88,10 @@ export function chatMessageReactionElementMemphisStyle() {
   display: inline-flex;
 }
 
+:host [part="button"] {
+  --button-min-width: auto;
+}
+
 :host [part="emoji"], :host [part="count"] {
   flex-shrink: 0;
 }

package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Memphis.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMessageReactionElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,sCAAsC;IAClD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiFT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ChatMessageReactionElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,sCAAsC;IAClD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqFT,CAAC;AACN,CAAC"}

package/Controls/Components/Media/Emoji/Themes/EmojiElement.Joy.js

@@ -13,7 +13,7 @@ import { css } from '../../../../../Dom/Css';
 export function emojiElementJoyStyle() {
     return css `
 :host {
-  --emoji-background-color: var(--joy-scheme-highlight);
+  --emoji-background-color: unset;
   --emoji-font-family: unset;
   --emoji-font-letter-spacing: unset;
   --emoji-font-line-height: unset;

package/Controls/Components/Primitives/Divider/DividerElementTemplate.js

@@ -8,7 +8,7 @@ import { Orientation } from '../../../Types/Orientation';
 export function dividerElementTemplate(e) {
     return html `
         <div part="root">
-            <svg xmlns="http://www.w3.org/2000/svg">
+            <svg  xmlns="http://www.w3.org/2000/svg">
                 <line x1="${e.orientation === Orientation.Vertical ? '50%' : '0'}"
                       y1="${e.orientation === Orientation.Vertical ? '0' : '50%'}"
                       x2="${e.orientation === Orientation.Vertical ? '50%' : '100%'}"

package/Controls/Components/Primitives/Divider/Themes/DividerElement.Cosmopolitan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DividerElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Divider/Themes/DividerElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,+BAA+B,IAAI,SAAS,CAgG3D"}
+{"version":3,"file":"DividerElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Divider/Themes/DividerElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,+BAA+B,IAAI,SAAS,CAiG3D"}

package/Controls/Components/Primitives/Divider/Themes/DividerElement.Cosmopolitan.js

@@ -86,6 +86,7 @@ export function dividerElementCosmopolitanStyle() {
   width: 100%;
   height: 100%;
   position: absolute;
+  translate: -50%;
 }
 
 :host [part="root"] svg line {

package/Controls/Components/Primitives/Divider/Themes/DividerElement.Cosmopolitan.js.map

@@ -1 +1 @@
-{"version":3,"file":"DividerElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Divider/Themes/DividerElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,+BAA+B;IAC3C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8FT,CAAC;AACN,CAAC"}
+{"version":3,"file":"DividerElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Divider/Themes/DividerElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,+BAA+B;IAC3C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+FT,CAAC;AACN,CAAC"}

package/Controls/Components/Primitives/Divider/Themes/DividerElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DividerElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Divider/Themes/DividerElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,SAAS,CA4FlD"}
+{"version":3,"file":"DividerElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Divider/Themes/DividerElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,SAAS,CA6FlD"}

package/Controls/Components/Primitives/Divider/Themes/DividerElement.Joy.js

@@ -82,6 +82,7 @@ export function dividerElementJoyStyle() {
   width: 100%;
   height: 100%;
   position: absolute;
+  translate: -50%;
 }
 
 :host [part="root"] svg line {

package/Controls/Components/Primitives/Divider/Themes/DividerElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"DividerElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Divider/Themes/DividerElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,sBAAsB;IAClC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0FT,CAAC;AACN,CAAC"}
+{"version":3,"file":"DividerElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Divider/Themes/DividerElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,sBAAsB;IAClC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2FT,CAAC;AACN,CAAC"}

package/Controls/Components/Primitives/Divider/Themes/DividerElement.Memphis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DividerElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Divider/Themes/DividerElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,SAAS,CAoGtD"}
+{"version":3,"file":"DividerElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Divider/Themes/DividerElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,SAAS,CAqGtD"}

package/Controls/Components/Primitives/Divider/Themes/DividerElement.Memphis.js

@@ -86,6 +86,7 @@ export function dividerElementMemphisStyle() {
   width: 100%;
   height: 100%;
   position: absolute;
+  translate: -50%;
 }
 
 :host [part="root"] svg line {

package/Controls/Components/Primitives/Divider/Themes/DividerElement.Memphis.js.map

@@ -1 +1 @@
-{"version":3,"file":"DividerElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Divider/Themes/DividerElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,0BAA0B;IACtC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkGT,CAAC;AACN,CAAC"}
+{"version":3,"file":"DividerElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Divider/Themes/DividerElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,0BAA0B;IACtC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmGT,CAAC;AACN,CAAC"}

package/Controls/Components/States/Busy/BusyStateElement.d.ts

@@ -19,9 +19,10 @@ declare const BusyStateElement_base: (abstract new (...args: Array<any>) => impo
  * @slot - Default content area for additional loading state information or custom elements
  * @slot actions - Action buttons or controls available during loading (e.g., cancel operation, dismiss)
  *
+ * @csspart actions - The container for action slot elements
  * @csspart content - The content text container for detailed loading information
  * @csspart header - The header text container for primary loading status messaging
- * @csspart innerStack - The internal stack container for action slot elements
+ * @csspart root - The text content container (header, content, slot)
  * @csspart symbol - The loading indicator container for progress ring or spinner
  *
  * @cssprop {String} --busy-state-font-family - The state font family CSS custom property.
@@ -56,7 +57,6 @@ declare const BusyStateElement_base: (abstract new (...args: Array<any>) => impo
  * @cssprop {String} --busy-state-translate - The state translate CSS custom property.
  *
  * @dependency mosaik-progress-ring - The Progress Ring element.
- * @dependency mosaik-stack - The Stack element.
  * @dependency mosaik-text - The Text element.
  *
  * @example

package/Controls/Components/States/Busy/BusyStateElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BusyStateElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Busy/BusyStateElement.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;;AAOlE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkFG;AACH,qBAca,gBACT,SAAQ,qBACR,YAAW,sBAAsB;IAIjC,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,KAAK,CAAS;IAMtB;;;;OAIG;;IAYH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;;OAMG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAI5B;IAED;;;;;;;OAOG;IACH,IACW,MAAM,IAAI,MAAM,CAE1B;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,EAI9B;CAIJ;AAED;;GAEG;AACH,yBAAiB,gBAAgB,CAAC;IAC9B,KAAY,KAAK,GAAG,sBAAsB,CAAC;CAC9C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,mBAAmB,EAAE,gBAAgB,CAAC;KACzC;CACJ"}
+{"version":3,"file":"BusyStateElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Busy/BusyStateElement.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;;AAOlE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkFG;AACH,qBAaa,gBACT,SAAQ,qBACR,YAAW,sBAAsB;IAIjC,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,KAAK,CAAS;IAMtB;;;;OAIG;;IAYH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;;OAMG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAI5B;IAED;;;;;;;OAOG;IACH,IACW,MAAM,IAAI,MAAM,CAE1B;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,EAI9B;CAIJ;AAED;;GAEG;AACH,yBAAiB,gBAAgB,CAAC;IAC9B,KAAY,KAAK,GAAG,sBAAsB,CAAC;CAC9C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,mBAAmB,EAAE,gBAAgB,CAAC;KACzC;CACJ"}

package/Controls/Components/States/Busy/BusyStateElement.js

@@ -12,7 +12,6 @@ import { Themeable } from '../../../Behaviors/Themeable';
 import { Attribute } from '../../../Decorators/AttributeDecorator';
 import { Component } from '../../../Decorators/ComponentDecorator';
 import { Property } from '../../../Decorators/PropertyDecorator';
-import { StackElement } from '../../Layouts/Stack/StackElement';
 import { TextElement } from '../../Primitives/Text/TextElement';
 import { ProgressRingElement } from '../../Ranges/ProgressRing/ProgressRingElement';
 import { StateBaseElement } from '../Abstracts/StateBaseElement';
@@ -39,9 +38,10 @@ import { busyStateElementMemphisStyle } from './Themes/BusyStateElement.Memphis'
  * @slot - Default content area for additional loading state information or custom elements
  * @slot actions - Action buttons or controls available during loading (e.g., cancel operation, dismiss)
  *
+ * @csspart actions - The container for action slot elements
  * @csspart content - The content text container for detailed loading information
  * @csspart header - The header text container for primary loading status messaging
- * @csspart innerStack - The internal stack container for action slot elements
+ * @csspart root - The text content container (header, content, slot)
  * @csspart symbol - The loading indicator container for progress ring or spinner
  *
  * @cssprop {String} --busy-state-font-family - The state font family CSS custom property.
@@ -76,7 +76,6 @@ import { busyStateElementMemphisStyle } from './Themes/BusyStateElement.Memphis'
  * @cssprop {String} --busy-state-translate - The state translate CSS custom property.
  *
  * @dependency mosaik-progress-ring - The Progress Ring element.
- * @dependency mosaik-stack - The Stack element.
  * @dependency mosaik-text - The Text element.
  *
  * @example
@@ -185,8 +184,7 @@ BusyStateElement = __decorate([
         },
         imports: [
             ProgressRingElement,
-            TextElement,
-            StackElement
+            TextElement
         ]
     }),
     __metadata("design:paramtypes", [])

package/Controls/Components/States/Busy/BusyStateElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"BusyStateElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Busy/BusyStateElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AACpF,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,OAAO,EAAE,iCAAiC,EAAE,MAAM,wCAAwC,CAAC;AAC3F,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AAEjF,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkFG;AAeI,IAAM,gBAAgB,GAAtB,MAAM,gBACT,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IAGnC,iBAAiB;IAET,OAAO,CAAS;IAChB,KAAK,CAAS;IAEtB,aAAa;IAEb,eAAe;IAEf;;;;OAIG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;IACtB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;MAME;IACK,MAAM,KAAK,EAAE;QAChB,OAAO,mBAAmB,CAAC;IAC/B,CAAC;IAED;;;;;;OAMG;IACH,IACW,IAAI;QACX,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IAED,IAAW,IAAI,CAAC,KAAa;QACzB,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACvB,CAAC;IACL,CAAC;IAED;;;;;;;OAOG;IACH,IACW,MAAM;QACb,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IAED,IAAW,MAAM,CAAC,KAAa;QAC3B,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE,CAAC;YACzB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACzB,CAAC;IACL,CAAC;CAIJ,CAAA;AAhCG;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;4CAG1B;AAgBD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;8CAG3B;AArEQ,gBAAgB;IAd5B,SAAS,CAAC;QACP,QAAQ,EAAE,mBAAmB;QAC7B,QAAQ,EAAE,wBAAwB;QAClC,MAAM,EAAE;YACJ,GAAG,EAAE,wBAAwB;YAC7B,OAAO,EAAE,4BAA4B;YACrC,YAAY,EAAE,iCAAiC;SAClD;QACD,OAAO,EAAE;YACL,mBAAmB;YACnB,WAAW;YACX,YAAY;SACf;KACJ,CAAC;;GACW,gBAAgB,CA+E5B"}
+{"version":3,"file":"BusyStateElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Busy/BusyStateElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AACpF,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,OAAO,EAAE,iCAAiC,EAAE,MAAM,wCAAwC,CAAC;AAC3F,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AAEjF,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkFG;AAcI,IAAM,gBAAgB,GAAtB,MAAM,gBACT,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IAGnC,iBAAiB;IAET,OAAO,CAAS;IAChB,KAAK,CAAS;IAEtB,aAAa;IAEb,eAAe;IAEf;;;;OAIG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;IACtB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;MAME;IACK,MAAM,KAAK,EAAE;QAChB,OAAO,mBAAmB,CAAC;IAC/B,CAAC;IAED;;;;;;OAMG;IACH,IACW,IAAI;QACX,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IAED,IAAW,IAAI,CAAC,KAAa;QACzB,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACvB,CAAC;IACL,CAAC;IAED;;;;;;;OAOG;IACH,IACW,MAAM;QACb,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IAED,IAAW,MAAM,CAAC,KAAa;QAC3B,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE,CAAC;YACzB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACzB,CAAC;IACL,CAAC;CAIJ,CAAA;AAhCG;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;4CAG1B;AAgBD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;8CAG3B;AArEQ,gBAAgB;IAb5B,SAAS,CAAC;QACP,QAAQ,EAAE,mBAAmB;QAC7B,QAAQ,EAAE,wBAAwB;QAClC,MAAM,EAAE;YACJ,GAAG,EAAE,wBAAwB;YAC7B,OAAO,EAAE,4BAA4B;YACrC,YAAY,EAAE,iCAAiC;SAClD;QACD,OAAO,EAAE;YACL,mBAAmB;YACnB,WAAW;SACd;KACJ,CAAC;;GACW,gBAAgB,CA+E5B"}

package/Controls/Components/States/Busy/BusyStateElementTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BusyStateElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Busy/BusyStateElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAIjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAI3D;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,CAAC,SAAS,gBAAgB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CA6BzF"}
+{"version":3,"file":"BusyStateElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Busy/BusyStateElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAI3D;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,CAAC,SAAS,gBAAgB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CA4BzF"}

package/Controls/Components/States/Busy/BusyStateElementTemplate.js

@@ -1,7 +1,6 @@
 // #region Imports
 import { html } from '../../../../Dom/Html';
 import { when } from '../../../Directives/Directives';
-import { Orientation } from '../../../Types/Orientation';
 import { TextAlignment } from '../../../Types/TextAlignment';
 // #endregion
 /**
@@ -14,7 +13,7 @@ export function busyStateElementTemplate(e) {
         <mosaik-progress-ring part="symbol"
                               .radius="${'26px'}"
                               .isIndeterminate="${true}"></mosaik-progress-ring>
-        <mosaik-stack .orientation="${Orientation.Vertical}">
+        <div part="root">
             ${when(e.header, () => html `
             <mosaik-text part="header"
                          .readonly="${true}"
@@ -32,11 +31,10 @@ export function busyStateElementTemplate(e) {
                          .formatter="${e.formatter}"></mosaik-text>
             `)}
             <slot></slot>
-        </mosaik-stack>
-        <mosaik-stack part="innerStack" .orientation="${Orientation.Horizontal}"
-                      ?hidden="${!e.hasSlotContent('actions')}">
+        </div>
+        <div part="actions" ?hidden="${!e.hasSlotContent('actions')}">
             <slot name="actions"></slot>
-        </mosaik-stack>
+        </div>
     `;
 }
 //# sourceMappingURL=BusyStateElementTemplate.js.map

package/Controls/Components/States/Busy/BusyStateElementTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"BusyStateElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Busy/BusyStateElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAG7D,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,wBAAwB,CAA6B,CAAI;IACrE,OAAO,IAAI,CAAA;;yCAE0B,MAAM;kDACG,IAAI;sCAChB,WAAW,CAAC,QAAQ;cAC5C,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;sCAED,IAAI;kCACR,IAAI;uCACC,aAAa,CAAC,MAAM;kCACzB,CAAC,CAAC,MAAM;uCACH,CAAC,CAAC,SAAS;aACrC,CAAC;cACA,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;sCAEF,IAAI;kCACR,IAAI;uCACC,aAAa,CAAC,MAAM;kCACzB,CAAC,CAAC,OAAO;uCACJ,CAAC,CAAC,SAAS;aACrC,CAAC;;;wDAG0C,WAAW,CAAC,UAAU;iCAC7C,CAAC,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC;;;KAGxD,CAAC;AACN,CAAC"}
+{"version":3,"file":"BusyStateElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Busy/BusyStateElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAG7D,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,wBAAwB,CAA6B,CAAI;IACrE,OAAO,IAAI,CAAA;;yCAE0B,MAAM;kDACG,IAAI;;cAExC,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;sCAED,IAAI;kCACR,IAAI;uCACC,aAAa,CAAC,MAAM;kCACzB,CAAC,CAAC,MAAM;uCACH,CAAC,CAAC,SAAS;aACrC,CAAC;cACA,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;sCAEF,IAAI;kCACR,IAAI;uCACC,aAAa,CAAC,MAAM;kCACzB,CAAC,CAAC,OAAO;uCACJ,CAAC,CAAC,SAAS;aACrC,CAAC;;;uCAGyB,CAAC,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC;;;KAG9D,CAAC;AACN,CAAC"}

package/Controls/Components/States/Busy/Themes/BusyStateElement.Cosmopolitan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BusyStateElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Busy/Themes/BusyStateElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,iCAAiC,IAAI,SAAS,CA8G7D"}
+{"version":3,"file":"BusyStateElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Busy/Themes/BusyStateElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,iCAAiC,IAAI,SAAS,CAuH7D"}

package/Controls/Components/States/Busy/Themes/BusyStateElement.Cosmopolitan.js

@@ -115,8 +115,17 @@ export function busyStateElementCosmopolitanStyle() {
   text-transform: var(--busy-state-content-font-text-transform);
 }
 
-:host [part="innerStack"] {
-  --stack-gap: var(--busy-state-gap);
+:host [part="root"] {
+  flex-direction: column;
+  align-items: center;
+  display: flex;
+}
+
+:host [part="actions"] {
+  align-items: center;
+  gap: var(--busy-state-gap);
+  flex-direction: row;
+  display: flex;
 }
 
     `;

package/Controls/Components/States/Busy/Themes/BusyStateElement.Cosmopolitan.js.map

@@ -1 +1 @@
-{"version":3,"file":"BusyStateElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Busy/Themes/BusyStateElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,iCAAiC;IAC7C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4GT,CAAC;AACN,CAAC"}
+{"version":3,"file":"BusyStateElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Busy/Themes/BusyStateElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,iCAAiC;IAC7C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqHT,CAAC;AACN,CAAC"}

package/Controls/Components/States/Busy/Themes/BusyStateElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BusyStateElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Busy/Themes/BusyStateElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,SAAS,CAkIpD"}
+{"version":3,"file":"BusyStateElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Busy/Themes/BusyStateElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,SAAS,CA2IpD"}

package/Controls/Components/States/Busy/Themes/BusyStateElement.Joy.js

@@ -115,8 +115,17 @@ export function busyStateElementJoyStyle() {
   text-transform: var(--busy-state-content-font-text-transform);
 }
 
-:host [part="innerStack"] {
-  --stack-gap: var(--busy-state-gap);
+:host [part="root"] {
+  flex-direction: column;
+  align-items: center;
+  display: flex;
+}
+
+:host [part="actions"] {
+  align-items: center;
+  gap: var(--busy-state-gap);
+  flex-direction: row;
+  display: flex;
 }
 
 :host [part="header"] {

package/Controls/Components/States/Busy/Themes/BusyStateElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"BusyStateElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Busy/Themes/BusyStateElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,wBAAwB;IACpC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgIT,CAAC;AACN,CAAC"}
+{"version":3,"file":"BusyStateElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Busy/Themes/BusyStateElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,wBAAwB;IACpC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyIT,CAAC;AACN,CAAC"}

package/Controls/Components/States/Busy/Themes/BusyStateElement.Memphis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BusyStateElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Busy/Themes/BusyStateElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,4BAA4B,IAAI,SAAS,CAkIxD"}
+{"version":3,"file":"BusyStateElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/States/Busy/Themes/BusyStateElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,4BAA4B,IAAI,SAAS,CA2IxD"}