@breadstone/mosaik-elements-svelte 0.1.5 → 0.1.7

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+## 0.1.7 (2026-06-10)
+
+### 🚀 Features
+
+- **flowboard, scheduler:** add appearance property and show tools functionality ([5e34f86cc0](https://github.com/RueDeRennes/mosaik/commit/5e34f86cc0))
+- **caveman:** add caveman prompt with intensity levels and usage examples ([18f6881aad](https://github.com/RueDeRennes/mosaik/commit/18f6881aad))
+
+## 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;
@@ -114687,6 +114686,7 @@ var WG = class {
 		dayFormat: "d",
 		timeFormat: "HH:mm",
 		monthDayFormat: "MMM d",
+		showTools: !1,
 		appearance: lS.DEFAULTS.appearance,
 		variant: ob.DEFAULTS.variant,
 		locale: mL.DEFAULTS.locale,
@@ -114796,11 +114796,12 @@ function QG(e) {
 function $G(e) {
 	return V`
         <div part="container">
-            <mosaik-toolbar part="toolbar"
-                            .dir="${e.dir}"
-                            .lang="${e.lang}"
-                            .appearance="${"plain"}">
-                <mosaik-button-group slot="start"
+            ${U(e.showTools, () => V`
+                <mosaik-toolbar part="toolbar"
+                                .dir="${e.dir}"
+                                .lang="${e.lang}"
+                                .appearance="${"plain"}">
+                    <mosaik-button-group slot="start"
                                      .dir="${e.dir}"
                                      .lang="${e.lang}"
                                      .appearance="${e.appearance}"
@@ -114821,6 +114822,7 @@ function $G(e) {
                 </mosaik-button-group>
                 <slot name="toolbar"></slot>
             </mosaik-toolbar>
+            `)}
             ${e.view === "timeGrid" ? XG(e) : null}
             ${e.view === "month" ? ZG(e) : null}
             ${e.view === "agenda" ? QG(e) : null}
@@ -122034,6 +122036,7 @@ var _q = function(e, t, n, r) {
 	_dayFormat;
 	_timeFormat;
 	_monthDayFormat;
+	_showTools;
 	constructor() {
 		super(), this._intl = EI(this, { factory: () => new qG(this.locale) }), XS(this, {
 			context: mK,
@@ -122060,7 +122063,7 @@ var _q = function(e, t, n, r) {
 		}), XS(this, {
 			context: oK,
 			values: () => ({ view: this.view })
-		}), YS(this), this._view = JG.DEFAULTS.view, this._startDate = JG.DEFAULTS.startDate, this._days = JG.DEFAULTS.days, this._hourStart = JG.DEFAULTS.hourStart, this._hourEnd = JG.DEFAULTS.hourEnd, this._stepMinutes = JG.DEFAULTS.stepMinutes, this._timezone = JG.DEFAULTS.timezone, this._blackoutDates = JG.DEFAULTS.blackoutDates, this._specialDates = JG.DEFAULTS.specialDates, this._firstDayOfWeek = JG.DEFAULTS.firstDayOfWeek, this._isTodayHighlighted = JG.DEFAULTS.isTodayHighlighted, this._isWeekendHighlighted = JG.DEFAULTS.isWeekendHighlighted, this._showWeekNumbers = JG.DEFAULTS.showWeekNumbers, this._showAdjacent = JG.DEFAULTS.showAdjacent, this._daysAhead = JG.DEFAULTS.daysAhead, this._allDayVisibility = JG.DEFAULTS.allDayVisibility, this._visibleDates = [], this._collectedEvents = [], this._eventsByDay = /* @__PURE__ */ new Map(), this._allDayEventsByDay = /* @__PURE__ */ new Map(), this._schedulerBeforeEventActivate = new E(this, "schedulerBeforeEventActivate"), this._schedulerEventActivate = new E(this, "schedulerEventActivate"), this._schedulerBeforeSelectRange = new E(this, "schedulerBeforeSelectRange"), this._schedulerSelectRange = new E(this, "schedulerSelectRange"), this._schedulerRangeChange = new E(this, "schedulerRangeChange"), this._mutationObserver = null, this._nowIndicatorIntervalId = null, this._weekdayFormat = JG.DEFAULTS.weekdayFormat, this._dayFormat = JG.DEFAULTS.dayFormat, this._timeFormat = JG.DEFAULTS.timeFormat, this._monthDayFormat = JG.DEFAULTS.monthDayFormat;
+		}), YS(this), this._view = JG.DEFAULTS.view, this._startDate = JG.DEFAULTS.startDate, this._days = JG.DEFAULTS.days, this._hourStart = JG.DEFAULTS.hourStart, this._hourEnd = JG.DEFAULTS.hourEnd, this._stepMinutes = JG.DEFAULTS.stepMinutes, this._timezone = JG.DEFAULTS.timezone, this._blackoutDates = JG.DEFAULTS.blackoutDates, this._specialDates = JG.DEFAULTS.specialDates, this._firstDayOfWeek = JG.DEFAULTS.firstDayOfWeek, this._isTodayHighlighted = JG.DEFAULTS.isTodayHighlighted, this._isWeekendHighlighted = JG.DEFAULTS.isWeekendHighlighted, this._showWeekNumbers = JG.DEFAULTS.showWeekNumbers, this._showAdjacent = JG.DEFAULTS.showAdjacent, this._daysAhead = JG.DEFAULTS.daysAhead, this._allDayVisibility = JG.DEFAULTS.allDayVisibility, this._visibleDates = [], this._collectedEvents = [], this._eventsByDay = /* @__PURE__ */ new Map(), this._allDayEventsByDay = /* @__PURE__ */ new Map(), this._schedulerBeforeEventActivate = new E(this, "schedulerBeforeEventActivate"), this._schedulerEventActivate = new E(this, "schedulerEventActivate"), this._schedulerBeforeSelectRange = new E(this, "schedulerBeforeSelectRange"), this._schedulerSelectRange = new E(this, "schedulerSelectRange"), this._schedulerRangeChange = new E(this, "schedulerRangeChange"), this._mutationObserver = null, this._nowIndicatorIntervalId = null, this._showTools = JG.DEFAULTS.showTools, this._weekdayFormat = JG.DEFAULTS.weekdayFormat, this._dayFormat = JG.DEFAULTS.dayFormat, this._timeFormat = JG.DEFAULTS.timeFormat, this._monthDayFormat = JG.DEFAULTS.monthDayFormat;
 	}
 	static get is() {
 		return "mosaik-scheduler";
@@ -122188,6 +122191,18 @@ var _q = function(e, t, n, r) {
 	set monthDayFormat(e) {
 		this._monthDayFormat !== e && (this._monthDayFormat = e, this.requestUpdate("monthDayFormat"));
 	}
+	get intl() {
+		return this._intl.intl;
+	}
+	set intl(e) {
+		this._intl.provide(e);
+	}
+	get showTools() {
+		return this._showTools;
+	}
+	set showTools(e) {
+		this._showTools !== e && (this._showTools = e, this.requestUpdate("showTools"));
+	}
 	get visibleDates() {
 		return this._visibleDates;
 	}
@@ -122200,12 +122215,6 @@ var _q = function(e, t, n, r) {
 	get timeSlots() {
 		return mI(this._hourStart, this._hourEnd, this._stepMinutes, this.locale, (e, t) => WG.format(e, this.timeFormat, t));
 	}
-	get intl() {
-		return this._intl.intl;
-	}
-	set intl(e) {
-		this._intl.provide(e);
-	}
 	get schedulerBeforeEventActivate() {
 		return this._schedulerBeforeEventActivate;
 	}
@@ -122588,6 +122597,10 @@ _q([
 	vq("design:type", qG),
 	vq("design:paramtypes", [qG])
 ], yq.prototype, "intl", null), _q([
+	P({ type: Boolean }),
+	vq("design:type", Boolean),
+	vq("design:paramtypes", [Boolean])
+], yq.prototype, "showTools", null), _q([
 	k({ eventName: "schedulerBeforeEventActivate" }),
 	vq("design:type", Object),
 	vq("design:paramtypes", [])
@@ -134833,7 +134846,8 @@ var VX = Lx(Symbol.for("mosaik:flow-board:inheritance")), HX;
 	e.DEFAULTS = {
 		columnKey: "",
 		reorderable: !1,
-		pinned: !1
+		pinned: !1,
+		appearance: lS.DEFAULTS.appearance
 	};
 })(HX ||= {});
 //#endregion
@@ -135162,6 +135176,28 @@ function WX() {
   outline: 2px dashed;
 }
 
+:host([appearance="outline"]) {
+  --flow-board-column-shadow: none;
+  --flow-board-column-border-width: var(--joy-layout-thickness);
+  --flow-board-column-background-color: var(--joy-scheme-highlight);
+}
+
+:host([appearance="plain"]) {
+  --flow-board-column-shadow: none;
+  --flow-board-column-border-width: 0px;
+}
+
+:host([appearance="soft"]) {
+  --flow-board-column-shadow: none;
+  --flow-board-column-border-width: 0px;
+  --flow-board-column-background-color: var(--joy-scheme-highlight);
+}
+
+:host([appearance="solid"]) {
+  --flow-board-column-shadow: none;
+  --flow-board-column-border-width: 0px;
+}
+
     `;
 }
 //#endregion
@@ -135337,20 +135373,19 @@ var KX = function(e, t, n, r) {
 	return i > 3 && a && Object.defineProperty(t, n, a), a;
 }, qX = function(e, t) {
 	if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(e, t);
-}, JX, YX = JX = class extends F(Y(j)) {
+}, JX, YX = JX = class extends F(Y(J(j))) {
 	_columnKey;
 	_reorderable;
 	_pinned;
 	_hasItems;
 	_flowBoardBeforeColumnPinChange;
 	_flowBoardColumnPinChange;
-	_slotController;
 	_inheritance;
 	_provider;
 	_dragCtrl;
 	_itemDropList;
 	constructor() {
-		super(), this._columnKey = HX.DEFAULTS.columnKey, this._reorderable = HX.DEFAULTS.reorderable, this._pinned = HX.DEFAULTS.pinned, this._hasItems = !1, this._flowBoardBeforeColumnPinChange = new E(this, "flowBoardBeforeColumnPinChange"), this._flowBoardColumnPinChange = new E(this, "flowBoardColumnPinChange"), this._slotController = YS(this, { callback: () => this.updateHasItems() }), this._inheritance = zx(this, { context: VX }), this._provider = XS(this, {
+		super(), this._columnKey = HX.DEFAULTS.columnKey, this._reorderable = HX.DEFAULTS.reorderable, this._pinned = HX.DEFAULTS.pinned, this._hasItems = !1, this._flowBoardBeforeColumnPinChange = new E(this, "flowBoardBeforeColumnPinChange"), this._flowBoardColumnPinChange = new E(this, "flowBoardColumnPinChange"), this._inheritance = zx(this, { context: VX }), this._provider = XS(this, {
 			context: wX,
 			values: () => ({ columnKey: this._columnKey })
 		}), this._dragCtrl = new vX(this, { disabled: !0 }), this._itemDropList = new yX(this, {
@@ -135866,7 +135901,6 @@ var nZ = function(e, t, n, r) {
 	_flowBoardItemMove;
 	_flowBoardDragStart;
 	_provider;
-	_slotController;
 	_inlineStyleController;
 	_columnDropList;
 	constructor() {
@@ -135877,7 +135911,7 @@ var nZ = function(e, t, n, r) {
 				displayMode: this.displayMode,
 				scrollMode: this.scrollMode
 			})
-		}), this._slotController = YS(this), this._inlineStyleController = new eS(this), this._columnDropList = new yX(this, {
+		}), this._inlineStyleController = new eS(this), this._columnDropList = new yX(this, {
 			orientation: "horizontal",
 			disabled: !this._dragdrop
 		});
@@ -151860,15 +151894,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 +153026,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 +153540,8 @@ var Y$ = function(e, t, n, r) {
 	_transformer;
 	_value;
 	_placeholder;
+	_minRows;
+	_maxRows;
 	constructor() {
 		super(), this._value = {
 			message: "",
@@ -153511,7 +153552,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 +153563,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 +153650,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 +153826,10 @@ function Yme() {
   display: inline-flex;
 }
 
+:host [part="divider"]::part(svg) {
+  translate: -50%;
+}
+
 :host [part="text"] {
   flex-shrink: 0;
 }
@@ -153865,6 +153930,10 @@ function Xme() {
   display: inline-flex;
 }
 
+:host [part="divider"]::part(svg) {
+  translate: -50%;
+}
+
 :host [part="text"] {
   flex-shrink: 0;
 }
@@ -153965,6 +154034,10 @@ function Zme() {
   display: inline-flex;
 }
 
+:host [part="divider"]::part(svg) {
+  translate: -50%;
+}
+
 :host [part="text"] {
   flex-shrink: 0;
 }
@@ -155541,6 +155614,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 +155757,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 +155909,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);
@@ -208651,7 +208736,7 @@ var FCe = function(e, t, n, r) {
 	e.DEFAULTS = { textOverflow: WA.Truncate };
 })(Z8 ||= {});
 //#endregion
-//#region ../mosaik-elements-foundation/dist/Controls/Components/Selectors/Table/abstracts/TableCellBaseElement.js
+//#region ../mosaik-elements-foundation/dist/Controls/Components/Selectors/Table/Abstracts2/TableCellBaseElement.js
 var Q8 = function(e, t, n, r) {
 	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
 	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
@@ -209552,7 +209637,7 @@ n5([
 	imports: [W]
 }), r5("design:paramtypes", [])], i5);
 //#endregion
-//#region ../mosaik-elements-foundation/dist/Controls/Components/Selectors/Table/abstracts/TableRowBaseElement.js
+//#region ../mosaik-elements-foundation/dist/Controls/Components/Selectors/Table/Abstracts2/TableRowBaseElement.js
 var a5 = class extends R(j) {
 	_columnsChangedSubscription;
 	_hasTableColumns;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@breadstone/mosaik-elements-svelte",
-    "version": "0.1.5",
+    "version": "0.1.7",
     "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.7",
+        "@breadstone/mosaik-elements-foundation": "0.1.7",
         "tslib": "2.8.1"
     },
     "peerDependencies": {