@medyll/idae-slotui-svelte 0.127.0 → 0.129.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 +6 -6
- package/dist/index.js +6 -6
- package/dist/slotui-css/slotui-css.css +60 -60
- package/dist/slotui-css/slotui-min-css.css +60 -60
- package/package.json +3 -3
package/dist/index.d.ts
CHANGED
|
@@ -214,10 +214,10 @@ export { default as DataListCell } from './data/dataList/DataListCell.svelte';
|
|
|
214
214
|
export { default as DataList } from './data/dataList/DataList.svelte';
|
|
215
215
|
export * from './controls/textfield/types.js';
|
|
216
216
|
export { default as TextField } from './controls/textfield/TextField.svelte';
|
|
217
|
-
export * from './controls/stepper/types.js';
|
|
218
|
-
export { default as Stepper } from './controls/stepper/Stepper.svelte';
|
|
219
217
|
export * from './controls/switch/types.js';
|
|
220
218
|
export { default as Switch } from './controls/switch/Switch.svelte';
|
|
219
|
+
export * from './controls/stepper/types.js';
|
|
220
|
+
export { default as Stepper } from './controls/stepper/Stepper.svelte';
|
|
221
221
|
export * from './controls/slider/types.js';
|
|
222
222
|
export { default as Slider } from './controls/slider/Slider.svelte';
|
|
223
223
|
export { default as Select } from './controls/select/Select.svelte';
|
|
@@ -261,10 +261,10 @@ export { default as Columner } from './base/columner/Columner.svelte';
|
|
|
261
261
|
export { default as Column } from './base/columner/Column.svelte';
|
|
262
262
|
export * from './base/chipper/types.js';
|
|
263
263
|
export { default as Chipper } from './base/chipper/Chipper.svelte';
|
|
264
|
-
export * from './base/cartouche/types.js';
|
|
265
|
-
export { default as Cartouche } from './base/cartouche/Cartouche.svelte';
|
|
266
264
|
export * from './base/breadCrumb/types.js';
|
|
267
265
|
export { default as BreadCrumb } from './base/breadCrumb/BreadCrumb.svelte';
|
|
266
|
+
export * from './base/cartouche/types.js';
|
|
267
|
+
export { default as Cartouche } from './base/cartouche/Cartouche.svelte';
|
|
268
268
|
export * from './base/box/types.js';
|
|
269
269
|
export { default as Box } from './base/box/Box.svelte';
|
|
270
270
|
export * from './base/badge/types.js';
|
|
@@ -272,10 +272,10 @@ export { default as Badge } from './base/badge/Badge.svelte';
|
|
|
272
272
|
export * from './base/backdrop/useBackDrop.js';
|
|
273
273
|
export * from './base/backdrop/types.js';
|
|
274
274
|
export { default as Backdrop } from './base/backdrop/Backdrop.svelte';
|
|
275
|
-
export * from './base/avatar/types.js';
|
|
276
|
-
export { default as Avatar } from './base/avatar/Avatar.svelte';
|
|
277
275
|
export * from './base/alert/types.js';
|
|
278
276
|
export { default as Alert } from './base/alert/Alert.svelte';
|
|
277
|
+
export * from './base/avatar/types.js';
|
|
278
|
+
export { default as Avatar } from './base/avatar/Avatar.svelte';
|
|
279
279
|
export * from './utils/uses/sx4u/sx4uPreprocess.js';
|
|
280
280
|
export * from './utils/uses/sx4u/sx4u.js';
|
|
281
281
|
export * from './utils/uses/stickTo/stickTo.js';
|
package/dist/index.js
CHANGED
|
@@ -215,10 +215,10 @@ export { default as DataListCell } from './data/dataList/DataListCell.svelte';
|
|
|
215
215
|
export { default as DataList } from './data/dataList/DataList.svelte';
|
|
216
216
|
export * from './controls/textfield/types.js';
|
|
217
217
|
export { default as TextField } from './controls/textfield/TextField.svelte';
|
|
218
|
-
export * from './controls/stepper/types.js';
|
|
219
|
-
export { default as Stepper } from './controls/stepper/Stepper.svelte';
|
|
220
218
|
export * from './controls/switch/types.js';
|
|
221
219
|
export { default as Switch } from './controls/switch/Switch.svelte';
|
|
220
|
+
export * from './controls/stepper/types.js';
|
|
221
|
+
export { default as Stepper } from './controls/stepper/Stepper.svelte';
|
|
222
222
|
export * from './controls/slider/types.js';
|
|
223
223
|
export { default as Slider } from './controls/slider/Slider.svelte';
|
|
224
224
|
export { default as Select } from './controls/select/Select.svelte';
|
|
@@ -262,10 +262,10 @@ export { default as Columner } from './base/columner/Columner.svelte';
|
|
|
262
262
|
export { default as Column } from './base/columner/Column.svelte';
|
|
263
263
|
export * from './base/chipper/types.js';
|
|
264
264
|
export { default as Chipper } from './base/chipper/Chipper.svelte';
|
|
265
|
-
export * from './base/cartouche/types.js';
|
|
266
|
-
export { default as Cartouche } from './base/cartouche/Cartouche.svelte';
|
|
267
265
|
export * from './base/breadCrumb/types.js';
|
|
268
266
|
export { default as BreadCrumb } from './base/breadCrumb/BreadCrumb.svelte';
|
|
267
|
+
export * from './base/cartouche/types.js';
|
|
268
|
+
export { default as Cartouche } from './base/cartouche/Cartouche.svelte';
|
|
269
269
|
export * from './base/box/types.js';
|
|
270
270
|
export { default as Box } from './base/box/Box.svelte';
|
|
271
271
|
export * from './base/badge/types.js';
|
|
@@ -273,10 +273,10 @@ export { default as Badge } from './base/badge/Badge.svelte';
|
|
|
273
273
|
export * from './base/backdrop/useBackDrop.js';
|
|
274
274
|
export * from './base/backdrop/types.js';
|
|
275
275
|
export { default as Backdrop } from './base/backdrop/Backdrop.svelte';
|
|
276
|
-
export * from './base/avatar/types.js';
|
|
277
|
-
export { default as Avatar } from './base/avatar/Avatar.svelte';
|
|
278
276
|
export * from './base/alert/types.js';
|
|
279
277
|
export { default as Alert } from './base/alert/Alert.svelte';
|
|
278
|
+
export * from './base/avatar/types.js';
|
|
279
|
+
export { default as Avatar } from './base/avatar/Avatar.svelte';
|
|
280
280
|
export * from './utils/uses/sx4u/sx4uPreprocess.js';
|
|
281
281
|
export * from './utils/uses/sx4u/sx4u.js';
|
|
282
282
|
export * from './utils/uses/stickTo/stickTo.js';
|
|
@@ -1035,6 +1035,66 @@ 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
|
+
|
|
1038
1098
|
/** menu.scss ----------------*/
|
|
1039
1099
|
:root {
|
|
1040
1100
|
--menu-min-width: 150px;
|
|
@@ -1133,66 +1193,6 @@ li.menuItem .menu-list-item-action {
|
|
|
1133
1193
|
display: block;
|
|
1134
1194
|
}
|
|
1135
1195
|
|
|
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);
|
|
@@ -1035,6 +1035,66 @@ 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
|
+
|
|
1038
1098
|
/** menu.scss ----------------*/
|
|
1039
1099
|
:root {
|
|
1040
1100
|
--menu-min-width: 150px;
|
|
@@ -1133,66 +1193,6 @@ li.menuItem .menu-list-item-action {
|
|
|
1133
1193
|
display: block;
|
|
1134
1194
|
}
|
|
1135
1195
|
|
|
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);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@medyll/idae-slotui-svelte",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.129.0",
|
|
4
4
|
"scope": "@medyll",
|
|
5
5
|
"description": "A Svelte 5 component library for building modular and reactive user interfaces.",
|
|
6
6
|
"scripts": {
|
|
@@ -89,8 +89,8 @@
|
|
|
89
89
|
"dependencies": {
|
|
90
90
|
"@iconify/svelte": "^4.2.0",
|
|
91
91
|
"@medyll/cssfabric": "^0.4.2",
|
|
92
|
-
"@medyll/idae-be": "^1.
|
|
93
|
-
"@medyll/idae-engine": "^1.
|
|
92
|
+
"@medyll/idae-be": "^1.37.0",
|
|
93
|
+
"@medyll/idae-engine": "^1.126.0",
|
|
94
94
|
"d3": "^7.9.0",
|
|
95
95
|
"lerna": "^8.2.1",
|
|
96
96
|
"npm-check-updates": "^17.1.16",
|