@breadstone/mosaik-elements-svelte 0.0.288 → 0.0.291

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/index.mjs +130 -87
  3. package/package.json +8 -7
package/CHANGELOG.md CHANGED
@@ -1,3 +1,19 @@
1
+ ## 0.0.291 (2026-05-24)
2
+
3
+ This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.
4
+
5
+ ## 0.0.290 (2026-05-24)
6
+
7
+ ### 🩹 Fixes
8
+
9
+ - **package:** add missing newline at end of file in package.json ([b2edcaf718](https://github.com/RueDeRennes/mosaik/commit/b2edcaf718))
10
+
11
+ ## 0.0.289 (2026-05-24)
12
+
13
+ ### 🚀 Features
14
+
15
+ - **database:** add TypedDatabase for type-safe Prisma client and services ([4c40f5dffb](https://github.com/RueDeRennes/mosaik/commit/4c40f5dffb))
16
+
1
17
  ## 0.0.288 (2026-05-22)
2
18
 
3
19
  This was a version bump only for mosaik-elements-svelte to align it with other projects, there were no code changes.
package/index.mjs CHANGED
@@ -50852,6 +50852,8 @@ var Lk = function(e, t, n, r) {
50852
50852
  _isYAxisVisible;
50853
50853
  _stacked;
50854
50854
  _stackType;
50855
+ _pendingUpdate;
50856
+ _pendingSeriesUpdate;
50855
50857
  _chart;
50856
50858
  _annotations;
50857
50859
  _colors;
@@ -50908,7 +50910,7 @@ var Lk = function(e, t, n, r) {
50908
50910
  fontFamily: "",
50909
50911
  fontSize: ""
50910
50912
  } }
50911
- }, this._display = xk.Line, this._isLegendVisible = !1, this._legendPosition = Sk.Right, this._isXAxisVisible = !1, this._isYAxisVisible = !1, this._stacked = !1, this._stackType = Ck.Normal, this._chart = null, this._annotations = null, this._colors = null, this._dataLabels = null, this._series = null, this._stroke = null, this._labels = null, this._legend = null, this._markers = null, this._noData = null, this._fill = null, this._tooltip = null, this._plotOptions = null, this._responsive = null, this._xAxis = null, this._yAxis = null, this._grid = null, this._states = null, this._theme = null;
50913
+ }, this._display = xk.Line, this._isLegendVisible = !1, this._legendPosition = Sk.Right, this._isXAxisVisible = !1, this._isYAxisVisible = !1, this._stacked = !1, this._stackType = Ck.Normal, this._pendingUpdate = !1, this._pendingSeriesUpdate = !1, this._chart = null, this._annotations = null, this._colors = null, this._dataLabels = null, this._series = null, this._stroke = null, this._labels = null, this._legend = null, this._markers = null, this._noData = null, this._fill = null, this._tooltip = null, this._plotOptions = null, this._responsive = null, this._xAxis = null, this._yAxis = null, this._grid = null, this._states = null, this._theme = null;
50912
50914
  }
50913
50915
  static get is() {
50914
50916
  return "mosaik-chart";
@@ -51075,18 +51077,38 @@ var Lk = function(e, t, n, r) {
51075
51077
  onApplyTemplate() {
51076
51078
  super.onApplyTemplate();
51077
51079
  let e = O.current.findDescendant(this, "[part=\"chart\"]", { strict: !0 });
51078
- this._host &&= (this._host.destroy(), null), this._host = new OO(e, this.computedOptions()), this.updateComplete.then(() => this._host?.render());
51080
+ this._host &&= (this._host.destroy(), null), this._host = new OO(e, this.computedOptions()), this.updateComplete.then(() => {
51081
+ this._host?.render().then(() => {
51082
+ this.applyPendingUpdates();
51083
+ }).catch((e) => {
51084
+ console.warn("[mosaik-chart] Initial render failed:", e);
51085
+ });
51086
+ });
51079
51087
  }
51080
51088
  update(e) {
51081
- if (super.update(e), e.has("series") && this._series) {
51082
- this.updateComplete.then(() => this._host?.updateSeries(this._series));
51089
+ if (super.update(e), !this.isChartReady()) {
51090
+ e.has("series") && this._series ? this._pendingSeriesUpdate = !0 : this._pendingUpdate = !0;
51091
+ return;
51092
+ }
51093
+ if (e.has("series") && this._series) {
51094
+ this.updateComplete.then(() => {
51095
+ this.isChartReady() && this._host?.updateSeries(this._series);
51096
+ });
51083
51097
  return;
51084
51098
  }
51085
- this.updateComplete.then(() => this._host?.updateOptions(this.computedOptions(), !1, !0));
51099
+ this.updateComplete.then(() => {
51100
+ this.isChartReady() && this._host?.updateOptions(this.computedOptions(), !1, !0);
51101
+ });
51086
51102
  }
51087
51103
  onFitPropertyChanged(e, t) {
51088
51104
  super.onFitPropertyChanged(e, t), t === _x.Both ? (I.current.setStyle(this, "width", "100%"), I.current.setStyle(this, "height", "100%")) : t === _x.Width ? (I.current.setStyle(this, "width", "100%"), I.current.removeStyle(this, "height")) : t === _x.Height ? (I.current.removeStyle(this, "width"), I.current.setStyle(this, "height", "100%")) : (I.current.removeStyle(this, "width"), I.current.removeStyle(this, "height"));
51089
51105
  }
51106
+ applyPendingUpdates() {
51107
+ this.isChartReady() && (this._pendingSeriesUpdate && this._series && (this._host?.updateSeries(this._series), this._pendingSeriesUpdate = !1), this._pendingUpdate &&= (this._host?.updateOptions(this.computedOptions(), !1, !0), !1));
51108
+ }
51109
+ isChartReady() {
51110
+ return !!this._host?.w?.globals?.dom;
51111
+ }
51090
51112
  updateSize(e) {
51091
51113
  let t = e.at(0)?.contentRect;
51092
51114
  return {
@@ -75610,18 +75632,25 @@ function VL() {
75610
75632
  --calendar-item-font-weight: var(--cosmopolitan-typography-content-font-weight);
75611
75633
  --calendar-item-foreground-color: var(--cosmopolitan-scheme-foreground);
75612
75634
  --calendar-item-gap: 4px;
75635
+ --calendar-item-marker-gap: 2px;
75636
+ --calendar-item-marker-offset-bottom: 4px;
75637
+ --calendar-item-marker-overflow-font-size: 8px;
75638
+ --calendar-item-min-height: 48px;
75613
75639
  --calendar-item-padding-bottom: var(--cosmopolitan-layout-space);
75614
75640
  --calendar-item-padding-left: 12px;
75615
75641
  --calendar-item-padding-right: 12px;
75616
75642
  --calendar-item-padding-top: var(--cosmopolitan-layout-space);
75617
75643
  --calendar-item-ripple-color: unset;
75618
75644
  --calendar-item-ripple-duration: .2s;
75645
+ --calendar-item-selection-background-color: var(--cosmopolitan-scheme-selection);
75619
75646
  --calendar-item-shadow: var(--cosmopolitan-elevation-light-offset-x-0) var(--cosmopolitan-elevation-light-offset-y-0) var(--cosmopolitan-elevation-light-blur-0) var(--cosmopolitan-elevation-light-spread-0) var(--cosmopolitan-elevation-light-color-0);
75620
75647
  --calendar-item-shadow-blur: var(--cosmopolitan-elevation-light-blur-0);
75621
75648
  --calendar-item-shadow-color: var(--cosmopolitan-elevation-light-color-0);
75622
75649
  --calendar-item-shadow-offset-x: var(--cosmopolitan-elevation-light-offset-x-0);
75623
75650
  --calendar-item-shadow-offset-y: var(--cosmopolitan-elevation-light-offset-y-0);
75624
75651
  --calendar-item-shadow-spread: var(--cosmopolitan-elevation-light-spread-0);
75652
+ --calendar-item-today-border-color: var(--cosmopolitan-color-primary-500);
75653
+ --calendar-item-today-border-width: 2px;
75625
75654
  --calendar-item-transition-duration: .2s;
75626
75655
  --calendar-item-transition-mode: ease;
75627
75656
  --calendar-item-transition-property: background-color, color, border-color, opacity;
@@ -75668,6 +75697,7 @@ function VL() {
75668
75697
  padding-bottom: var(--calendar-item-padding-bottom);
75669
75698
  padding-left: var(--calendar-item-padding-left);
75670
75699
  gap: var(--calendar-item-gap);
75700
+ min-height: var(--calendar-item-min-height);
75671
75701
  transition-duration: var(--calendar-item-transition-duration);
75672
75702
  transition-timing-function: var(--calendar-item-transition-mode);
75673
75703
  transition-property: var(--calendar-item-transition-property);
@@ -75705,14 +75735,17 @@ function VL() {
75705
75735
  }
75706
75736
 
75707
75737
  :host [part="markers"] {
75708
- flex-direction: row;
75709
- justify-content: stretch;
75738
+ justify-content: center;
75710
75739
  align-items: center;
75711
- gap: 2px;
75740
+ gap: var(--calendar-item-marker-gap);
75741
+ bottom: var(--calendar-item-marker-offset-bottom);
75742
+ pointer-events: auto;
75743
+ flex-direction: row;
75712
75744
  transition: inherit;
75713
75745
  display: flex;
75714
75746
  position: absolute;
75715
- bottom: -4px;
75747
+ left: 0;
75748
+ right: 0;
75716
75749
  }
75717
75750
 
75718
75751
  :host [part="markers"] [part^="marker"] {
@@ -75720,28 +75753,19 @@ function VL() {
75720
75753
  }
75721
75754
 
75722
75755
  :host [part="markers"] [part^="marker"][part$="overflow"] {
75723
- color: var(--calendar-item-foreground-color);
75724
- font-size: 8px;
75756
+ color: color-mix(in srgb, var(--calendar-item-foreground-color) 60%, transparent);
75725
75757
  font-weight: bold;
75758
+ font-size: var(--calendar-item-marker-overflow-font-size);
75726
75759
  }
75727
75760
 
75728
75761
  :host([is-selected]):before {
75729
- opacity: .26;
75730
- background-color: currentColor;
75762
+ background-color: var(--calendar-item-selection-background-color);
75763
+ opacity: 1;
75731
75764
  }
75732
75765
 
75733
- :host([is-today]) [part="text"]:after {
75734
- content: "";
75735
- z-index: 1;
75736
- background-color: currentColor;
75737
- border: 0;
75738
- border-radius: 4px;
75739
- width: 15px;
75740
- height: 2px;
75741
- position: absolute;
75742
- bottom: 4px;
75743
- left: 50%;
75744
- transform: translate(-50%);
75766
+ :host([is-today]) {
75767
+ border-width: var(--calendar-item-today-border-width);
75768
+ border-color: var(--calendar-item-today-border-color);
75745
75769
  }
75746
75770
 
75747
75771
  :host([is-special]), :host([is-blackout]) {
@@ -75845,18 +75869,25 @@ function HL() {
75845
75869
  --calendar-item-font-weight: var(--joy-typography-body1-font-weight);
75846
75870
  --calendar-item-foreground-color: var(--joy-scheme-foreground);
75847
75871
  --calendar-item-gap: 4px;
75872
+ --calendar-item-marker-gap: 2px;
75873
+ --calendar-item-marker-offset-bottom: 4px;
75874
+ --calendar-item-marker-overflow-font-size: 8px;
75875
+ --calendar-item-min-height: 48px;
75848
75876
  --calendar-item-padding-bottom: var(--joy-layout-space);
75849
75877
  --calendar-item-padding-left: calc(var(--joy-layout-space) * 1.5);
75850
75878
  --calendar-item-padding-right: calc(var(--joy-layout-space) * 1.5);
75851
75879
  --calendar-item-padding-top: var(--joy-layout-space);
75852
75880
  --calendar-item-ripple-color: unset;
75853
75881
  --calendar-item-ripple-duration: .2s;
75882
+ --calendar-item-selection-background-color: var(--joy-scheme-selection);
75854
75883
  --calendar-item-shadow: var(--joy-elevation-light-offset-x-0) var(--joy-elevation-light-offset-y-0) var(--joy-elevation-light-blur-0) var(--joy-elevation-light-spread-0) var(--joy-elevation-light-color-0);
75855
75884
  --calendar-item-shadow-blur: var(--joy-elevation-light-blur-0);
75856
75885
  --calendar-item-shadow-color: var(--joy-elevation-light-color-0);
75857
75886
  --calendar-item-shadow-offset-x: var(--joy-elevation-light-offset-x-0);
75858
75887
  --calendar-item-shadow-offset-y: var(--joy-elevation-light-offset-y-0);
75859
75888
  --calendar-item-shadow-spread: var(--joy-elevation-light-spread-0);
75889
+ --calendar-item-today-border-color: var(--joy-color-primary-500);
75890
+ --calendar-item-today-border-width: 2px;
75860
75891
  --calendar-item-transition-duration: var(--joy-duration-short);
75861
75892
  --calendar-item-transition-mode: ease;
75862
75893
  --calendar-item-transition-property: background-color, color, border-color, opacity;
@@ -75903,6 +75934,7 @@ function HL() {
75903
75934
  padding-bottom: var(--calendar-item-padding-bottom);
75904
75935
  padding-left: var(--calendar-item-padding-left);
75905
75936
  gap: var(--calendar-item-gap);
75937
+ min-height: var(--calendar-item-min-height);
75906
75938
  transition-duration: var(--calendar-item-transition-duration);
75907
75939
  transition-timing-function: var(--calendar-item-transition-mode);
75908
75940
  transition-property: var(--calendar-item-transition-property);
@@ -75940,14 +75972,17 @@ function HL() {
75940
75972
  }
75941
75973
 
75942
75974
  :host [part="markers"] {
75943
- flex-direction: row;
75944
- justify-content: stretch;
75975
+ justify-content: center;
75945
75976
  align-items: center;
75946
- gap: 2px;
75977
+ gap: var(--calendar-item-marker-gap);
75978
+ bottom: var(--calendar-item-marker-offset-bottom);
75979
+ pointer-events: auto;
75980
+ flex-direction: row;
75947
75981
  transition: inherit;
75948
75982
  display: flex;
75949
75983
  position: absolute;
75950
- bottom: -4px;
75984
+ left: 0;
75985
+ right: 0;
75951
75986
  }
75952
75987
 
75953
75988
  :host [part="markers"] [part^="marker"] {
@@ -75955,28 +75990,19 @@ function HL() {
75955
75990
  }
75956
75991
 
75957
75992
  :host [part="markers"] [part^="marker"][part$="overflow"] {
75958
- color: var(--calendar-item-foreground-color);
75959
- font-size: 8px;
75993
+ color: color-mix(in srgb, var(--calendar-item-foreground-color) 60%, transparent);
75960
75994
  font-weight: bold;
75995
+ font-size: var(--calendar-item-marker-overflow-font-size);
75961
75996
  }
75962
75997
 
75963
75998
  :host([is-selected]):before {
75964
- opacity: .26;
75965
- background-color: currentColor;
75999
+ background-color: var(--calendar-item-selection-background-color);
76000
+ opacity: 1;
75966
76001
  }
75967
76002
 
75968
- :host([is-today]) [part="text"]:after {
75969
- content: "";
75970
- z-index: 1;
75971
- background-color: currentColor;
75972
- border: 0;
75973
- border-radius: 4px;
75974
- width: 15px;
75975
- height: 2px;
75976
- position: absolute;
75977
- bottom: 4px;
75978
- left: 50%;
75979
- transform: translate(-50%);
76003
+ :host([is-today]) {
76004
+ border-width: var(--calendar-item-today-border-width);
76005
+ border-color: var(--calendar-item-today-border-color);
75980
76006
  }
75981
76007
 
75982
76008
  :host([is-special]), :host([is-blackout]) {
@@ -76114,18 +76140,25 @@ function UL() {
76114
76140
  --calendar-item-font-weight: var(--memphis-typography-body1-font-weight);
76115
76141
  --calendar-item-foreground-color: var(--memphis-scheme-foreground);
76116
76142
  --calendar-item-gap: 4px;
76143
+ --calendar-item-marker-gap: 2px;
76144
+ --calendar-item-marker-offset-bottom: 4px;
76145
+ --calendar-item-marker-overflow-font-size: 8px;
76146
+ --calendar-item-min-height: 48px;
76117
76147
  --calendar-item-padding-bottom: var(--memphis-layout-space);
76118
76148
  --calendar-item-padding-left: 12px;
76119
76149
  --calendar-item-padding-right: 12px;
76120
76150
  --calendar-item-padding-top: var(--memphis-layout-space);
76121
76151
  --calendar-item-ripple-color: unset;
76122
76152
  --calendar-item-ripple-duration: .2s;
76153
+ --calendar-item-selection-background-color: var(--memphis-scheme-selection);
76123
76154
  --calendar-item-shadow: var(--memphis-elevation-light-offset-x-0) var(--memphis-elevation-light-offset-y-0) var(--memphis-elevation-light-blur-0) var(--memphis-elevation-light-spread-0) var(--memphis-elevation-light-color-0);
76124
76155
  --calendar-item-shadow-blur: var(--memphis-elevation-light-blur-0);
76125
76156
  --calendar-item-shadow-color: var(--memphis-elevation-light-color-0);
76126
76157
  --calendar-item-shadow-offset-x: var(--memphis-elevation-light-offset-x-0);
76127
76158
  --calendar-item-shadow-offset-y: var(--memphis-elevation-light-offset-y-0);
76128
76159
  --calendar-item-shadow-spread: var(--memphis-elevation-light-spread-0);
76160
+ --calendar-item-today-border-color: var(--memphis-color-primary-500);
76161
+ --calendar-item-today-border-width: 2px;
76129
76162
  --calendar-item-transition-duration: .2s;
76130
76163
  --calendar-item-transition-mode: ease;
76131
76164
  --calendar-item-transition-property: background-color, color, border-color, opacity, box-shadow;
@@ -76172,6 +76205,7 @@ function UL() {
76172
76205
  padding-bottom: var(--calendar-item-padding-bottom);
76173
76206
  padding-left: var(--calendar-item-padding-left);
76174
76207
  gap: var(--calendar-item-gap);
76208
+ min-height: var(--calendar-item-min-height);
76175
76209
  transition-duration: var(--calendar-item-transition-duration);
76176
76210
  transition-timing-function: var(--calendar-item-transition-mode);
76177
76211
  transition-property: var(--calendar-item-transition-property);
@@ -76209,14 +76243,17 @@ function UL() {
76209
76243
  }
76210
76244
 
76211
76245
  :host [part="markers"] {
76212
- flex-direction: row;
76213
- justify-content: stretch;
76246
+ justify-content: center;
76214
76247
  align-items: center;
76215
- gap: 2px;
76248
+ gap: var(--calendar-item-marker-gap);
76249
+ bottom: var(--calendar-item-marker-offset-bottom);
76250
+ pointer-events: auto;
76251
+ flex-direction: row;
76216
76252
  transition: inherit;
76217
76253
  display: flex;
76218
76254
  position: absolute;
76219
- bottom: -4px;
76255
+ left: 0;
76256
+ right: 0;
76220
76257
  }
76221
76258
 
76222
76259
  :host [part="markers"] [part^="marker"] {
@@ -76224,28 +76261,19 @@ function UL() {
76224
76261
  }
76225
76262
 
76226
76263
  :host [part="markers"] [part^="marker"][part$="overflow"] {
76227
- color: var(--calendar-item-foreground-color);
76228
- font-size: 8px;
76264
+ color: color-mix(in srgb, var(--calendar-item-foreground-color) 60%, transparent);
76229
76265
  font-weight: bold;
76266
+ font-size: var(--calendar-item-marker-overflow-font-size);
76230
76267
  }
76231
76268
 
76232
76269
  :host([is-selected]):before {
76233
- opacity: .26;
76234
- background-color: currentColor;
76270
+ background-color: var(--calendar-item-selection-background-color);
76271
+ opacity: 1;
76235
76272
  }
76236
76273
 
76237
- :host([is-today]) [part="text"]:after {
76238
- content: "";
76239
- z-index: 1;
76240
- background-color: currentColor;
76241
- border: 0;
76242
- border-radius: 4px;
76243
- width: 15px;
76244
- height: 2px;
76245
- position: absolute;
76246
- bottom: 4px;
76247
- left: 50%;
76248
- transform: translate(-50%);
76274
+ :host([is-today]) {
76275
+ border-width: var(--calendar-item-today-border-width);
76276
+ border-color: var(--calendar-item-today-border-color);
76249
76277
  }
76250
76278
 
76251
76279
  :host([is-special]), :host([is-blackout]) {
@@ -77911,6 +77939,14 @@ function sR(e) {
77911
77939
  </div>
77912
77940
  <div part="dayView"
77913
77941
  class="${e.showWeekNumbers ? "week-numbers" : ""}">
77942
+ <!-- week number for the first row (before adjacent/empty days) -->
77943
+ ${U(e.showWeekNumbers && a > 0, () => V`
77944
+ <div part="weekNumber">
77945
+ <mosaik-text .dir="${e.dir}"
77946
+ .text="${tI(new Date(r, n, 1)).toString()}"
77947
+ ?disabled="${e.disabled}"></mosaik-text>
77948
+ </div>
77949
+ `)}
77914
77950
  ${U(e.showAdjacent, () => V`
77915
77951
  <!-- adjacent days before the start of the month -->
77916
77952
  ${Array.from({ length: a }, (e, t) => new Date(r, n, -t)).reverse().map((t) => V`
@@ -82269,7 +82305,7 @@ function $R() {
82269
82305
  --checkbox-group-background-color: unset;
82270
82306
  --checkbox-group-border-color: unset;
82271
82307
  --checkbox-group-border-radius: unset;
82272
- --checkbox-group-border-style: solid;
82308
+ --checkbox-group-border-style: none;
82273
82309
  --checkbox-group-border-width: unset;
82274
82310
  --checkbox-group-font-family: unset;
82275
82311
  --checkbox-group-font-letter-spacing: unset;
@@ -82502,7 +82538,7 @@ var tz = function(e, t, n, r) {
82502
82538
  onSlotChanges() {
82503
82539
  this._eventSubscriptions.forEach((e) => e.dispose()), this._eventSubscriptions = [];
82504
82540
  let e = this.getSlotAssignments("").filter((e) => e instanceof XR);
82505
- for (let [t, n] of e.entries()) n.isChecked = this.value === n.value, n.classList.add("checkbox-group-checkbox"), n.classList.toggle("first", t === 0), n.classList.toggle("inner", t > 0 && t < e.length - 1), n.classList.toggle("last", t === e.length - 1), this._eventSubscriptions.push(n.on("checked", () => this.onCheckBoxCheckChanged(), { passive: !0 }), n.on("unchecked", () => this.onCheckBoxCheckChanged(), { passive: !0 }));
82541
+ for (let [t, n] of e.entries()) n.isChecked = this.value?.includes(n.value) ?? !1, n.classList.add("checkbox-group-checkbox"), n.classList.toggle("first", t === 0), n.classList.toggle("inner", t > 0 && t < e.length - 1), n.classList.toggle("last", t === e.length - 1), this._eventSubscriptions.push(n.on("checked", () => this.onCheckBoxCheckChanged(), { passive: !0 }), n.on("unchecked", () => this.onCheckBoxCheckChanged(), { passive: !0 }));
82506
82542
  }
82507
82543
  reset() {
82508
82544
  this.uncheckAll(), this.invalid = !1;
@@ -111661,7 +111697,7 @@ var aG = function(e, t, n, r) {
111661
111697
  onSlotChanges() {
111662
111698
  this.clearEvents();
111663
111699
  let e = this.getSlotAssignments("").filter((e) => e instanceof eG);
111664
- for (let [t, n] of e.entries()) n.isChecked = this.value === n.value, n.classList.add("radio-group-radio"), n.classList.toggle("first", t === 0), n.classList.toggle("inner", t > 0 && t < e.length - 1), n.classList.toggle("last", t === e.length - 1), this._eventSubscriptions.push(n.on("checked", (e) => this.onRadioCheckChanged(e), { passive: !0 }));
111700
+ for (let [t, n] of e.entries()) n.isChecked = this.value?.includes(n.value) ?? !1, n.classList.add("radio-group-radio"), n.classList.toggle("first", t === 0), n.classList.toggle("inner", t > 0 && t < e.length - 1), n.classList.toggle("last", t === e.length - 1), this._eventSubscriptions.push(n.on("checked", (e) => this.onRadioCheckChanged(e), { passive: !0 }));
111665
111701
  }
111666
111702
  checkValidity() {
111667
111703
  return this.getSlotAssignments("").filter((e) => e instanceof eG).filter((e) => e.isChecked ?? !1).length > 0;
@@ -126461,7 +126497,7 @@ function hJ(e) {
126461
126497
  ${U(e.hasChildren, () => V`
126462
126498
  <mosaik-button part="caret"
126463
126499
  .appearance="${"plain"}"
126464
- .icon="${e.menuMode === "popover" ? "caret-right" : "caret-down"}"
126500
+ .icon="${e.menuMode === "popover" ? X.caretRight : X.caretDown}"
126465
126501
  .size="${"small"}"
126466
126502
  .dir="${e.dir}"
126467
126503
  .lang="${e.lang}"
@@ -126609,16 +126645,16 @@ function gJ() {
126609
126645
  }
126610
126646
 
126611
126647
  :host [part="content"] {
126612
- align-items: center;
126613
- gap: var(--menu-item-gap);
126614
126648
  text-overflow: ellipsis;
126615
126649
  white-space: nowrap;
126650
+ flex-direction: column;
126616
126651
  flex: 1;
126652
+ align-items: flex-start;
126617
126653
  display: flex;
126618
126654
  overflow: hidden;
126619
126655
  }
126620
126656
 
126621
- :host [part="content"].hidden {
126657
+ :host [part="content"][hidden] {
126622
126658
  display: none;
126623
126659
  }
126624
126660
 
@@ -126791,16 +126827,16 @@ function _J() {
126791
126827
  }
126792
126828
 
126793
126829
  :host [part="content"] {
126794
- align-items: center;
126795
- gap: var(--menu-item-gap);
126796
126830
  text-overflow: ellipsis;
126797
126831
  white-space: nowrap;
126832
+ flex-direction: column;
126798
126833
  flex: 1;
126834
+ align-items: flex-start;
126799
126835
  display: flex;
126800
126836
  overflow: hidden;
126801
126837
  }
126802
126838
 
126803
- :host [part="content"].hidden {
126839
+ :host [part="content"][hidden] {
126804
126840
  display: none;
126805
126841
  }
126806
126842
 
@@ -127168,16 +127204,16 @@ function vJ() {
127168
127204
  }
127169
127205
 
127170
127206
  :host [part="content"] {
127171
- align-items: center;
127172
- gap: var(--menu-item-gap);
127173
127207
  text-overflow: ellipsis;
127174
127208
  white-space: nowrap;
127209
+ flex-direction: column;
127175
127210
  flex: 1;
127211
+ align-items: flex-start;
127176
127212
  display: flex;
127177
127213
  overflow: hidden;
127178
127214
  }
127179
127215
 
127180
- :host [part="content"].hidden {
127216
+ :host [part="content"][hidden] {
127181
127217
  display: none;
127182
127218
  }
127183
127219
 
@@ -162615,9 +162651,13 @@ function xge(e) {
162615
162651
  .text="${e.text}"
162616
162652
  .textAccessor="${e.textAccessor}">
162617
162653
  ${U(e.presence !== p0.None, () => V`
162618
- <mosaik-dot part="presence"
162619
- slot="badge"
162620
- .disabled="${e.disabled}"></mosaik-dot>
162654
+ <div part="presence"
162655
+ slot="badge">
162656
+ <slot name="presence">
162657
+ <mosaik-dot part="presenceDot"
162658
+ .disabled="${e.disabled}"></mosaik-dot>
162659
+ </slot>
162660
+ </div>
162621
162661
  `)}
162622
162662
  </mosaik-avatar>
162623
162663
  <!-- > -->
@@ -162715,6 +162755,7 @@ function Sge() {
162715
162755
 
162716
162756
  :host [part="presence"] {
162717
162757
  z-index: 1;
162758
+ display: flex;
162718
162759
  position: absolute;
162719
162760
  bottom: 0;
162720
162761
  right: 0;
@@ -162724,8 +162765,8 @@ function Sge() {
162724
162765
  background: none;
162725
162766
  }
162726
162767
 
162727
- :host [part="presence"] {
162728
- background-color: var(--persona-presence-color);
162768
+ :host [part="presenceDot"] {
162769
+ --dot-background-color: var(--persona-presence-color);
162729
162770
  }
162730
162771
 
162731
162772
  `;
@@ -162797,6 +162838,7 @@ function Cge() {
162797
162838
 
162798
162839
  :host [part="presence"] {
162799
162840
  z-index: 1;
162841
+ display: flex;
162800
162842
  position: absolute;
162801
162843
  bottom: 0;
162802
162844
  right: 0;
@@ -162806,8 +162848,8 @@ function Cge() {
162806
162848
  background: none;
162807
162849
  }
162808
162850
 
162809
- :host [part="presence"] {
162810
- background-color: var(--persona-presence-color);
162851
+ :host [part="presenceDot"] {
162852
+ --dot-background-color: var(--persona-presence-color);
162811
162853
  }
162812
162854
 
162813
162855
  :host [part="primaryText"] {
@@ -162929,6 +162971,7 @@ function wge() {
162929
162971
 
162930
162972
  :host [part="presence"] {
162931
162973
  z-index: 1;
162974
+ display: flex;
162932
162975
  position: absolute;
162933
162976
  bottom: 0;
162934
162977
  right: 0;
@@ -162938,8 +162981,8 @@ function wge() {
162938
162981
  background: none;
162939
162982
  }
162940
162983
 
162941
- :host [part="presence"] {
162942
- background-color: var(--persona-presence-color);
162984
+ :host [part="presenceDot"] {
162985
+ --dot-background-color: var(--persona-presence-color);
162943
162986
  }
162944
162987
 
162945
162988
  `;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@breadstone/mosaik-elements-svelte",
3
- "version": "0.0.288",
3
+ "version": "0.0.291",
4
4
  "description": "Mosaik elements for Svelte.",
5
5
  "license": "MIT",
6
6
  "author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
@@ -10,13 +10,14 @@
10
10
  "repository": {
11
11
  "url": "git+ssh://git@github.com/RueDeRennes/mosaik.git"
12
12
  },
13
- "peerDependencies": {
14
- "svelte": "*",
15
- "vite": "*"
16
- },
17
13
  "dependencies": {
18
- "@breadstone/mosaik-elements": "^0.0.288",
19
- "@breadstone/mosaik-elements-foundation": "^0.0.288"
14
+ "@breadstone/mosaik-elements": "0.0.291",
15
+ "@breadstone/mosaik-elements-foundation": "0.0.291",
16
+ "tslib": "2.8.1"
17
+ },
18
+ "peerDependencies": {
19
+ "svelte": ">=4.0.0",
20
+ "vite": ">=5.0.0"
20
21
  },
21
22
  "exports": {
22
23
  ".": {