@medyll/idae-slotui-svelte 0.89.0 → 0.90.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 +1 -1
- package/dist/index.js +1 -1
- package/dist/slotui-css/slotui-css.css +75 -75
- package/dist/slotui-css/slotui-min-css.css +75 -75
- package/package.json +3 -3
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
export * from './componentCite.js';
|
|
2
|
-
export * from './csss/csss.js';
|
|
3
2
|
export * as windowMinCss from './slotui-css/window.min.css';
|
|
4
3
|
export * as windowCss from './slotui-css/window.css';
|
|
5
4
|
export * as treeMinCss from './slotui-css/tree.min.css';
|
|
@@ -108,6 +107,7 @@ export * as autoCompleteMinCss from './slotui-css/auto-complete.min.css';
|
|
|
108
107
|
export * as autoCompleteCss from './slotui-css/auto-complete.css';
|
|
109
108
|
export * as alertMinCss from './slotui-css/alert.min.css';
|
|
110
109
|
export * as alertCss from './slotui-css/alert.css';
|
|
110
|
+
export * from './csss/csss.js';
|
|
111
111
|
export * from './utils/uses/toggler.js';
|
|
112
112
|
export * from './utils/uses/positioner.js';
|
|
113
113
|
export * from './utils/uses/navigation.js';
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
// auto exports of entry components
|
|
2
2
|
export * from './componentCite.js';
|
|
3
|
-
export * from './csss/csss.js';
|
|
4
3
|
export * as windowMinCss from './slotui-css/window.min.css';
|
|
5
4
|
export * as windowCss from './slotui-css/window.css';
|
|
6
5
|
export * as treeMinCss from './slotui-css/tree.min.css';
|
|
@@ -109,6 +108,7 @@ export * as autoCompleteMinCss from './slotui-css/auto-complete.min.css';
|
|
|
109
108
|
export * as autoCompleteCss from './slotui-css/auto-complete.css';
|
|
110
109
|
export * as alertMinCss from './slotui-css/alert.min.css';
|
|
111
110
|
export * as alertCss from './slotui-css/alert.css';
|
|
111
|
+
export * from './csss/csss.js';
|
|
112
112
|
export * from './utils/uses/toggler.js';
|
|
113
113
|
export * from './utils/uses/positioner.js';
|
|
114
114
|
export * from './utils/uses/navigation.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);
|
|
@@ -4426,6 +4426,21 @@ 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
|
+
|
|
4429
4444
|
/** backdrop.scss ----------------*/
|
|
4430
4445
|
:root {
|
|
4431
4446
|
--backdrop-background-color: var(--sld-color-foreground-alpha-high);
|
|
@@ -4460,21 +4475,6 @@ hr.vertical {
|
|
|
4460
4475
|
display: inherit;
|
|
4461
4476
|
}
|
|
4462
4477
|
|
|
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,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);
|
|
@@ -4426,6 +4426,21 @@ 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
|
+
|
|
4429
4444
|
/** backdrop.scss ----------------*/
|
|
4430
4445
|
:root {
|
|
4431
4446
|
--backdrop-background-color: var(--sld-color-foreground-alpha-high);
|
|
@@ -4460,21 +4475,6 @@ hr.vertical {
|
|
|
4460
4475
|
display: inherit;
|
|
4461
4476
|
}
|
|
4462
4477
|
|
|
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.
|
|
3
|
+
"version": "0.90.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.
|
|
91
|
-
"@medyll/idae-engine": "^1.
|
|
90
|
+
"@medyll/idae-be": "^0.89.0",
|
|
91
|
+
"@medyll/idae-engine": "^1.87.0",
|
|
92
92
|
"d3": "^7.9.0",
|
|
93
93
|
"lerna": "^8.2.1",
|
|
94
94
|
"npm-check-updates": "^17.1.16",
|