@medyll/idae-slotui-svelte 0.145.0 → 0.147.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 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';
@@ -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';
@@ -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';
@@ -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';
@@ -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
@@ -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';
@@ -108,7 +109,6 @@ export * as autoCompleteMinCss from './slotui-css/auto-complete.min.css';
108
109
  export * as autoCompleteCss from './slotui-css/auto-complete.css';
109
110
  export * as alertMinCss from './slotui-css/alert.min.css';
110
111
  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';
@@ -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';
@@ -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';
@@ -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';
@@ -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;
@@ -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.147.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.55.0",
93
+ "@medyll/idae-engine": "^1.144.0",
94
94
  "d3": "^7.9.0",
95
95
  "lerna": "^8.2.1",
96
96
  "npm-check-updates": "^17.1.16",