@breadstone/mosaik-elements-foundation 0.1.4 → 0.1.6

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

@@ -76,22 +76,47 @@ export function chatMessageElementMemphisStyle() {
 }
 
 :host [part="root"] {
-  justify-content: stretch;
-  align-items: stretch;
+  justify-content: flex-end;
+  align-items: flex-start;
   gap: var(--chat-message-gap);
   flex-direction: row-reverse;
   display: flex;
 }
 
-:host [part="root"] [part="content"] {
+:host [part="root"] [part="message-area"] {
   justify-content: center;
   align-items: flex-end;
   gap: calc(var(--chat-message-gap) / 2);
   flex-direction: column;
+  flex: 1;
+  min-width: 0;
+  max-width: 100%;
+  display: flex;
+}
+
+:host [part="root"] [part="message-area"] [part="message-stack"] {
+  flex-direction: column;
+  align-items: flex-end;
+  width: max-content;
+  min-width: 0;
+  max-width: 100%;
   display: flex;
 }
 
-:host [part="root"] [part="content"] [part="message"] {
+:host [part="root"] [part="message-area"] [part="message-stack"] [part="message-line"] {
+  justify-content: flex-end;
+  align-items: flex-start;
+  gap: calc(var(--chat-message-gap) / 2);
+  box-sizing: border-box;
+  flex-direction: row;
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
+  display: flex;
+  position: relative;
+}
+
+:host [part="root"] [part="message-area"] [part="message-stack"] [part="message-line"] [part="message"] {
   border-width: var(--chat-message-border-width);
   border-radius: var(--chat-message-border-radius);
   border-style: var(--chat-message-border-style);
@@ -115,57 +140,103 @@ export function chatMessageElementMemphisStyle() {
   text-decoration: var(--chat-message-font-text-decoration);
   text-transform: var(--chat-message-font-text-transform);
   box-shadow: var(--chat-message-shadow-offset-x) var(--chat-message-shadow-offset-y) var(--chat-message-shadow-blur) var(--chat-message-shadow-spread) var(--chat-message-shadow-color);
+  box-sizing: border-box;
   border-top-right-radius: 0;
   flex-direction: column;
+  flex: auto;
+  min-width: 0;
+  max-width: 100%;
   display: flex;
-  position: relative;
 }
 
-:host [part="root"] [part="content"] [part="message"] [part="header"] {
+:host [part="root"] [part="message-area"] [part="message-stack"] [part="message-line"] [part="message"] [part="header"] {
   gap: var(--chat-message-gap);
   justify-content: space-between;
   align-items: center;
   display: flex;
 }
 
-:host [part="root"] [part="content"] [part="message"] [part="content"] [part="text"] {
+:host [part="root"] [part="message-area"] [part="message-stack"] [part="message-line"] [part="message"] [part="message-body"] [part="text"] {
   word-break: break-word;
 }
 
-:host [part="root"] [part="content"] [part="message"] [part="content"] [part="busy"] {
+:host [part="root"] [part="message-area"] [part="message-stack"] [part="message-line"] [part="message"] [part="message-body"] [part="busy"] {
   gap: calc(var(--chat-message-gap) / 2);
   align-items: center;
   display: flex;
 }
 
-:host [part="root"] [part="content"] [part="message"] [part="content"] [part="busy"] [part="dot"] {
+:host [part="root"] [part="message-area"] [part="message-stack"] [part="message-line"] [part="message"] [part="message-body"] [part="busy"] [part="dot"] {
   animation: 1.2s ease-out infinite wave;
 }
 
-:host [part="root"] [part="content"] [part="message"] [part="content"] [part="busy"] [part="dot"]:nth-child(2) {
+:host [part="root"] [part="message-area"] [part="message-stack"] [part="message-line"] [part="message"] [part="message-body"] [part="busy"] [part="dot"]:nth-child(2) {
   animation-delay: -1s;
 }
 
-:host [part="root"] [part="content"] [part="message"] [part="content"] [part="busy"] [part="dot"]:nth-child(3) {
+:host [part="root"] [part="message-area"] [part="message-stack"] [part="message-line"] [part="message"] [part="message-body"] [part="busy"] [part="dot"]:nth-child(3) {
   animation-delay: -.8s;
 }
 
-:host [part="root"] [part="content"] [part="message"] [part="reactions"] {
-  height: 0;
-  bottom: 0;
-  left: unset;
+:host [part="root"] [part="message-area"] [part="message-stack"] [part="message-line"] [part="message-after"] {
+  flex-shrink: 0;
+  align-items: flex-start;
   display: flex;
   position: absolute;
-  right: 0;
+  inset-block-start: 0;
+  inset-inline-start: calc(100% + var(--chat-message-gap) / 2);
+}
+
+:host [part="root"] [part="message-area"] [part="message-stack"] [part="message-line"] [part="message-after"][hidden] {
+  display: none;
+}
+
+:host [part="root"] [part="message-area"] [part="message-stack"] [part="footer"] {
+  contain: inline-size;
+  box-sizing: border-box;
+  justify-content: flex-start;
+  align-items: flex-end;
+  gap: var(--chat-message-gap);
+  flex-direction: column;
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
+  display: flex;
+  overflow: visible;
 }
 
-:host [part="root"] [part="content"] [part="actions"] {
-  height: 0;
-  bottom: 0;
-  left: 0;
-  right: unset;
+:host [part="root"] [part="message-area"] [part="message-stack"] [part="footer"] [part="actions"] {
+  gap: calc(var(--chat-message-gap) / 2);
+  box-sizing: border-box;
+  flex-flow: wrap;
+  order: 2;
+  justify-content: flex-end;
+  align-items: center;
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
   display: flex;
-  position: absolute;
+}
+
+:host [part="root"] [part="message-area"] [part="message-stack"] [part="footer"] [part="actions"] ::slotted(*) {
+  min-width: 0;
+  max-width: 100%;
+}
+
+:host [part="root"] [part="message-area"] [part="message-stack"] [part="footer"] [part="reactions"] {
+  gap: calc(var(--chat-message-gap) / 2);
+  min-width: 0;
+  max-width: 100%;
+  margin-top: calc(var(--chat-message-gap) * -1.5);
+  flex-flow: wrap;
+  order: 1;
+  justify-content: flex-end;
+  align-items: center;
+  display: flex;
+}
+
+:host [part="root"] [part="message-area"] [part="message-stack"] [part="footer"] [part="actions"][hidden], :host [part="root"] [part="message-area"] [part="message-stack"] [part="footer"] [part="reactions"][hidden], :host [part="root"] [part="message-area"] [part="message-stack"] [part="footer"][hidden] {
+  display: none;
 }
 
 :host([reply]) {
@@ -175,29 +246,32 @@ export function chatMessageElementMemphisStyle() {
 
 :host([reply]) [part="root"] {
   flex-direction: row;
+  justify-content: flex-start;
 }
 
-:host([reply]) [part="root"] [part="content"] {
+:host([reply]) [part="root"] [part="message-area"], :host([reply]) [part="root"] [part="message-area"] [part="message-stack"] {
   align-items: flex-start;
 }
 
-:host([reply]) [part="root"] [part="content"] [part="message"] {
+:host([reply]) [part="root"] [part="message-area"] [part="message-stack"] [part="message-line"] {
+  justify-content: flex-start;
+}
+
+:host([reply]) [part="root"] [part="message-area"] [part="message-stack"] [part="message-line"] [part="message"] {
   border-top-right-radius: var(--chat-message-border-radius);
   border-top-left-radius: 0;
 }
 
-:host([reply]) [part="root"] [part="reactions"] {
-  right: unset;
-  left: 0;
+:host([reply]) [part="root"] [part="message-area"] [part="message-stack"] [part="footer"] {
+  align-items: flex-start;
 }
 
-:host([reply]) [part="root"] [part="actions"] {
-  right: 0;
-  left: unset;
+:host([reply]) [part="root"] [part="message-area"] [part="message-stack"] [part="footer"] [part="actions"], :host([reply]) [part="root"] [part="message-area"] [part="message-stack"] [part="footer"] [part="reactions"] {
+  justify-content: flex-start;
 }
 
-:host([has-reactions]), :host([has-actions]) {
-  margin-bottom: calc(var(--chat-message-white-space) / 2);
+:host([has-footer]) {
+  margin-bottom: calc(var(--chat-message-white-space) / 4);
 }
 
 @keyframes wave {

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuMT,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiRT,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,CAuFvE"}
+{"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,CA2FvE"}

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

@@ -93,7 +93,11 @@ export function chatMessageReactionElementCosmopolitanStyle() {
 }
 
 :host [part="emoji"], :host [part="count"] {
+  text-align: center;
   flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
 }
 
     `;

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqFT,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyFT,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,CAuF9D"}
+{"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,CA2F9D"}

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: 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: var(--joy-layout-space);
+  --chat-message-reaction-padding-bottom: unset;
+  --chat-message-reaction-padding-left: unset;
+  --chat-message-reaction-padding-right: unset;
+  --chat-message-reaction-padding-top: unset;
   --chat-message-reaction-shadow: unset unset unset unset unset;
   --chat-message-reaction-shadow-blur: unset;
   --chat-message-reaction-shadow-color: unset;
@@ -93,7 +93,11 @@ export function chatMessageReactionElementJoyStyle() {
 }
 
 :host [part="emoji"], :host [part="count"] {
+  text-align: center;
   flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
 }
 
     `;

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqFT,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyFT,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,CAuFlE"}
+{"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,CA2FlE"}

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

@@ -93,7 +93,11 @@ export function chatMessageReactionElementMemphisStyle() {
 }
 
 :host [part="emoji"], :host [part="count"] {
+  text-align: center;
   flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
 }
 
     `;

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqFT,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyFT,CAAC;AACN,CAAC"}

package/Controls/Components/Primitives/Divider/DividerElement.d.ts

@@ -17,13 +17,11 @@ declare const DividerElement_base: (abstract new (...args: Array<any>) => import
  * @element mosaik-divider
  * @category Primitives
  *
+ * @csspart line - The line part.
  * @csspart root - The root container for the divider SVG element
+ * @csspart svg - The svg part.
  *
  * @cssprop {String} --divider-background-color - The background color of the divider line
- * @cssprop {String} --divider-border-color - The border color CSS custom property.
- * @cssprop {String} --divider-border-radius - The border radius CSS custom property.
- * @cssprop {String} --divider-border-style - The border style CSS custom property.
- * @cssprop {String} --divider-border-width - The border width CSS custom property.
  * @cssprop {String} --divider-font-family - The font family for divider labels (when applicable)
  * @cssprop {String} --divider-font-letter-spacing - The font letter spacing CSS custom property.
  * @cssprop {String} --divider-font-line-height - The font line height CSS custom property.

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

@@ -1 +1 @@
-{"version":3,"file":"DividerElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Divider/DividerElement.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;;AAOnE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqEG;AACH,qBAUa,cACT,SAAQ,mBACR,YAAW,oBAAoB;IAI/B,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAwB;IAC/D,OAAO,CAAC,UAAU,CAAC,CAAS;IAM5B;;OAEG;;IAYH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAMD;;;;;OAKG;IACH,IACW,SAAS,IAAI,MAAM,GAAG,SAAS,CAEzC;IACD,IAAW,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAY7C;CAIJ;AAED;;GAEG;AACH,yBAAiB,cAAc,CAAC;IAC5B,KAAY,KAAK,GAAG,oBAAoB,CAAC;CAC5C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,gBAAgB,EAAE,cAAc,CAAC;KACpC;CACJ"}
+{"version":3,"file":"DividerElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Divider/DividerElement.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;;AAOnE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmEG;AACH,qBAUa,cACT,SAAQ,mBACR,YAAW,oBAAoB;IAI/B,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAwB;IAC/D,OAAO,CAAC,UAAU,CAAC,CAAS;IAM5B;;OAEG;;IAYH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAMD;;;;;OAKG;IACH,IACW,SAAS,IAAI,MAAM,GAAG,SAAS,CAEzC;IACD,IAAW,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAY7C;CAIJ;AAED;;GAEG;AACH,yBAAiB,cAAc,CAAC;IAC5B,KAAY,KAAK,GAAG,oBAAoB,CAAC;CAC5C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,gBAAgB,EAAE,cAAc,CAAC;KACpC;CACJ"}

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

@@ -35,13 +35,11 @@ import { dividerElementMemphisStyle } from './Themes/DividerElement.Memphis';
  * @element mosaik-divider
  * @category Primitives
  *
+ * @csspart line - The line part.
  * @csspart root - The root container for the divider SVG element
+ * @csspart svg - The svg part.
  *
  * @cssprop {String} --divider-background-color - The background color of the divider line
- * @cssprop {String} --divider-border-color - The border color CSS custom property.
- * @cssprop {String} --divider-border-radius - The border radius CSS custom property.
- * @cssprop {String} --divider-border-style - The border style CSS custom property.
- * @cssprop {String} --divider-border-width - The border width CSS custom property.
  * @cssprop {String} --divider-font-family - The font family for divider labels (when applicable)
  * @cssprop {String} --divider-font-letter-spacing - The font letter spacing CSS custom property.
  * @cssprop {String} --divider-font-line-height - The font line height CSS custom property.

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

@@ -1 +1 @@
-{"version":3,"file":"DividerElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Divider/DividerElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAE7E,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqEG;AAWI,IAAM,cAAc,GAApB,MAAM,cACT,SAAQ,SAAS,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAG5C,iBAAiB;IAEA,sBAAsB,CAAwB;IACvD,UAAU,CAAU;IAE5B,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC5B,IAAI,CAAC,sBAAsB,GAAG,IAAI,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAClE,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;MAME;IACK,MAAM,KAAK,EAAE;QAChB,OAAO,gBAAgB,CAAC;IAC5B,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;;;OAKG;IACH,IACW,SAAS;QAChB,OAAO,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IACD,IAAW,SAAS,CAAC,KAAyB;QAC1C,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,EAAE,CAAC;YAC5B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YAExB,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;gBACtB,IAAI,CAAC,sBAAsB,CAAC,GAAG,CAAC,mBAAmB,EAAE,GAAG,KAAK,IAAI,CAAC,CAAC;YACvE,CAAC;iBAAM,CAAC;gBACJ,IAAI,CAAC,sBAAsB,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC;YAC5D,CAAC;YAED,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;QACpC,CAAC;IACL,CAAC;CAIJ,CAAA;AApBG;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;+CAG3B;AAnDQ,cAAc;IAV1B,SAAS,CAAC;QACP,QAAQ,EAAE,gBAAgB;QAC1B,QAAQ,EAAE,sBAAsB;QAChC,MAAM,EAAE;YACJ,GAAG,EAAE,sBAAsB;YAC3B,OAAO,EAAE,0BAA0B;YACnC,YAAY,EAAE,+BAA+B;SAChD;QACD,OAAO,EAAE,EAAE;KACd,CAAC;;GACW,cAAc,CAoE1B"}
+{"version":3,"file":"DividerElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Divider/DividerElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAE7E,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmEG;AAWI,IAAM,cAAc,GAApB,MAAM,cACT,SAAQ,SAAS,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAG5C,iBAAiB;IAEA,sBAAsB,CAAwB;IACvD,UAAU,CAAU;IAE5B,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC5B,IAAI,CAAC,sBAAsB,GAAG,IAAI,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAClE,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;MAME;IACK,MAAM,KAAK,EAAE;QAChB,OAAO,gBAAgB,CAAC;IAC5B,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;;;OAKG;IACH,IACW,SAAS;QAChB,OAAO,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IACD,IAAW,SAAS,CAAC,KAAyB;QAC1C,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,EAAE,CAAC;YAC5B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YAExB,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;gBACtB,IAAI,CAAC,sBAAsB,CAAC,GAAG,CAAC,mBAAmB,EAAE,GAAG,KAAK,IAAI,CAAC,CAAC;YACvE,CAAC;iBAAM,CAAC;gBACJ,IAAI,CAAC,sBAAsB,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC;YAC5D,CAAC;YAED,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;QACpC,CAAC;IACL,CAAC;CAIJ,CAAA;AApBG;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;+CAG3B;AAnDQ,cAAc;IAV1B,SAAS,CAAC;QACP,QAAQ,EAAE,gBAAgB;QAC1B,QAAQ,EAAE,sBAAsB;QAChC,MAAM,EAAE;YACJ,GAAG,EAAE,sBAAsB;YAC3B,OAAO,EAAE,0BAA0B;YACnC,YAAY,EAAE,+BAA+B;SAChD;QACD,OAAO,EAAE,EAAE;KACd,CAAC;;GACW,cAAc,CAoE1B"}

package/Controls/Components/Primitives/Divider/DividerElementTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DividerElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Divider/DividerElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAIvD;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,SAAS,cAAc,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAWrF"}
+{"version":3,"file":"DividerElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Divider/DividerElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAIvD;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,SAAS,cAAc,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAarF"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DividerElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Divider/DividerElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAGzD,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,sBAAsB,CAA2B,CAAI;IACjE,OAAO,IAAI,CAAA;;;4BAGa,CAAC,CAAC,WAAW,KAAK,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG;4BACpD,CAAC,CAAC,WAAW,KAAK,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK;4BACpD,CAAC,CAAC,WAAW,KAAK,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM;4BACvD,CAAC,CAAC,WAAW,KAAK,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK;;;KAG9E,CAAC;AACN,CAAC"}
+{"version":3,"file":"DividerElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/Divider/DividerElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAGzD,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,sBAAsB,CAA2B,CAAI;IACjE,OAAO,IAAI,CAAA;;;;;4BAKa,CAAC,CAAC,WAAW,KAAK,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG;4BACpD,CAAC,CAAC,WAAW,KAAK,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK;4BACpD,CAAC,CAAC,WAAW,KAAK,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM;4BACvD,CAAC,CAAC,WAAW,KAAK,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK;;;KAG9E,CAAC;AACN,CAAC"}

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,CAiG3D"}
+{"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"}

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

@@ -82,14 +82,13 @@ export function dividerElementCosmopolitanStyle() {
   overflow: inherit;
 }
 
-:host [part="root"] svg {
+:host [part="root"] [part="svg"] {
   width: 100%;
   height: 100%;
   position: absolute;
-  translate: -50%;
 }
 
-:host [part="root"] svg line {
+:host [part="root"] [part="svg"] [part="line"] {
   stroke: var(--divider-background-color);
   stroke-width: var(--divider-thickness);
   stroke-dasharray: none;

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+FT,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8FT,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,CA6FlD"}
+{"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"}

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

@@ -78,14 +78,13 @@ export function dividerElementJoyStyle() {
   overflow: inherit;
 }
 
-:host [part="root"] svg {
+:host [part="root"] [part="svg"] {
   width: 100%;
   height: 100%;
   position: absolute;
-  translate: -50%;
 }
 
-:host [part="root"] svg line {
+:host [part="root"] [part="svg"] [part="line"] {
   stroke: var(--divider-background-color);
   stroke-width: var(--divider-thickness);
   stroke-dasharray: none;

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2FT,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0FT,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,CAqGtD"}
+{"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"}

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

@@ -82,14 +82,13 @@ export function dividerElementMemphisStyle() {
   overflow: inherit;
 }
 
-:host [part="root"] svg {
+:host [part="root"] [part="svg"] {
   width: 100%;
   height: 100%;
   position: absolute;
-  translate: -50%;
 }
 
-:host [part="root"] svg line {
+:host [part="root"] [part="svg"] [part="line"] {
   stroke: var(--divider-background-color);
   stroke-width: var(--divider-thickness);
   stroke-dasharray: none;

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmGT,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkGT,CAAC;AACN,CAAC"}

package/Controls/Components/Selectors/List/ListItemGroupElementTemplate.js

@@ -13,7 +13,7 @@ export function listItemGroupElementTemplate(e) {
         <mosaik-sticky part="sticky">
             <slot name="header">
                 <mosaik-text part="header"
-                             .text="${e.header} ${e.count}"
+                             .text="${e.header}"
                              .truncate="${true}"></mosaik-text>
             </slot>
             <slot></slot>
@@ -21,7 +21,7 @@ export function listItemGroupElementTemplate(e) {
         `, () => html `
         <slot name="header">
             <mosaik-text part="header"
-                         .text="${e.header} ${e.count}"
+                         .text="${e.header}"
                          .truncate="${true}"></mosaik-text>
         </slot>
         <slot></slot>

package/Controls/Components/Selectors/List/ListItemGroupElementTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemGroupElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/List/ListItemGroupElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AAGtD,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,4BAA4B,CAAiC,CAAI;IAC7E,OAAO,IAAI,CAAA;UACL,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;;sCAIC,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,KAAK;0CACf,IAAI;;;;SAIrC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;kCAGa,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,KAAK;sCACf,IAAI;;;SAGjC,CAAC;KACL,CAAC;AACN,CAAC"}
+{"version":3,"file":"ListItemGroupElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/List/ListItemGroupElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AAGtD,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,4BAA4B,CAAiC,CAAI;IAC7E,OAAO,IAAI,CAAA;UACL,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;;sCAIC,CAAC,CAAC,MAAM;0CACJ,IAAI;;;;SAIrC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;kCAGa,CAAC,CAAC,MAAM;sCACJ,IAAI;;;SAGjC,CAAC;KACL,CAAC;AACN,CAAC"}

package/Forms/Accessors/Abstracts/ElementValueAccessorBase.d.ts

@@ -1,4 +1,10 @@
 import type { IElementValueAccessor } from '../Interfaces/IElementValueAccessor';
+interface IValueChangedCallback {
+    (value: unknown): void;
+}
+interface IValueTouchedCallback {
+    (): void;
+}
 /**
  * Base class for all ControlValueAccessor classes defined in Forms package.
  * Contains common logic and utility functions.
@@ -39,26 +45,26 @@ export declare abstract class ElementValueAccessorBase<TElement extends HTMLElem
      * @protected
      * @readonly
      */
-    protected get onTouched(): () => void;
+    protected get onTouched(): IValueTouchedCallback;
     /**
      * Returns the onChange callback.
      *
      * @protected
      * @readonly
      */
-    protected get onChange(): (_: any) => void;
+    protected get onChange(): IValueChangedCallback;
     /**
      * @public
      */
-    registerOnChange(fn: (_: any) => void): void;
+    registerOnChange(fn: unknown): void;
     /**
      * @public
      */
-    registerOnTouched(fn: () => void): void;
+    registerOnTouched(fn: unknown): void;
     /**
      * @public
      */
-    registerOnReset(fn: () => void): void;
+    registerOnReset(fn: unknown): void;
     /**
      * Sets the "disabled" property on the range input element.
      * @public
@@ -77,6 +83,10 @@ export declare abstract class ElementValueAccessorBase<TElement extends HTMLElem
      * @public
      */
     resetValue(): void;
+    /**
+     * @public
+     */
+    releaseCallbacks(): void;
     /**
      * Helper method that sets a property on a target element using the current Renderer implementation.
      *
@@ -84,4 +94,5 @@ export declare abstract class ElementValueAccessorBase<TElement extends HTMLElem
      */
     protected setProperty(key: string, value: unknown): void;
 }
+export {};
 //# sourceMappingURL=ElementValueAccessorBase.d.ts.map

package/Forms/Accessors/Abstracts/ElementValueAccessorBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ElementValueAccessorBase.d.ts","sourceRoot":"","sources":["../../../../src/Forms/Accessors/Abstracts/ElementValueAccessorBase.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAIjF;;;;;;GAMG;AACH,8BAAsB,wBAAwB,CAAC,QAAQ,SAAS,WAAW,CAAE,YAAW,qBAAqB;IAIzG,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAW;IACjC,OAAO,CAAC,MAAM,CAAM;IACpB,OAAO,CAAC,UAAU,CAAa;IAC/B,OAAO,CAAC,SAAS,CAAmB;IACpC,OAAO,CAAC,QAAQ,CAAa;IAM7B;;;;OAIG;gBACgB,IAAI,EAAE,QAAQ;IAajC;;;;;OAKG;IACH,SAAS,KAAK,KAAK,IAAI,OAAO,CAE7B;IAED,SAAS,KAAK,KAAK,CAAC,KAAK,EAAE,OAAO,EAKjC;IAED;;;;;OAKG;IACH,SAAS,KAAK,IAAI,IAAI,QAAQ,CAE7B;IAED;;;;;OAKG;IACH,SAAS,KAAK,SAAS,IAAI,MAAM,IAAI,CAEpC;IAED;;;;;OAKG;IACH,SAAS,KAAK,QAAQ,IAAI,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAEzC;IAMD;;OAEG;IACI,gBAAgB,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,GAAG,IAAI;IAInD;;OAEG;IACI,iBAAiB,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,IAAI;IAI9C;;OAEG;IACI,eAAe,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,IAAI;IAI5C;;;OAGG;IACI,WAAW,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI;IAI7C;;;;;;;OAOG;IACI,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAIvC;;OAEG;IACI,UAAU,IAAI,IAAI;IAKzB;;;;OAIG;IACH,SAAS,CAAC,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI;CAM3D"}
+{"version":3,"file":"ElementValueAccessorBase.d.ts","sourceRoot":"","sources":["../../../../src/Forms/Accessors/Abstracts/ElementValueAccessorBase.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAIjF,UAAU,qBAAqB;IAC3B,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;CAC1B;AAED,UAAU,qBAAqB;IAC3B,IAAI,IAAI,CAAC;CACZ;AAMD;;;;;;GAMG;AACH,8BAAsB,wBAAwB,CAAC,QAAQ,SAAS,WAAW,CAAE,YAAW,qBAAqB;IAIzG,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAW;IACjC,OAAO,CAAC,MAAM,CAAU;IACxB,OAAO,CAAC,UAAU,CAAwB;IAC1C,OAAO,CAAC,SAAS,CAAwB;IACzC,OAAO,CAAC,QAAQ,CAAsB;IAMtC;;;;OAIG;gBACgB,IAAI,EAAE,QAAQ;IAajC;;;;;OAKG;IACH,SAAS,KAAK,KAAK,IAAI,OAAO,CAE7B;IAED,SAAS,KAAK,KAAK,CAAC,KAAK,EAAE,OAAO,EAKjC;IAED;;;;;OAKG;IACH,SAAS,KAAK,IAAI,IAAI,QAAQ,CAE7B;IAED;;;;;OAKG;IACH,SAAS,KAAK,SAAS,IAAI,qBAAqB,CAE/C;IAED;;;;;OAKG;IACH,SAAS,KAAK,QAAQ,IAAI,qBAAqB,CAE9C;IAMD;;OAEG;IACI,gBAAgB,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI;IAM1C;;OAEG;IACI,iBAAiB,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI;IAM3C;;OAEG;IACI,eAAe,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI;IAMzC;;;OAGG;IACI,WAAW,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI;IAI7C;;;;;;;OAOG;IACI,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAIvC;;OAEG;IACI,UAAU,IAAI,IAAI;IAKzB;;OAEG;IACI,gBAAgB,IAAI,IAAI;IAM/B;;;;OAIG;IACH,SAAS,CAAC,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI;CAM3D"}