@medyll/idae-slotui-svelte 0.90.0 → 0.92.0

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.
@@ -1035,66 +1035,6 @@ dialog.window .ctrlZone {
1035
1035
  visibility: hidden;
1036
1036
  }
1037
1037
 
1038
- /** marquee.scss ----------------*/
1039
- .marquee {
1040
- flex: 1;
1041
- overflow-x: hidden;
1042
- scroll-behavior: smooth;
1043
- scroll-snap-type: x mandatory;
1044
- width: 300px;
1045
- }
1046
- .marquee-container {
1047
- display: flex;
1048
- align-items: center;
1049
- }
1050
- .marquee-container {
1051
- --preset-gutter: var(--sld-gutter-default);
1052
- }
1053
- .marquee-container [gutter=tiny], .marquee-container .gutter-tiny {
1054
- padding: var(--sld-gutter-tiny);
1055
- gap: var(--sld-gutter-tiny);
1056
- --preset-gutter: var(--sld-gutter-tiny);
1057
- }
1058
- .marquee-container [gutter=mini], .marquee-container .gutter-mini {
1059
- padding: var(--sld-gutter-mini);
1060
- gap: var(--sld-gutter-mini);
1061
- --preset-gutter: var(--sld-gutter-mini);
1062
- }
1063
- .marquee-container [gutter=small], .marquee-container .gutter-small {
1064
- padding: var(--sld-gutter-small);
1065
- gap: var(--sld-gutter-small);
1066
- --preset-gutter: var(--sld-gutter-small);
1067
- }
1068
- .marquee-container [gutter=med], .marquee-container .gutter-med {
1069
- padding: var(--sld-gutter-med);
1070
- gap: var(--sld-gutter-med);
1071
- --preset-gutter: var(--sld-gutter-med);
1072
- }
1073
- .marquee-container [gutter=kind], .marquee-container .gutter-kind {
1074
- padding: var(--sld-gutter-kind);
1075
- gap: var(--sld-gutter-kind);
1076
- --preset-gutter: var(--sld-gutter-kind);
1077
- }
1078
- .marquee-container [gutter=default], .marquee-container .gutter-default {
1079
- padding: var(--sld-gutter-default);
1080
- gap: var(--sld-gutter-default);
1081
- --preset-gutter: var(--sld-gutter-default);
1082
- }
1083
- .marquee-children {
1084
- display: flex;
1085
- border: 1px solid red;
1086
- }
1087
- .marquee-children > * {
1088
- border: 1px solid red;
1089
- height: 300px;
1090
- }
1091
- .marquee-controls-prev {
1092
- display: contents;
1093
- }
1094
- .marquee-controls-next {
1095
- display: contents;
1096
- }
1097
-
1098
1038
  /** menu.scss ----------------*/
