@medyll/idae-slotui-svelte 0.128.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 +4 -4
- package/dist/index.js +4 -4
- 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
|
@@ -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
|
@@ -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",
|