@breadstone/mosaik-elements-svelte 0.0.65 → 0.0.67

package/CHANGELOG.md

@@ -0,0 +1,118 @@
+## 0.0.67 (2025-06-26)
+
+This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.
+
+## 0.0.66 (2025-06-25)
+
+This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.
+
+## 0.0.65 (2025-06-25)
+
+This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.
+
+## 0.0.64 (2025-06-25)
+
+This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.
+
+## 0.0.63 (2025-06-24)
+
+This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.
+
+## 0.0.62 (2025-06-24)
+
+### 🚀 Features
+
+- add slot definitions for Jumbotron component and update related documentation ([b739040f6f](https://github.com/RueDeRennes/mosaik/commit/b739040f6f))
+
+## 0.0.61 (2025-06-24)
+
+### 🚀 Features
+
+- Add formatter property to Jumbotron components and update related files ([9ae59c7ff9](https://github.com/RueDeRennes/mosaik/commit/9ae59c7ff9))
+
+## 0.0.60 (2025-06-23)
+
+### 🚀 Features
+
+- Add Jumbotron component and related styles for multiple frameworks ([41d4601e08](https://github.com/RueDeRennes/mosaik/commit/41d4601e08))
+
+## 0.0.59 (2025-06-23)
+
+This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.
+
+## 0.0.58 (2025-06-23)
+
+This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.
+
+## 0.0.57 (2025-06-23)
+
+This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.
+
+## 0.0.56 (2025-06-23)
+
+This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.
+
+## 0.0.55 (2025-06-23)
+
+This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.
+
+## 0.0.54 (2025-06-23)
+
+This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.
+
+## 0.0.53 (2025-06-23)
+
+This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.
+
+## 0.0.52 (2025-06-23)
+
+This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.
+
+## 0.0.51 (2025-06-23)
+
+This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.
+
+## 0.0.50 (2025-06-23)
+
+This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.
+
+## 0.0.49 (2025-06-22)
+
+This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.
+
+## 0.0.48 (2025-06-22)
+
+### 🚀 Features
+
+- Introduce Indicator component across multiple frameworks ([7ef850c39d](https://github.com/RueDeRennes/mosaik/commit/7ef850c39d))
+
+## 0.0.47 (2025-06-22)
+
+### 🩹 Fixes
+
+- update release version to 0.0.47 in package.json ([5a277d2d1d](https://github.com/RueDeRennes/mosaik/commit/5a277d2d1d))
+- correct spelling of 'HTML' in keywords and add new article on `part` attributes ([cd5b688a5c](https://github.com/RueDeRennes/mosaik/commit/cd5b688a5c))
+- correct quotation marks in attribute selector examples for consistency ([078a6c9289](https://github.com/RueDeRennes/mosaik/commit/078a6c9289))
+- correct quotation marks in markdown article and improve blockquote rendering in MarkdownRenderer ([09442e4509](https://github.com/RueDeRennes/mosaik/commit/09442e4509))
+
+## 0.0.46 (2025-06-20)
+
+### 🚀 Features
+
+- implement animation directive and provider with presets ([09550b6633](https://github.com/RueDeRennes/mosaik/commit/09550b6633))
+
+## 0.0.45 (2025-06-20)
+
+This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.
+
+## 0.0.44 (2025-06-20)
+
+This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.
+
+## 0.0.43 (2025-06-20)
+
+### 🚀 Features
+
+- Add Svelte menu items to AppSideNavTemplate and update build script ([d1a2fe7972](https://github.com/RueDeRennes/mosaik/commit/d1a2fe7972))
+- Add Svelte support with SvelteCodeGenerator and update build scripts ([955cb75cb6](https://github.com/RueDeRennes/mosaik/commit/955cb75cb6))
+- Add new Svelte components for menu, segment, tab, table, tree, wizard, and shell ([e6de8f0553](https://github.com/RueDeRennes/mosaik/commit/e6de8f0553))

package/README.md

@@ -0,0 +1,66 @@
+# 📦 @breadstone/mosaik-elements-svelte
+
+| Package Status | Source |
+|----------------|--------|
+| [![npm](https://img.shields.io/npm/v/@breadstone/mosaik-elements-svelte?label=npm)](https://www.npmjs.com/package/@breadstone/mosaik-elements-svelte) | [libs/mosaik-elements-svelte](../../libs/mosaik-elements-svelte) |
+
+> Svelte bindings for the Mosaik web components.
+> Use Mosaik design system components in Svelte projects with full type safety and integration.
+
+---
+
+## 📁 Project Structure
+
+Part of the monorepo [`mosaik`](https://github.com/RueDeRennes/mosaik)
+Package path: `libs/mosaik-elements-svelte`
+Version: see [npm](https://www.npmjs.com/package/@breadstone/mosaik-elements-svelte)
+License: MIT
+
+---
+
+## 📦 Installation
+
+```bash
+yarn add @breadstone/mosaik-elements-svelte
+# or
+npm install @breadstone/mosaik-elements-svelte
+```
+
+---
+
+## 🔧 Usage
+
+```typescript
+import * from '@breadstone/mosaik-elements-svelte';
+```
+
+---
+
+## ⚙️ Features
+
+- Svelte wrappers for all Mosaik web components
+- TypeScript types and Svelte components
+- Automatic manifest and proxy generation
+
+---
+
+## 🛠 Recommendations
+
+- Use with the main `mosaik-elements` package for full design system support.
+- Integrate into Svelte projects for seamless web component usage.
+
+---
+
+## 📦 Publishing
+
+```bash
+yarn nx run mosaik-elements-svelte:publish
+```
+
+---
+
+## 📄 License
+
+MIT © Breadstone
+
+---

package/{flow-D-0MTYCm.mjs → flow-gcpXucZv.mjs}

@@ -5,7 +5,7 @@
  */
 class g {
   constructor(i) {
-    this._map = /* @__PURE__ */ new Map(), this._roundAverageSize = !1, this.totalSize = 0, (i == null ? void 0 : i.roundAverageSize) === !0 && (this._roundAverageSize = !0);
+    this._map = /* @__PURE__ */ new Map(), this._roundAverageSize = !1, this.totalSize = 0, i?.roundAverageSize === !0 && (this._roundAverageSize = !0);
   }
   set(i, t) {
     const s = this._map.get(i) || 0;
@@ -30,8 +30,8 @@ class g {
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function f(o) {
-  return o === "horizontal" ? "width" : "height";
+function f(n) {
+  return n === "horizontal" ? "width" : "height";
 }
 class d {
   _getDefaultConfig() {
@@ -178,23 +178,23 @@ class d {
    * that support virtualization in two dimensions.
    */
   _calculateScrollIntoViewPosition(i) {
-    const { block: t } = i, s = Math.min(this.items.length, Math.max(0, i.index)), h = this._getItemPosition(s)[this._positionDim];
-    let n = h;
+    const { block: t } = i, s = Math.min(this.items.length, Math.max(0, i.index)), e = this._getItemPosition(s)[this._positionDim];
+    let h = e;
     if (t !== "start") {
-      const l = this._getItemSize(s)[this._sizeDim];
+      const o = this._getItemSize(s)[this._sizeDim];
       if (t === "center")
-        n = h - 0.5 * this._viewDim1 + 0.5 * l;
+        h = e - 0.5 * this._viewDim1 + 0.5 * o;
       else {
-        const e = h - this._viewDim1 + l;
+        const l = e - this._viewDim1 + o;
         if (t === "end")
-          n = e;
+          h = l;
         else {
           const r = this._scrollPosition;
-          n = Math.abs(r - h) < Math.abs(r - e) ? h : e;
+          h = Math.abs(r - e) < Math.abs(r - l) ? e : l;
         }
       }
     }
-    return n += this.offsetWithinScroller[this._positionDim], this._clampScrollPosition(n);
+    return h += this.offsetWithinScroller[this._positionDim], this._clampScrollPosition(h);
   }
   getScrollIntoViewCoordinates(i) {
     return {
@@ -272,17 +272,17 @@ class d {
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function m(o) {
-  return o === "horizontal" ? "marginLeft" : "marginTop";
+function m(n) {
+  return n === "horizontal" ? "marginLeft" : "marginTop";
 }
-function u(o) {
-  return o === "horizontal" ? "marginRight" : "marginBottom";
+function u(n) {
+  return n === "horizontal" ? "marginRight" : "marginBottom";
 }
-function S(o) {
-  return o === "horizontal" ? "xOffset" : "yOffset";
+function S(n) {
+  return n === "horizontal" ? "xOffset" : "yOffset";
 }
-function z(o, i) {
-  const t = [o, i].sort();
+function z(n, i) {
+  const t = [n, i].sort();
   return t[1] <= 0 ? Math.min(...t) : t[0] >= 0 ? Math.max(...t) : t[0] + t[1];
 }
 class p {
@@ -290,15 +290,14 @@ class p {
     this._childSizeCache = new g(), this._marginSizeCache = new g(), this._metricsCache = /* @__PURE__ */ new Map();
   }
   update(i, t) {
-    var h, n;
     const s = /* @__PURE__ */ new Set();
-    Object.keys(i).forEach((l) => {
-      const e = Number(l);
-      this._metricsCache.set(e, i[e]), this._childSizeCache.set(e, i[e][f(t)]), s.add(e), s.add(e + 1);
+    Object.keys(i).forEach((e) => {
+      const h = Number(e);
+      this._metricsCache.set(h, i[h]), this._childSizeCache.set(h, i[h][f(t)]), s.add(h), s.add(h + 1);
     });
-    for (const l of s) {
-      const e = ((h = this._metricsCache.get(l)) == null ? void 0 : h[m(t)]) || 0, r = ((n = this._metricsCache.get(l - 1)) == null ? void 0 : n[u(t)]) || 0;
-      this._marginSizeCache.set(l, z(e, r));
+    for (const e of s) {
+      const h = this._metricsCache.get(e)?.[m(t)] || 0, o = this._metricsCache.get(e - 1)?.[u(t)] || 0;
+      this._marginSizeCache.set(e, z(h, o));
     }
   }
   get averageChildSize() {
@@ -314,8 +313,7 @@ class p {
     return this._marginSizeCache.totalSize;
   }
   getLeadingMarginValue(i, t) {
-    var s;
-    return ((s = this._metricsCache.get(i)) == null ? void 0 : s[m(t)]) || 0;
+    return this._metricsCache.get(i)?.[m(t)] || 0;
   }
   getChildSize(i) {
     return this._childSizeCache.getSize(i);
@@ -393,10 +391,10 @@ class M extends d {
       return this._calculateAnchor(i, t);
     if (this._last < 0)
       return this._calculateAnchor(i, t);
-    const s = this._getPhysicalItem(this._first), h = this._getPhysicalItem(this._last), n = s.pos;
-    if (h.pos + this._metricsCache.getChildSize(this._last) < i)
+    const s = this._getPhysicalItem(this._first), e = this._getPhysicalItem(this._last), h = s.pos;
+    if (e.pos + this._metricsCache.getChildSize(this._last) < i)
       return this._calculateAnchor(i, t);
-    if (n > t)
+    if (h > t)
       return this._calculateAnchor(i, t);
     let r = this._firstVisible - 1, a = -1 / 0;
     for (; a < i; )
@@ -434,12 +432,12 @@ class M extends d {
       return;
     }
     (this._anchorIdx === null || this._anchorPos === null) && (this._anchorIdx = this._getAnchor(t, s), this._anchorPos = this._getPosition(this._anchorIdx));
-    let h = this._getSize(this._anchorIdx);
-    h === void 0 && (this._stable = !1, h = this._getAverageSize());
-    const n = this._metricsCache.getMarginSize(this._anchorIdx) ?? this._metricsCache.averageMarginSize, l = this._metricsCache.getMarginSize(this._anchorIdx + 1) ?? this._metricsCache.averageMarginSize;
-    this._anchorIdx === 0 && (this._anchorPos = n), this._anchorIdx === this.items.length - 1 && (this._anchorPos = this._scrollSize - l - h);
-    let e = 0;
-    for (this._anchorPos + h + l < t && (e = t - (this._anchorPos + h + l)), this._anchorPos - n > s && (e = s - (this._anchorPos - n)), e && (this._scrollPosition -= e, t -= e, s -= e, this._scrollError += e), i.set(this._anchorIdx, { pos: this._anchorPos, size: h }), this._first = this._last = this._anchorIdx, this._physicalMin = this._anchorPos - n, this._physicalMax = this._anchorPos + h + l; this._physicalMin > t && this._first > 0; ) {
+    let e = this._getSize(this._anchorIdx);
+    e === void 0 && (this._stable = !1, e = this._getAverageSize());
+    const h = this._metricsCache.getMarginSize(this._anchorIdx) ?? this._metricsCache.averageMarginSize, o = this._metricsCache.getMarginSize(this._anchorIdx + 1) ?? this._metricsCache.averageMarginSize;
+    this._anchorIdx === 0 && (this._anchorPos = h), this._anchorIdx === this.items.length - 1 && (this._anchorPos = this._scrollSize - o - e);
+    let l = 0;
+    for (this._anchorPos + e + o < t && (l = t - (this._anchorPos + e + o)), this._anchorPos - h > s && (l = s - (this._anchorPos - h)), l && (this._scrollPosition -= l, t -= l, s -= l, this._scrollError += l), i.set(this._anchorIdx, { pos: this._anchorPos, size: e }), this._first = this._last = this._anchorIdx, this._physicalMin = this._anchorPos - h, this._physicalMax = this._anchorPos + e + o; this._physicalMin > t && this._first > 0; ) {
       let a = this._getSize(--this._first);
       a === void 0 && (this._stable = !1, a = this._getAverageSize());
       let _ = this._metricsCache.getMarginSize(this._first);