@rt-tools/ui-kit 0.8.0 → 0.9.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rt-tools/ui-kit",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "license": "Apache-2.0",
   "author": "Yauheni Krumin",
   "type": "module",

package/src/lib/ui-kit/side-menu/favorites/rtui-side-menu-favorites.component.scss

@@ -87,14 +87,13 @@
         opacity: 1;
     }
 
-    // Значок берёт размер кнопки: иначе он остаётся в 24 px и съезжает от центра. Глиф
-    // `arrows_outward` повёрнут на четверть оборота — так его выбрал владелец.
+    // Значок берёт размер кнопки: иначе он остаётся в 24 px и съезжает от центра. Поворот глифа
+    // приходит числом из настроек меню, своего поворота у стилей нет.
     &__handle-icon {
         width: var(--mat-icon-button-icon-size);
         height: var(--mat-icon-button-icon-size);
         font-size: var(--mat-icon-button-icon-size);
         line-height: 1;
-        transform: rotate(90deg);
     }
 
     &__item {

package/src/lib/ui-kit/side-menu/menu-sub-item/rtui-side-menu-sub-item.component.scss

@@ -142,6 +142,21 @@
                     );
                 }
 
+                // Корзина под указателем и под фокусом клавиатуры краснеет: нажатие убирает пункт.
+                // Приложение ставит свой цвет свойством на предке меню, свой обычный — чтобы не
+                // краснела вовсе. Наведение — только где указатель умеет наводиться: на сенсорном
+                // экране оно залипает в точке касания, и после «убрать» под пальцем краснела бы
+                // корзина соседней строки.
+                @media (hover: hover) {
+                    &--remove:hover {
+                        --mat-icon-button-icon-color: var(--rt-side-menu-favorite-remove-hover-color, var(--rt-icon-accent-danger));
+                    }
+                }
+
+                &--remove:focus-visible {
+                    --mat-icon-button-icon-color: var(--rt-side-menu-favorite-remove-hover-color, var(--rt-icon-accent-danger));
+                }
+
                 // Где указатель не умеет наводиться, кнопке ждать нечего.
                 @media (hover: none) {
                     opacity: 1;

package/types/rt-tools-ui-kit.d.ts

@@ -429,10 +429,21 @@ interface IRtuiSideMenuFavoritesLabels {
     readonly remove: string;
     readonly drag: string;
 }
+/** Значок кнопки избранного: глиф набора Material Symbols и поворот. */
+interface IRtuiSideMenuFavoritesIcon {
+    readonly glyph: string;
+    /** Градусы по часовой стрелке; не задан — ноль. */
+    readonly rotate?: number;
+}
+interface IRtuiSideMenuFavoritesIcons {
+    readonly remove: IRtuiSideMenuFavoritesIcon;
+    readonly drag: IRtuiSideMenuFavoritesIcon;
+}
 interface IRtuiSideMenuSettingsConfig {
     /** Ключ записи в хранилище; два приложения на одном адресе держат свои настройки двумя ключами. */
     readonly storageKey?: string;
     readonly labels?: Partial<IRtuiSideMenuFavoritesLabels>;
+    readonly icons?: Partial<IRtuiSideMenuFavoritesIcons>;
 }
 declare const RTUI_SIDE_MENU_SETTINGS_CONFIG: InjectionToken<IRtuiSideMenuSettingsConfig>;
 /**
@@ -461,6 +472,8 @@ declare class RtuiSideMenuSettingsService {
     /** Номера меню, чьи настройки лежат в хранилище. */
     readonly menuIds: Signal<string[]>;
     readonly labels: IRtuiSideMenuFavoritesLabels;
+    /** Заданный приложением значок заменяет свой целиком, незаданный остаётся по умолчанию. */
+    readonly icons: IRtuiSideMenuFavoritesIcons;
     constructor();
     /** Настройки одного меню целиком, с незнакомыми полями; не сохранены — пустой объект. */
     settings(menuId: string): Signal<ISideMenu.Settings>;
@@ -2228,4 +2241,4 @@ declare class RtHideTooltipDirective implements AfterViewInit {
 }
 
 export { ASIDE_REF, AsideRef, DEFAULT_MENU_ID, DEFAULT_PAGE_MODEL, DEFAULT_PAGE_SIZE, EAsideButtons, EInfoBadgeSize, EInfoBadgeType, EModalWindowSize, ERtAccentRole, ERtTheme, ETableColumnFilterTypes, ETableColumnTypes, ETextCellColor, EToggleSizeType, IAside, IModal, IRtActionBar, IRtSnackBar, IRtUiConfig, IRtuiButton, ISideMenu, ITable, RTUI_SIDE_MENU, RTUI_SIDE_MENU_SETTINGS_CONFIG, RTUI_TABLE_COMPONENT_TOKEN, RTUI_TABLE_STOP_ROW_CLICK_ATTRIBUTE, RT_COLOR_SCHEME_STORAGE_KEY, RT_DARK_CLASS, RT_DEFAULT_SCHEME, RT_SCHEME_ATTRIBUTE, RT_THEME_ATTRIBUTE, RT_THEME_AUTO_CLASS, RT_THEME_STORAGE_KEY, RT_UI_CONFIG, RtActionBarService, RtAsideService, RtDynamicListSelectorsDirective, RtHideTooltipDirective, RtModalService, RtPopoverDirective, RtSnackBarService, RtTableConfigService, RtTableSelectorsDirective, RtThemeDirective, RtThemeService, RtuiActionBarComponent, RtuiActionBarContainerComponent, RtuiAsideContainerComponent, RtuiAsideContainerHeaderDirective, RtuiButtonComponent, RtuiClearButtonComponent, RtuiCustomTableCellsDirective, RtuiDynamicInputAdditionalControlDirective, RtuiDynamicInputComponent, RtuiDynamicListComponent, RtuiDynamicListCustomTableCellsDirective, RtuiDynamicListRowActionsDirective, RtuiDynamicListRowAdditionalActionsDirective, RtuiDynamicListToolbarActionsDirective, RtuiDynamicListToolbarSelectorsDirective, RtuiDynamicSelectorAdditionalControlDirective, RtuiDynamicSelectorComponent, RtuiDynamicSelectorItemAdditionalControlDirective, RtuiDynamicSelectorItemTitleDirective, RtuiDynamicSelectorItemTitleProjectionDirective, RtuiDynamicSelectorListActionsComponent, RtuiDynamicSelectorPlaceholderComponent, RtuiDynamicSelectorSelectedListComponent, RtuiFileUploadComponent, RtuiHeaderCenterDirective, RtuiHeaderComponent, RtuiHeaderLeftDirective, RtuiHeaderRightDirective, RtuiIconComponent, RtuiImageUploadComponent, RtuiInfoBadgeComponent, RtuiModalComponent, RtuiMultiButtonComponent, RtuiMultiSelectorPopupComponent, RtuiPaginationComponent, RtuiScrollableContainerComponent, RtuiScrollableContainerContentDirective, RtuiScrollableContainerFooterDirective, RtuiScrollableContainerHeaderDirective, RtuiSideMenuComponent, RtuiSideMenuFooterDirective, RtuiSideMenuHeaderDirective, RtuiSideMenuSettingsService, RtuiSnackBarComponent, RtuiSpinnerComponent, RtuiStopTableRowClickDirective, RtuiTableAdditionalRowActionsDirective, RtuiTableComponent, RtuiTableRowActionsDirective, RtuiTableRowClickDirective, RtuiToggleComponent, RtuiToolbarCenterDirective, RtuiToolbarComponent, RtuiToolbarLeftDirective, RtuiToolbarRightDirective, SIDE_MENU_SETTINGS_KEY, SUB_MENU_MODE_KEY, SUB_MENU_WIDTH_KEY, SUB_MENU_WIDTH_MAX, SUB_MENU_WIDTH_MIN, clampSubMenuWidth, comparePropNames, darkenHexColor, getColorBasedOnBackground, provideRtUi, provideRtuiSideMenuSettings, readSubMenuMode, readSubMenuWidth, splitSubMenuTitle, writeSubMenuMode, writeSubMenuWidth };
-export type { IAsideConfig, IModalIcon, INameValueType, IRtuiSideMenuFavoritesLabels, IRtuiSideMenuHost, IRtuiSideMenuSettingsConfig, IRtuiTable, ISelect, ISubMenuTitlePart, TAsideButtonsType, TAsidePositions, TIconSideType, TImageUploadFormat, TInfoBadgeSizeType, TInfoBadgeType, TMenuItemTrigger, TModalButtonAppearance, TModalWindowSizeType, TRtAccentRole, TRtColorSchemeRamp, TRtThemeType, TRtUiDesign, TRtuiIconSizeType, TRtuiIconThemeType, TSideMenuSettingsRecord, TToggleSizeType };
+export type { IAsideConfig, IModalIcon, INameValueType, IRtuiSideMenuFavoritesIcon, IRtuiSideMenuFavoritesIcons, IRtuiSideMenuFavoritesLabels, IRtuiSideMenuHost, IRtuiSideMenuSettingsConfig, IRtuiTable, ISelect, ISubMenuTitlePart, TAsideButtonsType, TAsidePositions, TIconSideType, TImageUploadFormat, TInfoBadgeSizeType, TInfoBadgeType, TMenuItemTrigger, TModalButtonAppearance, TModalWindowSizeType, TRtAccentRole, TRtColorSchemeRamp, TRtThemeType, TRtUiDesign, TRtuiIconSizeType, TRtuiIconThemeType, TSideMenuSettingsRecord, TToggleSizeType };