@medyll/idae-slotui-svelte 0.145.0 → 0.146.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.
Files changed (5) hide show
  1. package/dist/index.d.ts +13 -13
  2. package/dist/index.js +13 -13
  3. package/dist/slotui-css/slotui-css.css +98 -98
  4. package/dist/slotui-css/slotui-min-css.css +98 -98
  5. 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';
141
139
  export * from './ui/tree/types.js';
142
140
  export * from './ui/tree/tree.utils.js';
143
141
  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/drawer/types.js';
193
- export { default as Drawer } from './navigation/drawer/Drawer.svelte';
194
192
  export * from './navigation/tabs/types.js';
195
193
  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';
194
+ export * from './navigation/drawer/types.js';
195
+ export { default as Drawer } from './navigation/drawer/Drawer.svelte';
198
196
  export * from './data/sorter/types.js';
199
197
  export { default as Sorterer } from './data/sorter/Sorterer.svelte';
200
198
  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';
@@ -223,10 +223,10 @@ export { default as Slider } from './controls/slider/Slider.svelte';
223
223
  export { default as Select } from './controls/select/Select.svelte';
224
224
  export * from './controls/rating/types.js';
225
225
  export { default as Rating } from './controls/rating/Rating.svelte';
226
- export * from './controls/progress/types.js';
227
- export { default as Progress } from './controls/progress/Progress.svelte';
228
226
  export * from './controls/inplaceedit/types.js';
229
227
  export { default as InPlaceEdit } from './controls/inplaceedit/InPlaceEdit.svelte';
228
+ export * from './controls/progress/types.js';
229
+ export { default as Progress } from './controls/progress/Progress.svelte';
230
230
  export * from './controls/confirm/types.js';
231
231
  export { default as Confirm } from './controls/confirm/Confirm.svelte';
232
232
  export * from './controls/checkbox/types.js';
@@ -238,10 +238,10 @@ 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/paper/type.js';
242
- export { default as Paper } from './base/paper/Paper.svelte';
243
241
  export * from './base/titleBar/types.js';
244
242
  export { default as TitleBar } from './base/titleBar/TitleBar.svelte';
243
+ export * from './base/paper/type.js';
244
+ export { default as Paper } from './base/paper/Paper.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';
@@ -263,10 +263,10 @@ export * from './base/chipper/types.js';
263
263
  export { default as Chipper } from './base/chipper/Chipper.svelte';
264
264
  export * from './base/cartouche/types.js';
265
265
  export { default as Cartouche } from './base/cartouche/Cartouche.svelte';
266
- export * from './base/breadCrumb/types.js';
267
- export { default as BreadCrumb } from './base/breadCrumb/BreadCrumb.svelte';
268
266
  export * from './base/box/types.js';
269
267
  export { default as Box } from './base/box/Box.svelte';
268
+ export * from './base/breadCrumb/types.js';
269
+ export { default as BreadCrumb } from './base/breadCrumb/BreadCrumb.svelte';
270
270
  export * from './base/badge/types.js';
271
271
  export { default as Badge } from './base/badge/Badge.svelte';
272
272
  export * from './base/backdrop/useBackDrop.js';
@@ -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/resizer/resizer.js';
282
281
  export * from './utils/uses/stickTo/stickTo.js';
282
+ export * from './utils/uses/resizer/resizer.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';
142
140
  export * from './ui/tree/types.js';
143
141
  export * from './ui/tree/tree.utils.js';
144
142
  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/drawer/types.js';
194
- export { default as Drawer } from './navigation/drawer/Drawer.svelte';
195
193
  export * from './navigation/tabs/types.js';
196
194
  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';
195
+ export * from './navigation/drawer/types.js';
196
+ export { default as Drawer } from './navigation/drawer/Drawer.svelte';
199
197
  export * from './data/sorter/types.js';
200
198
  export { default as Sorterer } from './data/sorter/Sorterer.svelte';
