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

package/fesm2022/rt-tools-ui-kit-v2-bottom-sheet.mjs

@@ -1,88 +1,163 @@
-import { DOCUMENT } from '@angular/common';
-import * as i0 from '@angular/core';
-import { inject, signal, input, booleanAttribute, output, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
-import { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';
-import { RT_KIT_LABELS } from '@rt-tools/ui-kit-v2/core';
-import * as i1 from '@rt-tools/ui-kit-v2/radius';
-import { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';
-
-const DRAG_DISMISS_THRESHOLD_PX = 80;
+import { DOCUMENT } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, booleanAttribute, inject, input, output, signal } from "@angular/core";
+import { BlockDirective, ElemDirective, ModDirective } from "@rt-tools/core";
+import { RT_KIT_LABELS } from "@rt-tools/ui-kit-v2/core";
+import * as i1 from "@rt-tools/ui-kit-v2/radius";
+import { RtRadiusDirective } from "@rt-tools/ui-kit-v2/radius";
 function clampDragDelta(deltaY) {
-    return Math.max(0, deltaY);
+	return Math.max(0, deltaY);
 }
 function shouldDismissDrag(deltaY) {
-    return deltaY > DRAG_DISMISS_THRESHOLD_PX;
-}
-
-const BEM_BLOCK = 'rt-bottom-sheet';
-class RtBottomSheetComponent {
-    constructor() {
-        this.#document = inject(DOCUMENT);
-        this.#onDragMove = (event) => this.#handleDragMove(event);
-        this.#onDragEnd = () => this.#handleDragEnd();
-        this.#dragStartY = 0;
-        this.t = inject(RT_KIT_LABELS);
-        this.dragDeltaY = signal(0, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "dragDeltaY" }] : /* istanbul ignore next */ []));
-        this.dragging = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "dragging" }] : /* istanbul ignore next */ []));
-        this.open = input.required({ ...(ngDevMode ? { debugName: "open" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this.openChange = output();
-    }
-    #document;
-    #onDragMove;
-    #onDragEnd;
-    #dragStartY;
-    onDragStart(event) {
-        this.#dragStartY = event.clientY;
-        this.dragging.set(true);
-        this.dragDeltaY.set(0);
-        this.#document.addEventListener('pointermove', this.#onDragMove);
-        this.#document.addEventListener('pointerup', this.#onDragEnd);
-    }
-    dismiss() {
-        this.openChange.emit(false);
-    }
-    #handleDragMove(event) {
-        this.dragDeltaY.set(clampDragDelta(event.clientY - this.#dragStartY));
-    }
-    #handleDragEnd() {
-        this.dragging.set(false);
-        this.#document.removeEventListener('pointermove', this.#onDragMove);
-        this.#document.removeEventListener('pointerup', this.#onDragEnd);
-        if (shouldDismissDrag(this.dragDeltaY())) {
-            this.openChange.emit(false);
-        }
-        this.dragDeltaY.set(0);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtBottomSheetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: RtBottomSheetComponent, isStandalone: true, selector: "rt-bottom-sheet", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { openChange: "openChange" }, host: { properties: { "class.rt-bottom-sheet--open": "open()", "attr.inert": "open() ? null : \"\"" }, classAttribute: "rt-bottom-sheet" }, hostDirectives: [{ directive: i1.RtRadiusDirective, inputs: ["radius", "radius"] }], ngImport: i0, template: "<ng-container rtBlock=\"rt-bottom-sheet\">\n    <button\n        type=\"button\"\n        rtElem=\"backdrop\"\n        qa-dataid=\"bottom-sheet-backdrop\"\n        [attr.aria-label]=\"t().bottomSheetClose\"\n        (click)=\"dismiss()\"></button>\n    <div\n        rtElem=\"panel\"\n        qa-dataid=\"bottom-sheet-panel\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        [rtMod]=\"{ dragging: dragging() }\"\n        [style.transform]=\"dragging() ? 'translateY(' + dragDeltaY() + 'px)' : null\">\n        <div rtElem=\"handle\" qa-dataid=\"bottom-sheet-handle\" (pointerdown)=\"onDragStart($event)\"></div>\n        <div rtElem=\"header\" qa-dataid=\"bottom-sheet-header\">\n            <ng-content select=\"[sheetHeader]\" />\n        </div>\n        <ng-content />\n    </div>\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-bottom-sheet{--rt-bottom-sheet-radius: var(--rt-radius-2xl);--rt-bottom-sheet-handle-radius: var(--rt-radius-xs);--rt-bottom-sheet-shadow: var(--rt-shadow-card-soft);--rt-bottom-sheet-transition-duration: var(--rt-duration-base);position:fixed;z-index:1000;inset:0;pointer-events:none}.rt-bottom-sheet__backdrop{position:absolute;padding:0;border:none;background:var(--rt-overlay-black-50);cursor:pointer;inset:0;opacity:0;transition:opacity var(--rt-bottom-sheet-transition-duration) ease}.rt-bottom-sheet__panel{position:absolute;right:0;bottom:0;left:0;display:flex;max-height:80vh;flex-direction:column;border-radius:var(--rt-bottom-sheet-radius) var(--rt-bottom-sheet-radius) 0 0;background:var(--rt-color-bg-surface);box-shadow:var(--rt-bottom-sheet-shadow);transform:translateY(100%);transition:transform var(--rt-bottom-sheet-transition-duration) ease}.rt-bottom-sheet__panel--dragging{transition:none}.rt-bottom-sheet__handle{width:40px;height:4px;align-self:center;border-radius:var(--rt-bottom-sheet-handle-radius);margin:var(--rt-space-4) 0;background:var(--rt-color-border-default);cursor:grab;touch-action:none}.rt-bottom-sheet__header{display:flex;justify-content:center;padding:0 var(--rt-space-5) var(--rt-space-4);color:var(--rt-color-text-primary);font-weight:var(--rt-font-weight-semibold)}.rt-bottom-sheet--open{pointer-events:auto}.rt-bottom-sheet--open .rt-bottom-sheet__backdrop{opacity:1}.rt-bottom-sheet--open .rt-bottom-sheet__panel{transform:translateY(0)}.rt-bottom-sheet[data-rt-radius=none]{--rt-bottom-sheet-radius: var(--rt-radius-none)}.rt-bottom-sheet[data-rt-radius=xs]{--rt-bottom-sheet-radius: var(--rt-radius-xs)}.rt-bottom-sheet[data-rt-radius=sm]{--rt-bottom-sheet-radius: var(--rt-radius-sm)}.rt-bottom-sheet[data-rt-radius=ms]{--rt-bottom-sheet-radius: var(--rt-radius-ms)}.rt-bottom-sheet[data-rt-radius=md]{--rt-bottom-sheet-radius: var(--rt-radius-md)}.rt-bottom-sheet[data-rt-radius=lg]{--rt-bottom-sheet-radius: var(--rt-radius-lg)}.rt-bottom-sheet[data-rt-radius=xl]{--rt-bottom-sheet-radius: var(--rt-radius-xl)}.rt-bottom-sheet[data-rt-radius=\"2xl\"]{--rt-bottom-sheet-radius: var(--rt-radius-2xl)}.rt-bottom-sheet[data-rt-radius=full]{--rt-bottom-sheet-radius: var(--rt-radius-full)}}\n"], dependencies: [{ kind: "directive", type: 
-                // rt-tools
-                BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }, { kind: "directive", type: ModDirective, selector: "[rtMod]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+	return deltaY > 80;
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtBottomSheetComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-bottom-sheet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        // rt-tools
-                        BlockDirective,
-                        ElemDirective,
-                        ModDirective,
-                        // transloco
-                    ], hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }], host: {
-                        class: BEM_BLOCK,
-                        '[class.rt-bottom-sheet--open]': 'open()',
-                        // Закрытый лист остаётся в разметке ради анимации, и спрятан он только
-                        // стилями — а `opacity`/`pointer-events` не убирают узел ни из порядка
-                        // табуляции, ни из дерева доступности. Без `inert` страница с закрытым
-                        // листом держала бы в табуляции невидимую кнопку «Закрыть», а
-                        // скринридер объявлял бы модальный диалог, которого не видно.
-                        '[attr.inert]': 'open() ? null : ""',
-                    }, template: "<ng-container rtBlock=\"rt-bottom-sheet\">\n    <button\n        type=\"button\"\n        rtElem=\"backdrop\"\n        qa-dataid=\"bottom-sheet-backdrop\"\n        [attr.aria-label]=\"t().bottomSheetClose\"\n        (click)=\"dismiss()\"></button>\n    <div\n        rtElem=\"panel\"\n        qa-dataid=\"bottom-sheet-panel\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        [rtMod]=\"{ dragging: dragging() }\"\n        [style.transform]=\"dragging() ? 'translateY(' + dragDeltaY() + 'px)' : null\">\n        <div rtElem=\"handle\" qa-dataid=\"bottom-sheet-handle\" (pointerdown)=\"onDragStart($event)\"></div>\n        <div rtElem=\"header\" qa-dataid=\"bottom-sheet-header\">\n            <ng-content select=\"[sheetHeader]\" />\n        </div>\n        <ng-content />\n    </div>\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-bottom-sheet{--rt-bottom-sheet-radius: var(--rt-radius-2xl);--rt-bottom-sheet-handle-radius: var(--rt-radius-xs);--rt-bottom-sheet-shadow: var(--rt-shadow-card-soft);--rt-bottom-sheet-transition-duration: var(--rt-duration-base);position:fixed;z-index:1000;inset:0;pointer-events:none}.rt-bottom-sheet__backdrop{position:absolute;padding:0;border:none;background:var(--rt-overlay-black-50);cursor:pointer;inset:0;opacity:0;transition:opacity var(--rt-bottom-sheet-transition-duration) ease}.rt-bottom-sheet__panel{position:absolute;right:0;bottom:0;left:0;display:flex;max-height:80vh;flex-direction:column;border-radius:var(--rt-bottom-sheet-radius) var(--rt-bottom-sheet-radius) 0 0;background:var(--rt-color-bg-surface);box-shadow:var(--rt-bottom-sheet-shadow);transform:translateY(100%);transition:transform var(--rt-bottom-sheet-transition-duration) ease}.rt-bottom-sheet__panel--dragging{transition:none}.rt-bottom-sheet__handle{width:40px;height:4px;align-self:center;border-radius:var(--rt-bottom-sheet-handle-radius);margin:var(--rt-space-4) 0;background:var(--rt-color-border-default);cursor:grab;touch-action:none}.rt-bottom-sheet__header{display:flex;justify-content:center;padding:0 var(--rt-space-5) var(--rt-space-4);color:var(--rt-color-text-primary);font-weight:var(--rt-font-weight-semibold)}.rt-bottom-sheet--open{pointer-events:auto}.rt-bottom-sheet--open .rt-bottom-sheet__backdrop{opacity:1}.rt-bottom-sheet--open .rt-bottom-sheet__panel{transform:translateY(0)}.rt-bottom-sheet[data-rt-radius=none]{--rt-bottom-sheet-radius: var(--rt-radius-none)}.rt-bottom-sheet[data-rt-radius=xs]{--rt-bottom-sheet-radius: var(--rt-radius-xs)}.rt-bottom-sheet[data-rt-radius=sm]{--rt-bottom-sheet-radius: var(--rt-radius-sm)}.rt-bottom-sheet[data-rt-radius=ms]{--rt-bottom-sheet-radius: var(--rt-radius-ms)}.rt-bottom-sheet[data-rt-radius=md]{--rt-bottom-sheet-radius: var(--rt-radius-md)}.rt-bottom-sheet[data-rt-radius=lg]{--rt-bottom-sheet-radius: var(--rt-radius-lg)}.rt-bottom-sheet[data-rt-radius=xl]{--rt-bottom-sheet-radius: var(--rt-radius-xl)}.rt-bottom-sheet[data-rt-radius=\"2xl\"]{--rt-bottom-sheet-radius: var(--rt-radius-2xl)}.rt-bottom-sheet[data-rt-radius=full]{--rt-bottom-sheet-radius: var(--rt-radius-full)}}\n"] }]
-        }], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: true }] }], openChange: [{ type: i0.Output, args: ["openChange"] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+const BEM_BLOCK = "rt-bottom-sheet";
+var RtBottomSheetComponent = class RtBottomSheetComponent {
+	constructor() {
+		this.#document = inject(DOCUMENT);
+		this.#onDragMove = (event) => this.#handleDragMove(event);
+		this.#onDragEnd = () => this.#handleDragEnd();
+		this.#dragStartY = 0;
+		this.t = inject(RT_KIT_LABELS);
+		this.dragDeltaY = signal(0, ...ngDevMode ? [{ debugName: "dragDeltaY" }] : /* istanbul ignore next */ []);
+		this.dragging = signal(false, ...ngDevMode ? [{ debugName: "dragging" }] : /* istanbul ignore next */ []);
+		this.open = input.required({
+			...ngDevMode ? { debugName: "open" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.openChange = output();
+	}
+	#document;
+	#onDragMove;
+	#onDragEnd;
+	#dragStartY;
+	onDragStart(event) {
+		this.#dragStartY = event.clientY;
+		this.dragging.set(true);
+		this.dragDeltaY.set(0);
+		this.#document.addEventListener("pointermove", this.#onDragMove);
+		this.#document.addEventListener("pointerup", this.#onDragEnd);
+	}
+	dismiss() {
+		this.openChange.emit(false);
+	}
+	#handleDragMove(event) {
+		this.dragDeltaY.set(clampDragDelta(event.clientY - this.#dragStartY));
+	}
+	#handleDragEnd() {
+		this.dragging.set(false);
+		this.#document.removeEventListener("pointermove", this.#onDragMove);
+		this.#document.removeEventListener("pointerup", this.#onDragEnd);
+		if (shouldDismissDrag(this.dragDeltaY())) this.openChange.emit(false);
+		this.dragDeltaY.set(0);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtBottomSheetComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.1.0",
+			version: "22.2.2",
+			type: RtBottomSheetComponent,
+			isStandalone: true,
+			selector: "rt-bottom-sheet",
+			inputs: { open: {
+				classPropertyName: "open",
+				publicName: "open",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			} },
+			outputs: { openChange: "openChange" },
+			host: {
+				properties: {
+					"class.rt-bottom-sheet--open": "open()",
+					"attr.inert": "open() ? null : \"\""
+				},
+				classAttribute: "rt-bottom-sheet"
+			},
+			hostDirectives: [{
+				directive: i1.RtRadiusDirective,
+				inputs: ["radius", "radius"]
+			}],
+			ngImport: i0,
+			template: "<ng-container rtBlock=\"rt-bottom-sheet\">\n    <button\n        type=\"button\"\n        rtElem=\"backdrop\"\n        qa-dataid=\"bottom-sheet-backdrop\"\n        [attr.aria-label]=\"t().bottomSheetClose\"\n        (click)=\"dismiss()\"></button>\n    <div\n        rtElem=\"panel\"\n        qa-dataid=\"bottom-sheet-panel\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        [rtMod]=\"{ dragging: dragging() }\"\n        [style.transform]=\"dragging() ? 'translateY(' + dragDeltaY() + 'px)' : null\">\n        <div rtElem=\"handle\" qa-dataid=\"bottom-sheet-handle\" (pointerdown)=\"onDragStart($event)\"></div>\n        <div rtElem=\"header\" qa-dataid=\"bottom-sheet-header\">\n            <ng-content select=\"[sheetHeader]\" />\n        </div>\n        <div rtElem=\"body\" qa-dataid=\"bottom-sheet-body\">\n            <ng-content />\n        </div>\n        <div rtElem=\"footer\" qa-dataid=\"bottom-sheet-footer\">\n            <ng-content select=\"[sheetFooter]\" />\n        </div>\n    </div>\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-bottom-sheet{--rt-bottom-sheet-radius: var(--rt-radius-2xl);--rt-bottom-sheet-handle-radius: var(--rt-radius-xs);--rt-bottom-sheet-shadow: var(--rt-shadow-card-soft);--rt-bottom-sheet-transition-duration: var(--rt-duration-base);--rt-bottom-sheet-footer-border-width: var(--rt-border-width-thin);position:fixed;z-index:1000;inset:0;pointer-events:none}.rt-bottom-sheet__backdrop{position:absolute;padding:0;border:none;background:var(--rt-overlay-black-50);cursor:pointer;inset:0;opacity:0;transition:opacity var(--rt-bottom-sheet-transition-duration) ease}.rt-bottom-sheet__panel{position:absolute;right:0;bottom:0;left:0;display:flex;max-height:var(--rt-bottom-sheet-max-height, 80vh);flex-direction:column;border-radius:var(--rt-bottom-sheet-radius) var(--rt-bottom-sheet-radius) 0 0;background:var(--rt-color-bg-surface);box-shadow:var(--rt-bottom-sheet-shadow);transform:translateY(100%);transition:transform var(--rt-bottom-sheet-transition-duration) ease}.rt-bottom-sheet__panel--dragging{transition:none}.rt-bottom-sheet__handle{width:40px;height:4px;align-self:center;border-radius:var(--rt-bottom-sheet-handle-radius);margin:var(--rt-space-4) 0;background:var(--rt-color-border-default);cursor:grab;touch-action:none}.rt-bottom-sheet__header{display:flex;justify-content:center;padding:0 var(--rt-space-5) var(--rt-space-4);color:var(--rt-color-text-primary);font-weight:var(--rt-font-weight-semibold)}.rt-bottom-sheet__body{display:flex;min-width:0;min-height:0;flex:1 1 auto;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.rt-bottom-sheet__footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;padding:var(--rt-space-4) var(--rt-space-5) calc(var(--rt-space-4) + env(safe-area-inset-bottom));border-top:var(--rt-bottom-sheet-footer-border-width) solid var(--rt-color-border-default);gap:var(--rt-space-2)}.rt-bottom-sheet__footer:empty{display:none}.rt-bottom-sheet--open{pointer-events:auto}.rt-bottom-sheet--open .rt-bottom-sheet__backdrop{opacity:1}.rt-bottom-sheet--open .rt-bottom-sheet__panel{transform:translateY(0)}.rt-bottom-sheet[data-rt-radius=none]{--rt-bottom-sheet-radius: var(--rt-radius-none)}.rt-bottom-sheet[data-rt-radius=xs]{--rt-bottom-sheet-radius: var(--rt-radius-xs)}.rt-bottom-sheet[data-rt-radius=sm]{--rt-bottom-sheet-radius: var(--rt-radius-sm)}.rt-bottom-sheet[data-rt-radius=ms]{--rt-bottom-sheet-radius: var(--rt-radius-ms)}.rt-bottom-sheet[data-rt-radius=md]{--rt-bottom-sheet-radius: var(--rt-radius-md)}.rt-bottom-sheet[data-rt-radius=lg]{--rt-bottom-sheet-radius: var(--rt-radius-lg)}.rt-bottom-sheet[data-rt-radius=xl]{--rt-bottom-sheet-radius: var(--rt-radius-xl)}.rt-bottom-sheet[data-rt-radius=\"2xl\"]{--rt-bottom-sheet-radius: var(--rt-radius-2xl)}.rt-bottom-sheet[data-rt-radius=full]{--rt-bottom-sheet-radius: var(--rt-radius-full)}}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: BlockDirective,
+					selector: "[rtBlock]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ElemDirective,
+					selector: "[rtElem]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ModDirective,
+					selector: "[rtMod]"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtBottomSheetComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-bottom-sheet",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				BlockDirective,
+				ElemDirective,
+				ModDirective
+			],
+			hostDirectives: [{
+				directive: RtRadiusDirective,
+				inputs: ["radius"]
+			}],
+			host: {
+				class: BEM_BLOCK,
+				"[class.rt-bottom-sheet--open]": "open()",
+				"[attr.inert]": "open() ? null : \"\""
+			},
+			template: "<ng-container rtBlock=\"rt-bottom-sheet\">\n    <button\n        type=\"button\"\n        rtElem=\"backdrop\"\n        qa-dataid=\"bottom-sheet-backdrop\"\n        [attr.aria-label]=\"t().bottomSheetClose\"\n        (click)=\"dismiss()\"></button>\n    <div\n        rtElem=\"panel\"\n        qa-dataid=\"bottom-sheet-panel\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        [rtMod]=\"{ dragging: dragging() }\"\n        [style.transform]=\"dragging() ? 'translateY(' + dragDeltaY() + 'px)' : null\">\n        <div rtElem=\"handle\" qa-dataid=\"bottom-sheet-handle\" (pointerdown)=\"onDragStart($event)\"></div>\n        <div rtElem=\"header\" qa-dataid=\"bottom-sheet-header\">\n            <ng-content select=\"[sheetHeader]\" />\n        </div>\n        <div rtElem=\"body\" qa-dataid=\"bottom-sheet-body\">\n            <ng-content />\n        </div>\n        <div rtElem=\"footer\" qa-dataid=\"bottom-sheet-footer\">\n            <ng-content select=\"[sheetFooter]\" />\n        </div>\n    </div>\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-bottom-sheet{--rt-bottom-sheet-radius: var(--rt-radius-2xl);--rt-bottom-sheet-handle-radius: var(--rt-radius-xs);--rt-bottom-sheet-shadow: var(--rt-shadow-card-soft);--rt-bottom-sheet-transition-duration: var(--rt-duration-base);--rt-bottom-sheet-footer-border-width: var(--rt-border-width-thin);position:fixed;z-index:1000;inset:0;pointer-events:none}.rt-bottom-sheet__backdrop{position:absolute;padding:0;border:none;background:var(--rt-overlay-black-50);cursor:pointer;inset:0;opacity:0;transition:opacity var(--rt-bottom-sheet-transition-duration) ease}.rt-bottom-sheet__panel{position:absolute;right:0;bottom:0;left:0;display:flex;max-height:var(--rt-bottom-sheet-max-height, 80vh);flex-direction:column;border-radius:var(--rt-bottom-sheet-radius) var(--rt-bottom-sheet-radius) 0 0;background:var(--rt-color-bg-surface);box-shadow:var(--rt-bottom-sheet-shadow);transform:translateY(100%);transition:transform var(--rt-bottom-sheet-transition-duration) ease}.rt-bottom-sheet__panel--dragging{transition:none}.rt-bottom-sheet__handle{width:40px;height:4px;align-self:center;border-radius:var(--rt-bottom-sheet-handle-radius);margin:var(--rt-space-4) 0;background:var(--rt-color-border-default);cursor:grab;touch-action:none}.rt-bottom-sheet__header{display:flex;justify-content:center;padding:0 var(--rt-space-5) var(--rt-space-4);color:var(--rt-color-text-primary);font-weight:var(--rt-font-weight-semibold)}.rt-bottom-sheet__body{display:flex;min-width:0;min-height:0;flex:1 1 auto;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.rt-bottom-sheet__footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;padding:var(--rt-space-4) var(--rt-space-5) calc(var(--rt-space-4) + env(safe-area-inset-bottom));border-top:var(--rt-bottom-sheet-footer-border-width) solid var(--rt-color-border-default);gap:var(--rt-space-2)}.rt-bottom-sheet__footer:empty{display:none}.rt-bottom-sheet--open{pointer-events:auto}.rt-bottom-sheet--open .rt-bottom-sheet__backdrop{opacity:1}.rt-bottom-sheet--open .rt-bottom-sheet__panel{transform:translateY(0)}.rt-bottom-sheet[data-rt-radius=none]{--rt-bottom-sheet-radius: var(--rt-radius-none)}.rt-bottom-sheet[data-rt-radius=xs]{--rt-bottom-sheet-radius: var(--rt-radius-xs)}.rt-bottom-sheet[data-rt-radius=sm]{--rt-bottom-sheet-radius: var(--rt-radius-sm)}.rt-bottom-sheet[data-rt-radius=ms]{--rt-bottom-sheet-radius: var(--rt-radius-ms)}.rt-bottom-sheet[data-rt-radius=md]{--rt-bottom-sheet-radius: var(--rt-radius-md)}.rt-bottom-sheet[data-rt-radius=lg]{--rt-bottom-sheet-radius: var(--rt-radius-lg)}.rt-bottom-sheet[data-rt-radius=xl]{--rt-bottom-sheet-radius: var(--rt-radius-xl)}.rt-bottom-sheet[data-rt-radius=\"2xl\"]{--rt-bottom-sheet-radius: var(--rt-radius-2xl)}.rt-bottom-sheet[data-rt-radius=full]{--rt-bottom-sheet-radius: var(--rt-radius-full)}}\n"]
+		}]
+	}],
+	propDecorators: {
+		open: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "open",
+				required: true
+			}]
+		}],
+		openChange: [{
+			type: i0.Output,
+			args: ["openChange"]
+		}]
+	}
+});
 export { RtBottomSheetComponent };
