@medyll/idae-slotui-svelte 0.144.0 → 0.145.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 +10 -10
- package/dist/index.js +10 -10
- package/dist/slotui-css/slotui-css.css +116 -116
- package/dist/slotui-css/slotui-min-css.css +116 -116
- package/package.json +3 -3
package/dist/index.d.ts
CHANGED
|
@@ -136,11 +136,11 @@ export * from './ui/window/types.js';
|
|
|
136
136
|
export * from './ui/window/store.js';
|
|
137
137
|
export * from './ui/window/actions.svelte.js';
|
|
138
138
|
export { default as Window } from './ui/window/Window.svelte';
|
|
139
|
+
export * from './ui/toolBar/types.js';
|
|
140
|
+
export { default as ToolBar } from './ui/toolBar/ToolBar.svelte';
|
|
139
141
|
export * from './ui/tree/types.js';
|
|
140
142
|
export * from './ui/tree/tree.utils.js';
|
|
141
143
|
export { default as Tree } from './ui/tree/Tree.svelte';
|
|
142
|
-
export * from './ui/toolBar/types.js';
|
|
143
|
-
export { default as ToolBar } from './ui/toolBar/ToolBar.svelte';
|
|
144
144
|
export * from './ui/toggleBar/types.js';
|
|
145
145
|
export { default as ToggleBar } from './ui/toggleBar/ToggleBar.svelte';
|
|
146
146
|
export * from './ui/toast/types.js';
|
|
@@ -189,15 +189,15 @@ export { default as BootStrApp } from './ui/bootstrapp/BootStrApp.svelte';
|
|
|
189
189
|
export * from './styles/slotuisheet/utils.js';
|
|
190
190
|
export * from './styles/slotuisheet/types.js';
|
|
191
191
|
export { default as SlotuiSheet } from './styles/slotuisheet/SlotuiSheet.svelte';
|
|
192
|
-
export * from './navigation/tabs/types.js';
|
|
193
|
-
export { default as Tabs } from './navigation/tabs/Tabs.svelte';
|
|
194
192
|
export * from './navigation/drawer/types.js';
|
|
195
193
|
export { default as Drawer } from './navigation/drawer/Drawer.svelte';
|
|
194
|
+
export * from './navigation/tabs/types.js';
|
|
195
|
+
export { default as Tabs } from './navigation/tabs/Tabs.svelte';
|
|
196
|
+
export * from './data/loader/types.js';
|
|
197
|
+
export { default as Loader } from './data/loader/Loader.svelte';
|
|
196
198
|
export * from './data/sorter/types.js';
|
|
197
199
|
export { default as Sorterer } from './data/sorter/Sorterer.svelte';
|
|
198
200
|
export { default as Sorter } from './data/sorter/Sorter.svelte';
|
|
199
|
-
export * from './data/loader/types.js';
|
|
200
|
-
export { default as Loader } from './data/loader/Loader.svelte';
|
|
201
201
|
export { default as ListTitle } from './data/list/ListTitle.svelte';
|
|
202
202
|
export { default as ListItem } from './data/list/ListItem.svelte';
|
|
203
203
|
export { default as List } from './data/list/List.svelte';
|
|
@@ -238,21 +238,21 @@ export { default as ButtonAction } from './controls/button/ButtonAction.svelte';
|
|
|
238
238
|
export { default as Button } from './controls/button/Button.svelte';
|
|
239
239
|
export * from './controls/autocomplete/types.js';
|
|
240
240
|
export { default as AutoComplete } from './controls/autocomplete/AutoComplete.svelte';
|
|
241
|
-
export * from './base/titleBar/types.js';
|
|
242
|
-
export { default as TitleBar } from './base/titleBar/TitleBar.svelte';
|
|
243
241
|
export * from './base/paper/type.js';
|
|
244
242
|
export { default as Paper } from './base/paper/Paper.svelte';
|
|
243
|
+
export * from './base/titleBar/types.js';
|
|
244
|
+
export { default as TitleBar } from './base/titleBar/TitleBar.svelte';
|
|
245
245
|
export * from './base/icon/types.js';
|
|
246
246
|
export { default as Icon } from './base/icon/Icon.svelte';
|
|
247
247
|
export * from './base/divider/types.js';
|
|
248
248
|
export { default as Divider } from './base/divider/Divider.svelte';
|
|
249
|
-
export { default as Debug } from './base/debug/Debug.svelte';
|
|
250
249
|
export * from './base/demoer/types.js';
|
|
251
250
|
export * from './base/demoer/demoer.utils.js';
|
|
252
251
|
export { default as DemoerComponent } from './base/demoer/DemoerComponent.svelte';
|
|
253
252
|
export { default as DemoerCode } from './base/demoer/DemoerCode.svelte';
|
|
254
253
|
export { default as Demoer } from './base/demoer/Demoer.svelte';
|
|
255
254
|
export { default as DemoPage } from './base/demoer/DemoPage.svelte';
|
|
255
|
+
export { default as Debug } from './base/debug/Debug.svelte';
|
|
256
256
|
export * from './base/contentSwitcher/useContentSwitcher.js';
|
|
257
257
|
export * from './base/contentSwitcher/types.js';
|
|
258
258
|
export { default as ContentSwitcher } from './base/contentSwitcher/ContentSwitcher.svelte';
|
|
@@ -278,7 +278,7 @@ export * from './base/alert/types.js';
|
|
|
278
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
|
-
export * from './utils/uses/stickTo/stickTo.js';
|
|
282
281
|
export * from './utils/uses/resizer/resizer.js';
|
|
282
|
+
export * from './utils/uses/stickTo/stickTo.js';
|
|
283
283
|
export * from './utils/uses/clickAway/clickAway.js';
|
|
284
284
|
export * from './utils/uses/autofocus/autofocus.js';
|
package/dist/index.js
CHANGED
|
@@ -137,11 +137,11 @@ export * from './ui/window/types.js';
|
|
|
137
137
|
export * from './ui/window/store.js';
|
|
138
138
|
export * from './ui/window/actions.svelte.js';
|
|
139
139
|
export { default as Window } from './ui/window/Window.svelte';
|
|
140
|
+
export * from './ui/toolBar/types.js';
|
|
141
|
+
export { default as ToolBar } from './ui/toolBar/ToolBar.svelte';
|
|
140
142
|
export * from './ui/tree/types.js';
|
|
141
143
|
export * from './ui/tree/tree.utils.js';
|
|
142
144
|
export { default as Tree } from './ui/tree/Tree.svelte';
|
|
143
|
-
export * from './ui/toolBar/types.js';
|
|
144
|
-
export { default as ToolBar } from './ui/toolBar/ToolBar.svelte';
|
|
145
145
|
export * from './ui/toggleBar/types.js';
|
|
146
146
|
export { default as ToggleBar } from './ui/toggleBar/ToggleBar.svelte';
|
|
147
147
|
export * from './ui/toast/types.js';
|
|
@@ -190,15 +190,15 @@ export { default as BootStrApp } from './ui/bootstrapp/BootStrApp.svelte';
|
|
|
190
190
|
export * from './styles/slotuisheet/utils.js';
|
|
191
191
|
export * from './styles/slotuisheet/types.js';
|
|
192
192
|
export { default as SlotuiSheet } from './styles/slotuisheet/SlotuiSheet.svelte';
|
|
193
|
-
export * from './navigation/tabs/types.js';
|
|
194
|
-
export { default as Tabs } from './navigation/tabs/Tabs.svelte';
|
|
195
193
|
export * from './navigation/drawer/types.js';
|
|
196
194
|
export { default as Drawer } from './navigation/drawer/Drawer.svelte';
|
|
195
|
+
export * from './navigation/tabs/types.js';
|
|
196
|
+
export { default as Tabs } from './navigation/tabs/Tabs.svelte';
|
|
197
|
+
export * from './data/loader/types.js';
|
|
198
|
+
export { default as Loader } from './data/loader/Loader.svelte';
|
|
197
199
|
export * from './data/sorter/types.js';
|
|
198
200
|
export { default as Sorterer } from './data/sorter/Sorterer.svelte';
|
|
199
201
|
export { default as Sorter } from './data/sorter/Sorter.svelte';
|
|
200
|
-
export * from './data/loader/types.js';
|
|
201
|
-
export { default as Loader } from './data/loader/Loader.svelte';
|
|
202
202
|
export { default as ListTitle } from './data/list/ListTitle.svelte';
|
|
203
203
|
export { default as ListItem } from './data/list/ListItem.svelte';
|
|
204
204
|
export { default as List } from './data/list/List.svelte';
|
|
@@ -239,21 +239,21 @@ export { default as ButtonAction } from './controls/button/ButtonAction.svelte';
|
|
|
239
239
|
export { default as Button } from './controls/button/Button.svelte';
|
|
240
240
|
export * from './controls/autocomplete/types.js';
|
|
241
241
|
export { default as AutoComplete } from './controls/autocomplete/AutoComplete.svelte';
|
|
242
|
-
export * from './base/titleBar/types.js';
|
|
243
|
-
export { default as TitleBar } from './base/titleBar/TitleBar.svelte';
|
|
244
242
|
export * from './base/paper/type.js';
|
|
245
243
|
export { default as Paper } from './base/paper/Paper.svelte';
|
|
244
|
+
export * from './base/titleBar/types.js';
|
|
245
|
+
export { default as TitleBar } from './base/titleBar/TitleBar.svelte';
|
|
246
246
|
export * from './base/icon/types.js';
|
|
247
247
|
export { default as Icon } from './base/icon/Icon.svelte';
|
|
248
248
|
export * from './base/divider/types.js';
|
|
249
249
|
export { default as Divider } from './base/divider/Divider.svelte';
|
|
250
|
-
export { default as Debug } from './base/debug/Debug.svelte';
|
|
251
250
|
export * from './base/demoer/types.js';
|
|
252
251
|
export * from './base/demoer/demoer.utils.js';
|
|
253
252
|
export { default as DemoerComponent } from './base/demoer/DemoerComponent.svelte';
|
|
254
253
|
export { default as DemoerCode } from './base/demoer/DemoerCode.svelte';
|
|
255
254
|
export { default as Demoer } from './base/demoer/Demoer.svelte';
|
|
256
255
|
export { default as DemoPage } from './base/demoer/DemoPage.svelte';
|
|
256
|
+
export { default as Debug } from './base/debug/Debug.svelte';
|
|
257
257
|
export * from './base/contentSwitcher/useContentSwitcher.js';
|
|
258
258
|
export * from './base/contentSwitcher/types.js';
|
|
259
259
|
export { default as ContentSwitcher } from './base/contentSwitcher/ContentSwitcher.svelte';
|
|
@@ -279,7 +279,7 @@ export * from './base/alert/types.js';
|
|
|
279
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
|
-
export * from './utils/uses/stickTo/stickTo.js';
|
|
283
282
|
export * from './utils/uses/resizer/resizer.js';
|
|
283
|
+
export * from './utils/uses/stickTo/stickTo.js';
|
|
284
284
|
export * from './utils/uses/clickAway/clickAway.js';
|
|
285
285
|
export * from './utils/uses/autofocus/autofocus.js';
|
|
@@ -816,6 +816,104 @@ dialog.window .ctrlZone {
|
|
|
816
816
|
background-color: var(--panel-bar-button-background-color);
|
|
817
817
|
}
|
|
818
818
|
|
|
819
|
+
/** menu.scss ----------------*/
|
|
820
|
+
:root {
|
|
821
|
+
--menu-min-width: 150px;
|
|
822
|
+
--menu-padding: 0.25rem;
|
|
823
|
+
--menu-color: var(--sld-color-foreground);
|
|
824
|
+
--menu-item-border-radius: var(--sld-radius-small);
|
|
825
|
+
--menu-item-icon-width: 16px;
|
|
826
|
+
--menu-item-text-padding-left: 0.25rem;
|
|
827
|
+
}
|
|
828
|
+
|
|
829
|
+
ul.menu {
|
|
830
|
+
margin: 0;
|
|
831
|
+
min-width: var(--menu-min-width);
|
|
832
|
+
padding: var(--menu-padding);
|
|
833
|
+
cursor: pointer;
|
|
834
|
+
display: block;
|
|
835
|
+
color: var(--menu-color);
|
|
836
|
+
}
|
|
837
|
+
ul.menu li.menuTitle {
|
|
838
|
+
position: sticky;
|
|
839
|
+
margin-top: 0px !important;
|
|
840
|
+
top: 0px;
|
|
841
|
+
z-index: 1;
|
|
842
|
+
}
|
|
843
|
+
|
|
844
|
+
li.menuItem:hover {
|
|
845
|
+
border-color: var(--sld-hover-border-color);
|
|
846
|
+
background-color: var(--sld-background-disabled);
|
|
847
|
+
}
|
|
848
|
+
li.menuItem.selected, li.menuItem[aria-selected=true] {
|
|
849
|
+
border-color: none;
|
|
850
|
+
background-color: var(--sld-selected-background-color, var(--sld-color-background-darken-mid));
|
|
851
|
+
box-shadow: var(--sld-selected-shadow);
|
|
852
|
+
}
|
|
853
|
+
li.menuItem.selected .chip,
|
|
854
|
+
li.menuItem.selected .menuItemChip, li.menuItem[aria-selected=true] .chip,
|
|
855
|
+
li.menuItem[aria-selected=true] .menuItemChip {
|
|
856
|
+
position: absolute;
|
|
857
|
+
min-height: 16px;
|
|
858
|
+
height: 50%;
|
|
859
|
+
width: 3px;
|
|
860
|
+
background-color: var(--sld-color-primary);
|
|
861
|
+
border-radius: var(--sld-radius-med);
|
|
862
|
+
left: 0;
|
|
863
|
+
border: 1px solid var(--sld-color-primary-alpha-mid);
|
|
864
|
+
}
|
|
865
|
+
li.menuItem {
|
|
866
|
+
min-height: var(--preset-tall-small);
|
|
867
|
+
height: var(--preset-tall-small);
|
|
868
|
+
}
|
|
869
|
+
li.menuItem {
|
|
870
|
+
--preset-tall: var(--sld-tall-small);
|
|
871
|
+
}
|
|
872
|
+
li.menuItem[tall=tiny], li.menuItem.tall-tiny {
|
|
873
|
+
min-height: var(--sld-tall-tiny) !important;
|
|
874
|
+
}
|
|
875
|
+
li.menuItem[tall=mini], li.menuItem.tall-mini {
|
|
876
|
+
min-height: var(--sld-tall-mini) !important;
|
|
877
|
+
}
|
|
878
|
+
li.menuItem[tall=small], li.menuItem.tall-small {
|
|
879
|
+
min-height: var(--sld-tall-small) !important;
|
|
880
|
+
}
|
|
881
|
+
li.menuItem[tall=med], li.menuItem.tall-med {
|
|
882
|
+
min-height: var(--sld-tall-med) !important;
|
|
883
|
+
}
|
|
884
|
+
li.menuItem[tall=kind], li.menuItem.tall-kind {
|
|
885
|
+
min-height: var(--sld-tall-kind) !important;
|
|
886
|
+
}
|
|
887
|
+
li.menuItem[tall=auto], li.menuItem.tall-auto {
|
|
888
|
+
min-height: var(--sld-tall-auto) !important;
|
|
889
|
+
}
|
|
890
|
+
li.menuItem[tall=default], li.menuItem.tall-default {
|
|
891
|
+
min-height: var(--sld-tall-default) !important;
|
|
892
|
+
}
|
|
893
|
+
li.menuItem {
|
|
894
|
+
border-radius: var(--menu-item-border-radius);
|
|
895
|
+
overflow: hidden;
|
|
896
|
+
display: flex;
|
|
897
|
+
align-items: center;
|
|
898
|
+
border: 1px solid transparent;
|
|
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
|
+
|
|
819
917
|
/** menu-list.scss ----------------*/
|
|
820
918
|
:root {
|
|
821
919
|
--menulist-padding: var(--sld-pad-tiny);
|
|
@@ -1035,104 +1133,6 @@ dialog.window .ctrlZone {
|
|
|
1035
1133
|
visibility: hidden;
|
|
1036
1134
|
}
|
|
1037
1135
|
|
|
1038
|
-
/** menu.scss ----------------*/
|
|
1039
|
-
:root {
|
|
1040
|
-
--menu-min-width: 150px;
|
|
1041
|
-
--menu-padding: 0.25rem;
|
|
1042
|
-
--menu-color: var(--sld-color-foreground);
|
|
1043
|
-
--menu-item-border-radius: var(--sld-radius-small);
|
|
1044
|
-
--menu-item-icon-width: 16px;
|
|
1045
|
-
--menu-item-text-padding-left: 0.25rem;
|
|
1046
|
-
}
|
|
1047
|
-
|
|
1048
|
-
ul.menu {
|
|
1049
|
-
margin: 0;
|
|
1050
|
-
min-width: var(--menu-min-width);
|
|
1051
|
-
padding: var(--menu-padding);
|
|
1052
|
-
cursor: pointer;
|
|
1053
|
-
display: block;
|
|
1054
|
-
color: var(--menu-color);
|
|
1055
|
-
}
|
|
1056
|
-
ul.menu li.menuTitle {
|
|
1057
|
-
position: sticky;
|
|
1058
|
-
margin-top: 0px !important;
|
|
1059
|
-
top: 0px;
|
|
1060
|
-
z-index: 1;
|
|
1061
|
-
}
|
|
1062
|
-
|
|
1063
|
-
li.menuItem:hover {
|
|
1064
|
-
border-color: var(--sld-hover-border-color);
|
|
1065
|
-
background-color: var(--sld-background-disabled);
|
|
1066
|
-
}
|
|
1067
|
-
li.menuItem.selected, li.menuItem[aria-selected=true] {
|
|
1068
|
-
border-color: none;
|
|
1069
|
-
background-color: var(--sld-selected-background-color, var(--sld-color-background-darken-mid));
|
|
1070
|
-
box-shadow: var(--sld-selected-shadow);
|
|
1071
|
-
}
|
|
1072
|
-
li.menuItem.selected .chip,
|
|
1073
|
-
li.menuItem.selected .menuItemChip, li.menuItem[aria-selected=true] .chip,
|
|
1074
|
-
li.menuItem[aria-selected=true] .menuItemChip {
|
|
1075
|
-
position: absolute;
|
|
1076
|
-
min-height: 16px;
|
|
1077
|
-
height: 50%;
|
|
1078
|
-
width: 3px;
|
|
1079
|
-
background-color: var(--sld-color-primary);
|
|
1080
|
-
border-radius: var(--sld-radius-med);
|
|
1081
|
-
left: 0;
|
|
1082
|
-
border: 1px solid var(--sld-color-primary-alpha-mid);
|
|
1083
|
-
}
|
|
1084
|
-
li.menuItem {
|
|
1085
|
-
min-height: var(--preset-tall-small);
|
|
1086
|
-
height: var(--preset-tall-small);
|
|
1087
|
-
}
|
|
1088
|
-
li.menuItem {
|
|
1089
|
-
--preset-tall: var(--sld-tall-small);
|
|
1090
|
-
}
|
|
1091
|
-
li.menuItem[tall=tiny], li.menuItem.tall-tiny {
|
|
1092
|
-
min-height: var(--sld-tall-tiny) !important;
|
|
1093
|
-
}
|
|
1094
|
-
li.menuItem[tall=mini], li.menuItem.tall-mini {
|
|
1095
|
-
min-height: var(--sld-tall-mini) !important;
|
|
1096
|
-
}
|
|
1097
|
-
li.menuItem[tall=small], li.menuItem.tall-small {
|
|
1098
|
-
min-height: var(--sld-tall-small) !important;
|
|
1099
|
-
}
|
|
1100
|
-
li.menuItem[tall=med], li.menuItem.tall-med {
|
|
1101
|
-
min-height: var(--sld-tall-med) !important;
|
|
1102
|
-
}
|
|
1103
|
-
li.menuItem[tall=kind], li.menuItem.tall-kind {
|
|
1104
|
-
min-height: var(--sld-tall-kind) !important;
|
|
1105
|
-
}
|
|
1106
|
-
li.menuItem[tall=auto], li.menuItem.tall-auto {
|
|
1107
|
-
min-height: var(--sld-tall-auto) !important;
|
|
1108
|
-
}
|
|
1109
|
-
li.menuItem[tall=default], li.menuItem.tall-default {
|
|
1110
|
-
min-height: var(--sld-tall-default) !important;
|
|
1111
|
-
}
|
|
1112
|
-
li.menuItem {
|
|
1113
|
-
border-radius: var(--menu-item-border-radius);
|
|
1114
|
-
overflow: hidden;
|
|
1115
|
-
display: flex;
|
|
1116
|
-
align-items: center;
|
|
1117
|
-
border: 1px solid transparent;
|
|
1118
|
-
}
|
|
1119
|
-
li.menuItem .menuListItemIcon {
|
|
1120
|
-
width: var(--menu-item-icon-width);
|
|
1121
|
-
max-width: var(--menu-item-icon-width);
|
|
1122
|
-
text-align: center;
|
|
1123
|
-
overflow: hidden;
|
|
1124
|
-
text-align: center;
|
|
1125
|
-
display: flex;
|
|
1126
|
-
justify-content: center;
|
|
1127
|
-
}
|
|
1128
|
-
li.menuItem .menu-list-item-text {
|
|
1129
|
-
flex: 1;
|
|
1130
|
-
padding-left: var(--menu-item-text-padding-left);
|
|
1131
|
-
}
|
|
1132
|
-
li.menuItem .menu-list-item-action {
|
|
1133
|
-
display: block;
|
|
1134
|
-
}
|
|
1135
|
-
|
|
1136
1136
|
/** marquee.scss ----------------*/
|
|
1137
1137
|
.marquee {
|
|
1138
1138
|
flex: 1;
|
|
@@ -4408,6 +4408,24 @@ hr.vertical {
|
|
|
4408
4408
|
justify-content: end;
|
|
4409
4409
|
}
|
|
4410
4410
|
|
|
4411
|
+
/** badge.scss ----------------*/
|
|
4412
|
+
:root {
|
|
4413
|
+
--badge-color-border: var(--sld-color-border);
|
|
4414
|
+
}
|
|
4415
|
+
|
|
4416
|
+
.badge {
|
|
4417
|
+
position: absolute;
|
|
4418
|
+
border-radius: 50%;
|
|
4419
|
+
border: 1px solid var(--badge-color-border);
|
|
4420
|
+
display: grid;
|
|
4421
|
+
place-items: center;
|
|
4422
|
+
width: 16px;
|
|
4423
|
+
height: 16px;
|
|
4424
|
+
}
|
|
4425
|
+
.badge .hidden {
|
|
4426
|
+
transform: scale(0, 0);
|
|
4427
|
+
}
|
|
4428
|
+
|
|
4411
4429
|
/** backdrop.scss ----------------*/
|
|
4412
4430
|
:root {
|
|
4413
4431
|
--backdrop-background-color: var(--sld-color-foreground-alpha-high);
|
|
@@ -4442,24 +4460,6 @@ hr.vertical {
|
|
|
4442
4460
|
display: inherit;
|
|
4443
4461
|
}
|
|
4444
4462
|
|
|
4445
|
-
/** badge.scss ----------------*/
|
|
4446
|
-
:root {
|
|
4447
|
-
--badge-color-border: var(--sld-color-border);
|
|
4448
|
-
}
|
|
4449
|
-
|
|
4450
|
-
.badge {
|
|
4451
|
-
position: absolute;
|
|
4452
|
-
border-radius: 50%;
|
|
4453
|
-
border: 1px solid var(--badge-color-border);
|
|
4454
|
-
display: grid;
|
|
4455
|
-
place-items: center;
|
|
4456
|
-
width: 16px;
|
|
4457
|
-
height: 16px;
|
|
4458
|
-
}
|
|
4459
|
-
.badge .hidden {
|
|
4460
|
-
transform: scale(0, 0);
|
|
4461
|
-
}
|
|
4462
|
-
|
|
4463
4463
|
/** avatar.scss ----------------*/
|
|
4464
4464
|
:root {
|
|
4465
4465
|
--avatar-radius: var(--css-radius-small);
|
|
@@ -816,6 +816,104 @@ dialog.window .ctrlZone {
|
|
|
816
816
|
background-color: var(--panel-bar-button-background-color);
|
|
817
817
|
}
|
|
818
818
|
|
|
819
|
+
/** menu.scss ----------------*/
|
|
820
|
+
:root {
|
|
821
|
+
--menu-min-width: 150px;
|
|
822
|
+
--menu-padding: 0.25rem;
|
|
823
|
+
--menu-color: var(--sld-color-foreground);
|
|
824
|
+
--menu-item-border-radius: var(--sld-radius-small);
|
|
825
|
+
--menu-item-icon-width: 16px;
|
|
826
|
+
--menu-item-text-padding-left: 0.25rem;
|
|
827
|
+
}
|
|
828
|
+
|
|
829
|
+
ul.menu {
|
|
830
|
+
margin: 0;
|
|
831
|
+
min-width: var(--menu-min-width);
|
|
832
|
+
padding: var(--menu-padding);
|
|
833
|
+
cursor: pointer;
|
|
834
|
+
display: block;
|
|
835
|
+
color: var(--menu-color);
|
|
836
|
+
}
|
|
837
|
+
ul.menu li.menuTitle {
|
|
838
|
+
position: sticky;
|
|
839
|
+
margin-top: 0px !important;
|
|
840
|
+
top: 0px;
|
|
841
|
+
z-index: 1;
|
|
842
|
+
}
|
|
843
|
+
|
|
844
|
+
li.menuItem:hover {
|
|
845
|
+
border-color: var(--sld-hover-border-color);
|
|
846
|
+
background-color: var(--sld-background-disabled);
|
|
847
|
+
}
|
|
848
|
+
li.menuItem.selected, li.menuItem[aria-selected=true] {
|
|
849
|
+
border-color: none;
|
|
850
|
+
background-color: var(--sld-selected-background-color, var(--sld-color-background-darken-mid));
|
|
851
|
+
box-shadow: var(--sld-selected-shadow);
|
|
852
|
+
}
|
|
853
|
+
li.menuItem.selected .chip,
|
|
854
|
+
li.menuItem.selected .menuItemChip, li.menuItem[aria-selected=true] .chip,
|
|
855
|
+
li.menuItem[aria-selected=true] .menuItemChip {
|
|
856
|
+
position: absolute;
|
|
857
|
+
min-height: 16px;
|
|
858
|
+
height: 50%;
|
|
859
|
+
width: 3px;
|
|
860
|
+
background-color: var(--sld-color-primary);
|
|
861
|
+
border-radius: var(--sld-radius-med);
|
|
862
|
+
left: 0;
|
|
863
|
+
border: 1px solid var(--sld-color-primary-alpha-mid);
|
|
864
|
+
}
|
|
865
|
+
li.menuItem {
|
|
866
|
+
min-height: var(--preset-tall-small);
|
|
867
|
+
height: var(--preset-tall-small);
|
|
868
|
+
}
|
|
869
|
+
li.menuItem {
|
|
870
|
+
--preset-tall: var(--sld-tall-small);
|
|
871
|
+
}
|
|
872
|
+
li.menuItem[tall=tiny], li.menuItem.tall-tiny {
|
|
873
|
+
min-height: var(--sld-tall-tiny) !important;
|
|
874
|
+
}
|
|
875
|
+
li.menuItem[tall=mini], li.menuItem.tall-mini {
|
|
876
|
+
min-height: var(--sld-tall-mini) !important;
|
|
877
|
+
}
|
|
878
|
+
li.menuItem[tall=small], li.menuItem.tall-small {
|
|
879
|
+
min-height: var(--sld-tall-small) !important;
|
|
880
|
+
}
|
|
881
|
+
li.menuItem[tall=med], li.menuItem.tall-med {
|
|
882
|
+
min-height: var(--sld-tall-med) !important;
|
|
883
|
+
}
|
|
884
|
+
li.menuItem[tall=kind], li.menuItem.tall-kind {
|
|
885
|
+
min-height: var(--sld-tall-kind) !important;
|
|
886
|
+
}
|
|
887
|
+
li.menuItem[tall=auto], li.menuItem.tall-auto {
|
|
888
|
+
min-height: var(--sld-tall-auto) !important;
|
|
889
|
+
}
|
|
890
|
+
li.menuItem[tall=default], li.menuItem.tall-default {
|
|
891
|
+
min-height: var(--sld-tall-default) !important;
|
|
892
|
+
}
|
|
893
|
+
li.menuItem {
|
|
894
|
+
border-radius: var(--menu-item-border-radius);
|
|
895
|
+
overflow: hidden;
|
|
896
|
+
display: flex;
|
|
897
|
+
align-items: center;
|
|
898
|
+
border: 1px solid transparent;
|
|
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
|
+
|
|
819
917
|
/** menu-list.scss ----------------*/
|
|
820
918
|
:root {
|
|
821
919
|
--menulist-padding: var(--sld-pad-tiny);
|
|
@@ -1035,104 +1133,6 @@ dialog.window .ctrlZone {
|
|
|
1035
1133
|
visibility: hidden;
|
|
1036
1134
|
}
|
|
1037
1135
|
|
|
1038
|
-
/** menu.scss ----------------*/
|
|
1039
|
-
:root {
|
|
1040
|
-
--menu-min-width: 150px;
|
|
1041
|
-
--menu-padding: 0.25rem;
|
|
1042
|
-
--menu-color: var(--sld-color-foreground);
|
|
1043
|
-
--menu-item-border-radius: var(--sld-radius-small);
|
|
1044
|
-
--menu-item-icon-width: 16px;
|
|
1045
|
-
--menu-item-text-padding-left: 0.25rem;
|
|
1046
|
-
}
|
|
1047
|
-
|
|
1048
|
-
ul.menu {
|
|
1049
|
-
margin: 0;
|
|
1050
|
-
min-width: var(--menu-min-width);
|
|
1051
|
-
padding: var(--menu-padding);
|
|
1052
|
-
cursor: pointer;
|
|
1053
|
-
display: block;
|
|
1054
|
-
color: var(--menu-color);
|
|
1055
|
-
}
|
|
1056
|
-
ul.menu li.menuTitle {
|
|
1057
|
-
position: sticky;
|
|
1058
|
-
margin-top: 0px !important;
|
|
1059
|
-
top: 0px;
|
|
1060
|
-
z-index: 1;
|
|
1061
|
-
}
|
|
1062
|
-
|
|
1063
|
-
li.menuItem:hover {
|
|
1064
|
-
border-color: var(--sld-hover-border-color);
|
|
1065
|
-
background-color: var(--sld-background-disabled);
|
|
1066
|
-
}
|
|
1067
|
-
li.menuItem.selected, li.menuItem[aria-selected=true] {
|
|
1068
|
-
border-color: none;
|
|
1069
|
-
background-color: var(--sld-selected-background-color, var(--sld-color-background-darken-mid));
|
|
1070
|
-
box-shadow: var(--sld-selected-shadow);
|
|
1071
|
-
}
|
|
1072
|
-
li.menuItem.selected .chip,
|
|
1073
|
-
li.menuItem.selected .menuItemChip, li.menuItem[aria-selected=true] .chip,
|
|
1074
|
-
li.menuItem[aria-selected=true] .menuItemChip {
|
|
1075
|
-
position: absolute;
|
|
1076
|
-
min-height: 16px;
|
|
1077
|
-
height: 50%;
|
|
1078
|
-
width: 3px;
|
|
1079
|
-
background-color: var(--sld-color-primary);
|
|
1080
|
-
border-radius: var(--sld-radius-med);
|
|
1081
|
-
left: 0;
|
|
1082
|
-
border: 1px solid var(--sld-color-primary-alpha-mid);
|
|
1083
|
-
}
|
|
1084
|
-
li.menuItem {
|
|
1085
|
-
min-height: var(--preset-tall-small);
|
|
1086
|
-
height: var(--preset-tall-small);
|
|
1087
|
-
}
|
|
1088
|
-
li.menuItem {
|
|
1089
|
-
--preset-tall: var(--sld-tall-small);
|
|
1090
|
-
}
|
|
1091
|
-
li.menuItem[tall=tiny], li.menuItem.tall-tiny {
|
|
1092
|
-
min-height: var(--sld-tall-tiny) !important;
|
|
1093
|
-
}
|
|
1094
|
-
li.menuItem[tall=mini], li.menuItem.tall-mini {
|
|
1095
|
-
min-height: var(--sld-tall-mini) !important;
|
|
1096
|
-
}
|
|
1097
|
-
li.menuItem[tall=small], li.menuItem.tall-small {
|
|
1098
|
-
min-height: var(--sld-tall-small) !important;
|
|
1099
|
-
}
|
|
1100
|
-
li.menuItem[tall=med], li.menuItem.tall-med {
|
|
1101
|
-
min-height: var(--sld-tall-med) !important;
|
|
1102
|
-
}
|
|
1103
|
-
li.menuItem[tall=kind], li.menuItem.tall-kind {
|
|
1104
|
-
min-height: var(--sld-tall-kind) !important;
|
|
1105
|
-
}
|
|
1106
|
-
li.menuItem[tall=auto], li.menuItem.tall-auto {
|
|
1107
|
-
min-height: var(--sld-tall-auto) !important;
|
|
1108
|
-
}
|
|
1109
|
-
li.menuItem[tall=default], li.menuItem.tall-default {
|
|
1110
|
-
min-height: var(--sld-tall-default) !important;
|
|
1111
|
-
}
|
|
1112
|
-
li.menuItem {
|
|
1113
|
-
border-radius: var(--menu-item-border-radius);
|
|
1114
|
-
overflow: hidden;
|
|
1115
|
-
display: flex;
|
|
1116
|
-
align-items: center;
|
|
1117
|
-
border: 1px solid transparent;
|
|
1118
|
-
}
|
|
1119
|
-
li.menuItem .menuListItemIcon {
|
|
1120
|
-
width: var(--menu-item-icon-width);
|
|
1121
|
-
max-width: var(--menu-item-icon-width);
|
|
1122
|
-
text-align: center;
|
|
1123
|
-
overflow: hidden;
|
|
1124
|
-
text-align: center;
|
|
1125
|
-
display: flex;
|
|
1126
|
-
justify-content: center;
|
|
1127
|
-
}
|
|
1128
|
-
li.menuItem .menu-list-item-text {
|
|
1129
|
-
flex: 1;
|
|
1130
|
-
padding-left: var(--menu-item-text-padding-left);
|
|
1131
|
-
}
|
|
1132
|
-
li.menuItem .menu-list-item-action {
|
|
1133
|
-
display: block;
|
|
1134
|
-
}
|
|
1135
|
-
|
|
1136
1136
|
/** marquee.scss ----------------*/
|
|
1137
1137
|
.marquee {
|
|
1138
1138
|
flex: 1;
|
|
@@ -4408,6 +4408,24 @@ hr.vertical {
|
|
|
4408
4408
|
justify-content: end;
|
|
4409
4409
|
}
|
|
4410
4410
|
|
|
4411
|
+
/** badge.scss ----------------*/
|
|
4412
|
+
:root {
|
|
4413
|
+
--badge-color-border: var(--sld-color-border);
|
|
4414
|
+
}
|
|
4415
|
+
|
|
4416
|
+
.badge {
|
|
4417
|
+
position: absolute;
|
|
4418
|
+
border-radius: 50%;
|
|
4419
|
+
border: 1px solid var(--badge-color-border);
|
|
4420
|
+
display: grid;
|
|
4421
|
+
place-items: center;
|
|
4422
|
+
width: 16px;
|
|
4423
|
+
height: 16px;
|
|
4424
|
+
}
|
|
4425
|
+
.badge .hidden {
|
|
4426
|
+
transform: scale(0, 0);
|
|
4427
|
+
}
|
|
4428
|
+
|
|
4411
4429
|
/** backdrop.scss ----------------*/
|
|
4412
4430
|
:root {
|
|
4413
4431
|
--backdrop-background-color: var(--sld-color-foreground-alpha-high);
|
|
@@ -4442,24 +4460,6 @@ hr.vertical {
|
|
|
4442
4460
|
display: inherit;
|
|
4443
4461
|
}
|
|
4444
4462
|
|
|
4445
|
-
/** badge.scss ----------------*/
|
|
4446
|
-
:root {
|
|
4447
|
-
--badge-color-border: var(--sld-color-border);
|
|
4448
|
-
}
|
|
4449
|
-
|
|
4450
|
-
.badge {
|
|
4451
|
-
position: absolute;
|
|
4452
|
-
border-radius: 50%;
|
|
4453
|
-
border: 1px solid var(--badge-color-border);
|
|
4454
|
-
display: grid;
|
|
4455
|
-
place-items: center;
|
|
4456
|
-
width: 16px;
|
|
4457
|
-
height: 16px;
|
|
4458
|
-
}
|
|
4459
|
-
.badge .hidden {
|
|
4460
|
-
transform: scale(0, 0);
|
|
4461
|
-
}
|
|
4462
|
-
|
|
4463
4463
|
/** avatar.scss ----------------*/
|
|
4464
4464
|
:root {
|
|
4465
4465
|
--avatar-radius: var(--css-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.145.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.53.0",
|
|
93
|
+
"@medyll/idae-engine": "^1.142.0",
|
|
94
94
|
"d3": "^7.9.0",
|
|
95
95
|
"lerna": "^8.2.1",
|
|
96
96
|
"npm-check-updates": "^17.1.16",
|