1099
1039
  :root {
1100
1040
  --menu-min-width: 150px;
@@ -1193,6 +1133,66 @@ li.menuItem .menu-list-item-action {
1193
1133
  display: block;
1194
1134
  }
1195
1135
 
1136
+ /** marquee.scss ----------------*/
1137
+ .marquee {
1138
+ flex: 1;
1139
+ overflow-x: hidden;
1140
+ scroll-behavior: smooth;
1141
+ scroll-snap-type: x mandatory;
1142
+ width: 300px;
1143
+ }
1144
+ .marquee-container {
1145
+ display: flex;
1146
+ align-items: center;
1147
+ }
1148
+ .marquee-container {
1149
+ --preset-gutter: var(--sld-gutter-default);
1150
+ }
1151
+ .marquee-container [gutter=tiny], .marquee-container .gutter-tiny {
1152
+ padding: var(--sld-gutter-tiny);
1153
+ gap: var(--sld-gutter-tiny);
1154
+ --preset-gutter: var(--sld-gutter-tiny);
1155
+ }
1156
+ .marquee-container [gutter=mini], .marquee-container .gutter-mini {
1157
+ padding: var(--sld-gutter-mini);
1158
+ gap: var(--sld-gutter-mini);
1159
+ --preset-gutter: var(--sld-gutter-mini);
1160
+ }
1161
+ .marquee-container [gutter=small], .marquee-container .gutter-small {
1162
+ padding: var(--sld-gutter-small);
1163
+ gap: var(--sld-gutter-small);
1164
+ --preset-gutter: var(--sld-gutter-small);
1165
+ }
1166
+ .marquee-container [gutter=med], .marquee-container .gutter-med {
1167
+ padding: var(--sld-gutter-med);
1168
+ gap: var(--sld-gutter-med);
1169
+ --preset-gutter: var(--sld-gutter-med);
1170
+ }
1171
+ .marquee-container [gutter=kind], .marquee-container .gutter-kind {
1172
+ padding: var(--sld-gutter-kind);
1173
+ gap: var(--sld-gutter-kind);
1174
+ --preset-gutter: var(--sld-gutter-kind);
1175
+ }
1176
+ .marquee-container [gutter=default], .marquee-container .gutter-default {
1177
+ padding: var(--sld-gutter-default);
1178
+ gap: var(--sld-gutter-default);
1179
+ --preset-gutter: var(--sld-gutter-default);
1180
+ }
1181
+ .marquee-children {
1182
+ display: flex;
1183
+ border: 1px solid red;
1184
+ }
1185
+ .marquee-children > * {
1186
+ border: 1px solid red;
1187
+ height: 300px;
1188
+ }
1189
+ .marquee-controls-prev {
1190
+ display: contents;
1191
+ }
1192
+ .marquee-controls-next {
1193
+ display: contents;
1194
+ }
1195
+
1196
1196
  /** frame.scss ----------------*/
1197
1197
  :root {
1198
1198
  --frame-background-color: var(--sld-color-paper);
@@ -4426,21 +4426,6 @@ hr.vertical {
4426
4426
  transform: scale(0, 0);
4427
4427
  }
4428
4428
 
4429
- /** avatar.scss ----------------*/
4430
- :root {
4431
- --avatar-radius: var(--css-radius-small);
4432
- --avatar-border-color: var(--sld-color-border);
4433
- }
4434
-
4435
- .avatar {
4436
- position: relative;
4437
- border-radius: var(--avatar-radius);
4438
- border: 1px solid var(--avatar-border-color);
4439
- display: grid;
4440
- place-items: center;
4441
- overflow: hidden;
4442
- }
4443
-
4444
4429
  /** backdrop.scss ----------------*/
4445
4430
  :root {
4446
4431
  --backdrop-background-color: var(--sld-color-foreground-alpha-high);
@@ -4475,6 +4460,21 @@ hr.vertical {
4475
4460
  display: inherit;
4476
4461
  }
4477
4462
 
4463
+ /** avatar.scss ----------------*/
4464
+ :root {
4465
+ --avatar-radius: var(--css-radius-small);
4466
+ --avatar-border-color: var(--sld-color-border);
4467
+ }
4468
+
4469
+ .avatar {
4470
+ position: relative;
4471
+ border-radius: var(--avatar-radius);
4472
+ border: 1px solid var(--avatar-border-color);
4473
+ display: grid;
4474
+ place-items: center;
4475
+ overflow: hidden;
4476
+ }
4477
+
4478
4478
  /** alert.scss ----------------*/
4479
4479
  :root {
4480
4480
  --alert-radius: var(--sld-radius-small);
@@ -1035,66 +1035,6 @@ dialog.window .ctrlZone {
1035
1035
  visibility: hidden;
1036
1036
  }
1037
1037
 
1038
- /** marquee.scss ----------------*/
1039
- .marquee {
1040
- flex: 1;
1041
- overflow-x: hidden;
1042
- scroll-behavior: smooth;
1043
- scroll-snap-type: x mandatory;
1044
- width: 300px;
1045
- }
1046
- .marquee-container {
1047
- display: flex;
1048
- align-items: center;
1049
- }
1050
- .marquee-container {
1051
- --preset-gutter: var(--sld-gutter-default);
1052
- }
1053
- .marquee-container [gutter=tiny], .marquee-container .gutter-tiny {
1054
- padding: var(--sld-gutter-tiny);
1055
- gap: var(--sld-gutter-tiny);
1056
- --preset-gutter: var(--sld-gutter-tiny);
1057
- }
1058
- .marquee-container [gutter=mini], .marquee-container .gutter-mini {
1059
- padding: var(--sld-gutter-mini);
1060
- gap: var(--sld-gutter-mini);
1061
- --preset-gutter: var(--sld-gutter-mini);
1062
- }
1063
- .marquee-container [gutter=small], .marquee-container .gutter-small {
1064
- padding: var(--sld-gutter-small);
1065
- gap: var(--sld-gutter-small);
1066
- --preset-gutter: var(--sld-gutter-small);
1067
- }
1068
- .marquee-container [gutter=med], .marquee-container .gutter-med {
1069
- padding: var(--sld-gutter-med);
1070
- gap: var(--sld-gutter-med);
1071
- --preset-gutter: var(--sld-gutter-med);
1072
- }
1073
- .marquee-container [gutter=kind], .marquee-container .gutter-kind {
1074
- padding: var(--sld-gutter-kind);
1075
- gap: var(--sld-gutter-kind);
1076
- --preset-gutter: var(--sld-gutter-kind);
1077
- }
1078
- .marquee-container [gutter=default], .marquee-container .gutter-default {
1079
- padding: var(--sld-gutter-default);
1080
- gap: var(--sld-gutter-default);
1081
- --preset-gutter: var(--sld-gutter-default);
1082
- }
1083
- .marquee-children {
1084
- display: flex;
1085
- border: 1px solid red;
1086
- }
1087
- .marquee-children > * {
1088
- border: 1px solid red;
1089
- height: 300px;
1090
- }
1091
- .marquee-controls-prev {
1092
- display: contents;
1093
- }
1094
- .marquee-controls-next {
1095
- display: contents;
1096
- }
1097
-
1098
1038
  /** menu.scss ----------------*/
1099
1039
  :root {
1100
1040
  --menu-min-width: 150px;
@@ -1193,6 +1133,66 @@ li.menuItem .menu-list-item-action {
1193
1133
  display: block;
1194
1134
  }
1195
1135
 
1136
+ /** marquee.scss ----------------*/
1137
+ .marquee {
1138
+ flex: 1;
1139
+ overflow-x: hidden;
1140
+ scroll-behavior: smooth;
1141
+ scroll-snap-type: x mandatory;
1142
+ width: 300px;
1143
+ }
1144
+ .marquee-container {
1145
+ display: flex;
1146
+ align-items: center;
1147
+ }
1148
+ .marquee-container {
1149
+ --preset-gutter: var(--sld-gutter-default);
1150
+ }
1151
+ .marquee-container [gutter=tiny], .marquee-container .gutter-tiny {
1152
+ padding: var(--sld-gutter-tiny);
1153
+ gap: var(--sld-gutter-tiny);
1154
+ --preset-gutter: var(--sld-gutter-tiny);
1155
+ }
1156
+ .marquee-container [gutter=mini], .marquee-container .gutter-mini {
1157
+ padding: var(--sld-gutter-mini);
1158
+ gap: var(--sld-gutter-mini);
1159
+ --preset-gutter: var(--sld-gutter-mini);
1160
+ }
1161
+ .marquee-container [gutter=small], .marquee-container .gutter-small {
1162
+ padding: var(--sld-gutter-small);
1163
+ gap: var(--sld-gutter-small);
1164
+ --preset-gutter: var(--sld-gutter-small);
1165
+ }
1166
+ .marquee-container [gutter=med], .marquee-container .gutter-med {
1167
+ padding: var(--sld-gutter-med);
1168
+ gap: var(--sld-gutter-med);
1169
+ --preset-gutter: var(--sld-gutter-med);
1170
+ }
1171
+ .marquee-container [gutter=kind], .marquee-container .gutter-kind {
1172
+ padding: var(--sld-gutter-kind);
1173
+ gap: var(--sld-gutter-kind);
1174
+ --preset-gutter: var(--sld-gutter-kind);
1175
+ }
1176
+ .marquee-container [gutter=default], .marquee-container .gutter-default {
1177
+ padding: var(--sld-gutter-default);
1178
+ gap: var(--sld-gutter-default);
1179
+ --preset-gutter: var(--sld-gutter-default);
1180
+ }
1181
+ .marquee-children {
1182
+ display: flex;
1183
+ border: 1px solid red;
1184
+ }
1185
+ .marquee-children > * {
1186
+ border: 1px solid red;
1187
+ height: 300px;
1188
+ }
1189
+ .marquee-controls-prev {
1190
+ display: contents;
1191
+ }
1192
+ .marquee-controls-next {
1193
+ display: contents;
1194
+ }
1195
+
1196
1196
  /** frame.scss ----------------*/
1197
1197
  :root {
1198
1198
  --frame-background-color: var(--sld-color-paper);
@@ -4426,21 +4426,6 @@ hr.vertical {
4426
4426
  transform: scale(0, 0);
4427
4427
  }
4428
4428
 
4429
- /** avatar.scss ----------------*/
4430
- :root {
4431
- --avatar-radius: var(--css-radius-small);
4432
- --avatar-border-color: var(--sld-color-border);
4433
- }
4434
-
4435
- .avatar {
4436
- position: relative;
4437
- border-radius: var(--avatar-radius);
4438
- border: 1px solid var(--avatar-border-color);
4439
- display: grid;
4440
- place-items: center;
4441
- overflow: hidden;
4442
- }
4443
-
4444
4429
  /** backdrop.scss ----------------*/
4445
4430
  :root {
4446
4431
  --backdrop-background-color: var(--sld-color-foreground-alpha-high);
@@ -4475,6 +4460,21 @@ hr.vertical {
4475
4460
  display: inherit;
4476
4461
  }
4477
4462
 
4463
+ /** avatar.scss ----------------*/
4464
+ :root {
4465
+ --avatar-radius: var(--css-radius-small);
4466
+ --avatar-border-color: var(--sld-color-border);
4467
+ }
4468
+
4469
+ .avatar {
4470
+ position: relative;
4471
+ border-radius: var(--avatar-radius);
4472
+ border: 1px solid var(--avatar-border-color);
4473
+ display: grid;
4474
+ place-items: center;
4475
+ overflow: hidden;
4476
+ }
4477
+
4478
4478
  /** alert.scss ----------------*/
4479
4479
  :root {
4480
4480
  --alert-radius: var(--sld-radius-small);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@medyll/idae-slotui-svelte",
3
- "version": "0.90.0",
3
+ "version": "0.92.0",
4
4
  "scope": "@medyll",
5
5
  "scripts": {
6
6
  "dev": "vite dev",
@@ -87,8 +87,8 @@
87
87
  "dependencies": {
88
88
  "@iconify/svelte": "^4.2.0",
89
89
  "@medyll/cssfabric": "^0.4.2",
90
- "@medyll/idae-be": "^0.89.0",
91
- "@medyll/idae-engine": "^1.87.0",
90
+ "@medyll/idae-be": "^0.91.0",
91
+ "@medyll/idae-engine": "^1.89.0",
92
92
  "d3": "^7.9.0",
93
93
  "lerna": "^8.2.1",
94
94
  "npm-check-updates": "^17.1.16",