@medyll/idae-slotui-svelte 0.90.0 → 0.91.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.
package/dist/index.d.ts CHANGED
@@ -244,14 +244,14 @@ export * from './base/paper/type.js';
244
244
  export { default as Paper } from './base/paper/Paper.svelte';
245
245
  export * from './base/icon/types.js';
246
246
  export { default as Icon } from './base/icon/Icon.svelte';
247
- export * from './base/divider/types.js';
248
- export { default as Divider } from './base/divider/Divider.svelte';
249
247
  export * from './base/demoer/types.js';
250
248
  export * from './base/demoer/demoer.utils.js';
251
249
  export { default as DemoerComponent } from './base/demoer/DemoerComponent.svelte';
252
250
  export { default as DemoerCode } from './base/demoer/DemoerCode.svelte';
253
251
  export { default as Demoer } from './base/demoer/Demoer.svelte';
254
252
  export { default as DemoPage } from './base/demoer/DemoPage.svelte';
253
+ export * from './base/divider/types.js';
254
+ export { default as Divider } from './base/divider/Divider.svelte';
255
255
  export { default as Debug } from './base/debug/Debug.svelte';
256
256
  export * from './base/contentSwitcher/useContentSwitcher.js';
257
257
  export * from './base/contentSwitcher/types.js';
@@ -259,10 +259,10 @@ export { default as ContentSwitcher } from './base/contentSwitcher/ContentSwitch
259
259
  export * from './base/columner/types.js';
260
260
  export { default as Columner } from './base/columner/Columner.svelte';
261
261
  export { default as Column } from './base/columner/Column.svelte';
262
- export * from './base/chipper/types.js';
263
- export { default as Chipper } from './base/chipper/Chipper.svelte';
264
262
  export * from './base/cartouche/types.js';
265
263
  export { default as Cartouche } from './base/cartouche/Cartouche.svelte';
264
+ export * from './base/chipper/types.js';
265
+ export { default as Chipper } from './base/chipper/Chipper.svelte';
266
266
  export * from './base/breadCrumb/types.js';
267
267
  export { default as BreadCrumb } from './base/breadCrumb/BreadCrumb.svelte';
268
268
  export * from './base/box/types.js';
package/dist/index.js CHANGED
@@ -245,14 +245,14 @@ export * from './base/paper/type.js';
245
245
  export { default as Paper } from './base/paper/Paper.svelte';
246
246
  export * from './base/icon/types.js';
247
247
  export { default as Icon } from './base/icon/Icon.svelte';
248
- export * from './base/divider/types.js';
249
- export { default as Divider } from './base/divider/Divider.svelte';
250
248
  export * from './base/demoer/types.js';
251
249
  export * from './base/demoer/demoer.utils.js';
252
250
  export { default as DemoerComponent } from './base/demoer/DemoerComponent.svelte';
253
251
  export { default as DemoerCode } from './base/demoer/DemoerCode.svelte';
254
252
  export { default as Demoer } from './base/demoer/Demoer.svelte';
255
253
  export { default as DemoPage } from './base/demoer/DemoPage.svelte';
254
+ export * from './base/divider/types.js';
255
+ export { default as Divider } from './base/divider/Divider.svelte';
256
256
  export { default as Debug } from './base/debug/Debug.svelte';
257
257
  export * from './base/contentSwitcher/useContentSwitcher.js';
258
258
  export * from './base/contentSwitcher/types.js';
@@ -260,10 +260,10 @@ export { default as ContentSwitcher } from './base/contentSwitcher/ContentSwitch
260
260
  export * from './base/columner/types.js';
261
261
  export { default as Columner } from './base/columner/Columner.svelte';
262
262
  export { default as Column } from './base/columner/Column.svelte';
263
- export * from './base/chipper/types.js';
264
- export { default as Chipper } from './base/chipper/Chipper.svelte';
265
263
  export * from './base/cartouche/types.js';
266
264
  export { default as Cartouche } from './base/cartouche/Cartouche.svelte';
265
+ export * from './base/chipper/types.js';
266
+ export { default as Chipper } from './base/chipper/Chipper.svelte';
267
267
  export * from './base/breadCrumb/types.js';
268
268
  export { default as BreadCrumb } from './base/breadCrumb/BreadCrumb.svelte';
269
269
  export * from './base/box/types.js';
@@ -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.91.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.90.0",
91
+ "@medyll/idae-engine": "^1.88.0",
92
92
  "d3": "^7.9.0",
93
93
  "lerna": "^8.2.1",
94
94
  "npm-check-updates": "^17.1.16",