-//# sourceMappingURL=rt-tools-ui-kit-v2-bottom-sheet.mjs.map
+
+//# sourceMappingURL=rt-tools-ui-kit-v2-bottom-sheet.mjs.map

package/fesm2022/rt-tools-ui-kit-v2-bottom-sheet.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-bottom-sheet.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/bottom-sheet/rt-bottom-sheet.logic.ts","../../../projects/ui-kit-v2/src/lib/components/bottom-sheet/rt-bottom-sheet.component.ts","../../../projects/ui-kit-v2/src/lib/components/bottom-sheet/rt-bottom-sheet.component.html","../../../projects/ui-kit-v2/src/lib/components/bottom-sheet/rt-tools-ui-kit-v2-bottom-sheet.ts"],"sourcesContent":["export const DRAG_DISMISS_THRESHOLD_PX: number = 80;\n\nexport function clampDragDelta(deltaY: number): number {\n    return Math.max(0, deltaY);\n}\n\nexport function shouldDismissDrag(deltaY: number): boolean {\n    return deltaY > DRAG_DISMISS_THRESHOLD_PX;\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { DOCUMENT } from '@angular/common';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    inject,\n    input,\n    InputSignalWithTransform,\n    output,\n    OutputEmitterRef,\n    signal,\n    Signal,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\n\n// rt-tools\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RT_KIT_LABELS, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';\nimport { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';\nimport { clampDragDelta, shouldDismissDrag } from './rt-bottom-sheet.logic';\n\nconst BEM_BLOCK: string = 'rt-bottom-sheet';\n\n@Component({\n    selector: 'rt-bottom-sheet',\n    templateUrl: './rt-bottom-sheet.component.html',\n    styleUrl: './rt-bottom-sheet.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // rt-tools\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n\n        // transloco\n    ],\n    hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n    host: {\n        class: BEM_BLOCK,\n        '[class.rt-bottom-sheet--open]': 'open()',\n        // Закрытый лист остаётся в разметке ради анимации, и спрятан он только\n        // стилями — а `opacity`/`pointer-events` не убирают узел ни из порядка\n        // табуляции, ни из дерева доступности. Без `inert` страница с закрытым\n        // листом держала бы в табуляции невидимую кнопку «Закрыть», а\n        // скринридер объявлял бы модальный диалог, которого не видно.\n        '[attr.inert]': 'open() ? null : \"\"',\n    },\n})\nexport class RtBottomSheetComponent {\n    readonly #document: Document = inject(DOCUMENT);\n    readonly #onDragMove: (event: PointerEvent) => void = (event: PointerEvent): void => this.#handleDragMove(event);\n    readonly #onDragEnd: () => void = (): void => this.#handleDragEnd();\n\n    #dragStartY: number = 0;\n\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n    protected readonly dragDeltaY: WritableSignal<number> = signal<number>(0);\n    protected readonly dragging: WritableSignal<boolean> = signal<boolean>(false);\n\n    public readonly open: InputSignalWithTransform<boolean, BooleanInput> = input.required<boolean, BooleanInput>({\n        transform: booleanAttribute,\n    });\n    public readonly openChange: OutputEmitterRef<boolean> = output<boolean>();\n\n    protected onDragStart(event: PointerEvent): void {\n        this.#dragStartY = event.clientY;\n        this.dragging.set(true);\n        this.dragDeltaY.set(0);\n        this.#document.addEventListener('pointermove', this.#onDragMove);\n        this.#document.addEventListener('pointerup', this.#onDragEnd);\n    }\n\n    protected dismiss(): void {\n        this.openChange.emit(false);\n    }\n\n    #handleDragMove(event: PointerEvent): void {\n        this.dragDeltaY.set(clampDragDelta(event.clientY - this.#dragStartY));\n    }\n\n    #handleDragEnd(): void {\n        this.dragging.set(false);\n        this.#document.removeEventListener('pointermove', this.#onDragMove);\n        this.#document.removeEventListener('pointerup', this.#onDragEnd);\n        if (shouldDismissDrag(this.dragDeltaY())) {\n            this.openChange.emit(false);\n        }\n        this.dragDeltaY.set(0);\n    }\n}\n","<ng-container rtBlock=\"rt-bottom-sheet\">\n    <button\n        type=\"button\"\n        rtElem=\"backdrop\"\n        qa-dataid=\"bottom-sheet-backdrop\"\n        [attr.aria-label]=\"t().bottomSheetClose\"\n        (click)=\"dismiss()\"></button>\n    <div\n        rtElem=\"panel\"\n        qa-dataid=\"bottom-sheet-panel\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        [rtMod]=\"{ dragging: dragging() }\"\n        [style.transform]=\"dragging() ? 'translateY(' + dragDeltaY() + 'px)' : null\">\n        <div rtElem=\"handle\" qa-dataid=\"bottom-sheet-handle\" (pointerdown)=\"onDragStart($event)\"></div>\n        <div rtElem=\"header\" qa-dataid=\"bottom-sheet-header\">\n            <ng-content select=\"[sheetHeader]\" />\n        </div>\n        <ng-content />\n    </div>\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-bottom-sheet.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/bottom-sheet/rt-bottom-sheet.logic.ts","../../../projects/ui-kit-v2/src/lib/components/bottom-sheet/rt-bottom-sheet.component.ts","../../../projects/ui-kit-v2/src/lib/components/bottom-sheet/rt-bottom-sheet.component.html"],"sourcesContent":["export const DRAG_DISMISS_THRESHOLD_PX: number = 80;\n\nexport function clampDragDelta(deltaY: number): number {\n    return Math.max(0, deltaY);\n}\n\nexport function shouldDismissDrag(deltaY: number): boolean {\n    return deltaY > DRAG_DISMISS_THRESHOLD_PX;\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { DOCUMENT } from '@angular/common';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    inject,\n    input,\n    InputSignalWithTransform,\n    output,\n    OutputEmitterRef,\n    signal,\n    Signal,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\n\n// rt-tools\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RT_KIT_LABELS, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';\nimport { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';\nimport { clampDragDelta, shouldDismissDrag } from './rt-bottom-sheet.logic';\n\nconst BEM_BLOCK: string = 'rt-bottom-sheet';\n\n@Component({\n    selector: 'rt-bottom-sheet',\n    templateUrl: './rt-bottom-sheet.component.html',\n    styleUrl: './rt-bottom-sheet.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // rt-tools\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n\n        // transloco\n    ],\n    hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n    host: {\n        class: BEM_BLOCK,\n        '[class.rt-bottom-sheet--open]': 'open()',\n        // Закрытый лист остаётся в разметке ради анимации, и спрятан он только\n        // стилями — а `opacity`/`pointer-events` не убирают узел ни из порядка\n        // табуляции, ни из дерева доступности. Без `inert` страница с закрытым\n        // листом держала бы в табуляции невидимую кнопку «Закрыть», а\n        // скринридер объявлял бы модальный диалог, которого не видно.\n        '[attr.inert]': 'open() ? null : \"\"',\n    },\n})\nexport class RtBottomSheetComponent {\n    readonly #document: Document = inject(DOCUMENT);\n    readonly #onDragMove: (event: PointerEvent) => void = (event: PointerEvent): void => this.#handleDragMove(event);\n    readonly #onDragEnd: () => void = (): void => this.#handleDragEnd();\n\n    #dragStartY: number = 0;\n\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n    protected readonly dragDeltaY: WritableSignal<number> = signal<number>(0);\n    protected readonly dragging: WritableSignal<boolean> = signal<boolean>(false);\n\n    public readonly open: InputSignalWithTransform<boolean, BooleanInput> = input.required<boolean, BooleanInput>({\n        transform: booleanAttribute,\n    });\n    public readonly openChange: OutputEmitterRef<boolean> = output<boolean>();\n\n    protected onDragStart(event: PointerEvent): void {\n        this.#dragStartY = event.clientY;\n        this.dragging.set(true);\n        this.dragDeltaY.set(0);\n        this.#document.addEventListener('pointermove', this.#onDragMove);\n        this.#document.addEventListener('pointerup', this.#onDragEnd);\n    }\n\n    protected dismiss(): void {\n        this.openChange.emit(false);\n    }\n\n    #handleDragMove(event: PointerEvent): void {\n        this.dragDeltaY.set(clampDragDelta(event.clientY - this.#dragStartY));\n    }\n\n    #handleDragEnd(): void {\n        this.dragging.set(false);\n        this.#document.removeEventListener('pointermove', this.#onDragMove);\n        this.#document.removeEventListener('pointerup', this.#onDragEnd);\n        if (shouldDismissDrag(this.dragDeltaY())) {\n            this.openChange.emit(false);\n        }\n        this.dragDeltaY.set(0);\n    }\n}\n","<ng-container rtBlock=\"rt-bottom-sheet\">\n    <button\n        type=\"button\"\n        rtElem=\"backdrop\"\n        qa-dataid=\"bottom-sheet-backdrop\"\n        [attr.aria-label]=\"t().bottomSheetClose\"\n        (click)=\"dismiss()\"></button>\n    <div\n        rtElem=\"panel\"\n        qa-dataid=\"bottom-sheet-panel\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        [rtMod]=\"{ dragging: dragging() }\"\n        [style.transform]=\"dragging() ? 'translateY(' + dragDeltaY() + 'px)' : null\">\n        <div rtElem=\"handle\" qa-dataid=\"bottom-sheet-handle\" (pointerdown)=\"onDragStart($event)\"></div>\n        <div rtElem=\"header\" qa-dataid=\"bottom-sheet-header\">\n            <ng-content select=\"[sheetHeader]\" />\n        </div>\n        <div rtElem=\"body\" qa-dataid=\"bottom-sheet-body\">\n            <ng-content />\n        </div>\n        <div rtElem=\"footer\" qa-dataid=\"bottom-sheet-footer\">\n            <ng-content select=\"[sheetFooter]\" />\n        </div>\n    </div>\n</ng-container>\n"],"mappings":"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"}