@rt-tools/ui-kit-v2 0.23.2 → 0.23.4

package/fesm2022/rt-tools-ui-kit-v2-split-button.mjs

@@ -1,92 +1,293 @@
-import * as i0 from '@angular/core';
-import { viewChild, computed, input, booleanAttribute, output, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
-import { BlockDirective, ElemDirective } from '@rt-tools/core';
-import { rtKitLabel } from '@rt-tools/ui-kit-v2/core';
-import { RtButtonDirective } from '@rt-tools/ui-kit-v2/button';
-import { RtPopoverDirective } from '@rt-tools/ui-kit-v2/popover';
-import * as i1 from '@rt-tools/ui-kit-v2/radius';
-import { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';
-
-const BEM_BLOCK = 'rt-split-button';
-/**
- * Кнопка с раздельным действием: основной CTA («лицо») + каретка, по клику на
- * которую раскрывается меню второстепенных действий. Применяется, когда у
- * сценария ДВА позитивных действия и нужно явно выделить главное, не пряча
- * второстепенное (например, футер формы: лицо «Сохранить», в меню
- * «Сохранить черновик»).
- *
- * Меню — поверх `[rtPopover]` (CDK Overlay): авто-flip у края, outside-click и
- * Escape закрывают, не режется `overflow: hidden` предками (футер aside'а).
- * Лицо и каретка — две `[rtButton]`, визуально сшитые в один контрол.
- *
- * `ViewEncapsulation.None` — стили префиксованы `.rt-split-button`.
- */
-class RtSplitButtonComponent {
-    constructor() {
-        this.#t_uiMoreActions = rtKitLabel('uiMoreActions');
-        this.menu = viewChild(RtPopoverDirective, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "menu" }] : /* istanbul ignore next */ []));
-        /** Своё имя каретки важнее умолчания: экран знает, что за действия в меню */
-        this.menuAriaText = computed(() => this.menuAriaLabel() || this.#t_uiMoreActions(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "menuAriaText" }] : /* istanbul ignore next */ []));
-        /** Подпись основного действия («лицо»). */
-        this.label = input.required(/* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-        /** Пункты выпадающего меню второстепенных действий. */
-        this.menuItems = input.required(/* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "menuItems" }] : /* istanbul ignore next */ []));
-        /** Семантическая палитра лица и каретки. */
-        this.theme = input('primary', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "theme" }] : /* istanbul ignore next */ []));
-        /** Размер контрола. */
-        this.size = input('md', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-        /** Доступное имя для каретки (icon-only кнопка открытия меню). */
-        this.menuAriaLabel = input('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "menuAriaLabel" }] : /* istanbul ignore next */ []));
-        /** Загрузка: спиннер на лице + блокировка обеих кнопок. */
-        this.loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /** Нативное отключение обеих кнопок. */
-        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /** Клик по лицу (основное действие). */
-        this.faceClick = output();
-        /** Выбор пункта меню — эмитит `value` выбранного пункта. */
-        this.itemSelect = output();
-    }
-    #t_uiMoreActions;
-    onFace() {
-        if (this.disabled() || this.loading()) {
-            return;
-        }
-        this.faceClick.emit();
-    }
-    onToggle() {
-        if (this.disabled() || this.loading()) {
-            return;
-        }
-        this.menu()?.toggle();
-    }
-    onItem(item) {
-        if (item.disabled) {
-            return;
-        }
-        this.menu()?.close();
-        this.itemSelect.emit(item.value);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtSplitButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtSplitButtonComponent, isStandalone: true, selector: "rt-split-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: true, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, menuAriaLabel: { classPropertyName: "menuAriaLabel", publicName: "menuAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { faceClick: "faceClick", itemSelect: "itemSelect" }, host: { properties: { "class.rt-split-button--open": "menu()?.isOpen()" }, classAttribute: "rt-split-button" }, viewQueries: [{ propertyName: "menu", first: true, predicate: RtPopoverDirective, descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.RtRadiusDirective, inputs: ["radius", "radius"] }], ngImport: i0, template: "<ng-container rtBlock=\"rt-split-button\">\n    <!-- Popover \u0432\u0438\u0441\u0438\u0442 \u043D\u0430 \u0432\u0441\u0451\u043C \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u0435 (\u0430 \u043D\u0435 \u043D\u0430 \u0443\u0437\u043A\u043E\u0439 \u043A\u0430\u0440\u0435\u0442\u043A\u0435): width=\"trigger\"\n         \u0434\u0435\u043B\u0430\u0435\u0442 \u043C\u0435\u043D\u044E \u043F\u043E \u0448\u0438\u0440\u0438\u043D\u0435 \u043A\u043D\u043E\u043F\u043A\u0438, originX:start \u2014 \u0440\u043E\u0432\u043D\u043E \u043F\u043E\u0434 \u0435\u0451 \u043B\u0435\u0432\u044B\u043C \u043A\u0440\u0430\u0435\u043C,\n         \u0431\u0435\u0437 \u0433\u043E\u0440\u0438\u0437\u043E\u043D\u0442\u0430\u043B\u044C\u043D\u043E\u0433\u043E \u0432\u044B\u043B\u0435\u0442\u0430 \u0437\u0430 \u044D\u043A\u0440\u0430\u043D. \u0422\u0440\u0438\u0433\u0433\u0435\u0440 manual \u2014 \u043E\u0442\u043A\u0440\u044B\u0432\u0430\u0435\u0442 \u043A\u0430\u0440\u0435\u0442\u043A\u0430. -->\n    <div\n        rtElem=\"control\"\n        rtPopoverTrigger=\"manual\"\n        rtPopoverWidth=\"trigger\"\n        rtPopoverPanelClass=\"rt-split-button-menu-panel\"\n        [rtPopover]=\"menuTpl\"\n        [rtPopoverOffsetY]=\"6\"\n        [rtPopoverDisabled]=\"disabled() || loading()\">\n        <button\n            rtButton\n            rtElem=\"face\"\n            qa-dataid=\"split-button-face\"\n            type=\"button\"\n            [label]=\"label()\"\n            [theme]=\"theme()\"\n            [size]=\"size()\"\n            [attr.aria-label]=\"label()\"\n            [loading]=\"loading()\"\n            [disabled]=\"disabled()\"\n            (click)=\"onFace()\"></button>\n\n        <button\n            rtButton\n            rtElem=\"toggle\"\n            qa-dataid=\"split-button-toggle\"\n            type=\"button\"\n            icon=\"chevron-down\"\n            [theme]=\"theme()\"\n            [size]=\"size()\"\n            [attr.aria-label]=\"menuAriaText()\"\n            [disabled]=\"disabled() || loading()\"\n            (click)=\"onToggle()\"></button>\n    </div>\n\n    <ng-template #menuTpl>\n        <ul rtElem=\"menu\" qa-dataid=\"split-button-menu\" role=\"menu\">\n            @for (item of menuItems(); track item.value) {\n                <li role=\"none\">\n                    <button\n                        rtButton\n                        rtElem=\"menu-item\"\n                        qa-dataid=\"split-button-menu-item\"\n                        type=\"button\"\n                        theme=\"secondary\"\n                        appearance=\"text\"\n                        size=\"sm\"\n                        role=\"menuitem\"\n                        [attr.data-value]=\"item.value\"\n                        [label]=\"item.label\"\n                        [icon]=\"item.icon ?? null\"\n                        [attr.aria-label]=\"item.label\"\n                        [disabled]=\"item.disabled ?? false\"\n                        (click)=\"onItem(item)\"></button>\n                </li>\n            }\n        </ul>\n    </ng-template>\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-split-button{--rt-split-button-divider-width: var(--rt-border-width-thin);--rt-split-button-caret-transition-duration: var(--rt-duration-fast);display:inline-flex}.rt-split-button[data-rt-radius=none]>.rt-split-button__control>.rt-button{--rt-btn-radius: var(--rt-radius-none)}.rt-split-button[data-rt-radius=xs]>.rt-split-button__control>.rt-button{--rt-btn-radius: var(--rt-radius-xs)}.rt-split-button[data-rt-radius=sm]>.rt-split-button__control>.rt-button{--rt-btn-radius: var(--rt-radius-sm)}.rt-split-button[data-rt-radius=ms]>.rt-split-button__control>.rt-button{--rt-btn-radius: var(--rt-radius-ms)}.rt-split-button[data-rt-radius=md]>.rt-split-button__control>.rt-button{--rt-btn-radius: var(--rt-radius-md)}.rt-split-button[data-rt-radius=lg]>.rt-split-button__control>.rt-button{--rt-btn-radius: var(--rt-radius-lg)}.rt-split-button[data-rt-radius=xl]>.rt-split-button__control>.rt-button{--rt-btn-radius: var(--rt-radius-xl)}.rt-split-button[data-rt-radius=\"2xl\"]>.rt-split-button__control>.rt-button{--rt-btn-radius: var(--rt-radius-2xl)}.rt-split-button[data-rt-radius=full]>.rt-split-button__control>.rt-button{--rt-btn-radius: var(--rt-radius-full)}.rt-split-button__control{display:inline-flex;width:100%;align-items:stretch}.rt-split-button__face.rt-button{border-end-end-radius:0;border-start-end-radius:0}.rt-split-button__toggle.rt-button{min-width:0;border-end-start-radius:0;border-inline-start:var(--rt-split-button-divider-width) solid color-mix(in srgb,var(--rt-color-text-inverse) 24%,transparent);border-start-start-radius:0;padding-inline:var(--rt-space-sm)}.rt-split-button__toggle.rt-button .rt-button__icon{fill:currentcolor;transition:transform var(--rt-split-button-caret-transition-duration) ease}.rt-split-button--open .rt-split-button__toggle.rt-button .rt-button__icon{transform:rotate(180deg)}.rt-split-button__menu{--rt-split-button-menu-radius: var(--rt-radius-md);--rt-split-button-menu-border-width: var(--rt-border-width-thin);--rt-split-button-menu-shadow: var(--rt-shadow-lg);display:flex;width:100%;box-sizing:border-box;flex-direction:column;padding:var(--rt-space-2xs);border:var(--rt-split-button-menu-border-width) solid var(--rt-color-border-subtle);border-radius:var(--rt-split-button-menu-radius);margin:0;background:var(--rt-color-bg-surface);box-shadow:var(--rt-split-button-menu-shadow);gap:var(--rt-space-2xs);list-style:none}.rt-split-button__menu-item.rt-button{overflow:hidden;width:100%;justify-content:flex-start}.rt-split-button__menu-item.rt-button .rt-button__label{display:block;overflow:hidden;min-width:0;text-overflow:ellipsis}}\n"], dependencies: [{ kind: "directive", type: RtButtonDirective, selector: "button[rtButton], a[rtButton]", inputs: ["label", "icon", "iconPos", "theme", "appearance", "size", "loading", "loadingIcon", "loadingLabel", "pressed"] }, { kind: "directive", type: RtPopoverDirective, selector: "[rtPopover]", inputs: ["rtPopover", "rtPopoverTrigger", "rtPopoverWidth", "rtPopoverAlign", "rtPopoverFitViewport", "rtPopoverContext", "rtPopoverPanelClass", "rtPopoverDisabled", "rtPopoverOffsetY", "rtPopoverOffsetX"], outputs: ["rtPopoverOpened", "rtPopoverClosed"], exportAs: ["rtPopover"] }, { kind: "directive", type: BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtSplitButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-split-button', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [RtButtonDirective, RtPopoverDirective, BlockDirective, ElemDirective], hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }], host: {
-                        class: BEM_BLOCK,
-                        '[class.rt-split-button--open]': 'menu()?.isOpen()',
-                    }, template: "<ng-container rtBlock=\"rt-split-button\">\n    <!-- Popover \u0432\u0438\u0441\u0438\u0442 \u043D\u0430 \u0432\u0441\u0451\u043C \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u0435 (\u0430 \u043D\u0435 \u043D\u0430 \u0443\u0437\u043A\u043E\u0439 \u043A\u0430\u0440\u0435\u0442\u043A\u0435): width=\"trigger\"\n         \u0434\u0435\u043B\u0430\u0435\u0442 \u043C\u0435\u043D\u044E \u043F\u043E \u0448\u0438\u0440\u0438\u043D\u0435 \u043A\u043D\u043E\u043F\u043A\u0438, originX:start \u2014 \u0440\u043E\u0432\u043D\u043E \u043F\u043E\u0434 \u0435\u0451 \u043B\u0435\u0432\u044B\u043C \u043A\u0440\u0430\u0435\u043C,\n         \u0431\u0435\u0437 \u0433\u043E\u0440\u0438\u0437\u043E\u043D\u0442\u0430\u043B\u044C\u043D\u043E\u0433\u043E \u0432\u044B\u043B\u0435\u0442\u0430 \u0437\u0430 \u044D\u043A\u0440\u0430\u043D. \u0422\u0440\u0438\u0433\u0433\u0435\u0440 manual \u2014 \u043E\u0442\u043A\u0440\u044B\u0432\u0430\u0435\u0442 \u043A\u0430\u0440\u0435\u0442\u043A\u0430. -->\n    <div\n        rtElem=\"control\"\n        rtPopoverTrigger=\"manual\"\n        rtPopoverWidth=\"trigger\"\n        rtPopoverPanelClass=\"rt-split-button-menu-panel\"\n        [rtPopover]=\"menuTpl\"\n        [rtPopoverOffsetY]=\"6\"\n        [rtPopoverDisabled]=\"disabled() || loading()\">\n        <button\n            rtButton\n            rtElem=\"face\"\n            qa-dataid=\"split-button-face\"\n            type=\"button\"\n            [label]=\"label()\"\n            [theme]=\"theme()\"\n            [size]=\"size()\"\n            [attr.aria-label]=\"label()\"\n            [loading]=\"loading()\"\n            [disabled]=\"disabled()\"\n            (click)=\"onFace()\"></button>\n\n        <button\n            rtButton\n            rtElem=\"toggle\"\n            qa-dataid=\"split-button-toggle\"\n            type=\"button\"\n            icon=\"chevron-down\"\n            [theme]=\"theme()\"\n            [size]=\"size()\"\n            [attr.aria-label]=\"menuAriaText()\"\n            [disabled]=\"disabled() || loading()\"\n            (click)=\"onToggle()\"></button>\n    </div>\n\n    <ng-template #menuTpl>\n        <ul rtElem=\"menu\" qa-dataid=\"split-button-menu\" role=\"menu\">\n            @for (item of menuItems(); track item.value) {\n                <li role=\"none\">\n                    <button\n                        rtButton\n                        rtElem=\"menu-item\"\n                        qa-dataid=\"split-button-menu-item\"\n                        type=\"button\"\n                        theme=\"secondary\"\n                        appearance=\"text\"\n                        size=\"sm\"\n                        role=\"menuitem\"\n                        [attr.data-value]=\"item.value\"\n                        [label]=\"item.label\"\n                        [icon]=\"item.icon ?? null\"\n                        [attr.aria-label]=\"item.label\"\n                        [disabled]=\"item.disabled ?? false\"\n                        (click)=\"onItem(item)\"></button>\n                </li>\n            }\n        </ul>\n    </ng-template>\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-split-button{--rt-split-button-divider-width: var(--rt-border-width-thin);--rt-split-button-caret-transition-duration: var(--rt-duration-fast);display:inline-flex}.rt-split-button[data-rt-radius=none]>.rt-split-button__control>.rt-button{--rt-btn-radius: var(--rt-radius-none)}.rt-split-button[data-rt-radius=xs]>.rt-split-button__control>.rt-button{--rt-btn-radius: var(--rt-radius-xs)}.rt-split-button[data-rt-radius=sm]>.rt-split-button__control>.rt-button{--rt-btn-radius: var(--rt-radius-sm)}.rt-split-button[data-rt-radius=ms]>.rt-split-button__control>.rt-button{--rt-btn-radius: var(--rt-radius-ms)}.rt-split-button[data-rt-radius=md]>.rt-split-button__control>.rt-button{--rt-btn-radius: var(--rt-radius-md)}.rt-split-button[data-rt-radius=lg]>.rt-split-button__control>.rt-button{--rt-btn-radius: var(--rt-radius-lg)}.rt-split-button[data-rt-radius=xl]>.rt-split-button__control>.rt-button{--rt-btn-radius: var(--rt-radius-xl)}.rt-split-button[data-rt-radius=\"2xl\"]>.rt-split-button__control>.rt-button{--rt-btn-radius: var(--rt-radius-2xl)}.rt-split-button[data-rt-radius=full]>.rt-split-button__control>.rt-button{--rt-btn-radius: var(--rt-radius-full)}.rt-split-button__control{display:inline-flex;width:100%;align-items:stretch}.rt-split-button__face.rt-button{border-end-end-radius:0;border-start-end-radius:0}.rt-split-button__toggle.rt-button{min-width:0;border-end-start-radius:0;border-inline-start:var(--rt-split-button-divider-width) solid color-mix(in srgb,var(--rt-color-text-inverse) 24%,transparent);border-start-start-radius:0;padding-inline:var(--rt-space-sm)}.rt-split-button__toggle.rt-button .rt-button__icon{fill:currentcolor;transition:transform var(--rt-split-button-caret-transition-duration) ease}.rt-split-button--open .rt-split-button__toggle.rt-button .rt-button__icon{transform:rotate(180deg)}.rt-split-button__menu{--rt-split-button-menu-radius: var(--rt-radius-md);--rt-split-button-menu-border-width: var(--rt-border-width-thin);--rt-split-button-menu-shadow: var(--rt-shadow-lg);display:flex;width:100%;box-sizing:border-box;flex-direction:column;padding:var(--rt-space-2xs);border:var(--rt-split-button-menu-border-width) solid var(--rt-color-border-subtle);border-radius:var(--rt-split-button-menu-radius);margin:0;background:var(--rt-color-bg-surface);box-shadow:var(--rt-split-button-menu-shadow);gap:var(--rt-space-2xs);list-style:none}.rt-split-button__menu-item.rt-button{overflow:hidden;width:100%;justify-content:flex-start}.rt-split-button__menu-item.rt-button .rt-button__label{display:block;overflow:hidden;min-width:0;text-overflow:ellipsis}}\n"] }]
-        }], propDecorators: { menu: [{ type: i0.ViewChild, args: [i0.forwardRef(() => RtPopoverDirective), { isSignal: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], menuItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuItems", required: true }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], menuAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuAriaLabel", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], faceClick: [{ type: i0.Output, args: ["faceClick"] }], itemSelect: [{ type: i0.Output, args: ["itemSelect"] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, booleanAttribute, computed, input, output, viewChild } from "@angular/core";
+import { BlockDirective, ElemDirective } from "@rt-tools/core";
+import { rtKitLabel } from "@rt-tools/ui-kit-v2/core";
+import { RtButtonDirective } from "@rt-tools/ui-kit-v2/button";
+import { RtPopoverDirective } from "@rt-tools/ui-kit-v2/popover";
+import * as i1 from "@rt-tools/ui-kit-v2/radius";
+import { RtRadiusDirective } from "@rt-tools/ui-kit-v2/radius";
+const BEM_BLOCK = "rt-split-button";
+var RtSplitButtonComponent = class RtSplitButtonComponent {
+	constructor() {
+		this.#t_uiMoreActions = rtKitLabel("uiMoreActions");
+		this.menu = viewChild(RtPopoverDirective, ...ngDevMode ? [{ debugName: "menu" }] : /* istanbul ignore next */ []);
+		this.menuAriaText = computed(() => this.menuAriaLabel() || this.#t_uiMoreActions(), ...ngDevMode ? [{ debugName: "menuAriaText" }] : /* istanbul ignore next */ []);
+		this.label = input.required(...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+		this.menuItems = input.required(...ngDevMode ? [{ debugName: "menuItems" }] : /* istanbul ignore next */ []);
+		this.theme = input("primary", ...ngDevMode ? [{ debugName: "theme" }] : /* istanbul ignore next */ []);
+		this.size = input("md", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+		this.menuAriaLabel = input("", ...ngDevMode ? [{ debugName: "menuAriaLabel" }] : /* istanbul ignore next */ []);
+		this.loading = input(false, {
+			...ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.disabled = input(false, {
+			...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.faceClick = output();
+		this.itemSelect = output();
+	}
+	#t_uiMoreActions;
+	onFace() {
+		if (this.disabled() || this.loading()) return;
+		this.faceClick.emit();
+	}
+	onToggle() {
+		if (this.disabled() || this.loading()) return;
+		this.menu()?.toggle();
+	}
+	onItem(item) {
+		if (item.disabled) return;
+		this.menu()?.close();
+		this.itemSelect.emit(item.value);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtSplitButtonComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: RtSplitButtonComponent,
+			isStandalone: true,
+			selector: "rt-split-button",
+			inputs: {
+				label: {
+					classPropertyName: "label",
+					publicName: "label",
+					isSignal: true,
+					isRequired: true,
+					transformFunction: null
+				},
+				menuItems: {
+					classPropertyName: "menuItems",
+					publicName: "menuItems",
+					isSignal: true,
+					isRequired: true,
+					transformFunction: null
+				},
+				theme: {
+					classPropertyName: "theme",
+					publicName: "theme",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				size: {
+					classPropertyName: "size",
+					publicName: "size",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				menuAriaLabel: {
+					classPropertyName: "menuAriaLabel",
+					publicName: "menuAriaLabel",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				loading: {
+					classPropertyName: "loading",
+					publicName: "loading",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				disabled: {
+					classPropertyName: "disabled",
+					publicName: "disabled",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			outputs: {
+				faceClick: "faceClick",
+				itemSelect: "itemSelect"
+			},
+			host: {
+				properties: { "class.rt-split-button--open": "menu()?.isOpen()" },
+				classAttribute: "rt-split-button"
+			},
+			viewQueries: [{
+				propertyName: "menu",
+				first: true,
+				predicate: RtPopoverDirective,
+				descendants: true,
+				isSignal: true
+			}],
+			hostDirectives: [{
+				directive: i1.RtRadiusDirective,
+				inputs: ["radius", "radius"]
+			}],
+			ngImport: i0,
+			template: "<ng-container rtBlock=\"rt-split-button\">\n    <!-- Popover висит на всём контроле (а не на узкой каретке): width=\"trigger\"\n         делает меню по ширине кнопки, originX:start — ровно под её левым краем,\n         без горизонтального вылета за экран. Триггер manual — открывает каретка. -->\n    <div\n        rtElem=\"control\"\n        rtPopoverTrigger=\"manual\"\n        rtPopoverWidth=\"trigger\"\n        rtPopoverPanelClass=\"rt-split-button-menu-panel\"\n        [rtPopover]=\"menuTpl\"\n        [rtPopoverOffsetY]=\"6\"\n        [rtPopoverDisabled]=\"disabled() || loading()\">\n        <button\n            rtButton\n            rtElem=\"face\"\n            qa-dataid=\"split-button-face\"\n            type=\"button\"\n            [label]=\"label()\"\n            [theme]=\"theme()\"\n            [size]=\"size()\"\n            [attr.aria-label]=\"label()\"\n            [loading]=\"loading()\"\n            [disabled]=\"disabled()\"\n            (click)=\"onFace()\"></button>\n\n        <button\n            rtButton\n            rtElem=\"toggle\"\n            qa-dataid=\"split-button-toggle\"\n            type=\"button\"\n            icon=\"chevron-down\"\n            [theme]=\"theme()\"\n            [size]=\"size()\"\n            [attr.aria-label]=\"menuAriaText()\"\n            [disabled]=\"disabled() || loading()\"\n            (click)=\"onToggle()\"></button>\n    </div>\n\n    <ng-template #menuTpl>\n        <ul rtElem=\"menu\" qa-dataid=\"split-button-menu\" role=\"menu\">\n            @for (item of menuItems(); track item.value) {\n                <li role=\"none\">\n                    <button\n                        rtButton\n                        rtElem=\"menu-item\"\n                        qa-dataid=\"split-button-menu-item\"\n                        type=\"button\"\n                        theme=\"secondary\"\n                        appearance=\"text\"\n                        size=\"sm\"\n                        role=\"menuitem\"\n                        [attr.data-value]=\"item.value\"\n                        [label]=\"item.label\"\n                        [icon]=\"item.icon ?? null\"\n                        [attr.aria-label]=\"item.label\"\n                        [disabled]=\"item.disabled ?? false\"\n                        (click)=\"onItem(item)\"></button>\n                </li>\n            }\n        </ul>\n    </ng-template>\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-split-button{--rt-split-button-divider-width: var(--rt-border-width-thin);--rt-split-button-caret-transition-duration: var(--rt-duration-fast);display:inline-flex}.rt-split-button[data-rt-radius=none]>.rt-split-button__control>.rt-button{--rt-btn-radius: var(--rt-radius-none)}.rt-split-button[data-rt-radius=xs]>.rt-split-button__control>.rt-button{--rt-btn-radius: var(--rt-radius-xs)}.rt-split-button[data-rt-radius=sm]>.rt-split-button__control>.rt-button{--rt-btn-radius: var(--rt-radius-sm)}.rt-split-button[data-rt-radius=ms]>.rt-split-button__control>.rt-button{--rt-btn-radius: var(--rt-radius-ms)}.rt-split-button[data-rt-radius=md]>.rt-split-button__control>.rt-button{--rt-btn-radius: var(--rt-radius-md)}.rt-split-button[data-rt-radius=lg]>.rt-split-button__control>.rt-button{--rt-btn-radius: var(--rt-radius-lg)}.rt-split-button[data-rt-radius=xl]>.rt-split-button__control>.rt-button{--rt-btn-radius: var(--rt-radius-xl)}.rt-split-button[data-rt-radius=\"2xl\"]>.rt-split-button__control>.rt-button{--rt-btn-radius: var(--rt-radius-2xl)}.rt-split-button[data-rt-radius=full]>.rt-split-button__control>.rt-button{--rt-btn-radius: var(--rt-radius-full)}.rt-split-button__control{display:inline-flex;width:100%;align-items:stretch}.rt-split-button__face.rt-button{border-end-end-radius:0;border-start-end-radius:0}.rt-split-button__toggle.rt-button{min-width:0;border-end-start-radius:0;border-inline-start:var(--rt-split-button-divider-width) solid color-mix(in srgb,var(--rt-color-text-inverse) 24%,transparent);border-start-start-radius:0;padding-inline:var(--rt-space-sm)}.rt-split-button__toggle.rt-button .rt-button__icon{fill:currentcolor;transition:transform var(--rt-split-button-caret-transition-duration) ease}.rt-split-button--open .rt-split-button__toggle.rt-button .rt-button__icon{transform:rotate(180deg)}.rt-split-button__menu{--rt-split-button-menu-radius: var(--rt-radius-md);--rt-split-button-menu-border-width: var(--rt-border-width-thin);--rt-split-button-menu-shadow: var(--rt-shadow-lg);display:flex;width:100%;box-sizing:border-box;flex-direction:column;padding:var(--rt-space-2xs);border:var(--rt-split-button-menu-border-width) solid var(--rt-color-border-subtle);border-radius:var(--rt-split-button-menu-radius);margin:0;background:var(--rt-color-bg-surface);box-shadow:var(--rt-split-button-menu-shadow);gap:var(--rt-space-2xs);list-style:none}.rt-split-button__menu-item.rt-button{overflow:hidden;width:100%;justify-content:flex-start}.rt-split-button__menu-item.rt-button .rt-button__label{display:block;overflow:hidden;min-width:0;text-overflow:ellipsis}}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: RtButtonDirective,
+					selector: "button[rtButton], a[rtButton]",
+					inputs: [
+						"label",
+						"icon",
+						"iconPos",
+						"theme",
+						"appearance",
+						"size",
+						"loading",
+						"loadingIcon",
+						"loadingLabel",
+						"pressed"
+					]
+				},
+				{
+					kind: "directive",
+					type: RtPopoverDirective,
+					selector: "[rtPopover]",
+					inputs: [
+						"rtPopover",
+						"rtPopoverTrigger",
+						"rtPopoverWidth",
+						"rtPopoverAlign",
+						"rtPopoverFitViewport",
+						"rtPopoverContext",
+						"rtPopoverPanelClass",
+						"rtPopoverDisabled",
+						"rtPopoverOffsetY",
+						"rtPopoverOffsetX",
+						"rtPopoverPositions"
+					],
+					outputs: ["rtPopoverOpened", "rtPopoverClosed"],
+					exportAs: ["rtPopover"]
+				},
+				{
+					kind: "directive",
+					type: BlockDirective,
+					selector: "[rtBlock]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ElemDirective,
+					selector: "[rtElem]",
+					inputs: ["rtMod"]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtSplitButtonComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-split-button",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				RtButtonDirective,
+				RtPopoverDirective,
+				BlockDirective,
+				ElemDirective
+			],
+			hostDirectives: [{
+				directive: RtRadiusDirective,
+				inputs: ["radius"]
+			}],
+			host: {
+				class: BEM_BLOCK,
+				"[class.rt-split-button--open]": "menu()?.isOpen()"
+			},
+			template: "<ng-container rtBlock=\"rt-split-button\">\n    <!-- Popover висит на всём контроле (а не на узкой каретке): width=\"trigger\"\n         делает меню по ширине кнопки, originX:start — ровно под её левым краем,\n         без горизонтального вылета за экран. Триггер manual — открывает каретка. -->\n    <div\n        rtElem=\"control\"\n        rtPopoverTrigger=\"manual\"\n        rtPopoverWidth=\"trigger\"\n        rtPopoverPanelClass=\"rt-split-button-menu-panel\"\n        [rtPopover]=\"menuTpl\"\n        [rtPopoverOffsetY]=\"6\"\n        [rtPopoverDisabled]=\"disabled() || loading()\">\n        <button\n            rtButton\n            rtElem=\"face\"\n            qa-dataid=\"split-button-face\"\n            type=\"button\"\n            [label]=\"label()\"\n            [theme]=\"theme()\"\n            [size]=\"size()\"\n            [attr.aria-label]=\"label()\"\n            [loading]=\"loading()\"\n            [disabled]=\"disabled()\"\n            (click)=\"onFace()\"></button>\n\n        <button\n            rtButton\n            rtElem=\"toggle\"\n            qa-dataid=\"split-button-toggle\"\n            type=\"button\"\n            icon=\"chevron-down\"\n            [theme]=\"theme()\"\n            [size]=\"size()\"\n            [attr.aria-label]=\"menuAriaText()\"\n            [disabled]=\"disabled() || loading()\"\n            (click)=\"onToggle()\"></button>\n    </div>\n\n    <ng-template #menuTpl>\n        <ul rtElem=\"menu\" qa-dataid=\"split-button-menu\" role=\"menu\">\n            @for (item of menuItems(); track item.value) {\n                <li role=\"none\">\n                    <button\n                        rtButton\n                        rtElem=\"menu-item\"\n                        qa-dataid=\"split-button-menu-item\"\n                        type=\"button\"\n                        theme=\"secondary\"\n                        appearance=\"text\"\n                        size=\"sm\"\n                        role=\"menuitem\"\n                        [attr.data-value]=\"item.value\"\n                        [label]=\"item.label\"\n                        [icon]=\"item.icon ?? null\"\n                        [attr.aria-label]=\"item.label\"\n                        [disabled]=\"item.disabled ?? false\"\n                        (click)=\"onItem(item)\"></button>\n                </li>\n            }\n        </ul>\n    </ng-template>\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-split-button{--rt-split-button-divider-width: var(--rt-border-width-thin);--rt-split-button-caret-transition-duration: var(--rt-duration-fast);display:inline-flex}.rt-split-button[data-rt-radius=none]>.rt-split-button__control>.rt-button{--rt-btn-radius: var(--rt-radius-none)}.rt-split-button[data-rt-radius=xs]>.rt-split-button__control>.rt-button{--rt-btn-radius: var(--rt-radius-xs)}.rt-split-button[data-rt-radius=sm]>.rt-split-button__control>.rt-button{--rt-btn-radius: var(--rt-radius-sm)}.rt-split-button[data-rt-radius=ms]>.rt-split-button__control>.rt-button{--rt-btn-radius: var(--rt-radius-ms)}.rt-split-button[data-rt-radius=md]>.rt-split-button__control>.rt-button{--rt-btn-radius: var(--rt-radius-md)}.rt-split-button[data-rt-radius=lg]>.rt-split-button__control>.rt-button{--rt-btn-radius: var(--rt-radius-lg)}.rt-split-button[data-rt-radius=xl]>.rt-split-button__control>.rt-button{--rt-btn-radius: var(--rt-radius-xl)}.rt-split-button[data-rt-radius=\"2xl\"]>.rt-split-button__control>.rt-button{--rt-btn-radius: var(--rt-radius-2xl)}.rt-split-button[data-rt-radius=full]>.rt-split-button__control>.rt-button{--rt-btn-radius: var(--rt-radius-full)}.rt-split-button__control{display:inline-flex;width:100%;align-items:stretch}.rt-split-button__face.rt-button{border-end-end-radius:0;border-start-end-radius:0}.rt-split-button__toggle.rt-button{min-width:0;border-end-start-radius:0;border-inline-start:var(--rt-split-button-divider-width) solid color-mix(in srgb,var(--rt-color-text-inverse) 24%,transparent);border-start-start-radius:0;padding-inline:var(--rt-space-sm)}.rt-split-button__toggle.rt-button .rt-button__icon{fill:currentcolor;transition:transform var(--rt-split-button-caret-transition-duration) ease}.rt-split-button--open .rt-split-button__toggle.rt-button .rt-button__icon{transform:rotate(180deg)}.rt-split-button__menu{--rt-split-button-menu-radius: var(--rt-radius-md);--rt-split-button-menu-border-width: var(--rt-border-width-thin);--rt-split-button-menu-shadow: var(--rt-shadow-lg);display:flex;width:100%;box-sizing:border-box;flex-direction:column;padding:var(--rt-space-2xs);border:var(--rt-split-button-menu-border-width) solid var(--rt-color-border-subtle);border-radius:var(--rt-split-button-menu-radius);margin:0;background:var(--rt-color-bg-surface);box-shadow:var(--rt-split-button-menu-shadow);gap:var(--rt-space-2xs);list-style:none}.rt-split-button__menu-item.rt-button{overflow:hidden;width:100%;justify-content:flex-start}.rt-split-button__menu-item.rt-button .rt-button__label{display:block;overflow:hidden;min-width:0;text-overflow:ellipsis}}\n"]
+		}]
+	}],
+	propDecorators: {
+		menu: [{
+			type: i0.ViewChild,
+			args: [i0.forwardRef(() => RtPopoverDirective), { isSignal: true }]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: true
+			}]
+		}],
+		menuItems: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "menuItems",
+				required: true
+			}]
+		}],
+		theme: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "theme",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		menuAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "menuAriaLabel",
+				required: false
+			}]
+		}],
+		loading: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "loading",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		faceClick: [{
+			type: i0.Output,
+			args: ["faceClick"]
+		}],
+		itemSelect: [{
+			type: i0.Output,
+			args: ["itemSelect"]
+		}]
+	}
+});
 export { RtSplitButtonComponent };
-//# sourceMappingURL=rt-tools-ui-kit-v2-split-button.mjs.map
+
+//# sourceMappingURL=rt-tools-ui-kit-v2-split-button.mjs.map

package/fesm2022/rt-tools-ui-kit-v2-split-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-split-button.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/split-button/rt-split-button.component.ts","../../../projects/ui-kit-v2/src/lib/components/split-button/rt-split-button.component.html","../../../projects/ui-kit-v2/src/lib/components/split-button/rt-tools-ui-kit-v2-split-button.ts"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    output,\n    OutputEmitterRef,\n    Signal,\n    viewChild,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { rtKitLabel } from '@rt-tools/ui-kit-v2/core';\nimport { RtButtonDirective } from '@rt-tools/ui-kit-v2/button';\nimport { RtPopoverDirective } from '@rt-tools/ui-kit-v2/popover';\nimport { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';\nimport { IRtSplitButton } from './rt-split-button.model';\n\nconst BEM_BLOCK: string = 'rt-split-button';\n\n/**\n * Кнопка с раздельным действием: основной CTA («лицо») + каретка, по клику на\n * которую раскрывается меню второстепенных действий. Применяется, когда у\n * сценария ДВА позитивных действия и нужно явно выделить главное, не пряча\n * второстепенное (например, футер формы: лицо «Сохранить», в меню\n * «Сохранить черновик»).\n *\n * Меню — поверх `[rtPopover]` (CDK Overlay): авто-flip у края, outside-click и\n * Escape закрывают, не режется `overflow: hidden` предками (футер aside'а).\n * Лицо и каретка — две `[rtButton]`, визуально сшитые в один контрол.\n *\n * `ViewEncapsulation.None` — стили префиксованы `.rt-split-button`.\n */\n@Component({\n    selector: 'rt-split-button',\n    templateUrl: './rt-split-button.component.html',\n    styleUrl: './rt-split-button.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [RtButtonDirective, RtPopoverDirective, BlockDirective, ElemDirective],\n    hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n    host: {\n        class: BEM_BLOCK,\n        '[class.rt-split-button--open]': 'menu()?.isOpen()',\n    },\n})\nexport class RtSplitButtonComponent {\n    readonly #t_uiMoreActions: Signal<string> = rtKitLabel('uiMoreActions');\n\n    protected readonly menu: Signal<RtPopoverDirective | undefined> = viewChild(RtPopoverDirective);\n\n    /** Своё имя каретки важнее умолчания: экран знает, что за действия в меню */\n    protected readonly menuAriaText: Signal<string> = computed((): string => this.menuAriaLabel() || this.#t_uiMoreActions());\n\n    /** Подпись основного действия («лицо»). */\n    public readonly label: InputSignal<string> = input.required<string>();\n\n    /** Пункты выпадающего меню второстепенных действий. */\n    public readonly menuItems: InputSignal<readonly IRtSplitButton.MenuItem[]> = input.required<readonly IRtSplitButton.MenuItem[]>();\n\n    /** Семантическая палитра лица и каретки. */\n    public readonly theme: InputSignal<IRtSplitButton.Theme> = input<IRtSplitButton.Theme>('primary');\n\n    /** Размер контрола. */\n    public readonly size: InputSignal<IRtSplitButton.Size> = input<IRtSplitButton.Size>('md');\n\n    /** Доступное имя для каретки (icon-only кнопка открытия меню). */\n    public readonly menuAriaLabel: InputSignal<string> = input<string>('');\n\n    /** Загрузка: спиннер на лице + блокировка обеих кнопок. */\n    public readonly loading: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Нативное отключение обеих кнопок. */\n    public readonly disabled: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Клик по лицу (основное действие). */\n    public readonly faceClick: OutputEmitterRef<void> = output<void>();\n\n    /** Выбор пункта меню — эмитит `value` выбранного пункта. */\n    public readonly itemSelect: OutputEmitterRef<string> = output<string>();\n\n    protected onFace(): void {\n        if (this.disabled() || this.loading()) {\n            return;\n        }\n        this.faceClick.emit();\n    }\n\n    protected onToggle(): void {\n        if (this.disabled() || this.loading()) {\n            return;\n        }\n        this.menu()?.toggle();\n    }\n\n    protected onItem(item: IRtSplitButton.MenuItem): void {\n        if (item.disabled) {\n            return;\n        }\n        this.menu()?.close();\n        this.itemSelect.emit(item.value);\n    }\n}\n","<ng-container rtBlock=\"rt-split-button\">\n    <!-- Popover висит на всём контроле (а не на узкой каретке): width=\"trigger\"\n         делает меню по ширине кнопки, originX:start — ровно под её левым краем,\n         без горизонтального вылета за экран. Триггер manual — открывает каретка. -->\n    <div\n        rtElem=\"control\"\n        rtPopoverTrigger=\"manual\"\n        rtPopoverWidth=\"trigger\"\n        rtPopoverPanelClass=\"rt-split-button-menu-panel\"\n        [rtPopover]=\"menuTpl\"\n        [rtPopoverOffsetY]=\"6\"\n        [rtPopoverDisabled]=\"disabled() || loading()\">\n        <button\n            rtButton\n            rtElem=\"face\"\n            qa-dataid=\"split-button-face\"\n            type=\"button\"\n            [label]=\"label()\"\n            [theme]=\"theme()\"\n            [size]=\"size()\"\n            [attr.aria-label]=\"label()\"\n            [loading]=\"loading()\"\n            [disabled]=\"disabled()\"\n            (click)=\"onFace()\"></button>\n\n        <button\n            rtButton\n            rtElem=\"toggle\"\n            qa-dataid=\"split-button-toggle\"\n            type=\"button\"\n            icon=\"chevron-down\"\n            [theme]=\"theme()\"\n            [size]=\"size()\"\n            [attr.aria-label]=\"menuAriaText()\"\n            [disabled]=\"disabled() || loading()\"\n            (click)=\"onToggle()\"></button>\n    </div>\n\n    <ng-template #menuTpl>\n        <ul rtElem=\"menu\" qa-dataid=\"split-button-menu\" role=\"menu\">\n            @for (item of menuItems(); track item.value) {\n                <li role=\"none\">\n                    <button\n                        rtButton\n                        rtElem=\"menu-item\"\n                        qa-dataid=\"split-button-menu-item\"\n                        type=\"button\"\n                        theme=\"secondary\"\n                        appearance=\"text\"\n                        size=\"sm\"\n                        role=\"menuitem\"\n                        [attr.data-value]=\"item.value\"\n                        [label]=\"item.label\"\n                        [icon]=\"item.icon ?? null\"\n                        [attr.aria-label]=\"item.label\"\n                        [disabled]=\"item.disabled ?? false\"\n                        (click)=\"onItem(item)\"></button>\n                </li>\n            }\n        </ul>\n    </ng-template>\n</ng-container>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"rt-tools-ui-kit-v2-split-button.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/split-button/rt-split-button.component.ts","../../../projects/ui-kit-v2/src/lib/components/split-button/rt-split-button.component.html"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    output,\n    OutputEmitterRef,\n    Signal,\n    viewChild,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { rtKitLabel } from '@rt-tools/ui-kit-v2/core';\nimport { RtButtonDirective } from '@rt-tools/ui-kit-v2/button';\nimport { RtPopoverDirective } from '@rt-tools/ui-kit-v2/popover';\nimport { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';\nimport { IRtSplitButton } from './rt-split-button.model';\n\nconst BEM_BLOCK: string = 'rt-split-button';\n\n/**\n * Кнопка с раздельным действием: основной CTA («лицо») + каретка, по клику на\n * которую раскрывается меню второстепенных действий. Применяется, когда у\n * сценария ДВА позитивных действия и нужно явно выделить главное, не пряча\n * второстепенное (например, футер формы: лицо «Сохранить», в меню\n * «Сохранить черновик»).\n *\n * Меню — поверх `[rtPopover]` (CDK Overlay): авто-flip у края, outside-click и\n * Escape закрывают, не режется `overflow: hidden` предками (футер aside'а).\n * Лицо и каретка — две `[rtButton]`, визуально сшитые в один контрол.\n *\n * `ViewEncapsulation.None` — стили префиксованы `.rt-split-button`.\n */\n@Component({\n    selector: 'rt-split-button',\n    templateUrl: './rt-split-button.component.html',\n    styleUrl: './rt-split-button.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [RtButtonDirective, RtPopoverDirective, BlockDirective, ElemDirective],\n    hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n    host: {\n        class: BEM_BLOCK,\n        '[class.rt-split-button--open]': 'menu()?.isOpen()',\n    },\n})\nexport class RtSplitButtonComponent {\n    readonly #t_uiMoreActions: Signal<string> = rtKitLabel('uiMoreActions');\n\n    protected readonly menu: Signal<RtPopoverDirective | undefined> = viewChild(RtPopoverDirective);\n\n    /** Своё имя каретки важнее умолчания: экран знает, что за действия в меню */\n    protected readonly menuAriaText: Signal<string> = computed((): string => this.menuAriaLabel() || this.#t_uiMoreActions());\n\n    /** Подпись основного действия («лицо»). */\n    public readonly label: InputSignal<string> = input.required<string>();\n\n    /** Пункты выпадающего меню второстепенных действий. */\n    public readonly menuItems: InputSignal<readonly IRtSplitButton.MenuItem[]> = input.required<readonly IRtSplitButton.MenuItem[]>();\n\n    /** Семантическая палитра лица и каретки. */\n    public readonly theme: InputSignal<IRtSplitButton.Theme> = input<IRtSplitButton.Theme>('primary');\n\n    /** Размер контрола. */\n    public readonly size: InputSignal<IRtSplitButton.Size> = input<IRtSplitButton.Size>('md');\n\n    /** Доступное имя для каретки (icon-only кнопка открытия меню). */\n    public readonly menuAriaLabel: InputSignal<string> = input<string>('');\n\n    /** Загрузка: спиннер на лице + блокировка обеих кнопок. */\n    public readonly loading: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Нативное отключение обеих кнопок. */\n    public readonly disabled: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Клик по лицу (основное действие). */\n    public readonly faceClick: OutputEmitterRef<void> = output<void>();\n\n    /** Выбор пункта меню — эмитит `value` выбранного пункта. */\n    public readonly itemSelect: OutputEmitterRef<string> = output<string>();\n\n    protected onFace(): void {\n        if (this.disabled() || this.loading()) {\n            return;\n        }\n        this.faceClick.emit();\n    }\n\n    protected onToggle(): void {\n        if (this.disabled() || this.loading()) {\n            return;\n        }\n        this.menu()?.toggle();\n    }\n\n    protected onItem(item: IRtSplitButton.MenuItem): void {\n        if (item.disabled) {\n            return;\n        }\n        this.menu()?.close();\n        this.itemSelect.emit(item.value);\n    }\n}\n","<ng-container rtBlock=\"rt-split-button\">\n    <!-- Popover висит на всём контроле (а не на узкой каретке): width=\"trigger\"\n         делает меню по ширине кнопки, originX:start — ровно под её левым краем,\n         без горизонтального вылета за экран. Триггер manual — открывает каретка. -->\n    <div\n        rtElem=\"control\"\n        rtPopoverTrigger=\"manual\"\n        rtPopoverWidth=\"trigger\"\n        rtPopoverPanelClass=\"rt-split-button-menu-panel\"\n        [rtPopover]=\"menuTpl\"\n        [rtPopoverOffsetY]=\"6\"\n        [rtPopoverDisabled]=\"disabled() || loading()\">\n        <button\n            rtButton\n            rtElem=\"face\"\n            qa-dataid=\"split-button-face\"\n            type=\"button\"\n            [label]=\"label()\"\n            [theme]=\"theme()\"\n            [size]=\"size()\"\n            [attr.aria-label]=\"label()\"\n            [loading]=\"loading()\"\n            [disabled]=\"disabled()\"\n            (click)=\"onFace()\"></button>\n\n        <button\n            rtButton\n            rtElem=\"toggle\"\n            qa-dataid=\"split-button-toggle\"\n            type=\"button\"\n            icon=\"chevron-down\"\n            [theme]=\"theme()\"\n            [size]=\"size()\"\n            [attr.aria-label]=\"menuAriaText()\"\n            [disabled]=\"disabled() || loading()\"\n            (click)=\"onToggle()\"></button>\n    </div>\n\n    <ng-template #menuTpl>\n        <ul rtElem=\"menu\" qa-dataid=\"split-button-menu\" role=\"menu\">\n            @for (item of menuItems(); track item.value) {\n                <li role=\"none\">\n                    <button\n                        rtButton\n                        rtElem=\"menu-item\"\n                        qa-dataid=\"split-button-menu-item\"\n                        type=\"button\"\n                        theme=\"secondary\"\n                        appearance=\"text\"\n                        size=\"sm\"\n                        role=\"menuitem\"\n                        [attr.data-value]=\"item.value\"\n                        [label]=\"item.label\"\n                        [icon]=\"item.icon ?? null\"\n                        [attr.aria-label]=\"item.label\"\n                        [disabled]=\"item.disabled ?? false\"\n                        (click)=\"onItem(item)\"></button>\n                </li>\n            }\n        </ul>\n    </ng-template>\n</ng-container>\n"],"mappings":"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"}