@rt-tools/ui-kit-v2 0.38.0 → 0.39.1
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/fesm2022/rt-tools-ui-kit-v2-aside.mjs +45 -7
- package/fesm2022/rt-tools-ui-kit-v2-aside.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-autocomplete.mjs +2 -2
- package/fesm2022/rt-tools-ui-kit-v2-autocomplete.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-core.mjs +3 -0
- package/fesm2022/rt-tools-ui-kit-v2-core.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-data-list.mjs +10 -7
- package/fesm2022/rt-tools-ui-kit-v2-data-list.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-data-table.mjs +45 -44
- package/fesm2022/rt-tools-ui-kit-v2-data-table.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-date-picker.mjs +2 -2
- package/fesm2022/rt-tools-ui-kit-v2-date-picker.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-date-range.mjs +2 -2
- package/fesm2022/rt-tools-ui-kit-v2-date-range.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-field.mjs +2 -2
- package/fesm2022/rt-tools-ui-kit-v2-field.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-form-control.mjs +4 -1
- package/fesm2022/rt-tools-ui-kit-v2-form-control.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-icon.mjs +10 -0
- package/fesm2022/rt-tools-ui-kit-v2-icon.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-input-number.mjs +2 -2
- package/fesm2022/rt-tools-ui-kit-v2-input-number.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-input.mjs +2 -2
- package/fesm2022/rt-tools-ui-kit-v2-message.mjs +3 -3
- package/fesm2022/rt-tools-ui-kit-v2-message.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-multiselect.mjs +4 -4
- package/fesm2022/rt-tools-ui-kit-v2-multiselect.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-page-header.mjs +2 -2
- package/fesm2022/rt-tools-ui-kit-v2-page-header.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-popover.mjs +22 -6
- package/fesm2022/rt-tools-ui-kit-v2-popover.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-profile-menu.mjs +9 -5
- package/fesm2022/rt-tools-ui-kit-v2-profile-menu.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-rich-editor.mjs +2 -1
- package/fesm2022/rt-tools-ui-kit-v2-rich-editor.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-table-core.mjs +101 -0
- package/fesm2022/rt-tools-ui-kit-v2-table-core.mjs.map +1 -0
- package/fesm2022/rt-tools-ui-kit-v2-table.mjs +39 -38
- package/fesm2022/rt-tools-ui-kit-v2-table.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-tabs.mjs +41 -4
- package/fesm2022/rt-tools-ui-kit-v2-tabs.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-toolbar.mjs +342 -17
- package/fesm2022/rt-tools-ui-kit-v2-toolbar.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-workspace-details.mjs +2 -0
- package/fesm2022/rt-tools-ui-kit-v2-workspace-details.mjs.map +1 -1
- package/package.json +5 -1
- package/src/assets/icons-material/bookmark.fill.svg +5 -0
- package/src/assets/icons-material/bookmark.svg +5 -0
- package/src/assets/icons-material/flag.fill.svg +3 -0
- package/src/assets/icons-material/flag.svg +5 -0
- package/src/lib/components/aside/CONTEXT.md +4 -1
- package/src/lib/components/aside/footer/CONTEXT.md +27 -0
- package/src/lib/components/aside/footer/rt-aside-footer.component.scss +8 -3
- package/src/lib/components/aside/header/rt-aside-header.component.scss +15 -4
- package/src/lib/components/button/rt-button.directive.scss +5 -1
- package/src/lib/components/data-table/CONTEXT.md +8 -2
- package/src/lib/components/field/CONTEXT.md +4 -2
- package/src/lib/components/field/rt-field.component.scss +14 -0
- package/src/lib/components/form-control/CONTEXT.md +13 -8
- package/src/lib/components/input/rt-input.component.scss +4 -0
- package/src/lib/components/message/CONTEXT.md +1 -1
- package/src/lib/components/message/rt-message.component.scss +2 -1
- package/src/lib/components/multiselect/rt-multiselect.component.scss +21 -0
- package/src/lib/components/popover/CONTEXT.md +3 -0
- package/src/lib/components/profile-menu/CONTEXT.md +4 -0
- package/src/lib/components/profile-menu/rt-profile-menu.component.scss +11 -0
- package/src/lib/components/service-block/stories/component/test-service-block-panel.component.scss +29 -0
- package/src/lib/components/table/CONTEXT.md +3 -0
- package/src/lib/components/table/copy-cell/CONTEXT.md +32 -0
- package/src/lib/components/table/copy-cell/rt-copy-cell.component.scss +26 -0
- package/src/lib/components/tabs/CONTEXT.md +19 -16
- package/src/lib/components/tabs/rt-tabs.component.scss +25 -1
- package/src/lib/components/toolbar/CONTEXT.md +21 -4
- package/src/lib/components/toolbar/filters-aside/rt-toolbar-filters-aside.component.scss +22 -0
- package/src/lib/components/toolbar/rt-toolbar.component.scss +12 -0
- package/src/styles/_form.scss +10 -0
- package/src/styles/_semantic.scss +2 -1
- package/styles/tokens.css +29 -9
- package/types/rt-tools-ui-kit-v2-aside.d.ts +21 -2
- package/types/rt-tools-ui-kit-v2-core.d.ts +21 -5
- package/types/rt-tools-ui-kit-v2-data-table.d.ts +23 -9
- package/types/rt-tools-ui-kit-v2-form-control.d.ts +2 -2
- package/types/rt-tools-ui-kit-v2-message.d.ts +1 -1
- package/types/rt-tools-ui-kit-v2-popover.d.ts +3 -1
- package/types/rt-tools-ui-kit-v2-profile-menu.d.ts +6 -1
- package/types/rt-tools-ui-kit-v2-table-core.d.ts +76 -0
- package/types/rt-tools-ui-kit-v2-table.d.ts +21 -18
- package/types/rt-tools-ui-kit-v2-tabs.d.ts +26 -0
- package/types/rt-tools-ui-kit-v2-toolbar.d.ts +79 -2
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
import { EnvironmentProviders, InjectionToken, InputSignal, InputSignalWithTransform, OnDestroy, OutputEmitterRef, PipeTransform, Signal, Type, WritableSignal } from "@angular/core";
|
|
3
|
-
import { FormControl } from "@angular/forms";
|
|
3
|
+
import { FormControl as FormControl$1 } from "@angular/forms";
|
|
4
4
|
import { IFilterModel, ISortModel, TFilterOperatorType } from "@rt-tools/utils";
|
|
5
5
|
import { MonoTypeOperatorFunction, Observable } from "rxjs";
|
|
6
6
|
/**
|
|
@@ -152,9 +152,9 @@ export declare namespace IRtDataTable {
|
|
|
152
152
|
columns: Array<IRtDataTable.Column<T>>;
|
|
153
153
|
}
|
|
154
154
|
interface Form<T> {
|
|
155
|
-
isVerticalScrollbarShown: FormControl<boolean>;
|
|
156
|
-
isHorizontalScrollbarShown: FormControl<boolean>;
|
|
157
|
-
columns: FormControl<(keyof T)[]>;
|
|
155
|
+
isVerticalScrollbarShown: FormControl$1<boolean>;
|
|
156
|
+
isHorizontalScrollbarShown: FormControl$1<boolean>;
|
|
157
|
+
columns: FormControl$1<(keyof T)[]>;
|
|
158
158
|
}
|
|
159
159
|
}
|
|
160
160
|
}
|
|
@@ -400,9 +400,18 @@ export declare namespace IRtKitConfig {
|
|
|
400
400
|
/** Задержка показа при наведении, мс. Умолчание кита — 300. */
|
|
401
401
|
showDelay?: number;
|
|
402
402
|
}
|
|
403
|
+
/**
|
|
404
|
+
* Умолчания полей общей базы: ввода, автокомплита, числа, дат, выбора и прочих. Вход на поле
|
|
405
|
+
* перебивает их.
|
|
406
|
+
*/
|
|
407
|
+
interface FormControl {
|
|
408
|
+
/** Доходит ли крестик очистки по Tab. Умолчание кита — не доходит. */
|
|
409
|
+
clearTabbable?: boolean;
|
|
410
|
+
}
|
|
403
411
|
/** Умолчания по узлам: каждое действует на одну семью и перебивает общее. */
|
|
404
412
|
interface Components {
|
|
405
413
|
button?: Button;
|
|
414
|
+
formControl?: FormControl;
|
|
406
415
|
aside?: Aside;
|
|
407
416
|
dataTable?: DataTable;
|
|
408
417
|
dataList?: DataList;
|
|
@@ -670,6 +679,7 @@ export declare const RT_KIT_LABELS_EN: {
|
|
|
670
679
|
readonly uiFilterStartsWith: "Starts with";
|
|
671
680
|
readonly uiFilterValue: "Filter value";
|
|
672
681
|
readonly uiFilters: "Filters";
|
|
682
|
+
readonly uiFiltersActive: "Filters, applied";
|
|
673
683
|
readonly uiForward: "Forward";
|
|
674
684
|
readonly uiHide: "Hide";
|
|
675
685
|
readonly uiHideColumn: "Hide column";
|
|
@@ -1330,6 +1340,12 @@ export declare enum ERtStorageKeys {
|
|
|
1330
1340
|
Theme = "rt.theme",
|
|
1331
1341
|
/** Префикс, а не полный ключ: итоговый вид — `rt.table.columns.<tableId>`. */
|
|
1332
1342
|
TableColumnsPrefix = "rt.table.columns.",
|
|
1343
|
+
/**
|
|
1344
|
+
* Префикс настроек `rt-data-table`: итоговый вид — `rt.data-table.config.<ключ приложения>`.
|
|
1345
|
+
* Свой, а не `TableColumnsPrefix`: форма записи другая, и один ключ на обе таблицы дал бы
|
|
1346
|
+
* одной прочитать чужое.
|
|
1347
|
+
*/
|
|
1348
|
+
DataTableConfigPrefix = "rt.data-table.config.",
|
|
1333
1349
|
/** Настройки боковых меню: один объект, в нём каждое меню под своим номером. */
|
|
1334
1350
|
SideMenu = "rt.side-menu"
|
|
1335
1351
|
}
|
|
@@ -1419,7 +1435,7 @@ export declare class RtInfiniteScrollDirective implements OnDestroy {
|
|
|
1419
1435
|
}, never, never, true, never>;
|
|
1420
1436
|
}
|
|
1421
1437
|
/** The name of a styling property the kit declares itself. */
|
|
1422
|
-
export type TRtDesignTokenName = '--rt-amber-400' | '--rt-border-width-medium' | '--rt-border-width-thick' | '--rt-border-width-thin' | '--rt-bp-lg' | '--rt-bp-md' | '--rt-bp-sm' | '--rt-bp-xl' | '--rt-brand-100' | '--rt-brand-200' | '--rt-brand-300' | '--rt-brand-400' | '--rt-brand-50' | '--rt-brand-500' | '--rt-brand-600' | '--rt-brand-700' | '--rt-brand-800' | '--rt-brand-900' | '--rt-brand-950' | '--rt-btn-tint-active' | '--rt-btn-tint-hover' | '--rt-charcoal-700' | '--rt-charcoal-800' | '--rt-charcoal-900' | '--rt-charcoal-950' | '--rt-charcoal-border' | '--rt-charcoal-border-strong' | '--rt-chat-bubble-date' | '--rt-chat-bubble-in-author' | '--rt-chat-bubble-in-bg' | '--rt-chat-bubble-own-author' | '--rt-chat-bubble-own-bg' | '--rt-chat-status-read' | '--rt-color-action-danger' | '--rt-color-action-danger-active' | '--rt-color-action-danger-hover' | '--rt-color-action-danger-on-surface' | '--rt-color-action-disabled' | '--rt-color-action-info' | '--rt-color-action-info-active' | '--rt-color-action-info-hover' | '--rt-color-action-info-on-surface' | '--rt-color-action-on-danger' | '--rt-color-action-on-disabled' | '--rt-color-action-on-info' | '--rt-color-action-on-primary' | '--rt-color-action-on-secondary' | '--rt-color-action-on-success' | '--rt-color-action-on-warning' | '--rt-color-action-primary' | '--rt-color-action-primary-active' | '--rt-color-action-primary-hover' | '--rt-color-action-primary-on-surface' | '--rt-color-action-primary-soft' | '--rt-color-action-primary-subtle' | '--rt-color-action-secondary' | '--rt-color-action-secondary-active' | '--rt-color-action-secondary-hover' | '--rt-color-action-secondary-on-surface' | '--rt-color-action-success' | '--rt-color-action-success-active' | '--rt-color-action-success-hover' | '--rt-color-action-success-on-surface' | '--rt-color-action-warning' | '--rt-color-action-warning-active' | '--rt-color-action-warning-hover' | '--rt-color-action-warning-on-surface' | '--rt-color-bg-hover' | '--rt-color-bg-inverse' | '--rt-color-bg-nav' | '--rt-color-bg-overlay' | '--rt-color-bg-page' | '--rt-color-bg-page-auth' | '--rt-color-bg-subtle' | '--rt-color-bg-surface' | '--rt-color-bg-surface-auth-card' | '--rt-color-bg-surface-subtle' | '--rt-color-bg-surface-subtle-2' | '--rt-color-border-default' | '--rt-color-border-focus' | '--rt-color-border-strong' | '--rt-color-border-subtle' | '--rt-color-field-fill-underline' | '--rt-color-service-logo-bg' | '--rt-color-service-logo-mark' | '--rt-color-skeleton-base' | '--rt-color-skeleton-wave' | '--rt-color-state-danger' | '--rt-color-state-danger-bg' | '--rt-color-state-error-text' | '--rt-color-state-info' | '--rt-color-state-info-bg' | '--rt-color-state-success' | '--rt-color-state-success-bg' | '--rt-color-state-success-text' | '--rt-color-state-warning' | '--rt-color-state-warning-bg' | '--rt-color-state-warning-text' | '--rt-color-stepper-current' | '--rt-color-stepper-current-subtle' | '--rt-color-stepper-progress' | '--rt-color-stepper-track' | '--rt-color-table-head-bg' | '--rt-color-text-disabled' | '--rt-color-text-inverse' | '--rt-color-text-link' | '--rt-color-text-link-hover' | '--rt-color-text-muted' | '--rt-color-text-primary' | '--rt-control-height-2xl' | '--rt-control-height-lg' | '--rt-control-height-md' | '--rt-control-height-sm' | '--rt-control-height-xl' | '--rt-control-max-width' | '--rt-control-panel-max-height' | '--rt-control-textarea-min-height-lg' | '--rt-control-textarea-min-height-md' | '--rt-control-textarea-min-height-sm' | '--rt-counter-gap' | '--rt-counter-row-color-border' | '--rt-counter-row-gap' | '--rt-counter-row-hint-color' | '--rt-counter-row-hint-font-size' | '--rt-counter-row-label-color' | '--rt-counter-row-label-font-size' | '--rt-counter-row-padding-y' | '--rt-counter-value-color' | '--rt-counter-value-font-size' | '--rt-counter-value-min-width' | '--rt-danger-50' | '--rt-danger-500' | '--rt-danger-600' | '--rt-danger-700' | '--rt-duration-base' | '--rt-duration-fast' | '--rt-duration-slow' | '--rt-duration-slower' | '--rt-field-error-color' | '--rt-field-error-font-size' | '--rt-field-gap' | '--rt-field-hint-color' | '--rt-field-hint-font-size' | '--rt-field-label-color' | '--rt-field-label-font-size' | '--rt-field-label-font-weight' | '--rt-field-label-help-gap' | '--rt-field-messages-line-height' | '--rt-field-messages-padding-top' | '--rt-field-required-color' | '--rt-field-required-gap' | '--rt-field-value-color' | '--rt-field-value-empty-color' | '--rt-field-value-font-size' | '--rt-focus-ring-color' | '--rt-focus-ring-color-danger' | '--rt-focus-ring-offset' | '--rt-focus-ring-width' | '--rt-font-family-mono' | '--rt-font-family-sans' | '--rt-font-weight-bold' | '--rt-font-weight-medium' | '--rt-font-weight-regular' | '--rt-font-weight-semibold' | '--rt-gray-350' | '--rt-icon-button-color-bg-hover' | '--rt-icon-button-disabled-color' | '--rt-icon-button-disabled-fill' | '--rt-icon-button-disabled-opacity' | '--rt-info-50' | '--rt-info-500' | '--rt-info-600' | '--rt-info-700' | '--rt-input-border-width' | '--rt-input-caret-color' | '--rt-input-clear-bg' | '--rt-input-clear-bg-hover' | '--rt-input-clear-color' | '--rt-input-clear-icon-size' | '--rt-input-clear-offset-end' | '--rt-input-clear-offset-start' | '--rt-input-clear-radius' | '--rt-input-clear-size' | '--rt-input-color-bg' | '--rt-input-color-bg-disabled' | '--rt-input-color-bg-hover' | '--rt-input-color-border' | '--rt-input-color-border-disabled' | '--rt-input-color-border-error' | '--rt-input-color-border-focus' | '--rt-input-color-placeholder-disabled' | '--rt-input-color-text' | '--rt-input-color-text-disabled' | '--rt-input-color-text-placeholder' | '--rt-input-disabled-field-opacity' | '--rt-input-disabled-opacity' | '--rt-input-fill-color-bg-disabled' | '--rt-input-fill-edge' | '--rt-input-fill-focus-shadow' | '--rt-input-fill-focus-shadow-error' | '--rt-input-focus-outline-offset' | '--rt-input-focus-shadow' | '--rt-input-focus-shadow-error' | '--rt-input-font-size' | '--rt-input-gap' | '--rt-input-height' | '--rt-input-height-lg' | '--rt-input-height-md' | '--rt-input-height-sm' | '--rt-input-icon-color' | '--rt-input-icon-size' | '--rt-input-line-height' | '--rt-input-max-width' | '--rt-input-min-width' | '--rt-input-padding-x' | '--rt-input-padding-y' | '--rt-input-panel-max-height' | '--rt-input-radius' | '--rt-input-transition' | '--rt-leading-none' | '--rt-leading-normal' | '--rt-leading-relaxed' | '--rt-leading-snug' | '--rt-leading-tight' | '--rt-letter-spacing-wide' | '--rt-list-action-color' | '--rt-list-action-color-bg-hover' | '--rt-list-action-color-hover' | '--rt-list-action-divider-height' | '--rt-list-action-gap' | '--rt-list-action-icon-size' | '--rt-list-action-radius' | '--rt-list-action-shadow' | '--rt-list-action-shadow-hover' | '--rt-list-content-padding-bottom' | '--rt-list-copy-button-bg' | '--rt-list-copy-button-bg-hover' | '--rt-list-copy-button-color' | '--rt-list-copy-button-radius' | '--rt-list-copy-button-size' | '--rt-list-empty-icon-size' | '--rt-list-empty-icon-wrap-bg' | '--rt-list-empty-icon-wrap-size' | '--rt-list-empty-title-size' | '--rt-list-empty-title-weight' | '--rt-list-filter-line-height' | '--rt-list-placeholder-grow' | '--rt-list-placeholder-min-height' | '--rt-list-search-color-bg' | '--rt-list-search-color-border' | '--rt-list-search-color-placeholder' | '--rt-list-search-font-size' | '--rt-list-search-gap' | '--rt-list-search-height' | '--rt-list-search-icon-color' | '--rt-list-search-icon-size' | '--rt-list-search-padding-x' | '--rt-list-search-radius' | '--rt-list-search-width' | '--rt-list-selector-label-color' | '--rt-list-settings-icon-color' | '--rt-list-settings-item-bg' | '--rt-list-settings-item-radius' | '--rt-list-table-button-radius' | '--rt-list-table-button-size' | '--rt-list-table-head-divider-color' | '--rt-list-table-icon-color' | '--rt-list-table-icon-size' | '--rt-list-toolbar-gap' | '--rt-list-toolbar-padding-bottom' | '--rt-list-toolbar-padding-top' | '--rt-mat-blue-100' | '--rt-mat-blue-20' | '--rt-mat-blue-40' | '--rt-mat-blue-60' | '--rt-mat-blue-80' | '--rt-mat-blue-active' | '--rt-mat-blue-hover' | '--rt-mat-dark-10' | '--rt-mat-dark-20' | '--rt-mat-dark-30' | '--rt-mat-dark-40' | '--rt-mat-green-10' | '--rt-mat-green-100' | '--rt-mat-green-120' | '--rt-mat-green-20' | '--rt-mat-green-40' | '--rt-mat-green-60' | '--rt-mat-green-80' | '--rt-mat-green-active' | '--rt-mat-green-hover' | '--rt-mat-menu-min-width' | '--rt-mat-menu-sm-icon-size' | '--rt-mat-menu-sm-item-height' | '--rt-mat-navy-100' | '--rt-mat-neutral-0' | '--rt-mat-neutral-10' | '--rt-mat-neutral-100' | '--rt-mat-neutral-15' | '--rt-mat-neutral-20' | '--rt-mat-neutral-25' | '--rt-mat-neutral-30' | '--rt-mat-neutral-35' | '--rt-mat-neutral-40' | '--rt-mat-neutral-5' | '--rt-mat-neutral-60' | '--rt-mat-neutral-70' | '--rt-mat-neutral-80' | '--rt-mat-neutral-active' | '--rt-mat-neutral-hover' | '--rt-mat-orange-10' | '--rt-mat-orange-100' | '--rt-mat-orange-20' | '--rt-mat-orange-40' | '--rt-mat-orange-5' | '--rt-mat-orange-60' | '--rt-mat-orange-70' | '--rt-mat-orange-80' | '--rt-mat-orange-active' | '--rt-mat-orange-hover' | '--rt-mat-overlay-black-32' | '--rt-mat-overlay-black-4' | '--rt-mat-overlay-blue-24' | '--rt-mat-overlay-blue-8' | '--rt-mat-radius-4' | '--rt-mat-radius-5' | '--rt-mat-red-10' | '--rt-mat-red-100' | '--rt-mat-red-20' | '--rt-mat-red-40' | '--rt-mat-red-60' | '--rt-mat-red-80' | '--rt-mat-red-active' | '--rt-mat-red-hover' | '--rt-mat-shadow-fab' | '--rt-mat-shadow-fab-hover' | '--rt-mat-shadow-level-2' | '--rt-mat-yellow-100' | '--rt-mist-50' | '--rt-nav-caret-size' | '--rt-nav-color-disabled' | '--rt-nav-color-focus' | '--rt-nav-header-color-bg' | '--rt-nav-header-padding' | '--rt-nav-item-color' | '--rt-nav-item-color-bg' | '--rt-nav-item-color-bg-active' | '--rt-nav-item-color-border' | '--rt-nav-item-color-caret' | '--rt-nav-item-color-hover' | '--rt-nav-item-color-pressed' | '--rt-nav-item-content-gap' | '--rt-nav-item-font-size' | '--rt-nav-item-font-weight' | '--rt-nav-item-gap' | '--rt-nav-item-height' | '--rt-nav-item-line-height' | '--rt-nav-item-padding' | '--rt-nav-marker-color' | '--rt-nav-marker-size' | '--rt-nav-panel-color-bg' | '--rt-nav-panel-color-border' | '--rt-nav-panel-column-gap' | '--rt-nav-panel-column-width' | '--rt-nav-panel-columns' | '--rt-nav-panel-group-color' | '--rt-nav-panel-group-content-gap' | '--rt-nav-panel-group-font-size' | '--rt-nav-panel-group-font-weight' | '--rt-nav-panel-group-gap' | '--rt-nav-panel-item-color' | '--rt-nav-panel-item-color-active' | '--rt-nav-panel-item-color-bg-active' | '--rt-nav-panel-item-color-bg-hover' | '--rt-nav-panel-item-content-gap' | '--rt-nav-panel-item-font-size' | '--rt-nav-panel-item-font-weight' | '--rt-nav-panel-item-gap' | '--rt-nav-panel-item-height' | '--rt-nav-panel-item-padding' | '--rt-nav-panel-padding' | '--rt-nav-panel-padding-y' | '--rt-nav-panel-shadow' | '--rt-navy-600' | '--rt-navy-900' | '--rt-neutral-0' | '--rt-neutral-100' | '--rt-neutral-200' | '--rt-neutral-300' | '--rt-neutral-400' | '--rt-neutral-50' | '--rt-neutral-500' | '--rt-neutral-600' | '--rt-neutral-700' | '--rt-neutral-800' | '--rt-neutral-900' | '--rt-neutral-950' | '--rt-opacity-disabled' | '--rt-overlay-amber-16' | '--rt-overlay-black-4' | '--rt-overlay-black-50' | '--rt-overlay-black-8' | '--rt-overlay-brand-24' | '--rt-overlay-brand-8' | '--rt-overlay-danger-16' | '--rt-overlay-menu-bg' | '--rt-overlay-menu-current-bg' | '--rt-overlay-menu-danger-color' | '--rt-overlay-menu-danger-label-color' | '--rt-overlay-menu-item-icon-size' | '--rt-overlay-menu-item-min-height' | '--rt-overlay-menu-item-padding-x' | '--rt-overlay-menu-item-padding-y' | '--rt-overlay-menu-item-weight' | '--rt-overlay-menu-min-width' | '--rt-overlay-menu-padding-y' | '--rt-overlay-menu-radius' | '--rt-overlay-menu-shadow' | '--rt-overlay-menu-sm-item-icon-size' | '--rt-overlay-menu-sm-item-min-height' | '--rt-overlay-navy-70' | '--rt-overlay-select-check-display' | '--rt-overlay-select-option-font-size' | '--rt-overlay-select-option-min-height' | '--rt-overlay-select-panel-border-width' | '--rt-overlay-select-radius' | '--rt-overlay-select-selected-bg' | '--rt-overlay-select-selected-weight' | '--rt-overlay-select-shadow' | '--rt-overlay-tooltip-radius' | '--rt-overlay-tooltip-shadow' | '--rt-overlay-white-25' | '--rt-overlay-white-4' | '--rt-overlay-white-40' | '--rt-overlay-white-50' | '--rt-overlay-white-8' | '--rt-pagination-arrow-color' | '--rt-pagination-arrow-radius' | '--rt-pagination-arrow-shadow' | '--rt-pagination-arrow-size' | '--rt-pagination-box-color-border' | '--rt-pagination-box-color-text' | '--rt-pagination-box-current-color-bg' | '--rt-pagination-box-current-color-border' | '--rt-pagination-box-current-color-text' | '--rt-pagination-box-current-font-weight' | '--rt-pagination-box-radius' | '--rt-pagination-box-size' | '--rt-pagination-field-color-bg' | '--rt-pagination-field-color-border' | '--rt-pagination-field-color-text' | '--rt-pagination-field-height' | '--rt-pagination-field-padding-x' | '--rt-pagination-field-radius' | '--rt-pagination-gap' | '--rt-pagination-justify' | '--rt-pagination-nav-gap' | '--rt-pagination-padding-x' | '--rt-pagination-padding-y' | '--rt-pagination-per-page-gap' | '--rt-pagination-per-page-label-white-space' | '--rt-pagination-range-display' | '--rt-profile-avatar-border-width' | '--rt-profile-avatar-font-size' | '--rt-profile-avatar-radius' | '--rt-profile-avatar-size' | '--rt-profile-item-content-gap' | '--rt-profile-item-font-size' | '--rt-profile-item-font-weight' | '--rt-profile-item-padding-y' | '--rt-profile-item-radius' | '--rt-profile-menu-border-width' | '--rt-profile-menu-min-width' | '--rt-profile-menu-padding' | '--rt-profile-menu-radius' | '--rt-profile-menu-shadow' | '--rt-profile-row-inset' | '--rt-profile-theme-icon-padding' | '--rt-profile-theme-icon-radius' | '--rt-radius-2xl' | '--rt-radius-control' | '--rt-radius-full' | '--rt-radius-lg' | '--rt-radius-md' | '--rt-radius-ms' | '--rt-radius-none' | '--rt-radius-sm' | '--rt-radius-xl' | '--rt-radius-xs' | '--rt-shadow-card' | '--rt-shadow-card-soft' | '--rt-shadow-dialog' | '--rt-shadow-focus-ring' | '--rt-shadow-focus-ring-danger' | '--rt-shadow-lg' | '--rt-shadow-md' | '--rt-shadow-nav-panel' | '--rt-shadow-none' | '--rt-shadow-profile-menu' | '--rt-shadow-service-logo-lg' | '--rt-shadow-service-logo-md' | '--rt-shadow-service-logo-sm' | '--rt-shadow-service-logo-xs' | '--rt-shadow-sm' | '--rt-shadow-status-dot' | '--rt-shadow-step-indicator' | '--rt-shadow-xl' | '--rt-size-1' | '--rt-size-10' | '--rt-size-100' | '--rt-size-12' | '--rt-size-16' | '--rt-size-2' | '--rt-size-20' | '--rt-size-24' | '--rt-size-3' | '--rt-size-30' | '--rt-size-4' | '--rt-size-40' | '--rt-size-5' | '--rt-size-6' | '--rt-size-60' | '--rt-size-64' | '--rt-size-8' | '--rt-slate-300' | '--rt-space-0' | '--rt-space-0-5' | '--rt-space-1' | '--rt-space-10' | '--rt-space-12' | '--rt-space-16' | '--rt-space-2' | '--rt-space-20' | '--rt-space-24' | '--rt-space-2xl' | '--rt-space-2xs' | '--rt-space-3xl' | '--rt-space-4' | '--rt-space-5' | '--rt-space-6' | '--rt-space-8' | '--rt-space-lg' | '--rt-space-md' | '--rt-space-sm' | '--rt-space-xl' | '--rt-space-xs' | '--rt-success-100' | '--rt-success-400' | '--rt-success-50' | '--rt-success-500' | '--rt-success-600' | '--rt-success-700' | '--rt-tabs-indicator-duration' | '--rt-tabs-indicator-easing' | '--rt-tabs-panel-duration' | '--rt-tabs-panel-easing' | '--rt-tabs-scroll-duration' | '--rt-tabs-scroll-easing' | '--rt-text-2xl' | '--rt-text-2xs' | '--rt-text-3xl' | '--rt-text-3xs' | '--rt-text-4xl' | '--rt-text-base' | '--rt-text-lg' | '--rt-text-md' | '--rt-text-sm' | '--rt-text-xl' | '--rt-text-xs' | '--rt-textarea-line-height' | '--rt-textarea-min-height' | '--rt-textarea-min-height-lg' | '--rt-textarea-min-height-md' | '--rt-textarea-min-height-sm' | '--rt-textarea-padding-y' | '--rt-toggle-chip-color-bg-selected' | '--rt-toggle-chip-color-border' | '--rt-toggle-chip-color-text' | '--rt-toggle-color-border' | '--rt-toggle-color-icon' | '--rt-toggle-color-thumb' | '--rt-toggle-color-track' | '--rt-toggle-color-track-on' | '--rt-toggle-shadow-border' | '--rt-toggle-shadow-thumb' | '--rt-warning-50' | '--rt-warning-500' | '--rt-warning-600' | '--rt-warning-700' | '--rt-yellow-400' | '--rt-z-base' | '--rt-z-dropdown' | '--rt-z-fixed' | '--rt-z-modal' | '--rt-z-modal-backdrop' | '--rt-z-popover' | '--rt-z-sticky' | '--rt-z-tooltip';
|
|
1438
|
+
export type TRtDesignTokenName = '--rt-amber-400' | '--rt-border-width-medium' | '--rt-border-width-thick' | '--rt-border-width-thin' | '--rt-bp-lg' | '--rt-bp-md' | '--rt-bp-sm' | '--rt-bp-xl' | '--rt-brand-100' | '--rt-brand-200' | '--rt-brand-300' | '--rt-brand-400' | '--rt-brand-50' | '--rt-brand-500' | '--rt-brand-600' | '--rt-brand-700' | '--rt-brand-800' | '--rt-brand-900' | '--rt-brand-950' | '--rt-btn-tint-active' | '--rt-btn-tint-hover' | '--rt-charcoal-700' | '--rt-charcoal-800' | '--rt-charcoal-900' | '--rt-charcoal-950' | '--rt-charcoal-border' | '--rt-charcoal-border-strong' | '--rt-chat-bubble-date' | '--rt-chat-bubble-in-author' | '--rt-chat-bubble-in-bg' | '--rt-chat-bubble-own-author' | '--rt-chat-bubble-own-bg' | '--rt-chat-status-read' | '--rt-color-action-danger' | '--rt-color-action-danger-active' | '--rt-color-action-danger-hover' | '--rt-color-action-danger-on-surface' | '--rt-color-action-disabled' | '--rt-color-action-info' | '--rt-color-action-info-active' | '--rt-color-action-info-hover' | '--rt-color-action-info-on-surface' | '--rt-color-action-on-danger' | '--rt-color-action-on-disabled' | '--rt-color-action-on-info' | '--rt-color-action-on-primary' | '--rt-color-action-on-secondary' | '--rt-color-action-on-success' | '--rt-color-action-on-warning' | '--rt-color-action-primary' | '--rt-color-action-primary-active' | '--rt-color-action-primary-hover' | '--rt-color-action-primary-on-surface' | '--rt-color-action-primary-soft' | '--rt-color-action-primary-subtle' | '--rt-color-action-secondary' | '--rt-color-action-secondary-active' | '--rt-color-action-secondary-hover' | '--rt-color-action-secondary-on-surface' | '--rt-color-action-success' | '--rt-color-action-success-active' | '--rt-color-action-success-hover' | '--rt-color-action-success-on-surface' | '--rt-color-action-warning' | '--rt-color-action-warning-active' | '--rt-color-action-warning-hover' | '--rt-color-action-warning-on-surface' | '--rt-color-bg-hover' | '--rt-color-bg-inverse' | '--rt-color-bg-nav' | '--rt-color-bg-overlay' | '--rt-color-bg-page' | '--rt-color-bg-page-auth' | '--rt-color-bg-subtle' | '--rt-color-bg-surface' | '--rt-color-bg-surface-auth-card' | '--rt-color-bg-surface-subtle' | '--rt-color-bg-surface-subtle-2' | '--rt-color-border-default' | '--rt-color-border-focus' | '--rt-color-border-strong' | '--rt-color-border-subtle' | '--rt-color-field-fill-underline' | '--rt-color-service-logo-bg' | '--rt-color-service-logo-mark' | '--rt-color-skeleton-base' | '--rt-color-skeleton-wave' | '--rt-color-state-danger' | '--rt-color-state-danger-bg' | '--rt-color-state-error-text' | '--rt-color-state-info' | '--rt-color-state-info-bg' | '--rt-color-state-success' | '--rt-color-state-success-bg' | '--rt-color-state-success-text' | '--rt-color-state-warning' | '--rt-color-state-warning-bg' | '--rt-color-state-warning-text' | '--rt-color-stepper-current' | '--rt-color-stepper-current-subtle' | '--rt-color-stepper-progress' | '--rt-color-stepper-track' | '--rt-color-table-head-bg' | '--rt-color-text-disabled' | '--rt-color-text-inverse' | '--rt-color-text-link' | '--rt-color-text-link-hover' | '--rt-color-text-muted' | '--rt-color-text-primary' | '--rt-control-height-2xl' | '--rt-control-height-lg' | '--rt-control-height-md' | '--rt-control-height-sm' | '--rt-control-height-xl' | '--rt-control-max-width' | '--rt-control-panel-max-height' | '--rt-control-textarea-min-height-lg' | '--rt-control-textarea-min-height-md' | '--rt-control-textarea-min-height-sm' | '--rt-counter-gap' | '--rt-counter-row-color-border' | '--rt-counter-row-gap' | '--rt-counter-row-hint-color' | '--rt-counter-row-hint-font-size' | '--rt-counter-row-label-color' | '--rt-counter-row-label-font-size' | '--rt-counter-row-padding-y' | '--rt-counter-value-color' | '--rt-counter-value-font-size' | '--rt-counter-value-min-width' | '--rt-danger-50' | '--rt-danger-500' | '--rt-danger-600' | '--rt-danger-700' | '--rt-duration-base' | '--rt-duration-fast' | '--rt-duration-slow' | '--rt-duration-slower' | '--rt-field-error-color' | '--rt-field-error-font-size' | '--rt-field-gap' | '--rt-field-hint-color' | '--rt-field-hint-font-size' | '--rt-field-label-color' | '--rt-field-label-font-size' | '--rt-field-label-font-weight' | '--rt-field-label-help-gap' | '--rt-field-label-line-height' | '--rt-field-messages-line-height' | '--rt-field-messages-padding-top' | '--rt-field-required-color' | '--rt-field-required-gap' | '--rt-field-value-color' | '--rt-field-value-empty-color' | '--rt-field-value-font-size' | '--rt-focus-ring-color' | '--rt-focus-ring-color-danger' | '--rt-focus-ring-offset' | '--rt-focus-ring-width' | '--rt-font-family-mono' | '--rt-font-family-sans' | '--rt-font-weight-bold' | '--rt-font-weight-medium' | '--rt-font-weight-regular' | '--rt-font-weight-semibold' | '--rt-gray-350' | '--rt-icon-button-color-bg-hover' | '--rt-icon-button-disabled-color' | '--rt-icon-button-disabled-fill' | '--rt-icon-button-disabled-opacity' | '--rt-info-50' | '--rt-info-500' | '--rt-info-600' | '--rt-info-700' | '--rt-input-border-width' | '--rt-input-caret-color' | '--rt-input-clear-bg' | '--rt-input-clear-bg-hover' | '--rt-input-clear-color' | '--rt-input-clear-icon-size' | '--rt-input-clear-offset-end' | '--rt-input-clear-offset-start' | '--rt-input-clear-radius' | '--rt-input-clear-size' | '--rt-input-color-bg' | '--rt-input-color-bg-disabled' | '--rt-input-color-bg-hover' | '--rt-input-color-border' | '--rt-input-color-border-disabled' | '--rt-input-color-border-error' | '--rt-input-color-border-focus' | '--rt-input-color-placeholder-disabled' | '--rt-input-color-text' | '--rt-input-color-text-disabled' | '--rt-input-color-text-placeholder' | '--rt-input-disabled-field-opacity' | '--rt-input-disabled-opacity' | '--rt-input-fill-color-bg-disabled' | '--rt-input-fill-edge' | '--rt-input-fill-focus-shadow' | '--rt-input-fill-focus-shadow-error' | '--rt-input-focus-outline-offset' | '--rt-input-focus-shadow' | '--rt-input-focus-shadow-error' | '--rt-input-font-size' | '--rt-input-gap' | '--rt-input-height' | '--rt-input-height-lg' | '--rt-input-height-md' | '--rt-input-height-sm' | '--rt-input-icon-color' | '--rt-input-icon-size' | '--rt-input-line-height' | '--rt-input-max-width' | '--rt-input-min-width' | '--rt-input-padding-x' | '--rt-input-padding-y' | '--rt-input-panel-max-height' | '--rt-input-radius' | '--rt-input-transition' | '--rt-leading-none' | '--rt-leading-normal' | '--rt-leading-relaxed' | '--rt-leading-snug' | '--rt-leading-tight' | '--rt-letter-spacing-wide' | '--rt-list-action-color' | '--rt-list-action-color-bg-hover' | '--rt-list-action-color-hover' | '--rt-list-action-divider-height' | '--rt-list-action-gap' | '--rt-list-action-icon-size' | '--rt-list-action-radius' | '--rt-list-action-shadow' | '--rt-list-action-shadow-hover' | '--rt-list-content-padding-bottom' | '--rt-list-copy-button-bg' | '--rt-list-copy-button-bg-hover' | '--rt-list-copy-button-color' | '--rt-list-copy-button-radius' | '--rt-list-copy-button-size' | '--rt-list-empty-icon-size' | '--rt-list-empty-icon-wrap-bg' | '--rt-list-empty-icon-wrap-size' | '--rt-list-empty-title-size' | '--rt-list-empty-title-weight' | '--rt-list-filter-line-height' | '--rt-list-placeholder-grow' | '--rt-list-placeholder-min-height' | '--rt-list-search-color-bg' | '--rt-list-search-color-border' | '--rt-list-search-color-placeholder' | '--rt-list-search-font-size' | '--rt-list-search-gap' | '--rt-list-search-height' | '--rt-list-search-icon-color' | '--rt-list-search-icon-size' | '--rt-list-search-padding-x' | '--rt-list-search-radius' | '--rt-list-search-width' | '--rt-list-selector-label-color' | '--rt-list-settings-icon-color' | '--rt-list-settings-item-bg' | '--rt-list-settings-item-radius' | '--rt-list-table-button-radius' | '--rt-list-table-button-size' | '--rt-list-table-head-divider-color' | '--rt-list-table-icon-color' | '--rt-list-table-icon-size' | '--rt-list-toolbar-gap' | '--rt-list-toolbar-padding-bottom' | '--rt-list-toolbar-padding-top' | '--rt-mat-blue-100' | '--rt-mat-blue-20' | '--rt-mat-blue-40' | '--rt-mat-blue-60' | '--rt-mat-blue-80' | '--rt-mat-blue-active' | '--rt-mat-blue-hover' | '--rt-mat-dark-10' | '--rt-mat-dark-20' | '--rt-mat-dark-30' | '--rt-mat-dark-40' | '--rt-mat-green-10' | '--rt-mat-green-100' | '--rt-mat-green-120' | '--rt-mat-green-20' | '--rt-mat-green-40' | '--rt-mat-green-60' | '--rt-mat-green-80' | '--rt-mat-green-active' | '--rt-mat-green-hover' | '--rt-mat-menu-min-width' | '--rt-mat-menu-sm-icon-size' | '--rt-mat-menu-sm-item-height' | '--rt-mat-navy-100' | '--rt-mat-neutral-0' | '--rt-mat-neutral-10' | '--rt-mat-neutral-100' | '--rt-mat-neutral-15' | '--rt-mat-neutral-20' | '--rt-mat-neutral-25' | '--rt-mat-neutral-30' | '--rt-mat-neutral-35' | '--rt-mat-neutral-40' | '--rt-mat-neutral-5' | '--rt-mat-neutral-60' | '--rt-mat-neutral-70' | '--rt-mat-neutral-80' | '--rt-mat-neutral-active' | '--rt-mat-neutral-hover' | '--rt-mat-orange-10' | '--rt-mat-orange-100' | '--rt-mat-orange-20' | '--rt-mat-orange-40' | '--rt-mat-orange-5' | '--rt-mat-orange-60' | '--rt-mat-orange-70' | '--rt-mat-orange-80' | '--rt-mat-orange-active' | '--rt-mat-orange-hover' | '--rt-mat-overlay-black-32' | '--rt-mat-overlay-black-4' | '--rt-mat-overlay-blue-24' | '--rt-mat-overlay-blue-8' | '--rt-mat-radius-4' | '--rt-mat-radius-5' | '--rt-mat-red-10' | '--rt-mat-red-100' | '--rt-mat-red-20' | '--rt-mat-red-40' | '--rt-mat-red-60' | '--rt-mat-red-80' | '--rt-mat-red-active' | '--rt-mat-red-hover' | '--rt-mat-shadow-fab' | '--rt-mat-shadow-fab-hover' | '--rt-mat-shadow-level-2' | '--rt-mat-yellow-100' | '--rt-mist-50' | '--rt-nav-caret-size' | '--rt-nav-color-disabled' | '--rt-nav-color-focus' | '--rt-nav-header-color-bg' | '--rt-nav-header-padding' | '--rt-nav-item-color' | '--rt-nav-item-color-bg' | '--rt-nav-item-color-bg-active' | '--rt-nav-item-color-border' | '--rt-nav-item-color-caret' | '--rt-nav-item-color-hover' | '--rt-nav-item-color-pressed' | '--rt-nav-item-content-gap' | '--rt-nav-item-font-size' | '--rt-nav-item-font-weight' | '--rt-nav-item-gap' | '--rt-nav-item-height' | '--rt-nav-item-line-height' | '--rt-nav-item-padding' | '--rt-nav-marker-color' | '--rt-nav-marker-size' | '--rt-nav-panel-color-bg' | '--rt-nav-panel-color-border' | '--rt-nav-panel-column-gap' | '--rt-nav-panel-column-width' | '--rt-nav-panel-columns' | '--rt-nav-panel-group-color' | '--rt-nav-panel-group-content-gap' | '--rt-nav-panel-group-font-size' | '--rt-nav-panel-group-font-weight' | '--rt-nav-panel-group-gap' | '--rt-nav-panel-item-color' | '--rt-nav-panel-item-color-active' | '--rt-nav-panel-item-color-bg-active' | '--rt-nav-panel-item-color-bg-hover' | '--rt-nav-panel-item-content-gap' | '--rt-nav-panel-item-font-size' | '--rt-nav-panel-item-font-weight' | '--rt-nav-panel-item-gap' | '--rt-nav-panel-item-height' | '--rt-nav-panel-item-padding' | '--rt-nav-panel-padding' | '--rt-nav-panel-padding-y' | '--rt-nav-panel-shadow' | '--rt-navy-600' | '--rt-navy-900' | '--rt-neutral-0' | '--rt-neutral-100' | '--rt-neutral-200' | '--rt-neutral-300' | '--rt-neutral-400' | '--rt-neutral-50' | '--rt-neutral-500' | '--rt-neutral-600' | '--rt-neutral-700' | '--rt-neutral-800' | '--rt-neutral-900' | '--rt-neutral-950' | '--rt-opacity-disabled' | '--rt-overlay-amber-16' | '--rt-overlay-black-4' | '--rt-overlay-black-50' | '--rt-overlay-black-8' | '--rt-overlay-brand-24' | '--rt-overlay-brand-8' | '--rt-overlay-danger-16' | '--rt-overlay-menu-bg' | '--rt-overlay-menu-current-bg' | '--rt-overlay-menu-danger-color' | '--rt-overlay-menu-danger-label-color' | '--rt-overlay-menu-item-icon-size' | '--rt-overlay-menu-item-min-height' | '--rt-overlay-menu-item-padding-x' | '--rt-overlay-menu-item-padding-y' | '--rt-overlay-menu-item-weight' | '--rt-overlay-menu-min-width' | '--rt-overlay-menu-padding-y' | '--rt-overlay-menu-radius' | '--rt-overlay-menu-shadow' | '--rt-overlay-menu-sm-item-icon-size' | '--rt-overlay-menu-sm-item-min-height' | '--rt-overlay-navy-70' | '--rt-overlay-select-check-display' | '--rt-overlay-select-option-font-size' | '--rt-overlay-select-option-min-height' | '--rt-overlay-select-panel-border-width' | '--rt-overlay-select-radius' | '--rt-overlay-select-selected-bg' | '--rt-overlay-select-selected-weight' | '--rt-overlay-select-shadow' | '--rt-overlay-tooltip-radius' | '--rt-overlay-tooltip-shadow' | '--rt-overlay-white-25' | '--rt-overlay-white-4' | '--rt-overlay-white-40' | '--rt-overlay-white-50' | '--rt-overlay-white-8' | '--rt-pagination-arrow-color' | '--rt-pagination-arrow-radius' | '--rt-pagination-arrow-shadow' | '--rt-pagination-arrow-size' | '--rt-pagination-box-color-border' | '--rt-pagination-box-color-text' | '--rt-pagination-box-current-color-bg' | '--rt-pagination-box-current-color-border' | '--rt-pagination-box-current-color-text' | '--rt-pagination-box-current-font-weight' | '--rt-pagination-box-radius' | '--rt-pagination-box-size' | '--rt-pagination-field-color-bg' | '--rt-pagination-field-color-border' | '--rt-pagination-field-color-text' | '--rt-pagination-field-height' | '--rt-pagination-field-padding-x' | '--rt-pagination-field-radius' | '--rt-pagination-gap' | '--rt-pagination-justify' | '--rt-pagination-nav-gap' | '--rt-pagination-padding-x' | '--rt-pagination-padding-y' | '--rt-pagination-per-page-gap' | '--rt-pagination-per-page-label-white-space' | '--rt-pagination-range-display' | '--rt-profile-avatar-border-width' | '--rt-profile-avatar-font-size' | '--rt-profile-avatar-radius' | '--rt-profile-avatar-size' | '--rt-profile-item-content-gap' | '--rt-profile-item-font-size' | '--rt-profile-item-font-weight' | '--rt-profile-item-padding-y' | '--rt-profile-item-radius' | '--rt-profile-menu-border-width' | '--rt-profile-menu-min-width' | '--rt-profile-menu-padding' | '--rt-profile-menu-radius' | '--rt-profile-menu-shadow' | '--rt-profile-row-inset' | '--rt-profile-theme-icon-padding' | '--rt-profile-theme-icon-radius' | '--rt-radius-2xl' | '--rt-radius-control' | '--rt-radius-full' | '--rt-radius-lg' | '--rt-radius-md' | '--rt-radius-ms' | '--rt-radius-none' | '--rt-radius-sm' | '--rt-radius-xl' | '--rt-radius-xs' | '--rt-shadow-card' | '--rt-shadow-card-soft' | '--rt-shadow-dialog' | '--rt-shadow-focus-ring' | '--rt-shadow-focus-ring-danger' | '--rt-shadow-lg' | '--rt-shadow-md' | '--rt-shadow-nav-panel' | '--rt-shadow-none' | '--rt-shadow-profile-menu' | '--rt-shadow-service-logo-lg' | '--rt-shadow-service-logo-md' | '--rt-shadow-service-logo-sm' | '--rt-shadow-service-logo-xs' | '--rt-shadow-sm' | '--rt-shadow-status-dot' | '--rt-shadow-step-indicator' | '--rt-shadow-xl' | '--rt-size-1' | '--rt-size-10' | '--rt-size-100' | '--rt-size-12' | '--rt-size-16' | '--rt-size-2' | '--rt-size-20' | '--rt-size-24' | '--rt-size-3' | '--rt-size-30' | '--rt-size-4' | '--rt-size-40' | '--rt-size-5' | '--rt-size-6' | '--rt-size-60' | '--rt-size-64' | '--rt-size-8' | '--rt-slate-300' | '--rt-space-0' | '--rt-space-0-5' | '--rt-space-1' | '--rt-space-10' | '--rt-space-12' | '--rt-space-16' | '--rt-space-2' | '--rt-space-20' | '--rt-space-24' | '--rt-space-2xl' | '--rt-space-2xs' | '--rt-space-3xl' | '--rt-space-4' | '--rt-space-5' | '--rt-space-6' | '--rt-space-8' | '--rt-space-lg' | '--rt-space-md' | '--rt-space-sm' | '--rt-space-xl' | '--rt-space-xs' | '--rt-success-100' | '--rt-success-400' | '--rt-success-50' | '--rt-success-500' | '--rt-success-600' | '--rt-success-700' | '--rt-tabs-indicator-duration' | '--rt-tabs-indicator-easing' | '--rt-tabs-panel-duration' | '--rt-tabs-panel-easing' | '--rt-tabs-scroll-duration' | '--rt-tabs-scroll-easing' | '--rt-text-2xl' | '--rt-text-2xs' | '--rt-text-3xl' | '--rt-text-3xs' | '--rt-text-4xl' | '--rt-text-base' | '--rt-text-lg' | '--rt-text-md' | '--rt-text-sm' | '--rt-text-xl' | '--rt-text-xs' | '--rt-textarea-line-height' | '--rt-textarea-min-height' | '--rt-textarea-min-height-lg' | '--rt-textarea-min-height-md' | '--rt-textarea-min-height-sm' | '--rt-textarea-padding-y' | '--rt-toggle-chip-color-bg-selected' | '--rt-toggle-chip-color-border' | '--rt-toggle-chip-color-text' | '--rt-toggle-color-border' | '--rt-toggle-color-icon' | '--rt-toggle-color-thumb' | '--rt-toggle-color-track' | '--rt-toggle-color-track-on' | '--rt-toggle-shadow-border' | '--rt-toggle-shadow-thumb' | '--rt-warning-50' | '--rt-warning-500' | '--rt-warning-600' | '--rt-warning-700' | '--rt-yellow-400' | '--rt-z-base' | '--rt-z-dropdown' | '--rt-z-fixed' | '--rt-z-modal' | '--rt-z-modal-backdrop' | '--rt-z-popover' | '--rt-z-sticky' | '--rt-z-tooltip';
|
|
1423
1439
|
/** The name of a consumer's handle — a property the kit deliberately does not declare. */
|
|
1424
1440
|
export type TRtConsumerHandleName = '--rt-action-bar-action-bg-hover' | '--rt-action-bar-action-color-danger' | '--rt-action-bar-action-focus-shadow' | '--rt-action-bar-action-font-size' | '--rt-action-bar-action-height' | '--rt-action-bar-action-padding-block' | '--rt-action-bar-action-padding-inline' | '--rt-action-bar-action-radius' | '--rt-action-bar-action-weight' | '--rt-action-bar-bg' | '--rt-action-bar-close-icon-size' | '--rt-action-bar-close-size' | '--rt-action-bar-color' | '--rt-action-bar-counter-font-size' | '--rt-action-bar-counter-weight' | '--rt-action-bar-font-size' | '--rt-action-bar-gap' | '--rt-action-bar-holder-bottom' | '--rt-action-bar-holder-enter-duration' | '--rt-action-bar-holder-inline' | '--rt-action-bar-holder-leave-duration' | '--rt-action-bar-icon-gap' | '--rt-action-bar-icon-size' | '--rt-action-bar-menu-bg' | '--rt-action-bar-menu-color' | '--rt-action-bar-menu-gap' | '--rt-action-bar-menu-item-font-size' | '--rt-action-bar-menu-padding' | '--rt-action-bar-menu-radius' | '--rt-action-bar-menu-shadow' | '--rt-action-bar-padding' | '--rt-action-bar-radius' | '--rt-action-bar-shadow' | '--rt-aside-bg' | '--rt-aside-content-inset' | '--rt-aside-error-margin-block' | '--rt-aside-footer-gap' | '--rt-aside-footer-inset' | '--rt-aside-footer-justify' | '--rt-aside-footer-margin' | '--rt-aside-header-back-icon-size' | '--rt-aside-header-back-size' | '--rt-aside-header-gap' | '--rt-aside-header-inset' | '--rt-aside-header-min-height' | '--rt-aside-header-subtitle-size' | '--rt-aside-header-title-leading' | '--rt-aside-header-title-size' | '--rt-aside-header-title-weight' | '--rt-aside-width' | '--rt-bottom-sheet-max-height' | '--rt-data-table-scrollbar-color' | '--rt-data-table-scrollbar-horizontal-height' | '--rt-data-table-scrollbar-vertical-width' | '--rt-data-table-scrollbar-width' | '--rt-dialog-bg' | '--rt-dialog-border' | '--rt-dialog-content-max-height' | '--rt-dialog-content-padding' | '--rt-dialog-footer-border' | '--rt-dialog-footer-padding' | '--rt-dialog-header-border' | '--rt-dialog-header-padding' | '--rt-dialog-title-font-size' | '--rt-dialog-title-transform' | '--rt-dialog-title-weight' | '--rt-dialog-width' | '--rt-dynamic-selector-list-actions-gap' | '--rt-dynamic-selector-list-actions-offset' | '--rt-dynamic-selector-list-actions-padding-end' | '--rt-dynamic-selector-list-add-color' | '--rt-dynamic-selector-list-controls-divider-color' | '--rt-dynamic-selector-list-controls-divider-width' | '--rt-dynamic-selector-list-controls-gap' | '--rt-dynamic-selector-list-handle-padding-end' | '--rt-dynamic-selector-list-handle-padding-start' | '--rt-dynamic-selector-list-row-padding-end' | '--rt-dynamic-selector-list-title-gap' | '--rt-dynamic-selector-popup-bg' | '--rt-dynamic-selector-popup-border-width' | '--rt-dynamic-selector-popup-button-font-size' | '--rt-dynamic-selector-popup-button-height' | '--rt-dynamic-selector-popup-empty-gap' | '--rt-dynamic-selector-popup-empty-icon-size' | '--rt-dynamic-selector-popup-empty-icon-wrap-bg' | '--rt-dynamic-selector-popup-empty-text-color' | '--rt-dynamic-selector-popup-empty-text-size' | '--rt-dynamic-selector-popup-empty-text-weight' | '--rt-dynamic-selector-popup-foot-border-width' | '--rt-dynamic-selector-popup-foot-padding' | '--rt-dynamic-selector-popup-highlight-bg' | '--rt-dynamic-selector-popup-highlight-color' | '--rt-dynamic-selector-popup-highlight-radius' | '--rt-dynamic-selector-popup-highlight-weight' | '--rt-dynamic-selector-popup-max-height' | '--rt-dynamic-selector-popup-min-height' | '--rt-dynamic-selector-popup-nav-color' | '--rt-dynamic-selector-popup-option-line-height' | '--rt-dynamic-selector-popup-option-min-height' | '--rt-dynamic-selector-popup-padding' | '--rt-dynamic-selector-popup-radius' | '--rt-dynamic-selector-popup-shadow' | '--rt-dynamic-selector-popup-width' | '--rt-expansion-panel-body-box-sizing' | '--rt-expansion-panel-body-font-size' | '--rt-expansion-panel-body-line-height' | '--rt-fab-small-container-color' | '--rt-field-filled-container-color' | '--rt-field-label-letter-spacing' | '--rt-header-content-max-width' | '--rt-header-height' | '--rt-icon-button-bg' | '--rt-icon-button-bg-hover' | '--rt-icon-button-size' | '--rt-icon-color-danger' | '--rt-icon-color-disabled' | '--rt-icon-color-info' | '--rt-icon-color-inverse' | '--rt-icon-color-muted' | '--rt-icon-color-primary' | '--rt-icon-color-success' | '--rt-icon-color-warning' | '--rt-icon-glyph-font' | '--rt-icon-glyph-grade' | '--rt-icon-glyph-opsz' | '--rt-icon-glyph-weight' | '--rt-icon-step-2xl' | '--rt-icon-step-3xl' | '--rt-icon-step-4xl' | '--rt-icon-step-lg' | '--rt-icon-step-md' | '--rt-icon-step-sm' | '--rt-icon-step-xl' | '--rt-icon-step-xs' | '--rt-input-density' | '--rt-input-height-app' | '--rt-input-letter-spacing' | '--rt-logo-tagline' | '--rt-logo-tagline-dark' | '--rt-logo-wordmark' | '--rt-logo-wordmark-dark' | '--rt-menu-container-color' | '--rt-option-selected-state-layer-color' | '--rt-page-header-bg' | '--rt-pagination-field-font-size' | '--rt-side-menu-sub-item-letter-spacing' | '--rt-sys-error' | '--rt-sys-error-container' | '--rt-sys-inverse-on-surface' | '--rt-sys-inverse-surface' | '--rt-sys-level2' | '--rt-sys-level3' | '--rt-sys-level4' | '--rt-sys-on-primary' | '--rt-sys-on-primary-container' | '--rt-sys-on-secondary-container' | '--rt-sys-on-surface' | '--rt-sys-on-surface-variant' | '--rt-sys-outline' | '--rt-sys-outline-variant' | '--rt-sys-primary' | '--rt-sys-primary-container' | '--rt-sys-primary-fixed-dim' | '--rt-sys-secondary-container' | '--rt-sys-surface' | '--rt-sys-surface-container-lowest' | '--rt-sys-surface-variant' | '--rt-table-actions-bg' | '--rt-tag-color-bg' | '--rt-tag-color-border' | '--rt-tag-color-text' | '--rt-tag-letter-spacing' | '--rt-tag-padding-block' | '--rt-tag-padding-inline' | '--rt-toast-action-color' | '--rt-toast-bg' | '--rt-toast-border-color' | '--rt-toast-close-color' | '--rt-toast-color' | '--rt-toast-filled-danger-bg' | '--rt-toast-filled-danger-border-color' | '--rt-toast-filled-danger-color' | '--rt-toast-filled-info-bg' | '--rt-toast-filled-info-border-color' | '--rt-toast-filled-info-color' | '--rt-toast-filled-success-bg' | '--rt-toast-filled-success-border-color' | '--rt-toast-filled-success-color' | '--rt-toast-filled-warning-bg' | '--rt-toast-filled-warning-border-color' | '--rt-toast-filled-warning-color' | '--rt-toast-icon-color' | '--rt-toast-progress-color' | '--rt-toast-progress-height' | '--rt-workspace-aside-size' | '--rt-workspace-list-size';
|
|
1425
1441
|
/** All the styling properties declared by the kit. */
|
|
@@ -3,6 +3,7 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
import { AfterViewChecked, ElementRef, InjectionToken, InputSignal, InputSignalWithTransform, OnInit, OutputEmitterRef, Signal, TemplateRef, WritableSignal } from "@angular/core";
|
|
4
4
|
import { BooleanInput } from "@angular/cdk/coercion";
|
|
5
5
|
import { SafeStyle } from "@angular/platform-browser";
|
|
6
|
+
import { TRtAriaSort, TRtFilterValue } from "@rt-tools/ui-kit-v2/table-core";
|
|
6
7
|
import { IFilterModel, ISortModel, TFilterOperatorType, TListSortOrderType, TNullable } from "@rt-tools/utils";
|
|
7
8
|
import { IRtSelect } from "@rt-tools/ui-kit-v2/select";
|
|
8
9
|
/** Значение ячейки: как его отдала запись или как его переделала колонка. */
|
|
@@ -21,6 +22,11 @@ export declare function dataTableCopyButtonSide(column: IRtDataTable.Column<unkn
|
|
|
21
22
|
* перечнем молча, и одно имя рисовалось бы в двух местах двумя рисунками.
|
|
22
23
|
*/
|
|
23
24
|
export declare function dataTableIconName(glyph: string): IRtIcon.Name | null;
|
|
25
|
+
/**
|
|
26
|
+
* Ключ, под которым таблица держит настройки: префикс кита и ключ, данный приложением.
|
|
27
|
+
* Запись под одним ключом приложения — старая: её оставил первый кит или прежняя версия этого.
|
|
28
|
+
*/
|
|
29
|
+
export declare function dataTableConfigKeyOf(storageKey: string): string;
|
|
24
30
|
/**
|
|
25
31
|
* Порядок имён колонок для сверки двух наборов.
|
|
26
32
|
*
|
|
@@ -32,8 +38,9 @@ export declare function comparePropNames(a: PropertyKey | undefined, b: Property
|
|
|
32
38
|
/**
|
|
33
39
|
* Настройки таблицы в хранилище браузера: порядок и видимость столбцов, полосы прокрутки.
|
|
34
40
|
*
|
|
35
|
-
*
|
|
36
|
-
*
|
|
41
|
+
* Форма записи — первого кита. Ключ — кита: `dataTableConfigKeyOf`. Старая запись под одним
|
|
42
|
+
* ключом приложения читается, когда под ключом кита пусто, и копируется под него; сама она остаётся,
|
|
43
|
+
* потому что её может читать таблица первого кита в том же приложении.
|
|
37
44
|
*/
|
|
38
45
|
export declare class RtDataTableConfigService<ENTITY_TYPE> {
|
|
39
46
|
#private;
|
|
@@ -50,6 +57,10 @@ export declare class RtDataTableConfigService<ENTITY_TYPE> {
|
|
|
50
57
|
constructor();
|
|
51
58
|
initConfig(storageKey: string, config: Array<IRtDataTable.Column<ENTITY_TYPE>>): void;
|
|
52
59
|
updateConfig(storageKey: string, config: IRtDataTable.Config.Data<ENTITY_TYPE>): void;
|
|
60
|
+
/**
|
|
61
|
+
* Снимает обе записи: оставленная старая скопировалась бы обратно при следующем открытии.
|
|
62
|
+
* Начатое чтение гасится первым: его поздняя копия встала бы за снятием и вернула сброшенное.
|
|
63
|
+
*/
|
|
53
64
|
deleteConfig(storageKey: string): void;
|
|
54
65
|
static ɵfac: i0.ɵɵFactoryDeclaration<RtDataTableConfigService<any>, never>;
|
|
55
66
|
static ɵprov: i0.ɵɵInjectableDeclaration<any>;
|
|
@@ -211,14 +222,17 @@ export declare class RtDataTableCellComponent<T = Record<string, unknown>> {
|
|
|
211
222
|
}, {}, never, never, true, never>;
|
|
212
223
|
}
|
|
213
224
|
/**
|
|
214
|
-
* Какой порядок просит нажатие на шапку — как в первом
|
|
215
|
-
* по убыванию. Снятия порядка нет: после убывания снова возрастание.
|
|
225
|
+
* Какой порядок просит нажатие на шапку — как в первом ките, круг `repeats` ядра таблиц: по
|
|
226
|
+
* возрастанию, а после возрастания по убыванию. Снятия порядка нет: после убывания снова возрастание.
|
|
227
|
+
*
|
|
228
|
+
* `propertyName` — нажатая колонка: порядок по другой колонке, даже возрастающий, просит у неё
|
|
229
|
+
* возрастание. Без неё колонкой считается та, по которой порядок уже стоит, — так звали раньше.
|
|
216
230
|
*/
|
|
217
|
-
export declare function dataTableNextSortOrder(current: TNullable<ISortModel<string
|
|
231
|
+
export declare function dataTableNextSortOrder(current: TNullable<ISortModel<string>>, propertyName?: string): TListSortOrderType;
|
|
218
232
|
/** Порядок таблицы сейчас стоит по этой колонке. */
|
|
219
233
|
export declare function dataTableSortActive(sort: TNullable<ISortModel<string>>, current: TNullable<ISortModel<string>>): boolean;
|
|
220
234
|
/** Значение `aria-sort` шапки: скринридер называет порядок колонки, а не только её имя. */
|
|
221
|
-
export type TRtDataTableAriaSort =
|
|
235
|
+
export type TRtDataTableAriaSort = TRtAriaSort;
|
|
222
236
|
/**
|
|
223
237
|
* `aria-sort` сортируемой колонки: порядок по ней, если он стоит по ней, иначе `none`. Колонке
|
|
224
238
|
* без сортировки атрибут не положен вовсе — `null` снимает его.
|
|
@@ -290,7 +304,7 @@ export declare class RtDataTableHeaderCellComponent<T = Record<string, unknown>>
|
|
|
290
304
|
}, never, never, true, never>;
|
|
291
305
|
}
|
|
292
306
|
/** Значение отбора в том виде, в каком его отдаёт приложению первый кит. */
|
|
293
|
-
export type TRtDataTableFilterValue =
|
|
307
|
+
export type TRtDataTableFilterValue = TRtFilterValue;
|
|
294
308
|
/**
|
|
295
309
|
* Значок вида сравнения — имя первого кита; набор кита рисует его по перечню соответствий.
|
|
296
310
|
* «Начинается с» и «заканчивается на» первый кит объявлял, но значка и пункта меню им не давал.
|
|
@@ -303,8 +317,8 @@ export declare function dataTableDefaultOperator(operator: TFilterOperatorType |
|
|
|
303
317
|
/** Условие колонки из набора приложения, а без него — пустое условие с видом по умолчанию. */
|
|
304
318
|
export declare function dataTableColumnFilter<KEY extends string>(filters: ReadonlyArray<IFilterModel<KEY>>, propertyName: KEY, defaultOperator: TFilterOperatorType): IFilterModel<KEY>;
|
|
305
319
|
/**
|
|
306
|
-
* Набор условий после смены значения
|
|
307
|
-
*
|
|
320
|
+
* Набор условий после смены значения колонки — по ядру таблиц в режиме `falsy`; `null` — приложению
|
|
321
|
+
* сообщать нечего. Любое ложное значение снимает условие колонки, как в первом ките.
|
|
308
322
|
*/
|
|
309
323
|
export declare function dataTableFiltersWithValue<KEY extends string>(filters: ReadonlyArray<IFilterModel<KEY>>, current: IFilterModel<KEY>, value: TRtDataTableFilterValue): IFilterModel<KEY>[] | null;
|
|
310
324
|
/** Набор условий после смены вида сравнения; `null` — ни условия, ни значения, спрашивать нечего. */
|
|
@@ -27,8 +27,8 @@ export declare abstract class RtFormControlBase<TValue> implements ControlValueA
|
|
|
27
27
|
readonly ariaLabel: InputSignal<string | null>;
|
|
28
28
|
readonly clearable: InputSignalWithTransform<boolean, BooleanInput>;
|
|
29
29
|
/**
|
|
30
|
-
* Ставит крестик очистки в порядок обхода по Tab.
|
|
31
|
-
*
|
|
30
|
+
* Ставит крестик очистки в порядок обхода по Tab. Умолчание — `formControl.clearTabbable` из
|
|
31
|
+
* настроек кита, без него `false`: крестик достаётся мышью, а Tab идёт от поля к полю.
|
|
32
32
|
*/
|
|
33
33
|
readonly clearTabbable: InputSignalWithTransform<boolean, BooleanInput>;
|
|
34
34
|
/**
|
|
@@ -18,7 +18,7 @@ import * as i1 from "@rt-tools/ui-kit-v2/radius";
|
|
|
18
18
|
* директивы `rtBlock` / `rtElem` / `rtMod` из `@rt-tools/core`.
|
|
19
19
|
*
|
|
20
20
|
* Default icon по severity:
|
|
21
|
-
* - `info` → `
|
|
21
|
+
* - `info` → `info-circle`
|
|
22
22
|
* - `success` → `check`
|
|
23
23
|
* - `warning` → `ico-warning`
|
|
24
24
|
* - `danger` → `ico-error`
|
|
@@ -26,7 +26,8 @@ export declare namespace IRtPopover {
|
|
|
26
26
|
* Триггеры:
|
|
27
27
|
* - `click` (default) — toggle по клику на host; outside-click закрывает.
|
|
28
28
|
* - `hover` — открытие на `mouseenter`, закрытие с grace-периодом на `mouseleave`
|
|
29
|
-
* (наведение на панель удерживает её открытой).
|
|
29
|
+
* (наведение на панель удерживает её открытой). Наведение судится только мышиное:
|
|
30
|
+
* касание и перо открывают панель нажатием.
|
|
30
31
|
* - `manual` — авто-listener'ы не вешаются; host сам зовёт `open()/close()`.
|
|
31
32
|
* Используется form-control'ами с собственным жестом (autocomplete — открытие
|
|
32
33
|
* по набору текста).
|
|
@@ -80,6 +81,7 @@ export declare class RtPopoverDirective implements OnDestroy {
|
|
|
80
81
|
close(): void;
|
|
81
82
|
toggle(): void;
|
|
82
83
|
protected onHostClick(): void;
|
|
84
|
+
protected onHostPointerEnter(event: PointerEvent): void;
|
|
83
85
|
protected onHostMouseEnter(): void;
|
|
84
86
|
protected onHostMouseLeave(event: MouseEvent): void;
|
|
85
87
|
static ɵfac: i0.ɵɵFactoryDeclaration<RtPopoverDirective, never>;
|
|
@@ -2,6 +2,7 @@ import { BooleanInput } from "@angular/cdk/coercion";
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import { InputSignal, InputSignalWithTransform, OutputEmitterRef, Signal } from "@angular/core";
|
|
4
4
|
import { IRtIcon, TRtKitLabelMap } from "@rt-tools/ui-kit-v2/core";
|
|
5
|
+
import * as i1 from "@angular/cdk/scrolling";
|
|
5
6
|
/**
|
|
6
7
|
* Модель `<rt-profile-menu>`: один корневой неймспейс с префиксом `I`.
|
|
7
8
|
*/
|
|
@@ -99,5 +100,9 @@ export declare class RtProfileMenuComponent {
|
|
|
99
100
|
"changePassword": "changePassword";
|
|
100
101
|
"localeChange": "localeChange";
|
|
101
102
|
"signOut": "signOut";
|
|
102
|
-
}, never, never, true,
|
|
103
|
+
}, never, never, true, [{
|
|
104
|
+
directive: typeof i1.CdkScrollable;
|
|
105
|
+
inputs: {};
|
|
106
|
+
outputs: {};
|
|
107
|
+
}]>;
|
|
103
108
|
}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { IFilterModel, ISortModel, TFilterOperatorType, TListSortOrderType, TNullable } from "@rt-tools/utils";
|
|
2
|
+
/** Значение условия в том виде, в каком оно хранится и сверяется. Одно для обеих таблиц. */
|
|
3
|
+
export type TRtFilterValue = string | number | boolean;
|
|
4
|
+
/**
|
|
5
|
+
* Какие значения поля снимают условие колонки.
|
|
6
|
+
*
|
|
7
|
+
* `empty-string` — только пустая строка; `0` и `false` остаются значениями, так ведёт себя `rt-table`.
|
|
8
|
+
* `falsy` — любое ложное значение, как в первом ките; так ведёт себя `rt-data-table`.
|
|
9
|
+
*/
|
|
10
|
+
export type TRtFilterEmptyMode = 'empty-string' | 'falsy';
|
|
11
|
+
/** Снимает ли это значение условие колонки при режиме таблицы. */
|
|
12
|
+
export declare function rtIsEmptyFilterValue(value: unknown, mode: TRtFilterEmptyMode): boolean;
|
|
13
|
+
/** Условие по этой колонке из набора либо `null`, когда колонка ничего не отбирает. */
|
|
14
|
+
export declare function rtFilterOf<KEY extends string>(filters: ReadonlyArray<IFilterModel<KEY>>, propertyName: KEY): IFilterModel<KEY> | null;
|
|
15
|
+
/**
|
|
16
|
+
* Набор условий после перемены значения по одной колонке.
|
|
17
|
+
*
|
|
18
|
+
* Пустое по режиму значение снимает колонку с отбора, а не уходит пустым условием: условие без
|
|
19
|
+
* значения просит потребителя ответить «подходит всё», и потребитель, прочитавший его буквально, не
|
|
20
|
+
* вернёт ни одной строки.
|
|
21
|
+
*
|
|
22
|
+
* Возвращает прежний набор тем же объектом, когда менять нечего: по этому признаку таблица и решает,
|
|
23
|
+
* сообщать ли наружу.
|
|
24
|
+
*/
|
|
25
|
+
export declare function rtFiltersWithValue<KEY extends string>(filters: ReadonlyArray<IFilterModel<KEY>>, propertyName: KEY, operatorType: TFilterOperatorType, value: TRtFilterValue, mode: TRtFilterEmptyMode): ReadonlyArray<IFilterModel<KEY>>;
|
|
26
|
+
/**
|
|
27
|
+
* Набор условий после перемены вида сравнения по одной колонке.
|
|
28
|
+
*
|
|
29
|
+
* Колонка с условием меняет в нём вид сравнения. Колонка без условия, но с набранным значением,
|
|
30
|
+
* получает условие; без значения отбирать нечего, и набор не меняется — наружу ничего не уходит.
|
|
31
|
+
*/
|
|
32
|
+
export declare function rtFiltersWithOperator<KEY extends string>(filters: ReadonlyArray<IFilterModel<KEY>>, propertyName: KEY, operatorType: TFilterOperatorType, value: IFilterModel<KEY>['value'], mode: TRtFilterEmptyMode): ReadonlyArray<IFilterModel<KEY>>;
|
|
33
|
+
/** Ключи записей списка. */
|
|
34
|
+
export declare function rtKeysOf<ENTITY_TYPE, KEY extends keyof ENTITY_TYPE>(entities: ReadonlyArray<ENTITY_TYPE>, keyExp: KEY): Array<ENTITY_TYPE[KEY]>;
|
|
35
|
+
/** Записи страницы, добавленные к отмеченным; повторов не будет. */
|
|
36
|
+
export declare function rtWithPageEntities<ENTITY_TYPE, KEY extends keyof ENTITY_TYPE>(selected: ReadonlyArray<ENTITY_TYPE>, page: ReadonlyArray<ENTITY_TYPE>, keyExp: KEY): ENTITY_TYPE[];
|
|
37
|
+
/** Отмеченные без записей страницы. */
|
|
38
|
+
export declare function rtWithoutPageEntities<ENTITY_TYPE, KEY extends keyof ENTITY_TYPE>(selected: ReadonlyArray<ENTITY_TYPE>, page: ReadonlyArray<ENTITY_TYPE>, keyExp: KEY): ENTITY_TYPE[];
|
|
39
|
+
/** Отмеченные после отметки или снятия одной записи. */
|
|
40
|
+
export declare function rtWithEntity<ENTITY_TYPE, KEY extends keyof ENTITY_TYPE>(selected: ReadonlyArray<ENTITY_TYPE>, entity: ENTITY_TYPE, checked: boolean, keyExp: KEY): ENTITY_TYPE[];
|
|
41
|
+
/** Хоть одна запись страницы отмечена. */
|
|
42
|
+
export declare function rtAnyOnPage<ENTITY_TYPE, KEY extends keyof ENTITY_TYPE>(page: ReadonlyArray<ENTITY_TYPE>, selectedKeys: ReadonlyArray<ENTITY_TYPE[KEY]>, keyExp: KEY): boolean;
|
|
43
|
+
/** Отмечены все записи страницы; пустая страница у первого кита считается отмеченной целиком. */
|
|
44
|
+
export declare function rtAllOnPage<ENTITY_TYPE, KEY extends keyof ENTITY_TYPE>(page: ReadonlyArray<ENTITY_TYPE>, selectedKeys: ReadonlyArray<ENTITY_TYPE[KEY]>, keyExp: KEY): boolean;
|
|
45
|
+
/** Записи первой страницы, чьи ключи названы приложением как отмеченные заранее. */
|
|
46
|
+
export declare function rtPresetEntities<ENTITY_TYPE, KEY extends keyof ENTITY_TYPE>(entities: ReadonlyArray<ENTITY_TYPE>, keys: ReadonlyArray<ENTITY_TYPE[KEY]>, keyExp: KEY): ENTITY_TYPE[];
|
|
47
|
+
/** Отметки после смены страницы под «отметить все»: пришедшие строки отмечаются, кроме исключённых. */
|
|
48
|
+
export declare function rtSelectedAfterPage<ENTITY_TYPE, KEY extends keyof ENTITY_TYPE>(selected: ReadonlyArray<ENTITY_TYPE>, page: ReadonlyArray<ENTITY_TYPE>, excluded: ReadonlyArray<ENTITY_TYPE>, keyExp: KEY): ENTITY_TYPE[];
|
|
49
|
+
/** Исключения после отметки или снятия одной записи под «отметить все». */
|
|
50
|
+
export declare function rtExcludedAfterEntity<ENTITY_TYPE, KEY extends keyof ENTITY_TYPE>(excluded: ReadonlyArray<ENTITY_TYPE>, entity: ENTITY_TYPE, checked: boolean, keyExp: KEY): ENTITY_TYPE[];
|
|
51
|
+
/** Исключения после отметки всей страницы под «отметить все»: её записи уходят из исключений. */
|
|
52
|
+
export declare function rtExcludedAfterPageMarked<ENTITY_TYPE, KEY extends keyof ENTITY_TYPE>(excluded: ReadonlyArray<ENTITY_TYPE>, page: ReadonlyArray<ENTITY_TYPE>, keyExp: KEY): ENTITY_TYPE[];
|
|
53
|
+
/** Исключения после снятия всей страницы под «отметить все»: её записи становятся исключениями. */
|
|
54
|
+
export declare function rtExcludedAfterPageUnmarked<ENTITY_TYPE, KEY extends keyof ENTITY_TYPE>(excluded: ReadonlyArray<ENTITY_TYPE>, page: ReadonlyArray<ENTITY_TYPE>, keyExp: KEY): ENTITY_TYPE[];
|
|
55
|
+
/** Значение атрибута `aria-sort` шапки: направление либо его отсутствие. Одно для обеих таблиц. */
|
|
56
|
+
export type TRtAriaSort = 'ascending' | 'descending' | 'none';
|
|
57
|
+
/**
|
|
58
|
+
* Что просит нажатие на шапку после убывания.
|
|
59
|
+
*
|
|
60
|
+
* `clears` — порядок снимается: по возрастанию → по убыванию → без порядка, так ведёт себя `rt-table`.
|
|
61
|
+
* `repeats` — снова по возрастанию, как в первом ките; так ведёт себя `rt-data-table`.
|
|
62
|
+
*/
|
|
63
|
+
export type TRtSortCycle = 'clears' | 'repeats';
|
|
64
|
+
/** Порядок стоит по этой колонке. */
|
|
65
|
+
export declare function rtIsSortedBy(current: TNullable<ISortModel<string>>, propertyName: TNullable<string>): boolean;
|
|
66
|
+
/** Направление порядка по этой колонке либо `null`, когда порядок стоит по другой или не стоит вовсе. */
|
|
67
|
+
export declare function rtSortDirectionOf(current: TNullable<ISortModel<string>>, propertyName: string): TListSortOrderType | null;
|
|
68
|
+
/**
|
|
69
|
+
* Следующий порядок после нажатия на шапку колонки.
|
|
70
|
+
*
|
|
71
|
+
* Оба круга смотрят на нажатую колонку: другая колонка встаёт по возрастанию, та, что идёт по
|
|
72
|
+
* возрастанию, — по убыванию. Круги расходятся только после убывания.
|
|
73
|
+
*/
|
|
74
|
+
export declare function rtNextSort(current: TNullable<ISortModel<string>>, propertyName: string, cycle: TRtSortCycle): ISortModel<string> | null;
|
|
75
|
+
/** Значение `aria-sort` шапки: скринридер называет порядок колонки, а не только её имя. */
|
|
76
|
+
export declare function rtAriaSortOf(current: TNullable<ISortModel<string>>, propertyName: string): TRtAriaSort;
|
|
@@ -4,6 +4,7 @@ import { InputSignal, InputSignalWithTransform, ModelSignal, OutputEmitterRef, P
|
|
|
4
4
|
import { IRtIconButton } from "@rt-tools/ui-kit-v2/icon-button";
|
|
5
5
|
import { IRtIcon, TRtKitLabelMap } from "@rt-tools/ui-kit-v2/core";
|
|
6
6
|
import { IFilterModel, ISortModel, TFilterOperatorType, TListSortOrderType } from "@rt-tools/utils";
|
|
7
|
+
import { TRtAriaSort, TRtFilterValue } from "@rt-tools/ui-kit-v2/table-core";
|
|
7
8
|
import { CdkColumnDef, CdkTable, CdkTableDataSourceInput } from "@angular/cdk/table";
|
|
8
9
|
import * as i1 from "@rt-tools/ui-kit-v2/radius";
|
|
9
10
|
import { Observable } from "rxjs";
|
|
@@ -59,6 +60,11 @@ export declare class RtCopyCellComponent {
|
|
|
59
60
|
* для hover.
|
|
60
61
|
*/
|
|
61
62
|
readonly revealOnHover: InputSignalWithTransform<boolean, BooleanInput>;
|
|
63
|
+
/**
|
|
64
|
+
* Ячейка в рамке поля ввода: фон, рамка и радиус поля, значение кеглем поля, кнопка видна
|
|
65
|
+
* всегда. Так адрес для копирования стоит в форме панели, где строки таблицы для наведения нет.
|
|
66
|
+
*/
|
|
67
|
+
readonly framed: InputSignalWithTransform<boolean, BooleanInput>;
|
|
62
68
|
constructor();
|
|
63
69
|
/**
|
|
64
70
|
* Замер обрезки в момент наведения.
|
|
@@ -89,6 +95,11 @@ export declare class RtCopyCellComponent {
|
|
|
89
95
|
"required": false;
|
|
90
96
|
"isSignal": true;
|
|
91
97
|
};
|
|
98
|
+
"framed": {
|
|
99
|
+
"alias": "framed";
|
|
100
|
+
"required": false;
|
|
101
|
+
"isSignal": true;
|
|
102
|
+
};
|
|
92
103
|
}, {}, never, ["*"], true, never>;
|
|
93
104
|
}
|
|
94
105
|
export declare namespace IRtTable {
|
|
@@ -157,12 +168,11 @@ export declare namespace IRtTable {
|
|
|
157
168
|
}
|
|
158
169
|
}
|
|
159
170
|
/** Значение атрибута `aria-sort` заголовка: направление либо его отсутствие. */
|
|
160
|
-
export type TRtTableAriaSort =
|
|
171
|
+
export type TRtTableAriaSort = TRtAriaSort;
|
|
161
172
|
/**
|
|
162
|
-
* Следующее состояние сортировки при нажатии на заголовок
|
|
163
|
-
*
|
|
164
|
-
*
|
|
165
|
-
* нужно, чтобы пользователь мог вернуть исходный порядок, не перезагружая список.
|
|
173
|
+
* Следующее состояние сортировки при нажатии на заголовок колонки — по ядру таблиц, круг `clears`:
|
|
174
|
+
* по возрастанию → по убыванию → без сортировки. Третье состояние нужно, чтобы пользователь мог
|
|
175
|
+
* вернуть исходный порядок, не перезагружая список.
|
|
166
176
|
*/
|
|
167
177
|
export declare function nextSort(current: ISortModel<string> | null, propertyName: string): ISortModel<string> | null;
|
|
168
178
|
/** Направление сортировки по этой колонке либо `null`, когда сортирует другая. */
|
|
@@ -754,7 +764,7 @@ export declare class RtTableSettingsPanelComponent {
|
|
|
754
764
|
}, never, never, true, never>;
|
|
755
765
|
}
|
|
756
766
|
/** Значение условия в том виде, в каком оно хранится и сверяется. */
|
|
757
|
-
export type TRtTableFilterValue =
|
|
767
|
+
export type TRtTableFilterValue = TRtFilterValue;
|
|
758
768
|
/** Что приходит в ячейку от человека: дата приходит объектом, остальное — уже готовым значением. */
|
|
759
769
|
export type TRtTableFilterInput = TRtTableFilterValue | Date | null | undefined;
|
|
760
770
|
/**
|
|
@@ -768,21 +778,14 @@ export declare function filterValueOf(value: TRtTableFilterInput): TRtTableFilte
|
|
|
768
778
|
/** Условие по этой колонке из набора либо `null`, когда колонка ничего не отбирает. */
|
|
769
779
|
export declare function filterOf(filters: readonly IFilterModel<string>[], propertyName: string): IFilterModel<string> | null;
|
|
770
780
|
/**
|
|
771
|
-
* Набор условий после перемены значения по одной
|
|
772
|
-
*
|
|
773
|
-
*
|
|
774
|
-
* просит потребителя ответить «подходит всё», и потребитель, прочитавший его буквально, не
|
|
775
|
-
* вернёт ни одной строки.
|
|
776
|
-
*
|
|
777
|
-
* Возвращает прежний набор тем же объектом, когда менять нечего: по этому признаку ячейка и
|
|
778
|
-
* решает, сообщать ли наружу.
|
|
781
|
+
* Набор условий после перемены значения по одной колонке — по ядру таблиц в режиме `rt-table`.
|
|
782
|
+
* Возвращает прежний набор тем же объектом, когда менять нечего: по этому признаку ячейка и решает,
|
|
783
|
+
* сообщать ли наружу.
|
|
779
784
|
*/
|
|
780
785
|
export declare function filtersWithValue(filters: readonly IFilterModel<string>[], propertyName: string, operatorType: TFilterOperatorType, value: TRtTableFilterValue): readonly IFilterModel<string>[];
|
|
781
786
|
/**
|
|
782
|
-
* Набор условий после перемены вида сравнения по одной колонке.
|
|
783
|
-
*
|
|
784
|
-
* Пока значения нет, менять вид сравнения не у чего: отбирать нечего, и набор условий не
|
|
785
|
-
* изменился — значит, наружу ничего не уходит.
|
|
787
|
+
* Набор условий после перемены вида сравнения по одной колонке. Значение `rt-table` всегда лежит в
|
|
788
|
+
* условии, так что колонка без условия менять нечего и наружу ничего не уходит.
|
|
786
789
|
*/
|
|
787
790
|
export declare function filtersWithOperator(filters: readonly IFilterModel<string>[], propertyName: string, operatorType: TFilterOperatorType): readonly IFilterModel<string>[];
|
|
788
791
|
/** Вид сравнения, с которого колонка начинает: свой, первый разрешённый либо равенство. */
|
|
@@ -36,6 +36,11 @@ export declare namespace IRtTabs {
|
|
|
36
36
|
type AnimationDuration = string | number | null;
|
|
37
37
|
/** Сторона размещения header-контрола относительно полосы вкладок. */
|
|
38
38
|
type ControlSide = 'left' | 'right';
|
|
39
|
+
/**
|
|
40
|
+
* Где стоит бейдж вкладки: `inline` — после подписи, как прежде; `overlay` — кружком над правым
|
|
41
|
+
* верхним углом иконки, не меняя ширины вкладки. У вкладки без иконки бейдж всегда `inline`.
|
|
42
|
+
*/
|
|
43
|
+
type BadgePosition = 'inline' | 'overlay';
|
|
39
44
|
/** Семантический цвет иконки/бейджа вкладки — маппится на палитру `rt-icon`. */
|
|
40
45
|
type TitleColor = IRtIcon.Color;
|
|
41
46
|
}
|
|
@@ -66,8 +71,15 @@ export declare class RtTabDirective {
|
|
|
66
71
|
readonly glyph: InputSignal<string | null>;
|
|
67
72
|
/** Семантический цвет иконки заголовка. */
|
|
68
73
|
readonly iconColor: InputSignal<IRtTabs.TitleColor>;
|
|
74
|
+
/**
|
|
75
|
+
* Залитый рисунок иконки — уходит в `fill` у `rt-icon`. Значок Material заливается всегда, имя
|
|
76
|
+
* кита — в материальном наборе: в своём наборе у него один рисунок. Дефолт `false`.
|
|
77
|
+
*/
|
|
78
|
+
readonly iconFill: InputSignalWithTransform<boolean, BooleanInput>;
|
|
69
79
|
/** Значение бейджа справа от заголовка (число/строка). `null` — без бейджа. */
|
|
70
80
|
readonly badge: InputSignal<string | number | null>;
|
|
81
|
+
/** Где стоит бейдж: после подписи или кружком над углом иконки. Дефолт `'inline'`. */
|
|
82
|
+
readonly badgePosition: InputSignal<IRtTabs.BadgePosition>;
|
|
71
83
|
/**
|
|
72
84
|
* Подсказка при наведении на бейдж. Подсказка самой кнопки занята неверной вкладкой,
|
|
73
85
|
* поэтому у бейджа своя. Пусто — подсказки нет.
|
|
@@ -120,6 +132,10 @@ export declare class RtTabDirective {
|
|
|
120
132
|
* Крестик — отдельная кнопка, и без имени диктор назвал бы её просто «кнопка».
|
|
121
133
|
*/
|
|
122
134
|
readonly closeLabel: Signal<string>;
|
|
135
|
+
/** У вкладки есть иконка — по имени кита или по значку Material. */
|
|
136
|
+
readonly hasIcon: Signal<boolean>;
|
|
137
|
+
/** Бейдж стоит над иконкой: попросили `overlay`, бейдж есть и есть над чем стоять. */
|
|
138
|
+
readonly badgeOverlay: Signal<boolean>;
|
|
123
139
|
/** Крестик рисуется только у доступной вкладки: отключённую закрыть нельзя. */
|
|
124
140
|
readonly showClose: Signal<boolean>;
|
|
125
141
|
static ɵfac: i0.ɵɵFactoryDeclaration<RtTabDirective, never>;
|
|
@@ -154,11 +170,21 @@ export declare class RtTabDirective {
|
|
|
154
170
|
"required": false;
|
|
155
171
|
"isSignal": true;
|
|
156
172
|
};
|
|
173
|
+
"iconFill": {
|
|
174
|
+
"alias": "iconFill";
|
|
175
|
+
"required": false;
|
|
176
|
+
"isSignal": true;
|
|
177
|
+
};
|
|
157
178
|
"badge": {
|
|
158
179
|
"alias": "badge";
|
|
159
180
|
"required": false;
|
|
160
181
|
"isSignal": true;
|
|
161
182
|
};
|
|
183
|
+
"badgePosition": {
|
|
184
|
+
"alias": "badgePosition";
|
|
185
|
+
"required": false;
|
|
186
|
+
"isSignal": true;
|
|
187
|
+
};
|
|
162
188
|
"badgeTitle": {
|
|
163
189
|
"alias": "badgeTitle";
|
|
164
190
|
"required": false;
|