@rt-tools/ui-kit-v2 0.16.0 → 0.18.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rt-tools/ui-kit-v2",
-  "version": "0.16.0",
+  "version": "0.18.0",
   "license": "Apache-2.0",
   "author": "Yauheni Krumin",
   "type": "module",
@@ -49,9 +49,357 @@
       "types": "./types/rt-tools-ui-kit-v2.d.ts",
       "default": "./fesm2022/rt-tools-ui-kit-v2.mjs"
     },
+    "./accordion": {
+      "types": "./types/rt-tools-ui-kit-v2-accordion.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-accordion.mjs"
+    },
+    "./action-bar": {
+      "types": "./types/rt-tools-ui-kit-v2-action-bar.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-action-bar.mjs"
+    },
+    "./aside": {
+      "types": "./types/rt-tools-ui-kit-v2-aside.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-aside.mjs"
+    },
+    "./aside-section": {
+      "types": "./types/rt-tools-ui-kit-v2-aside-section.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-aside-section.mjs"
+    },
+    "./autocomplete": {
+      "types": "./types/rt-tools-ui-kit-v2-autocomplete.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-autocomplete.mjs"
+    },
+    "./bar-list": {
+      "types": "./types/rt-tools-ui-kit-v2-bar-list.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-bar-list.mjs"
+    },
+    "./bottom-sheet": {
+      "types": "./types/rt-tools-ui-kit-v2-bottom-sheet.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-bottom-sheet.mjs"
+    },
+    "./button": {
+      "types": "./types/rt-tools-ui-kit-v2-button.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-button.mjs"
+    },
+    "./calendar": {
+      "types": "./types/rt-tools-ui-kit-v2-calendar.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-calendar.mjs"
+    },
+    "./card": {
+      "types": "./types/rt-tools-ui-kit-v2-card.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-card.mjs"
+    },
+    "./checkbox": {
+      "types": "./types/rt-tools-ui-kit-v2-checkbox.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-checkbox.mjs"
+    },
+    "./collapsible-text": {
+      "types": "./types/rt-tools-ui-kit-v2-collapsible-text.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-collapsible-text.mjs"
+    },
+    "./confirm-popover": {
+      "types": "./types/rt-tools-ui-kit-v2-confirm-popover.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-confirm-popover.mjs"
+    },
+    "./container": {
+      "types": "./types/rt-tools-ui-kit-v2-container.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-container.mjs"
+    },
+    "./core": {
+      "types": "./types/rt-tools-ui-kit-v2-core.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-core.mjs"
+    },
+    "./counter": {
+      "types": "./types/rt-tools-ui-kit-v2-counter.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-counter.mjs"
+    },
+    "./counter-row": {
+      "types": "./types/rt-tools-ui-kit-v2-counter-row.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-counter-row.mjs"
+    },
+    "./data-list": {
+      "types": "./types/rt-tools-ui-kit-v2-data-list.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-data-list.mjs"
+    },
+    "./data-table": {
+      "types": "./types/rt-tools-ui-kit-v2-data-table.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-data-table.mjs"
+    },
+    "./date-picker": {
+      "types": "./types/rt-tools-ui-kit-v2-date-picker.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-date-picker.mjs"
+    },
+    "./date-range": {
+      "types": "./types/rt-tools-ui-kit-v2-date-range.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-date-range.mjs"
+    },
+    "./delta-view": {
+      "types": "./types/rt-tools-ui-kit-v2-delta-view.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-delta-view.mjs"
+    },
+    "./detail-list": {
+      "types": "./types/rt-tools-ui-kit-v2-detail-list.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-detail-list.mjs"
+    },
+    "./dialog": {
+      "types": "./types/rt-tools-ui-kit-v2-dialog.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-dialog.mjs"
+    },
+    "./dot-field": {
+      "types": "./types/rt-tools-ui-kit-v2-dot-field.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-dot-field.mjs"
+    },
+    "./download-link": {
+      "types": "./types/rt-tools-ui-kit-v2-download-link.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-download-link.mjs"
+    },
+    "./dynamic-list": {
+      "types": "./types/rt-tools-ui-kit-v2-dynamic-list.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-dynamic-list.mjs"
+    },
+    "./dynamic-selector": {
+      "types": "./types/rt-tools-ui-kit-v2-dynamic-selector.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-dynamic-selector.mjs"
+    },
+    "./empty-state": {
+      "types": "./types/rt-tools-ui-kit-v2-empty-state.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-empty-state.mjs"
+    },
+    "./expansion-panel": {
+      "types": "./types/rt-tools-ui-kit-v2-expansion-panel.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-expansion-panel.mjs"
+    },
+    "./field": {
+      "types": "./types/rt-tools-ui-kit-v2-field.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-field.mjs"
+    },
+    "./file-card": {
+      "types": "./types/rt-tools-ui-kit-v2-file-card.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-file-card.mjs"
+    },
+    "./file-drop": {
+      "types": "./types/rt-tools-ui-kit-v2-file-drop.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-file-drop.mjs"
+    },
+    "./file-input": {
+      "types": "./types/rt-tools-ui-kit-v2-file-input.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-file-input.mjs"
+    },
+    "./file-list": {
+      "types": "./types/rt-tools-ui-kit-v2-file-list.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-file-list.mjs"
+    },
+    "./filter-control": {
+      "types": "./types/rt-tools-ui-kit-v2-filter-control.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-filter-control.mjs"
+    },
+    "./form-control": {
+      "types": "./types/rt-tools-ui-kit-v2-form-control.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-form-control.mjs"
+    },
+    "./header": {
+      "types": "./types/rt-tools-ui-kit-v2-header.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-header.mjs"
+    },
+    "./icon": {
+      "types": "./types/rt-tools-ui-kit-v2-icon.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-icon.mjs"
+    },
+    "./icon-button": {
+      "types": "./types/rt-tools-ui-kit-v2-icon-button.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-icon-button.mjs"
+    },
+    "./image-cropper": {
+      "types": "./types/rt-tools-ui-kit-v2-image-cropper.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-image-cropper.mjs"
+    },
+    "./image-upload": {
+      "types": "./types/rt-tools-ui-kit-v2-image-upload.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-image-upload.mjs"
+    },
+    "./info-item": {
+      "types": "./types/rt-tools-ui-kit-v2-info-item.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-info-item.mjs"
+    },
+    "./input": {
+      "types": "./types/rt-tools-ui-kit-v2-input.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-input.mjs"
+    },
+    "./input-number": {
+      "types": "./types/rt-tools-ui-kit-v2-input-number.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-input-number.mjs"
+    },
+    "./live-badge": {
+      "types": "./types/rt-tools-ui-kit-v2-live-badge.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-live-badge.mjs"
+    },
+    "./logo": {
+      "types": "./types/rt-tools-ui-kit-v2-logo.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-logo.mjs"
+    },
+    "./markdown-text": {
+      "types": "./types/rt-tools-ui-kit-v2-markdown-text.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-markdown-text.mjs"
+    },
+    "./menu": {
+      "types": "./types/rt-tools-ui-kit-v2-menu.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-menu.mjs"
+    },
+    "./message": {
+      "types": "./types/rt-tools-ui-kit-v2-message.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-message.mjs"
+    },
+    "./money-list": {
+      "types": "./types/rt-tools-ui-kit-v2-money-list.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-money-list.mjs"
+    },
+    "./multiselect": {
+      "types": "./types/rt-tools-ui-kit-v2-multiselect.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-multiselect.mjs"
+    },
+    "./night-grid": {
+      "types": "./types/rt-tools-ui-kit-v2-night-grid.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-night-grid.mjs"
+    },
+    "./note": {
+      "types": "./types/rt-tools-ui-kit-v2-note.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-note.mjs"
+    },
+    "./notifications-bell": {
+      "types": "./types/rt-tools-ui-kit-v2-notifications-bell.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-notifications-bell.mjs"
+    },
+    "./page-header": {
+      "types": "./types/rt-tools-ui-kit-v2-page-header.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-page-header.mjs"
+    },
+    "./pagination": {
+      "types": "./types/rt-tools-ui-kit-v2-pagination.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-pagination.mjs"
+    },
+    "./photo-viewer": {
+      "types": "./types/rt-tools-ui-kit-v2-photo-viewer.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-photo-viewer.mjs"
+    },
+    "./popover": {
+      "types": "./types/rt-tools-ui-kit-v2-popover.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-popover.mjs"
+    },
+    "./radio-button": {
+      "types": "./types/rt-tools-ui-kit-v2-radio-button.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-radio-button.mjs"
+    },
+    "./radius": {
+      "types": "./types/rt-tools-ui-kit-v2-radius.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-radius.mjs"
+    },
     "./rich-editor": {
       "types": "./types/rt-tools-ui-kit-v2-rich-editor.d.ts",
       "default": "./fesm2022/rt-tools-ui-kit-v2-rich-editor.mjs"
+    },
+    "./ripple": {
+      "types": "./types/rt-tools-ui-kit-v2-ripple.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-ripple.mjs"
+    },
+    "./scroll-area": {
+      "types": "./types/rt-tools-ui-kit-v2-scroll-area.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-scroll-area.mjs"
+    },
+    "./section-nav": {
+      "types": "./types/rt-tools-ui-kit-v2-section-nav.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-section-nav.mjs"
+    },
+    "./select": {
+      "types": "./types/rt-tools-ui-kit-v2-select.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-select.mjs"
+    },
+    "./side-menu": {
+      "types": "./types/rt-tools-ui-kit-v2-side-menu.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-side-menu.mjs"
+    },
+    "./skeleton": {
+      "types": "./types/rt-tools-ui-kit-v2-skeleton.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-skeleton.mjs"
+    },
+    "./skeleton-wrapper": {
+      "types": "./types/rt-tools-ui-kit-v2-skeleton-wrapper.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-skeleton-wrapper.mjs"
+    },
+    "./spinner": {
+      "types": "./types/rt-tools-ui-kit-v2-spinner.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-spinner.mjs"
+    },
+    "./split-button": {
+      "types": "./types/rt-tools-ui-kit-v2-split-button.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-split-button.mjs"
+    },
+    "./stat-tile": {
+      "types": "./types/rt-tools-ui-kit-v2-stat-tile.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-stat-tile.mjs"
+    },
+    "./stepper": {
+      "types": "./types/rt-tools-ui-kit-v2-stepper.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-stepper.mjs"
+    },
+    "./table": {
+      "types": "./types/rt-tools-ui-kit-v2-table.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-table.mjs"
+    },
+    "./tabs": {
+      "types": "./types/rt-tools-ui-kit-v2-tabs.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-tabs.mjs"
+    },
+    "./tag": {
+      "types": "./types/rt-tools-ui-kit-v2-tag.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-tag.mjs"
+    },
+    "./textarea": {
+      "types": "./types/rt-tools-ui-kit-v2-textarea.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-textarea.mjs"
+    },
+    "./theme-toggle": {
+      "types": "./types/rt-tools-ui-kit-v2-theme-toggle.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-theme-toggle.mjs"
+    },
+    "./thread-list": {
+      "types": "./types/rt-tools-ui-kit-v2-thread-list.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-thread-list.mjs"
+    },
+    "./timeline": {
+      "types": "./types/rt-tools-ui-kit-v2-timeline.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-timeline.mjs"
+    },
+    "./toast": {
+      "types": "./types/rt-tools-ui-kit-v2-toast.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-toast.mjs"
+    },
+    "./toggle-button-group": {
+      "types": "./types/rt-tools-ui-kit-v2-toggle-button-group.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-toggle-button-group.mjs"
+    },
+    "./toggle-switch": {
+      "types": "./types/rt-tools-ui-kit-v2-toggle-switch.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-toggle-switch.mjs"
+    },
+    "./toolbar": {
+      "types": "./types/rt-tools-ui-kit-v2-toolbar.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-toolbar.mjs"
+    },
+    "./tooltip": {
+      "types": "./types/rt-tools-ui-kit-v2-tooltip.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-tooltip.mjs"
+    },
+    "./welcome-dialog": {
+      "types": "./types/rt-tools-ui-kit-v2-welcome-dialog.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-welcome-dialog.mjs"
+    },
+    "./workspace": {
+      "types": "./types/rt-tools-ui-kit-v2-workspace.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-workspace.mjs"
+    },
+    "./workspace-details": {
+      "types": "./types/rt-tools-ui-kit-v2-workspace-details.d.ts",
+      "default": "./fesm2022/rt-tools-ui-kit-v2-workspace-details.mjs"
     }
   },
   "sideEffects": false,

