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

package/fesm2022/rt-tools-ui-kit-v2-dot-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-dot-field.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/dot-field/rt-dot-field.logic.ts","../../../projects/ui-kit-v2/src/lib/components/dot-field/rt-dot-field.painter.ts","../../../projects/ui-kit-v2/src/lib/components/dot-field/rt-dot-field.component.ts","../../../projects/ui-kit-v2/src/lib/components/dot-field/rt-dot-field.component.html","../../../projects/ui-kit-v2/src/lib/components/dot-field/rt-tools-ui-kit-v2-dot-field.ts"],"sourcesContent":["/** Сторона клетки сетки в пикселях. */\nexport const DOT_FIELD_CELL: number = 10;\n\n/** Сторона точки в центре клетки. */\nexport const DOT_FIELD_DOT: number = 3;\n\n/** Кадр рисуется раз в столько миллисекунд: ступенчатое движение — часть облика. */\nexport const DOT_FIELD_FRAME_MS: number = 90;\n\n/** На столько сдвигается время шума за кадр. */\nexport const DOT_FIELD_TIME_STEP: number = 0.035;\n\nconst NOISE_SCALE: number = 0.075;\nconst THRESHOLD: number = 0.64;\nconst DITHER_SPREAD: number = 0.3;\nconst BAYER_4X4: readonly number[] = [0, 8, 2, 10, 12, 4, 14, 6, 3, 11, 1, 9, 15, 7, 13, 5].map((value: number): number => value / 16);\n\nfunction hash(x: number, y: number): number {\n    const value: number = Math.sin(x * 127.1 + y * 311.7) * 43758.5453;\n    return value - Math.floor(value);\n}\n\nfunction fade(value: number): number {\n    return value * value * (3 - 2 * value);\n}\n\nfunction lerp(from: number, to: number, amount: number): number {\n    return from + (to - from) * amount;\n}\n\nfunction smoothstep(edge0: number, edge1: number, value: number): number {\n    const amount: number = Math.min(1, Math.max(0, (value - edge0) / (edge1 - edge0)));\n    return amount * amount * (3 - 2 * amount);\n}\n\n/** Шум значений: гладкая случайная поверхность от 0 до 1. */\nfunction noise(x: number, y: number): number {\n    const x0: number = Math.floor(x);\n    const y0: number = Math.floor(y);\n    const fx: number = fade(x - x0);\n    const fy: number = fade(y - y0);\n\n    const top: number = lerp(hash(x0, y0), hash(x0 + 1, y0), fx);\n    const bottom: number = lerp(hash(x0, y0 + 1), hash(x0 + 1, y0 + 1), fx);\n\n    return lerp(top, bottom, fy);\n}\n\n/**\n * Плотность поля в клетке: два слоя шума, сдвинутые временем, и поляна в центре, где точки редеют.\n *\n * @returns Число от 0 до 1.\n */\nexport function dotDensity(column: number, row: number, columns: number, rows: number, time: number): number {\n    const x: number = column * NOISE_SCALE;\n    const y: number = row * NOISE_SCALE;\n\n    const broad: number = noise(x + time * 0.6, y + time * 0.25);\n    const detail: number = noise(x * 2.3 - time * 0.4, y * 2.3 + time * 0.35);\n    const field: number = broad * 0.72 + detail * 0.28;\n\n    const dx: number = column / columns - 0.5;\n    const dy: number = row / rows - 0.5;\n    const clearing: number = smoothstep(0.12, 0.42, Math.sqrt(dx * dx + dy * dy));\n\n    return field * (0.6 + 0.4 * clearing);\n}\n\n/**\n * Горит ли клетка: плотность сравнивается с порогом, который матрица Байера 4x4 сдвигает по\n * клеткам. Так края облаков выходят рваными, а не гладкими.\n */\nexport function isDotLit(density: number, column: number, row: number): boolean {\n    const dither: number = BAYER_4X4[(row % 4) * 4 + (column % 4)];\n\n    return density > THRESHOLD + (dither - 0.5) * DITHER_SPREAD;\n}\n","import { DOT_FIELD_CELL, DOT_FIELD_DOT, DOT_FIELD_FRAME_MS, DOT_FIELD_TIME_STEP, dotDensity, isDotLit } from './rt-dot-field.logic';\n\n/**\n * Рисует поле точек на canvas и ведёт его кадры. Окно приходит параметром: класс создаёт\n * компонент, а у этого файла нет внедрения зависимостей.\n */\nexport class RtDotFieldPainter {\n    readonly #canvas: HTMLCanvasElement;\n    readonly #window: Window;\n    readonly #context: CanvasRenderingContext2D | null;\n\n    #frameId: number | null = null;\n    #lastFrameAt: number = 0;\n    #time: number = 0;\n    #width: number = 0;\n    #height: number = 0;\n\n    constructor(canvas: HTMLCanvasElement, windowRef: Window) {\n        this.#canvas = canvas;\n        this.#window = windowRef;\n        this.#context = canvas.getContext('2d');\n    }\n\n    /** Без 2D-контекста ничего не рисуется; при просьбе о меньшем движении — один кадр. */\n    public start(): void {\n        if (!this.#context) {\n            return;\n        }\n\n        if (this.#window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n            this.#draw(this.#context);\n            return;\n        }\n\n        this.#frameId = this.#window.requestAnimationFrame((now: number): void => this.#tick(now));\n    }\n\n    public stop(): void {\n        if (this.#frameId === null) {\n            return;\n        }\n\n        this.#window.cancelAnimationFrame(this.#frameId);\n        this.#frameId = null;\n    }\n\n    #tick(now: number): void {\n        if (this.#context && now - this.#lastFrameAt >= DOT_FIELD_FRAME_MS) {\n            this.#lastFrameAt = now;\n            this.#time += DOT_FIELD_TIME_STEP;\n            this.#draw(this.#context);\n        }\n\n        this.#frameId = this.#window.requestAnimationFrame((next: number): void => this.#tick(next));\n    }\n\n    #draw(context: CanvasRenderingContext2D): void {\n        this.#resize(context);\n\n        context.clearRect(0, 0, this.#width, this.#height);\n        // Цвет — вычисленный `color` поля: тема меняет назначение, а canvas принимает только готовый цвет.\n        context.fillStyle = this.#window.getComputedStyle(this.#canvas).color;\n\n        const columns: number = Math.ceil(this.#width / DOT_FIELD_CELL);\n        const rows: number = Math.ceil(this.#height / DOT_FIELD_CELL);\n        const offset: number = (DOT_FIELD_CELL - DOT_FIELD_DOT) / 2;\n\n        for (let row: number = 0; row < rows; row++) {\n            for (let column: number = 0; column < columns; column++) {\n                if (isDotLit(dotDensity(column, row, columns, rows, this.#time), column, row)) {\n                    context.fillRect(column * DOT_FIELD_CELL + offset, row * DOT_FIELD_CELL + offset, DOT_FIELD_DOT, DOT_FIELD_DOT);\n                }\n            }\n        }\n    }\n\n    /** Холст следует размеру родителя и плотности точек экрана. */\n    #resize(context: CanvasRenderingContext2D): void {\n        const width: number = this.#canvas.clientWidth;\n        const height: number = this.#canvas.clientHeight;\n        if (width === this.#width && height === this.#height) {\n            return;\n        }\n\n        const ratio: number = this.#window.devicePixelRatio || 1;\n        this.#width = width;\n        this.#height = height;\n        this.#canvas.width = Math.round(width * ratio);\n        this.#canvas.height = Math.round(height * ratio);\n        context.setTransform(ratio, 0, 0, ratio, 0, 0);\n    }\n}\n","import {\n    afterNextRender,\n    inject,\n    viewChild,\n    ChangeDetectionStrategy,\n    Component,\n    DestroyRef,\n    ElementRef,\n    Signal,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, WINDOW } from '@rt-tools/core';\n\nimport { RtDotFieldPainter } from './rt-dot-field.painter';\n\nconst BEM_BLOCK: string = 'rt-dot-field';\n\n/**\n * Фон из квадратных точек, которые медленно плывут облаками. Заполняет позиционированного\n * родителя и стоит под его содержимым; в центре точки редеют. Цвет — CSS-свойство `color` хоста.\n */\n@Component({\n    selector: 'rt-dot-field',\n    templateUrl: './rt-dot-field.component.html',\n    styleUrl: './rt-dot-field.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        BlockDirective,\n        ElemDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtDotFieldComponent {\n    readonly #window: Window = inject(WINDOW);\n    readonly #destroyRef: DestroyRef = inject(DestroyRef);\n\n    /** `viewChild` не принимает поле с решёткой. */\n    protected readonly canvas: Signal<ElementRef<HTMLCanvasElement>> = viewChild.required<ElementRef<HTMLCanvasElement>>('canvas');\n\n    constructor() {\n        afterNextRender((): void => {\n            const painter: RtDotFieldPainter = new RtDotFieldPainter(this.canvas().nativeElement, this.#window);\n            painter.start();\n            this.#destroyRef.onDestroy((): void => painter.stop());\n        });\n    }\n}\n","<ng-container rtBlock=\"rt-dot-field\">\n    <canvas #canvas rtElem=\"canvas\" aria-hidden=\"true\" qa-dataid=\"rt-dot-field-canvas\"></canvas>\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-dot-field.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/dot-field/rt-dot-field.logic.ts","../../../projects/ui-kit-v2/src/lib/components/dot-field/rt-dot-field.painter.ts","../../../projects/ui-kit-v2/src/lib/components/dot-field/rt-dot-field.component.ts","../../../projects/ui-kit-v2/src/lib/components/dot-field/rt-dot-field.component.html"],"sourcesContent":["/** Сторона клетки сетки в пикселях. */\nexport const DOT_FIELD_CELL: number = 10;\n\n/** Сторона точки в центре клетки. */\nexport const DOT_FIELD_DOT: number = 3;\n\n/** Кадр рисуется раз в столько миллисекунд: ступенчатое движение — часть облика. */\nexport const DOT_FIELD_FRAME_MS: number = 90;\n\n/** На столько сдвигается время шума за кадр. */\nexport const DOT_FIELD_TIME_STEP: number = 0.035;\n\nconst NOISE_SCALE: number = 0.075;\nconst THRESHOLD: number = 0.64;\nconst DITHER_SPREAD: number = 0.3;\nconst BAYER_4X4: readonly number[] = [0, 8, 2, 10, 12, 4, 14, 6, 3, 11, 1, 9, 15, 7, 13, 5].map((value: number): number => value / 16);\n\nfunction hash(x: number, y: number): number {\n    const value: number = Math.sin(x * 127.1 + y * 311.7) * 43758.5453;\n    return value - Math.floor(value);\n}\n\nfunction fade(value: number): number {\n    return value * value * (3 - 2 * value);\n}\n\nfunction lerp(from: number, to: number, amount: number): number {\n    return from + (to - from) * amount;\n}\n\nfunction smoothstep(edge0: number, edge1: number, value: number): number {\n    const amount: number = Math.min(1, Math.max(0, (value - edge0) / (edge1 - edge0)));\n    return amount * amount * (3 - 2 * amount);\n}\n\n/** Шум значений: гладкая случайная поверхность от 0 до 1. */\nfunction noise(x: number, y: number): number {\n    const x0: number = Math.floor(x);\n    const y0: number = Math.floor(y);\n    const fx: number = fade(x - x0);\n    const fy: number = fade(y - y0);\n\n    const top: number = lerp(hash(x0, y0), hash(x0 + 1, y0), fx);\n    const bottom: number = lerp(hash(x0, y0 + 1), hash(x0 + 1, y0 + 1), fx);\n\n    return lerp(top, bottom, fy);\n}\n\n/**\n * Плотность поля в клетке: два слоя шума, сдвинутые временем, и поляна в центре, где точки редеют.\n *\n * @returns Число от 0 до 1.\n */\nexport function dotDensity(column: number, row: number, columns: number, rows: number, time: number): number {\n    const x: number = column * NOISE_SCALE;\n    const y: number = row * NOISE_SCALE;\n\n    const broad: number = noise(x + time * 0.6, y + time * 0.25);\n    const detail: number = noise(x * 2.3 - time * 0.4, y * 2.3 + time * 0.35);\n    const field: number = broad * 0.72 + detail * 0.28;\n\n    const dx: number = column / columns - 0.5;\n    const dy: number = row / rows - 0.5;\n    const clearing: number = smoothstep(0.12, 0.42, Math.sqrt(dx * dx + dy * dy));\n\n    return field * (0.6 + 0.4 * clearing);\n}\n\n/**\n * Горит ли клетка: плотность сравнивается с порогом, который матрица Байера 4x4 сдвигает по\n * клеткам. Так края облаков выходят рваными, а не гладкими.\n */\nexport function isDotLit(density: number, column: number, row: number): boolean {\n    const dither: number = BAYER_4X4[(row % 4) * 4 + (column % 4)];\n\n    return density > THRESHOLD + (dither - 0.5) * DITHER_SPREAD;\n}\n","import { DOT_FIELD_CELL, DOT_FIELD_DOT, DOT_FIELD_FRAME_MS, DOT_FIELD_TIME_STEP, dotDensity, isDotLit } from './rt-dot-field.logic';\n\n/**\n * Рисует поле точек на canvas и ведёт его кадры. Окно приходит параметром: класс создаёт\n * компонент, а у этого файла нет внедрения зависимостей.\n */\nexport class RtDotFieldPainter {\n    readonly #canvas: HTMLCanvasElement;\n    readonly #window: Window;\n    readonly #context: CanvasRenderingContext2D | null;\n\n    #frameId: number | null = null;\n    #lastFrameAt: number = 0;\n    #time: number = 0;\n    #width: number = 0;\n    #height: number = 0;\n\n    constructor(canvas: HTMLCanvasElement, windowRef: Window) {\n        this.#canvas = canvas;\n        this.#window = windowRef;\n        this.#context = canvas.getContext('2d');\n    }\n\n    /** Без 2D-контекста ничего не рисуется; при просьбе о меньшем движении — один кадр. */\n    public start(): void {\n        if (!this.#context) {\n            return;\n        }\n\n        if (this.#window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n            this.#draw(this.#context);\n            return;\n        }\n\n        this.#frameId = this.#window.requestAnimationFrame((now: number): void => this.#tick(now));\n    }\n\n    public stop(): void {\n        if (this.#frameId === null) {\n            return;\n        }\n\n        this.#window.cancelAnimationFrame(this.#frameId);\n        this.#frameId = null;\n    }\n\n    #tick(now: number): void {\n        if (this.#context && now - this.#lastFrameAt >= DOT_FIELD_FRAME_MS) {\n            this.#lastFrameAt = now;\n            this.#time += DOT_FIELD_TIME_STEP;\n            this.#draw(this.#context);\n        }\n\n        this.#frameId = this.#window.requestAnimationFrame((next: number): void => this.#tick(next));\n    }\n\n    #draw(context: CanvasRenderingContext2D): void {\n        this.#resize(context);\n\n        context.clearRect(0, 0, this.#width, this.#height);\n        // Цвет — вычисленный `color` поля: тема меняет назначение, а canvas принимает только готовый цвет.\n        context.fillStyle = this.#window.getComputedStyle(this.#canvas).color;\n\n        const columns: number = Math.ceil(this.#width / DOT_FIELD_CELL);\n        const rows: number = Math.ceil(this.#height / DOT_FIELD_CELL);\n        const offset: number = (DOT_FIELD_CELL - DOT_FIELD_DOT) / 2;\n\n        for (let row: number = 0; row < rows; row++) {\n            for (let column: number = 0; column < columns; column++) {\n                if (isDotLit(dotDensity(column, row, columns, rows, this.#time), column, row)) {\n                    context.fillRect(column * DOT_FIELD_CELL + offset, row * DOT_FIELD_CELL + offset, DOT_FIELD_DOT, DOT_FIELD_DOT);\n                }\n            }\n        }\n    }\n\n    /** Холст следует размеру родителя и плотности точек экрана. */\n    #resize(context: CanvasRenderingContext2D): void {\n        const width: number = this.#canvas.clientWidth;\n        const height: number = this.#canvas.clientHeight;\n        if (width === this.#width && height === this.#height) {\n            return;\n        }\n\n        const ratio: number = this.#window.devicePixelRatio || 1;\n        this.#width = width;\n        this.#height = height;\n        this.#canvas.width = Math.round(width * ratio);\n        this.#canvas.height = Math.round(height * ratio);\n        context.setTransform(ratio, 0, 0, ratio, 0, 0);\n    }\n}\n","import {\n    afterNextRender,\n    inject,\n    viewChild,\n    ChangeDetectionStrategy,\n    Component,\n    DestroyRef,\n    ElementRef,\n    Signal,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, WINDOW } from '@rt-tools/core';\n\nimport { RtDotFieldPainter } from './rt-dot-field.painter';\n\nconst BEM_BLOCK: string = 'rt-dot-field';\n\n/**\n * Фон из квадратных точек, которые медленно плывут облаками. Заполняет позиционированного\n * родителя и стоит под его содержимым; в центре точки редеют. Цвет — CSS-свойство `color` хоста.\n */\n@Component({\n    selector: 'rt-dot-field',\n    templateUrl: './rt-dot-field.component.html',\n    styleUrl: './rt-dot-field.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        BlockDirective,\n        ElemDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtDotFieldComponent {\n    readonly #window: Window = inject(WINDOW);\n    readonly #destroyRef: DestroyRef = inject(DestroyRef);\n\n    /** `viewChild` не принимает поле с решёткой. */\n    protected readonly canvas: Signal<ElementRef<HTMLCanvasElement>> = viewChild.required<ElementRef<HTMLCanvasElement>>('canvas');\n\n    constructor() {\n        afterNextRender((): void => {\n            const painter: RtDotFieldPainter = new RtDotFieldPainter(this.canvas().nativeElement, this.#window);\n            painter.start();\n            this.#destroyRef.onDestroy((): void => painter.stop());\n        });\n    }\n}\n","<ng-container rtBlock=\"rt-dot-field\">\n    <canvas #canvas rtElem=\"canvas\" aria-hidden=\"true\" qa-dataid=\"rt-dot-field-canvas\"></canvas>\n</ng-container>\n"],"mappings":"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"}

package/fesm2022/rt-tools-ui-kit-v2-download-link.mjs

@@ -1,44 +1,117 @@
-import * as i0 from '@angular/core';
-import { computed, input, output, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
-import { BlockDirective, ElemDirective } from '@rt-tools/core';
-import { rtKitLabel } from '@rt-tools/ui-kit-v2/core';
-import { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';
-
-const BEM_BLOCK = 'rt-download-link';
-class RtDownloadLinkComponent {
-    constructor() {
-        /**
-         * Подпись для скринридера: имя файла подставляется в неё, поэтому карты
-         * подписей ей мало — параметр приходит из входа.
-         */
-        this.downloadAriaLabel = rtKitLabel('uiDownloadFile', computed(() => ({ name: this.label() })));
-        this.label = input.required(/* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-        this.downloadClick = output();
-    }
-    onClick() {
-        this.downloadClick.emit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtDownloadLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: RtDownloadLinkComponent, isStandalone: true, selector: "rt-download-link", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { downloadClick: "downloadClick" }, host: { classAttribute: "rt-download-link" }, ngImport: i0, template: "<ng-container rtBlock=\"rt-download-link\">\n    <button rtElem=\"button\" qa-dataid=\"download-link-button\" type=\"button\" [attr.aria-label]=\"downloadAriaLabel()\" (click)=\"onClick()\">\n        <rt-icon rtElem=\"icon\" name=\"ico-download\" size=\"md\" />\n        <span rtElem=\"label\" qa-dataid=\"download-link-label\">{{ label() }}</span>\n    </button>\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-download-link{--rt-download-link-focus-radius: var(--rt-radius-sm);--rt-download-link-focus-shadow: var(--rt-shadow-focus-ring);display:inline-flex}.rt-download-link__button{display:inline-flex;align-items:center;padding:0;border:0;background:transparent;color:var(--rt-color-text-link);cursor:pointer;font-family:var(--rt-font-family-sans);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-medium);gap:var(--rt-space-sm);line-height:var(--rt-leading-snug)}.rt-download-link__button:hover{text-decoration:underline}.rt-download-link__button:focus-visible{border-radius:var(--rt-download-link-focus-radius);box-shadow:var(--rt-download-link-focus-shadow);outline:none}.rt-download-link__icon{color:var(--rt-color-text-link)}}\n"], dependencies: [{ kind: "component", type: 
-                // standalone components / directives
-                RtIconComponent, selector: "rt-icon", inputs: ["name", "glyph", "glyphStrategy", "size", "color", "fill", "spin", "rotate"] }, { 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: RtDownloadLinkComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-download-link', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        // standalone components / directives
-                        RtIconComponent,
-                        BlockDirective,
-                        ElemDirective,
-                    ], host: {
-                        class: BEM_BLOCK,
-                    }, template: "<ng-container rtBlock=\"rt-download-link\">\n    <button rtElem=\"button\" qa-dataid=\"download-link-button\" type=\"button\" [attr.aria-label]=\"downloadAriaLabel()\" (click)=\"onClick()\">\n        <rt-icon rtElem=\"icon\" name=\"ico-download\" size=\"md\" />\n        <span rtElem=\"label\" qa-dataid=\"download-link-label\">{{ label() }}</span>\n    </button>\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-download-link{--rt-download-link-focus-radius: var(--rt-radius-sm);--rt-download-link-focus-shadow: var(--rt-shadow-focus-ring);display:inline-flex}.rt-download-link__button{display:inline-flex;align-items:center;padding:0;border:0;background:transparent;color:var(--rt-color-text-link);cursor:pointer;font-family:var(--rt-font-family-sans);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-medium);gap:var(--rt-space-sm);line-height:var(--rt-leading-snug)}.rt-download-link__button:hover{text-decoration:underline}.rt-download-link__button:focus-visible{border-radius:var(--rt-download-link-focus-radius);box-shadow:var(--rt-download-link-focus-shadow);outline:none}.rt-download-link__icon{color:var(--rt-color-text-link)}}\n"] }]
-        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], downloadClick: [{ type: i0.Output, args: ["downloadClick"] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, input, output } from "@angular/core";
+import { BlockDirective, ElemDirective } from "@rt-tools/core";
+import { rtKitLabel } from "@rt-tools/ui-kit-v2/core";
+import { RtIconComponent } from "@rt-tools/ui-kit-v2/icon";
+const BEM_BLOCK = "rt-download-link";
+var RtDownloadLinkComponent = class RtDownloadLinkComponent {
+	constructor() {
+		this.downloadAriaLabel = rtKitLabel("uiDownloadFile", computed(() => ({ name: this.label() })));
+		this.label = input.required(...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+		this.downloadClick = output();
+	}
+	onClick() {
+		this.downloadClick.emit();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtDownloadLinkComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.1.0",
+			version: "22.2.2",
+			type: RtDownloadLinkComponent,
+			isStandalone: true,
+			selector: "rt-download-link",
+			inputs: { label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			} },
+			outputs: { downloadClick: "downloadClick" },
+			host: { classAttribute: "rt-download-link" },
+			ngImport: i0,
+			template: "<ng-container rtBlock=\"rt-download-link\">\n    <button rtElem=\"button\" qa-dataid=\"download-link-button\" type=\"button\" [attr.aria-label]=\"downloadAriaLabel()\" (click)=\"onClick()\">\n        <rt-icon rtElem=\"icon\" name=\"ico-download\" size=\"md\" />\n        <span rtElem=\"label\" qa-dataid=\"download-link-label\">{{ label() }}</span>\n    </button>\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-download-link{--rt-download-link-focus-radius: var(--rt-radius-sm);--rt-download-link-focus-shadow: var(--rt-shadow-focus-ring);display:inline-flex}.rt-download-link__button{display:inline-flex;align-items:center;padding:0;border:0;background:transparent;color:var(--rt-color-text-link);cursor:pointer;font-family:var(--rt-font-family-sans);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-medium);gap:var(--rt-space-sm);line-height:var(--rt-leading-snug)}.rt-download-link__button:hover{text-decoration:underline}.rt-download-link__button:focus-visible{border-radius:var(--rt-download-link-focus-radius);box-shadow:var(--rt-download-link-focus-shadow);outline:none}.rt-download-link__icon{color:var(--rt-color-text-link)}}\n"],
+			dependencies: [
+				{
+					kind: "component",
+					type: RtIconComponent,
+					selector: "rt-icon",
+					inputs: [
+						"name",
+						"glyph",
+						"glyphStrategy",
+						"size",
+						"color",
+						"fill",
+						"spin",
+						"rotate"
+					]
+				},
+				{
+					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: RtDownloadLinkComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-download-link",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				RtIconComponent,
+				BlockDirective,
+				ElemDirective
+			],
+			host: { class: BEM_BLOCK },
+			template: "<ng-container rtBlock=\"rt-download-link\">\n    <button rtElem=\"button\" qa-dataid=\"download-link-button\" type=\"button\" [attr.aria-label]=\"downloadAriaLabel()\" (click)=\"onClick()\">\n        <rt-icon rtElem=\"icon\" name=\"ico-download\" size=\"md\" />\n        <span rtElem=\"label\" qa-dataid=\"download-link-label\">{{ label() }}</span>\n    </button>\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-download-link{--rt-download-link-focus-radius: var(--rt-radius-sm);--rt-download-link-focus-shadow: var(--rt-shadow-focus-ring);display:inline-flex}.rt-download-link__button{display:inline-flex;align-items:center;padding:0;border:0;background:transparent;color:var(--rt-color-text-link);cursor:pointer;font-family:var(--rt-font-family-sans);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-medium);gap:var(--rt-space-sm);line-height:var(--rt-leading-snug)}.rt-download-link__button:hover{text-decoration:underline}.rt-download-link__button:focus-visible{border-radius:var(--rt-download-link-focus-radius);box-shadow:var(--rt-download-link-focus-shadow);outline:none}.rt-download-link__icon{color:var(--rt-color-text-link)}}\n"]
+		}]
+	}],
+	propDecorators: {
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: true
+			}]
+		}],
+		downloadClick: [{
+			type: i0.Output,
+			args: ["downloadClick"]
+		}]
+	}
+});
 export { RtDownloadLinkComponent };
-//# sourceMappingURL=rt-tools-ui-kit-v2-download-link.mjs.map
+
+//# sourceMappingURL=rt-tools-ui-kit-v2-download-link.mjs.map

package/fesm2022/rt-tools-ui-kit-v2-download-link.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-download-link.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/download-link/rt-download-link.component.ts","../../../projects/ui-kit-v2/src/lib/components/download-link/rt-download-link.component.html","../../../projects/ui-kit-v2/src/lib/components/download-link/rt-tools-ui-kit-v2-download-link.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    input,\n    InputSignal,\n    output,\n    OutputEmitterRef,\n    Signal,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { TRtKitLabelParams, rtKitLabel } from '@rt-tools/ui-kit-v2/core';\nimport { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';\n\nconst BEM_BLOCK: string = 'rt-download-link';\n\n@Component({\n    selector: 'rt-download-link',\n    templateUrl: './rt-download-link.component.html',\n    styleUrl: './rt-download-link.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        RtIconComponent,\n        BlockDirective,\n        ElemDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtDownloadLinkComponent {\n    /**\n     * Подпись для скринридера: имя файла подставляется в неё, поэтому карты\n     * подписей ей мало — параметр приходит из входа.\n     */\n    protected readonly downloadAriaLabel: Signal<string> = rtKitLabel(\n        'uiDownloadFile',\n        computed((): TRtKitLabelParams => ({ name: this.label() }))\n    );\n\n    public readonly label: InputSignal<string> = input.required<string>();\n\n    public readonly downloadClick: OutputEmitterRef<void> = output<void>();\n\n    protected onClick(): void {\n        this.downloadClick.emit();\n    }\n}\n","<ng-container rtBlock=\"rt-download-link\">\n    <button rtElem=\"button\" qa-dataid=\"download-link-button\" type=\"button\" [attr.aria-label]=\"downloadAriaLabel()\" (click)=\"onClick()\">\n        <rt-icon rtElem=\"icon\" name=\"ico-download\" size=\"md\" />\n        <span rtElem=\"label\" qa-dataid=\"download-link-label\">{{ label() }}</span>\n    </button>\n</ng-container>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAiBA,MAAM,SAAS,GAAW,kBAAkB;MAkB/B,uBAAuB,CAAA;AAhBpC,IAAA,WAAA,GAAA;AAiBI;;;AAGG;QACgB,IAAA,CAAA,iBAAiB,GAAmB,UAAU,CAC7D,gBAAgB,EAChB,QAAQ,CAAC,OAA0B,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAC9D;QAEe,IAAA,CAAA,KAAK,GAAwB,KAAK,CAAC,QAAQ;kFAAU;QAErD,IAAA,CAAA,aAAa,GAA2B,MAAM,EAAQ;AAKzE,IAAA;IAHa,OAAO,GAAA;AACb,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;IAC7B;8GAhBS,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,0SCnCpC,gYAMA,EAAA,MAAA,EAAA,CAAA,mxBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA;;gBDqBQ,eAAe,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,eAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACf,cAAc,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACd,aAAa,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAMR,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAhBnC,SAAS;+BACI,kBAAkB,EAAA,eAAA,EAGX,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B;;wBAEL,eAAe;wBACf,cAAc;wBACd,aAAa;qBAChB,EAAA,IAAA,EACK;AACF,wBAAA,KAAK,EAAE,SAAS;AACnB,qBAAA,EAAA,QAAA,EAAA,gYAAA,EAAA,MAAA,EAAA,CAAA,mxBAAA,CAAA,EAAA;;;AEjCL;;AAEG;;;;"}
+{"version":3,"file":"rt-tools-ui-kit-v2-download-link.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/download-link/rt-download-link.component.ts","../../../projects/ui-kit-v2/src/lib/components/download-link/rt-download-link.component.html"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    input,\n    InputSignal,\n    output,\n    OutputEmitterRef,\n    Signal,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { TRtKitLabelParams, rtKitLabel } from '@rt-tools/ui-kit-v2/core';\nimport { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';\n\nconst BEM_BLOCK: string = 'rt-download-link';\n\n@Component({\n    selector: 'rt-download-link',\n    templateUrl: './rt-download-link.component.html',\n    styleUrl: './rt-download-link.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        RtIconComponent,\n        BlockDirective,\n        ElemDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtDownloadLinkComponent {\n    /**\n     * Подпись для скринридера: имя файла подставляется в неё, поэтому карты\n     * подписей ей мало — параметр приходит из входа.\n     */\n    protected readonly downloadAriaLabel: Signal<string> = rtKitLabel(\n        'uiDownloadFile',\n        computed((): TRtKitLabelParams => ({ name: this.label() }))\n    );\n\n    public readonly label: InputSignal<string> = input.required<string>();\n\n    public readonly downloadClick: OutputEmitterRef<void> = output<void>();\n\n    protected onClick(): void {\n        this.downloadClick.emit();\n    }\n}\n","<ng-container rtBlock=\"rt-download-link\">\n    <button rtElem=\"button\" qa-dataid=\"download-link-button\" type=\"button\" [attr.aria-label]=\"downloadAriaLabel()\" (click)=\"onClick()\">\n        <rt-icon rtElem=\"icon\" name=\"ico-download\" size=\"md\" />\n        <span rtElem=\"label\" qa-dataid=\"download-link-label\">{{ label() }}</span>\n    </button>\n</ng-container>\n"],"mappings":";;;;;AAiBA,MAAM,YAAoB;AAkB1B,IAAa,0BAAb,MAAa,wBAAuB;CAhBpC,cAAA;EAqBuB,KAAA,oBAAoC,WACnD,kBACA,gBAAmC,EAAE,MAAM,KAAK,MAAK,EAAE,EAAG,CAAC;EAG/C,KAAA,QAA6B,MAAM,SAAkB,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;EAErD,KAAA,gBAAwC,OAAM;CAKjE;CAHa,UAAO;EACb,KAAK,cAAc,KAAI;CAC3B;CAhBS;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAuB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAvB;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAuB,cAAA;GAAA,UAAA;GAAA,QAAA,EAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA,EAAA;GAAA,SAAA,EAAA,eAAA,gBAAA;GAAA,MAAA,EAAA,gBAAA,mBAAA;GAAA,UAAA;GAAA,UCnCpC;GAMA,QAAA,CAAA,mxBAAA;GAAA,cAAA;IAAA;KAAA,MAAA;KAAA,MDqBQ;KAAe,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACf;KAAc,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACd;KAAa,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;GAAA;GAAA,iBAAA,GAAA,wBAAA;GAAA,eAAA,GAAA,kBAAA;EAAA,CAAA;CAAA;;AAMR,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAuB,YAAA,CAAA;EAhBnC,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAkB,iBAGX,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,SAC5B;IAEL;IACA;IACA;GACH;GAAA,MACK,EACF,OAAO,UACV;GAAA,UAAA;GAAA,QAAA,CAAA,mxBAAA;EAAA,CAAA"}