@medyll/idae-slotui-svelte 0.129.0 → 0.130.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
|
@@ -227,10 +227,10 @@ export * from './controls/progress/types.js';
|
|
|
227
227
|
export { default as Progress } from './controls/progress/Progress.svelte';
|
|
228
228
|
export * from './controls/inplaceedit/types.js';
|
|
229
229
|
export { default as InPlaceEdit } from './controls/inplaceedit/InPlaceEdit.svelte';
|
|
230
|
-
export * from './controls/confirm/types.js';
|
|
231
|
-
export { default as Confirm } from './controls/confirm/Confirm.svelte';
|
|
232
230
|
export * from './controls/checkbox/types.js';
|
|
233
231
|
export { default as Checkbox } from './controls/checkbox/Checkbox.svelte';
|
|
232
|
+
export * from './controls/confirm/types.js';
|
|
233
|
+
export { default as Confirm } from './controls/confirm/Confirm.svelte';
|
|
234
234
|
export * from './controls/button/types.js';
|
|
235
235
|
export { default as IconButton } from './controls/button/IconButton.svelte';
|
|
236
236
|
export { default as ButtonMenu } from './controls/button/ButtonMenu.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/breadCrumb/types.js';
|
|
265
|
-
export { default as BreadCrumb } from './base/breadCrumb/BreadCrumb.svelte';
|
|
266
264
|
export * from './base/cartouche/types.js';
|
|
267
265
|
export { default as Cartouche } from './base/cartouche/Cartouche.svelte';
|
|
266
|
+
export * from './base/breadCrumb/types.js';
|
|
267
|
+
export { default as BreadCrumb } from './base/breadCrumb/BreadCrumb.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/alert/types.js';
|
|
276
|
-
export { default as Alert } from './base/alert/Alert.svelte';
|
|
277
275
|
export * from './base/avatar/types.js';
|
|
278
276
|
export { default as Avatar } from './base/avatar/Avatar.svelte';
|
|
277
|
+
export * from './base/alert/types.js';
|
|
278
|
+
export { default as Alert } from './base/alert/Alert.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
|
@@ -228,10 +228,10 @@ export * from './controls/progress/types.js';
|
|
|
228
228
|
export { default as Progress } from './controls/progress/Progress.svelte';
|
|
229
229
|
export * from './controls/inplaceedit/types.js';
|
|
230
230
|
export { default as InPlaceEdit } from './controls/inplaceedit/InPlaceEdit.svelte';
|
|
231
|
-
export * from './controls/confirm/types.js';
|
|
232
|
-
export { default as Confirm } from './controls/confirm/Confirm.svelte';
|
|
233
231
|
export * from './controls/checkbox/types.js';
|
|
234
232
|
export { default as Checkbox } from './controls/checkbox/Checkbox.svelte';
|
|
233
|
+
export * from './controls/confirm/types.js';
|
|
234
|
+
export { default as Confirm } from './controls/confirm/Confirm.svelte';
|
|
235
235
|
export * from './controls/button/types.js';
|
|
236
236
|
export { default as IconButton } from './controls/button/IconButton.svelte';
|
|
237
237
|
export { default as ButtonMenu } from './controls/button/ButtonMenu.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/breadCrumb/types.js';
|
|
266
|
-
export { default as BreadCrumb } from './base/breadCrumb/BreadCrumb.svelte';
|
|
267
265
|
export * from './base/cartouche/types.js';
|
|
268
266
|
export { default as Cartouche } from './base/cartouche/Cartouche.svelte';
|
|
267
|
+
export * from './base/breadCrumb/types.js';
|
|
268
|
+
export { default as BreadCrumb } from './base/breadCrumb/BreadCrumb.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/alert/types.js';
|
|
277
|
-
export { default as Alert } from './base/alert/Alert.svelte';
|
|
278
276
|
export * from './base/avatar/types.js';
|
|
279
277
|
export { default as Avatar } from './base/avatar/Avatar.svelte';
|
|
278
|
+
export * from './base/alert/types.js';
|
|
279
|
+
export { default as Alert } from './base/alert/Alert.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,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);
|
|
@@ -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);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@medyll/idae-slotui-svelte",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.130.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.38.0",
|
|
93
|
+
"@medyll/idae-engine": "^1.127.0",
|
|
94
94
|
"d3": "^7.9.0",
|
|
95
95
|
"lerna": "^8.2.1",
|
|
96
96
|
"npm-check-updates": "^17.1.16",
|