@breadstone/mosaik-elements-svelte 0.0.212 → 0.0.214

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 +6 -0
  2. package/index.mjs +90 -27
  3. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,3 +1,9 @@
1
+ ## 0.0.214 (2026-01-02)
2
+
3
+ ### 🚀 Features
4
+
5
+ - **drawer:** enhance DrawerElement with new slot definitions and update properties ([df154611aa](https://github.com/RueDeRennes/mosaik/commit/df154611aa))
6
+
1
7
  ## 0.0.212 (2026-01-02)
2
8
 
3
9
  ### 🚀 Features
package/index.mjs CHANGED
@@ -138434,7 +138434,6 @@ function kpt() {
138434
138434
 
138435
138435
  :host [part="root"]:after {
138436
138436
  content: "";
138437
- width: var(--drawer-line-thickness);
138438
138437
  background-color: var(--drawer-border-color);
138439
138438
  position: absolute;
138440
138439
  top: 0;
@@ -138473,18 +138472,46 @@ function kpt() {
138473
138472
  left: 0;
138474
138473
  }
138475
138474
 
138475
+ :host([position="left"]) [part="root"]:after {
138476
+ width: var(--drawer-line-thickness);
138477
+ right: 0;
138478
+ left: unset;
138479
+ }
138480
+
138476
138481
  :host([position="right"]) [part="root"] {
138477
138482
  right: 0;
138478
138483
  }
138479
138484
 
138485
+ :host([position="right"]) [part="root"]:after {
138486
+ width: var(--drawer-line-thickness);
138487
+ left: 0;
138488
+ right: unset;
138489
+ }
138490
+
138480
138491
  :host([position="top"]) [part="root"] {
138481
138492
  top: 0;
138482
138493
  }
138483
138494
 
138495
+ :host([position="top"]) [part="root"]:after {
138496
+ height: var(--drawer-line-thickness);
138497
+ bottom: 0;
138498
+ left: 0;
138499
+ right: 0;
138500
+ top: unset;
138501
+ }
138502
+
138484
138503
  :host([position="bottom"]) [part="root"] {
138485
138504
  bottom: 0;
138486
138505
  }
138487
138506
 
138507
+ :host([position="bottom"]) [part="root"]:after {
138508
+ height: var(--drawer-line-thickness);
138509
+ top: 0;
138510
+ left: 0;
138511
+ right: 0;
138512
+ bottom: unset;
138513
+ }
138514
+
138488
138515
  :host([position="left"]:not([is-open])) [part="root"] {
138489
138516
  margin-left: -40px;
138490
138517
  }
@@ -138617,7 +138644,6 @@ function jpt() {
138617
138644
 
138618
138645
  :host [part="root"]:after {
138619
138646
  content: "";
138620
- width: var(--drawer-line-thickness);
138621
138647
  background-color: var(--drawer-border-color);
138622
138648
  position: absolute;
138623
138649
  top: 0;
@@ -138656,18 +138682,46 @@ function jpt() {
138656
138682
  left: 0;
138657
138683
  }
138658
138684
 
138685
+ :host([position="left"]) [part="root"]:after {
138686
+ width: var(--drawer-line-thickness);
138687
+ right: 0;
138688
+ left: unset;
138689
+ }
138690
+
138659
138691
  :host([position="right"]) [part="root"] {
138660
138692
  right: 0;
138661
138693
  }
138662
138694
 
138695
+ :host([position="right"]) [part="root"]:after {
138696
+ width: var(--drawer-line-thickness);
138697
+ left: 0;
138698
+ right: unset;
138699
+ }
138700
+
138663
138701
  :host([position="top"]) [part="root"] {
138664
138702
  top: 0;
138665
138703
  }
138666
138704
 
138705
+ :host([position="top"]) [part="root"]:after {
138706
+ height: var(--drawer-line-thickness);
138707
+ bottom: 0;
138708
+ left: 0;
138709
+ right: 0;
138710
+ top: unset;
138711
+ }
138712
+
138667
138713
  :host([position="bottom"]) [part="root"] {
138668
138714
  bottom: 0;
138669
138715
  }
138670
138716
 
138717
+ :host([position="bottom"]) [part="root"]:after {
138718
+ height: var(--drawer-line-thickness);
138719
+ top: 0;
138720
+ left: 0;
138721
+ right: 0;
138722
+ bottom: unset;
138723
+ }
138724
+
138671
138725
  :host([position="left"]:not([is-open])) [part="root"] {
138672
138726
  margin-left: -40px;
138673
138727
  }
@@ -138804,7 +138858,6 @@ function zpt() {
138804
138858
 
138805
138859
  :host [part="root"]:after {
138806
138860
  content: "";
138807
- width: var(--drawer-line-thickness);
138808
138861
  background-color: var(--drawer-border-color);
138809
138862
  position: absolute;
138810
138863
  top: 0;
@@ -138843,18 +138896,46 @@ function zpt() {
138843
138896
  left: 0;
138844
138897
  }
138845
138898
 
138899
+ :host([position="left"]) [part="root"]:after {
138900
+ width: var(--drawer-line-thickness);
138901
+ right: 0;
138902
+ left: unset;
138903
+ }
138904
+
138846
138905
  :host([position="right"]) [part="root"] {
138847
138906
  right: 0;
138848
138907
  }
138849
138908
 
138909
+ :host([position="right"]) [part="root"]:after {
138910
+ width: var(--drawer-line-thickness);
138911
+ left: 0;
138912
+ right: unset;
138913
+ }
138914
+
138850
138915
  :host([position="top"]) [part="root"] {
138851
138916
  top: 0;
138852
138917
  }
138853
138918
 
138919
+ :host([position="top"]) [part="root"]:after {
138920
+ height: var(--drawer-line-thickness);
138921
+ bottom: 0;
138922
+ left: 0;
138923
+ right: 0;
138924
+ top: unset;
138925
+ }
138926
+
138854
138927
  :host([position="bottom"]) [part="root"] {
138855
138928
  bottom: 0;
138856
138929
  }
138857
138930
 
138931
+ :host([position="bottom"]) [part="root"]:after {
138932
+ height: var(--drawer-line-thickness);
138933
+ top: 0;
138934
+ left: 0;
138935
+ right: 0;
138936
+ bottom: unset;
138937
+ }
138938
+
138858
138939
  :host([position="left"]:not([is-open])) [part="root"] {
138859
138940
  margin-left: -40px;
138860
138941
  }
@@ -140628,14 +140709,8 @@ function Wpt() {
140628
140709
  }
140629
140710
 
140630
140711
  :host {
140631
- justify-content: space-between;
140632
- align-items: center;
140633
- gap: var(--drawer-gap);
140634
- height: 56px;
140635
140712
  padding: var(--drawer-padding-top) var(--drawer-padding-right) var(--drawer-padding-bottom) var(--drawer-padding-left);
140636
140713
  gap: var(--drawer-gap);
140637
- flex-direction: row;
140638
- display: flex;
140639
140714
  position: relative;
140640
140715
  }
140641
140716
 
@@ -140703,14 +140778,8 @@ function Vpt() {
140703
140778
  }
140704
140779
 
140705
140780
  :host {
140706
- justify-content: space-between;
140707
- align-items: center;
140708
- gap: var(--drawer-gap);
140709
- height: 56px;
140710
140781
  padding: var(--drawer-padding-top) var(--drawer-padding-right) var(--drawer-padding-bottom) var(--drawer-padding-left);
140711
140782
  gap: var(--drawer-gap);
140712
- flex-direction: row;
140713
- display: flex;
140714
140783
  position: relative;
140715
140784
  }
140716
140785
 
@@ -140778,14 +140847,8 @@ function Xpt() {
140778
140847
  }
140779
140848
 
140780
140849
  :host {
140781
- justify-content: space-between;
140782
- align-items: center;
140783
- gap: var(--drawer-gap);
140784
- height: 56px;
140785
140850
  padding: var(--drawer-padding-top) var(--drawer-padding-right) var(--drawer-padding-bottom) var(--drawer-padding-left);
140786
140851
  gap: var(--drawer-gap);
140787
- flex-direction: row;
140788
- display: flex;
140789
140852
  position: relative;
140790
140853
  }
140791
140854
 
@@ -155566,7 +155629,7 @@ function _ft() {
155566
155629
 
155567
155630
  :host {
155568
155631
  width: 100%;
155569
- height: 4px;
155632
+ height: 100%;
155570
155633
  line-height: 0;
155571
155634
  display: block;
155572
155635
  }
@@ -155574,7 +155637,7 @@ function _ft() {
155574
155637
  :host [part="bar"] {
155575
155638
  border-radius: 10px;
155576
155639
  width: 100%;
155577
- height: 100%;
155640
+ height: 4px;
155578
155641
  overflow: hidden;
155579
155642
  }
155580
155643
 
@@ -155661,7 +155724,7 @@ function kft() {
155661
155724
 
155662
155725
  :host {
155663
155726
  width: 100%;
155664
- height: 4px;
155727
+ height: 100%;
155665
155728
  line-height: 0;
155666
155729
  display: block;
155667
155730
  }
@@ -155669,7 +155732,7 @@ function kft() {
155669
155732
  :host [part="bar"] {
155670
155733
  border-radius: 10px;
155671
155734
  width: 100%;
155672
- height: 100%;
155735
+ height: 4px;
155673
155736
  overflow: hidden;
155674
155737
  }
155675
155738
 
@@ -155736,7 +155799,7 @@ function jft() {
155736
155799
 
155737
155800
  :host {
155738
155801
  width: 100%;
155739
- height: 4px;
155802
+ height: 100%;
155740
155803
  line-height: 0;
155741
155804
  display: block;
155742
155805
  }
@@ -155744,7 +155807,7 @@ function jft() {
155744
155807
  :host [part="bar"] {
155745
155808
  border-radius: 10px;
155746
155809
  width: 100%;
155747
- height: 100%;
155810
+ height: 4px;
155748
155811
  overflow: hidden;
155749
155812
  }
155750
155813
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@breadstone/mosaik-elements-svelte",
3
- "version": "0.0.212",
3
+ "version": "0.0.214",
4
4
  "description": "Mosaik elements for Svelte.",
5
5
  "license": "MIT",
6
6
  "author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
@@ -15,8 +15,8 @@
15
15
  "vite": "*"
16
16
  },
17
17
  "dependencies": {
18
- "@breadstone/mosaik-elements": "^0.0.212",
19
- "@breadstone/mosaik-elements-foundation": "^0.0.212",
18
+ "@breadstone/mosaik-elements": "^0.0.214",
19
+ "@breadstone/mosaik-elements-foundation": "^0.0.214",
20
20
  "tslib": "^2.8.1"
21
21
  },
22
22
  "exports": {