@breadstone/mosaik-elements-svelte 0.0.251 → 0.0.253

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 0.0.253 (2026-05-03)
+
+### 🚀 Features
+
+- **MessageBox:** update MessageBoxResult values to strings and add alignment property ([22df7be730](https://github.com/RueDeRennes/mosaik/commit/22df7be730))
+
+## 0.0.252 (2026-05-03)
+
+This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.
+
 ## 0.0.251 (2026-05-03)
 
 This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.

package/index.mjs

@@ -174174,24 +174174,7 @@ function $_e(e) {
             <mosaik-elevation part="elevation"
                               .weigh="${e.elevation}"
                               @connected="${(t) => t.target.attach(e)}"></mosaik-elevation>
-            <div part="header">
-                ${U(e.header, () => V`
-                <mosaik-text part="headerText"
-                             .lang="${e.lang}"
-                             .dir="${e.dir}"
-                             .text="${e.header}"
-                             .formatter="${e.formatter}"
-                             .wrap="${!0}"></mosaik-text>
-                `)}
-                ${U(e.subHeader, () => V`
-                <mosaik-text part="subHeaderText"
-                             .lang="${e.lang}"
-                             .dir="${e.dir}"
-                             .text="${e.subHeader}"
-                             .formatter="${e.formatter}"
-                             .wrap="${!0}"></mosaik-text>
-                `)}
-            </div>
+
             <div part="content">
                 ${U(e.icon, () => V`
                 <mosaik-icon part="icon"
@@ -174200,12 +174183,33 @@ function $_e(e) {
                              .size="${G.Large}"
                              .data="${e.icon}"></mosaik-icon>
                 `)}
+                <div part="header">
+                    ${U(e.header, () => V`
+                    <mosaik-text part="headerText"
+                                .lang="${e.lang}"
+                                .dir="${e.dir}"
+                                .text="${e.header}"
+                                .formatter="${e.formatter}"
+                                .alignment="${e.alignment}"
+                                .wrap="${!0}"></mosaik-text>
+                    `)}
+                    ${U(e.subHeader, () => V`
+                    <mosaik-text part="subHeaderText"
+                                .lang="${e.lang}"
+                                .dir="${e.dir}"
+                                .text="${e.subHeader}"
+                                .formatter="${e.formatter}"
+                                .alignment="${e.alignment}"
+                                .wrap="${!0}"></mosaik-text>
+                    `)}
+                </div>
                 ${U(e.message, () => V`
                 <mosaik-text part="message"
                              .lang="${e.lang}"
                              .dir="${e.dir}"
                              .text="${e.message}"
                              .formatter="${e.formatter}"
+                             .alignment="${e.alignment}"
                              .wrap="${!0}"></mosaik-text>
                 `)}
             </div>
@@ -174417,30 +174421,31 @@ function eve() {
   display: flex;
 }
 
-:host [part="root"] [part="header"] {
+:host [part="root"] [part="content"] {
   padding: var(--message-box-padding-top) var(--message-box-padding-right) var(--message-box-padding-bottom) var(--message-box-padding-left);
+  align-items: center;
+  gap: var(--message-box-gap);
   flex-direction: column;
-  flex-shrink: 0;
+  flex: 1;
   display: flex;
-  position: relative;
-  overflow: hidden;
+  overflow: auto;
 }
 
-:host [part="root"] [part="header"]:after {
-  content: "";
-  height: var(--message-box-divider-height);
-  background-color: var(--message-box-border-color);
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
+:host [part="root"] [part="content"] [part="icon"] {
+  flex-shrink: 0;
+}
+
+:host [part="root"] [part="content"] [part="header"] {
+  flex-direction: column;
+  flex-shrink: 0;
+  display: flex;
 }
 
-:host [part="root"] [part="header"]:empty {
+:host [part="root"] [part="content"] [part="header"]:empty {
   display: none;
 }
 
-:host [part="root"] [part="header"] [part="headerText"] {
+:host [part="root"] [part="content"] [part="header"] [part="headerText"] {
   font-family: var(--message-box-header-font-family);
   font-size: var(--message-box-header-font-size);
   line-height: var(--message-box-header-font-line-height);
@@ -174452,7 +174457,7 @@ function eve() {
   color: var(--message-box-header-foreground-color);
 }
 
-:host [part="root"] [part="header"] [part="subHeaderText"] {
+:host [part="root"] [part="content"] [part="header"] [part="subHeaderText"] {
   font-family: var(--message-box-sub-header-font-family);
   font-size: var(--message-box-sub-header-font-size);
   line-height: var(--message-box-sub-header-font-line-height);
@@ -174464,20 +174469,6 @@ function eve() {
   color: var(--message-box-sub-header-foreground-color);
 }
 
-:host [part="root"] [part="content"] {
-  padding: var(--message-box-padding-top) var(--message-box-padding-right) var(--message-box-padding-bottom) var(--message-box-padding-left);
-  align-items: center;
-  gap: var(--message-box-gap);
-  flex-direction: column;
-  flex: 1;
-  display: flex;
-  overflow: auto;
-}
-
-:host [part="root"] [part="content"] [part="icon"] {
-  flex-shrink: 0;
-}
-
 :host [part="root"] [part="actions"] {
   padding: var(--message-box-padding-top) var(--message-box-padding-right) var(--message-box-padding-bottom) var(--message-box-padding-left);
   justify-content: flex-end;
@@ -174649,30 +174640,31 @@ function tve() {
   display: flex;
 }
 
-:host [part="root"] [part="header"] {
+:host [part="root"] [part="content"] {
   padding: var(--message-box-padding-top) var(--message-box-padding-right) var(--message-box-padding-bottom) var(--message-box-padding-left);
+  align-items: center;
+  gap: var(--message-box-gap);
   flex-direction: column;
-  flex-shrink: 0;
+  flex: 1;
   display: flex;
-  position: relative;
-  overflow: hidden;
+  overflow: auto;
 }
 
-:host [part="root"] [part="header"]:after {
-  content: "";
-  height: var(--message-box-divider-height);
-  background-color: var(--message-box-border-color);
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
+:host [part="root"] [part="content"] [part="icon"] {
+  flex-shrink: 0;
+}
+
+:host [part="root"] [part="content"] [part="header"] {
+  flex-direction: column;
+  flex-shrink: 0;
+  display: flex;
 }
 
-:host [part="root"] [part="header"]:empty {
+:host [part="root"] [part="content"] [part="header"]:empty {
   display: none;
 }
 
-:host [part="root"] [part="header"] [part="headerText"] {
+:host [part="root"] [part="content"] [part="header"] [part="headerText"] {
   font-family: var(--message-box-header-font-family);
   font-size: var(--message-box-header-font-size);
   line-height: var(--message-box-header-font-line-height);
@@ -174684,7 +174676,7 @@ function tve() {
   color: var(--message-box-header-foreground-color);
 }
 
-:host [part="root"] [part="header"] [part="subHeaderText"] {
+:host [part="root"] [part="content"] [part="header"] [part="subHeaderText"] {
   font-family: var(--message-box-sub-header-font-family);
   font-size: var(--message-box-sub-header-font-size);
   line-height: var(--message-box-sub-header-font-line-height);
@@ -174696,20 +174688,6 @@ function tve() {
   color: var(--message-box-sub-header-foreground-color);
 }
 
-:host [part="root"] [part="content"] {
-  padding: var(--message-box-padding-top) var(--message-box-padding-right) var(--message-box-padding-bottom) var(--message-box-padding-left);
-  align-items: center;
-  gap: var(--message-box-gap);
-  flex-direction: column;
-  flex: 1;
-  display: flex;
-  overflow: auto;
-}
-
-:host [part="root"] [part="content"] [part="icon"] {
-  flex-shrink: 0;
-}
-
 :host [part="root"] [part="actions"] {
   padding: var(--message-box-padding-top) var(--message-box-padding-right) var(--message-box-padding-bottom) var(--message-box-padding-left);
   justify-content: flex-end;
@@ -174885,30 +174863,31 @@ function nve() {
   display: flex;
 }
 
-:host [part="root"] [part="header"] {
+:host [part="root"] [part="content"] {
   padding: var(--message-box-padding-top) var(--message-box-padding-right) var(--message-box-padding-bottom) var(--message-box-padding-left);
+  align-items: center;
+  gap: var(--message-box-gap);
   flex-direction: column;
-  flex-shrink: 0;
+  flex: 1;
   display: flex;
-  position: relative;
-  overflow: hidden;
+  overflow: auto;
 }
 
-:host [part="root"] [part="header"]:after {
-  content: "";
-  height: var(--message-box-divider-height);
-  background-color: var(--message-box-border-color);
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
+:host [part="root"] [part="content"] [part="icon"] {
+  flex-shrink: 0;
+}
+
+:host [part="root"] [part="content"] [part="header"] {
+  flex-direction: column;
+  flex-shrink: 0;
+  display: flex;
 }
 
-:host [part="root"] [part="header"]:empty {
+:host [part="root"] [part="content"] [part="header"]:empty {
   display: none;
 }
 
-:host [part="root"] [part="header"] [part="headerText"] {
+:host [part="root"] [part="content"] [part="header"] [part="headerText"] {
   font-family: var(--message-box-header-font-family);
   font-size: var(--message-box-header-font-size);
   line-height: var(--message-box-header-font-line-height);
@@ -174920,7 +174899,7 @@ function nve() {
   color: var(--message-box-header-foreground-color);
 }
 
-:host [part="root"] [part="header"] [part="subHeaderText"] {
+:host [part="root"] [part="content"] [part="header"] [part="subHeaderText"] {
   font-family: var(--message-box-sub-header-font-family);
   font-size: var(--message-box-sub-header-font-size);
   line-height: var(--message-box-sub-header-font-line-height);
@@ -174932,20 +174911,6 @@ function nve() {
   color: var(--message-box-sub-header-foreground-color);
 }
 
-:host [part="root"] [part="content"] {
-  padding: var(--message-box-padding-top) var(--message-box-padding-right) var(--message-box-padding-bottom) var(--message-box-padding-left);
-  align-items: center;
-  gap: var(--message-box-gap);
-  flex-direction: column;
-  flex: 1;
-  display: flex;
-  overflow: auto;
-}
-
-:host [part="root"] [part="content"] [part="icon"] {
-  flex-shrink: 0;
-}
-
 :host [part="root"] [part="actions"] {
   padding: var(--message-box-padding-top) var(--message-box-padding-right) var(--message-box-padding-bottom) var(--message-box-padding-left);
   justify-content: flex-end;
@@ -174994,8 +174959,9 @@ var t4 = function(e, t, n, r) {
 	_message;
 	_buttons;
 	_icon;
+	_alignment;
 	constructor() {
-		super(), this._intlController = new _I(this, { factory: () => new e4() }), this._header = "", this._subHeader = "", this._message = "", this._buttons = $2.OK, this._icon = "";
+		super(), this._intlController = new _I(this, { factory: () => new e4() }), this._header = "", this._subHeader = "", this._message = "", this._buttons = $2.OK, this._icon = "", this._alignment = Vy.Center;
 	}
 	static get is() {
 		return "mosaik-message-box";
@@ -175036,6 +175002,12 @@ var t4 = function(e, t, n, r) {
 	set intl(e) {
 		this._intlController.provide(e);
 	}
+	get alignment() {
+		return this._alignment;
+	}
+	set alignment(e) {
+		this._alignment !== e && (this._alignment = e, this.requestUpdate("alignment"));
+	}
 	onIsOpenPropertyChanged(e, t) {
 		super.onIsOpenPropertyChanged(e, t);
 	}
@@ -175068,6 +175040,10 @@ t4([
 	n4("design:type", e4),
 	n4("design:paramtypes", [e4])
 ], r4.prototype, "intl", null), t4([
+	A({ type: Vy }),
+	n4("design:type", String),
+	n4("design:paramtypes", [String])
+], r4.prototype, "alignment", null), t4([
 	L("isOpen", { waitUntilFirstUpdate: !0 }),
 	n4("design:type", Function),
 	n4("design:paramtypes", [Boolean, Boolean]),

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@breadstone/mosaik-elements-svelte",
-    "version": "0.0.251",
+    "version": "0.0.253",
     "description": "Mosaik elements for Svelte.",
     "license": "MIT",
     "author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
@@ -15,8 +15,8 @@
         "vite": "*"
     },
     "dependencies": {
-        "@breadstone/mosaik-elements": "^0.0.251",
-        "@breadstone/mosaik-elements-foundation": "^0.0.251"
+        "@breadstone/mosaik-elements": "^0.0.253",
+        "@breadstone/mosaik-elements-foundation": "^0.0.253"
     },
     "exports": {
         ".": {