201
199
  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';
@@ -224,10 +224,10 @@ export { default as Slider } from './controls/slider/Slider.svelte';
224
224
  export { default as Select } from './controls/select/Select.svelte';
225
225
  export * from './controls/rating/types.js';
226
226
  export { default as Rating } from './controls/rating/Rating.svelte';
227
- export * from './controls/progress/types.js';
228
- export { default as Progress } from './controls/progress/Progress.svelte';
229
227
  export * from './controls/inplaceedit/types.js';
230
228
  export { default as InPlaceEdit } from './controls/inplaceedit/InPlaceEdit.svelte';
229
+ export * from './controls/progress/types.js';
230
+ export { default as Progress } from './controls/progress/Progress.svelte';
231
231
  export * from './controls/confirm/types.js';
232
232
  export { default as Confirm } from './controls/confirm/Confirm.svelte';
233
233
  export * from './controls/checkbox/types.js';
@@ -239,10 +239,10 @@ 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/paper/type.js';
243
- export { default as Paper } from './base/paper/Paper.svelte';
244
242
  export * from './base/titleBar/types.js';
245
243
  export { default as TitleBar } from './base/titleBar/TitleBar.svelte';
244
+ export * from './base/paper/type.js';
245
+ export { default as Paper } from './base/paper/Paper.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';
@@ -264,10 +264,10 @@ export * from './base/chipper/types.js';
264
264
  export { default as Chipper } from './base/chipper/Chipper.svelte';
265
265
  export * from './base/cartouche/types.js';
266
266
  export { default as Cartouche } from './base/cartouche/Cartouche.svelte';
267
- export * from './base/breadCrumb/types.js';
268
- export { default as BreadCrumb } from './base/breadCrumb/BreadCrumb.svelte';
269
267
  export * from './base/box/types.js';
270
268
  export { default as Box } from './base/box/Box.svelte';
269
+ export * from './base/breadCrumb/types.js';
270
+ export { default as BreadCrumb } from './base/breadCrumb/BreadCrumb.svelte';
271
271
  export * from './base/badge/types.js';
272
272
  export { default as Badge } from './base/badge/Badge.svelte';
273
273
  export * from './base/backdrop/useBackDrop.js';
@@ -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/resizer/resizer.js';
283
282
  export * from './utils/uses/stickTo/stickTo.js';
283
+ export * from './utils/uses/resizer/resizer.js';
284
284
  export * from './utils/uses/clickAway/clickAway.js';
285
285
  export * from './utils/uses/autofocus/autofocus.js';
package/dist/slotui-css/slotui-css.css CHANGED
@@ -816,104 +816,6 @@ 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
-
917
819
  /** menu-list.scss ----------------*/
918
820
  :root {
919
821
  --menulist-padding: var(--sld-pad-tiny);
@@ -1133,6 +1035,104 @@ li.menuItem .menu-list-item-action {
1133
1035
  visibility: hidden;
1134
1036
  }
1135
1037
 
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;
package/dist/slotui-css/slotui-min-css.css CHANGED
@@ -816,104 +816,6 @@ 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
-
917
819
  /** menu-list.scss ----------------*/
918
820
  :root {
919
821
  --menulist-padding: var(--sld-pad-tiny);
@@ -1133,6 +1035,104 @@ li.menuItem .menu-list-item-action {
1133
1035
  visibility: hidden;
1134
1036
  }
1135
1037
 
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;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@medyll/idae-slotui-svelte",
3
- "version": "0.145.0",
3
+ "version": "0.146.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.53.0",
93
- "@medyll/idae-engine": "^1.142.0",
92
+ "@medyll/idae-be": "^1.54.0",
93
+ "@medyll/idae-engine": "^1.143.0",
94
94
  "d3": "^7.9.0",
95
95
  "lerna": "^8.2.1",
96
96
  "npm-check-updates": "^17.1.16",