@medyll/idae-slotui-svelte 0.29.0 → 0.30.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-combined.css +97 -97
- package/package.json +3 -3
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export * from './componentCite.js';
|
|
2
|
+
export * from './csss/csss.js';
|
|
2
3
|
export * as windowMinCss from './slotui-css/window.min.css';
|
|
3
4
|
export * as windowCss from './slotui-css/window.css';
|
|
4
5
|
export * as treeMinCss from './slotui-css/tree.min.css';
|
|
@@ -106,7 +107,6 @@ export * as autoCompleteMinCss from './slotui-css/auto-complete.min.css';
|
|
|
106
107
|
export * as autoCompleteCss from './slotui-css/auto-complete.css';
|
|
107
108
|
export * as alertMinCss from './slotui-css/alert.min.css';
|
|
108
109
|
export * as alertCss from './slotui-css/alert.css';
|
|
109
|
-
export * from './csss/csss.js';
|
|
110
110
|
export * from './utils/uses/toggler.js';
|
|
111
111
|
export * from './utils/uses/positioner.js';
|
|
112
112
|
export * from './utils/uses/navigation.js';
|
|
@@ -131,6 +131,9 @@ export { default as Css } from './utils/css/Css.svelte';
|
|
|
131
131
|
export { default as ContextRooter } from './utils/contextRooter/ContextRooter.svelte';
|
|
132
132
|
export * from './utils/content/types.js';
|
|
133
133
|
export { default as Content } from './utils/content/Content.svelte';
|
|
134
|
+
export * from './styles/slotuisheet/utils.js';
|
|
135
|
+
export * from './styles/slotuisheet/types.js';
|
|
136
|
+
export { default as SlotuiSheet } from './styles/slotuisheet/SlotuiSheet.svelte';
|
|
134
137
|
export * from './ui/window/types.js';
|
|
135
138
|
export * from './ui/window/store.js';
|
|
136
139
|
export * from './ui/window/actions.svelte.js';
|
|
@@ -185,9 +188,6 @@ export { default as ChromeFrameList } from './ui/chromeFrame/ChromeFrameList.sve
|
|
|
185
188
|
export { default as ChromeFrameButtonList } from './ui/chromeFrame/ChromeFrameButtonList.svelte';
|
|
186
189
|
export { default as ChromeFrame } from './ui/chromeFrame/ChromeFrame.svelte';
|
|
187
190
|
export { default as BootStrApp } from './ui/bootstrapp/BootStrApp.svelte';
|
|
188
|
-
export * from './styles/slotuisheet/utils.js';
|
|
189
|
-
export * from './styles/slotuisheet/types.js';
|
|
190
|
-
export { default as SlotuiSheet } from './styles/slotuisheet/SlotuiSheet.svelte';
|
|
191
191
|
export * from './navigation/tabs/types.js';
|
|
192
192
|
export { default as Tabs } from './navigation/tabs/Tabs.svelte';
|
|
193
193
|
export * from './navigation/drawer/types.js';
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
// auto exports of entry components
|
|
2
2
|
export * from './componentCite.js';
|
|
3
|
+
export * from './csss/csss.js';
|
|
3
4
|
export * as windowMinCss from './slotui-css/window.min.css';
|
|
4
5
|
export * as windowCss from './slotui-css/window.css';
|
|
5
6
|
export * as treeMinCss from './slotui-css/tree.min.css';
|
|
@@ -107,7 +108,6 @@ export * as autoCompleteMinCss from './slotui-css/auto-complete.min.css';
|
|
|
107
108
|
export * as autoCompleteCss from './slotui-css/auto-complete.css';
|
|
108
109
|
export * as alertMinCss from './slotui-css/alert.min.css';
|
|
109
110
|
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';
|
|
@@ -132,6 +132,9 @@ export { default as Css } from './utils/css/Css.svelte';
|
|
|
132
132
|
export { default as ContextRooter } from './utils/contextRooter/ContextRooter.svelte';
|
|
133
133
|
export * from './utils/content/types.js';
|
|
134
134
|
export { default as Content } from './utils/content/Content.svelte';
|
|
135
|
+
export * from './styles/slotuisheet/utils.js';
|
|
136
|
+
export * from './styles/slotuisheet/types.js';
|
|
137
|
+
export { default as SlotuiSheet } from './styles/slotuisheet/SlotuiSheet.svelte';
|
|
135
138
|
export * from './ui/window/types.js';
|
|
136
139
|
export * from './ui/window/store.js';
|
|
137
140
|
export * from './ui/window/actions.svelte.js';
|
|
@@ -186,9 +189,6 @@ export { default as ChromeFrameList } from './ui/chromeFrame/ChromeFrameList.sve
|
|
|
186
189
|
export { default as ChromeFrameButtonList } from './ui/chromeFrame/ChromeFrameButtonList.svelte';
|
|
187
190
|
export { default as ChromeFrame } from './ui/chromeFrame/ChromeFrame.svelte';
|
|
188
191
|
export { default as BootStrApp } from './ui/bootstrapp/BootStrApp.svelte';
|
|
189
|
-
export * from './styles/slotuisheet/utils.js';
|
|
190
|
-
export * from './styles/slotuisheet/types.js';
|
|
191
|
-
export { default as SlotuiSheet } from './styles/slotuisheet/SlotuiSheet.svelte';
|
|
192
192
|
export * from './navigation/tabs/types.js';
|
|
193
193
|
export { default as Tabs } from './navigation/tabs/Tabs.svelte';
|
|
194
194
|
export * from './navigation/drawer/types.js';
|
|
@@ -817,6 +817,103 @@ dialog.window .ctrlZone {
|
|
|
817
817
|
background-color: var(--panel-bar-button-background-color);
|
|
818
818
|
}
|
|
819
819
|
|
|
820
|
+
/** menu.scss ----------------*/
|
|
821
|
+
:root {
|
|
822
|
+
--menu-min-width: 150px;
|
|
823
|
+
--menu-padding: 0.25rem;
|
|
824
|
+
--menu-color: var(--sld-color-foreground);
|
|
825
|
+
--menu-item-border-radius: var(--sld-radius-small);
|
|
826
|
+
--menu-item-icon-width: 16px;
|
|
827
|
+
--menu-item-text-padding-left: 0.25rem;
|
|
828
|
+
}
|
|
829
|
+
|
|
830
|
+
ul.menu {
|
|
831
|
+
margin: 0;
|
|
832
|
+
min-width: var(--menu-min-width);
|
|
833
|
+
padding: var(--menu-padding);
|
|
834
|
+
cursor: pointer;
|
|
835
|
+
display: block;
|
|
836
|
+
color: var(--menu-color);
|
|
837
|
+
}
|
|
838
|
+
ul.menu li.menuTitle {
|
|
839
|
+
position: sticky;
|
|
840
|
+
margin-top: 0px !important;
|
|
841
|
+
top: 0px;
|
|
842
|
+
z-index: 1;
|
|
843
|
+
}
|
|
844
|
+
|
|
845
|
+
li.menuItem {
|
|
846
|
+
border-radius: var(--menu-item-border-radius);
|
|
847
|
+
overflow: hidden;
|
|
848
|
+
display: flex;
|
|
849
|
+
align-items: center;
|
|
850
|
+
border: 1px solid transparent;
|
|
851
|
+
}
|
|
852
|
+
li.menuItem:hover {
|
|
853
|
+
border-color: var(--sld-hover-border-color);
|
|
854
|
+
background-color: var(--sld-background-disabled);
|
|
855
|
+
}
|
|
856
|
+
li.menuItem.selected, li.menuItem[aria-selected=true], li.menuItem[data-selected=true] {
|
|
857
|
+
border-color: none;
|
|
858
|
+
background-color: var(--sld-selected-background-color, var(--sld-color-background-darken-mid));
|
|
859
|
+
box-shadow: var(--sld-selected-shadow);
|
|
860
|
+
}
|
|
861
|
+
li.menuItem.selected .listItemChip,
|
|
862
|
+
li.menuItem.selected .menuItemChip, li.menuItem[aria-selected=true] .listItemChip,
|
|
863
|
+
li.menuItem[aria-selected=true] .menuItemChip, li.menuItem[data-selected=true] .listItemChip,
|
|
864
|
+
li.menuItem[data-selected=true] .menuItemChip {
|
|
865
|
+
position: absolute;
|
|
866
|
+
min-height: 16px;
|
|
867
|
+
height: 50%;
|
|
868
|
+
width: 3px;
|
|
869
|
+
background-color: var(--sld-color-primary);
|
|
870
|
+
border-radius: var(--sld-radius-med);
|
|
871
|
+
left: 0;
|
|
872
|
+
border: 1px solid var(--sld-color-primary-alpha-mid);
|
|
873
|
+
}
|
|
874
|
+
li.menuItem {
|
|
875
|
+
--preset-tall: var(--sld-tall-small);
|
|
876
|
+
min-height: var(--preset-tall-small);
|
|
877
|
+
height: var(--preset-tall-small);
|
|
878
|
+
}
|
|
879
|
+
li.menuItem[tall=tiny], li.menuItem.tall-tiny {
|
|
880
|
+
min-height: var(--sld-tall-tiny) !important;
|
|
881
|
+
}
|
|
882
|
+
li.menuItem[tall=mini], li.menuItem.tall-mini {
|
|
883
|
+
min-height: var(--sld-tall-mini) !important;
|
|
884
|
+
}
|
|
885
|
+
li.menuItem[tall=small], li.menuItem.tall-small {
|
|
886
|
+
min-height: var(--sld-tall-small) !important;
|
|
887
|
+
}
|
|
888
|
+
li.menuItem[tall=med], li.menuItem.tall-med {
|
|
889
|
+
min-height: var(--sld-tall-med) !important;
|
|
890
|
+
}
|
|
891
|
+
li.menuItem[tall=kind], li.menuItem.tall-kind {
|
|
892
|
+
min-height: var(--sld-tall-kind) !important;
|
|
893
|
+
}
|
|
894
|
+
li.menuItem[tall=auto], li.menuItem.tall-auto {
|
|
895
|
+
min-height: var(--sld-tall-auto) !important;
|
|
896
|
+
}
|
|
897
|
+
li.menuItem[tall=default], li.menuItem.tall-default {
|
|
898
|
+
min-height: var(--sld-tall-default) !important;
|
|
899
|
+
}
|
|
900
|
+
li.menuItem .menuListItemIcon {
|
|
901
|
+
width: var(--menu-item-icon-width);
|
|
902
|
+
max-width: var(--menu-item-icon-width);
|
|
903
|
+
text-align: center;
|
|
904
|
+
overflow: hidden;
|
|
905
|
+
text-align: center;
|
|
906
|
+
display: flex;
|
|
907
|
+
justify-content: center;
|
|
908
|
+
}
|
|
909
|
+
li.menuItem .menu-list-item-text {
|
|
910
|
+
flex: 1;
|
|
911
|
+
padding-left: var(--menu-item-text-padding-left);
|
|
912
|
+
}
|
|
913
|
+
li.menuItem .menu-list-item-action {
|
|
914
|
+
display: block;
|
|
915
|
+
}
|
|
916
|
+
|
|
820
917
|
/** menu-list.scss ----------------*/
|
|
821
918
|
:root {
|
|
822
919
|
--menu-list-padding: var(--sld-pad-tiny);
|
|
@@ -1165,103 +1262,6 @@ dialog.window .ctrlZone {
|
|
|
1165
1262
|
visibility: hidden;
|
|
1166
1263
|
}
|
|
1167
1264
|
|
|
1168
|
-
/** menu.scss ----------------*/
|
|
1169
|
-
:root {
|
|
1170
|
-
--menu-min-width: 150px;
|
|
1171
|
-
--menu-padding: 0.25rem;
|
|
1172
|
-
--menu-color: var(--sld-color-foreground);
|
|
1173
|
-
--menu-item-border-radius: var(--sld-radius-small);
|
|
1174
|
-
--menu-item-icon-width: 16px;
|
|
1175
|
-
--menu-item-text-padding-left: 0.25rem;
|
|
1176
|
-
}
|
|
1177
|
-
|
|
1178
|
-
ul.menu {
|
|
1179
|
-
margin: 0;
|
|
1180
|
-
min-width: var(--menu-min-width);
|
|
1181
|
-
padding: var(--menu-padding);
|
|
1182
|
-
cursor: pointer;
|
|
1183
|
-
display: block;
|
|
1184
|
-
color: var(--menu-color);
|
|
1185
|
-
}
|
|
1186
|
-
ul.menu li.menuTitle {
|
|
1187
|
-
position: sticky;
|
|
1188
|
-
margin-top: 0px !important;
|
|
1189
|
-
top: 0px;
|
|
1190
|
-
z-index: 1;
|
|
1191
|
-
}
|
|
1192
|
-
|
|
1193
|
-
li.menuItem {
|
|
1194
|
-
border-radius: var(--menu-item-border-radius);
|
|
1195
|
-
overflow: hidden;
|
|
1196
|
-
display: flex;
|
|
1197
|
-
align-items: center;
|
|
1198
|
-
border: 1px solid transparent;
|
|
1199
|
-
}
|
|
1200
|
-
li.menuItem:hover {
|
|
1201
|
-
border-color: var(--sld-hover-border-color);
|
|
1202
|
-
background-color: var(--sld-background-disabled);
|
|
1203
|
-
}
|
|
1204
|
-
li.menuItem.selected, li.menuItem[aria-selected=true], li.menuItem[data-selected=true] {
|
|
1205
|
-
border-color: none;
|
|
1206
|
-
background-color: var(--sld-selected-background-color, var(--sld-color-background-darken-mid));
|
|
1207
|
-
box-shadow: var(--sld-selected-shadow);
|
|
1208
|
-
}
|
|
1209
|
-
li.menuItem.selected .listItemChip,
|
|
1210
|
-
li.menuItem.selected .menuItemChip, li.menuItem[aria-selected=true] .listItemChip,
|
|
1211
|
-
li.menuItem[aria-selected=true] .menuItemChip, li.menuItem[data-selected=true] .listItemChip,
|
|
1212
|
-
li.menuItem[data-selected=true] .menuItemChip {
|
|
1213
|
-
position: absolute;
|
|
1214
|
-
min-height: 16px;
|
|
1215
|
-
height: 50%;
|
|
1216
|
-
width: 3px;
|
|
1217
|
-
background-color: var(--sld-color-primary);
|
|
1218
|
-
border-radius: var(--sld-radius-med);
|
|
1219
|
-
left: 0;
|
|
1220
|
-
border: 1px solid var(--sld-color-primary-alpha-mid);
|
|
1221
|
-
}
|
|
1222
|
-
li.menuItem {
|
|
1223
|
-
--preset-tall: var(--sld-tall-small);
|
|
1224
|
-
min-height: var(--preset-tall-small);
|
|
1225
|
-
height: var(--preset-tall-small);
|
|
1226
|
-
}
|
|
1227
|
-
li.menuItem[tall=tiny], li.menuItem.tall-tiny {
|
|
1228
|
-
min-height: var(--sld-tall-tiny) !important;
|
|
1229
|
-
}
|
|
1230
|
-
li.menuItem[tall=mini], li.menuItem.tall-mini {
|
|
1231
|
-
min-height: var(--sld-tall-mini) !important;
|
|
1232
|
-
}
|
|
1233
|
-
li.menuItem[tall=small], li.menuItem.tall-small {
|
|
1234
|
-
min-height: var(--sld-tall-small) !important;
|
|
1235
|
-
}
|
|
1236
|
-
li.menuItem[tall=med], li.menuItem.tall-med {
|
|
1237
|
-
min-height: var(--sld-tall-med) !important;
|
|
1238
|
-
}
|
|
1239
|
-
li.menuItem[tall=kind], li.menuItem.tall-kind {
|
|
1240
|
-
min-height: var(--sld-tall-kind) !important;
|
|
1241
|
-
}
|
|
1242
|
-
li.menuItem[tall=auto], li.menuItem.tall-auto {
|
|
1243
|
-
min-height: var(--sld-tall-auto) !important;
|
|
1244
|
-
}
|
|
1245
|
-
li.menuItem[tall=default], li.menuItem.tall-default {
|
|
1246
|
-
min-height: var(--sld-tall-default) !important;
|
|
1247
|
-
}
|
|
1248
|
-
li.menuItem .menuListItemIcon {
|
|
1249
|
-
width: var(--menu-item-icon-width);
|
|
1250
|
-
max-width: var(--menu-item-icon-width);
|
|
1251
|
-
text-align: center;
|
|
1252
|
-
overflow: hidden;
|
|
1253
|
-
text-align: center;
|
|
1254
|
-
display: flex;
|
|
1255
|
-
justify-content: center;
|
|
1256
|
-
}
|
|
1257
|
-
li.menuItem .menu-list-item-text {
|
|
1258
|
-
flex: 1;
|
|
1259
|
-
padding-left: var(--menu-item-text-padding-left);
|
|
1260
|
-
}
|
|
1261
|
-
li.menuItem .menu-list-item-action {
|
|
1262
|
-
display: block;
|
|
1263
|
-
}
|
|
1264
|
-
|
|
1265
1265
|
/** marquee.scss ----------------*/
|
|
1266
1266
|
.marquee {
|
|
1267
1267
|
flex: 1;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@medyll/idae-slotui-svelte",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.30.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.0.2",
|
|
89
89
|
"@medyll/cssfabric": "^0.4.2",
|
|
90
|
-
"@medyll/idae-be": "^0.
|
|
91
|
-
"@medyll/idae-engine": "^1.
|
|
90
|
+
"@medyll/idae-be": "^0.30.0",
|
|
91
|
+
"@medyll/idae-engine": "^1.28.0",
|
|
92
92
|
"d3": "^7.9.0",
|
|
93
93
|
"lerna": "^8.1.8",
|
|
94
94
|
"npm-check-updates": "^17.0.2",
|