@breadstone/mosaik-elements-svelte 0.1.5 → 0.1.6

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 0.1.6 (2026-06-01)
+
+### 🚀 Features
+
+- **chat:** add minRows and maxRows properties to ChatInputElement and update templates ([f1e2f9ea3d](https://github.com/RueDeRennes/mosaik/commit/f1e2f9ea3d))
+
 ## 0.1.5 (2026-05-29)
 
 ### 🩹 Fixes

package/index.mjs

@@ -105996,7 +105996,7 @@ function GU(e) {
         <mosaik-sticky part="sticky">
             <slot name="header">
                 <mosaik-text part="header"
-                             .text="${e.header} ${e.count}"
+                             .text="${e.header}"
                              .truncate="${!0}"></mosaik-text>
             </slot>
             <slot></slot>
@@ -106004,7 +106004,7 @@ function GU(e) {
         `, () => V`
         <slot name="header">
             <mosaik-text part="header"
-                         .text="${e.header} ${e.count}"
+                         .text="${e.header}"
                          .truncate="${!0}"></mosaik-text>
         </slot>
         <slot></slot>
@@ -112594,8 +112594,10 @@ function CG(e) {
 function wG(e) {
 	return V`
         <div part="root">
-            <svg  xmlns="http://www.w3.org/2000/svg">
-                <line x1="${e.orientation === K.Vertical ? "50%" : "0"}"
+            <svg part="svg"
+                 xmlns="http://www.w3.org/2000/svg">
+                <line part="line"
+                      x1="${e.orientation === K.Vertical ? "50%" : "0"}"
                       y1="${e.orientation === K.Vertical ? "0" : "50%"}"
                       x2="${e.orientation === K.Vertical ? "50%" : "100%"}"
                       y2="${e.orientation === K.Vertical ? "100%" : "50%"}"/>
@@ -112677,14 +112679,13 @@ function TG() {
   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;
@@ -112773,14 +112774,13 @@ function EG() {
   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;
@@ -112873,14 +112873,13 @@ function DG() {
   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;
@@ -151860,15 +151859,18 @@ function wme(e) {
 	return V`
         <slot name="header"></slot>
         <div part="messagesWrapper">
-            <div part="messages">
-                <slot name="message"></slot>
-                ${U(e.scrollToEnd, () => V`
-                <mosaik-back-top part="backTop"
-                                 .dir="${e.dir}"
-                                 .lang="${e.lang}"
-                                 .to="${"bottom"}"></mosaik-back-top>
-                `)}
-            </div>
+            <mosaik-scroll part="scroll"
+                           .orientation="${"vertical"}">
+                <div part="messages">
+                    <slot name="message"></slot>
+                    ${U(e.scrollToEnd, () => V`
+                        <mosaik-back-top part="backTop"
+                                         .dir="${e.dir}"
+                                         .lang="${e.lang}"
+                                         .to="${"bottom"}"></mosaik-back-top>
+                    `)}
+                </div>
+            </mosaik-scroll>
         </div>
         <div part="empty">
             <slot name="empty"></slot>
@@ -152989,6 +152991,8 @@ function Wme(e) {
                         .dir="${e.dir}"
                         .placeholder="${e.placeholder}"
                         .multiline="${!0}"
+                        .multilineRows="${e.minRows}"
+                        .multilineMaxRows="${e.maxRows}"
                         .value="${Wb(e.value.message)}"
                         .appearance="${q.Plain}"
                         .variant="${e.variant}"
@@ -153501,6 +153505,8 @@ var Y$ = function(e, t, n, r) {
 	_transformer;
 	_value;
 	_placeholder;
+	_minRows;
+	_maxRows;
 	constructor() {
 		super(), this._value = {
 			message: "",
@@ -153511,7 +153517,7 @@ var Y$ = function(e, t, n, r) {
 				files: e.files
 			},
 			isValid: () => !!e.text.length
-		}), this._submitted = new E(this, "chatSubmit", { bubbles: !1 });
+		}), this._minRows = 1, this._maxRows = 12, this._submitted = new E(this, "chatSubmit", { bubbles: !1 });
 	}
 	static get is() {
 		return "mosaik-chat-input";
@@ -153522,6 +153528,18 @@ var Y$ = function(e, t, n, r) {
 	set value(e) {
 		this._value !== e && (this._value = e, this.requestUpdate("value"));
 	}
+	get minRows() {
+		return this._minRows;
+	}
+	set minRows(e) {
+		this._minRows !== e && (this._minRows = e, this.requestUpdate("minRows"));
+	}
+	get maxRows() {
+		return this._maxRows;
+	}
+	set maxRows(e) {
+		this._maxRows !== e && (this._maxRows = e, this.requestUpdate("maxRows"));
+	}
 	get placeholder() {
 		return this._placeholder;
 	}
@@ -153597,6 +153615,14 @@ Y$([
 	X$("design:type", Object),
 	X$("design:paramtypes", [Object])
 ], Z$.prototype, "value", null), Y$([
+	P({ type: Number }),
+	X$("design:type", Number),
+	X$("design:paramtypes", [Number])
+], Z$.prototype, "minRows", null), Y$([
+	P({ type: Number }),
+	X$("design:type", Number),
+	X$("design:paramtypes", [Number])
+], Z$.prototype, "maxRows", null), Y$([
 	A({ type: String }),
 	X$("design:type", String),
 	X$("design:paramtypes", [String])
@@ -153765,6 +153791,10 @@ function Yme() {
   display: inline-flex;
 }
 
+:host [part="divider"]::part(svg) {
+  translate: -50%;
+}
+
 :host [part="text"] {
   flex-shrink: 0;
 }
@@ -153865,6 +153895,10 @@ function Xme() {
   display: inline-flex;
 }
 
+:host [part="divider"]::part(svg) {
+  translate: -50%;
+}
+
 :host [part="text"] {
   flex-shrink: 0;
 }
@@ -153965,6 +153999,10 @@ function Zme() {
   display: inline-flex;
 }
 
+:host [part="divider"]::part(svg) {
+  translate: -50%;
+}
+
 :host [part="text"] {
   flex-shrink: 0;
 }
@@ -155541,6 +155579,10 @@ function ohe() {
   overflow: hidden;
 }
 
+:host [part="scroll"] {
+  height: 100%;
+}
+
 :host [part="messages"] {
   padding-top: var(--chat-padding-top);
   padding-right: var(--chat-padding-right);
@@ -155680,6 +155722,10 @@ function she() {
   overflow: hidden;
 }
 
+:host [part="scroll"] {
+  height: 100%;
+}
+
 :host [part="messages"] {
   padding-top: var(--chat-padding-top);
   padding-right: var(--chat-padding-right);
@@ -155828,6 +155874,10 @@ function che() {
   overflow: hidden;
 }
 
+:host [part="scroll"] {
+  height: 100%;
+}
+
 :host [part="messages"] {
   padding-top: var(--chat-padding-top);
   padding-right: var(--chat-padding-right);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@breadstone/mosaik-elements-svelte",
-    "version": "0.1.5",
+    "version": "0.1.6",
     "description": "Mosaik elements for Svelte.",
     "license": "MIT",
     "author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
@@ -11,8 +11,8 @@
         "url": "git+ssh://git@github.com/RueDeRennes/mosaik.git"
     },
     "dependencies": {
-        "@breadstone/mosaik-elements": "0.1.5",
-        "@breadstone/mosaik-elements-foundation": "0.1.5",
+        "@breadstone/mosaik-elements": "0.1.6",
+        "@breadstone/mosaik-elements-foundation": "0.1.6",
         "tslib": "2.8.1"
     },
     "peerDependencies": {