package/src/lib/components/action-bar/CONTEXT.md

@@ -38,6 +38,11 @@
   всегда, и признак значка стоит модификатором — условие в шаблоне было бы оформлением, уехавшим
   в код.
 
+- **Меню действия со списком живёт в оверлее, вне полосы.** Свойства полосы до него не доходят,
+  поэтому `--rt-action-bar-menu-*` читаются с запасным значением и задаются на корне страницы. Без
+  них меню скруглено ступенью `md` и отбрасывает тень карточки.
+- **Цвета, отступы и шрифт полосы — свойства блока** `--rt-action-bar-*` со значениями прежнего вида.
+
 ## Края
 
 - Ноль выбранного показан числом: счётчик, прячущийся на нуле, дёргал бы ширину полосы ровно в

package/src/lib/components/action-bar/rt-action-bar.component.scss

@@ -7,12 +7,19 @@
     .rt-action-bar {
         --rt-action-bar-radius: var(--rt-radius-lg);
         --rt-action-bar-shadow: var(--rt-shadow-card);
+        --rt-action-bar-bg: var(--rt-color-bg-inverse);
+        --rt-action-bar-color: var(--rt-color-text-inverse);
+        --rt-action-bar-padding: var(--rt-space-2) var(--rt-space-4);
+        --rt-action-bar-gap: var(--rt-space-4);
+        --rt-action-bar-font-size: var(--rt-text-sm);
+        --rt-action-bar-counter-weight: var(--rt-font-weight-medium);
         --rt-action-bar-action-radius: var(--rt-radius-md);
-        --rt-action-bar-action-bg-hover: color-mix(in srgb, var(--rt-color-text-inverse) 16%, transparent);
+        --rt-action-bar-action-padding-block: var(--rt-space-1);
+        --rt-action-bar-action-padding-inline: var(--rt-space-2);
+        --rt-action-bar-action-weight: var(--rt-font-weight-medium);
+        --rt-action-bar-action-bg-hover: color-mix(in srgb, var(--rt-action-bar-color) 16%, transparent);
         --rt-action-bar-action-color-danger: var(--rt-color-action-danger-on-surface);
         --rt-action-bar-action-focus-shadow: var(--rt-shadow-focus-ring);
-        --rt-action-bar-menu-radius: var(--rt-radius-md);
-        --rt-action-bar-menu-shadow: var(--rt-shadow-card);
 
         // Предел ширины стоит и на самом элементе. Содержащий блок полосы — этот элемент, и
         // без предела он растёт по содержимому: сто процентов считались бы тогда от выросшего,
@@ -22,16 +29,16 @@
         max-width: 100%;
         box-sizing: border-box;
         align-items: center;
-        padding: var(--rt-space-2) var(--rt-space-4);
+        padding: var(--rt-action-bar-padding);
         border-radius: var(--rt-action-bar-radius);
-        background: var(--rt-color-bg-inverse);
+        background: var(--rt-action-bar-bg);
         box-shadow: var(--rt-action-bar-shadow);
-        color: var(--rt-color-text-inverse);
-        font-size: var(--rt-text-sm);
-        gap: var(--rt-space-4);
+        color: var(--rt-action-bar-color);
+        font-size: var(--rt-action-bar-font-size);
+        gap: var(--rt-action-bar-gap);
 
         &__counter {
-            font-weight: var(--rt-font-weight-medium);
+            font-weight: var(--rt-action-bar-counter-weight);
             white-space: nowrap;
         }
 
@@ -47,7 +54,7 @@
         &__action {
             display: flex;
             align-items: center;
-            padding: var(--rt-space-1) var(--rt-space-2);
+            padding: var(--rt-action-bar-action-padding-block) var(--rt-action-bar-action-padding-inline);
             border: 0;
             border-radius: var(--rt-action-bar-action-radius);
             background: transparent;
@@ -58,7 +65,7 @@
 
             // Нажатие в этом ките набрано средним начертанием — так набрана кнопка кита, и
             // действие полосы такое же нажатие. Первый кит ставил здесь шестьсот.
-            font-weight: var(--rt-font-weight-medium);
+            font-weight: var(--rt-action-bar-action-weight);
             gap: var(--rt-space-2);
 
             &:hover {
@@ -94,21 +101,28 @@
         // белому, и крестика не было видно ни в одном кадре. Своё свойство блока перебивают —
         // так делает просмотр фотографии, где кнопка стоит на снимке.
         &__close {
-            --rt-icon-button-color: var(--rt-color-text-inverse);
+            --rt-icon-button-color: var(--rt-action-bar-color);
             --rt-icon-button-color-bg-hover: var(--rt-action-bar-action-bg-hover);
 
             flex: none;
             margin-left: auto;
         }
 
+        // Меню рисуется в оверлее, вне полосы: объявление на полосе до него не доходит, и раньше
+        // меню выходило без скругления и тени. Свои свойства меню читает с запасным значением —
+        // объявленное на самом меню перебило бы правило приложения на корне страницы, а только
+        // оттуда свойство до оверлея и доходит.
         &__menu {
+            --rt-action-bar-menu-radius-default: var(--rt-radius-md);
+            --rt-action-bar-menu-shadow-default: var(--rt-shadow-card);
+
             display: flex;
             flex-direction: column;
             padding: var(--rt-space-2);
-            border-radius: var(--rt-action-bar-menu-radius);
-            background: var(--rt-color-bg-surface);
-            box-shadow: var(--rt-action-bar-menu-shadow);
-            color: var(--rt-color-text-primary);
+            border-radius: var(--rt-action-bar-menu-radius, var(--rt-action-bar-menu-radius-default));
+            background: var(--rt-action-bar-menu-bg, var(--rt-color-bg-surface));
+            box-shadow: var(--rt-action-bar-menu-shadow, var(--rt-action-bar-menu-shadow-default));
+            color: var(--rt-action-bar-menu-color, var(--rt-color-text-primary));
         }
 
         // Полоса живёт на нижней кромке, и пальцу нужно место, которое занимают подписи. Решает

package/src/lib/components/aside/CONTEXT.md

@@ -25,6 +25,8 @@ ref.afterClosed().subscribe((result?: ITour): void => …);
 | `width`         | `string \| null`       | `null`      |
 | `ariaLabel`     | `string \| null`       | `null`      |
 | `requestError`  | `unknown`              | `null`      |
+| `trapFocus`     | `boolean`              | `false`     |
+| `pending`       | `boolean`              | `false`     |
 
 | настройка `open()`                       | умолчание                                 |
 | ---------------------------------------- | ----------------------------------------- |
@@ -32,6 +34,7 @@ ref.afterClosed().subscribe((result?: ITour): void => …);
 | `position`                               | `'right'`                                 |
 | `closeOnBackdropClick` / `closeOnEscape` | `true`; второе — из настроек кита         |
 | `backdropClass` / `panelClass`           | `rt-aside-backdrop` / `rt-aside-overlay`  |
+| `injector`                               | корневой — уничтожение хозяина закрывает  |
 
 ## Главное, что нужно знать
 
@@ -54,7 +57,12 @@ ref.afterClosed().subscribe((result?: ITour): void => …);
 переопределяет своими правилами. Стережёт это `rt-aside-overlay.styles.spec.ts`.
 
 **`disableClose`** на `RtAsideRef` держит панель под кликом по подложке и под Escape — ставится
-самим содержимым, когда в форме есть несохранённое.
+самим содержимым, когда в форме есть несохранённое. Отказанный жест — под `disableClose` или
+выключенный настройкой — приходит в `closeRequests()`: `'escape'` или `'backdrop'`.
+
+**Снятый без `close()` слой завершает `afterClosed()` значением `undefined`.** Переход по адресу
+(`disposeOnNavigation`) и уничтожение хозяина больше не оставляют подписчика ждать. То же у
+`RtDialogRef`.
 
 **Ошибку запроса показывает сама панель.** Вход `requestError` ставит между шапкой и содержимым
 блок `rt-aside-error-box` с кнопкой копирования ошибки; `null` и `undefined` его убирают. Своя

package/src/lib/components/aside/footer/rt-aside-footer.component.scss

@@ -4,19 +4,18 @@
     .rt-aside-footer {
         --rt-aside-footer-border-width: var(--rt-border-width-thin);
 
-        padding-top: var(--rt-aside-inset);
-
-        /* Верхний разделитель не на всю ширину панели: margin отбивает футер по
-           горизонтали на тот же инсет, что и контентная зона, поэтому
-           border-block-start совпадает по краям с контентом. */
-        margin: var(--rt-aside-inset);
+        /* Отступ и поля футера — ручки приложения; без них отступ только сверху, а поля — инсет
+           панели. Верхний разделитель не на всю ширину: поля отбивают футер по горизонтали на тот
+           же инсет, что и контентная зона, и border-block-start совпадает по краям с контентом. */
+        padding: var(--rt-aside-footer-inset, var(--rt-aside-inset) 0 0);
+        margin: var(--rt-aside-footer-margin, var(--rt-aside-inset));
         border-block-start: var(--rt-aside-footer-border-width) solid var(--rt-color-border-subtle);
 
         &__content {
             display: flex;
             flex-wrap: wrap;
-            justify-content: space-between;
-            gap: var(--rt-space-sm);
+            justify-content: var(--rt-aside-footer-justify, space-between);
+            gap: var(--rt-aside-footer-gap, var(--rt-space-sm));
         }
 
         &:empty {

package/src/lib/components/aside/header/rt-aside-header.component.scss

@@ -9,7 +9,8 @@
         --rt-aside-header-gap: var(--rt-space-sm);
         --rt-aside-header-min-height: auto;
 
-        padding: var(--rt-aside-inset);
+        /* Отступ шапки — ручка приложения; без неё общий инсет панели. */
+        padding: var(--rt-aside-header-inset, var(--rt-aside-inset));
 
         &__content {
             display: flex;
@@ -51,6 +52,9 @@
             font-size: var(--rt-aside-header-title-size);
             font-weight: var(--rt-aside-header-title-weight);
 
+            /* Высота строки — ручка приложения; без неё наследуется, как было. */
+            line-height: var(--rt-aside-header-title-leading, inherit);
+
             /* Ellipsis для длинного заголовка: skeleton-wrapper рендерит `{{ title }}`
                как ng-content внутри inline-flex; чтобы `text-overflow: ellipsis`
                cработал, нужен block-level контейнер с overflow: hidden над текстом. */
@@ -90,6 +94,17 @@
             }
         }
 
+        /* Строка под заголовком на всю ширину шапки — слот `[asideHeaderContent]`. Пустая места
+           не занимает. */
+        &__row {
+            min-width: 0;
+            margin-top: var(--rt-aside-header-gap);
+
+            &:empty {
+                display: none;
+            }
+        }
+
         /* Ряд action-иконок справа от title (отклонить / на доработку / снять с
            публикации и т.п.). Пустой при отсутствии проекции — нулевой ширины. */
         &__actions {

package/src/lib/components/aside/rt-aside.component.scss

@@ -35,6 +35,9 @@
     }
 
     rt-aside .rt-aside {
+        /* Точка отсчёта для слоя ожидания. Рамка и так занимает панель целиком, поэтому прочим
+           потомкам она ничего не меняет. */
+        position: relative;
         display: flex;
         width: var(--rt-aside-width, var(--rt-aside-width-md));
 
@@ -75,6 +78,7 @@
         &__error {
             min-width: 0;
             flex-shrink: 0;
+            margin-block: var(--rt-aside-error-margin-block, 0);
             padding-inline: var(--rt-aside-inset);
         }
 
@@ -87,12 +91,24 @@
             min-height: 0;
             flex: 1 1 auto;
             flex-direction: column;
-            padding: var(--rt-aside-inset);
+            padding: var(--rt-aside-content-inset, var(--rt-aside-inset));
             gap: var(--rt-aside-content-gap);
             overflow-y: auto;
             overscroll-behavior: contain;
         }
 
+        /* Слой ожидания поверх всей панели: шапка, содержимое и футер под ним не нажимаются. Тот же
+           вид, что у слоя дозагрузки таблицы. */
+        &__pending {
+            position: absolute;
+            z-index: var(--rt-z-sticky);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background-color: color-mix(in srgb, var(--rt-color-bg-surface) 60%, transparent);
+            inset: 0;
+        }
+
         &--size--sm {
             width: var(--rt-aside-width, var(--rt-aside-width-sm));
         }

package/src/lib/components/button/CONTEXT.md

@@ -10,17 +10,18 @@
 <a rtButton label="На главную" [routerLink]="'/'"></a>
 ```
 
-| вход          | тип                                                                        | умолчание                     |
-| ------------- | -------------------------------------------------------------------------- | ----------------------------- |
-| `label`       | `string \| null`                                                           | `null`                        |
-| `icon`        | `string \| null` (имя из набора `rt-icon`)                                 | `null`                        |
-| `iconPos`     | `'left' \| 'right'`                                                        | `'left'`                      |
-| `theme`       | `'primary' \| 'secondary' \| 'success' \| 'warning' \| 'danger' \| 'info'` | `'primary'`                   |
-| `appearance`  | `'filled' \| 'outlined' \| 'text'`                                         | настройки кита или `'filled'` |
-| `size`        | `'sm' \| 'md' \| 'lg' \| 'xl' \| '2xl'` (30 / 40 / 50 / 60 / 70 px)        | настройки кита или `'md'`     |
-| `radius`      | `TRtRadius \| null` — шаг общей шкалы                                      | настройки кита или `null`     |
-| `loading`     | `boolean`                                                                  | `false`                       |
-| `loadingIcon` | `string \| null`                                                           | `null` → встроенное кольцо    |
+| вход           | тип                                                                        | умолчание                          |
+| -------------- | -------------------------------------------------------------------------- | ---------------------------------- |
+| `label`        | `string \| null`                                                           | `null`                             |
+| `icon`         | `string \| null` (имя из набора `rt-icon`)                                 | `null`                             |
+| `iconPos`      | `'left' \| 'right'`                                                        | `'left'`                           |
+| `theme`        | `'primary' \| 'secondary' \| 'success' \| 'warning' \| 'danger' \| 'info'` | `'primary'`                        |
+| `appearance`   | `'filled' \| 'outlined' \| 'text'`                                         | настройки кита или `'filled'`      |
+| `size`         | `'sm' \| 'md' \| 'lg' \| 'xl' \| '2xl'` (30 / 40 / 50 / 60 / 70 px)        | настройки кита или `'md'`          |
+| `radius`       | `TRtRadius \| null` — шаг общей шкалы                                      | настройки кита или `null`          |
+| `loading`      | `boolean`                                                                  | `false`                            |
+| `loadingIcon`  | `string \| null`                                                           | `null` → встроенное кольцо         |
+| `loadingLabel` | `'keep' \| 'hide'`                                                         | `'keep'` — кольцо рядом с подписью |
 
 Своего выхода нет — клик слушается нативным `(click)` на самом элементе.