@rt-tools/ui-kit-v2 0.23.3 → 0.24.0

package/fesm2022/rt-tools-ui-kit-v2-speed-menu.mjs

@@ -0,0 +1,439 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ElementRef, Injector, ViewEncapsulation, afterNextRender, booleanAttribute, computed, effect, inject, input, output, viewChild } from "@angular/core";
+import { BlockDirective, ElemDirective, ModDirective } from "@rt-tools/core";
+import { rtKitLabel } from "@rt-tools/ui-kit-v2/core";
+import { RtIconButtonComponent } from "@rt-tools/ui-kit-v2/icon-button";
+import { RtPopoverDirective } from "@rt-tools/ui-kit-v2/popover";
+import { RtTooltipDirective } from "@rt-tools/ui-kit-v2/tooltip";
+const UP = {
+	originX: "center",
+	originY: "top",
+	overlayX: "center",
+	overlayY: "bottom"
+};
+const DOWN = {
+	originX: "center",
+	originY: "bottom",
+	overlayX: "center",
+	overlayY: "top"
+};
+const START = {
+	originX: "start",
+	originY: "center",
+	overlayX: "end",
+	overlayY: "center"
+};
+const END = {
+	originX: "end",
+	originY: "center",
+	overlayX: "start",
+	overlayY: "center"
+};
+const POSITIONS = {
+	up: [UP, DOWN],
+	down: [DOWN, UP],
+	start: [START, END],
+	end: [END, START]
+};
+const ACTION_SIZE = {
+	sm: "xs",
+	md: "sm",
+	lg: "md",
+	xl: "lg"
+};
+function speedMenuPositions(direction) {
+	return POSITIONS[direction];
+}
+function speedMenuActionSize(size) {
+	return ACTION_SIZE[size];
+}
+function speedMenuTooltipSide(direction) {
+	return direction === "up" || direction === "down" ? "left" : "top";
+}
+function speedMenuNextIndex(key, current, count) {
+	if (count === 0) return null;
+	switch (key) {
+		case "ArrowDown":
+		case "ArrowRight": return (current + 1) % count;
+		case "ArrowUp":
+		case "ArrowLeft": return (current - 1 + count) % count;
+		case "Home": return 0;
+		case "End": return count - 1;
+		default: return null;
+	}
+}
+const BEM_BLOCK = "rt-speed-menu";
+const AVAILABLE_ACTION = ".rt-speed-menu__action .rt-icon-button:not(:disabled)";
+var RtSpeedMenuComponent = class RtSpeedMenuComponent {
+	#host;
+	#injector;
+	#t_uiActions;
+	constructor() {
+		this.#host = inject(ElementRef);
+		this.#injector = inject(Injector);
+		this.#t_uiActions = rtKitLabel("uiActions");
+		this.popover = viewChild(RtPopoverDirective, ...ngDevMode ? [{ debugName: "popover" }] : /* istanbul ignore next */ []);
+		this.panel = viewChild("panel", ...ngDevMode ? [{ debugName: "panel" }] : /* istanbul ignore next */ []);
+		this.isOpen = computed(() => this.popover()?.isOpen() ?? false, ...ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []);
+		this.triggerLabel = computed(() => this.label() || this.#t_uiActions(), ...ngDevMode ? [{ debugName: "triggerLabel" }] : /* istanbul ignore next */ []);
+		this.positions = computed(() => speedMenuPositions(this.direction()), ...ngDevMode ? [{ debugName: "positions" }] : /* istanbul ignore next */ []);
+		this.actionSize = computed(() => speedMenuActionSize(this.size()), ...ngDevMode ? [{ debugName: "actionSize" }] : /* istanbul ignore next */ []);
+		this.tooltipSide = computed(() => speedMenuTooltipSide(this.direction()), ...ngDevMode ? [{ debugName: "tooltipSide" }] : /* istanbul ignore next */ []);
+		this.actions = input.required(...ngDevMode ? [{ debugName: "actions" }] : /* istanbul ignore next */ []);
+		this.icon = input("menu", ...ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []);
+		this.label = input("", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+		this.direction = input("up", ...ngDevMode ? [{ debugName: "direction" }] : /* istanbul ignore next */ []);
+		this.size = input("lg", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+		this.variant = input("primary", ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
+		this.closeOnSelect = input(false, {
+			...ngDevMode ? { debugName: "closeOnSelect" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.disabled = input(false, {
+			...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.actionSelect = output();
+		this.openChange = output();
+		effect(() => {
+			if (this.disabled()) this.popover()?.close();
+		});
+	}
+	onTrigger(event) {
+		if (this.isOpen()) {
+			this.popover()?.close();
+			return;
+		}
+		if (this.actions().length === 0) return;
+		this.popover()?.open();
+		if (event.detail === 0) afterNextRender(() => this.#focusAction(0), { injector: this.#injector });
+	}
+	onAction(action) {
+		if (action.disabled) return;
+		this.actionSelect.emit(action.value);
+		if (this.closeOnSelect()) this.#closeToTrigger();
+	}
+	onPanelKeydown(event) {
+		if (event.key === "Escape" || event.key === "Tab") {
+			event.preventDefault();
+			this.#closeToTrigger();
+			return;
+		}
+		const buttons = this.#availableActions();
+		const current = buttons.findIndex((button) => button === event.target);
+		const next = speedMenuNextIndex(event.key, current, buttons.length);
+		if (next === null) return;
+		event.preventDefault();
+		buttons[next]?.focus();
+	}
+	onOpened() {
+		this.openChange.emit(true);
+	}
+	onClosed() {
+		this.openChange.emit(false);
+	}
+	#closeToTrigger() {
+		this.popover()?.close();
+		this.#host.nativeElement.querySelector(".rt-speed-menu__trigger .rt-icon-button")?.focus();
+	}
+	#focusAction(index) {
+		this.#availableActions()[index]?.focus();
+	}
+	#availableActions() {
+		const panel = this.panel()?.nativeElement;
+		return panel ? Array.from(panel.querySelectorAll(AVAILABLE_ACTION)) : [];
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtSpeedMenuComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: RtSpeedMenuComponent,
+			isStandalone: true,
+			selector: "rt-speed-menu",
+			inputs: {
+				actions: {
+					classPropertyName: "actions",
+					publicName: "actions",
+					isSignal: true,
+					isRequired: true,
+					transformFunction: null
+				},
+				icon: {
+					classPropertyName: "icon",
+					publicName: "icon",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				label: {
+					classPropertyName: "label",
+					publicName: "label",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				direction: {
+					classPropertyName: "direction",
+					publicName: "direction",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				size: {
+					classPropertyName: "size",
+					publicName: "size",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				variant: {
+					classPropertyName: "variant",
+					publicName: "variant",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				closeOnSelect: {
+					classPropertyName: "closeOnSelect",
+					publicName: "closeOnSelect",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				disabled: {
+					classPropertyName: "disabled",
+					publicName: "disabled",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			outputs: {
+				actionSelect: "actionSelect",
+				openChange: "openChange"
+			},
+			host: {
+				properties: { "class.rt-speed-menu--open": "isOpen()" },
+				classAttribute: "rt-speed-menu"
+			},
+			viewQueries: [{
+				propertyName: "popover",
+				first: true,
+				predicate: RtPopoverDirective,
+				descendants: true,
+				isSignal: true
+			}, {
+				propertyName: "panel",
+				first: true,
+				predicate: ["panel"],
+				descendants: true,
+				isSignal: true
+			}],
+			ngImport: i0,
+			template: "<ng-container rtBlock=\"rt-speed-menu\">\n    <!-- Панель висит на кнопке меню: по ней она встаёт и её нажатие не считает нажатием снаружи.\n         Открывает и закрывает её сама кнопка — триггер панели ручной. -->\n    <rt-icon-button\n        rtElem=\"trigger\"\n        qa-dataid=\"speed-menu-trigger\"\n        radius=\"full\"\n        rtPopoverTrigger=\"manual\"\n        rtPopoverPanelClass=\"rt-speed-menu-pane\"\n        [rtPopover]=\"panelTpl\"\n        [rtPopoverPositions]=\"positions()\"\n        [glyph]=\"isOpen() ? 'close' : icon()\"\n        [ariaLabel]=\"triggerLabel()\"\n        [variant]=\"variant()\"\n        [size]=\"size()\"\n        [disabled]=\"disabled()\"\n        [expanded]=\"isOpen()\"\n        (rtPopoverOpened)=\"onOpened()\"\n        (rtPopoverClosed)=\"onClosed()\"\n        (clicked)=\"onTrigger($event)\" />\n\n    <ng-template #panelTpl>\n        <div\n            #panel\n            rtElem=\"panel\"\n            role=\"group\"\n            qa-dataid=\"speed-menu-panel\"\n            [rtMod]=\"direction()\"\n            [attr.aria-label]=\"triggerLabel()\"\n            (keydown)=\"onPanelKeydown($event)\">\n            @for (action of actions(); track action.value) {\n                <rt-icon-button\n                    rtElem=\"action\"\n                    qa-dataid=\"speed-menu-action\"\n                    radius=\"full\"\n                    variant=\"secondary\"\n                    [rtTooltip]=\"action.label\"\n                    [rtTooltipPlacement]=\"tooltipSide()\"\n                    [glyph]=\"action.icon\"\n                    [ariaLabel]=\"action.label\"\n                    [size]=\"actionSize()\"\n                    [disabled]=\"action.disabled ?? false\"\n                    [attr.data-value]=\"action.value\"\n                    (clicked)=\"onAction(action)\" />\n            }\n        </div>\n    </ng-template>\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-speed-menu{--rt-speed-menu-shadow: var(--rt-shadow-md);display:inline-flex;vertical-align:middle}.rt-speed-menu__trigger .rt-icon-button{--rt-icon-button-shadow: var(--rt-speed-menu-shadow)}.rt-speed-menu__panel{--rt-speed-menu-gap: var(--rt-space-sm);--rt-speed-menu-inset: var(--rt-speed-menu-gap);--rt-speed-menu-action-shadow: var(--rt-shadow-md);--rt-speed-menu-action-shadow-hover: var(--rt-speed-menu-action-shadow);--rt-speed-menu-action-bg: var(--rt-color-bg-surface);--rt-speed-menu-action-color: var(--rt-color-text-primary);--rt-speed-menu-action-radius: var(--rt-radius-full);--rt-speed-menu-duration: var(--rt-duration-fast);--rt-speed-menu-stagger: var(--rt-duration-fast);display:flex;align-items:center;padding:var(--rt-speed-menu-inset);gap:var(--rt-speed-menu-gap)}:is(.rt-preset-material,[data-preset=material]) .rt-speed-menu__panel{--rt-speed-menu-gap: var(--rt-size-4);--rt-speed-menu-inset: calc(var(--rt-size-6) + var(--rt-size-1));--rt-speed-menu-action-bg: var(--mat-sys-primary-container, var(--rt-mat-neutral-25));--rt-speed-menu-action-color: var(--mat-sys-on-primary-container, var(--rt-color-text-primary));--rt-icon-step-md: var(--rt-size-6);--rt-speed-menu-action-shadow: var(--mat-sys-level3, var(--rt-mat-shadow-fab));--rt-speed-menu-action-shadow-hover: var(--mat-sys-level4, var(--rt-mat-shadow-fab-hover));--rt-speed-menu-duration: calc(var(--rt-duration-fast) * 5 / 6);--rt-speed-menu-stagger: calc(var(--rt-duration-fast) * 5 / 12)}.rt-speed-menu__panel--up,.rt-speed-menu__panel--down{flex-direction:column}.rt-speed-menu__panel--start,.rt-speed-menu__panel--end{flex-direction:row}.rt-speed-menu__action{--rt-speed-menu-step: 0;border-radius:var(--rt-speed-menu-action-radius);background-color:var(--rt-speed-menu-action-bg);opacity:1;transform:scale(1);transition:opacity var(--rt-speed-menu-duration) ease-out,transform var(--rt-speed-menu-duration) ease-out;transition-delay:calc(var(--rt-speed-menu-step) * var(--rt-speed-menu-stagger))}@starting-style{.rt-speed-menu__action{opacity:0;transform:scale(.5)}}.rt-speed-menu__action .rt-icon-button{--rt-icon-button-shadow: var(--rt-speed-menu-action-shadow);color:var(--rt-speed-menu-action-color)}.rt-speed-menu__action .rt-icon-button:hover{--rt-icon-button-shadow: var(--rt-speed-menu-action-shadow-hover)}:root[data-theme=dark] :is(.rt-preset-material,[data-preset=material]) .rt-speed-menu__panel,html.rt-theme-dark :is(.rt-preset-material,[data-preset=material]) .rt-speed-menu__panel{--rt-speed-menu-action-bg: var(--mat-sys-primary-container, var(--rt-mat-dark-20))}.rt-speed-menu__panel--down .rt-speed-menu__action:nth-child(2),.rt-speed-menu__panel--end .rt-speed-menu__action:nth-child(2),.rt-speed-menu__panel--up .rt-speed-menu__action:nth-last-child(2),.rt-speed-menu__panel--start .rt-speed-menu__action:nth-last-child(2){--rt-speed-menu-step: 1}.rt-speed-menu__panel--down .rt-speed-menu__action:nth-child(3),.rt-speed-menu__panel--end .rt-speed-menu__action:nth-child(3),.rt-speed-menu__panel--up .rt-speed-menu__action:nth-last-child(3),.rt-speed-menu__panel--start .rt-speed-menu__action:nth-last-child(3){--rt-speed-menu-step: 2}.rt-speed-menu__panel--down .rt-speed-menu__action:nth-child(4),.rt-speed-menu__panel--end .rt-speed-menu__action:nth-child(4),.rt-speed-menu__panel--up .rt-speed-menu__action:nth-last-child(4),.rt-speed-menu__panel--start .rt-speed-menu__action:nth-last-child(4){--rt-speed-menu-step: 3}.rt-speed-menu__panel--down .rt-speed-menu__action:nth-child(5),.rt-speed-menu__panel--end .rt-speed-menu__action:nth-child(5),.rt-speed-menu__panel--up .rt-speed-menu__action:nth-last-child(5),.rt-speed-menu__panel--start .rt-speed-menu__action:nth-last-child(5){--rt-speed-menu-step: 4}.rt-speed-menu__panel--down .rt-speed-menu__action:nth-child(6),.rt-speed-menu__panel--end .rt-speed-menu__action:nth-child(6),.rt-speed-menu__panel--up .rt-speed-menu__action:nth-last-child(6),.rt-speed-menu__panel--start .rt-speed-menu__action:nth-last-child(6){--rt-speed-menu-step: 5}.rt-speed-menu__panel--down .rt-speed-menu__action:nth-child(7),.rt-speed-menu__panel--end .rt-speed-menu__action:nth-child(7),.rt-speed-menu__panel--up .rt-speed-menu__action:nth-last-child(7),.rt-speed-menu__panel--start .rt-speed-menu__action:nth-last-child(7){--rt-speed-menu-step: 6}.rt-speed-menu__panel--down .rt-speed-menu__action:nth-child(8),.rt-speed-menu__panel--end .rt-speed-menu__action:nth-child(8),.rt-speed-menu__panel--up .rt-speed-menu__action:nth-last-child(8),.rt-speed-menu__panel--start .rt-speed-menu__action:nth-last-child(8){--rt-speed-menu-step: 7}@media(prefers-reduced-motion:reduce){.rt-speed-menu__action{transition:none}}}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: BlockDirective,
+					selector: "[rtBlock]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ElemDirective,
+					selector: "[rtElem]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ModDirective,
+					selector: "[rtMod]"
+				},
+				{
+					kind: "component",
+					type: RtIconButtonComponent,
+					selector: "rt-icon-button",
+					inputs: [
+						"icon",
+						"glyph",
+						"ariaLabel",
+						"variant",
+						"iconColor",
+						"iconFill",
+						"size",
+						"iconSize",
+						"type",
+						"tooltip",
+						"tooltipHideOnClick",
+						"tabIndex",
+						"loading",
+						"disabled",
+						"active",
+						"expanded",
+						"indicator"
+					],
+					outputs: ["clicked"]
+				},
+				{
+					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: RtTooltipDirective,
+					selector: "[rtTooltip]",
+					inputs: [
+						"rtTooltip",
+						"rtTooltipPlacement",
+						"rtTooltipWhenTruncated",
+						"rtTooltipHideOnClick"
+					],
+					exportAs: ["rtTooltip"]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtSpeedMenuComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-speed-menu",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				BlockDirective,
+				ElemDirective,
+				ModDirective,
+				RtIconButtonComponent,
+				RtPopoverDirective,
+				RtTooltipDirective
+			],
+			host: {
+				class: BEM_BLOCK,
+				"[class.rt-speed-menu--open]": "isOpen()"
+			},
+			template: "<ng-container rtBlock=\"rt-speed-menu\">\n    <!-- Панель висит на кнопке меню: по ней она встаёт и её нажатие не считает нажатием снаружи.\n         Открывает и закрывает её сама кнопка — триггер панели ручной. -->\n    <rt-icon-button\n        rtElem=\"trigger\"\n        qa-dataid=\"speed-menu-trigger\"\n        radius=\"full\"\n        rtPopoverTrigger=\"manual\"\n        rtPopoverPanelClass=\"rt-speed-menu-pane\"\n        [rtPopover]=\"panelTpl\"\n        [rtPopoverPositions]=\"positions()\"\n        [glyph]=\"isOpen() ? 'close' : icon()\"\n        [ariaLabel]=\"triggerLabel()\"\n        [variant]=\"variant()\"\n        [size]=\"size()\"\n        [disabled]=\"disabled()\"\n        [expanded]=\"isOpen()\"\n        (rtPopoverOpened)=\"onOpened()\"\n        (rtPopoverClosed)=\"onClosed()\"\n        (clicked)=\"onTrigger($event)\" />\n\n    <ng-template #panelTpl>\n        <div\n            #panel\n            rtElem=\"panel\"\n            role=\"group\"\n            qa-dataid=\"speed-menu-panel\"\n            [rtMod]=\"direction()\"\n            [attr.aria-label]=\"triggerLabel()\"\n            (keydown)=\"onPanelKeydown($event)\">\n            @for (action of actions(); track action.value) {\n                <rt-icon-button\n                    rtElem=\"action\"\n                    qa-dataid=\"speed-menu-action\"\n                    radius=\"full\"\n                    variant=\"secondary\"\n                    [rtTooltip]=\"action.label\"\n                    [rtTooltipPlacement]=\"tooltipSide()\"\n                    [glyph]=\"action.icon\"\n                    [ariaLabel]=\"action.label\"\n                    [size]=\"actionSize()\"\n                    [disabled]=\"action.disabled ?? false\"\n                    [attr.data-value]=\"action.value\"\n                    (clicked)=\"onAction(action)\" />\n            }\n        </div>\n    </ng-template>\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-speed-menu{--rt-speed-menu-shadow: var(--rt-shadow-md);display:inline-flex;vertical-align:middle}.rt-speed-menu__trigger .rt-icon-button{--rt-icon-button-shadow: var(--rt-speed-menu-shadow)}.rt-speed-menu__panel{--rt-speed-menu-gap: var(--rt-space-sm);--rt-speed-menu-inset: var(--rt-speed-menu-gap);--rt-speed-menu-action-shadow: var(--rt-shadow-md);--rt-speed-menu-action-shadow-hover: var(--rt-speed-menu-action-shadow);--rt-speed-menu-action-bg: var(--rt-color-bg-surface);--rt-speed-menu-action-color: var(--rt-color-text-primary);--rt-speed-menu-action-radius: var(--rt-radius-full);--rt-speed-menu-duration: var(--rt-duration-fast);--rt-speed-menu-stagger: var(--rt-duration-fast);display:flex;align-items:center;padding:var(--rt-speed-menu-inset);gap:var(--rt-speed-menu-gap)}:is(.rt-preset-material,[data-preset=material]) .rt-speed-menu__panel{--rt-speed-menu-gap: var(--rt-size-4);--rt-speed-menu-inset: calc(var(--rt-size-6) + var(--rt-size-1));--rt-speed-menu-action-bg: var(--mat-sys-primary-container, var(--rt-mat-neutral-25));--rt-speed-menu-action-color: var(--mat-sys-on-primary-container, var(--rt-color-text-primary));--rt-icon-step-md: var(--rt-size-6);--rt-speed-menu-action-shadow: var(--mat-sys-level3, var(--rt-mat-shadow-fab));--rt-speed-menu-action-shadow-hover: var(--mat-sys-level4, var(--rt-mat-shadow-fab-hover));--rt-speed-menu-duration: calc(var(--rt-duration-fast) * 5 / 6);--rt-speed-menu-stagger: calc(var(--rt-duration-fast) * 5 / 12)}.rt-speed-menu__panel--up,.rt-speed-menu__panel--down{flex-direction:column}.rt-speed-menu__panel--start,.rt-speed-menu__panel--end{flex-direction:row}.rt-speed-menu__action{--rt-speed-menu-step: 0;border-radius:var(--rt-speed-menu-action-radius);background-color:var(--rt-speed-menu-action-bg);opacity:1;transform:scale(1);transition:opacity var(--rt-speed-menu-duration) ease-out,transform var(--rt-speed-menu-duration) ease-out;transition-delay:calc(var(--rt-speed-menu-step) * var(--rt-speed-menu-stagger))}@starting-style{.rt-speed-menu__action{opacity:0;transform:scale(.5)}}.rt-speed-menu__action .rt-icon-button{--rt-icon-button-shadow: var(--rt-speed-menu-action-shadow);color:var(--rt-speed-menu-action-color)}.rt-speed-menu__action .rt-icon-button:hover{--rt-icon-button-shadow: var(--rt-speed-menu-action-shadow-hover)}:root[data-theme=dark] :is(.rt-preset-material,[data-preset=material]) .rt-speed-menu__panel,html.rt-theme-dark :is(.rt-preset-material,[data-preset=material]) .rt-speed-menu__panel{--rt-speed-menu-action-bg: var(--mat-sys-primary-container, var(--rt-mat-dark-20))}.rt-speed-menu__panel--down .rt-speed-menu__action:nth-child(2),.rt-speed-menu__panel--end .rt-speed-menu__action:nth-child(2),.rt-speed-menu__panel--up .rt-speed-menu__action:nth-last-child(2),.rt-speed-menu__panel--start .rt-speed-menu__action:nth-last-child(2){--rt-speed-menu-step: 1}.rt-speed-menu__panel--down .rt-speed-menu__action:nth-child(3),.rt-speed-menu__panel--end .rt-speed-menu__action:nth-child(3),.rt-speed-menu__panel--up .rt-speed-menu__action:nth-last-child(3),.rt-speed-menu__panel--start .rt-speed-menu__action:nth-last-child(3){--rt-speed-menu-step: 2}.rt-speed-menu__panel--down .rt-speed-menu__action:nth-child(4),.rt-speed-menu__panel--end .rt-speed-menu__action:nth-child(4),.rt-speed-menu__panel--up .rt-speed-menu__action:nth-last-child(4),.rt-speed-menu__panel--start .rt-speed-menu__action:nth-last-child(4){--rt-speed-menu-step: 3}.rt-speed-menu__panel--down .rt-speed-menu__action:nth-child(5),.rt-speed-menu__panel--end .rt-speed-menu__action:nth-child(5),.rt-speed-menu__panel--up .rt-speed-menu__action:nth-last-child(5),.rt-speed-menu__panel--start .rt-speed-menu__action:nth-last-child(5){--rt-speed-menu-step: 4}.rt-speed-menu__panel--down .rt-speed-menu__action:nth-child(6),.rt-speed-menu__panel--end .rt-speed-menu__action:nth-child(6),.rt-speed-menu__panel--up .rt-speed-menu__action:nth-last-child(6),.rt-speed-menu__panel--start .rt-speed-menu__action:nth-last-child(6){--rt-speed-menu-step: 5}.rt-speed-menu__panel--down .rt-speed-menu__action:nth-child(7),.rt-speed-menu__panel--end .rt-speed-menu__action:nth-child(7),.rt-speed-menu__panel--up .rt-speed-menu__action:nth-last-child(7),.rt-speed-menu__panel--start .rt-speed-menu__action:nth-last-child(7){--rt-speed-menu-step: 6}.rt-speed-menu__panel--down .rt-speed-menu__action:nth-child(8),.rt-speed-menu__panel--end .rt-speed-menu__action:nth-child(8),.rt-speed-menu__panel--up .rt-speed-menu__action:nth-last-child(8),.rt-speed-menu__panel--start .rt-speed-menu__action:nth-last-child(8){--rt-speed-menu-step: 7}@media(prefers-reduced-motion:reduce){.rt-speed-menu__action{transition:none}}}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		popover: [{
+			type: i0.ViewChild,
+			args: [i0.forwardRef(() => RtPopoverDirective), { isSignal: true }]
+		}],
+		panel: [{
+			type: i0.ViewChild,
+			args: ["panel", { isSignal: true }]
+		}],
+		actions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "actions",
+				required: true
+			}]
+		}],
+		icon: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "icon",
+				required: false
+			}]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		direction: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "direction",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		variant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variant",
+				required: false
+			}]
+		}],
+		closeOnSelect: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "closeOnSelect",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		actionSelect: [{
+			type: i0.Output,
+			args: ["actionSelect"]
+		}],
+		openChange: [{
+			type: i0.Output,
+			args: ["openChange"]
+		}]
+	}
+});
+export { RtSpeedMenuComponent, speedMenuActionSize, speedMenuNextIndex, speedMenuPositions, speedMenuTooltipSide };
+
+//# sourceMappingURL=rt-tools-ui-kit-v2-speed-menu.mjs.map

package/fesm2022/rt-tools-ui-kit-v2-speed-menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rt-tools-ui-kit-v2-speed-menu.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/speed-menu/rt-speed-menu.logic.ts","../../../projects/ui-kit-v2/src/lib/components/speed-menu/rt-speed-menu.component.ts","../../../projects/ui-kit-v2/src/lib/components/speed-menu/rt-speed-menu.component.html"],"sourcesContent":["import { ConnectedPosition } from '@angular/cdk/overlay';\n\nimport { IRtIconButton } from '@rt-tools/ui-kit-v2/icon-button';\nimport { IRtTooltip } from '@rt-tools/ui-kit-v2/tooltip';\nimport { IRtSpeedMenu } from './rt-speed-menu.model';\n\nconst UP: ConnectedPosition = { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom' };\nconst DOWN: ConnectedPosition = { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top' };\nconst START: ConnectedPosition = { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center' };\nconst END: ConnectedPosition = { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center' };\n\nconst POSITIONS: Record<IRtSpeedMenu.Direction, readonly ConnectedPosition[]> = {\n    up: [UP, DOWN],\n    down: [DOWN, UP],\n    start: [START, END],\n    end: [END, START],\n};\n\nconst ACTION_SIZE: Record<IRtSpeedMenu.Size, IRtIconButton.Size> = {\n    sm: 'xs',\n    md: 'sm',\n    lg: 'md',\n    xl: 'lg',\n};\n\n/** Места панели вокруг кнопки: сторона направления, а у края экрана — противоположная. */\nexport function speedMenuPositions(direction: IRtSpeedMenu.Direction): readonly ConnectedPosition[] {\n    return POSITIONS[direction];\n}\n\n/** Размер кнопок действий — на шаг меньше кнопки меню. */\nexport function speedMenuActionSize(size: IRtSpeedMenu.Size): IRtIconButton.Size {\n    return ACTION_SIZE[size];\n}\n\n/** Подсказка столбца действий встаёт сбоку, подсказка ряда — сверху: иначе она закрывает соседа. */\nexport function speedMenuTooltipSide(direction: IRtSpeedMenu.Direction): IRtTooltip.Placement {\n    return direction === 'up' || direction === 'down' ? 'left' : 'top';\n}\n\n/**\n * Куда клавиша переводит фокус среди доступных действий: стрелки идут по кругу, Home и End берут\n * крайние. `null` — клавиша не про переход.\n */\nexport function speedMenuNextIndex(key: string, current: number, count: number): number | null {\n    if (count === 0) {\n        return null;\n    }\n\n    switch (key) {\n        case 'ArrowDown':\n        case 'ArrowRight':\n            return (current + 1) % count;\n        case 'ArrowUp':\n        case 'ArrowLeft':\n            return (current - 1 + count) % count;\n        case 'Home':\n            return 0;\n        case 'End':\n            return count - 1;\n        default:\n            return null;\n    }\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { ConnectedPosition } from '@angular/cdk/overlay';\nimport {\n    afterNextRender,\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    effect,\n    ElementRef,\n    inject,\n    Injector,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    output,\n    OutputEmitterRef,\n    Signal,\n    viewChild,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { rtKitLabel } from '@rt-tools/ui-kit-v2/core';\nimport { IRtIconButton, RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';\nimport { RtPopoverDirective } from '@rt-tools/ui-kit-v2/popover';\nimport { IRtTooltip, RtTooltipDirective } from '@rt-tools/ui-kit-v2/tooltip';\nimport { speedMenuActionSize, speedMenuNextIndex, speedMenuPositions, speedMenuTooltipSide } from './rt-speed-menu.logic';\nimport { IRtSpeedMenu } from './rt-speed-menu.model';\n\nconst BEM_BLOCK: string = 'rt-speed-menu';\n\n/** Кнопки действий, которые можно нажать: недоступная кнопка кита несёт нативный `disabled`. */\nconst AVAILABLE_ACTION: string = '.rt-speed-menu__action .rt-icon-button:not(:disabled)';\n\n/**\n * Быстрое меню: круглая кнопка, которая раскрывает рядом несколько круглых кнопок действий. Действия\n * лежат в плавающей панели кита (`rtPopover`) на стороне направления, у края экрана — на\n * противоположной; Escape и нажатие снаружи закрывают меню.\n *\n * Выбор отдаётся выходом `actionSelect`, и меню остаётся открытым: приложение нажимает действие\n * несколько раз подряд. Закрытие на выборе — вход `closeOnSelect`.\n */\n@Component({\n    selector: 'rt-speed-menu',\n    templateUrl: './rt-speed-menu.component.html',\n    styleUrl: './rt-speed-menu.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [BlockDirective, ElemDirective, ModDirective, RtIconButtonComponent, RtPopoverDirective, RtTooltipDirective],\n    host: {\n        class: BEM_BLOCK,\n        '[class.rt-speed-menu--open]': 'isOpen()',\n    },\n})\nexport class RtSpeedMenuComponent {\n    readonly #host: ElementRef<HTMLElement> = inject(ElementRef);\n    readonly #injector: Injector = inject(Injector);\n\n    readonly #t_uiActions: Signal<string> = rtKitLabel('uiActions');\n\n    protected readonly popover: Signal<RtPopoverDirective | undefined> = viewChild(RtPopoverDirective);\n\n    protected readonly panel: Signal<ElementRef<HTMLElement> | undefined> = viewChild<ElementRef<HTMLElement>>('panel');\n\n    protected readonly isOpen: Signal<boolean> = computed((): boolean => this.popover()?.isOpen() ?? false);\n\n    /** Своё имя кнопки важнее умолчания: приложение знает, что за действия в меню. */\n    protected readonly triggerLabel: Signal<string> = computed((): string => this.label() || this.#t_uiActions());\n\n    protected readonly positions: Signal<readonly ConnectedPosition[]> = computed((): readonly ConnectedPosition[] =>\n        speedMenuPositions(this.direction())\n    );\n\n    protected readonly actionSize: Signal<IRtIconButton.Size> = computed((): IRtIconButton.Size => speedMenuActionSize(this.size()));\n\n    protected readonly tooltipSide: Signal<IRtTooltip.Placement> = computed((): IRtTooltip.Placement =>\n        speedMenuTooltipSide(this.direction())\n    );\n\n    /** Действия меню в порядке чтения: сверху вниз в столбце, от начала к концу в ряду. */\n    public readonly actions: InputSignal<readonly IRtSpeedMenu.Action[]> = input.required<readonly IRtSpeedMenu.Action[]>();\n\n    /** Значок кнопки меню: имя кита или Material. Открытая кнопка показывает крест. */\n    public readonly icon: InputSignal<string> = input<string>('menu');\n\n    /** Доступное имя кнопки меню. Пусто — подпись кита «Действия». */\n    public readonly label: InputSignal<string> = input<string>('');\n\n    /** Сторона, на которую раскрываются действия. */\n    public readonly direction: InputSignal<IRtSpeedMenu.Direction> = input<IRtSpeedMenu.Direction>('up');\n\n    /** Размер кнопки меню; действия на шаг меньше. */\n    public readonly size: InputSignal<IRtSpeedMenu.Size> = input<IRtSpeedMenu.Size>('lg');\n\n    /** Палитра кнопки меню. */\n    public readonly variant: InputSignal<IRtSpeedMenu.Variant> = input<IRtSpeedMenu.Variant>('primary');\n\n    /** Закрывать меню после выбора действия; фокус возвращается на кнопку меню. */\n    public readonly closeOnSelect: 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    /** Выбор действия — его `value`. */\n    public readonly actionSelect: OutputEmitterRef<string> = output<string>();\n\n    /** Меню открылось (`true`) или закрылось (`false`). */\n    public readonly openChange: OutputEmitterRef<boolean> = output<boolean>();\n\n    constructor() {\n        effect((): void => {\n            if (this.disabled()) {\n                this.popover()?.close();\n            }\n        });\n    }\n\n    protected onTrigger(event: MouseEvent): void {\n        if (this.isOpen()) {\n            this.popover()?.close();\n            return;\n        }\n        if (this.actions().length === 0) {\n            return;\n        }\n        this.popover()?.open();\n        // Нажатие с клавиатуры приходит без счёта щелчков: такого человека панель встречает фокусом\n        // на первом действии — она лежит в конце страницы, и Tab до неё не дошёл бы.\n        if (event.detail === 0) {\n            afterNextRender((): void => this.#focusAction(0), { injector: this.#injector });\n        }\n    }\n\n    protected onAction(action: IRtSpeedMenu.Action): void {\n        if (action.disabled) {\n            return;\n        }\n        this.actionSelect.emit(action.value);\n        if (this.closeOnSelect()) {\n            this.#closeToTrigger();\n        }\n    }\n\n    protected onPanelKeydown(event: KeyboardEvent): void {\n        if (event.key === 'Escape' || event.key === 'Tab') {\n            event.preventDefault();\n            this.#closeToTrigger();\n            return;\n        }\n        const buttons: HTMLElement[] = this.#availableActions();\n        // Клавишу ловит кнопка в фокусе, и место в ряду меряется по ней\n        const current: number = buttons.findIndex((button: HTMLElement): boolean => button === event.target);\n        const next: number | null = speedMenuNextIndex(event.key, current, buttons.length);\n        if (next === null) {\n            return;\n        }\n        event.preventDefault();\n        buttons[next]?.focus();\n    }\n\n    protected onOpened(): void {\n        this.openChange.emit(true);\n    }\n\n    protected onClosed(): void {\n        this.openChange.emit(false);\n    }\n\n    #closeToTrigger(): void {\n        this.popover()?.close();\n        this.#host.nativeElement.querySelector<HTMLElement>('.rt-speed-menu__trigger .rt-icon-button')?.focus();\n    }\n\n    #focusAction(index: number): void {\n        this.#availableActions()[index]?.focus();\n    }\n\n    #availableActions(): HTMLElement[] {\n        const panel: HTMLElement | undefined = this.panel()?.nativeElement;\n        return panel ? Array.from(panel.querySelectorAll<HTMLElement>(AVAILABLE_ACTION)) : [];\n    }\n}\n","<ng-container rtBlock=\"rt-speed-menu\">\n    <!-- Панель висит на кнопке меню: по ней она встаёт и её нажатие не считает нажатием снаружи.\n         Открывает и закрывает её сама кнопка — триггер панели ручной. -->\n    <rt-icon-button\n        rtElem=\"trigger\"\n        qa-dataid=\"speed-menu-trigger\"\n        radius=\"full\"\n        rtPopoverTrigger=\"manual\"\n        rtPopoverPanelClass=\"rt-speed-menu-pane\"\n        [rtPopover]=\"panelTpl\"\n        [rtPopoverPositions]=\"positions()\"\n        [glyph]=\"isOpen() ? 'close' : icon()\"\n        [ariaLabel]=\"triggerLabel()\"\n        [variant]=\"variant()\"\n        [size]=\"size()\"\n        [disabled]=\"disabled()\"\n        [expanded]=\"isOpen()\"\n        (rtPopoverOpened)=\"onOpened()\"\n        (rtPopoverClosed)=\"onClosed()\"\n        (clicked)=\"onTrigger($event)\" />\n\n    <ng-template #panelTpl>\n        <div\n            #panel\n            rtElem=\"panel\"\n            role=\"group\"\n            qa-dataid=\"speed-menu-panel\"\n            [rtMod]=\"direction()\"\n            [attr.aria-label]=\"triggerLabel()\"\n            (keydown)=\"onPanelKeydown($event)\">\n            @for (action of actions(); track action.value) {\n                <rt-icon-button\n                    rtElem=\"action\"\n                    qa-dataid=\"speed-menu-action\"\n                    radius=\"full\"\n                    variant=\"secondary\"\n                    [rtTooltip]=\"action.label\"\n                    [rtTooltipPlacement]=\"tooltipSide()\"\n                    [glyph]=\"action.icon\"\n                    [ariaLabel]=\"action.label\"\n                    [size]=\"actionSize()\"\n                    [disabled]=\"action.disabled ?? false\"\n                    [attr.data-value]=\"action.value\"\n                    (clicked)=\"onAction(action)\" />\n            }\n        </div>\n    </ng-template>\n</ng-container>\n"],"mappings":"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"}