@medyll/idae-slotui-svelte 0.30.0 → 0.31.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,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';
|
|
@@ -107,6 +106,7 @@ export * as autoCompleteMinCss from './slotui-css/auto-complete.min.css';
|
|
|
107
106
|
export * as autoCompleteCss from './slotui-css/auto-complete.css';
|
|
108
107
|
export * as alertMinCss from './slotui-css/alert.min.css';
|
|
109
108
|
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,9 +131,6 @@ 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';
|
|
137
134
|
export * from './ui/window/types.js';
|
|
138
135
|
export * from './ui/window/store.js';
|
|
139
136
|
export * from './ui/window/actions.svelte.js';
|
|
@@ -188,6 +185,9 @@ export { default as ChromeFrameList } from './ui/chromeFrame/ChromeFrameList.sve
|
|
|
188
185
|
export { default as ChromeFrameButtonList } from './ui/chromeFrame/ChromeFrameButtonList.svelte';
|
|
189
186
|
export { default as ChromeFrame } from './ui/chromeFrame/ChromeFrame.svelte';
|
|
190
187
|
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,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';
|
|
@@ -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';
|
|
@@ -132,9 +132,6 @@ 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';
|
|
138
135
|
export * from './ui/window/types.js';
|
|
139
136
|
export * from './ui/window/store.js';
|
|
140
137
|
export * from './ui/window/actions.svelte.js';
|
|
@@ -189,6 +186,9 @@ export { default as ChromeFrameList } from './ui/chromeFrame/ChromeFrameList.sve
|
|
|
189
186
|
export { default as ChromeFrameButtonList } from './ui/chromeFrame/ChromeFrameButtonList.svelte';
|
|
190
187
|
export { default as ChromeFrame } from './ui/chromeFrame/ChromeFrame.svelte';
|
|
191
188
|
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,103 +817,6 @@ 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
|
-
|
|
917
820
|
/** menu-list.scss ----------------*/
|
|
918
821
|
:root {
|
|
919
822
|
--menu-list-padding: var(--sld-pad-tiny);
|
|
@@ -1262,6 +1165,103 @@ li.menuItem .menu-list-item-action {
|
|
|
1262
1165
|
visibility: hidden;
|
|
1263
1166
|
}
|
|
1264
1167
|
|
|
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.31.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.31.0",
|
|
91
|
+
"@medyll/idae-engine": "^1.29.0",
|
|
92
92
|
"d3": "^7.9.0",
|
|
93
93
|
"lerna": "^8.1.8",
|
|
94
94
|
"npm-check-updates": "^17.0.2",
|